/*!
 * Copyright 2016 Batao.io e-commerce experts
 * All Rights Reserved
 */

/* Declare Google Webfont */
@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:400,300,200,500,600);

/* Css reset to reduce browser inconsistencies */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font:inherit;font-size:100%;font-weight:200;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
body .inner-wrapper {overflow-x:hidden;-webkit-overflow-scrolling:touch;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
img {display:inline-block;}
section {position:relative;}

/* Default declarations */
html, body {background-color:#f3f3f3;}
@media (max-width:767px) { html, body {font-size:16px;} }
html, body, input, textarea, label {font-family:'Ek Mukta', sans-serif;font-weight:200;color:#515151;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;}

/* Navigation design */
header .navigation {display:block;}
header .navigation li:first-child {display:none;}
footer .navigation .btn {padding:0;border-radius:inherit;border:none;color:inherit;font-size:inherit;}
footer .navigation .btn:hover {background:inherit;}

nav:before {content:'';display:block;position:absolute;z-index:10;height:6px;width:100%;background:#ee4846;background:-moz-linear-gradient(left,  #ee4846 0%, #35bcc9 51%, #a8d067 100%);background:-webkit-linear-gradient(left,  #ee4846 0%,#35bcc9 51%,#a8d067 100%);background:linear-gradient(to right,  #ee4846 0%,#35bcc9 51%,#a8d067 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4846', endColorstr='#a8d067',GradientType=1 );}
nav {background:#f3f3f3;position:fixed;width:100%;z-index:100;}
nav .container {padding-top:24px;padding-bottom:20px;}
@media (min-width:633px) and (max-width:768px) { nav .container {padding-top:34px;} }
nav span.icon {width:39px;height:35px;right:-47px;top:-3px;}
@media (max-width:991px) { nav span.icon {left:50%;margin-left:100px;} }
nav a span.icon {position:relative;top:3px;right:auto;left:-4px;bottom:auto;margin:0;padding:0;width:14px;height:16px;display:inline-block;}
nav a span.icon, nav.active menu ul li a.btn-secondary:hover span.icon, body:not(.homepage) menu ul li a.btn-secondary:hover span.icon {background:url('../img/icons/phone-blue.png') center center no-repeat;background-size:100%;}
nav span.icon.icon-call-us-io {background:url('../img/icons/phone-text-blue-io.png') center center no-repeat;background-size:100%;}
nav span.icon.icon-call-us-de {background:url('../img/icons/phone-text-blue-de.png') center center no-repeat;background-size:100%;width:56px;height:37px;right:-64px;}
nav span.icon.icon-call-us-nl {background:url('../img/icons/phone-text-blue-nl.png') center center no-repeat;background-size:100%;}

body.discount-active nav .discount a {margin-top:0;}
nav .discount {z-index:999;position:relative;}
nav .discount a {margin-top:-26px;display:block;z-index:9;text-align:center;border:0;text-decoration:none;color:#fff;padding:8px 0;background:-moz-linear-gradient(left,  #ee4846 0%, #35bcc9 51%, #a8d067 100%);background:-webkit-linear-gradient(left,  #ee4846 0%,#35bcc9 51%,#a8d067 100%);background:linear-gradient(to right,  #ee4846 0%,#35bcc9 51%,#a8d067 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4846', endColorstr='#a8d067',GradientType=1 );}
@media (max-width:767px) { nav .discount a {margin-top:-38px;} }
nav .discount a, nav .discount a span {font-size:14px;font-weight:400;}
nav .discount a span {text-decoration:underline;margin-left:20px;}
/*nav .discount button.btn-round {background:transparent;left:auto;width:15px;height:15px;margin:0;right:10px;margin-top:-22px;}*/
/*nav .discount button.btn-round span {background:#f3f3f3;}*/

/* Mobile navigation */
nav.mobile-navigation menu .navigation {display:none;}
nav.mobile-navigation.open menu .navigation {display:block;position:absolute;background:#f3f3f3;top:63px;left:0;width:100%;height:100vh;padding-top:20px;}
nav.mobile-navigation.open menu .navigation, nav.mobile-navigation.open.active menu .navigation {padding-bottom:30px;}
nav.mobile-navigation.open.active menu .navigation a, nav.mobile-navigation.open menu .navigation a {font-size:20px;}
nav.mobile-navigation.open.active menu .navigation {background:#45445e;}
nav.mobile-navigation.open menu .navigation li {display:block;text-align:center;padding:5px 0;}
nav.mobile-navigation.open .btn-hamburger span:nth-child(1) {transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);top:2px;}
nav.mobile-navigation.open .btn-hamburger span:nth-child(2) {display:none;}
nav.mobile-navigation.open .btn-hamburger span:nth-child(3) {transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);top:-1px;}

/* Active navigation declaration */
nav.active, body:not(.homepage) nav, body:not(.homepage) nav.mobile-navigation.open menu .navigation {background:#45445e;color:#fff;}
nav.active ul li a, nav.active ul li button, body:not(.homepage) nav ul li a, body:not(.homepage) nav ul li button {color:#fff;}
nav.active ul li .btn, body:not(.homepage) nav ul li .btn {border-color:#fff;}
nav.active ul li .btn:hover, body:not(.homepage) nav ul li .btn:hover {background:#fff;color:#45445e;}
nav.active .hamburger span, body:not(.homepage) nav .hamburger span {color:#fff;}
nav.active .btn-hamburger, body:not(.homepage) nav .btn-hamburger {border-color:#fff;}
nav.active .btn-hamburger span, body:not(.homepage) nav .btn-hamburger span {background:#fff;}
body:not(.homepage) nav.mobile-navigation.open menu .navigation {top:50px;padding-top:40px;}
nav.active span.icon.icon-call-us-io, body:not(.homepage) span.icon.icon-call-us-io {background:url('../img/icons/phone-text-white-io.png') center center no-repeat;background-size:100%;}
nav.active span.icon.icon-call-us-de, body:not(.homepage) span.icon.icon-call-us-de {background:url('../img/icons/phone-text-white-de.png') center center no-repeat;background-size:100%;}
nav.active span.icon.icon-call-us-nl, body:not(.homepage) span.icon.icon-call-us-nl {background:url('../img/icons/phone-text-white-nl.png') center center no-repeat;background-size:100%;}
nav.active a span.icon, body:not(.homepage) a span.icon, nav menu ul li a.btn-secondary:hover span.icon {background:url('../img/icons/phone-white.png') center center no-repeat;background-size:100%;}

.header {background:url('../img/thumb/batao-ecommerce-header-background.jpg') #3b3c58 center center no-repeat;background-position:0 50px;background-size:cover;color:#ffffff;text-align:center;padding-bottom:150px;padding-top:70px;}
@media (max-width:767px) { .header {padding-bottom:70px;padding-top:130px;} }
header .btn-round.btn-bottom {bottom:auto;margin-top:-17px;}
body:not(.homepage) .header {background:none;padding:0;text-align:left;padding-top:70px;}
@media (max-width:767px) { body:not(.homepage) .header {padding-top:100px;} }
body:not(.homepage) .header .container {padding-bottom:40px;}
body:not(.homepage) .header .btn-secondary {margin-left:-2px;}
@media (max-width:767px) { body:not(.homepage) .header .btn-secondary {margin-top:20px;} }
body:not(.homepage) header .btn-round {display:none;}
.header p {font-size:21px;padding-top:30px;line-height:30px;margin-bottom:40px;}
@media (max-width:767px) { .header .container {padding-left:30px;padding-right:30px;} }
@media (max-width:767px) { .header p {line-height:25px;font-size:18px;} }
body:not(.homepage) .header p {color:#515151;margin-left:0;padding-left:2px;padding-top:10px;}
@media (max-width:767px) { body:not(.homepage) .header p {margin-bottom:0;} }
.batao-logo {float:left;}
.batao-logo img {position:absolute;height:auto;width:156px;margin-top:-27px;z-index:99;}
.mobile-navigation .batao-logo img {margin-top:-30px;}
.batao-logo img.batao-logo-red {opacity:1;}
.batao-logo img.batao-logo-white {opacity:0;}
nav.active .batao-logo img.batao-logo-red {opacity:0;}
nav.active .batao-logo img.batao-logo-white {opacity:1;}
body:not(.homepage) .batao-logo img.batao-logo-red {opacity:0;}
body:not(.homepage) .batao-logo img.batao-logo-white {opacity:1;}
menu {float:right;}
menu ul li {display:inline-block;padding:0 12px;position:relative;}
menu ul li.active a, body:not(.homepage) nav ul li.active a {color:#a8d067;}
menu ul li:first-child {padding-left:0;}
menu ul li:last-child {padding-right:0;}
menu ul li a, .hamburger span {text-decoration:none;font-size:16px;color:#515151;position:relative;border-bottom:none;}
menu ul li a:hover, body:not(.homepage) nav ul li a:hover {color:#35bec9;}
menu ul li button {color:inherit;font-size:16px;}

@media (min-width:1200px) { .container {position:relative;padding-left:90px;padding-right:90px;} }

form .form-group {position:relative;}
form .form-group, form .form-group-container {margin-bottom:15px;}
form .form-group-container .form-group {margin-bottom:0;}
form .form-group.email-address {padding-left:0;padding-right:8px;}
@media (max-width:991px) { form .form-group.email-address {padding:0;margin-bottom:15px;} }
form .form-group.phone-number {padding-right:0;padding-left:8px;}
@media (max-width:991px) { form .form-group.phone-number {padding:0;} }
form input, form textarea {border:1px solid #cbcbcf;border-radius:5px;background:transparent;width:100%;position:relative;padding:8px 15px 6px 15px;}
form input:focus, form textarea:focus {border-color:#9fa6be;-webkit-box-shadow:0 2px 5px  rgba(77, 86, 116, 0.08);-moz-box-shadow:0 2px 5px  rgba(77, 86, 116, 0.08);box-shadow:0 2px 5px 0 rgba(77, 86, 116, 0.08);}
form textarea {height:130px;}
form .required:after {content:'\2217';position:absolute;margin:0;padding:0;right:13px;font-size:12px;bottom:14px;color:#ef4745;}
form .email-address.required:after {right:21px;}
form .message.required:after {bottom:auto;top:10px;}

.introduction {text-align:center;}
.introduction p {padding:0 110px;}
@media (min-width:768px) and (max-width:991px) { .introduction p {padding:0 50px;} }
@media (max-width:767px) { .introduction p {padding:0;} }

/* Font declarations */
h1 {font-size:50px;font-weight:700;margin-top:120px;line-height:50px;}
@media (max-width:767px) { h1 {line-height:1;font-size:34px;margin-top:0;} }
body:not(.homepage) h1 {color:#ef4745;margin-top:70px;}
@media (max-width:767px) { body:not(.homepage) h1 {margin-top:0;} }
h2 {font-size:35px;font-weight:700;color:#ef4745;margin-bottom:20px;line-height:1;}
@media (max-width:767px) { h2 {font-size:25px;} }
h3 {font-size:25px;font-weight:300;color:#4d5674;margin-bottom:10px;line-height:28px;}
@media (max-width:767px) { h3 {font-size:22px;} }
p, ul.paragraph-list {margin-bottom:22px;}
@media (max-width:767px) { p, ol, ul {font-size:16px;} }
a {text-decoration:none;display:inline-block;color:#35bec9;position:relative;border-bottom:1px solid rgba(53, 190, 201, 1);line-height:.9;}
@media (max-width:767px) { a {font-size:16px;} }
a:hover {border-bottom-color:rgba(53, 190, 201, .3);}
a:not(.btn) .btn-arrow {margin-right:-17px;}
a:not(.btn):hover .btn-arrow {margin-right:-25px;}
a:not(.btn) .btn-arrow, a:not(.btn) .btn-arrow:after, a:not(.btn) .btn-arrow:before {background:#35bec9;}
button, input[type=submit] {text-decoration:none;font-family:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;background:transparent;-webkit-appearance:none;}

ul.paragraph-list {counter-reset: section;}
ul.paragraph-list li:before {counter-increment:section;content:counter(section);}

/* Icons */
.icon {position:absolute;display:block;}
.icon-challenge {margin-left:-78px;margin-top:-4px;}
.icon-solution {margin-left:-59px;margin-top:-4px;}
.icon-ecommerce {margin-left:-72px;margin-top:-5px;}
.icon-backend-development {margin-left:-70px;margin-top:-5px;}
.icon-graphical-design {margin-left:-67px;margin-top:-5px;}
.icon-hosting {margin-left:-78px;margin-top:-4px;}
.icon-support {margin-left:-77px;margin-top:-3px;}
.icon-one-stop-partner {margin-left:-77px;margin-top:-7px;}
.icon-expertises {margin-left:-77px;margin-top:-9px;}
.icon-testing {margin-left:-77px;margin-top:-5px;}
.icon-frontend {margin-left:-73px;margin-top:-5px;}
.icon-system-integration {margin-left:-67px;margin-top:-4px;}
.icon-system-integration img {width:40px;height:auto;}
.icon-magento {margin-left:-77px;margin-top:-9px;}
.icon-online-marketing {margin-left:-77px;margin-top:-9px;}

/* Button declarations */
.btn {border-radius:500px;border:1px solid;text-decoration:none;position:relative;display:inline-block;line-height:inherit;}
.btn-small {padding:4px 20px 3px 20px;}
.btn-large {padding:10px 60px 10px 40px;}
.btn-primary, section form .btn-primary, .popup .btn-primary {background:#ef4745;border-color:#ef4745;color:#fff;float:none;display:table;margin:0 auto;clear:both;}
section.middle-cta .btn-primary {color:#4bcbb4;}
header .btn-primary {-webkit-box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.20);-moz-box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.20);box-shadow:0 5px 20px 0 rgba(0 0, 0, 0.20);}
section form .btn-primary {float:right;width:auto;margin:0;-webkit-box-shadow:0 5px 20px 0 rgba(239, 71, 69, 0.20);-moz-box-shadow:0 5px 20px 0 rgba(239, 71, 69, 0.20);box-shadow:0 5px 20px 0 rgba(239, 71, 69, 0.20);}
section .btn-primary {background:#fff;border-color:#fff;color:#ef4745;display:inline-block;float:right;-webkit-box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.08);-moz-box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.08);box-shadow:0 5px 20px 0 rgba(0 0, 0, 0.08);}
.btn-secondary {background:transparent;border-color:#4d5674;color:#4d5674;}
.btn-secondary.btn-large {-webkit-box-shadow:0 5px 20px 0 rgba(61, 61, 89, 0.08);-moz-box-shadow:0 5px 20px 0 rgba(61, 61, 89, 0.08);box-shadow:0 5px 20px 0 rgba(61, 61, 89, 0.08);}
.btn-secondary.btn-primary {display:inline-block;background:#4d5674;color:#fff;border-color:#4d5674;}
body:not(.homepage) .header .btn:not(.btn-primary) {position:relative;margin:0;top:-25px;}
body:not(.homepage) .header .btn.btn-header-second {margin-left:20px;top:auto;}
body .header .btn.btn-introduction, body .header .btn.btn-header-second.btn-introduction {position:relative;top:-25px;margin:auto;}
body .header .btn.btn-header-second.btn-introduction {margin-left:20px;}
@media (max-width:767px) { body:not(.homepage) .header .btn.btn-header-second {top:15px;} }
@media (max-width:767px) { body:not(.homepage) .header .btn:not(.btn-primary) {margin-left:0;display:table;top:15px;} }
@media (max-width:767px) { body .header .btn.btn-introduction, body .header .btn.btn-header-second.btn-introduction {top:auto;margin-top:20px;} }

.cases .btn-small {padding-right:40px;font-size:16px;}
.cases .btn-small .btn-arrow {margin-right:22px;top:50%;}
.cases .btn-small .btn-arrow, .cases .btn-small .btn-arrow:before, .cases .btn-small .btn-arrow:after {background:#4d5674;}
.cases .btn-small:hover .btn-arrow {margin-right:15px;}

.cases .btn-round {margin:0;top:52%;display:block;}
@media (max-width:991px) { .cases .btn-round {display:none;} }
.cases .btn-left {left:30px;}
.cases .btn-right {right:30px;left:auto;}
.carousel .btn-disable {opacity:.4;pointer-events:none;}
.carousel .btn-round:not(.btn-disable):hover .btn-arrow:before, .carousel .btn-round:not(.btn-disable):hover .btn-arrow:after {background:#fff;}
.sub-page-full-width-header .btn-round, section.challenge-solution .btn-round, section.icons-text-wrapper .btn-round, .btn-round.btn-bottom {background:#f3f3f3;border-color:#d4cdcd;bottom:-17px;margin-top:auto;}
.sub-page-full-width-header .btn-round .btn-arrow, .sub-page-full-width-header .btn-round .btn-arrow:before, .sub-page-full-width-header .btn-round .btn-arrow:after,
section.challenge-solution .btn-round .btn-arrow, section.challenge-solution .btn-round .btn-arrow:before, section.challenge-solution .btn-round .btn-arrow:after,
section.icons-text-wrapper .btn-round .btn-arrow, section.icons-text-wrapper .btn-round .btn-arrow:before, section.icons-text-wrapper .btn-round .btn-arrow:after, .btn-round.btn-bottom .btn-arrow, .btn-round.btn-bottom .btn-arrow:before, .btn-round.btn-bottom .btn-arrow:after {background:#949494;}

.cases .introduction {padding-bottom:50px;}
.cases .introduction p {margin-bottom:0;}

/* Button round */
/* Hamburger */
.mobile-navigation .hamburger {display:block;margin-right:15px;}
.hamburger {position:relative;display:none;}
.hamburger span {cursor:pointer;left:-26px;}
.btn-round, .btn-hamburger {border-radius:100%;border:1px solid;border-color:#515676;width:35px;height:35px;cursor:pointer;left:50%;margin-top:-17px;margin-left:-17px;position:absolute;z-index:99;}
.btn-hamburger {height:33px;width:33px;margin:-4px 0 0 0;}
.btn-hamburger span {display:block;width:73%;height:1px;background:#515676;margin:0 auto;margin-bottom:2px;left:auto;}
.btn-hamburger span:last-child {margin-bottom:0;}
header .btn-round {border-color:#f3f3f3;background:#3b3c58;}
footer .btn-round {border-color:#f3f3f3;background:#282828;bottom:-17px;}

/* Arrow right */
.btn-arrow {width:12px;height:1px;top:48%;right:0;margin-right:35px;background:#fff;position:absolute;}
.btn-arrow:before, .btn-arrow:after {content:'';display:block;position:absolute;width:5px;height:1px;right:0;background:#fff;}
.btn-arrow:before, .btn-right .btn-arrow:before {transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);margin-top:-2px;}
.btn-arrow:after, .btn-bottom .btn-arrow:after {transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);margin-top:2px;}

@media (max-width:767px) { p a span.btn-arrow {position:absolute;right:0;} }

section.cta .btn-arrow, section.cta .btn-arrow:before, section.cta .btn-arrow:after {background:#ef4745;}
section.middle-cta .btn-arrow, section.middle-cta .btn-arrow:before, section.middle-cta .btn-arrow:after {background:#4bcbb4;}

.btn-secondary.btn-large .btn-arrow, .btn-secondary.btn-large .btn-arrow:before, .btn-secondary.btn-large .btn-arrow:after {background:#515676;}
.btn-secondary.btn-primary .btn-arrow, .btn-secondary.btn-primary .btn-arrow:before, .btn-secondary.btn-primary .btn-arrow:after {background:#fff;}

/* Round Arrow right */
.btn-right .btn-arrow {width:12px;height:1px;background:#4d5674;top:48%;right:0;margin-right:11px;}
.btn-right .btn-arrow:before, .btn-right .btn-arrow:after {content:'';display:block;position:absolute;width:5px;height:1px;right:0;background:#4d5674;}

/* Round Arrow left */
.btn-left .btn-arrow {width:12px;height:1px;background:#4d5674;top:48%;left:10px;right:auto;margin-right:11px;}
.btn-left .btn-arrow:before, .btn-left .btn-arrow:after {content:'';display:block;position:absolute;width:5px;height:1px;right:auto;left:0;background:#4d5674;}
.btn-left .btn-arrow:before {transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);margin-top:2px;}
.btn-left .btn-arrow:after {transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);margin-top:-2px;}

.btn-left:hover, .btn-right:hover {background:#4d5674;}

/* Round Arrow bottom */
.btn-bottom .btn-arrow {width:1px;height:12px;background:#fff;top:31%;right:0;margin-right:15px;}
.btn-bottom .btn-arrow:before, .btn-bottom .btn-arrow:after {content:'';display:block;position:absolute;width:5px;height:1px;bottom:2px;right:auto;background:#fff;}
.btn-bottom .btn-arrow:before {transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);margin-left:-4px;}
.btn-bottom .btn-arrow:after {transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);}

/* Round Arrow top */
.btn-top .btn-arrow {width:1px;height:12px;background:#fff;top:31%;right:0;margin-right:15px;}
.btn-top .btn-arrow:before, .btn-top .btn-arrow:after {content:'';display:block;position:absolute;width:5px;height:1px;top:0;right:auto;bottom:auto;background:#fff;}
.btn-top .btn-arrow:before {transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);margin-left:0;margin-top:2px;}
.btn-top .btn-arrow:after {transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);margin-top:4px;margin-left:-4px;top:-2px;}

/* Button status declaration */
header .btn-primary:hover, .your-business-fits-ecommerce .btn-secondary.btn-primary:hover {background:#36b9c9;border-color:#36b9c9;}
section .btn-primary:hover {background:transparent;border-color:#fff;color:#fff;}
section form .btn-primary:hover, .popup .btn-primary:hover {background:transparent;border-color:#ef4745;color:#ef4745;}
section.cta .btn-primary:hover .btn-arrow, section.cta .btn-primary:hover .btn-arrow:before, section.cta .btn-primary:hover .btn-arrow:after,
.btn-secondary.btn-large:hover .btn-arrow, .btn-secondary.btn-large:hover .btn-arrow:before, .btn-secondary.btn-large:hover .btn-arrow:after,
.cases .btn-small:hover .btn-arrow, .cases .btn-small:hover .btn-arrow:before, .cases .btn-small:hover .btn-arrow:after,
.btn-left:hover .btn-arrow, .cases .btn-left:hover .btn-arrow:before, .cases .btn-left:hover .btn-arrow:after,
.btn-right:hover .btn-arrow, .cases .btn-right:hover .btn-arrow:before, .cases .btn-right:hover .btn-arrow:after {background:#fff;}
.btn-secondary:hover {background:#4d5674;color:#fff;border-color:#4d5674;}
.btn:hover .btn-arrow, section form .btn-primary:hover + .btn-arrow {right:0;margin-right:25px;}
section form .btn-primary:hover + .btn-arrow, section form .btn-primary:hover + .btn-arrow:before, section form .btn-primary:hover + .btn-arrow:after,
.popup .btn-primary:hover .btn-arrow, .popup .btn-primary:hover .btn-arrow:after, .popup .btn-primary:hover .btn-arrow:before {background:#ef4745;}

.btn-bottom:hover .btn-arrow {margin-right:15px;}
.btn-top:hover .btn-arrow {margin-right:15px;}

/* Transition declarations */
nav, nav .container, .btn, .btn-round, .btn-arrow, .btn-arrow:before, .btn-arrow:after, a, section.cases .cases-homepage .casus-customer-container ul, a .btn-arrow, nav.mobile-navigation.open menu .navigation, .batao-logo img.batao-logo-red, .batao-logo img.batao-logo-white, .tools-techniques li, nav a span.icon, nav span.icon {
    -webkit-transition:background 200ms linear, box-shadow 200ms linear, border-color 200ms linear, color 200ms linear, height 200ms linear, padding 200ms linear, margin 200ms linear, top 200ms linear, opacity 200ms linear;
    -moz-transition:background 200ms linear, box-shadow 200ms linear, border-color 200ms linear, color 200ms linear, height 200ms linear, padding 200ms linear, margin 200ms linear, top 200ms linear, opacity 200ms linear;
    -o-transition:background 200ms linear, box-shadow 200ms linear, border-color 200ms linear, color 200ms linear, height 200ms linear, padding 200ms linear, margin 200ms linear, top 200ms linear, opacity 200ms linear;
    -ms-transition:background 200ms linear, box-shadow 200ms linear, border-color 200ms linear, color 200ms linear, height 200ms linear, padding 200ms linear, margin 200ms linear, top 200ms linear, opacity 200ms linear;
    transition:background 200ms linear, box-shadow 200ms linear, border-color 200ms linear, color 200ms linear, height 200ms linear, padding 200ms linear, margin 200ms linear, top 200ms linear, opacity 200ms linear;}

/* Footer declarations */
section.cta {background:#ef4745;padding:45px 0;color:#fff;}
section.middle-cta {background:#4bcbb4;}
@media (max-width:767px) { section.cta {padding:30px 0 40px 0;} }
section.cta .container {display:table;padding-left:70px;padding-right:50px;}
@media (min-width:768px) and (max-width:991px) { section.cta .container {padding-left:0;padding-right:0;} }
@media (max-width:767px) { section.cta .container {padding-left:15px;padding-right:15px;} }
section.cta .container div {padding-left:50px;}
@media (min-width:992px) and (max-width:1199px) { section.cta .container div {padding-left:0;} }
@media (min-width:768px) and (max-width:991px) { section.cta .container div {padding-left:0;} }
@media (max-width:767px) { section.cta .container div {padding-left:0;padding-right:0;} }
section.cta p {font-size:27px;float:left;margin-bottom:0;}
@media (max-width:991px) { section.cta p {display:block;float:none;text-align:center;} }
section.cta .btn {position:absolute;right:8%;float:none;margin-top:-5px;}
@media (min-width:992px) and (max-width:1199px) { section.cta .btn {right:0;} }
@media (min-width:768px) and (max-width:991px) { section.cta .btn {right:0;} }
@media (max-width:991px) { section.cta .btn {float:none;margin:0 auto;position:inherit;display:table;right:auto;margin-top:10px;} }
@media (max-width:450px) { section.cta .btn {padding-left:29px;} }

section.cases {background:#fdfdfd;padding:90px 0;}
section.cases .cases-homepage .casus-customer-container {overflow:hidden;position:relative;}
section.cases .cases-homepage .casus-customer-container ul {width:8000px;position:relative;display:flex;}
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container ul {width:100%;display:block;} }
section.cases .cases-homepage .casus-customer-container li {padding:0 18px;width:330px;float:left;display:flex;}
@media (min-width:992px) and (max-width:1199px) { section.cases .cases-homepage .casus-customer-container li {width:312px;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container li {width:100%;float:none;display:block;margin-bottom:20px;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} }
section.cases .cases-homepage .casus-customer-container .cases-customer {border:1px solid #cdcdcd;border-radius:2px;}
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container .cases-customer {position:relative;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container .cases-customer:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container .cases-customer .image-header {width:40%;position:absolute;height:100%;overflow:hidden;} }
@media (max-width:767px) { section.cases .cases-homepage .casus-customer-container .cases-customer .image-header {width:100%;position:inherit;float:none;height:200px;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container li:nth-child(even) .cases-customer .image-header {right:0;width:40%;} }
@media (max-width:767px) { section.cases .cases-homepage .casus-customer-container li:nth-child(even) .cases-customer .image-header {right:auto;width:100%;} }
section.cases .cases-homepage .casus-customer-container .cases-customer .image-header img {width:100%;height:auto;display:block;}
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container .cases-customer .image-header img {height:100%;width:auto;} }
@media (max-width:767px) { section.cases .cases-homepage .casus-customer-container .cases-customer .image-header img {width:100%;height:auto;} }
section.cases .cases-homepage .casus-customer-container .cases-customer .content {padding:30px 30px 45px 30px;}
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container .cases-customer .content {float:left;width:60%;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container li:nth-child(even) .cases-customer .content {float:left;width:60%;} }
@media (max-width:767px) { section.cases .cases-homepage .casus-customer-container li:nth-child(even) .cases-customer .content {width:100%;} }
@media (max-width:991px) { section.cases .cases-homepage .casus-customer-container li:nth-child(odd) .cases-customer .content {padding-left:45%;width:100%;} }
@media (max-width:767px) { section.cases .cases-homepage .casus-customer-container li:nth-child(odd) .cases-customer .content {padding-left:30px;width:100%;} }

.serve-your-company-best .introduction {padding-bottom:0;}
@media (max-width:767px) { .serve-your-company-best .one-stop-partner, .serve-your-company-best .expertises {text-align:center;} }
@media (max-width:767px) { .serve-your-company-best .expertises {padding-top:30px;} }
.serve-your-company-best .introduction h2 {line-height:1.3;}
@media (max-width:767px) { .serve-your-company-best .one-stop-partner h3, .serve-your-company-best .expertises h3 {display:block;} }
.serve-your-company-best .introduction span {font-weight:500;}
@media (max-width:767px) { .serve-your-company-best .icon {display:block;margin:0;position:inherit;} }
@media (max-width:767px) { .serve-your-company-best .icon img {display:inline;} }
.serve-your-company-best .container div:last-child p {margin-bottom:0;}
.your-business-fits-ecommerce .btn-secondary.btn-primary {display:table;float:left;margin-top:10px;}
@media (max-width:767px) { .your-business-fits-ecommerce .btn-secondary.btn-primary {margin:0 auto;float:none;} }

.our-services-quick-links {text-align:center;position:relative;margin-left:-10%;margin-right:-10%;}
@media (max-width:767px) { .our-services-quick-links {margin-left:0;margin-right:0;} }
.our-services-quick-links .container {padding-left:15px;padding-right:15px;}
.our-services-quick-links .container .col {display:inline-block;width:24%;float:none;vertical-align:top;padding:0 20px;}
.our-services-quick-links .container .col p {margin-bottom:0;}
@media (min-width:992px) and (max-width:1199px) { .our-services-quick-links .container .col {width:32%;} }
@media (max-width:991px) { .our-services-quick-links .container .col {width:49%;} }
@media (max-width:767px) { .our-services-quick-links .container .col {padding:0 10px;width:100%;} }
.our-services-quick-links .col:nth-child(5), .our-services-quick-links .col:nth-child(6), .our-services-quick-links .col:nth-child(7), .our-services-quick-links .col:nth-child(8) {margin-top:40px;}
@media (min-width:992px) and (max-width:1199px) { .our-services-quick-links .col:nth-child(4), .our-services-quick-links .col:nth-child(5), .our-services-quick-links .col:nth-child(6), .our-services-quick-links .col:nth-child(7), .our-services-quick-links .col:nth-child(8) {margin-top:40px;} }
@media (max-width:991px) { .our-services-quick-links .col:nth-child(3), .our-services-quick-links .col:nth-child(4), .our-services-quick-links .col:nth-child(5), .our-services-quick-links .col:nth-child(6), .our-services-quick-links .col:nth-child(7), .our-services-quick-links .col:nth-child(8) {margin-top:40px;} }
@media (max-width:767px) { .our-services-quick-links .col:nth-child(3), .our-services-quick-links .col:nth-child(4), .our-services-quick-links .col:nth-child(5), .our-services-quick-links .col:nth-child(6), .our-services-quick-links .col:nth-child(7), .our-services-quick-links .col:nth-child(8) {margin-top:20px;} }
.our-services-quick-links span {display:block;margin:0 auto;position:relative;text-align:center;height:80px;vertical-align:middle;}
.our-services-quick-links span img {vertical-align:middle;text-align:center;left:40%;bottom:21px;position:absolute;}

section.your-business-fits-ecommerce {background:url("../img/thumb/batao-homepage-background.png") #eae8e8 right top no-repeat!important;background-size:850px 500px!important;}
section.why-upgrade-to-magento2 {background:url("../img/thumb/batao-introduction-header-background-migration.png") #eae8e8 calc(100% - -75px) 0 no-repeat!important;background-size:827px 631px!important;}
@media (min-width:1200px) and (max-width:1350px) { section.your-business-fits-ecommerce, section.b2b-ecommerce-introduction, section.why-upgrade-to-magento2 {background-position:right -70px top!important;} }
@media (min-width:992px) and (max-width:1199px) { section.your-business-fits-ecommerce, section.b2b-ecommerce-introduction, section.why-upgrade-to-magento2 {background-position:right -70px top!important;} }
@media (min-width:768px) and (max-width:991px) { section.your-business-fits-ecommerce, section.b2b-ecommerce-introduction, section.why-upgrade-to-magento2 {background-position:right -300px top!important;} }

@media (max-width:767px) { section.your-business-fits-ecommerce, section.b2b-ecommerce-introduction, section.why-upgrade-to-magento2 {background-image:none!important;text-align:center;} }
@media (max-width:991px) { section.your-business-fits-ecommerce .container div {display:block;} }
section.your-business-fits-ecommerce .container div:first-child {vertical-align:middle;}
@media (max-width:991px) { section.your-business-fits-ecommerce .container div:first-child {display:table;margin:0 auto;margin-bottom:0;} }
@media (max-width:991px) { section.your-business-fits-ecommerce .container div:first-child img {margin-right:-90px;} }
section.your-business-fits-ecommerce .container div:last-child {padding-right:0;}
section.your-business-fits-ecommerce .container div p:last-child {margin-bottom:0;}

section.reasons-why-ecommerce p:last-child {margin-bottom:0;}
section.reasons-why-ecommerce div:first-child, section.integrate-crm-erp-systems-examples div:first-child, section.steps-migration-to-magento-2 div:first-child {padding-right:30px;}
@media (max-width:767px) { section.reasons-why-ecommerce div:first-child, section.integrate-crm-erp-systems-examples div:first-child, section.steps-migration-to-magento-2 div:first-child {padding-right:15px;} }
section.reasons-why-ecommerce .container div:last-child, section.integrate-crm-erp-systems-examples .container div:last-child, section.steps-migration-to-magento-2 .container div:last-child {padding-left:30px;}
@media (max-width:767px) { section.reasons-why-ecommerce .container div:last-child, section.integrate-crm-erp-systems-examples .container div:last-child, section.steps-migration-to-magento-2 .container div:last-child {padding-left:15px;} }
@media (max-width:767px) { section.reasons-why-ecommerce .container div:last-child {padding-top:25px;} }

.text-quote {position:relative;background:#4d5674;margin-bottom:30px;}
.text-quote.quote-left {width:174%;margin-left:-71%;padding:30px 50px 30px 71%;}
.text-quote.quote-right {width:158%;margin-left:0;padding:30px 0 30px 38px;}
.text-quote.quote-right p {width:65%;}
@media (max-width:767px) { .text-quote.quote-left, .text-quote.quote-right {width:100%;margin-left:0;padding:30px 40px;} }
.text-quote p {color:#fff;margin:0;position:relative;z-index:1;}
@media (max-width:767px) { .text-quote.quote-left p, .text-quote.quote-right p {width:100%;} }
.text-quote.quote-left:after {content:'\201D';font-size:350px;z-index:0;font-weight:700;top:-65px;right:17px;color:#5f6781;position:absolute;display:block;}
.text-quote.quote-right:after {content:'\201D';font-size:350px;z-index:0;font-weight:700;top:-65px;right:auto;left:390px;color:#5f6781;position:absolute;display:block;}
@media (max-width:767px) { .text-quote.quote-left:after {font-size:278px;top:-30%;} }
@media (min-width:992px) and (max-width:1199px) { .text-quote.quote-right:after {left:324px;} }
@media (min-width:768px) and (max-width:991px) { .text-quote.quote-right:after {left:262px;} }
@media (max-width:767px) { .text-quote.quote-right:after {font-size:278px;top:-30%;right:17px;left:auto;} }

.cart2quote-partner {background:url("../img/batao-about-cart2quote.png") #eae8e8 -116px 0 no-repeat;background-size:807px 430px;margin-bottom:120px;}
@media (min-width:992px) and (max-width:1199px) { .cart2quote-partner {background-position:-188px 0;} }
@media (max-width:991px) { .cart2quote-partner {background-position:-425px 0;background-size:920px 540px;} }
@media (max-width:768px) { .cart2quote-partner {background-image:none;text-align:center;margin-bottom:0;} }
@media (max-width:991px) { .cart2quote-partner {width:100%;} }
.cart2quote-partner p {margin-bottom:0;}

section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along {background-image:none;}
@media (max-width:991px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along {text-align:center;} }
section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div {padding-left:15px;padding-right:0;}
section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div:first-child {text-align:right;}
@media (min-width:992px) and (max-width:1199px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div:first-child {text-align:left;padding-top:35px;} }
@media (max-width:991px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div:first-child {text-align:center;margin-bottom:30px;} }
@media (max-width:767px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div:first-child {margin-bottom:20px;} }
@media (max-width:767px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div:first-child img {width:80%;} }
@media (min-width:992px) and (max-width:1199px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div {padding-left:40px;padding-right:30px;} }
@media (max-width:991px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div {padding-left:30px;padding-right:30px;width:750px;margin:0 auto;} }
@media (max-width:767px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along div {padding-left:15px;padding-right:15px;width:100%;margin:0 auto;} }
section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along p {margin-bottom:22px;}
section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along p:last-child {margin-bottom:0;}

.expertises .expertises-container {padding-top:80px;}
@media (max-width:767px) { .expertises .expertises-container {padding-top:30px;} }
@media (max-width:767px) { .expertises .expertises-container div {text-align:center;} }
@media (max-width:767px) { .expertises .expertises-container div div {margin-top:40px;} }
@media (max-width:767px) { .expertises .expertises-container div div:first-child {margin-top:0;} }
@media (max-width:767px) { .expertises .expertises-container .icon {display:block;width:100%;text-align:center;margin:0;position:inherit;} }

.batao-team {padding-top:90px;}
@media (max-width:767px) { .batao-team {display:none;padding-top:60px;} }
.batao-team .introduction {padding-bottom:260px;}
@media (max-width:767px) { .batao-team .introduction {padding-bottom:40%;} }
.batao-team .team-photos {margin-bottom:-1px;}
.batao-team .team-photos ul {position:relative;margin-left:-10%;margin-right:-10%;}
@media (min-width:992px) and (max-width:1199px) { .batao-team .team-photos ul {margin:0;} }
@media (min-width:768px) and (max-width:991px) { .batao-team .team-photos ul {position:relative;margin-left:-16%;margin-right:-10%;} }
@media (max-width:767px) { .batao-team .team-photos ul {margin-left:-13%;margin-right:0;} }
.batao-team .team-photos ul li {display:inline-block;position:relative;width:11%;}
.batao-team .team-photos ul li img {position:absolute;bottom:-8px;}
.batao-team .team-photos ul li.bram img {margin-left:-50px;}
@media (max-width:767px) { .batao-team .team-photos ul li.bram img {width:280%;} }
.batao-team .team-photos ul li.daan img {margin-left:-20px;}
.batao-team .team-photos ul li.sander img {}
.batao-team .team-photos ul li.remco img {z-index:5;}
@media (max-width:767px) { .batao-team .team-photos ul li.remco img {width:280%;margin-left:-14px!important;} }
.batao-team .team-photos ul li.dan img {z-index:4;left:31px;}
.batao-team .team-photos ul li.lennart img {z-index:3;}
.batao-team .team-photos ul li.mark img {z-index:2;margin-left:18px;}
.batao-team .team-photos ul li.kalle img {margin-left:-36px;}
@media (max-width:767px) { .batao-team .team-photos ul li.lennart img {width:280%;} }
@media (max-width:767px) { .batao-team .team-photos ul li img {margin:0!important;width:250%;height:auto;} }
@media (max-width:767px) { .batao-team .team-photos ul li.kalle img {width:284%;margin-left:-23px!important;} }
@media (max-width:767px) { .batao-team .team-photos ul li.dan img {width:186%;} }

section.sub-page-full-width-header.batao-office {background:url("../img/batao-office-background.jpg") center center no-repeat;background-size:cover;}

section .team-quote {text-align:right;padding-right:30px;}
section .team-quote p {position:relative;z-index:5;}
section .team-quote p.quote {font-weight:700;font-size:20px;padding-top:70px;}
section .team-quote p.quote:after {content:'\201D';font-size:350px;z-index:-1;font-weight:700;top:35px;right:-41px;color:#e3e1e1;position:absolute;display:block;}
@media (max-width:767px) { section .team-quote p.quote {padding-top:40px;} }
@media (max-width:767px) { section .team-quote p.quote:after {top:-77px;right:22%;} }
section .team-about {padding-left:30px;}
@media (max-width:767px) { section .team-about, section .team-quote {padding-left:15px;padding-right:15px;text-align:center;} }
section.batao-about-team-members {overflow:hidden;}
section.batao-about-team-members img.badge-certified-developers {margin-left:20px;}
section.batao-about-team-members .badges-container a {text-decoration:none;border:none;}
section .batao-team-members {position:relative;padding-bottom:90px;margin:0;}
@media (min-width:1200px) { section .batao-team-members {margin-left:-90px;margin-right:-90px;} }
section .batao-team-members:before {}
@media (min-width:768px) and (max-width:991px) { section .batao-team-members .container {display:block;} }
section .batao-team-members img {margin-left:-45px;}
section .batao-team-members .dan img {margin-left:-25px;}
section .batao-team-members .sander img {margin-left:-20px;}
section .batao-team-members .mark img {margin-left:-25px;}
section .batao-team-members .daniel img {margin-left:-25px;}
@media (max-width:767px) { section .batao-team-members img {z-index:5;margin:0 auto;} }
@media (min-width:992px) { section .batao-team-members .team-member:nth-child(5), section .batao-team-members .team-member:nth-child(6), section .batao-team-members .team-member:nth-child(7), section .batao-team-members .team-member:nth-child(8), section .batao-team-members .team-member:nth-child(9), section .batao-team-members .team-member:nth-child(10) {margin-top:200px;} }
@media (min-width:768px) and (max-width:991px) { section .batao-team-members .team-member:nth-child(4), section .batao-team-members .team-member:nth-child(5), section .batao-team-members .team-member:nth-child(6), section .batao-team-members .team-member:nth-child(7), section .batao-team-members .team-member:nth-child(8), section .batao-team-members .team-member:nth-child(9), section .batao-team-members .team-member:nth-child(10) {margin-top:200px;} }
@media (min-width:992px) { section .batao-team-members .team-member:nth-child(5), section .batao-team-members .team-member:nth-child(9) {clear:left;} }
@media (min-width:768px) and (max-width:991px) { section .batao-team-members .team-member:nth-child(4), section .batao-team-members .team-member:nth-child(7), section .batao-team-members .team-member:nth-child(10) {clear:left;} }
section .batao-team-members .team-member {text-align:center;position:relative;}
@media (max-width:767px) { section .batao-team-members .team-member:not(:first-child) {margin-top:100px;} }
section .batao-team-members .team-member:before {pointer-events:none;content:'';position:absolute;z-index:2;display:block;margin-top:268px;height:200px;width:200vw;margin-left:-50vw;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);background:linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );}
section .batao-team-members .team-member.active:before {z-index:-1;content:none;}
section .batao-team-members .team-member.active {z-index:30;}
section .batao-team-members .team-member h4 {color:#4d5674;font-size:20px;font-weight:300;padding-top:25px;}
section .batao-team-members .team-member span {display:block;font-size:16px;font-weight:300;}
section .batao-team-members .team-member .about-team-member {display:none;}
section .batao-team-members .team-member img {position:relative;}
section .batao-team-members .team-member.active img {z-index:4;}
section .batao-team-members .team-member.active .about-team-member {display:block;}
section .batao-team-members .team-member .team-member-content {text-align:center;position:absolute;z-index:3;top:-40px;padding:306px 0 0 0;width:120%;margin-left:-53px;}
@media (min-width:992px) and (max-width:1199px) { section .batao-team-members .team-member .team-member-content {width:140%;} }
@media (min-width:768px) and (max-width:991px) { section .batao-team-members .team-member .team-member-content {width:134%;} }
section .batao-team-members .team-member .team-member-content div:first-child {padding:0 30px 35px 30px;}
section .batao-team-members .team-member.active .team-member-content div:first-child:before {content:'';position:absolute;display:block;z-index:-1;height:200px;left:0;margin-top:1px;width:100%;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);background:linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );}
section .batao-team-members .team-member.active .team-member-content {-webkit-box-shadow:0 0 136px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 136px 0 rgba(0, 0, 0, 0.3);box-shadow:0 0 136px 0 rgba(0, 0, 0, 0.3);background:#f3f3f3;}
section .batao-team-members .team-member .team-member-content p, section .batao-team-members .team-member .team-member-content a {font-size:16px;}
section .batao-team-members .team-member .team-member-content p {margin-top:25px;}
section .batao-team-members .team-member .team-member-content p:before {content:'';position:relative;margin:0 auto;top:-12px;z-index:2;display:block;height:1px;width:25px;background:#d2d2d2;}
section .batao-team-members img.badge {position:absolute;z-index:10;}
section .batao-team-members .team-member.active img.badge {z-index:10;position:absolute;}
section .batao-team-members img.badge.badge-1 {right:20px;margin-top:-77px;}
section .batao-team-members img.badge.badge-2 {right:72px;margin-top:-77px;}
@media (min-width:992px) and (max-width:1199px) { section .batao-team-members img.badge.badge-1 {right:-25px;} }
@media (min-width:992px) and (max-width:1199px) { section .batao-team-members img.badge.badge-2 {right:27px;} }
@media (max-width:767px) { section .batao-team-members img.badge.badge-1 {right:auto;left:68%;top:0;margin-left:0;margin-top:201px;} }
@media (max-width:767px) { section .batao-team-members img.badge.badge-2 {right:auto;left:60.8%;top:0;margin-left:0;margin-top:201px;} }

section.behind-batao-logo .batao-logo-demonstration {margin-left:-100vw;margin-right:-100vw;padding:20px 0 40px 0;position:relative;width:auto;text-align:center;}
section.behind-batao-logo .batao-logo-demonstration img {display:block;margin:0 auto;}
section.behind-batao-logo .batao-logo-demonstration .batao-logo-red {background:inherit;opacity:1;}
section.behind-batao-logo .batao-logo-demonstration .batao-logo-white {background:#45445e;opacity:1;margin-top:-173px;}

footer {background:#282828;color:#ababab;font-size:16px;padding:70px 0 0 0;position:relative;}
footer a {color:#ababab;}
footer .footer .container {padding-left:20px;padding-right:20px;}
@media (min-width:992px) and (max-width:1199px) { footer .footer .container {padding-left:0;padding-right:0;} }
@media (max-width:991px) { footer .footer-navigation {padding-right:0;} }
@media (max-width:767px) { footer .footer-navigation {margin-bottom:20px;} }
footer .footer-batao {margin-left:70px;}
@media (min-width:992px) and (max-width:1199px) { footer .footer-batao {margin-left:50px;} }
@media (max-width:991px) { footer .footer-batao {margin-left:0;} }
footer .footer-batao p {margin-bottom:0;}
@media (max-width:991px) { footer .footer-batao {padding-left:0;padding-right:0;} }
@media (max-width:767px) { footer .footer-batao {padding-left:15px;margin-bottom:20px;} }
@media (max-width:767px) { footer .footer-magento-partner {padding-bottom:20px;} }
footer .footer-magento-partner p {margin-bottom:10px;}
footer .footer-magento-partner a {text-decoration:none;border:none;}
footer .footer-magento-partner img.badge-technology-partner {margin-left:-6px;}
@media (max-width:991px) { footer .footer-contact {padding-left:15px;} }
@media (max-width:767px) { footer .footer-contact {padding-left:15px;padding-bottom:20px;} }
@media (max-width:767px) { footer .footer-contact li:nth-child(5) {line-height:.2;} }
footer .footer-navigation a, footer .footer-navigation button, footer .footer-batao span, footer .footer-magento-partner span, footer .footer-contact ul li:first-child  {font-weight:500;}
footer .footer-navigation a, footer .footer-navigation a:hover {border-bottom:none;}
footer .footer-navigation li:last-child {display:none;}
footer .footer-contact h3 {font-size:16px;color:#ababab;margin-bottom:0;font-weight:500;}
footer .footer-contact a {border-bottom:1px solid #ababab;line-height:.9;}
footer .footer-contact a:hover {border-bottom:1px solid #282828;}

footer .footer .container .inner-container {width:100%;margin:0 auto;display:table;}
@media (min-width:768px) and (max-width:991px) { footer .footer .container .inner-container {padding-left:0;padding-right:0;} }
@media (max-width:767px) { footer .footer .container .inner-container {padding-left:0;} }
footer .brands {margin-top:50px;padding:30px 0;border-top:1px solid #3a3a3a;}
footer .brands .container {padding-left:15px;padding-right:15px;}
@media (min-width:768px) and (max-width:991px) { footer .brands .container {padding:0;width:90%;} }
footer .brands .container div {display:table-cell;float:none;height:100%;vertical-align:middle;text-align:center;}
@media (min-width:768px) and (max-width:991px) { footer .brands .container div {width:19%;} }
@media (max-width:767px) { footer .brands .container div {width:48%;display:inline-block;text-align:center;} }
footer .brands div.footer-logo-container {width:88%;display:table;margin:0 auto;}
@media (min-width:992px) and (max-width:1199px) { footer .brands div.footer-logo-container {width:100%;} }
@media (max-width:767px) { footer .brands div.footer-logo-container {display:block;width:100%;} }
footer .brands div.footer-logo-container a {border:0;}
footer .brands img {opacity:.4;}

section.disclaimer {font-size:13px;padding:16px 0;}
section.disclaimer a {border-bottom:1px solid #ababab;line-height:.9;color:#515151;}
@media (max-width:767px) { section.disclaimer a {font-size:13px;} }
@media (max-width:767px) { section.disclaimer ul {display:table;margin-left:0;font-size:13px;} }
section.disclaimer ul li {display:inline-block;padding-left:10px;position:relative;}
@media (max-width:767px) { section.disclaimer ul li {display:block;} }
section.disclaimer ul li:after {content:"\2022";position:absolute;right:-10px;}
@media (max-width:767px) { section.disclaimer ul li:after {content:none;} }
section.disclaimer ul li:last-child:after {content:none;}

section.sub-page-full-width-header {width:85%;margin:0 auto;position:relative;background:#eae8e8;}
@media (min-width:1200px) and (max-width:1500px) { section.sub-page-full-width-header {width:90%;} }
@media (max-width:1199px) { section.sub-page-full-width-header {width:100%;} }
section.location-batao.sub-page-full-width-header {padding:0;}
section.location-batao #map {width:100%;height:550px;}
@media (max-width:767px) { section.location-batao #map {height:300px;} }

section.b2b-ecommerce-introduction {background:url("../img/thumb/batao-introduction-header-background-warehouse-meeting.png") #eae8e8 right center no-repeat;background-size:950px 565px;}

section.integrate-crm-erp-systems {}
section.integrate-crm-erp-systems .container {}
@media (max-width:991px) { section.integrate-crm-erp-systems .container {width:100%;text-align:center;} }
section.integrate-crm-erp-systems .container div:last-child {padding-right:0;padding-left:60px;}
section.integrate-crm-erp-systems .container p:last-child {margin-bottom:0;}
@media (min-width:992px) and (max-width:1199px) { section.integrate-crm-erp-systems .container div:first-child {padding-left:30px;padding-top:15px;} }
@media (min-width:992px) and (max-width:1199px) { section.integrate-crm-erp-systems .container div:first-child img {width:430px;height:auto;} }
@media (min-width:992px) and (max-width:1199px) { section.integrate-crm-erp-systems .container div:last-child {padding-left:30px;padding-right:30px;} }
@media (min-width:768px) and (max-width:991px) { section.integrate-crm-erp-systems .container div {width:750px;margin:0 auto;padding:0 30px!important;} }
@media (max-width:767px) { section.integrate-crm-erp-systems .container div {width:100%;margin:0 auto;padding:0 15px!important;} }
@media (min-width:768px) and (max-width:991px) { section.integrate-crm-erp-systems .container div img {margin-bottom:40px;} }
@media (max-width:767px) { section.integrate-crm-erp-systems .container div img {margin-bottom:20px;width:80%;} }

section.services-introduction {background:url("../img/thumb/batao-services-introduction-background.png") #eae8e8 right center no-repeat;background-size:813px 524px;}
@media (min-width:991px) and (max-width:1199px) { section.services-introduction {background-position:right -133px center;background-size:859px 554px;} }
@media (min-width:768px) and (max-width:992px) { section.services-introduction {background-position:right -250px center;} }
@media (max-width:767px) { section.services-introduction {background-image:none;text-align:center;} }
section.services-introduction p:last-child {margin-bottom:0;}
section.cases-introduction {height:460px;}
@media (max-width:767px) { section.cases-introduction {height:300px;} }
body.fruitcake-studio section.cases-introduction {background:url("../img/cases/fruitcake-studio-header.jpg") center center no-repeat;background-size:cover;}
body.fruitcake-studio section.results {background:url("../img/cases/fruitcake-studio-result.png") no-repeat;background-size:1008px 658px;background-position:calc(50% - -587px) 175%;}
@media (max-width:991px) { body.fruitcake-studio section.results {background-size:80%;background-position:bottom -20px center;} }
body.visy section.cases-introduction {background:url("../img/cases/visy-header.jpg") center center no-repeat;background-size:cover;}
body.visy section.results {background:url("../img/cases/visy-result.png") no-repeat;background-size:1008px 658px;background-position:calc(50% - -587px) 180%;}
@media (max-width:991px) { body.visy section.results {background-size:80%;background-position:bottom -40px center;} }
body.zon365 section.cases-introduction {background:url("../img/cases/365zon-header.jpg") center center no-repeat;background-size:cover;}
body.zon365 section.results {background:url("../img/cases/365zon-result.png") no-repeat;background-size:1008px 658px;background-position:calc(50% - -587px) 182%;}
@media (max-width:991px) { body.zon365 section.results {background-size:80%;background-position:bottom -40px center;} }

body.machine-gorilla section.cases-introduction {background:url("../img/cases/machine-gorilla-header.jpg") center center no-repeat;background-size:cover;}
body.machine-gorilla section.results {background:url("../img/cases/machine-gorilla-result.png") no-repeat;background-size:1008px 658px;background-position:calc(50% - -587px) 182%;}
@media (max-width:991px) { body.machine-gorilla section.results {background-size:80%;background-position:bottom -40px center;} }

body.gaasbeek section.cases-introduction {background:url("../img/cases/gaasbeek-header.jpg") center center no-repeat;background-size:cover;}
body.gaasbeek section.results {background:url("../img/cases/gaasbeek-result.png") no-repeat;background-size:1008px 658px;background-position:calc(50% - -587px) 182%;}
@media (max-width:991px) { body.gaasbeek section.results {background-size:80%;background-position:bottom -40px center;} }

body.xxldirect section.cases-introduction {background:url("../img/cases/xxldirect-header.jpg") center center no-repeat;background-size:cover;}
body.xxldirect section.results {background:url("../img/cases/xxldirect-result.png") no-repeat;background-size:1008px 658px;background-position:calc(50% - -587px) 182%;}
@media (max-width:991px) { body.xxldirect section.results {background-size:80%;background-position:bottom -40px center;} }

section.results .project-details {padding-top:50px;}
@media (max-width:991px) { section.results .project-details {text-align:center;padding-bottom:430px;} }
@media (max-width:767px) { section.results .project-details {padding-bottom:44%;} }

section.challenge-solution .challenge-solution-container, section.icons-text-wrapper .icon-text-container {background:#eae8e8;}
@media (max-width:991px) { section.challenge-solution .challenge-solution-container, section.icons-text-wrapper .icon-text-container {width:100%;} }
@media (max-width:767px) { .container.challenge-solution-container div, .container.icon-text-container div {text-align:center;} }
@media (max-width:767px) { .container.challenge-solution-container div:last-child, .container.icon-text-container div:last-child {padding-top:30px;} }
@media (max-width:767px) { .container.challenge-solution-container h3, .container.challenge-solution-container span, .container.icon-text-container h3, .container.icon-text-container span {display:block;} }
@media (max-width:767px) { .container.challenge-solution-container .icon, .container.icon-text-container .icon {display:block;margin:0;position:inherit;} }
@media (max-width:767px) { .container.challenge-solution-container .icon img, .container.icon-text-container .icon img {display:inline;} }

section.testimonial .container {background:#4d5674;color:#ffffff;text-align:center;padding:0 0 40px 0;}
@media (max-width:991px) { section.testimonial .container {width:100%;} }
section.testimonial .testimonial-image {border-radius:100%;overflow:hidden;width:65px;height:65px;text-align:center;margin:0 auto;margin-top:-32px;margin-bottom:40px;}
section.testimonial .testimonial-image img {width:100%;height:auto;}
p.quote {position:relative;z-index:10;}
section.testimonial p.quote:after, section.testimonial.carousel:after {content:'\201D';font-size:350px;z-index:-1;font-weight:700;top:-99px;right:-14px;color:#525b78;position:absolute;display:block;}
section.testimonial:not(.carousel) .btn-round {display:none;}
section.testimonial li {display:none;}
section.testimonial li.visible {display:block;}

section.testimonial.carousel .btn-round {top:50%;margin-top:0;}
section.testimonial.carousel .btn-left {left:-275px;}
section.testimonial.carousel .btn-right {right:-275px;left:auto;}
section.testimonial.carousel .carousel-wrapper {width:100%;overflow:hidden;margin-top:-32px;}
section.testimonial.carousel ul {width:8000px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
@media (max-width:991px) { section.testimonial.carousel ul {width:100%;} }
section.testimonial.carousel ul li {float:left;display:block;width:750px;}
@media (max-width:1199px) { section.testimonial.carousel ul li {width:615px;} }
@media (max-width:991px) { section.testimonial.carousel ul li {width:100%;} }
@media (max-width:991px) { section.testimonial.carousel ul li {height:0;opacity:0;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} }
@media (max-width:991px) { section.testimonial.carousel ul li.active {height:auto;opacity:1;position:relative;} }
section.testimonial.carousel .testimonial-image {margin-top:0;}
section.testimonial.carousel p.quote:after {content:none;}
section.testimonial.carousel:after {z-index:1;right:auto;left:50%;top:-69px;margin-left:189px;}

section.tools-techniques .tools-techniques-container {width:50%;margin:0 auto;text-align:center;}
@media (max-width:767px) { section.tools-techniques .tools-techniques-container {width:90%;} }
section.tools-techniques .tools-techniques-container ul li {display:inline-block;border-radius:3px;border:1px solid #b3b3b3;color:#515151;font-size:17px;padding:2px 8px;margin:0 2px 8px 2px;}
section.tools-techniques .tools-techniques-container ul li:hover {background:#b3b3b3;color:#fff;}

@media (max-width:767px) { .about-our-logo .container.challenge-solution-container div:last-child {padding-top:0;} }
section.about-our-logo .logo-large {position:relative;text-align:center;margin-top:-50px;}
section.about-our-logo .logo-large img {margin:0 auto;width:70%;}
@media (max-width:767px) { section.about-our-logo .logo-large img {width:100%;} }

section.about-our-logo .logo-red-white-animation-container {margin-bottom:22px;}
section.about-our-logo .logo-red-white-animation {position:relative;text-align:center;height:233px;}
@media (max-width:767px) { section.about-our-logo .logo-red-white-animation {height:auto;} }
section.about-our-logo .logo-red-white-animation img {position:absolute;width:100%;height:auto;left:0;}
@media (max-width:767px) { section.about-our-logo .logo-red-white-animation img {position:inherit;} }
@media (min-width:768px) { 
section.about-our-logo .logo-red-white-animation img:last-child {-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;transition:all 2s ease-in-out;animation:logo-fade-in-out 8s 2s infinite ease-in-out;-webkit-animation:logo-fade-in-out 8s 2s infinite ease-in-out;-moz-animation:logo-fade-in-out 8s 2s infinite ease-in-out;}
@-webkit-keyframes logo-fade-in-out { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes logo-fade-in-out { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }
}

section.why-upgrade-to-magento2 .free-label {background:#ef4745;color:#fff;display:table;position:relative;float:right;margin-right:-30px;margin-top:-149px;z-index:99;}
@media (max-width:991px) { section.why-upgrade-to-magento2 .free-label {position:absolute;right:51px;top:57px;transform:scale(.7);} }
@media (max-width:767px) { section.why-upgrade-to-magento2 .free-label {position:absolute;left:50%;bottom:-282px;top:auto;margin-left:-113px;transform:none;} }
section.why-upgrade-to-magento2 .free-label a {padding:35px 26px 60px 35px;text-transform:uppercase;color:#fff;border:0;}
section.why-upgrade-to-magento2 .free-label a span {font-weight:700;line-height:40px;}
section.why-upgrade-to-magento2 .free-label a span.text-free,
section.why-upgrade-to-magento2 .free-label a span.text-cart2quote {display:block;}
section.why-upgrade-to-magento2 .free-label a span.text-free {font-size:50px;}
section.why-upgrade-to-magento2 .free-label.english a span.text-free {font-size:76px;margin-left:-3px;}
section.why-upgrade-to-magento2 .free-label a span.text-cart2quote {font-size:26.5px;}
section.why-upgrade-to-magento2 .free-label.english a span.text-cart2quote {margin-top:6px;}
section.why-upgrade-to-magento2 .free-label a span.text-twv {font-size:20px;position:relative;top:-10px;}
section.why-upgrade-to-magento2 .free-label.english a span.text-twv {font-size:12px;}
section.why-upgrade-to-magento2 .free-label a span.text-amount {font-size:56px;}
section.why-upgrade-to-magento2 .free-label a span.text-amount span {position:relative;}
section.why-upgrade-to-magento2 .free-label a span.text-amount span span {left:-10px;}
section.why-upgrade-to-magento2 .free-label a span.text-condition {color:#515151;position:absolute;text-transform:initial;font-size:13.3px;background:#fff;border-radius:30px;width:83%;left:50%;line-height:33px;text-align:center;display:block;margin:0 auto;margin-left:-41%;}

section.icons-text-wrapper .row {margin:30px 0;}
section.icons-text-wrapper .row:last-child {margin-bottom:0;}
@media (max-width:767px) { section.icons-text-wrapper .row {margin:0 0 30px 0;} }
@media (max-width:767px) { section.icons-text-wrapper .btn-round {display:none;} }

section.steps-migration-to-magento-2 ul.paragraph-list li:before {border-radius:50%;width:18px;height:18px;color:#fff;top:-2px;margin-right:10px;font-size:12px;font-weight:500;display:inline-block;position:relative;text-align:center;background:#4d5674;}
section.steps-migration-to-magento-2 ul.paragraph-list li a {text-decoration:none;color:#515151;border-bottom-color:#f3f3f3;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
section.steps-migration-to-magento-2 ul.paragraph-list li a:hover {border-bottom-color:#515151;}
section.steps-migration-to-magento-2 ul.paragraph-list li a .btn-arrow, section.steps-migration-to-magento-2 ul.paragraph-list li a .btn-arrow:before, section.steps-migration-to-magento-2 ul.paragraph-list li a .btn-arrow:after {background:#515151;}

section.steps-migration-to-magento-2-explained .container {border-top:1px solid #d4cdcd;}
section.steps-migration-to-magento-2-explained .container .btn-bottom {bottom:auto;top:0;margin-top:-17px;}
section.steps-migration-to-magento-2-explained .migration-steps-all {position:relative;margin-bottom:90px;}
section.steps-migration-to-magento-2-explained .migration-steps-all:before {content:'';left:0;top:100px;bottom:0;margin-left:46px;background:url("../img/dashed-border.png") top center repeat-y;background-size:100%;width:2px;height:auto;position:absolute;}
@media (max-width:991px) { section.steps-migration-to-magento-2-explained .migration-steps-all:before {margin-left:35px;} }
@media (max-width:767px) { section.steps-migration-to-magento-2-explained .migration-steps-all:before {content:none;} }
@media (max-width:767px) { section.steps-migration-to-magento-2-explained .migration-steps-all .step:last-child {display:none;} }
section.steps-migration-to-magento-2-explained .migration-steps-all .step .step-image {padding:0 30px 0 0;margin-left:-20px;}
@media (max-width:767px) { section.steps-migration-to-magento-2-explained .migration-steps-all .step .step-image {margin-left:0;padding-right:0;} }
section.steps-migration-to-magento-2-explained .migration-steps-all .step:last-child .image-container {margin-top:-50px;}
section.steps-migration-to-magento-2-explained .migration-steps-all .step-title {padding:10px 30px 0 0;}
@media (max-width:767px) { section.steps-migration-to-magento-2-explained .migration-steps-all .step-title {padding-right:0;text-align:center;} }
section.steps-migration-to-magento-2-explained .migration-steps-all .step-title h3 {font-size:20px;}
section.steps-migration-to-magento-2-explained .migration-steps-all .step-paragraph {padding:10px 0 0 50px;}
@media (max-width:767px) { section.steps-migration-to-magento-2-explained .migration-steps-all .step-paragraph {padding-left:0;text-align:center;} }
section.steps-migration-to-magento-2-explained .migration-steps-all .image-container {padding:20px;background:#f3f3f3;text-align:center;display:table;margin:-17px auto;}
section.steps-migration-to-magento-2-explained .migration-steps-all .image-container img {display:table-cell;vertical-align:middle;}

section.cart2quote-explanation .cart2quote-partner div p {margin-bottom:22px;}
section.cart2quote-explanation .cart2quote-partner div p:last-child {margin-bottom:0;}

section.contact-details-batao ul {padding-top:30px;}
section.contact-details-batao .contact-details {padding-right:50px;}
@media (min-width:768px) and (max-width:991px) { section.contact-details-batao .contact-details {padding-right:20px;} }
section.contact-details-batao .contact-form {padding-left:50px;padding-top:40px;}
@media (max-width:991px) { section.contact-details-batao .contact-form {padding-left:0;} }
@media (max-width:767px) { section.contact-details-batao .contact-form {padding-left:15px;padding-right:15px;} }

section.one-stop-partner {background:url("../img/batao-services-portfolio-gaasbeek.png") center bottom no-repeat;background-size:1020px 355px;}
@media (max-width:991px) { section.one-stop-partner {background-size:909px 307px;} }
@media (max-width:767px) { section.one-stop-partner {background-image:none;} }
section.one-stop-partner .one-stop-partner-details {padding-top:0!important;padding-bottom:430px!important;}
@media (max-width:991px) { section.one-stop-partner .one-stop-partner-details {padding-bottom:380px!important;} }
@media (max-width:767px) { section.one-stop-partner .one-stop-partner-details {padding-bottom:60px!important;} }
@media (max-width:767px) { section.one-stop-partner {text-align:center;} }
@media (max-width:767px) { section.one-stop-partner span {display:block;margin:0;text-align:center;position:inherit;} }

/* Default Text Pages */
section.default-text-page .text-columns-2 {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
section.default-text-page .text-columns-3 {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
section.default-text-page .text-columns-2, section.default-text-page .text-columns-3 {-webkit-column-gap:60px;-moz-column-gap:60px;column-gap:60px;}
section.default-text-page .text-column {padding-left:40px;padding-right:40px;min-height:initial!important;}
@media (max-width:767px) { section.default-text-page .text-column {-webkit-column-count:1;-moz-column-count:1;column-count:1;padding:0 15px;text-align:left;} }
section.default-text-page ol {list-style:decimal;margin-bottom:22px;}
section.default-text-page ol li, section.default-text-page ul li {margin-left:30px;}
section.default-text-page ul {list-style:unset;margin-bottom:22px;}
/* Popup */
.popup {display:none;background:rgba(0,0,0,.3);position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;}
.popup.visible {display:block;}
.popup .popup-body {background:#f3f3f3;width:550px;left:50%;margin-left:-275px;top:20%;text-align:center;border-radius:2px;position:absolute;padding:30px;-webkit-box-shadow:0 0 136px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 136px 0 rgba(0, 0, 0, 0.3);box-shadow:0 0 136px 0 rgba(0 0, 0, 0.3);}
@media (max-width:767px) { .popup .popup-body {width:90%;margin-left:-45%;} }

/* Main margin padding declaration */
section.tools-techniques .container, section.contact-details-batao .container, section.results .container, section.one-stop-partner .container, .batao-team-members, .serve-your-company-best .container, section.batao-about-team-members .expertises, .reasons-why-ecommerce, section.our-services-quick-links, section.integrate-crm-erp-systems-examples, section.steps-migration-to-magento-2 {padding-top:90px;padding-bottom:90px;}
@media (max-width:767px) { section.tools-techniques .container, section.contact-details-batao .container, section.results .container, section.one-stop-partner .container, .batao-team-members, .serve-your-company-best .container, section.batao-about-team-members .expertises, .reasons-why-ecommerce, section.our-services-quick-links, section.integrate-crm-erp-systems-examples, section.steps-migration-to-magento-2 {padding-top:60px;padding-bottom:60px;} }
@media (max-width:991px) { section.integrate-crm-erp-systems-examples, section.steps-migration-to-magento-2 {padding-bottom:0;} }
section.icons-text-wrapper {margin-bottom:90px;}
@media (max-width:991px) { section.icons-text-wrapper {margin-bottom:0;} }
section.our-services-quick-links {padding-top:0;}
section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along {margin-bottom:0;margin-top:70px;}
@media (max-width:767px) { section.integrate-crm-erp-systems-examples .cart2quote-partner.webstore-grow-along {margin-bottom:0;margin-top:60px;} }
section.contact-details-batao, section.default-text-page, section.steps-migration-to-magento-2 .introduction {padding-bottom:90px;}
@media (max-width:991px) { section.steps-migration-to-magento-2 .introduction {padding-bottom:60px;} }
section.tools-techniques .container {padding-bottom:120px;}
@media (max-width:767px) { section.tools-techniques .container {padding-bottom:90px;} }
section .batao-team-members {padding-top:110px;}
section.batao-about-team-members .expertises, section.batao-about-team-members {padding-top:100px;}
section.steps-migration-to-magento-2-explained .migration-steps-all {padding-top:90px;}
@media (max-width:991px) { section.steps-migration-to-magento-2-explained .migration-steps-all {padding-top:60px;} }
section.sub-page-full-width-header, section.challenge-solution .container, .container.cart2quote-partner, section.icons-text-wrapper .container, section.cart2quote-explanation .container {padding-top:70px;padding-bottom:70px;}
@media (max-width:767px) { section.sub-page-full-width-header, section.challenge-solution .container, .container.cart2quote-partner, section.icons-text-wrapper .container, section.cart2quote-explanation .container {padding-top:50px;padding-bottom:50px;} }
@media (max-width:991px) { section.default-text-page {padding-bottom:0;} }
@media (max-width:767px) { section.icons-text-wrapper .container:not(.icon-text-container) {padding-top:320px;} }