@font-face {font-family:'DBAdmanXRegular';src:url('../fonts/dbadmanx.eot');src:url('../fonts/dbadmanx.eot') format('embedded-opentype'),url('../fonts/dbadmanx.woff2') format('woff2'),url('../fonts/dbadmanx.woff') format('woff'),url('../fonts/dbadmanx.ttf') format('truetype'),url('../fonts/dbadmanx.svg#DBAdmanXRegular') format('svg');font-display:swap}  body.home .website-services-guide .container .row::before,body.home .website-services-guide .container .row::after {display:none;content:none}  body .ecommerce-service-guide {padding:68px 0 72px;color:#333;background:#f7f7f7;border-top:5px solid #eb6822} body .ecommerce-service-guide .ecommerce-service-header {max-width:900px;margin:0 auto 42px} body .ecommerce-service-guide .ecommerce-service-header h1 {margin:0 0 15px;color:#eb6822;font-size:42px;font-weight:600;line-height:1.15} body .ecommerce-service-guide .ecommerce-service-header h1::after {display:block;width:90px;height:4px;margin:17px auto 0;content:"";background:#000033} body .ecommerce-service-guide .ecommerce-service-header p {margin:0;color:#555;font-size:22px;line-height:1.5} body .ecommerce-service-guide .ecommerce-platform-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} body .ecommerce-service-guide .ecommerce-platform-card {display:flex;min-height:260px;padding:27px 24px;background:#fff;border:1px solid #e1e1e1;border-top:4px solid #eb6822;border-radius:3px;box-shadow:0 8px 24px rgba(0,0,0,.07);flex-direction:column} body .ecommerce-service-guide .ecommerce-platform-card h2 {margin:0 0 13px;color:#000033;font-size:27px;font-weight:600;line-height:1.15} body .ecommerce-service-guide .ecommerce-platform-card p {margin:0 0 20px;color:#555;font-size:19px;line-height:1.45;flex:1 1 auto} body .ecommerce-service-guide .ecommerce-platform-card a {display:inline-block;align-self:flex-start;padding:9px 17px;color:#fff;background:#eb6822;border-radius:3px;font-size:18px;line-height:1.2;text-decoration:none} body .ecommerce-service-guide .ecommerce-platform-card a:hover {color:#fff;background:#000033} body .ecommerce-service-guide .ecommerce-faq {max-width:970px;margin:58px auto 0;padding-top:36px;border-top:1px solid #d5d5d5} body .ecommerce-service-guide .ecommerce-faq>h2 {margin:0 0 25px;color:#000033;font-size:36px;font-weight:600;line-height:1.2} body .ecommerce-service-guide .ecommerce-faq details {margin-bottom:12px;overflow:hidden;background:#fff;border:1px solid #ddd;border-left:5px solid #eb6822;border-radius:3px} body .ecommerce-service-guide .ecommerce-faq summary {position:relative;display:block;padding:17px 56px 17px 20px;color:#333;font-size:23px;font-weight:600;line-height:1.25;cursor:pointer;list-style:none} body .ecommerce-service-guide .ecommerce-faq summary::-webkit-details-marker {display:none} body .ecommerce-service-guide .ecommerce-faq summary::after {position:absolute;top:50%;right:18px;width:27px;height:27px;color:#fff;content:"+";background:#eb6822;border-radius:50%;font-family:Arial,sans-serif;font-size:20px;font-weight:400;line-height:27px;text-align:center;transform:translateY(-50%)} body .ecommerce-service-guide .ecommerce-faq details[open] {border-color:#eb6822} body .ecommerce-service-guide .ecommerce-faq details[open] summary {color:#eb6822} body .ecommerce-service-guide .ecommerce-faq details[open] summary::after {content:"-";background:#000033} body .ecommerce-service-guide .ecommerce-faq details p {margin:0;padding:0 56px 19px 20px;color:#555;font-size:19px;line-height:1.5} @media screen and (max-width:991px) {body .ecommerce-service-guide .ecommerce-platform-grid {grid-template-columns:repeat(2,minmax(0,1fr))}} @media screen and (max-width:767px) {body .ecommerce-service-guide {padding:42px 0 48px;border-top-width:4px} body .ecommerce-service-guide .container {padding-right:18px;padding-left:18px} body .ecommerce-service-guide .ecommerce-service-header {margin-bottom:27px} body .ecommerce-service-guide .ecommerce-service-header h1 {font-size:30px;line-height:1.18} body .ecommerce-service-guide .ecommerce-service-header h1::after {width:68px;height:3px;margin-top:14px} body .ecommerce-service-guide .ecommerce-service-header p {font-size:19px;line-height:1.45;text-align:left} body .ecommerce-service-guide .ecommerce-platform-grid {grid-template-columns:1fr;gap:15px} body .ecommerce-service-guide .ecommerce-platform-card {min-height:0;padding:22px 20px;border-top-width:3px} body .ecommerce-service-guide .ecommerce-platform-card h2 {font-size:25px} body .ecommerce-service-guide .ecommerce-platform-card p,body .ecommerce-service-guide .ecommerce-platform-card a {font-size:18px} body .ecommerce-service-guide .ecommerce-faq {margin-top:36px;padding-top:28px} body .ecommerce-service-guide .ecommerce-faq>h2 {margin-bottom:20px;font-size:28px} body .ecommerce-service-guide .ecommerce-faq details {margin-bottom:10px;border-left-width:4px} body .ecommerce-service-guide .ecommerce-faq summary {padding:15px 50px 15px 16px;font-size:21px} body .ecommerce-service-guide .ecommerce-faq summary::after {right:14px;width:25px;height:25px;font-size:18px;line-height:25px} body .ecommerce-service-guide .ecommerce-faq details p {padding:0 17px 17px 16px;font-size:18px;line-height:1.45}} body.home .website-services-guide .container .row {display:flex;flex-wrap:wrap;gap:22px;width:100%;margin:0} body.home .website-services-guide .container .row>article {float:none;flex:0 0 calc(33.333333% - 15px);max-width:calc(33.333333% - 15px)} @media screen and (max-width:991px) {body.home .website-services-guide .container .row>article {flex-basis:calc(50% - 11px);max-width:calc(50% - 11px)}} @media screen and (max-width:767px) {body.home .website-services-guide .container .row {display:block} body.home .website-services-guide .container .row>article {width:100%;flex-basis:100%;max-width:100%}}  body.home .website-services-guide {position:relative;padding:70px 0 76px;color:#333;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,247,247,.98)),url("../images/background_02.png") center top / cover no-repeat;border-top:5px solid #eb6822} body.home .website-services-guide::before {position:absolute;top:-5px;left:50%;width:86px;height:5px;content:"";background:#000033;transform:translateX(-50%)} body.home .website-services-guide .container {max-width:1170px} body.home .website-services-guide header {max-width:900px;margin:0 auto 42px} body.home .website-services-guide header h2 {margin:0 0 15px;color:#eb6822;font-size:42px;font-weight:600;line-height:1.15} body.home .website-services-guide header h2::after {display:block;width:92px;height:4px;margin:18px auto 0;content:"";background:#000033} body.home .website-services-guide header p {margin:0;color:#555;font-size:22px;line-height:1.55} body.home .website-services-guide article {width:calc(33.333333% - 15px);min-height:220px;padding:28px 27px;background:#fff;border:1px solid #e6e6e6;border-top:4px solid #eb6822;border-radius:3px;box-shadow:0 8px 24px rgba(0,0,0,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} body.home .website-services-guide article:hover {border-color:#eb6822;box-shadow:0 14px 30px rgba(0,0,0,.11);transform:translateY(-4px)} body.home .website-services-guide article h3 {position:relative;min-height:38px;margin:0 0 14px;padding:0 0 11px 19px;color:#000033;font-size:27px;font-weight:600;line-height:1.15} body.home .website-services-guide article h3::before {position:absolute;top:2px;bottom:10px;left:0;width:5px;content:"";background:#eb6822} body.home .website-services-guide article p {margin:0;color:#555;font-size:20px;line-height:1.48} body.home .website-services-guide .homepage-faq {max-width:970px;margin:62px auto 0;padding-top:38px;border-top:1px solid #d8d8d8} body.home .website-services-guide .homepage-faq h2 {margin:0 0 27px;color:#000033;font-size:36px;font-weight:600;line-height:1.2} body.home .website-services-guide .homepage-faq details {margin:0 0 13px;overflow:hidden;background:#fff;border:1px solid #ddd;border-left:5px solid #eb6822;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.045)} body.home .website-services-guide .homepage-faq summary {position:relative;display:block;padding:17px 58px 17px 22px;color:#333;font-size:24px;font-weight:600;line-height:1.25;cursor:pointer;list-style:none} body.home .website-services-guide .homepage-faq summary::-webkit-details-marker {display:none} body.home .website-services-guide .homepage-faq summary::after {position:absolute;top:50%;right:20px;width:28px;height:28px;color:#fff;content:"+";background:#eb6822;border-radius:50%;font-family:Arial,sans-serif;font-size:21px;font-weight:400;line-height:28px;text-align:center;transform:translateY(-50%)} body.home .website-services-guide .homepage-faq details[open] {border-color:#eb6822} body.home .website-services-guide .homepage-faq details[open] summary {color:#eb6822} body.home .website-services-guide .homepage-faq details[open] summary::after {content:"-";background:#000033} body.home .website-services-guide .homepage-faq details p {margin:0;padding:0 58px 20px 22px;color:#555;font-size:20px;line-height:1.5} @media screen and (max-width:991px) {body.home .website-services-guide article {width:calc(50% - 11px)}} @media screen and (max-width:767px) {body.home .website-services-guide {padding:43px 0 50px;border-top-width:4px} body.home .website-services-guide::before {top:-4px;height:4px} body.home .website-services-guide .container {padding-right:18px;padding-left:18px} body.home .website-services-guide header {margin-bottom:28px} body.home .website-services-guide header h2 {margin-bottom:13px;font-size:29px;line-height:1.18} body.home .website-services-guide header h2::after {width:68px;height:3px;margin-top:14px} body.home .website-services-guide header p {font-size:19px;line-height:1.48;text-align:left} body.home .website-services-guide .container .row {display:block} body.home .website-services-guide article {width:100%;min-height:0;margin:0 0 15px;padding:22px 20px;border-top-width:3px;box-shadow:0 5px 17px rgba(0,0,0,.07)} body.home .website-services-guide article:hover {transform:none} body.home .website-services-guide article h3 {min-height:0;margin-bottom:10px;padding-bottom:8px;font-size:24px} body.home .website-services-guide article p {font-size:18px;line-height:1.45} body.home .website-services-guide .homepage-faq {margin-top:35px;padding-top:29px} body.home .website-services-guide .homepage-faq h2 {margin-bottom:20px;font-size:28px} body.home .website-services-guide .homepage-faq details {margin-bottom:10px;border-left-width:4px} body.home .website-services-guide .homepage-faq summary {padding:15px 51px 15px 16px;font-size:21px;line-height:1.25} body.home .website-services-guide .homepage-faq summary::after {right:15px;width:25px;height:25px;font-size:18px;line-height:25px} body.home .website-services-guide .homepage-faq details p {padding:0 18px 17px 16px;font-size:18px;line-height:1.45}} @font-face {font-family:'DBAdmanXLight';src:url('../fonts/dbadmanxli.eot');src:url('../fonts/dbadmanxli.eot') format('embedded-opentype'),url('../fonts/dbadmanxli.woff2') format('woff2'),url('../fonts/dbadmanxli.woff') format('woff'),url('../fonts/dbadmanxli.ttf') format('truetype'),url('../fonts/dbadmanxli.svg#DBAdmanXLight') format('svg');font-display:swap} .col5-xs,.col5-sm,.col5-md,.col5-lg {position:relative;min-height:1px} body {background:none;font-family:'DBAdmanXRegular';font-size:20px;line-height:26px;letter-spacing:0.5px} section#section-id-1481572543 {color:#ffffff;background-color:#303030;background-image:url(http://flex.aplikko.com/images/svg/section-background-stripes.svg);background-repeat:repeat;background-size:inherit;background-attachment:inherit;background-position:50% 50%} section#section-id-1481572551 {margin:0px;padding:40px 20px 50px;background-color:#363839;background-image:url(http://flex.aplikko.com/images/svg/section-background-stripes2.svg);background-repeat:inherit;background-size:contain;background-attachment:inherit;background-position:50% 50%} section#section-id-1481572568 {margin:0px;padding:50px 20px 60px;background-color:#2e2e2e;background-image:url('http://flex.aplikko.com/images/svg/section-background-stripes2.svg');background-repeat:inherit;background-size:contain;background-attachment:inherit;background-position:50% 50%} #sp-footer {background-color:#363839;color:#b0b0b0} div#take-control {margin:0px;padding:0px;color:#ffffff;background-image:url(http://flex.aplikko.com/images/pagebuilder/backgrounds/bckg-4.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%} #sp-header {background-color:#ffffff;color:#f0f0f0;height:auto} #sp-header a {color:#000000} .brand {width:170px;margin:15px 0 0;padding-top:4px} .sp-megamenu-parent {list-style:none;padding:0;margin:0;z-index:7;display:block;float:right;position:static} .sp-megamenu-parent.menu-fade-down-fade-up .sp-has-child:hover>.sp-dropdown {opacity:1;visibility:visible;margin-top:0;display:block;background:transparent;left:0px;position:absolute;width:100%} #sp-header a.subtextlink {color:white} .sp-megamenu-parent>li:hover {background:transparent !important} #sp-header .sp-megamenu-parent>li:hover>a {color:#eb6822 !important} #sp-header a {color:#000000;font-size:24px;font-weight:500;text-transform:uppercase} .video {margin-top:0px !important} #sp-top-bar {background-color:#cc0000;color:#ffffff} #sp-top-bar .container {width:100%} .tp-banner ul {padding-left:0px} .home .boxedcontainer,.home .tp-banner-container,.home .tp-banner {min-height:min(36vw,684px)} .home .boxedcontainer {background-position:center center;background-repeat:no-repeat;background-size:cover} .home .tp-banner-container,.home .tp-banner {background:transparent} .home .tp-banner,.home .tp-banner ul,.home .tp-banner li {aspect-ratio:1900 / 684} .sp-megamenu-parent>li>a {display:inline-block;padding:0 14px;line-height:86px;-webkit-transform:translateZ(0)} .sp-megamenu-parent>li {display:inline-block;position:static;padding:5px;border-right:solid 1px} #sp-top-bar a {color:#ffffff} .sp-contact-info {float:left;list-style:none;padding:0;margin:0} #sp-top-bar {background-color:#cc6633;color:#ffffff;padding:0px 0px 4px 0px} #sp-top-bar .container {width:100%;padding-right:0px} .sp-contact-info {float:left;list-style:none;padding:0;margin:0;position:relative;top:5px} footer {background-color:#363839;color:#b0b0b0} #form-search {position:absolute;float:none;clear:right;background:#fff;display:inline-block;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:3;top:102%;right:0px;z-index:99;border-top:0px;display:none} #form-search input {background:#fff;padding-left:10px;width:300px;font-size:18px} .form_hiden {float:left;position:relative} .contactbut_con {float:left;position:relative} #form-search span:before {font-size:22px;line-height:24px;font-family:FontAwesome;position:absolute;top:-1px;left:initial;right:0;content:"";color:#64635f} #form-search span {position:absolute;left:initial;right:9px;top:8px;border-right:0;border-left:1px solid #d4d4d4;display:block;width:30px;text-align:center;height:22px} #form-search button {position:absolute;right:0;top:0;display:none} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background:#eb6822;border-radius:0px 0px 10px 10px} #sp-header .container {} .form_hiden {float:left;position:relative;margin-top:20px} .contactbut_con {float:left;position:relative;margin-top:20px} button#contact_but {font-size:30px;vertical-align:middle;background:#000033;color:#fff;width:auto;height:auto;margin-top:0px;margin-left:0px;border-radius:inherit;padding-top:23px;padding-bottom:23px;letter-spacing:0.8px;padding-top:18px;padding-bottom:18px} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {line-height:70px} .form_hiden {float:right;position:relative;margin-top:0px} .contactbut_con {float:right;position:relative;margin-top:0px} #fading-header #sp-header {height:80px;box-shadow:0 1px 4px rgba(0,0,0,0.1);background-color:white} .major_color_bckg-90 {background-color:white} div#section-id-1481572527 {background:rgba(241,72,51,0.9)} .sp-megamenu-parent>li>a {display:inline-block;padding:0 10px;line-height:86px;-webkit-transform:translateZ(0)} button#contact_but {font-size:22px;vertical-align:middle;background:#000033;color:#fff;width:auto;height:auto;margin-top:0px;margin-left:30px;border-radius:inherit;padding-top:18px;padding-bottom:18px;padding-top:18px;padding-bottom:18px} #sp-header .logo {height:auto} button#contact_but {font-size:28px;vertical-align:middle;background:#000033;color:#fff;width:auto;height:auto;margin-top:0px;margin-left:0px;border-radius:inherit;padding-top:30px;padding-bottom:27px;padding-left:12px;padding-right:12px} .tp-banner-container {width:100% !important} section.product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {opacity:0;transition:opacity 400ms ease-in,margin 250ms ease;-webkit-transition:opacity 400ms ease-in,margin 250ms ease;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;padding:10px;margin:0;border:0;color:#fff;z-index:2} .product_area .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {float:none;margin:0 auto} .product_con {margin-top:40px} .headingsectioncmt {margin-top:25px} .pdfindexcon {background:#cc0000} section#section-id-1482796164 {background:#cc0000;padding-bottom:30px;padding-top:30px;margin-top:20px;color:white;background-image:url(../images/bg-download.png)} .newsstyle {margin-top:0px;background-image:url('../images/bg_news.png');background-repeat:repeat} .newsstyle .container.product_area {padding-top:40px;padding-bottom:30px} .newsstyle .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {background:transparent} .index_about_area .col-md-4 {text-align:right} .index_about_area h5 {font-family:'DBAdmanXRegular';font-size:36px;display:inline-block;color:#333333;font-weight:700;line-height:88%;height:auto;min-height:auto} .index_about_area p {} .index_about_area h5:after {background:#ff0000;display:inline-block;content:'';width:85%;height:3px} .right .cmt.readmorebutton {float:left} .left .cmt.readmorebutton {} .index_about_area .right {text-align:left} .index_about_area .right h5 {font-family:'DBAdmanXRegular';font-size:36px;display:inline;float:left;color:#333333;font-weight:700} .index_about_area .right h5:after {background:#ff0000;display:block;content:'';width:85%;height:3px;float:left} .index_about_area .cmt.readmorebutton {background:#ff0000;font-size:20px} section.index_about_area {padding-top:40px;padding-bottom:30px;background-image:url('../images/background_02.png');background-size:100% auto} .index_port {background-image:url(../images/bg_news.png);background-repeat:repeat;padding-top:20px;padding-bottom:30px} .index_port h3 {font-family:'DBAdmanXRegular';font-size:36px;display:block;color:#333333;font-weight:700;text-align:center;margin-bottom:38px} .index_port h3:after {background:#ff0000;display:block;content:'';width:120px;height:3px;float:none;margin:0px auto} .cmclient i.arrow {font-size:75px;color:#666666;font-weight:900} .slick-prev,.slick-next {top:50%;background:transparent} .slick-prev {background:transparent} .indexcontactarea {background-size:100% auto;background-image:url(../images/bg_contact.png);padding-top:90px;padding-bottom:90px;box-shadow:inset 0px 2px 15px rgba(0,0,0,0.31)} .indexcontactarea h2 {color:white;font-family:'DBAdmanXRegular';font-size:50px;line-height:100%;padding-top:0px;margin-top:0px;margin-bottom:0px} h2.headingborderafter:after {background:#ff0000;display:block;content:'';width:260px;height:4px;float:none;margin:17px auto 0px} h2.indexcontacttel:after {background:#ff0000;display:block;content:'';width:260px;height:4px;float:none;margin:0px auto 0px} .span8.copyrighttext {text-align:left;display:inline-block;float:left} .product_con h3 {font-family:'DBAdmanXRegular'} body .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {font-family:'DBAdmanXRegular';font-size:24px;text-align:center} .product_con .sp-simpleportfolio-tags {font-size:20px;text-align:center} .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {background:rgb(173,1,2) !important;color:#fff;cursor:pointer} body section.newsstyle .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {font-size:22px;line-height:120%;text-align:left} #section-id-1482796164 h4.sppb-addon-title {margin-top:53px} #sp-footer {background-color:#ffffff;color:#000000} .details_icons {float:right} .details_icons span {display:inline-block} .span8.copyrighttext a {color:black !important} .index_port h3.portheading:after {background:#ff0000;display:block;content:'';width:120px;height:3px;float:none;margin:10px auto} .portheading {padding-top:15px !important;padding-bottom:16px !important} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {cursor:pointer;width:100%} .sp-simpleportfolio-overlay-wrapper {cursor:pointer} .index_port .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {margin:0px;background:rgba(0,0,0,0.7)} .index_port .bgoverlay {background-image:url(../images/bg_port_content.png);display:block;position:absolute;width:100%;height:100%;top:0;left:0} .index_port .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {margin:0px} .index_port .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle {height:100%;width:100%;display:table;position:relative;z-index:1000} .testpdf h4 a {color:white;font-family:'DBAdmanXRegular';font-size:56px} .testpdf h4 a:hover {color:#f1f504} .testpdf img {float:right} .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {position:relative;overflow:visible} .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {background:#f5f5f5;padding:20px;font-size:13px;line-height:13px;-webkit-transition:all 400ms ease;transition:all 400ms ease;position:relative;z-index:1500} .product_con.newsstyle .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {position:relative;overflow:hidden} #fading-header.sticky {z-index:9999} .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {background:transparent;margin-top:20px;text-align:center} span.price.price-old {margin-right:11px} span.price {font-weight:bold;font-size:24px} span.hot.hot_red {position:relative;z-index:9999} .sp-simpleportfolio-items.sp-simpleportfolio-columns-3.shuffle {margin-bottom:20px} .sp-simpleportfolio-info .price {font-size:20px} span.price.price-old {margin-right:11px;text-decoration:line-through;font-weight:400} .cpagination {margin-bottom:10px;margin-top:10px} .cd-pagination.animated-buttons a,.cd-pagination.animated-buttons span {padding:0px 10px 0px 10px;height:50px;line-height:50px;overflow:hidden} .page_detail_product {margin-top:50px} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns>a.btn-zoom-icon>i {font-size:150%;line-height:1.2;color:#fff} .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle>div .sp-simpleportfolio-title a {text-decoration:none;color:#fff;font-size:16px} .sp-simpleportfolio .sp-simpleportfolio-filter {text-align:center;margin-bottom:10px;margin-top:20px} .featherlight .featherlight-close-icon {width:1.6em;height:1.6em;line-height:1.70em;font-size:1.2em} .headercontent {margin-bottom:40px} .backgallery {border-color:#fc0a0b;color:#fc0000;font-size:20px} .iconbackgallery {border-color:#fc0a0b;color:#fc0000} #sp-main-body h2,#sp-main-body h3,#sp-main-body h4 {font-family:'DBAdmanXRegular'} .qacontent h2 {font-family:'DBAdmanXRegular'} #head-contact h2.sppb-addon-title {font-family:'DBAdmanXRegular'} #sp-header #sp-menu {max-height:70px} .page_detail_product .VMmenu a {color:black} #fading-header #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {line-height:68px;color:#000000} .aboutcontent {font-size:22px} .aboutpage h3 {font-size:44px} .sp-simpleportfolio-overlay-wrapper.clearfix a {position:relative;display:block;z-index:9999;text-align:center} .product_con .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item:first-child .sp-simpleportfolio-overlay-wrapper {margin:0;text-align:center} .index_about_area .cmt.readmorebutton:hover {background:#ca230e;border-color:#ca230e} .newspage article.item.item-page {width:22%;float:left;margin-right:42px} .newspage .entry-header.has-post-format {margin-left:0px} .newspage article.item.item-page {width:28%;float:left;margin-right:42px} .newspage .entry-header h2 a {color:#000000;font-size:26px} .newspage .block-news h2 {height:110px} .box_news .txt-2 {height:70px} a.link.view-more {font-size:18px;font-weight:700} .newspage h3.sp-simpleportfolio-title {text-align:left} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {margin:0 0 10px;padding:0;font-size:20px;line-height:120%} .newspage h3.sp-simpleportfolio-title a {text-align:left} .newspage .sp-simpleportfolio-tags {text-align:left;font-size:21px;line-height:120%;font-weight:normal;font-family:'DBAdmanXLight';color:#3c3c3c;cursor:default} .newspage h3.sp-simpleportfolio-title:after {width:35%;display:block;background:#ee1022;content:' ';height:2px;margin-top:6px} .newspage .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {margin:0 0 10px;padding:0;font-size:24px;line-height:120%;font-weight:700;min-height:auto} .newsfirstcon h2.headingindexcontact.text-center {font-size:40px;font-weight:700} .newspage .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {height:195px} .detailpage .entry-header.has-post-format {margin-left:0px} .sp-simpleportfolio-info {cursor:pointer} .newstyle .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {height:195px} .newsfirstcon {background-image:url('../images/background_01.png');background-size:100% auto;padding-bottom:40px !important;padding-top:40px !important} .newsfirstcon h2.headingindexcontact.text-center {margin-bottom:40px} .newspage .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {color:inherit} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3>a {color:#ff0000} .newsfirstcon .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {background:transparent;padding:20px;font-size:13px;line-height:13px} .newspage .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {margin:0 0 10px;padding:0;font-size:24px;line-height:120%;font-weight:700} .slick-arrow:hover i {color:#cc0000} .cd-pagination li.active>a {background-color:#ee1022;color:#fff} .sp-module-content ul.VMmenu li:hover {background-color:#f47363} .sp-module-content ul.VMmenu li:hover a {color:white} .sp-module-content ul.VMmenu li div>a {display:block;padding:7px 15px;color:black} .socailcontact .icon {width:40px;height:40px;background:rgb(255,255,255);margin-right:13px;padding:4px;border-radius:7px;display:inline-block} .socailcontact {text-align:center;margin-top:22px} .socailcontact:after {clear:both;content:'';display:block} h2.indexcontacttel a {color:white} span.icon.icon_1:hover img {filter:invert(1)} span.icon.icon_1:hover {background:#314a7e} span.icon.icon_2:hover img {filter:invert(1)} span.icon.icon_2:hover {background:#00c300} span.icon.icon_3:hover img {filter:invert(1)} span.icon.icon_3:hover {background:#6f0106} span.icon.icon_4:hover img {filter:invert(1)} span.icon.icon_4:hover {background:#6f0106} span.icon.icon_5:hover img {filter:invert(1)} span.icon.icon_5:hover {background:#6f0106} h2.indexcontacttel a:hover {color:#bfb4ab} .testpdf h4 a:hover {color:#ffffff;text-shadow:black 5px 3px;transition:all 400ms ease} .sp-simpleportfolio-info {cursor:pointer;min-height:125px;text-align:center;overflow:hidden;margin-bottom:20px} .sp-simpleportfolio-info:hover a {color:white} .sp-simpleportfolio-info {cursor:pointer;min-height:105px;text-align:center;overflow:hidden;margin-bottom:20px} #fading-header a.cuf:hover {color:white !important} .list-product:hover {cursor:pointer} .list-product:hover .img-product {transform:scale(1.1)} .list-product .img-product {transition:all .3s ease-in-out} .list-product {position:relative;z-index:1;margin:0px auto} .sp-simpleportfolio .sp-simpleportfolio-img {max-width:100%;height:auto;display:inline} .titleproductlist:hover {} .page_detail_product .additional-images .owl-prev {width:12%;left:0px;position:absolute;text-align:left;color:white} .page_detail_product .additional-images .owl-next {width:12%;text-align:right;color:white;right:0px;position:absolute} .page_detail_product .additional-images .owl-buttons {position:absolute;width:100%;top:42%} .page_detail_product .additional-images i.fa {background:#710505;padding:8px;font-size:14px} .product-container .productimage a img {margin:0px auto} .product-container .iconzoom i {float:right} .vm-product-media-img {overflow:hidden} .productdetails-view .vm-product-media-img .additional-images img {width:100%;height:100%;padding:10px} section#sp-top-bar .row {margin:0} .sp-simpleportfolio .sp-simpleportfolio-items {margin:0} div#sp-simpleportfolio .sp-simpleportfolio-info {padding:30px 0 0;margin-bottom:0} section#section-id-1481572532 .sppb-col-sm-12 {padding:0} a#scroll-top.open {right:70px !important} .off-canvas-menu-wrap {overflow-x:hidden} .productdetails-view .products-desc-tab .nav-tabs>li>a {font-size:21px} .productdetails-view .vm-product-details-inner .vm-product-title h2 {font-size:31px} ul.social-box li {display:inline-block} ul.social-box li iframe {display:inline-block;width:150px} ul.social-box {padding:0;list-style:none} a.iconzoom {display:inline-block;padding:8px;float:right;position:relative;z-index:100} div#sp-simpleportfolio div .list-product {margin:0 0px 30px} div#sp-simpleportfolio div h3 {padding-top:0;clear:both;margin:0 0 15px} div#sp-simpleportfolio.product-categ div h3:before {background:#ff0000;display:block;content:'';width:30%;height:4px;float:none;margin:0 auto 15px} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3>a {color:#3c3c3c;font-weight:normal;font-family:'DBAdmanXLight'} .index_port .sp-simpleportfolio-btns {text-align:center} .index_port .sp-simpleportfolio-btns a.btn-zoom-icon {display:inline-block} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom:hover,.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view:hover,.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom-icon:hover {background:#ca230e;border-color:#ca230e} .list-product .sp-simpleportfolio-info:hover a {color:#ff6b02} .sp-simpleportfolio-info:hover span.price.price-old {color:#ff1d00 !important} .sp-simpleportfolio-info:hover .specialprice {color:#f60808 !important;text-shadow:1px 1px 1px #000 !important} div#sp-simpleportfolio div h3 a {color:#000} div#sp-simpleportfolio div h3 a:hover {color:#ff0000} .close-offcanvas {line-height:24px} .cmclient .slick-slide img {display:block;margin:0 auto;width:auto} .slick-prev,.slick-next {position:absolute;margin:0;top:17%} .slick-prev,.slick-next {position:absolute;margin:0;top:0} body.news #sp-simpleportfolio .sp-simpleportfolio-info {padding:15px;text-align:left} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {background:none} ul.VMmenu {margin-bottom:40px} #sp-top-bar {background-color:#ff6633;color:#ffffff;padding:0px 0px 4px 0px}  .our_service_con .servicecircle .list {width:25%;float:left;display:block} .home-business-type .servicecircle .list {width:20%;float:left;display:block} .servicecircle .list>.circle_block,.servicecircle .list>.service-card>.circle_block {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} .servicecircle .list:hover>.circle_block,.servicecircle .list:hover>.service-card>.circle_block,.servicecircle .service-card:focus>.circle_block {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} .servicecircle .service-card {color:inherit;display:block;text-decoration:none} .servicecircle .service-card:hover,.servicecircle .service-card:focus {color:inherit;text-decoration:none} .circle_block {width:200px;height:200px;border-radius:50%;background:rgba(245,245,245,0.52);margin:0px auto} .service-card .circle_block,.service-card .object_content,.service-card .servicelink {display:block} .object_block {position:relative;width:150px;margin:0px auto;height:100%;align-items:center;display:flex} .servicelink {padding-top:13px;text-align:center} .servicelink a,.service-card>.servicelink {color:white;font-size:21px;text-transform:uppercase} .object_content {position:absolute} section.product_con {background:#eb6822;padding-bottom:50px;padding-top:30px;margin-top:0px;margin-bottom:0px;position:relative} section.product_con.our_service_con {min-height:416px} .product_con h2.headingindexcontact {text-align:center;margin-bottom:40px;font-size:34px;color:white;text-transform:uppercase} .servicecircle:after {clear:both;content:'';display:block} .toptel {padding-top:5px;display:block} .sppb-addon-latest-posts .latest-post .latest-post-inner div.img-wrapper>a:after,.sppb-addon-latest-posts .latest-post .latest-post-item div.img-wrapper>a:after {background:transparent} #success_project h2.entry-title {text-align:center;font-size:22px} #success_project {background-image:url(../images/bg_port_l.jpg);background-size:100% auto;background-position:center top;padding-top:30px;padding-bottom:50px} #success_project .title_project_con {background:transparent;box-shadow:inset 0 0 0px 0px #fff} #success_project h2.sppb-addon-title {margin-bottom:53px;padding-top:32px} .objectcon_static {position:absolute;display:block} .objectcon_animate {position:absolute;display:block;visibility:hidden;visibility:visible;opacity:1;bottom:22%} .blockprojectimg a .post-img {width:100%} #success_project .projectimgcon {background:transparent;overflow:hidden} #success_project .projectimgcon .post-img {display:block;width:100%;height:auto;background:transparent}  div#sp-top1 {margin:0px auto;float:left} div#sp-top2 {width:85%;float:right} #sp-top1 .sp-column {float:left} .round_arrow_project {position:absolute;width:100%;top:100%;margin-top:-35px} .product_area>.round_arrow_project {left:0} .round_block {width:70px;height:70px;background:#000033;border-radius:50%;border:4px solid white;margin:0px auto;padding-top:9px;box-shadow:1px 1px 1px rgba(0,0,0,0.36);cursor:pointer} .round_arrow_project .arrow {text-align:center;color:white;font-size:45px;line-height:95%} .banner_project {position:relative;background-image:url('../images/banner_port.jpg')} .banner_project .caption_banner {position:relative;top:0;font-size:44px;color:white;display:block;width:100%;text-align:center;padding-top:30px;padding-bottom:4px;box-shadow:3px 14px 13px 6px rgba(87,84,84,0.6)} .banner_project .work_with_us_button {position:absolute;bottom:20px;font-size:44px;color:white;display:block;width:100%;text-align:center} .work_with_us_button img {margin:0px auto} .caption_banner img {margin:20px auto} .banner_project .caption_banner {position:relative;top:0;font-size:44px;color:white;display:block;width:100%;text-align:center;padding-top:45px;padding-bottom:15px} #serveindustries {background-image:url(../images/bg_serve.png);background-attachment:fixed;background-size:100% auto;background-position:center 25px;padding-top:30px;padding-bottom:50px} section.page-webedesign {margin-left:-100%;margin-right:-100%} .col-xs-8r,.col-sm-8r,.col-md-8r,.col-lg-8r {position:relative;min-height:1px;padding-right:15px;padding-left:15px} .listserve {display:block;float:left} .listserve .list .text {text-align:center;color:white;padding-top:12px;font-size:19px;text-transform:uppercase} .headingserve {text-align:center;padding-bottom:37px} .headingserve h3 {color:white;font-size:34px} .headingstep {text-align:center;padding-bottom:37px} .headingstep h3 {color:black;font-size:34px;line-height:125%} .steplist .text {font-size:20px;text-align:center;padding-top:10px} .steplist .img img {margin:0px auto} .progressbar {position:relative;display:block;width:100%;height:20px;background:#000033;border-radius:4px;margin-top:50px;margin-bottom:35px;overflow:hidden} .progressbar .bar {background:#ff6633;position:relative;display:block;height:30px;width:22%} .process_content_descripption {font-size:22px;padding-right:45px;padding-left:45px} .process_area .process_content .inner {width:70%} .process_content span {font-size:32px;font-weight:700;color:#ff6633;line-height:110%} section#menufooter {background:#000000;padding-top:20px;padding-bottom:20px} .menuwrp ul li {list-style:none;display:inline-block;padding-right:20px} .menuwrp ul li a {color:#747474} .menuwrp ul li a:hover {color:white} .addressfooter i.fa.fa-phone {border-radius:50%;border:1px solid;padding:5px;color:#747474;font-size:12px} .addressfooter {color:#747474} .addressfooter a {color:#747474} .addressfooter a:hover {color:white} section#menufooter ul {margin-bottom:0px} footer#sp-footer {background-color:rgb(18,18,18)} .copyrighttext {color:white} .process_content {font-size:24px;line-height:118%;font-weight:700;color:#eb6822} .listserve .image {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} .listserve>div:hover>.image {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} #success_project .flex .latest-post .latest-post-item div.img-wrapper:hover {background:transparent} .img_text_project_animate {width:150px} .img_text_project_animate_v {width:100px} .block_project_l .img_text_project_animate {width:350px} .block_project_l .img_text_project_animate_v {width:280px} #success_project h2.entry-title {word-wrap:break-word} .listserve .list {cursor:pointer} #success_project .latest-post-item {} .list img {width:80%;margin:0px auto;display:flex;justify-content:center;align-items:center} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {display:inline-block;padding:0;position:relative} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li.sp-has-child>a:before {content:'';background-image:url(../images/arrow_03_03.png);background-size:100% auto;position:absolute;width:30px;height:13px;z-index:9999;bottom:-12px;left:30%;visibility:hidden;transition:margin .5s ease,opacity .25s ease .1s,visibility .2s ease .1s} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a:hover:before {visibility:visible} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {position:relative} .boxedcontainer {position:relative;z-index:2} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {background:transparent} .sp-page-title,.sp-page-title-no-img {padding:184px 0;background-repeat:no-repeat;background-position:100% 50%;background-size:inherit;box-shadow:inset 0 -10px 40px -10px rgba(0,0,0,0.1),inset 0 10px 10px -8px rgba(0,0,0,0.2)} .content3065 h1.headingservice {color:white;text-shadow:0px 2px 5px #7b7b7b} .content_block.first {background-image:url(../images/service_content_04.png);background-size:100% 100%;padding-top:50px !important;padding-bottom:0px !important} .content_block.second {background-image:url(../images/bg_02.png);padding-top:50px !important;padding-bottom:0px !important;background-size:cover;background-attachment:fixed;background-position:-6px -150px} .content_block.third {background-image:url(../images/service_content_06.png);background-size:100% 100%;padding-top:50px !important;padding-bottom:0px !important} .content_block.fourth {background-image:url(../images/bg_ecom_02.png);background-size:cover;padding-top:50px !important;padding-bottom:0px !important;background-attachment:fixed;background-position:-24px 8px} .content_block.fifth {background-image:url(../images/service_content_08.png);background-size:100% 50%;background-size:inherit;padding-top:50px !important;padding-bottom:0px !important} .content3065 {padding-bottom:0px !important;padding-top:0px !important} .content3065 .content {padding-right:50px;font-size:30px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px} .sp-dropdown.showblock {opacity:1 !important;visibility:visible !important;display:block !important;width:100%;margin-top:0px !important} .banner_service_footer {padding-top:50px;padding-bottom:64px} .borderafter:before {display:block;position:relative;width:100%;background:#ff6633;height:2px;content:''} #fading-header #sp-header .logo {height:auto} .morelinktel {float:right;width:100%;margin-top:0px;line-height:106%;top:2px;position:relative} .inlineblock {display:inline-block} .morelinktel .con {float:right} .morelinktel .text {color:#999999} #sp-header .text a {color:#999999} #sp-menu .link.text a:nth-child(1):after {border-radius:50%;display:inline-block;background:#999;content:'';width:5px;height:5px;margin-left:5px} .morelinktel .text .telheader,.morelinktel .text i {color:#666666;font-size:16px;text-transform:uppercase;font-weight:800} .morelinktel .search {margin-left:14px;margin-right:14px} .morelinktel .tel:after {width:2px;height:21px;background:#cccccc;content:'';display:inline-block;position:relative;top:4px;left:5px;margin-right:10px} .morelinktel .tel:before {width:2px;height:21px;background:#cccccc;content:'';display:inline-block;position:relative;top:4px;right:5px} .sp-megamenu-parent>li {display:inline-block;position:static;padding:5px;border-right:solid 1px;line-height:120%} #sp-header .text a {color:#999999;font-size:19px;font-weight:normal} .morelinktel .link {margin-right:20px} #sp-menu .link.text a:nth-child(1):after {border-radius:50%;display:inline-block;background:#999;content:'';width:5px;height:5px;margin-left:20px;margin-right:15px;vertical-align:middle} i#search_buttom {position:relative;top:6px;cursor:pointer} .sp-megamenu-parent.menu-fade-down-fade-up .sp-has-child>.sp-dropdown {width:100%} .projectpage_first {background-image:inherit !important} #sp-header a:hover {color:#ff6633} .line_header {display:inline-block;position:relative;top:6px} a#show_language.active {background:#eb6822 !important;color:white} a#show_language {padding:6px 4px 6px 6px;vertical-align:top;font-size:19px} #sp-header .top_link ul li {display:inline-block;margin:0 4px} #sp-header .top_link ul li a {font-size:17px} .top_link ul {margin:0;padding:0;list-style:none} .top_link {display:inline-block;vertical-align:top} .lang_switch {display:inline-block;vertical-align:top;background:#eb6822} div.line-icon {display:inline-flex;align-items:flex-start;background:#00b900;width:auto;height:28px;max-height:28px;overflow:visible;vertical-align:top} div.line-icon img {vertical-align:top;display:block;width:auto;height:28px;max-width:none;max-height:28px} .sp-megamenu-wrapper {text-align:right} #sp-header .top_link ul li:after {content:'';display:inline-block;border-right:1px solid #ccc;width:1px;height:12px;vertical-align:middle;margin-left:10px} a#show_language {padding:1px 7px;vertical-align:top;font-size:19px;display:inline-block} .lang_switch a#show_language.active {background:#000033 !important;color:white} .lang_switch a {float:left} div.line-icon {vertical-align:top} .contactbut_con {float:right;position:relative;margin-top:0px} .offcanvas-menu .offcanvas-inner .search {margin-top:32px;display:none} .swatch-white-red .decor,[class*=swatch-] .swatch-white-red .decor {fill:#fff;stroke:#e74c3c} [class*=decor-] svg {height:101%} .decor {display:block;position:relative;margin:0 auto} .decor-top {bottom:100%} .swatch-red-white,[class*=swatch-] .swatch-red-white {background:#e74c3c;color:#F0C6BC} .projectpage_first h3 {text-align:center;font-size:60px;color:white;margin-bottom:30px} .projectpage_first {background:#332e0a !important;background:-moz-radial-gradient(center,ellipse cover,rgb(127,67,1)36%,#000000 86%) !important;background:-webkit-radial-gradient(center,ellipse cover,rgb(127,67,1)36%,#191613 86%) !important;background:radial-gradient(ellipse at center,rgb(127,67,1)36%,#000000 86%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#332e0a',endColorstr='#191613',GradientType=1)} #success_project.projectpage_first h2 a {color:white;font-size:31px;letter-spacing:0.6px} #sp-menu iframe body button.btn.hover,button.btn:hover {background-color:#00b900 !important} #sp-menu iframe {width:95px;height:auto !important;visibility:visible;position:relative !important;top:3px !important;vertical-align:inherit !important} div.line-icon {max-height:28px;padding-top:0px} .menu-top .con span {color:#666666;display:inline-block;float:right;margin-left:0px;background:white;padding-top:3px} .menu-top .con .line-icon span {float:none;height:28px;line-height:24px;padding:3px 4px 0;white-space:nowrap} h1.headingservice a {color:white} .line-icon a img {height:28px;width:auto;max-width:initial;max-height:28px} .line-icon a {display:inline-block;height:28px} .objectcon_animate {} .sppb-column.mw-colum {margin:32px 0} .number-circle p {text-align:center;margin:0px;padding:13px 35px;font-size:65px;line-height:71px} .number-circle {border:1px solid;display:inline-block;border-radius:50%} .sppb-column.mw-number-colum {text-align:center} .sppb-col-sm-4.img-right {float:right} .sppb-col-sm-8.desc-right {float:right;text-align:right} .sppb-col-sm-6.desc-right {float:right} .business-type-header .business-type-intro,.service-header .service-intro,.headingstep .working-process-intro {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #serveindustries,#ourstep,footer {content-visibility:auto;contain-intrinsic-size:auto 800px} .tp-caption a {vertical-align:middle}  @media only screen and (min-width:550px) and (max-device-width:990px) {#success_project h2.entry-title {text-align:center;font-size:16px}} @media only screen and (min-width:550px) and (max-device-width:850px) {.testpdf .sppb-col-sm-4 {float:left;width:35%} .testpdf .sppb-col-sm-8 {width:65%;float:left} .testpdf h4 a {color:white;font-family:'DBAdmanXRegular';font-size:56px !important;float:left} div#sp-top1 {margin:0px auto;float:left;width:45%}} @media only screen and (min-device-width:518px) and (max-device-width:760px) {.col-md-7.col-sm-7.col-xs-12.menuwrp {width:512px;margin:0px auto;float:none;text-align:center} section#menufooter ul {margin-bottom:0px;padding-left:0px} .menuwrp ul li {list-style:none;display:inline-block;padding-right:10px;font-size:18px}} @media only screen and (min-device-width:767px) and (max-device-width:767px) {#sp-header #sp-menu {padding-top:21px}} @media only screen and (min-width:768px) {.col-sm-8r {width:12.5%;float:left} .col5-sm {width:20%;float:left}} @media only screen and (min-width:800px) {div#sp-top2 {width:60%;float:right} div#sp-top1 {margin:0px auto;float:left;width:40%} #sp-top1 .sp-column {float:left} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {line-height:120%;text-align:center}} @media only screen and (min-device-width:991px) and (max-device-width:991px) {#sp-menu>.sp-column {float:right;position:relative;top:15px} #sp-header #sp-menu {padding-right:0 !important;padding-left:0px !important;margin-left:0px !important;width:56%} #sp-menu>.sp-column {float:right;position:relative;top:22px}} @media only screen and (min-width:992px) and (max-device-width:1200px) {.col-md-8r {width:12.5%;float:left} .col5-sm {width:20%;float:left} #success_project h2.entry-title {text-align:center;font-size:20px} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {display:inline-block;padding:0;position:relative;padding-right:1%} .sp-megamenu-parent .sp-dropdown-items:first-child {padding-left:1%} #sp-header #sp-menu {padding-right:0 !important;padding-left:0px !important;margin-left:0px !important}} @media only screen and (min-width:1366px) {.sp-megamenu-parent .sp-dropdown-items:first-child {padding-left:2%}} @media only screen and (min-width:1200px) {.col-lg-8r {width:12.5%;float:left} .col5-sm {width:20%;float:left} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {display:inline-block;padding:0;position:relative;padding-right:4%} .sp-megamenu-parent .sp-dropdown-items:first-child {padding-left:2%}} @media only screen and (max-device-width:1199px) {.servicelink a,.service-card>.servicelink {color:white;font-size:24px} .servicecircle .list {width:210px;float:left;display:block;margin-right:22px} .circle_block {width:190px;height:190px;border-radius:50%;background:rgba(245,245,245,0.52);margin:0px auto} .object_block {position:relative;width:160px;margin:0px auto;height:100%} .servicelink {padding-top:8px;text-align:center} .menuwrp ul li {list-style:none;display:inline-block;padding-right:5px;font-size:20px} section#menufooter .addressphone {display:block}} @media only screen and (max-width:1024px) {button#contact_but {font-size:22px;vertical-align:middle;background:#000033;color:#fff;width:auto;height:auto;margin-top:0px;margin-left:0px;border-radius:inherit;padding-top:30px;padding-bottom:27px}} @media only screen and (max-device-width:993px) {.addressfooter {color:#747474;font-size:16px} section#menufooter ul {margin-bottom:0px;padding-left:0px} .menuwrp ul li {list-style:none;display:inline-block;padding-right:5px;font-size:16px} .content3065 .img img {width:50%;margin:0px auto} .morelinktel {display:none}} @media only screen and (max-device-width:991px) {.product_con h2.headingindexcontact {text-align:center;margin-bottom:40px;font-size:28px;color:white} .servicelink {padding-top:4px;text-align:center;min-height:60px} .servicelink a,.service-card>.servicelink {color:white;font-size:20px} .servicecircle .list {width:170px;float:left;display:block;margin-right:17px} .circle_block {width:160px;height:160px;border-radius:50%;background:rgba(245,245,245,0.52);margin:0px auto} .object_block {position:relative;width:120px;margin:0px auto;height:100%} .content3065 .content {padding-right:50px;font-size:30px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px;margin-bottom:30px}} @media only screen and (max-device-width:990px) {#offcanvas-toggler>i {padding:0;font-size:28px;text-align:center;width:34px} #sp-header #sp-menu {padding-right:0 !important;padding-left:0px !important;margin-left:0px !important} .morelinktel {display:none} #sp-header #offcanvas-toggler {line-height:140% !important;position:relative;top:0px;margin-right:40px}} @media only screen and (max-device-width:989px) {#sp-header #sp-menu {padding-top:21px}} @media only screen and (max-device-width:975px) {.steplist .col5-sm {padding-right:20px}} @media only screen and (max-device-width:947px) {.servicecircle .list {width:170px;float:left;display:block;margin-right:14px}} @media only screen and (max-device-width:850px) {div#sp-top1 {margin:0px auto;float:left} div#sp-top2 {width:50%} div#sp-top2 {width:50%;float:right}} @media only screen and (max-device-width:768px) {#sp-header #sp-menu {padding-top:10px} .menu-top {float:right} .top_link ul li:not(:last-child) {display:none !important;visibility:hidden !important} .col-xs-8r {width:24.5%;float:left} .slick-prev,.slick-next {top:17%} .indexcontactarea {background-size:cover} .index_about_area .container {width:auto;margin:20px 20%;background:rgba(255,255,255,0.73);padding:20px} body.home .product_con .col-md-3 {margin:0 auto;width:50%} .indexcontactarea h2 {color:white;font-family:'DBAdmanXRegular';font-size:32px;line-height:100%;padding-top:0px;margin-top:5px;margin-bottom:5px} .testpdf h4 a {color:white;font-family:'DBAdmanXRegular';font-size:38px !important;} button#contact_but {font-size:22px;vertical-align:middle;background:#000033;color:#fff;width:auto;height:auto;margin-top:0px;border-radius:inherit;padding-top:18px;padding-bottom:18px} #sp-top-bar {color:#ffffff;padding:0px 0px 0px 0px}} @media only screen and (max-device-width:767px) {.addressfooter {color:#747474;text-align:center} .body-innerwrapper .success_project_list .latest-post:nth-child(2n+1) {clear:left} .body-innerwrapper .success_project_list .latest-post:nth-child(3n+1) {clear:initial} .sppb-row-container .img_text_project_animate {width:70px !important;height:auto !important} .success_project_list .sppb-row.appear-animation {padding:0 10px} .home article.boxedcontainer .tp-caption img {margin-left:25px} .home section.product_con {padding-top:20px;padding-bottom:20px} .home section.product_con .headingindexcontact {margin-bottom:20px;margin-top:10px} .home .servicelink {min-height:30px} .home .round_block {width:45px;height:45px;border:3px solid white} .home section.product_con.our_service_con .round_arrow_project .round_block {padding:10px} .home .round_arrow_project .arrow:after {font:normal normal normal 20px / 1 FontAwesome} .home .round_arrow_project {margin-top:-20px} .home #success_project h2.sppb-addon-title {padding-top:20px} .home .banner_project .caption_banner {font-size:30px;padding-bottom:15px;padding-top:15px} .home .banner_project .caption_banner .btn-wwu {font-size:24px;padding:10px 30px 10px 30px;margin-left:15px} body.home #success_project {padding-bottom:0;background-image:url(../images/bg_port_l_mobile.webp);background-attachment:scroll;background-size:cover;background-position:center top} body.home #success_project>.sppb-row-container {min-height:92px} body.home #success_project .sppb-col-sm-12 {min-height:72px} body.home #success_project .success_project_list .sppb-row {min-height:590px} body.home #success_project .latest-post {min-height:168px;margin-bottom:12px} body.home #success_project .projectimgcon {aspect-ratio:360 / 242;width:100%} body.home #success_project .latest-post-inner.title_project_con {min-height:34px} body.home #success_project .sppb-addon-text-block .sppb-addon-title {font-size:30 !important;line-height:1.2;margin-bottom:24px} section#serveindustries .headingserve h3 {font-size:30px} body.home section#serveindustries {background-image:url(../images/bg_serve_mobile.webp);background-attachment:scroll;background-size:cover;background-position:center top} section#serveindustries .listserve .image img {width:70%} section#serveindustries .listserve .list.col-lg-8r {padding-right:10px;padding-left:10px} section#ourstep .headingstep h3 {font-size:30px} section#ourstep .progress-content.flexslider .flex-viewport .process_content {font-size:30px;text-align:center;margin-bottom:10px} body a#scroll-top.open {right:15px !important}} @media only screen and (max-device-width:765px) {.col5-sm {float:left} div#sp-logo {} #sp-header #sp-menu {padding-top:21px}} @media only screen and (max-device-width:735px) {.servicecircle {width:650px;margin:0px auto;float:none} .servicecircle .list {width:146px;float:left;display:block;margin-right:15px} .circle_block {width:125px;height:125px;border-radius:50%;background:rgba(245,245,245,0.52);margin:0px auto} .object_block {position:relative;width:90px;margin:0px auto;height:100%} .product_con h2.headingindexcontact {text-align:center;margin-bottom:40px;font-size:30px;color:white} .servicelink a,.service-card>.servicelink {font-size:18px}} @media only screen and (max-width:650px) {div#sp-top1 {margin:0px auto;float:left;width:40%} div#sp-top2 {width:57%;float:right} .listserve .list .text {text-align:center;color:white;padding-top:12px;font-size:16px;margin-bottom:18px} #sp-header #sp-menu {padding-top:21px}} @media only screen and (max-device-width:635px) {.servicecircle {width:495px;margin:0px auto;float:none} .servicecircle .list {width:104px;float:left;display:block;margin-right:19px} .circle_block {width:100px;height:100px;border-radius:50%;background:rgba(245,245,245,0.52);margin:0px auto} .object_block {position:relative;width:75%;margin:0px auto;height:100%} .img_text_project_animate {width:70px} .block_project_l .img_text_project_animate {width:350px} .img_text_project_animate_v {width:40px} .block_project_l .img_text_project_animate_v {width:280px} .content_block.fourth {padding-top:25px !important}} @media only screen and (max-device-width:592px) {} @media only screen and (max-device-width:525px) {#offcanvas-toggler {position:absolute;z-index:10;right:0px} button#contact_but {display:none}} @media only screen and (max-device-width:565px) {.productdetails-view .productimage {display:none} .indexcontactarea h2 {color:white;font-family:'DBAdmanXRegular';font-size:32px;line-height:100%;padding-top:0px;margin-top:5px;margin-bottom:5px} .testpdf h4 a {color:white;font-family:'DBAdmanXRegular';font-size:38px !important;} #section-id-1482796164 h4.sppb-addon-title {margin-top:20px} .testpdf img {float:none;margin:0px auto} .sp-page-title h2 {padding:25px 0;text-shadow:1px 1px 1px #000;font-family:'DBAdmanXRegular';font-size:24px !important} section#sp-page-title .sp-page-title {width:100%;background-attachment:initial;background-size:100% auto;padding:0px} div#sp-top1 {margin:6px auto;float:left;width:25%} div#sp-top2 {width:60%;float:right} .col-md-4.left:after {clear:both;content:'';display:block} .col-md-4.right:after {clear:both;content:'';display:block} .index_about_area .cmt.readmorebutton {background:#ff0000;font-size:20px;float:left;margin-left:15px !important} section#menufooter ul {margin-bottom:0px;text-align:center;padding-left:0px;margin-bottom:10px} .menuwrp ul li {list-style:none;display:inline-block;padding-right:10px;font-size:16px} .addressfooter {color:#747474;text-align:center;font-size:18px} #success_project h2.entry-title {text-align:center;font-size:14px;word-wrap:break-word}} @media only screen and (max-device-width:500px) {#success_project .flex .latest-post .latest-post-item .latest-post-inner {padding-top:10px} #success_project .latest-post {margin-bottom:0px} div#sp-top1 {margin:0px auto;float:left;width:40%;padding:0} div#sp-top2 {width:60%;padding:0} .col-xs-8r {width:49.5%;float:left} .listserve .image img {margin:0px auto;width:80%} .content3065 .content {padding-right:5px;font-size:22px;margin-top:5px;margin-bottom:20px} .content3065 h1.headingservice {color:white;text-shadow:0px 2px 5px #7b7b7b;font-size:22px}} @media only screen and (max-device-width:495px) {.our_service_con .servicecircle .list {width:50%;float:left;display:block;margin-right:0;margin-bottom:0px} .list-product h3.sp-simpleportfolio-title {font-size:18px} .sp-simpleportfolio-info {cursor:pointer;min-height:100px;text-align:center;overflow:hidden;margin-bottom:20px} .form_hiden {float:right;position:absolute;margin-top:0px;right:0} .contactbut_con {float:right;position:absolute;margin-top:0px;right:0} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {float:left;padding:0;margin:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} .address-contact.sppb-column.black_bckg-50.text-shadow {height:100% !important} div#sp-top1 {width:29%} div#sp-top2 {width:71%} .product_con .sp-simpleportfolio-overlay-wrapper.clearfix {text-align:center} section#menufooter ul li {font-size:16px;padding-right:4px} section#menufooter ul {margin-bottom:0px;text-align:center;padding-left:0px;margin-bottom:10px} .addressfooter {color:#747474;font-size:18px} .banner_project .caption_banner {position:relative;top:0;font-size:26px;color:white;display:block;width:100%;text-align:center;padding-top:30px;padding-bottom:4px} .caption_banner img {width:45%} .headingserve h3 {color:white;font-size:24px} #success_project h2.sppb-addon-title {font-size:26px;margin-bottom:25px !important;padding-bottom:0px} .headingstep h3 {color:black;font-size:20px;line-height:125%;margin-bottom:0px} .servicecircle {width:320px;margin:0px auto;float:none}} @media only screen and (max-device-width:425px) {div#sp-top2 {width:75%} div#sp-top1 {width:25%} #sp-top-bar a {color:#ffffff;padding:4px 9px;display:inline-block;text-transform:uppercase;font-size:17px !important}} @media only screen and (max-device-width:414px) {.sppb-addon-text-block .sppb-addon-title {line-height:1.3;font-size:40px !important} #sp-header #offcanvas-toggler {margin-right:25px} .brand {width:119px !important;padding-top:14% !important} .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {color:#fff;background-color:#f47363} .nav-tabs>li>a {border:1px solid #ddd;border-bottom:0;border-radius:0} .productdetails-view .products-desc-tab .nav-tabs>li.active>a {color:#fff} .col-sm-12 {float:none;width:100%} .productdetails-view .products-desc-tab .nav-tabs>li>a {display:block;margin:0} .nav-tabs>li {float:none;margin:0;border-radius:0} .slick-prev,.slick-next {display:none !important} .index_about_area .container {margin:20px 10%} div#sp-top1 {width:28%} div#sp-top2 {width:71%}} @media only screen and (max-device-width:395px) {#sp-top-bar .sp-module {display:inline-block;margin:0 0 0 0px} div#sp-top2 {width:70%} #sp-top-bar a {color:#ffffff;padding:4px 9px;display:inline-block;text-transform:uppercase;font-size:14px !important} div#sp-top1 {padding-right:0px;margin-top:0px} .servicecircle {width:320px;margin:0px auto;float:none} .servicecircle .list {width:140px;float:left;display:block;margin-right:19px;margin-bottom:0px}} @media only screen and (max-device-width:370px) {#sp-top-bar .sp-module {display:inline-block;margin:0 0 0 0px} div#sp-top2 {width:70%} #sp-top-bar a {color:#ffffff;padding:4px 9px;display:inline-block;text-transform:uppercase;font-size:14px !important} div#sp-top1 {width:30%;padding-right:0px;margin-top:0px}} @media only screen and (max-device-width:350px) {.product_con h2.headingindexcontact {text-align:center;margin-bottom:40px;font-size:14px;color:white} .servicecircle .list {width:125px;float:left;display:block;margin-right:19px;margin-bottom:40px}} @media only screen and (max-device-width:330px) {div#sp-top1 {width:24%;padding-right:0px;margin-top:0px} div#sp-top2 {width:76%} #sp-top-bar a {color:#ffffff;padding:4px 9px;display:inline-block;text-transform:uppercase;font-size:12px !important}} @media only screen and (max-device-width:330px) {div#sp-top1 {width:24%;padding-right:0px;margin-top:0px} div#sp-top2 {width:76%} #sp-top-bar a {color:#ffffff;padding:4px 9px;display:inline-block;text-transform:uppercase;font-size:12px !important}} @media only screen and (max-device-width:320px) {.servicecircle {width:100%;margin:0px auto;float:none} .servicecircle .list {display:block;margin-bottom:0px;margin:0px auto}} .btn-viewmore {background:#eb6822;background-image:-webkit-linear-gradient(top,#eb6822,#b44001);background-image:-moz-linear-gradient(top,#eb6822,#b44001);background-image:-ms-linear-gradient(top,#eb6822,#b44001);background-image:-o-linear-gradient(top,#eb6822,#b44001);background-image:linear-gradient(to bottom,#eb6822,#b44001);-webkit-border-radius:49;-moz-border-radius:49;border-radius:49px;letter-spacing:2px;font-size:30px !important;padding:20px 55px 20px 55px;text-decoration:none;font-family:DBAdmanXRegular} .btn-viewmore a {color:#ffffff !important} .btn-viewmore a:hover {color:#ffffff !important} .btn-viewmore:hover {background:#b44001;background-image:-webkit-linear-gradient(top,#b44001,#eb6822);background-image:-moz-linear-gradient(top,#b44001,#eb6822);background-image:-ms-linear-gradient(top,#b44001,#eb6822);background-image:-o-linear-gradient(top,#b44001,#eb6822);background-image:linear-gradient(to bottom,#b44001,#eb6822);text-decoration:none;color:white} .btn-wwu a {color:#ffffff !important} .btn-wwu a:hover {color:#ffffff !important} .btn-wwu {display:inline-block;margin-top:34px;margin-bottom:30px;background:#eb6822;background-image:-webkit-linear-gradient(top,#eb6822,#b44001);background-image:-moz-linear-gradient(top,#eb6822,#b44001);background-image:-ms-linear-gradient(top,#eb6822,#b44001);background-image:-o-linear-gradient(top,#eb6822,#b44001);background-image:linear-gradient(to bottom,#eb6822,#b44001);-webkit-border-radius:49;-moz-border-radius:49;border-radius:15px;color:#ffffff;letter-spacing:1px;font-size:34px;padding:15px 50px 15px 50px;text-decoration:none;font-family:DBAdmanXRegular} .btn-wwu:hover {background:#b44001;background-image:-webkit-linear-gradient(top,#b44001,#eb6822);background-image:-moz-linear-gradient(top,#b44001,#eb6822);background-image:-ms-linear-gradient(top,#b44001,#eb6822);background-image:-o-linear-gradient(top,#b44001,#eb6822);background-image:linear-gradient(to bottom,#b44001,#eb6822);text-decoration:none;color:white} .div-text-slide {color:white !important} .div-text-slide h1 {font-size:70px} .div-text-slide h2 {font-size:38px;line-height:55px;font-family:'DBAdmanXLight'} .div-text-slide span {color:#eb6822 !important} .sppb-icon .sppb-icon-container {display:inline-block;margin-top:3px;margin-bottom:20px;padding:0;border-style:solid;border-color:#eb6822;border-width:7px;border-radius:70px;font-family:'DBAdmanXRegular';width:134px;height:134px;text-align:center;line-height:124px;box-shadow:3px 2px 8px rgba(0,0,0,0.55);background-color:rgba(235,104,34,0.13)} .sppb-addon-feature .sppb-media-heading {text-transform:uppercase;color:#eb6822;text-shadow:1px 1px 1px #8f8f8f}  section#ecom-main-page #section-id-1482240235 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:50px;padding-bottom:15px} section#ecom-main-page #section-id-1482240235 .sppb-addon-text {padding-bottom:50px} section#ecom-main-page #section-id-1482240251 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:50px;padding-bottom:15px} section#ecom-main-page #section-id-1482240251 .sppb-addon-text {padding-bottom:50px} section#ecom-main-page section#section-id-1482240238 {margin-top:25px;margin-bottom:25px} section#ecom-main-page #section-id-1482240235-2 .sppb-addon-image-content.aligment-left .sppb-content-holder {padding:40px 40px 20px 0} section#ecom-main-page section#section-id-1481572482 .sppb-icon .sppb-icon-container>i {font-size:40px;width:auto;height:auto;line-height:initial;margin:34px 0 0} @media only screen and (min-device-width:320px) and (max-device-width:568px) {section#ecom-main-page section#section-id-1488442841 {margin-bottom:20px} section#ecom-main-page #section-id-1482240235 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:20px;padding-bottom:15px} section#ecom-main-page #section-id-1482240235 .sppb-addon-text {padding-bottom:0px} section#ecom-main-page #section-id-1482240251 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:0px;padding-bottom:15px} section#ecom-main-page #section-id-1482240251 .sppb-addon-text {padding-bottom:0px} section#ecom-main-page section#section-id-1482240238 {margin-top:0px;margin-bottom:25px} section#ecom-main-page #section-id-1482240235-2 .sppb-addon-image-content.aligment-left .sppb-content-holder {padding:40px 40px 20px 0} section#ecom-main-page section#section-id-1481572482 .sppb-icon .sppb-icon-container>i {font-size:40px;width:auto;height:auto;line-height:initial;margin:34px 0 0} section#ecom-main-page .sppb-content-holder.sppb-addon-feature {padding:20px 0px 0px 0px !important} section#ecom-main-page #section-id-1482240235-2 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:20px;padding-bottom:15px}} @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {section#ecom-main-page #section-id-1482240235 .sppb-col-sm-6.sppb-col-sm-offset-6 {margin-left:initial;width:100%;padding-left:30px;padding-right:30px} section#ecom-main-page #section-id-1482240235-2 .sppb-col-sm-6.sppb-col-sm-offset-6 {margin-left:initial;width:100%;padding-left:30px;padding-right:30px} section#ecom-main-page #section-id-1482240251 .sppb-col-sm-6 {width:100%} section#ecom-main-page #section-id-1482240235 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:50px;padding-bottom:15px;font-size:50px} section#ecom-main-page #section-id-1482240235-2 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:50px;padding-bottom:15px;font-size:50px} section#ecom-main-page #section-id-1482240235 .sppb-addon-text {padding-bottom:0px} section#ecom-main-page #section-id-1482240235-2 .sppb-addon-text {padding-bottom:0px} section#ecom-main-page #section-id-1482240235 .sppb-content-holder.sppb-addon-feature {padding:20px 0 20px 0 !important} section#ecom-main-page #section-id-1482240235-2 .sppb-content-holder.sppb-addon-feature {padding:20px 0 20px 0 !important} section#ecom-main-page section#section-id-1482240238 {margin-top:25px;margin-bottom:80px} section#ecom-main-page .sppb-container {width:100%} section#ecom-main-page #section-id-1482240251 h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {padding-top:50px;padding-bottom:15px;font-size:50px} section#ecom-main-page #section-id-1482240251 .sppb-addon-text {padding-bottom:0px} section#ecom-main-page #section-id-1482240251 .sppb-content-holder.sppb-addon-feature {padding:20px 0 20px 0 !important}}  .sp-simpleportfolio .sppb-icon .sppb-icon-container>i {font-size:50px} .sppb-column-addons,.sppb-column {padding-left:15px;padding-right:15px} .sppb-media>.pull-left {margin-right:30px} .pull-right .sppb-icon {margin-left:30px} section#section-id-1488442841 {margin-bottom:50px} section#section-id-1488445781 {padding-bottom:50px} .sppb-media-heading {} @media only screen and (min-device-width:320px) and (max-device-width:568px) {div#sppb-addon-1488445789 .sppb-media-body {display:inline-block;text-align:center;position:relative} div#sppb-addon-1488445789 .pull-left {margin-right:0 !important;position:relative;left:50%;margin-left:-67px !important} div#sppb-addon-1488445789 .pull-left .sppb-icon {margin-right:0px !important} span.text-skip {display:inline-block} .contactpage_form {padding:30px} section.page-webedesign {margin-left:initial;margin-right:initial} section.page-ecom {margin-right:initial;margin-left:initial;padding-top:initial;padding-bottom:initial} div#sppb-addon-1488445790 {margin-bottom:initial}}  @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {section.page-webedesign {margin-left:initial;margin-right:initial} section.page-ecom {margin-right:initial;margin-left:initial;padding-top:initial;padding-bottom:initial} div#sppb-addon-1488445790 {margin-bottom:initial}} section.page-ecom {margin-right:-100%;margin-left:-100%;padding-top:50px;padding-bottom:50px;margin-bottom:50px} div.block-col2-ecom {padding:0 !important} h3.sppb-addon-title.sppb-feature-box-title.title-block-ecom {margin:0 !important;padding-right:0 !important} .sppb-addon h3.sppb-addon-title.sppb-feature-box-title:after {width:100% !important} section#section-id-1481572482 .sppb-addon h3.sppb-addon-title {padding-right:initial;line-height:1} section#section-id-1481572482 .sppb-icon {margin-bottom:20px} section#section-id-1481572482 .sppb-divider.sppb-divider-border.major_color {max-height:10px} section#section-id-1481572482 h3.block-ecom-title {min-height:60px} div#sppb-addon-1488445790 {margin-bottom:50px}  #sppb-addon-1488811047 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#f14833;border-radius:5px} #sppb-addon-1488811053 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#22a9e1;border-radius:5px} #sppb-addon-1488811049 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#fca224;border-radius:5px} #sppb-addon-1488811055 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#16b99a;border-radius:5px} #sppb-addon-1488811051 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#dcad02;border-radius:5px} #sppb-addon-1488811057 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#cc8b60;border-radius:5px} #sppb-addon-1488811049-2 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:rgb(144,99,232);border-radius:5px} #sppb-addon-1488811055-2 .sppb-icon .sppb-icon-container {display:inline-block;text-align:center;margin-top:3px;margin-bottom:20px;padding:15px;color:#ffffff;background-color:#e66cdd;border-radius:5px}  section#section-id-1488811045 .sppb-media-body {display:inline-block;vertical-align:middle;padding-left:25px} section#section-id-1488811045 .sppb-addon .sppb-icon {display:inline-block} section#section-id-1488811045 {margin-bottom:50px} .pages.content3061 .container {width:100%} .page-digital {} section#section-id-1481572482.sppb-section.page-digital {margin-bottom:50px} section#section-id-1482240251.sppb-section.content-3061 {background-image:url(/images/upload/images/005%289%29.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%} section.sppb-section.content-3061 h3.sppb-image-content-title.sppb-addon-title {color:white;font-size:75px;font-weight:inherit} section.sppb-section.content-3061 .sppb-content-holder p.sppb-image-content-text {color:white;font-size:26px;line-height:34px} .sppb-addon h3.sppb-addon-title:after {background:#eb6822 !important} section.sppb-section.content-3061 .sppb-btn-primary.sppb-btn-outline:hover {background-color:#eb6822 !important;border-color:#eb6822 !important} section.sppb-section.content-3061 .sppb-btn-primary.sppb-btn-outline {border:2px solid #eb6822 !important;color:white;background-color:transparent;font-size:26px} div#sp-main-body.pages.content3119 {padding:inherit} section#section-id-1482356134 .sppb-col-sm-3.table-price .sppb-column-addons,.sppb-column {padding:0px !important}  section#section-id-1482356134 {margin-top:50px;margin-bottom:75px} section#section-id-1482356134 h2.sppb-pricing-price {margin:0;padding:0;font-size:275%;line-height:1.3} section#section-id-1482356134 h1.sppb-pricing-title.responsive {margin:0;padding:0;font-size:150%} section#section-id-1482356134 h2.sppb-pricing-price>span {position:absolute;line-height:7.5 !important;font-size:35% !important} section#section-id-1482356134 .sppb-pricing-box .sppb-pricing-features>ul>li {font-size:22px;font-family:'DBAdmanXLight'} section#section-id-1482356134 div#sppb-addon-1482356139 .sppb-pricing-header {background-color:#eb6822 !important} section#section-id-1482356134 .sppb-btn-default2:hover,.sppb-btn-default:focus {background-color:#eb6822 !important;border-color:#eb6822 !important;color:white !important}  section#section-id-1482356134-2 .sppb-col-sm-3.table-price .sppb-column-addons,.sppb-column {padding:0px !important}  section#section-id-1482356134-2 {} section#section-id-1482356134-2 h2.sppb-pricing-price {margin:0;padding:0;font-size:275%;line-height:1.3} section#section-id-1482356134-2 h2.sppb-pricing-price>span {position:absolute;line-height:6.8 !important;font-size:35% !important} section#section-id-1482356134-2 .sppb-pricing-box .sppb-pricing-features>ul>li {font-size:22px;text-shadow:0px 0.5px rgba(37,37,37,0.5)} section#section-bg-table2 {background-image:url(/images/upload/images/pexels-photo-265087.jpg);padding-top:25px !important;padding-bottom:75px !important;background-size:cover;background-attachment:fixed} section#section-bg-table2 section#section-id-1488442838 h1.sppb-addon-title {color:white !important} section#section-bg-table2 section#section-id-1482356134-2 .sppb-pricing-box .sppb-pricing-features {background-color:white} section#section-bg-table2 section#section-id-1482356134-2 .sppb-pricing-footer {background-color:white;border-radius:0px 0px 5px 5px} section#section-bg-table2 div#sppb-addon-1482356139 .sppb-pricing-header {background-color:#eb6822 !important} section#section-id-1482356134-2 .sppb-btn-default2:hover,.sppb-btn-default:focus {background-color:#eb6822 !important;border-color:#eb6822 !important;color:white !important}   section#section-id-1482356134-2 .sppb-col-sm-3.table-price .sppb-column-addons,.sppb-column {padding:0px !important}  section#section-id-1482356134-2 {} section#section-id-1482356134-2 h2.sppb-pricing-price {margin:0;padding:0;font-size:275%;line-height:1.3} section#section-id-1482356134-2 h2.sppb-pricing-price>span {position:absolute;line-height:6.8 !important;font-size:35% !important} section#section-id-1482356134-2 .sppb-pricing-box .sppb-pricing-features>ul>li {font-size:22px;text-shadow:0px 0.5px rgba(37,37,37,0.5)} section#section-bg-table4 {background-image:url(/images/upload/images/pexels-photo-110078.jpg);padding-top:25px !important;padding-bottom:75px !important;background-size:cover;background-attachment:fixed} section#section-bg-table4 section#section-id-1488442838 h1.sppb-addon-title {color:white !important} section#section-bg-table4 section#section-id-1482356134-2 .sppb-pricing-box .sppb-pricing-features {background-color:white} section#section-bg-table4 section#section-id-1482356134-2 .sppb-pricing-footer {background-color:white;border-radius:0px 0px 5px 5px} section#section-bg-table4 div#sppb-addon-1482356139 .sppb-pricing-header {background-color:#eb6822 !important} section#section-id-1482356134-2 .sppb-btn-default2:hover,.sppb-btn-default:focus {background-color:#eb6822 !important;border-color:#eb6822 !important;color:white !important}  .sppb-btn-default2 {background-color:rgba(255,255,255,0.75);border-color:#eb6822 !important;color:#eb6822 !important} section#section-id-1488442838 .sppb-addon-text-block .sppb-addon-title {text-transform:none} div.content3140 section#section-id-1488442838 {margin-top:25px} div.content4325 section#section-id-1488442838 {margin-top:30px;margin-bottom:30px} .sppb-pricing-features a {color:#eb6822 !important} div.content3140 .sppb-pricing-box .sppb-pricing-footer>a.sppb-btn {margin:0 auto;text-transform:uppercase;font-size:22px} #success_project .portfolio-extra.is-hidden {display:none} #success_project .portfolio-load-more-wrap {clear:both;padding:15px 0 35px;text-align:center} #success_project .portfolio-load-more {display:inline-block;min-width:190px;padding:12px 28px;border:0;border-radius:28px;background:#eb6822;color:#fff;font-size:16px;line-height:1.4;text-align:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease} #success_project .portfolio-load-more:hover,#success_project .portfolio-load-more:focus {background:#000033;color:#fff;outline:none;transform:translateY(-1px)}  span.hot.hot_red {position:absolute;z-index:9999;background:#cc0000;padding:8px 14px 4px;font-size:27px;color:#fff;text-transform:uppercase;line-height:27px;top:0;left:0;box-shadow:1px 1px 1px #9e9e9e} span.price.price-old {margin-right:11px;text-decoration:line-through;font-weight:400;color:#666} .sp-simpleportfolio-info .specialprice {font-size:40px;color:#cc0000;line-height:25px} .sp-simpleportfolio-info:hover span.price.price-old {color:#fff} .sp-simpleportfolio-info:hover .specialprice {color:#fff;text-shadow:1px 1px 1px #000} body .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {line-height:100%} .results {text-align:center} .sp-simpleportfolio-columns-3:after {content:'';display:block;clear:both} .brand {width:170px;margin:0;padding-top:20px} ul:after {content:'';display:block;clear:both} .sp-megamenu-parent>li {float:left;padding:0} .sp-megamenu-parent>li:hover>a {color:#fff} button#search_buttom {margin-left:0} #sp-header .container {padding-left:0;width:90%} #sp-header #sp-menu {padding-right:0;max-height:initial !important} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {line-height:120%;text-align:center;overflow:hidden} .sp-page-builder .page-content #section-id-1485942871 {padding:30px 10px;background-color:#f5f5f5;box-shadow:inset 0 0 150px rgba(0,0,0,0.3)} #head-contact {padding:40px 10px 50px;background-color:#f5f5f5;box-shadow:inset 0 0 150px rgba(0,0,0,0.3)} #contact-form {margin:0px;padding:0px;color:#ffffff;background-image:url(../images/service_content_09.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;clear:both} section#contact-form form {background-color:rgba(255,255,255,0);padding:0 0 70px} ul.list-field {margin:0;padding:0;list-style:none} ul.list-field li {list-style:none} ul.list-field select,ul.list-field input,ul.list-field textarea {color:#a5a5a5;color:rgba(255,255,255,0.85);border:1px solid #999;border:1px solid rgba(200,200,200,0.8);background:transparent;width:100%;border-color:rgba(255,255,255,0.85);font-size:24px;font-weight:normal;font-family:'DBAdmanXLight'} ul.list-field ul {margin:0;padding:0;list-style:none} ul.list-field ul li {margin-bottom:15px} ul.list-field input::-webkit-input-placeholder {color:rgba(255,255,255,0.85)} ul.list-field input::-moz-placeholder {color:rgba(255,255,255,0.85)} ul.list-field input:-ms-input-placeholder {color:rgba(255,255,255,0.85)} ul.list-field input:-moz-placeholder {color:rgba(255,255,255,0.85)} ul.list-field textarea::-webkit-input-placeholder {color:rgba(255,255,255,0.85)} ul.list-field textarea::-moz-placeholder {color:rgba(255,255,255,0.85)} ul.list-field textarea:-ms-input-placeholder {color:rgba(255,255,255,0.85)} ul.list-field textarea:-moz-placeholder {color:rgba(255,255,255,0.85)} .button_submit button {border-color:rgba(255,255,255,0.77);background-color:rgba(255,255,255,0.05);color:#f5f5f5;margin:15px 0;border:1px solid #f5f5f5;padding:10px 30px;line-height:100%;border-radius:4px} ul.list-field textarea {height:65px} .address-contact {padding:70px;height:100%} .copyrighttext {margin:10px 0} .capcha img {margin-bottom:15px} #sp-header .sp-megamenu-parent>li:hover>a {color:#fff} #map-contact iframe {vertical-align:top;width:100%} #sp-header {border-bottom:0px solid #f0f0f0} .com-sppagebuilder #sp-main-body.news-page {padding:50px 0} #sp-page-title img {display:none} #sp-main-body.pages {padding:50px 0} .view-more {border:1px solid;padding:5px 6px 2px;margin-top:5px;display:inline-block;border-radius:2px} .sp-page-title h2 {padding:25px 0;text-shadow:1px 1px 1px #000;font-family:'DBAdmanXRegular';font-size:38px} .article-info>dd {font-size:17px} .txt-2 {margin-bottom:15px} .entry-gallery {box-shadow:1px 1px 9px 0px rgba(96,96,96,0.68);border:4px solid #fff} .details_icons:after {content:'';display:block;clear:both} .details_icons {float:none;clear:both;margin:21px 0} ul.slides {padding:0;list-style:none;margin:0} .copyright .details_icons {margin:0} #sp-footer a {color:#f14833} #sp-footer {background-color:rgba(248,248,248,0.61)} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {line-height:100%} #fading-header #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {line-height:100%} form[name=q-a] blockquote strong {float:left;font-size:50px;vertical-align:top;line-height:100%;margin-right:10px;font-weight:200} form[name=q-a] {margin-bottom:50px;display:block} form[name=q-a] blockquote {background:rgba(245,245,245,0.56)} .sp-megamenu-parent>li:last-child {border-right:0} form[name=f-job] {padding:20px;border:1px solid #ccc;margin-bottom:30px} form[name=f-job] h4 {background:#cc0000;padding:5px 15px;color:#fff;text-shadow:1px 1px 1px #737373} a#download img {width:119px;height:119px;border-radius:50%;box-shadow:1px 1px 1px #000;border:3px solid #fff} form[name=f-video] {margin-bottom:50px;padding:30px;text-align:center} form[name=f-video] h2 {position:relative;text-align:left;padding-bottom:15px;margin-top:25px} form[name=f-video] h2:after {content:'';display:block;height:2px;position:absolute;bottom:0;background:red;width:50%} form[name=f-video] h2:before {content:'';display:block;height:1px;position:absolute;bottom:0;background:#b3b3b3;width:100%} form[name=f-video] iframe {width:80%;height:500px} .product_con .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {min-height:70px} .sp-simpleportfolio .sp-simpleportfolio-item {float:none} .sp-simpleportfolio-overlay-wrapper>a {display:inline-block;vertical-align:top} .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item:first-child .sp-simpleportfolio-overlay-wrapper {margin:0} #sp-top-bar {padding:0} .ap-modal-login {margin:0} #sp-top-bar .pull-right {margin:0} #sp-top-bar a {color:#ffffff;padding:4px 6px;display:inline-block;text-transform:uppercase;font-size:19px} .sp-contact-info {top:0;line-height:100%} #sp-top-bar .sp-contact-info li a {display:inline-block;padding:7px 8px} #sp-top-bar .sp-contact-info li a:hover {color:#000} a#show_language.active {background:white} #sp-top-bar a {color:#ffffff;padding:4px 9px;display:inline-block;text-transform:uppercase;font-size:19px} .no-listing {padding:15px;text-align:center;margin:25px 0;background:#f5f5f5} .offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu>li a {padding:5px 20px;background:#f7f7f7;margin-bottom:0;border-bottom:1px solid #e6e6e6;border-top:1px solid #fff} .offcanvas-menu .offcanvas-inner .sp-module ul>li a {font-weight:bold;color:#666} .offcanvas-menu .offcanvas-inner .sp-module ul ul#collapse-menu-106>li a {font-weight:normal} .offcanvas-menu .offcanvas-inner {background:#000033} .offcanvas-menu .offcanvas-inner {padding:30px 20px 0px} .offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul {margin:0 -20px} .search.flex-search:before {margin-bottom:-39px} .steplist>.process-step,.steplist>.col5-sm {cursor:pointer;position:relative} .steplist .col5-sm:first-child:before {display:none} .steplist .col5-sm:after {width:50%;height:5px;position:absolute;content:'';background:#ff6633;top:41%;right:0;z-index:0} .steplist .col5-sm:before {width:50%;height:5px;position:absolute;content:'';background:#ff6633;top:41%;left:0;z-index:0} .steplist .col5-sm:last-child:after {display:none} .steplist .img {position:relative;z-index:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} section#ourstep {padding:40px 0 0px} .steplist .text {font-size:22px;font-weight:bold;text-transform:uppercase} .steplist:after {content:'';display:block;clear:both} ul.progress-content {padding:0;list-style:none;margin:0} .progressbar .bar {display:none} .progressbar {margin-top:30px} .active-process {background:#eb6822;height:20px;position:absolute;width:100%;z-index:2;bottom:-40px} .active-process:after {content:'';display:block;width:20px;height:20px;background:#eb6822;transform:rotate(45deg);margin:10px auto 0} section#ourstep .flex-control-nav {display:none} .steplist>.process-step.active img,.steplist>.col5-sm.active img {border-radius:50%;box-shadow:0px 0px 11px #777} .steplist>.process-step.active .img,.steplist>.col5-sm.active .img {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} .flex-direction-nav a {line-height:40px} #ourstep ul.flex-direction-nav {display:none} .sp-megamenu-parent>li:hover {background:#eb6822} #fading-header #sp-header {height:auto} #sp-header #offcanvas-toggler {line-height:80px} #fading-header.sticky {z-index:9999;box-shadow:0px 1px 11px rgba(0,0,0,0.65)} #fading-header.sticky #sp-header {height:auto} .round_arrow_project .arrow:after {content:"\f078";font:normal normal normal 23px/1 FontAwesome} .progressbar_tab {margin-top:30px;position:relative;display:block;width:100%;height:20px;background:#000033;border-radius:4px;margin-top:20px;margin-bottom:35px;overflow:hidden} .steplist .img img {height:auto !important} .process_area {padding:15px} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li.sp-has-child>a:before {background:#eb6822;width:30px;height:30px;visibility:hidden;opacity:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:-20px} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li.sp-has-child:hover>a:before {visibility:visible;opacity:1} #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {padding:15px;vertical-align:top} .process_content {font-size:54px} .offcanvas-menu .lang_switch a {color:#fff} .contact_circle ul li:nth-child(1) .circle {background:#ff9900} .contact_circle li:nth-child(2) .circle {background:#333366} .contact_circle li:nth-child(3) .circle {background:#ff6600} .contact_circle li:nth-child(4) .circle {background:#ff3300} .contact_circle li:nth-child(5) .circle {background:#66cc00} .contact_circle li {cursor:pointer} .contact_circle li:hover .circle {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out} .contact_circle .circle {width:150px;height:150px;display:block;border-radius:50%;padding-top:29px;cursor:pointer;margin:0px auto;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;margin-bottom:20px} .contact_circle .circle i {display:block;text-align:center;font-size:50px;color:white} .contact_circle .text {color:white;font-size:22px;text-align:center;display:block;text-transform:uppercase;margin-top:12px} .contact_circle {padding-top:30px;padding-bottom:30px} .contact_circle h3 {padding-bottom:12px} .contact_circle h3:after {content:'';display:block;background:#ff9775;width:100%;height:2px;margin-top:10px} .company_contact {background-image:url(../images/bg_02.png);padding-top:100px !important;padding-bottom:100px !important;background-size:cover;background-attachment:fixed;background-position:-6px -150px} .company_contact h3 {color:white;text-align:center;text-shadow:1px -3px 3px black;font-size:40px;padding-bottom:20px} .company_contact span {display:block;text-align:center;color:white;font-size:26px;text-shadow:1px -3px 3px black} .subscribe_promotion h3 {font-family:'DBAdmanXRegular';font-size:34px;font-weight:normal;text-shadow:2px 2px black} .subscribe_promotion span {font-family:'DBAdmanXRegular';font-size:21px;text-shadow:2px 2px black} .subscribe_promotion {padding:70px 0 40px;text-align:center} .contactpage_companyname {text-align:center} .contactpage_companyname h3 {font-weight:100;color:#ff6633;line-height:128%} .contactpage_companyname img {margin:0px auto;padding-bottom:30px;padding-top:30px} span.circle img {width:48%;margin:0px auto} .howtogoodwebsite .block_1 {background:#f57000;color:white;text-align:center;font-size:67px;padding-top:0;padding-bottom:20px;margin-top:50px;margin-left:-145px;position:absolute;z-index:11;height:214px;line-height:214px} .howtogoodwebsite .block_2 {color:white;position:relative;padding-top:20px;padding-left:15%;padding-bottom:32px;height:214px} .step_block:before {width:0;height:0;border-style:solid;border-width:50px 0 0 45px;border-color:transparent transparent transparent #ffa253;content:'';position:absolute;left:0px;top:-1px;z-index:10} .step_block:after {clear:both;display:block;content:''} .step_block {background-color:#ff7500;position:relative;margin-bottom:32px} h3.howtogoodwebsiteheading {text-align:center;font-size:45px;padding-bottom:57px;font-weight:inherit;text-shadow:1px 1px 2px black} .step_block.b02 {background-color:#c0504e} .step_block.b02:before {border-color:transparent transparent transparent #db9593} .step_block.b02 .block_1 {background-color:#953735} .step_block.b03 {background-color:#9bbb58} .step_block.b03:before {border-color:transparent transparent transparent #c1d49c} .step_block.b03 .block_1 {background-color:#77933c} .step_block.b04 {background-color:#8064a1} .step_block.b04:before {border-color:transparent transparent transparent #b3a2c6} .step_block.b04 .block_1 {background-color:#604a7b} .step_block.b05 {background-color:#3477ab} .step_block.b05:before {border-color:transparent transparent transparent #7baed9} .step_block.b05 .block_1 {background-color:#27597e} .step_block.b06 {background-color:#c0504e} .step_block.b06:before {border-color:transparent transparent transparent #db9593} .step_block.b06 .block_1 {background-color:#953735} .step_block.b07 {background-color:#c0504e} .step_block.b07:before {border-color:transparent transparent transparent #db9593} .step_block.b07 .block_1 {background-color:#953735} h3.howtogoodwebsiteheading {margin-top:80px} section.howtogoodwebsite {margin-bottom:80px} .progress-content ol.flex-control-nav {display:none} section.howtogoodwebsite {background-color:#fff} .content3048 #success_project h2.entry-title {color:#fff} .listserve .list .text a {color:#fff} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding-right:3.3%} .button_submit button:hover {background:#121212;border-color:#121212} ul.list-field select option {color:#666} .sp-page-title h2 {padding:25px 0;text-shadow:1px 1px 1px #000;font-family:'DBAdmanXRegular';font-size:61px} .aboutpage_con {margin-bottom:65px} .aboutpage_con {margin-top:45px;margin-bottom:65px} #timeline {margin-top:186px;margin-bottom:180px;padding-left:80px;padding-right:80px} .timelinebar {content:'';width:100%;position:relative;display:block;background:orange;height:2px} .timeline .detail li {position:absolute;width:19.5%;text-align:center} .timeline .detail {position:relative;display:block} .timeline .detail li:nth-child(2) {left:26%} .timeline .detail li:nth-child(3) {left:50%} .timeline .detail li:nth-child(4) {right:13%} .timeline .detail li:nth-child(5) {right:0px} .timeline .detail li:nth-child(1) {top:0px} .timeline .detail li:nth-child(2n+1) {top:-186px} .timeline .detail li span {font-size:16px;color:black;height:130px;display:block;position:relative;overflow:hidden} .timeline .detail li h3 {font-size:34px;color:black;position:relative} .timeline .detail li:nth-child(2n+1) span:after {position:absolute;width:2px;height:18px;background:orange;content:'';bottom:0px;left:50%} .timeline .detail li:nth-child(2n+2) {top:-8px} .timeline .detail li:nth-child(2n+2) h3:after {position:absolute;width:2px;height:18px;background:orange;content:'';top:0px;left:50%} .timeline .detail li:nth-child(2n+2) h3 {padding-top:30px} .header_about h2 {text-align:center;font-size:58px;color:#130c44;padding-bottom:30px} .intro_about .col_1 .content {width:50%;margin:0px auto} .intro_about .col_1 .content h3 {font-size:36px} .container.page3109 {width:100%} section.intro_about {background:#ff6900;color:white;padding-bottom:70px;padding-top:70px} .intro_about .col_1 .content h3 {font-size:40px;margin-top:0px} .content3063 {margin-top:0px !important;padding-top:0px !important} section.header_about {margin-top:60px} .sp-megamenu-parent.menu-fade-down-fade-up .sp-has-child>.sp-dropdown {z-index:9999} .sppb-panel-flex>.sppb-panel-heading.active .sppb-panel-title>i {color:#eb6822} .sppb-panel-flex>.sppb-panel-heading.active {border-bottom:1px solid #eb6822} section.intro_about.turnintocustomer {background:transparent;background-image:url(../images/turnintocustomer.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed} section.intro_about .content {font-size:26px;line-height:120%} #about_why_us h4 {font-size:26px;font-weight:700;text-shadow:1px 1px black} div#aboutcert {padding-top:30px;padding-bottom:75px;background-image:url(../images/bg_serve.png);background-attachment:fixed;background-size:100% auto;background-position:center 25px} #aboutcert h2 {text-align:center;color:white;font-size:50px;margin-bottom:35px} div#aboutcert h3 {color:white;font-size:40px} #aboutcert p {font-size:22px;color:white} #aboutcert h2:after {display:block;position:relative;width:320px;height:2px;background:white;content:'';margin:0px auto;box-shadow:4px 3px 11px 1px #b1adad} #aboutcert h2 {text-align:center;color:white;font-size:50px;margin-bottom:35px;text-shadow:1px 3px #100e0e} #aboutcert h3:after {display:block;background:rgba(255,195,0,0.6);content:'';height:2px;width:100%;position:relative} .pages.content3065 .page {width:100%} .sp-module-content ul.VMmenu li:hover {background-color:#ff4e00} .box_news .txt-2 {height:auto} a {color:#fff} #sp-header .thirdtiermenu a.subtextlink {font-size:20px;line-height:120%} li.sp-menu-item.thirdtiermenu {text-align:left;width:100%} .content3063 .container {width:100%} .success_project_list .latest-post {margin-bottom:0px} .content3088 span.sppb-icon-container span {position:relative;top:15px} .content3087 span.sppb-icon-container span {position:relative;top:15px} .content3088 h3.block-ecom-title {font-size:23px;font-weight:700;text-shadow:2px 2px #c8c7c7} section#section-id-1489143656 .pull-left {float:none !important;width:100%;margin:0;text-align:center} section#section-id-1489143656 .sppb-media-body {text-align:center;min-height:160px} section#section-id-1489143656 .sppb-media-body {text-align:center;min-height:160px} #map-contact {pointer-events:none;margin-top:30px;margin-bottom:30px} article.copyright {position:relative;top:15px}  @media (min-width:1400px) {} @media (min-width:1100px) {.contact_circle h3 {padding-left:38px} .contactpage_companyname {text-align:center;padding-top:50px;padding-bottom:50px}} @media (min-width:800px) {.timeline .detail li span {font-size:20px}} @media (min-width:768px) {.step_block:before {width:0;height:0;border-style:solid;border-width:50px 0 0 94px;border-color:transparent transparent transparent #ffa253;content:'';position:absolute;left:-1px;top:0px;z-index:10} .step_block_wrp.col-sm-offset-2 {display:block;position:relative} .content3088 .sppb-divider-border {margin-bottom:25px}} @media (max-width:1024px) {.steplist .text {font-size:18px} .sp-page-title,.sp-page-title-no-img {background-size:100% auto;background-attachment:initial}} @media only screen and (max-device-width:975px) {section#section-id-1481572482 h3.block-ecom-title {min-height:39px} .steplist .col5-sm {padding:0 5px} .contact_circle .circle {width:130px;height:130px;display:block;border-radius:50%;padding-top:29px;cursor:pointer;margin:0px auto;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;margin-bottom:20px} .contact_circle .text {color:white;font-size:18px;text-align:center;display:block;text-transform:uppercase;margin-top:12px} .content3088 h1 {font-size:46px !important}} @media (max-width:798px) {.intro_about .col_1 .content {width:95%;margin:0px auto} .timeline .detail li span {font-size:16px}} @media (max-device-width:768px) {.sppb-addon h3.sppb-addon-title {box-shadow:inherit !important} .content3088 h1 {font-size:32px !important} #sp-header #sp-menu {padding-top:0;position:relative !important;top:20px} .brand {padding-top:0px} .process_content {font-size:39px} .steplist .text {display:none} .active-process {} .contact_circle li:nth-child(2n+1) .circle {float:right} .contact_circle li:nth-child(2n+2) .circle {float:left} .contact_circle h3 {padding-bottom:12px;text-align:center} .step_block:before {display:none} .howtogoodwebsite .block_1 {color:white;text-align:center;font-size:67px;margin-top:0px;margin-left:1px;position:absolute;z-index:11;height:86px;vertical-align:middle;line-height:86px} .howtogoodwebsite .block_2 {color:white;position:relative;padding-top:20px;padding-left:109px;padding-bottom:32px;height:214px} .howtogoodwebsite .block_2 {color:white;position:relative;padding-top:20px;padding-left:109px;padding-bottom:32px;height:100%;font-size:18px;display:block} #timeline {margin-top:0px;margin-bottom:50px} .timelinebar {content:'';width:3px;position:static;display:block;background:orange;height:62rem;margin:0px auto;top:0px} .timeline .detail li:nth-child(2n+1) {left:5.8%;padding-right:45px;top:0px} .timeline .detail li:nth-child(1) {top:0px} .timeline .detail li:nth-child(2n+1) h3:after {display:none} .timeline .detail li:nth-child(2n+1) span:after {display:none} .timeline .detail li:nth-child(2n+2) h3:after {display:none} .timeline .detail li:nth-child(2n+2) {top:77px;right:4.9%;padding-left:25px} .timeline .detail li:nth-child(2) {left:auto} .timeline .detail li:nth-child(3) {top:220px} .timeline .detail li:nth-child(4) {top:360px !important} .timeline .detail li:nth-child(5) {top:500px} .timeline .detail li:nth-child(2n+1):after {position:absolute;width:18px;height:2px;background:orange;right:5px;content:'';top:50%} .timeline .detail li:nth-child(2n+1):after {position:absolute;width:18px;height:2px;background:orange;right:5px;content:'';top:50%} .timeline .detail li:nth-child(2n+2):after {position:absolute;width:18px;height:2px;background:orange;left:0px;content:'';top:50%} .timeline .detail li {position:absolute;width:45.5%;text-align:center;word-break:break-word} .intro_about .col_2 .content {padding:25px}} @media only screen and (max-device-width:595px) {.timeline .detail li:nth-child(2n+1) {left:4%;padding-right:50px} .timeline .detail li {width:47.5%} .timeline .detail li:nth-child(2n+2) {top:77px;right:2.5%;padding-left:50px} .timeline .detail li:nth-child(2n+1):after {position:absolute;width:18px;height:2px;background:orange;right:5px;content:'';top:40%} .timeline .detail li span {font-size:16px;color:black;height:160px;display:block;position:relative;overflow:hidden} .contact_circle h3 {padding-left:0px;text-align:center} .content3088 h3 {display:block;width:320px;margin:0px auto;padding-bottom:15px} .content3088 .sppb-divider-border {margin-bottom:25px;margin-top:25px}} @media only screen and (max-device-width:576px) {} @media only screen and (max-device-width:500px) {.listserve .image img {} #success_project .latest-post {padding:0 5px}} @media only screen and (max-device-width:495px) {.content3088 .sppb-divider-border {margin-bottom:25px;margin-top:0px} #serveindustries {background-size:cover} .home-business-type .servicecircle .list {margin:0 0 20px;width:50%} .servicecircle {width:90%}} @media (max-width:414px) {ul.flex-direction-nav {display:none} .steplist .col5-sm {padding:0 2px;width:20%} .steplist .col5-sm:before,.steplist .col5-sm:after {top:45%} .process_content {padding:0 20px;margin-bottom:15px} .process_content_descripption {padding:0 20px} #success_project {background-size:cover;background-position:center top;background-repeat:no-repeat} .circle_block {width:150px;height:150px} .listserve .list .text {font-size:17px} .active-process {} .progress-content.flexslider {margin-bottom:0px} section#ourstep {padding:0 7%;margin-bottom:0} .steplist .text {display:none} .sp-simpleportfolio-info {min-height:120px} #head-contact h2.sppb-addon-title {font-size:30px !important} form[name=f-job] h4 {margin-top:0} form[name=f-job] {padding:5px}} @media (max-device-width:395px) {.content3088 h1 {font-size:24px !important} .content3088 h3 {display:block;width:270px;margin:0px auto;padding-bottom:15px}} @media (max-device-width:350px) {.timeline .detail li span {font-size:14px}} @media (max-device-width:320px) {.product_con h2.headingindexcontact {font-size:29px;line-height:40px} .circle_block {width:130px;height:130px} .howtogoodwebsite .block_1 {color:white;text-align:center;font-size:67px;margin-top:0px;margin-left:1px;position:relative;z-index:11;height:86px;vertical-align:middle;line-height:86px;width:100%} .howtogoodwebsite .block_2 {padding:20px} .process_content {padding:15px;margin-bottom:15px;font-size:30px} .process_content_descripption {padding:0 15px}}  .filters {display:flex;gap:12px;padding:16px;flex-wrap:wrap;align-items:center;margin:0 auto;width:50%} .select,.search {position:relative;flex:1 1 160px;min-width:150px} .select select {width:100%;appearance:none;border-radius:10px;padding:12px 38px 12px 12px;font-size:14px;background:#fff;outline:none;height:auto} .select:after {content:"";position:absolute;right:12px;top:50%;width:10px;height:10px;border-right:2px solid #6b7280;border-bottom:2px solid #6b7280;transform:translateY(-60%) rotate(45deg);pointer-events:none;opacity:.9}  .offcanvas-menu a.close-offcanvas {display:flex;justify-content:center} .close-offcanvas i.fa.fa-remove {display:flex;justify-content:center;align-items:center} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {padding:9px 10px 6px;border-radius:7px;font-size:21px} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {background:#c34401} .menu-top .con span {padding-left:5px;color:#000000;text-transform:uppercase;font-size:17px} .lang_switch a:hover {color:#fff !important;text-shadow:1px 1px 1px #000} section#sp-main-body:after {background:transparent;transition:all 400ms ease;content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0} section#sp-main-body.active:after {background:rgba(0,0,0,0.82)} .block_project_l li {padding-top:0 !important} .com-sppagebuilder #sp-main-body.portpage {padding-top:100px} .box-image {overflow-y:auto} a.view_more_project {text-transform:uppercase;text-shadow:2px 2px 2px #000} .closeproject {position:absolute;width:50px;height:50px;text-align:center;line-height:55px;border:1px solid #fff;cursor:pointer;right:15px;top:15px;margin:0} .box-image.active img {position:relative;top:0;-webkit-animation-name:move;-webkit-animation-duration:15s;-webkit-animation-iteration-count:1;-webkit-animation-direction:right;-webkit-animation-timing-function:linear} .box-image img:hover {-webkit-animation-play-state:paused} .detail_project .col-md-8 {overflow:hidden} .box-image {overflow-y:auto;margin-right:-32px} a#scroll-top>i {color:#fff;border:2px solid #fff;text-indent:-2px;box-shadow:0px 0px 5px #000;text-shadow:0px 0px 2px #000} a#scroll-top:hover>i {color:#fff} section#ourstep {background:#fff} .steplist {width:100%} .com-sppagebuilder div[class*="-view"] .row {margin-right:-15px;margin-left:-15px} .offcanvas-menu .lang_switch {display:block;margin:0 20px;float:right} .sp-module-content {clear:both} h1.logo-mobile img {width:110px;margin-left:20px;float:left} .offcanvas-menu ul.accordion-menu {padding-top:20px} .bottom_menu ul {padding:0;float:left} .bottom_menu li {list-style:none;float:left;padding:4px 5px 0px;border:1px solid #ff6633;margin:1px} .bottom_menu li:last-child a {color:#fff} .bottom_menu li:last-child {padding:0;border:0} .bottom_menu li a {font-size:16px;color:#f63} .bottom_menu {padding:20px} .bottom_menu .line-share {display:inline-block;padding:9px 0px 6px;background:#00b900;line-height:0;float:left} .inner-page:after {content:'';display:block;clear:both} .bottom_menu iframe.line-it-button {width:90px !important} .success_project_list .latest-post {position:relative} #success_project .latest-post-item:hover>.view-zoom {opacity:1;visibility:visible} .view-zoom {transition:all 400ms ease;width:80px;height:80px;background:rgba(0,0,0,0.52);text-align:center;line-height:85px;font-size:30px;color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;z-index:100;margin:-40px;opacity:0;visibility:hidden;cursor:pointer} .preview-box {display:none;clear:both;margin-bottom:50px;overflow:hidden;background:#000} .preview-box .box-image {padding:20px;background:#2f2f2f;box-shadow:0px 0px 8px #000} .preview-box .container {padding:0;background:#2f2f2f} .preview-box .row {margin:0} .preview-box .col-md-4 {padding:0} .preview-box .col-md-8 {padding:0;overflow:hidden;box-shadow:1px 1px 11px #000} .preview-box .box-image {margin-right:-17px} .closeproject i.fa.fa-times {color:#fff} .preview-box .inner {padding:15px;clear:both} .preview-box .detail_project_content,.preview-box .detail_project_content h2 {color:#fff} .preview-box .detail_project_content h2 {margin-right:50px;font-size:30px} div.line-icon {overflow:hidden} .sp-page-title {background-size:cover} .button_submit {text-align:center} body h1,body h2,body h4,body h5,body h6 {font-family:'DBAdmanXRegular';text-transform:uppercase;font-family:'DBAdmanXLight';font-weight:bold} ul.list-field input[type="text"]:focus,ul.list-field input[type="email"]:focus {border:1px solid #fff;box-shadow:inset 0px 0px 9px rgba(0,0,0,0.5) !important} .error {text-align:center;padding:20px 10px 10px;background:#303030;line-height:100%;color:red} .info {text-align:center;padding:20px 10px 10px;background:#303030;line-height:100%;color:#06b906} section#contact-form form ul.list-field textarea {height:83px} .message_container p {display:inline-block;margin-left:10px;margin-bottom:0} .message_container .alert_box {padding:8px} .message_container .alert_box.success {padding:8px;background:#9bbb58} .pages.content3119 .page {width:100%} .content3119 .content {padding-right:50px;font-size:24px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px} .content3112 .content {padding-right:50px;font-size:23px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px;padding-bottom:10px} .content3113 .content {padding-right:50px;font-size:24px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px} .content3114 .content {padding-right:50px;font-size:24px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px} .content3115 .content {padding-right:50px;font-size:24px;text-shadow:0px 2px 2px #7b7b7b;line-height:140%;color:white;margin-top:26px} .content4325 .content {font-size:28px;text-shadow:none;line-height:140%;color:#717171;margin-top:25px;margin-bottom:25px} .pages.content3112 .page {width:100%;color:#fff} .pages.content3113 .page {width:100%} .pages.content3114 .page {width:100%} .pages.content3115 .page {width:100%} .style_text {font-size:60px} .sp-megamenu-parent .sp-dropdown .sp-dropdown-items {text-align:left} .sp-megamenu-parent .sp-dropdown .sp-has-child .sp-dropdown-inner {padding:3px} section#section-id-1481572482 .sppb-column-addons {padding:0} .bottom_menu .icon-l {display:block;width:118px} .sppb-addon-feature .sppb-icon>span>i {font-size:50px;margin-left:10%} h1.headingservice a {color:white;text-transform:uppercase} .content {font-size:25px;font-family:'DbadmanXLight';line-height:150%;font-weight:bold} .subscribe_promotion span {font-family:'DBAdmanXLight';font-size:21px;text-shadow:1px 1px 1px #000000;font-weight:bold;letter-spacing:1px} .sppb-addon-text-block .sppb-addon-title {line-height:1.3;text-transform:uppercase} h1 {font-size:35px} .sppb-pricing-features a {color:#f14833} .sppb-pricing-box .sppb-pricing-footer>a.sppb-btn {margin:0 auto;text-transform:uppercase;font-size:17px} .sppb-pricing-features a:hover {text-decoration:underline} .sppb-addon-feature .sppb-addon-content {margin-bottom:5px} .sppb-pricing-footer a.sppb-btn {color:#fff} #sppb-addon-1488811051 .sppb-icon .sppb-icon-container {margin-bottom:0} #section-id-1488811045 .sppb-icon .sppb-icon-container {line-height:98px} li.capcha {margin-top:20px} .text-slide h1 {font-size:70px !important;color:#eb6822} .copyrighttext {margin:0;color:#70797e;padding-top:10px;padding-bottom:10px} #sp-footer {color:#fff;text-align:center;padding:22px 0} .menu-footer {padding:10px 10px 10px 10px;float:left;font-size:17px} .company-footer {padding:10px 0 10px;font-size:17px;color:#70797e} .colorbackground {text-align:center;background-color:#161b1f;width:100%} footer#sp-footer {background-color:#101417} #sp-footer a:hover {color:#eb6822 !important} #sp-footer a {color:#70797e !important} .copyrighttext a {color:#70797e} .copyrighttext a:hover {color:#fff} .banner_project .caption_banner {position:relative;top:0;font-size:44px;color:white;display:block;width:100%;text-align:center;padding-top:30px;padding-bottom:4px;box-shadow:initial} #sppb-addon-1482237126 .sppb-addon-image-overlay {background-color:rgba(77,77,77,0.4)} #sppb-addon-1482237123 .sppb-addon-image-overlay {background-color:rgba(77,77,77,0.4)} #sppb-addon-1482237129 .sppb-addon-image-overlay {background-color:rgba(77,77,77,0.4)} section#section-id-1481572482 h3.block-ecom-title {height:60px;font-family:'DBAdmanXLight';font-size:28px;font-weight:bold} .headingstep h3 {color:black;font-size:34px;line-height:125%;font-family:'DBadmanXlight';font-weight:bold} .headingserve h3 {color:white;font-size:41px;font-family:'DBadmanXlight';font-weight:bold} div#sp-simpleportfolio div h3 {padding-top:0;clear:both;margin:0 0 15px;font-family:'DBadmanXlight';font-weight:bold} section#map-contact:after {content:'';display:block;clear:both} section#contact iframe {width:100%} section#contact {margin:30px 0 0} .content4325 .section-partner-content {background-image:url(../images/bg-partner.png);background-size:cover;padding-top:7% !important;padding-bottom:7% !important} .content4325 .content_block.sixth {background-image:url(../images/bg_apps.png);padding-top:50px !important;padding-bottom:50px !important;background-size:cover;background-attachment:fixed;background-position:-6px -120px;} .content4325 .section-partner-content .content {color:#fff;font-size:30px} .content4325 .content-parallax .content {color:#fff;font-size:30px;text-align:center} .magento-section {padding-top:40px;padding-bottom:40px} .bg-light {background-color:#F8F8F8} .nav-tabs.nav-tabs-magento>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {color:#fff;cursor:default;background-color:#EB6821;border:1px solid #d5d5d5;border-bottom-color:transparent} .nav-tabs.nav-tabs-magento>li>a {padding:15px 30px;font-size:25px;line-height:30px;background-color:#F8F8F8;border:1px solid #D5D5D5;color:#767676} .tab-magento-content {padding:30px;background-color:#f8f8f8;border:1px solid #D5D5D5} .tab-magento-content .content p {color:#4B4B4B} .tab-magento-content .content h3 {font-size:28px;color:#010032} .sppb-content-box {background-color:#fff} .sppb-content-box .sppb-content-drop-zone {padding:20px} .content-flex-row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row} .content-flex-colum {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .content-image-icon.our-icon img {width:200px;margin:0 auto} .content-image-icon.our-icon {margin:inherit} .sppb-content-drop-zone.our-zone {min-height:265px} .feature-list li {text-align:left} .content-caption.our-content {text-align:center;margin-top:15px} .content-image-icon {margin-right:15px} .content-image-icon img {width:70px} .content-caption {font-size:24px;line-height:24px} .Benefits-colum .sppb-col-sm-8 {padding:0px} .Benefits-colum .sppb-col-sm-6 {padding:0px} .sppb-addon-text-block h1.sppb-addon-title {line-height:94px;margin:0 0 39px} .sppb-addon-text-block h1.sppb-addon-title.shopify-title {margin-bottom:0;margin-top:40px} .feature-of-shopify h1.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {margin-top:20px} .Benefits-colum h2.sppb-addon-title-sub span {line-height:71px;text-transform:none;font-weight:normal} h2.sppb-addon-title-sub {display:inline} .sppb-column.mw-number-colum {text-align:center;margin-top:30px} .sppb-column.mw-content-detail-colum p {font-size:40px;line-height:44px} .sppb-column.mw-content-desc-colum {margin-top:21px} .sppb-col-sm-9.desc-right {float:right} .why-colum h1.sppb-addon-title {font-size:59px !important;line-height:64px;margin:0px} h2.title-center {text-align:center} .line-colum {border:1px solid #EB6821;height:199px;border-width:0 1px 0 0} .dot-colum {width:0.5em;height:0.5em;text-align:center;line-height:1em;border-radius:1em;background:#EB6821;margin:-10px auto;display:block;color:white;position:relative} .colum-img-2 .line-colum {max-height:146px} .colum-right .line-colum-Benefits .col-lg-6 {float:right} .colum-img-3 .line-colum {max-height:150px} .desc-right {float:right}  .our-works {padding:80px 20px;background:#f9fafb;text-align:center} .our-works .portfolio-grid {display:grid;gap:25px;margin:25px 0} .our-works .portfolio-item {position:relative;overflow:hidden;border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.1);cursor:pointer;max-height:430px} .our-works .portfolio-item img {width:100%;transition:.4s} .our-works .portfolio-item:hover img {transform:scale(1.1)} .overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;opacity:0;transition:.4s} .our-works .portfolio-item:hover .overlay {opacity:1} .bis-manage-product-section ul li:last-child,.bis-manage-product-section ul {margin-bottom:0} .overlay h3 {margin:0;font-size:45px} .overlay span {font-size:25px;opacity:.9}  .portfolio-modal {position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:9999} .modal-content {position:relative;background:#fff;max-width:800px;width:92%;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;animation:zoom .3s ease;top:3.5%} .modal-content img {width:100%;border-radius:12px;margin-bottom:15px} .modal-content h3 {margin-bottom:6px} .modal-content p {color:#666} .our-works .close {position:absolute;right:15px;top:10px;font-size:28px;cursor:pointer} .modal-content .close {text-align:right;font-size:42px;margin-right:20px} .portfolio-modal #modalTitle,.portfolio-modal #modalDesc {text-align:center} .img-modal {max-height:75vh;overflow-y:scroll} @keyframes zoom {from {transform:scale(.7);opacity:0} to {transform:scale(1);opacity:1}} .our-works h2.section-title {font-size:50px} .our-works .section-subtitle {font-size:32px;padding-bottom:20px} .btn-wwu.portfolio-link {position:absolute;bottom:0;right:0;margin:15px;font-size:21px;padding:10px 20px 10px 20px} body #success_project {background-size:auto}   .portfolio-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}  .portfolio-item {display:none;opacity:0;transform:translateY(20px)}  .portfolio-item.show {display:block;animation:fadeUp 0.45s ease forwards}  @keyframes fadeUp {to {opacity:1;transform:translateY(0)}}  .portfolio-pagination {margin-top:40px;text-align:center} .portfolio-pagination button {margin:0 5px;padding:8px 17px;border:none;background:#eee;cursor:pointer;transition:background 0.2s ease;border-radius:50px} .portfolio-pagination button:hover,.portfolio-pagination button.active {background:#000;color:#fff}   @media (max-width:1024px) {.portfolio-grid {grid-template-columns:repeat(2,1fr)}}  @media (max-width:768px) {.portfolio-grid {grid-template-columns:1fr}}  .banner-ecom h1.title-slide {font-size:80px !important;line-height:1.2 !important;letter-spacing:2px !important;margin:0 !important;color:#fff;text-shadow:2px 2px 4px #000000} .banner-ecom .subtitle {font-size:38px !important;font-family:'DBAdmanXRegular';text-shadow:2px 2px 4px #000000} .banner-ecom ul.features {text-align:left;font-family:'DBAdmanXRegular';margin-top:26px !important;text-shadow:2px 2px 4px #000000} .banner-ecom ul.features li {font-size:32px !important;line-height:42px !important;margin-left:40px !important} .banner-ecom ul.features li::before {content:"";position:absolute;left:0;width:14px;height:14px;background:#2ecc71;-webkit-mask:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'><path d='M20.285 6.708l-11.4 11.4-5.657-5.657 1.414-1.414 4.243 4.243 9.986-9.986z'/></svg>") no-repeat center;-webkit-mask-size:contain} .btn-cta {display:inline-block;color:#fff;border-radius:30px;font-weight:500;font-family:'DBAdmanXRegular';font-size:29px !important;background:#eb6822;background-image:-webkit-linear-gradient(top,#eb6822,#b44001);background-image:-moz-linear-gradient(top,#eb6822,#b44001);background-image:-ms-linear-gradient(top,#eb6822,#b44001);background-image:-o-linear-gradient(top,#eb6822,#b44001);background-image:linear-gradient(to bottom,#eb6822,#b44001);padding:18px 36px !important} .btn-cta:hover {background:#b44001;background-image:-webkit-linear-gradient(top,#b44001,#eb6822);background-image:-moz-linear-gradient(top,#b44001,#eb6822);background-image:-ms-linear-gradient(top,#b44001,#eb6822);background-image:-o-linear-gradient(top,#b44001,#eb6822);background-image:linear-gradient(to bottom,#b44001,#eb6822);color:#fff} #success_project .latest-post-item:hover>.view-zoom {display:flex;justify-content:center;align-items:center} .home #success_project .latest-post-item .view-zoom i.fa.fa-search-plus {margin:0}  .platform-section {padding:60px 0;background:#f9fafb}  .platform-section .section-header {text-align:center;margin-bottom:50px} .platform-section .container {margin-bottom:40px} .platform-section .section-header h2 {font-size:50px;font-weight:700;margin-bottom:10px;letter-spacing:1px} .platform-section .section-header p {font-size:22px;color:#666} .platform-section .section-header h2+p {font-size:33px;font-weight:400}  .platform-section .platform-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px}  .platform-section .platform-card {background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.06);transition:transform .3s ease,box-shadow .3s ease} .platform-section article.platform-card.shopify {background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/Shopify-BG.png);background-size:cover;background-position:center center} .platform-section article.platform-card.magento {background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/magento-RBG.png);background-size:cover;background-position:center center} .platform-section article.platform-card.magento-pwa {background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/bg2hero.png);background-size:cover;background-position:center center} .platform-section article.platform-card.woo {background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/shopping-e6.png);background-size:cover;background-position:center center} .platform-section .platform-card:hover {transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,0.1)} .platform-section .platform-card img {max-width:150px;margin:0 auto} .platform-section .platform-card h3 {font-size:22px;margin-bottom:15px} .platform-card-img {border-bottom:1px solid #c4c4c4;;min-height:60px} .platform-section .platform-card ul {padding:0;margin:0 0 25px;padding-top:20px;min-height:140px} .platform-section .platform-card ul li {font-size:18px;color:#1f1f1f;margin-bottom:8px;text-align:left;margin-left:10px;text-shadow:1px 1px 1px #aaaaaac7}  .platform-section .platform-card .btn {display:inline-block;padding:10px 22px;border-radius:15px;color:#fff;font-size:17px;text-decoration:none;transition:opacity .3s ease} .platform-section .platform-card .btn:hover {opacity:.85}  .platform-section .shopify .btn {background:#96bf48} .platform-section .magento .btn {background:#f26322} .platform-section .magento-pwa .btn {background:linear-gradient(135deg,#ff6a00,#ee0979)} .platform-section .woo .btn {background:#7f54b3} .platform-section article.platform-card.shopify ul li::marker {color:#96bf48} .platform-section article.platform-card.magento ul li::marker {color:#f26322} .platform-section article.platform-card.magento-pwa ul li::marker {color:linear-gradient(135deg,#ff6a00,#ee0979)} .platform-section article.platform-card.woo ul li::marker {color:#7f54b3}  @media (max-width:1200px) {.platform-section .platform-grid {grid-template-columns:repeat(2,1fr)} .off-canvas-menu-wrap .inner-page img.device-main {max-width:250px} section.bs-magento-hero.food-beverage img.floating.icon2 {width:60px} section.bs-magento-hero.food-beverage img.floating.icon3 {width:75px;left:-20%} section.bs-magento-hero.food-beverage img.floating.icon4 {width:65px;bottom:-18%;right:8%} section.bs-magento-hero.food-beverage img.floating.icon5 {right:23%;width:120px}} @media (max-width:580px) {.platform-section .platform-grid {grid-template-columns:1fr}}  .features-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px} section.features-section {text-align:center;padding:60px 0;background:linear-gradient(180deg,#ffffff,#f5f7fa)}  .feature-card {background:#fff;border-radius:18px;padding:25px 25px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.06);transition:transform .3s ease,box-shadow .3s ease} .feature-card:hover {transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,0.12)} .feature-card img {transition:opacity 0.35s ease,transform 0.45s cubic-bezier(.4,0,.2,1)} .feature-card h3 {font-size:26px;margin-bottom:12px;font-weight:600} .feature-card p {font-size:20px;color:#555;line-height:1.6} section.features-section header.section-header {margin-bottom:50px} section.features-section .container {margin-bottom:40px} .features-section .feature-card img {width:75%;margin:0 auto} .features-section .feature-card img+h3 {margin-top:-20px;margin-bottom:5px} .features-section .feature-card img+h3+p {line-height:1.4;margin-top:10px} .feature-card img:nth-child(2) {display:none} .feature-card:hover img:nth-child(2) {display:block} .feature-card:hover img:first-child {display:none}  @media (max-width:1200px) {.features-grid {grid-template-columns:repeat(2,1fr)}} @media (max-width:768px) {.features-grid {grid-template-columns:1fr} .feature-card {padding:30px 24px}} .why-us {background:#f9fafb;padding:60px 20px;overflow:hidden} .why-wrapper {position:relative;max-width:1200px;margin:auto;height:500px} .why-us header.section-header {text-align:center}  .why-us .center-icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;display:flex;align-items:center;justify-content:center;z-index:3} .why-us .center-icon img {} section.why-us {background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/why-us-bg-w.png);background-size:cover;background-position:center center;width:100%;height:100%;opacity:1;visibility:inherit} .why-us .img-box img {height:80px;width:auto}  .why-us .float-box {position:absolute;background:#ffffffb8;padding:10px 15px;border-radius:14px;font-size:19px;transition:transform 0.2s ease-out;white-space:nowrap;box-shadow:0 20px 40px rgba(0,0,0,0.15);display:flex;align-content:center;align-items:center}  .why-us .box-1 {top:25%;left:10%} .why-us .box-2 {top:7%;right:3%} .why-us .box-3 {bottom:0%;left:40%} .why-us .box-4 {bottom:15%;right:0%} .why-us .box-5 {top:65%;left:5%} p.why-sub-header {font-size:22px;color:#666}  @media (max-width:768px) {.why-us .why-wrapper {height:600px} .why-us .float-box {}} .price-banner .tp-caption h1 {letter-spacing:1px !important}  .pricing-card .pricing {padding:100px 0} .pricing-card .section-title {text-align:center;font-size:32px;margin-bottom:60px} .pricing-card .pricing-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px} .pricing-card .card {background:#ffffff;border-radius:20px;padding:32px;box-shadow:0 20px 40px rgba(0,0,0,0.08);text-align:center;position:relative} .pricing-card .card.featured {transform:scale(1.05);border:2px solid #eb6822} .pricing-card .badge {position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#eb6822;color:#fff;padding:6px 14px;border-radius:999px;font-size:14px} .pricing-card .card .icon {font-size:42px;margin-bottom:12px} .pricing-card .card ul {list-style:none;padding:0;margin:24px 0} .pricing-card .card ul li {margin-bottom:10px} .pricing-card a.btn-wwu {font-size:22px;padding:15px 30px 15px 30px} .pricing-card {margin-top:80px;margin-bottom:80px}  .shopify-pricing-section {--primary:#eb6822;--light:#fff7f2;padding:80px 20px;text-align:center;background:var(--light)} .shopify-pricing-section .pricing-wrapper {display:flex;gap:30px;justify-content:center;flex-wrap:wrap} .shopify-pricing-section .card {background:#fff;width:300px;padding:40px 25px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.08);transition:.3s;position:relative} .shopify-pricing-section .card:hover {transform:translateY(-8px)} .shopify-pricing-section .plan {font-size:40px;font-weight:600;margin-bottom:10px} .shopify-pricing-section .price {font-size:50px;color:var(--primary);font-weight:700;margin-top:25px} .shopify-pricing-section .price span {font-size:20px;color:#777} .shopify-pricing-section .features {list-style:none;margin:25px 0;padding:0;text-align:left;font-size:14px;height:400px} .shopify-pricing-section .features li {padding:10px 0 10px 28px;border-bottom:1px solid #eee;position:relative;font-size:20px} .shopify-pricing-section .pricing-wrapper a.btn {font-size:20px}  .shopify-pricing-section .features li::before {content:"✓";position:absolute;left:0;top:10px;color:var(--primary);font-weight:700;font-size:16px} .shopify-pricing-section .features li:last-child {border:none} .shopify-pricing-section .btn {display:inline-block;padding:12px 30px;background:var(--primary);color:#fff;border-radius:40px;text-decoration:none;font-weight:600;background:#eb6822;background-image:-webkit-linear-gradient(top,#eb6822,#b44001);background-image:-moz-linear-gradient(top,#eb6822,#b44001);background-image:-ms-linear-gradient(top,#eb6822,#b44001);background-image:-o-linear-gradient(top,#eb6822,#b44001);background-image:linear-gradient(to bottom,#eb6822,#b44001)} .shopify-pricing-section .btn:hover {background:#b44001;background-image:-webkit-linear-gradient(top,#b44001,#eb6822);background-image:-moz-linear-gradient(top,#b44001,#eb6822);background-image:-ms-linear-gradient(top,#b44001,#eb6822);background-image:-o-linear-gradient(top,#b44001,#eb6822);background-image:linear-gradient(to bottom,#b44001,#eb6822)} .shopify-pricing-section h1 {font-size:50px;font-family:'DBAdmanXRegular'} .shopify-pricing-section h1+p {font-size:40px;margin-bottom:60px} .shopify-pricing-section .features li:first-child {border-top:2px solid #eb6822 !important} .shopify-pricing-section .billing-toggle {display:flex;align-items:center;justify-content:center;gap:15px;margin:30px 0 60px;font-size:20px;font-weight:600} .shopify-pricing-section .billing-toggle .label {opacity:.5;transition:.3s;font-size:23px;color:#777} .shopify-pricing-section .price span.amount {font-size:35px;color:#EB6821} .shopify-pricing-section .billing-toggle .label.active {opacity:1;color:var(--primary)} .shopify-pricing-section .switch {position:relative;display:inline-block;width:60px;height:30px} .shopify-pricing-section .switch input {display:none} .shopify-pricing-section .slider {position:absolute;cursor:pointer;inset:0;background:#ddd;border-radius:50px;transition:.3s} .shopify-pricing-section .slider:before {content:"";position:absolute;height:24px;width:24px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.3s} .shopify-pricing-section .switch input:checked+.slider {background:var(--primary)} .shopify-pricing-section .switch input:checked+.slider:before {transform:translateX(30px)} .shopify-pricing-section .pricing-wrapper.notice {justify-content:flex-start;margin-top:25px} .shopify-pricing-section .pricing-wrapper.notice .notice-title {display:block;text-align:left;font-weight:600} .shopify-pricing-section .pricing-wrapper.notice ul.notice-list {text-align:left;list-style-type:none;padding:0;padding-top:10px} .pricing-wrapper.notice a.btn:hover {color:#eb6822} .pricing-wrapper.notice a.btn {background:inherit;color:#777;padding:10px 5px} @media (min-width:1200px) {.shopify-pricing-section .pricing-wrapper.notice .container {width:1300px}} @media(max-width:992px) {.shopify-pricing-section .pricing-wrapper {flex-direction:column;align-items:center}}   .bs-compare-section {padding:100px 20px;background:linear-gradient(180deg,#fff7f2,#ffffff);text-align:center;font-family:'Inter',sans-serif} .bs-compare-section .bs-title {font-size:50px;font-weight:700;margin-bottom:60px} .bs-compare-section .bs-title span {color:#eb6822} .bs-compare-section .bs-table-wrapper {max-width:1200px;margin:auto;overflow-x:auto} .bs-compare-section .bs-compare-table {width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.08)} .bs-compare-section .bs-compare-table thead {background:linear-gradient(135deg,#eb6822,#b44001);color:#fff} .bs-compare-section .bs-compare-table th {padding:22px;font-weight:600;font-size:16px;position:relative;text-align:center} .bs-compare-section .feature-col {text-align:left} .bs-compare-section .bs-compare-table td {padding:18px;border-bottom:1px solid #f2f2f2;font-size:15px;text-align:center} .bs-compare-section .bs-compare-table td:first-child {text-align:left;font-weight:600} .bs-compare-section .bs-compare-table tbody tr:hover {background:#fff4ed} .bs-compare-section .price {font-size:20px;font-weight:700;color:#eb6822} .bs-compare-section .price.green {color:#1a9b4c} .bs-compare-section .check {color:#eb6822;font-weight:700;font-size:18px} .bs-compare-section .highlight {background:#fff3ec} .bs-compare-section .contact-btn {background:#222;color:#fff;padding:8px 18px;border-radius:30px;text-decoration:none;font-size:14px} .bs-compare-section .bs-footer-note {margin-top:40px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto;flex-wrap:wrap;gap:20px;font-family:'DBAdmanXRegular'} .bs-compare-section .big-contact {background:linear-gradient(135deg,#eb6822,#b44001);color:#fff;padding:14px 28px;border-radius:40px;text-decoration:none;font-weight:600;transition:.3s} .bs-compare-section .big-contact:hover {transform:scale(1.05);box-shadow:0 10px 25px rgba(235,104,34,.3)} .bs-compare-section td.sp-title-row {background:#fff3ec} .bs-compare-section a.view-theme {background:linear-gradient(135deg,#eb6822,#b44001);color:#fff;padding:9px 15px;border-radius:40px;text-decoration:none;font-weight:600;transition:.3s;font-size:12px}  .bs-compare-section .recommended {position:relative} .bs-compare-section .badge {position:relative;top:10px;background:linear-gradient(135deg,#ff8a3d,#eb6822);color:#fff;font-size:16px;font-family:'DBAdmanXRegular';font-weight:700;padding:6px 14px;border-radius:30px;box-shadow:0 8px 20px rgba(235,104,34,.35);letter-spacing:.5px} .bs-compare-section .bs-compare-table th.recommended,.bs-compare-section .bs-compare-table td.highlight {position:relative;z-index:2} .bs-compare-section .bs-compare-table th.recommended {box-shadow:0 -10px 25px rgba(0,0,0,.08)} .bs-compare-section .bs-compare-table {overflow:hidden} .bs-compare-section .bs-compare-table td.highlight {border-bottom:0;border-top:0;box-shadow:2px 0 0 rgb(223 99 32 / 9%),-2px 0 0 rgba(223 99 32 / 9%)}  @media(max-width:768px) {.bs-compare-section .bs-title {font-size:26px} .bs-compare-section .bs-footer-note {flex-direction:column}}  .bs-mobile-tabs {display:none;gap:10px;justify-content:center;margin-bottom:25px;flex-wrap:nowrap} .bs-mobile-tabs button {background:#f3f3f3;border:none;flex:1;min-width:0;padding:12px 10px;border-radius:30px;font-weight:600;font-size:13px;text-align:center;cursor:pointer;transition:.3s} .bs-mobile-tabs button.active {background:linear-gradient(135deg,#eb6822,#b44001);color:#fff} @media(max-width:768px) {.bs-mobile-tabs {display:flex}  .bs-compare-table th:not(:first-child),.bs-compare-table td:not(:first-child) {display:none}  .bs-compare-table.show-1 th:nth-child(2),.bs-compare-table.show-1 td:nth-child(2),.bs-compare-table.show-2 th:nth-child(3),.bs-compare-table.show-2 td:nth-child(3),.bs-compare-table.show-3 th:nth-child(4),.bs-compare-table.show-3 td:nth-child(4),.bs-compare-table.show-4 th:nth-child(5),.bs-compare-table.show-4 td:nth-child(5) {display:table-cell}}  #sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {font-size:24px} @media(max-width:1380px) {#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a {font-size:18px} header#sp-header div#sp-logo {padding:15px 0} header#sp-header div#sp-menu {} header#sp-header div#sp-menu+.col-xs-3.col-md-1.hidden-xs {width:5%} header#sp-header div#sp-logo .brand {width:120px} header#sp-header div#sp-menu+.col-xs-3 button#contact_but {font-size:18px} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {font-size:16px} .sp-megamenu-parent.menu-fade-down-fade-up .sp-has-child:hover>.sp-dropdown {margin-top:-6px} .sp-megamenu-parent.menu-fade-down-fade-up>li.sp-has-child:hover {top:77px} .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child .sp-dropdown {margin-top:5px}} @media(max-width:1100px) {.sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding-right:2%}} .preview-box .detail_project_content .closeproject i.fa.fa-times {display:flex;justify-content:center;align-items:center;height:100%} .bs-compare-section .bs-title-txt {display:flex;flex-wrap:nowrap;justify-content:center} .bs-compare-section .bs-title-txt h1 {font-size:50px;font-family:'DBAdmanXRegular'} .bs-compare-section .bs-title-txt h1.bs-sub-title {color:#eb6822} .bs-compare-section .bs-title-txt h1.bs-title-ds {padding:0 10px}  .shopify-pricing-section .card {position:relative;overflow:visible}  .shopify-pricing-section .ribbon {position:absolute;top:-5px;right:12px;width:55px;height:75px;background:linear-gradient(180deg,#ff5a1f,#d63c00);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;border-radius:10px 10px 10px 10px;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:2}  .shopify-pricing-section .ribbon:after {content:"";position:absolute;bottom:-22px;left:0;width:100%;height:22px;background:inherit;clip-path:polygon(0 0,40% 0,50% 100%,60% 0,100% 0,100% 100%,0 100%);display:none}  .shopify-pricing-section .ribbon span:first-child {font-size:17px;letter-spacing:1px} .shopify-pricing-section .ribbon span:last-child {font-size:26px;line-height:1}  .shopify-pricing-section.yearly .ribbon {display:flex} .bs-title-compare h1 {font-size:50px;font-family:'DBAdmanXRegular'} .bs-title-compare h1+p {font-size:40px;margin-bottom:60px;font-family:'DBAdmanXRegular'} .sppb-addon .sppb-icon .sppb-icon-container {display:flex} .sp-simpleportfolio .sppb-icon .sppb-icon-container>i {margin:0 auto;align-content:center} section#category-area .list img {width:100%} section#category-area h2.headingindexcontact {text-align:center;margin-bottom:40px;font-size:34px;color:white;text-transform:uppercase}  .bs-magento-b2b {padding:80px 20px;background:#f7f8fa;text-align:center} .bs-magento-b2b .bs-container {max-width:1200px;margin:auto} .bs-magento-b2b .bs-title {font-size:36px;font-weight:700;margin-bottom:15px} .bs-magento-b2b .bs-title span {color:#eb6822} .bs-magento-b2b .bs-desc {max-width:750px;margin:auto;color:#666;line-height:1.7;margin-bottom:60px} .bs-magento-b2b .bs-feature-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px} .bs-magento-b2b .bs-feature-card {background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.05);transition:all .3s ease} .bs-magento-b2b .bs-feature-card:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1)} .bs-magento-b2b .bs-icon {font-size:38px;margin-bottom:20px} .bs-magento-b2b .bs-feature-card h3 {font-size:18px;margin-bottom:12px} .bs-magento-b2b .bs-feature-card p {font-size:14px;color:#666;line-height:1.6} .bs-magento-b2b .bs-feature-card {border:1px solid #eee} .bs-magento-b2b .bs-feature-card:hover {border-color:#eb6822}  @media(max-width:1000px) {.bs-magento-b2b .bs-feature-grid {grid-template-columns:repeat(2,1fr)}}  @media(max-width:600px) {.bs-magento-b2b .bs-title {font-size:28px} .bs-magento-b2b .bs-feature-grid {grid-template-columns:1fr} .bs-magento-b2b .bs-feature-card {padding:30px}} .bs-container {max-width:1200px;margin:auto;padding:0 20px}  .bs-section-title {text-align:center;margin-bottom:60px} .bs-section-title h2 {font-size:32px;font-weight:700;color:#222;margin-bottom:15px} .bs-section-title span {color:#f26522} .bs-section-title p {color:#777;max-width:700px;margin:auto;line-height:1.7}  .bs-magento-b2b-capability {padding:80px 0;background:#f7f7f7} .bs-capability-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .bs-capability-item {background:#fff;padding:35px 30px;border-radius:10px;text-align:center;transition:0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.05)} .bs-capability-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.08)} .bs-icon {font-size:40px;margin-bottom:15px} .bs-capability-item h3 {font-size:22px;margin-bottom:10px;color:#333} .bs-capability-item p {font-size:15px;color:#777;line-height:1.6}  .bs-magento-b2b-why {padding:100px 0;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/b2b_bie01.png);background-size:cover;background-position:center center;width:100%;height:100%;opacity:1;visibility:inherit} .bs-why-grid {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .bs-magento-b2b-why .bs-why-content h2 {font-size:32px;margin-bottom:25px;color:#fff;text-shadow:2px 2px 4px #232222} .bs-why-content span {color:#f26522} .bs-why-list {list-style:none;padding:0;margin-bottom:30px} .bs-why-list li {margin-bottom:15px;padding-left:25px;position:relative;color:#fff;text-shadow:1px 1px 4px #232222} .bs-why-list li:before {content:"✔";position:absolute;left:0;color:#f26522;font-weight:bold} .bs-magento-b2b-why .bs-btn {display:inline-block;padding:12px 28px;background:#f26522;color:#fff;border-radius:5px;text-decoration:none;font-weight:600;transition:0.3s} .bs-magento-b2b-why .bs-btn:hover {background:#d94f0d;color:#fff} .bs-why-image img {max-width:100%}  @media(max-width:1024px) {.bs-capability-grid {grid-template-columns:repeat(2,1fr)} .bs-why-grid {grid-template-columns:1fr;text-align:center} .bs-why-list li {padding-left:0} .bs-why-list li:before {display:none}} @media(max-width:640px) {.bs-capability-grid {grid-template-columns:1fr} .bs-section-title h2 {font-size:26px} .bs-why-content h2 {font-size:26px}} .bs-magento-b2b-benefit {padding:80px 0;background:#f5f5f5}  .bs-magento-b2b-benefit .bs-container {max-width:1200px;margin:auto;padding:0 20px;position:relative}  .bs-magento-b2b-benefit .bs-benefit-grid {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}  .bs-magento-b2b-benefit .bs-benefit-content h2 {font-size:48px;margin-bottom:20px;color:#222;position:absolute} .bs-magento-b2b-benefit .bs-benefit-content h2 span {color:#f26522}  .bs-magento-b2b-benefit .bs-desc {color:#666;line-height:1.7;margin-bottom:35px;max-width:520px;margin-top:82px}  .bs-magento-b2b-benefit .bs-benefit-list {list-style:none;padding:0;margin:0} .bs-magento-b2b-benefit .bs-benefit-list li {margin-bottom:25px;padding-left:30px;position:relative} .bs-magento-b2b-benefit .bs-benefit-list li:before {content:"✔";position:absolute;left:0;top:2px;color:#f26522;font-weight:bold} .bs-magento-b2b-benefit .bs-benefit-list h4 {margin:0;font-size:22px;color:#333;margin-bottom:5px} .bs-magento-b2b-benefit .bs-benefit-list p {margin:0;font-size:17px;color:#777} .bs-magento-b2b-benefit .bs-container .bs-benefit-content {padding-left:5%}  .bs-magento-b2b-benefit .bs-benefit-image img {max-width:100%;height:auto}  @media(max-width:1024px) {.bs-magento-b2b-benefit .bs-benefit-grid {grid-template-columns:1fr;text-align:center} .bs-magento-b2b-benefit .bs-desc {margin:auto;margin-bottom:30px} .bs-magento-b2b-benefit .bs-benefit-list li {padding-left:0} .bs-magento-b2b-benefit .bs-benefit-list li:before {display:none}} @media(max-width:640px) {.bs-magento-b2b-benefit .bs-benefit-content h2 {font-size:26px}}  .bs-magento-hero {position:relative;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-image:url(https://syncwebsite.bangkoksync.com/images/user_categories/bg-b2b-1488433235.png);background-size:cover;background-position:center center;width:100%;height:100%;opacity:1;visibility:inherit} section.bs-magento-hero.household {background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/bg_2kitx.png)} section.bs-magento-hero.food-beverage {background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/bg_3kitx.png)} section.bs-magento-hero.fashion-sports {background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/bg_fasion_sport.png)} section.bs-magento-hero.industrial {background-image:url(https://www.syncwebsite.com/templates/store_template/newsync/images/bg_industrial.png)} .bs-magento-hero .bs-container {max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:60px;padding-bottom:90px} .bs-magento-hero .bs-hero-text {max-width:560px;color:#fff} .bs-magento-hero h1 {font-size:50px;line-height:1.3;font-weight:500} .bs-magento-hero span {color:#ff7a1a} .bs-magento-hero strong {color:#ff7a1a} .bs-magento-hero p {margin-top:20px;opacity:.85;font-size:25px} .bs-magento-hero .bs-hero-image {position:relative}  .bs-magento-hero.animate .device-main {max-width:400px;position:relative;right:15%} .bs-magento-hero .floating {position:absolute;width:40px} .bs-magento-hero .icon1 {top:10%;left:-29%;width:75px} .bs-magento-hero .icon2 {bottom:-5%;left:-9%;width:70px;z-index:1} .bs-magento-hero .icon3 {bottom:-10px;width:150px;left:-40%} .bs-magento-hero .icon4 {bottom:-12%;right:-31%;width:350px} .bs-magento-hero .icon5 {bottom:-14%;right:21%;width:200px}  .bs-magento-hero .bs-hero-text {opacity:0;transform:translateX(-40px)} .bs-magento-hero .device-main {opacity:0;transform:translateX(60px);max-width:430px;position:relative;right:30%} .bs-magento-hero .floating {opacity:0;transform:translateY(30px)}  .bs-magento-hero.animate .bs-hero-text {animation:bsFadeLeft .8s forwards} .bs-magento-hero.animate .device-main {animation:bsFadeRight 1s .3s forwards} .bs-magento-hero.animate .icon1 {animation:bsFadeUp .6s .8s forwards} .bs-magento-hero.animate .icon2 {animation:bsFadeUp .6s 1s forwards} .bs-magento-hero.animate .icon3 {animation:bsFadeUp .6s 1.2s forwards} .bs-magento-hero.animate .icon4 {animation:bsFadeRight .6s 1.2s forwards} .bs-magento-hero.animate .icon5 {animation:bsFadeLeft .6s 1.2s forwards}  .bs-magento-hero.household .floating.icon5 {opacity:0;transform:translateX(-60px);transition:all .9s ease} .bs-magento-hero.household .floating.icon4 {opacity:0;transform:translateX(60px);transition:all .9s ease} section.bs-magento-hero.household img.floating.icon5 {bottom:-18%;right:42%;width:110px;animation:bsFadeLeft .5s forwards} section.bs-magento-hero.household img.floating.icon4 {bottom:-13%;right:-10%;width:210px;transition:all .6s ease}  .bs-magento-hero.food-beverage .floating.icon5 {opacity:0;transform:translateX(-60px);transition:all .9s ease} .bs-magento-hero.food-beverage .floating.icon4 {opacity:0;transform:translateX(60px);transition:all .9s ease} section.bs-magento-hero.food-beverage img.floating.icon5 {bottom:-18%;right:27%;width:140px;animation:bsFadeLeft .5s forwards} section.bs-magento-hero.food-beverage img.floating.icon4 {bottom:-18%;right:11%;width:95px;transition:all .6s ease;z-index:1} section.bs-magento-hero.food-beverage img.floating.icon2 {bottom:-12%;left:-15%;width:125px;z-index:1}  .bs-magento-hero.fashion-sports .floating.icon5 {opacity:0;transform:translateX(-60px);transition:all .9s ease} .bs-magento-hero.fashion-sports .floating.icon4 {opacity:0;transform:translateX(60px);transition:all .9s ease} section.bs-magento-hero.fashion-sports img.floating.icon5 {bottom:-24%;right:30%;width:240px;animation:bsFadeLeft .9s forwards;z-index:2} section.bs-magento-hero.fashion-sports img.floating.icon4 {bottom:-18%;right:1%;width:200px;transition:all .6s ease;z-index:2} section.bs-magento-hero.fashion-sports img.floating.icon2 {bottom:-3%;left:-12%;width:80px;z-index:1}  .bs-magento-hero.industrial .floating.icon5 {opacity:0;transform:translateX(-60px);transition:all .9s ease} .bs-magento-hero.industrial .floating.icon4 {opacity:0;transform:translateX(60px);transition:all .9s ease} section.bs-magento-hero.industrial img.floating.icon5 {bottom:-16%;right:40%;width:150px;animation:bsFadeLeft .9s forwards;z-index:2} section.bs-magento-hero.industrial img.floating.icon4 {bottom:-18%;right:-2%;width:220px;transition:all .6s ease;z-index:2} section.bs-magento-hero.industrial img.floating.icon2 {bottom:-3%;left:-12%;width:80px;z-index:1}  @keyframes bsFadeLeft {to {opacity:1;transform:translateX(0)}} @keyframes bsFadeRight {to {opacity:1;transform:translateX(0)}} @keyframes bsFadeUp {to {opacity:1;transform:translateY(0)}} .bs-client-logo {padding:80px 0;background:#f7f8fa;text-align:center}  .bs-client-logo .bs-container {max-width:1200px;margin:auto;padding:0 20px}  .bs-client-logo .bs-title {font-size:50px;font-weight:700;margin-bottom:10px}  .bs-client-logo .bs-title+p.bs-desc {font-size:27px} .bs-client-logo .bs-desc {color:#666;margin-bottom:40px}  .bs-client-logo .bs-logo-slider {overflow:hidden;position:relative}  .bs-client-logo .bs-logo-track {display:flex;width:fit-content;animation:bs-logo-scroll 25s linear infinite}  .bs-client-logo .bs-logo {flex:0 0 180px;padding:20px;display:flex;align-items:center;justify-content:center}  .bs-client-logo .bs-logo img {max-width:135px;transition:.3s} .bs-client-logo .bs-logo img:hover {filter:grayscale(0);opacity:1}  .bs-client-logo .bs-logo-slider:hover .bs-logo-track {animation-play-state:paused}  .bs-client-logo .bs-logo-slider:before,.bs-client-logo .bs-logo-slider:after {content:'';position:absolute;top:0;width:120px;height:100%;z-index:2} .bs-client-logo .bs-logo-slider:before {left:0;background:linear-gradient(to right,#f7f8fa,transparent)} .bs-client-logo .bs-logo-slider:after {right:0;background:linear-gradient(to left,#f7f8fa,transparent)}  @keyframes bs-logo-scroll {from {transform:translateX(0)} to {transform:translateX(-50%)}} .portfolio-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;justify-content:space-between} .portfolio-filter {padding:5px 14px;border-radius:6px;border:1px solid #ddd;font-size:20px;cursor:pointer;width:260px}  .portfolio-item.hide {opacity:0;transform:scale(0.95);pointer-events:none;position:absolute} .portfolio-item {opacity:0;transform:scale(0.95);transition:0.3s ease} .portfolio-item.show {opacity:1;transform:scale(1)} .portfolio-filter-platform {display:flex;align-items:center;gap:10px} .portfolio-filter-label {font-weight:500;color:#666} .bis-manage-product-section {padding:80px 20px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);font-family:Arial,sans-serif} .bis-manage-product-section .container {max-width:1200px;margin:0 auto} .bis-manage-product-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-manage-product-section .text {flex:1} .bis-manage-product-section h2 {font-size:40px;font-weight:700;margin-bottom:20px;color:#0f172a} .bis-manage-product-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-manage-product-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-manage-product-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155}  .bis-manage-product-section ul li::before {content:"✔";position:absolute;left:0;top:0;color:#2563eb;font-size:14px}  .bis-manage-product-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all 0.3s ease} .bis-manage-product-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,99,235,0.3)}  .bis-manage-product-section .image {flex:1;text-align:center} .bis-manage-product-section .image img {max-width:100%;border-radius:20px;transition:0.4s}  .bis-manage-product-section .image img:hover {transform:translateY(-10px) scale(1.02)}  @media (max-width:768px) {.bis-manage-product-section .row {flex-direction:column;text-align:center} .bis-manage-product-section h2 {font-size:30px} .bis-manage-product-section p {font-size:15px}} .bis-order-section {padding:80px 20px;background:#ffffff;font-family:Arial,sans-serif} .bis-order-section .container {max-width:1200px;margin:0 auto} .bis-order-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-order-section .image {flex:1;text-align:center} .bis-order-section .image img {max-width:100%;border-radius:20px;transition:0.4s} .bis-order-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-order-section .text {flex:1} .bis-order-section h2 {font-size:40px;margin-bottom:20px;color:#0f172a} .bis-order-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-order-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-order-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-order-section ul li::before {content:"✔";position:absolute;left:0;color:#10b981}  .bis-order-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-order-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,185,129,0.3)}  @media (max-width:768px) {.bis-order-section .row {flex-direction:column;text-align:center} .bis-order-section h2 {font-size:30px}} .bis-analytics-section {padding:80px 20px;background:#ffffff;font-family:Arial,sans-serif} .bis-analytics-section .container {max-width:1200px;margin:0 auto} .bis-analytics-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-analytics-section .image {flex:1;text-align:center} .bis-analytics-section .image img {max-width:100%;border-radius:20px;transition:0.4s;wbox-shadow:0 20px 40px rgb(0 0 0 / 10%)} .bis-analytics-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-analytics-section .text {flex:1} .bis-analytics-section h2 {font-size:36px;margin-bottom:20px;color:#0f172a} .bis-analytics-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-analytics-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-analytics-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-analytics-section ul li::before {content:"✔";position:absolute;left:0;color:#7c3aed}  .bis-analytics-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-analytics-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(124,58,237,0.3)}  @media (max-width:768px) {.bis-analytics-section .row {flex-direction:column;text-align:center} .bis-analytics-section h2 {font-size:30px}} .bis-crm-section {padding:80px 20px;background:#f8fafc;font-family:Arial,sans-serif} .bis-crm-section .container {max-width:1200px;margin:0 auto} .bis-crm-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-crm-section .image {flex:1;text-align:center} .bis-crm-section .image img {max-width:100%;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,0.12);transition:0.4s} .bis-crm-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-crm-section .text {flex:1} .bis-crm-section h2 {font-size:36px;margin-bottom:20px;color:#0f172a} .bis-crm-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-crm-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-crm-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-crm-section ul li::before {content:"✔";position:absolute;left:0;color:#0ea5e9}  .bis-crm-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-crm-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(14,165,233,0.3)}  @media (max-width:768px) {.bis-crm-section .row {flex-direction:column;text-align:center} .bis-crm-section h2 {font-size:30px}} .bis-crm-section .image img {max-width:80%} .bis-payment-section {padding:80px 20px;background:#ffffff;font-family:Arial,sans-serif} .bis-payment-section .container {max-width:1200px;margin:0 auto} .bis-payment-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-payment-section .image {flex:1;text-align:center} .bis-payment-section .image img {max-width:100%;border-radius:20px;transition:0.4s} .bis-payment-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-payment-section .text {flex:1} .bis-payment-section h2 {font-size:40px;margin-bottom:20px;color:#0f172a} .bis-payment-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-payment-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-payment-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-payment-section ul li::before {content:"✔";position:absolute;left:0;color:#14b8a6}  .bis-payment-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-payment-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,184,166,0.3)}  @media (max-width:768px) {.bis-payment-section .row {flex-direction:column;text-align:center} .bis-payment-section h2 {font-size:30px}} .bis-shipping-section {padding:80px 20px;background:#f8fafc;font-family:Arial,sans-serif} .bis-shipping-section .container {max-width:1200px;margin:0 auto} .bis-shipping-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-shipping-section .image {flex:1;text-align:center} .bis-shipping-section .image img {max-width:100%;border-radius:20px;transition:0.4s} .bis-shipping-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-shipping-section .text {flex:1} .bis-shipping-section h2 {font-size:40px;margin-bottom:20px;color:#0f172a} .bis-shipping-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-shipping-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-shipping-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-shipping-section ul li::before {content:"✔";position:absolute;left:0;color:#f59e0b}  .bis-shipping-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-shipping-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(245,158,11,0.3)}  @media (max-width:768px) {.bis-shipping-section .row {flex-direction:column;text-align:center} .bis-shipping-section h2 {font-size:30px}} .row .col.text p,.row .col.text ul li {font-family:'DBAdmanXRegular';font-size:20px} .bis-seo-section {padding:80px 20px;background:#f8fafc;font-family:Arial,sans-serif} .bis-seo-section .container {max-width:1200px;margin:0 auto} .bis-seo-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-seo-section .image {flex:1;text-align:center} .bis-seo-section .image img {max-width:100%;border-radius:20px;transition:0.4s} .bis-seo-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-seo-section .text {flex:1} .bis-seo-section h2 {font-size:40px;margin-bottom:20px;color:#0f172a} .bis-seo-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-seo-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-seo-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-seo-section ul li::before {content:"✔";position:absolute;left:0;color:#22c55e}  .bis-seo-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-seo-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(34,197,94,0.3)}  @media (max-width:768px) {.bis-seo-section .row {flex-direction:column;text-align:center} .bis-seo-section h2 {font-size:30px}} .bis-support-security-section {padding:80px 20px;background:#f8fafc;font-family:Arial,sans-serif} .bis-support-security-section .container {max-width:1200px;margin:0 auto} .bis-support-security-section .row {display:flex;align-items:center;gap:60px;flex-wrap:wrap}  .bis-support-security-section .image {flex:1;text-align:center} .bis-support-security-section .image img {max-width:100%;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,0.12);transition:0.4s} .bis-support-security-section .image img:hover {transform:translateY(-10px) scale(1.02)}  .bis-support-security-section .text {flex:1} .bis-support-security-section h2 {font-size:40px;margin-bottom:20px;color:#0f172a} .bis-support-security-section p {font-size:17px;line-height:1.7;margin-bottom:25px;color:#475569}  .bis-support-security-section ul {list-style:none;padding:0;margin-bottom:30px} .bis-support-security-section ul li {position:relative;padding-left:28px;margin-bottom:12px;color:#334155} .bis-support-security-section ul li::before {content:"✔";position:absolute;left:0;color:#ef4444}  .bis-support-security-section .btn {display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:0.3s} .bis-support-security-section .btn:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(239,68,68,0.3)} .round_arrow_project {display:none} .boxedcontainer {overflow:hidden !important}  @media only screen and (min-device-width:1400px) {.block_project_l li:nth-child(2n+1) img.port_animate.logoheight {display:inline-block} .block_project_l li:nth-child(2n+2) .textport_2 {text-align:right} .block_project_l li:nth-child(2n+2) .textport_2 img {display:inline-block}} @media screen and (max-width:1399px) {.content4325 .section-partner-content {padding-top:4% !important;padding-bottom:4% !important}} @media screen and (max-width:768px) {.bis-support-security-section .row {flex-direction:column;text-align:center} .bis-support-security-section h2 {font-size:30px} .preview-box .col-md-8 {width:50%;float:left} .col-md-4.detail_project_content {width:50%;float:left} .detail_project .col-md-8 {width:50%;float:left} .offcanvas-menu .offcanvas-inner {padding:25px 20px} .sp-module ul>li>a {display:block;margin-right:50px} .sp-module ul>li>a,.sppb-addon-module ul>li>a {text-transform:uppercase;font-size:18px;font-family:Open Sans,sans-serif} .sp-module ul ul>li>a {text-transform:capitalize;font-family:inherit} .sp-module ul>li {position:relative} .sp-module ul>li span {display:inline-block;position:absolute;top:10px;right:10px;width:25px;height:25px;text-align:center;line-height:25px} .sp-module ul ul li {padding-left:15px} span.offcanvas-menu-toggler .fa.fa-angle-up {display:block} span.offcanvas-menu-toggler.collapsed .fa.fa-angle-up {display:none} span.offcanvas-menu-toggler .fa.fa-angle-down {display:none} span.offcanvas-menu-toggler.collapsed .fa.fa-angle-down {display:block} ul.accordion-menu {padding:0 20px} .top_link {display:none !important} .line-colum-Benefits {display:none} .sppb-column.mw-number-colum {margin-top:10px} .Benefits-colum h2.sppb-addon-title-sub span {line-height:35px} .mw-content-desc-colum h2.sppb-addon-title-sub {font-size:35px !important} .mw-content-desc-colum .sppb-column.mw-content-detail-colum p {font-size:23px;line-height:25px} .mw-number-colum .number-circle p {text-align:center;margin:0px;padding:5px 15px;font-size:30px;line-height:32px} section#ourstep .steplist .col5-sm img,section#ourstep .steplist .col5-sm .img {width:65px !important;padding:0} section#ourstep .steplist {padding:0 2px;display:flex;justify-content:center} section#ourstep .progressbar_tab {height:10px;border-radius:0} section#ourstep .active-process {height:10px;bottom:-30px} section#ourstep .active-process::after {width:15px;height:15px;margin:3px auto 0} #sp-header #offcanvas-toggler {margin-right:0} .list img {padding-top:0px} .steplist .col5-sm {padding:0 3px} section#ourstep .progress-content.flexslider .flex-viewport .process_content_descripption,section#ourstep .progress-content.flexslider .flex-viewport .process_content {padding:0} .servicecircle .circle_block {width:120px;height:120px} #success_project .latest-post-item:hover>.view-zoom {width:50px;height:50px} #success_project .latest-post-item:hover>.view-zoom i.fa.fa-search-plus:before {font-size:20px} .shopify-pricing-section .pricing-wrapper .card {width:100%} .shopify-pricing-section h1 {font-size:36px} .shopify-pricing-section h1+p {font-size:26px} .bs-compare-section .bs-mobile-tabs {display:grid;grid-template-columns:repeat(2,1fr)} .bs-compare-section .bs-title-txt {flex-direction:column} .bs-compare-section .bs-title-txt h1.bs-title-ds {display:none} .bs-compare-section .bs-title-txt h1 {margin-bottom:0} .bs-compare-section .bs-title-txt h1.bs-sub-title {margin-top:-10px;margin-bottom:40px;font-size:40px} .bs-compare-section .bs-compare-table th.recommended {position:relative;padding-bottom:35px} .bs-compare-section .badge {position:absolute;left:38%;top:inherit;bottom:2px;padding:4px 12px} .our-works .section-subtitle {font-size:28px} .why-us .why-wrapper {display:flex;flex-direction:column;height:auto;max-width:inherit;align-content:center;flex-wrap:nowrap} .why-us .center-icon {position:initial;top:inherit;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center;transform:none} .why-us .float-box {position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center;left:inherit;right:inherit;top:inherit;justify-content:flex-start;margin-bottom:15px} .banner-ecom h1.title-slide {font-size:16px !important} .banner-ecom .subtitle {font-size:12px !important;text-align:left} .banner-ecom ul.features {margin-top:8px !important} .banner-ecom ul.features li {font-size:11px !important;line-height:13px !important;margin-left:15px !important} .banner-ecom .tp-simpleresponsive a {font-size:11px !important;padding:9px 9px !important;line-height:4px !important} .banner-ecom .tp-caption:has(a.btn-cta) {margin-top:16px !important} .banner-ecom .tp-simpleresponsive .tp-caption:has(img) {margin-left:30px} .platform-section .section-header p {font-size:18px} .platform-section .section-header {margin-bottom:20px} .platform-section .platform-card ul {padding:0;margin:0 0 25px;padding-top:15px;min-height:120px} .platform-section .platform-card .btn {font-size:16px;padding:8px 25px;border-radius:12px} .platform-section .platform-card {padding:20px 30px} section.features-section {padding:30px 0} article.feature-card {padding:20px 24px} section.features-section header.section-header {margin-bottom:30px} section.features-section article.feature-card img {width:50%;margin:0 auto} section.features-section article.feature-card h3 {margin:0;margin-bottom:5px} section.features-section article.feature-card h3+p {line-height:1.4;margin-top:10px} section.why-us {padding:30px 20px} .why-us header.section-header h2.why-header+p.why-sub-header {margin:0} .why-us .center-icon img {width:80%} .why-us .why-wrapper .float-box {font-size:18px} .why-us .why-wrapper .float-box .txt-box {margin-top:5px;margin-bottom:10px} section.our-works {padding:30px 0} section.our-works h2.section-title {font-size:33px} section.our-works h2.section-title+p.section-subtitle {font-size:18px;margin:0;padding-bottom:5px} .platform-section .section-header h2 {font-size:33px} .platform-section .section-header h2+p {font-size:22px} div .banner_project .caption_banner {font-size:33px} div .banner_project .caption_banner .btn-wwu {font-size:22px;padding:10px 40px 10px 40px} .btn-wwu.portfolio-link {font-size:15px;padding:8px 15px 8px 15px;margin:8px} .portfolio-modal #modalTitle,.portfolio-modal #modalDesc {text-align:left;margin-left:20px} .banner-ecom ul.features li::before {content:"\2714";font-family:Arial,sans-serif;font-size:14px;text-shadow:inherit}} @media screen and (max-width:420px) {section#ourstep .steplist .col5-sm img,section#ourstep .steplist .col5-sm .img {width:45px !important} .servicecircle .circle_block {width:95px;height:95px} .servicecircle .servicelink a {font-size:16px} .home section.product_con .headingindexcontact {font-size:30px;margin-bottom:20px;margin-top:10px} body a#scroll-top.open {right:5px !important}} @media screen and (max-width:414px) {.content {font-size:24px;text-align:justify;font-family:DbadmanXLight;font-weight:600} .sppb-addon-feature .sppb-media-heading {font-size:26px} #sp-main-body .sppb-addon-feature .sppb-addon-text h3 {font-size:23px;font-family:'DBAdmanXLight';line-height:150%;text-align:left} .subscribe_promotion h3 {font-size:28px} .bottom_menu {padding:20px 10px} section#section-id-1489143656 .sppb-media-body {margin-bottom:30px} .preview-box .closeproject {margin-right:15px} a#scroll-top>i {width:40px;height:40px;text-align:center;font-size:30px;line-height:37px;text-indent:1px} a#scroll-top.open {right:10px !important;bottom:10px !important} .brand {padding-top:6% !important} #sp-header #sp-menu {padding-top:11px} .detail_project_content h2 {font-size:19px} .closeproject {position:relative;float:right;width:30px;height:30px;line-height:30px;font-size:17px} .col-md-4.detail_project_content {word-wrap:break-word} .detail_project .container {padding:0} .Benefits-colum .sppb-col-sm-6.desc-right {float:none;text-align:center} .Benefits-colum .sppb-col-sm-8 {padding:0 10px} .Benefits-colum .sppb-col-sm-8.desc-right {float:none;text-align:left} .Benefits-colum .sppb-col-sm-6.desc-right .sppb-column.mw-number-colum {display:inline-block;margin-top:10px} .sppb-row.colum-left .sppb-column.mw-number-colum {text-align:center;margin-top:10px} .mw-content-desc-colum h2.sppb-addon-title-sub {font-size:30px !important} .sppb-column.mw-content-desc-colum {margin-top:10px} .sppb-addon-text-block h1.sppb-addon-title {line-height:44px;margin:0 0 15px}} @media screen and (max-width:1440px) {.number-circle p {text-align:center;margin:0px;padding:5px 17px;font-size:50px;line-height:50px} h2.sppb-addon-title-sub {font-size:45px !important} .sppb-column.mw-content-detail-colum p {font-size:28px;line-height:30px} .line-colum {max-height:120px} .colum-img-2 .line-colum {max-height:100px} .colum-img-3 .line-colum {max-height:100px} .Benefits-colum h2.sppb-addon-title-sub span {line-height:50px}} @media screen and (max-width:1439px) and (min-width:1201px) {.banner-ecom h1.title-slide {font-size:55px !important} .banner-ecom .subtitle {font-size:32px !important} .banner-ecom ul.features li {font-size:25px !important;line-height:35px !important} .tp-simpleresponsive a {font-size:25px !important} .banner-ecom .tp-caption:has(a.btn-cta) {margin-top:40px !important}} @media screen and (max-width:1280px) {.mw-content-desc-colum h2.sppb-addon-title-sub {font-size:40px !important} .line-colum {max-height:90px} .colum-img-2 .line-colum {max-height:70px} .colum-img-3 .line-colum {max-height:80px} .mw-number-colum .number-circle p {text-align:center;margin:0px;padding:5px 15px;font-size:30px;line-height:32px} .Benefits-colum h2.sppb-addon-title-sub span {line-height:47px}} @media screen and (max-width:1200px) {.line-colum-Benefits {display:none}} @media screen and (max-width:1750px) {h2.sppb-addon-title-sub {font-size:50px !important} .sppb-column.mw-content-detail-colum p {font-size:28px;line-height:30px} .line-colum {max-height:150px} .colum-img-2 .line-colum {max-height:100px} .colum-img-3 .line-colum {max-height:150px}} @media screen and (max-width:1200px) and (min-width:769px) {.success_project_list .img_text_project_animate {width:100px !important;height:auto !important} .body-innerwrapper .shopify-pricing-section .pricing-wrapper {flex-direction:row} .shopify-pricing-section .pricing-wrapper .card {width:calc(50% - 23px)} .bs-compare-section .bs-title-txt h1 {font-size:46px} .banner-ecom h1.title-slide {font-size:38px !important} .banner-ecom .subtitle {font-size:24px !important} .banner-ecom ul.features {margin-top:18px !important} .banner-ecom ul.features li {font-size:19px !important;line-height:28px !important;margin-left:24px !important} .tp-simpleresponsive a {font-size:21px !important;padding:17px 26px !important} .banner-ecom .tp-caption:has(a.btn-cta) {margin-top:30px !important} .why-us .box-1 {top:20%;left:0%} .why-us .box-2 {top:18%;right:-1%} .why-us .box-5 {top:60%;left:2%} .why-us .box-4 {bottom:24%;right:0%} .why-us .box-3 {bottom:-4.5%;left:35%} .why-us .float-box {font-size:17px;padding:5px 10px} .servicecircle .list {width:140px} .servicecircle .list a {width:80%;display:flex;margin:0 auto;flex-wrap:nowrap;justify-content:center;align-items:center;text-align:center} .servicecircle .list {width:135px;margin-right:0;float:none} .home-business-type .servicecircle {display:flex;flex-direction:row;justify-content:space-between} .servicecircle .list>.circle_block {width:135px;height:135px} .servicecircle .list .object_block {width:140px}} @media (min-width:415px) and (max-width:767px) {.Benefits-colum {width:75%} .sppb-addon-text-block .sppb-addon-title {font-size:40px !important} .sppb-col-sm-8.desc-right {float:right;text-align:left} .sppb-col-sm-6.desc-right {float:none} .servicecircle .list {width:130px}} @media screen and (max-width:768px) {header#sp-header {min-height:68px;height:68px;background:#fff;z-index:1000} header#sp-header>.container {width:100% !important;padding-left:0 !important;padding-right:0 !important} header#sp-header>.container>.row {display:block;position:relative;height:68px;margin-left:0;margin-right:0} header#sp-header div#sp-logo {position:absolute;top:50%;left:4px;transform:translateY(-50%);float:none;width:auto !important;max-width:60%;margin-left:0;padding:0 !important} header#sp-header div#sp-logo .sp-column,header#sp-header div#sp-logo .brand,header#sp-header div#sp-logo .logo {display:flex;align-items:center;width:auto !important;height:auto;margin:0;padding:0 !important} header#sp-header div#sp-logo .brand img {display:block;width:165px;max-width:55vw;height:auto;margin-left:15px} header#sp-header div#sp-menu {position:absolute !important;top:50% !important;right:8px;transform:translateY(-50%);float:none;width:auto !important;max-height:none !important;margin:0 !important;padding:0 !important} header#sp-header div#sp-menu>.sp-column,header#sp-header .sp-megamenu-wrapper {display:flex;align-items:center;justify-content:flex-end;height:100%} header#sp-header #offcanvas-toggler {display:flex !important;align-items:center;justify-content:center;width:42px;height:48px;line-height:1 !important;margin:0 !important;padding:0} header#sp-header #offcanvas-toggler>i {display:block;width:42px !important;height:48px;padding:0;color:#f47363;font-size:30px;line-height:48px;text-align:center} .bottom_menu li {padding:5px} .bottom_menu .icon-l {width:125px;height:auto;margin-right:0}} @media screen and (max-width:480px) {header#sp-header {min-height:64px;height:64px} header#sp-header>.container>.row {height:64px} header#sp-header div#sp-logo .brand img {width:150px;max-width:56vw} header#sp-header #offcanvas-toggler,header#sp-header #offcanvas-toggler>i {width:44px !important;height:44px;line-height:44px}} @media screen and (max-width:767px) {body.home .our_service_con {min-height:416px;overflow-anchor:none} body.home .our_service_con .product_area {min-height:223px} body.home .our_service_con .servicecircle {display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:min(330px,100%);margin:0 auto;float:none;row-gap:24px} body.home .our_service_con .servicecircle .list {display:flex;justify-content:center;width:50%;min-height:150px;margin:0;float:none} body.home .our_service_con .servicecircle .service-card {display:flex;flex-direction:column;align-items:center;width:100%;min-height:150px} body.home .our_service_con .servicecircle .circle_block {width:112px;height:112px;min-width:112px;min-height:112px;margin:0 auto} body.home .our_service_con .servicecircle .object_block {width:112px;height:112px} body.home .our_service_con .servicecircle .object_content {top:50%;left:50%;transform:translate(-50%,-50%)} body.home .our_service_con .servicecircle .object_content img {display:block;width:88px;height:88px;max-width:88px;max-height:88px;padding-top:0;object-fit:contain} body.home .our_service_con .servicelink,body.home .our_service_con .service-card>.servicelink {min-height:34px;padding-top:9px;line-height:1.15;text-align:center} body.home .our_service_con .servicelink a,body.home .our_service_con .service-card>.servicelink {font-size:16px;line-height:1.15} body.home #success_project {min-height:780px;overflow-anchor:none} body.home #success_project>.sppb-row-container,body.home #success_project>.sppb-row-container>.sppb-row,body.home #success_project .sppb-col-sm-12 {display:block;min-height:108px} body.home #success_project .sppb-column {display:block;min-height:108px;overflow-anchor:none} body.home #success_project .sppb-column .sppb-addon,body.home #success_project .sppb-column .sppb-addon-content,body.home #success_project .sppb-column .sppb-addon-text-block {min-height:108px} body.home #success_project h2.sppb-addon-title,body.home #success_project .sppb-addon-text-block .sppb-addon-title {display:block;min-height:38px;margin:0 0 28px !important;padding:30px 0 0 !important;font-size:26px !important;line-height:32px !important;text-align:center;transform:none !important;transition:none !important} body.home #success_project .sppb-addon-latest-posts {display:block;min-height:650px} body.home #success_project .sppb-wow,body.home #success_project .appear-animation,body.home #success_project [data-appear-animation],body.home #success_project .fadeInDown,body.home #success_project .bounceIn {animation:none !important;opacity:1 !important;transform:none !important;transition:none !important;visibility:visible !important} body.home #success_project .success_project_list .sppb-row {display:block;min-height:590px} body.home #success_project .latest-post {min-height:168px;margin-bottom:12px} body.home #success_project .latest-post-item {min-height:158px} body.home #success_project .img-wrapper.blockprojectimg {min-height:121px} body.home #success_project .projectimgcon {min-height:135px;width:100%} body.home #success_project .latest-post-inner.title_project_con {min-height:34px} body.home #success_project .portfolio-load-more-wrap {min-height:78px} body.home #success_project .portfolio-revealed {animation:portfolioMobileReveal .26s ease-out both} @keyframes portfolioMobileReveal {from {opacity:0;transform:translateY(12px)} to {opacity:1;transform:translateY(0)}}}