:root {
  --toolbar-height-mobile: 80px;

  --font-normal: "ProximaNova", sans-serif;
  --font-bold: "ProximaNovaB", sans-serif;

  --color-bwblue: #077db2;
  --color-darkest-blue: #283340;
  --color-dark-blue: #1C2B3A;
}

@media (min-width: 961px) {
  :root {
    --toolbar-height-mobile: 92px;
  }
}

/*
  Base  -------------------------------------
*/
a{text-decoration:none;}
@font-face {
  font-family: "ProximaNova";
  src: url('../fonts/proxima-nova/ProximaNova-Light-webfont.otf');
  src: url("../fonts/proxima-nova/ProximaNova-Light-webfont.eot");
  src: url("../fonts/proxima-nova/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/proxima-nova/ProximaNova-Light-webfont.woff") format("woff"),
    url("../fonts/proxima-nova/ProximaNova-Light-webfont.ttf") format("truetype"),
    url("../fonts/proxima-nova/ProximaNova-Light-webfont.svg#Gotham-Book") format("svg");
}
@font-face {
  font-family: "ProximaNovaEB";
  src: url('../fonts/proxima-nova/proximanova-extrabold-webfont.otf');
  src: url("../fonts/proxima-nova/proximanova-extrabold-webfont.eot");
  src: url("../fonts/proxima-nova/proximanova-extrabold-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/proxima-nova/proximanova-extrabold-webfont.woff") format("woff"),
    url("../fonts/proxima-nova/proximanova-extrabold-webfont.ttf") format("truetype"),
    url("../fonts/proxima-nova/proximanova-extrabold-webfont.svg#Gotham-Book") format("svg");
}
@font-face {
  font-family: "ProximaNovaB";
  src: url('../fonts/proxima-nova/ProximaNova-Bold-webfont.otf');
  src: url("../fonts/proxima-nova/ProximaNova-Bold-webfont.eot");
  src: url("../fonts/proxima-nova/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/proxima-nova/ProximaNova-Bold-webfont.woff") format("woff"),
    url("../fonts/proxima-nova/ProximaNova-Bold-webfont.ttf") format("truetype"),
    url("../fonts/proxima-nova/ProximaNova-Bold-webfont.svg#Gotham-Book") format("svg");
}
b, strong{
  font-family:"ProximaNovaB", "ProximaNova", sans-serif;}
html, body{
  overflow-x:hidden}
body{margin:0px; padding:0; font-family: "ProximaNova", sans-serif;}


/*
  Helpers  -------------------------------------
*/
.rowcon {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 20px;
}
.rowwide,
.rowwork {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (min-width: 1140px) {
  .rowcon {
    padding: 0;
  }
}
.mobilenoshow  { display: none; }
@media screen and (min-width: 961px) { .mobilenoshow  { display: block; } }

/*
  Footer  -------------------------------------
*/
.site-footer {
  background-color: #161e28;
}
.site-footer .brand {
  line-height: 0;
}
.site-footer-logos {
  background-color: #253341;
}
.site-footer-logos > .rowcon {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
.site-footer-logos .logo img {
  max-height: 35px;
  width: auto;
}
.site-footer-logos .social-logo {
  margin-left: 20px;
  opacity: .6;
  transition-duration: .4s;
}
.site-footer-logos .social-logo:hover {
  opacity: 1;
}
.site-footer .sitemap {
  color: #999;
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  line-height: 1.4em;
  padding: 30px 0 0;
  text-align: center;
}
.site-footer .col {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
}
.site-footer .col.contact {
  display: none;
}
.site-footer .title {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.site-footer .sitemap a {
  color: #999;
  display: block;
  transition-duration: .4s;
}
.site-footer .sitemap a:hover {
  color: #fff;
}
.company-contact {
  color: #666;
  line-height: 1.4em;
  text-align: center;
  padding: 0 0 30px;
}
.company-contact span {
  display: inline-block;
}
.company-contact a {
  color: #999;
  transition-duration: .4s;
}
.company-contact .title {
  display: inline-block;
}
.company-contact a:hover {
  color: #fff;
}
@media screen and (min-width: 730px) {
  .site-footer .sitemap {
    padding-bottom: 40px;
    text-align: left;
  }
  .site-footer .col     { width: calc(100% / 3); }
}
@media screen and (min-width: 950px) {
  .company-contact          { display: none; }
  .site-footer .col         { width: calc(100% / 4); }
  .site-footer .col.contact { display: block; }
}

/*
  Homepage  -------------------------------------
*/
.home-magento-award {
  background:  #000;
  margin-top: 20px;
  position: relative;
  text-align: center;
}
.home-magento-award .content {
  padding: 40px 15px;
}
.home-magento-award .title {
  color:#e86430;
  font-family: "ProximaNovaB";
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}
.home-magento-award .subtitle {
  color: #e86430;
  font-family: "ProximaNova";
  font-size: 1.6rem;
}
.home-magento-award p {
  color: #fff;
  font-family: "ProximaNova", sans-serif;
  font-size: 1.187rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 359px) {
  .home-magento-award {
    background: url(../img/home_award_background_mobile.jpg) no-repeat bottom right #000;
    padding-bottom: 75px;
    text-align: left;
  }
  .home-magento-award .content {
    max-width: 540px;
    padding-bottom: 117px;
    padding-left: 25px;
  }
}
@media screen and (min-width: 475px) {
  .home-magento-award {
    padding-right: 138px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 900px) {
  .home-magento-award {
    background-image: url(../img/home_award_background.jpg);
    background-position: 445px center;
    margin-top: 30px;
  }
  .home-magento-award:after {
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
  }
  .home-magento-award .content {
    max-width: 557px;
    padding: 106px 20px;
  }
  .home-magento-award .title {
    font-size: 2.6rem;
  }
  .home-magento-award .subtitle {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 1291px) {
  .home-magento-award {
    background-position: 36vw center;
  }
}
@media screen and (min-width: 1700px) {
  .home-magento-award {
    background-position: right center;
  }
  .home-magento-award:after {
    display: none;
  }
}

/*
  Old styles  -------------------------------------
*/
	
#header{position:fixed; top:0; width:100%;background-color:rgba(13, 29, 44,.9); z-index:999;}
.blog #header{position:fixed; top:0; width:100%;background-color:rgba(13, 29, 44,.9); z-index:999;}
.row p{text-align:center;}

.mobile-nav {display:none;}
@media screen and (max-width: 960px){
#header .logo{
    background: url(../img/logo-bww-detailed.png) no-repeat top;
    background-size: 200px 45px;
	box-sizing:content-box;
}
#header .slideUp{padding-bottom:5px;}
}
#header .logo{float:left; padding:20px 0px;}
#header .slideUp{float:left; padding-top:28px; padding-bottom:14px; padding-left:0px; padding-right:0px;}
#header .logo{
  background: url(../img/logo-bww-detailed.png) no-repeat top;
  width: 241px;
  height: 64px;
  margin-top: 21px;
  margin-bottom: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-size: contain;
}
}
.blog #header .slideUp{
   padding-bottom:7px;
}
.logoimg{
    display:none;
}
.logoimg{
margin-top:-5px;
margin-bottom:5px;
}
.normalmenu{float:right; margin-top:20px;}

#nav { list-style:none; z-index:2; margin-right:30px;}
#nav li { float:left;z-index:2; padding-left:30px; font-size:20px;}
@media screen and (max-width:1062px){
    #nav li {padding-left:20px !important;}
}
@media screen and (max-width:1012px){
    #nav li {padding-left:15px !important;}
}
#nav li a { display:block; color:#fff;  z-index:2; text-transform:capitalize; }
#nav li a:hover { color:#fbb812; }
/* Submenu */
#nav ul.submenu {  padding:5px; position:absolute; list-style:none;z-index:2 ; margin-left:-5px; }
#nav ul.submenu li { float:none; background:#274867; border-bottom:1px solid #999999; z-index:2; padding-left:5px !important; font-size:18px; }
#nav ul.submenu li a{ padding:10px;}




.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  color: #000;
}

      h1, h2, h3, h4, h5, h6 {
      font-family: "ProximaNova", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #6d6d6d;
      text-rendering: optimizeLegibility;
      margin-top: 0.2rem;
      margin-bottom: 0.5rem;
      line-height: 1.4;
      }

      p {
        font-family: "ProximaNova", sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #404040;
      }
      ul, ol {
        list-style: square;
      }


      /* Header Navigation */

header{padding:20px 0px; }


      /* Homepage Main page */

      h2.maint{
        font-family: "ProximaNova", sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
     
        line-height: 1.4;
        color:#fff;
		    font-size:2.8em;
		    margin:30px 0;
		    text-align:center;
      }
      h3.main_subt{
        margin-bottom:50px;
        color:#FFF;
        font-size:1.5rem;
      }
@media screen and (max-width:960px){
	h2.maint{
		font-size:1.5rem !important;
	}
	h3.main_subt{
		font-size:19px;
	}
}

      span.maint{
       font-family: "ProximaNovaEB", sans-serif;
        color:#fbd44d;
      }

      /* Magento Section */




      /* Responsive Section */

      h2.responsive {
      font-family: "ProximaNova", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #252525;
      text-rendering: optimizeLegibility;
      margin-top: 0.2rem;
      margin-bottom: 0.5rem;
      line-height: 1.4;
      }


      p.responsive{
      font-family: "ProximaNova", sans-serif;

      font-weight: normal;
      font-style: normal;
      color: #252525;
      }


      a.responsive {
	  font-family:"ProximaNovaB", sans-serif;
      color:#11728f;
      }


      /* Conversion Section */

      h3.conversion {
      font-family: "ProximaNova", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #252525;
      text-rendering: optimizeLegibility;
      margin-top: 0.2rem;
      margin-bottom: 0.5rem;
      line-height: 1.4;
      }


      p.conversion {
      font-family: "ProximaNova", sans-serif;
      font-weight: light;
      font-style: light;
      color: #fefeff;
      }


      a.conversion {
	  font-family:"ProximaNovaB", sans-serif;
      color:#fefeff;
      }


      /* Analytics Section */

      h2.webmarketing {
      font-family: "ProximaNova", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #fefeff;
      text-rendering: optimizeLegibility;
      margin-top: 0.2rem;
      margin-bottom: 0.5rem;
      line-height: 1.4;
      }


      p.webmarketing {
      font-family: "ProximaNova", sans-serif;
      font-weight: light;
      font-style: light;
      color: #fefeff;
      }


      a.webmarketing {
	  font-family:"ProximaNovaB", sans-serif;
      color:#fefeff;
      }



    /* Testimonials Section */

    #testimonials {
      margin-top:20px;
      padding: 40px 0;
	  text-align:center;
    }


    p.testimonials {
    font-family: "ProximaNova", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 80%;
    color: #595959;
    }

    p.ceo {
	font-family:"ProximaNovaB", sans-serif;
    font-size: 80%;
    color: #000000;
    }

    a.testimonials{
	font-family:"ProximaNovaB", sans-serif;
    color:#1cb2e8;
    }


    /* Down Arrow Effect */

    .section-arrow{
      width:40px;
      height:40px;
      position:absolute;

      left:50%;
      margin-left:-20px;
      background:url("../img/down-arrow.png") no-repeat center center;
      -webkit-animation:fade-in-out 5s infinite;
      -moz-animation:fade-in-out 5s infinite;
      -o-animation:fade-in-out 5s infinite;animation:fade-in-out 5s infinite;
      z-index:10
    }


      @-webkit-keyframes fade-in-out{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
      @-moz-keyframes fade-in-out{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
      @-o-keyframes fade-in-out{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
      @keyframes fade-in-out{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}



      /* Sections Backgrounds */

      #homeslider {
       background: url("../img/bww-main-large.jpg") no-repeat center center;
		background-size: cover;
        display: block;
        width: 100%;
        margin: 0 auto;
		padding-top:90px;
		padding-bottom:20px;
      }

#ecommerce {
  background: #e9e7e7;
  background-size: cover;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 70px;
    /* height:420px; */
      }
        #ecommerce h2{font-size:2em; color:#252525; text-transform:uppercase;}
        #ecommerce h3{ color:#252525; }}

        .learnmore {
  margin-top: 170px!important;
}
        .learnmore a {
          color: #016a8c;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: underline;
    font-family: 'ProximaNovaB';
        }

	  .right{  line-height: 1.6;}
		#magento { background: #e9e7e7; height:500px;}
		#magento h2{font-size:2em; color:#252525; text-transform:uppercase;}
		#magento a{ color:#ed4b23; text-transform:uppercase; font-size:18px; text-decoration:underline; font-family:'ProximaNovaB';}
		#magento p{color:#404040; font-family:"ProximaNova", sans-serif; font-size:19px;  margin-bottom:1.25rem; line-height:1.6;}
		.magentoright{margin-left:-10%; z-index:1; width:50%; overflow:hidden; float:left; }
		#magento .left{z-index:2; position:relative;padding-top:160px; }

		#magento .leftlogo{float:left; width:50%;}
		#magento .leftcontent{ }
      .g-recaptcha{width:304px; margin:auto;padding-top:20px;}



		#responsive {background: url("../img/bww-responsive-large.jpg") no-repeat center center; background-size: cover; height:500px;-webkit-box-shadow:inset 0 8px 20px -10px #000000;
box-shadow:inset 0 8px 20px -10px #000000; overflow:hidden}
		#responsive h2{font-size:34px; color:#252525; text-transform:uppercase;line-height:1.0;margin-bottom:1.25rem;}
		#responsive a{ color:#016a8c; text-transform:uppercase; font-size:18px; text-decoration:underline; font-family:'ProximaNovaB';}
		#responsive p{color:#404040; font-family:"ProximaNova", sans-serif ; font-size:19px;  margin-bottom:1.25rem; line-height:1.6;}
		#responsive .left{float:right; width:580px; padding-top:160px;}
		#responsive .leftlogo{float:right; width:240px; text-align:right;}
		#responsive .leftcontent{float:right; text-align:right; width:330px}
		.responsiveleft{float:left;margin-left:-5%; width:50%; padding-top:20px;}
		.home-conversion {background: url("../img/bww-conversion-large.jpg") no-repeat center center;background-size: cover;height:500px;-webkit-box-shadow:inset 0 8px 20px -10px #000000;
box-shadow:inset 0 8px 20px -10px #000000;}
		.home-conversion h2{font-size:34px; color:#252525; text-transform:uppercase;line-height:1.0;margin-bottom:1.25rem; margin-top:20px;}
		.home-conversion a{ color:#9cc4f4; text-transform:uppercase; font-size:18px; text-decoration:underline; font-family:'ProximaNovaB';}
		.home-conversion p{color:#ffffff; font-family:"ProximaNova", sans-serif; font-size:19px;  margin-bottom:1.25rem; line-height:1.6;}
		.home-conversion .left{float:left; width:580px; padding-top:110px; z-index:2; position:relative;}
		.home-conversion .leftlogo{float:left; width:230px; }
		.home-conversion .leftcontent{float:left; width:350px;}
		.conversionright{float:right; margin-left:-12%; width:50%; overflow:hidden; position:relative; z-index:1;text-align:right;}
		#webmarketing {background: #25364b;background-size: cover;height:500px;}
		#webmarketing h2{font-size:34px; color:#ffffff; text-transform:uppercase;line-height:1.0;margin-bottom:1.25rem;}
		#webmarketing a{ color:#ec1d4e; text-transform:uppercase; font-size:18px; text-decoration:underline; font-family:'ProximaNovaB';}
		#webmarketing p{color:#ffffff; font-family:"ProximaNova", sans-serif; font-size:19px;  margin-bottom:1.25rem; line-height:1.6;}
		#webmarketing .left{float:right; width:680px; padding-top:140px; margin-left:-300px;}
		#webmarketing .leftlogo{float:right; width:275px; text-align:right; padding-top:25px; }
		#webmarketing .leftcontent{float:right; text-align:right; width:330px;}
.webmarketingleft{float:left; margin-left:-10%; width:50%;}
		#clientssay{background: #237199; padding:72px 0px; width:100%;}
		#clientssay h3{color:#ffffff; font-family: "ProximaNova"; font-size:34px; text-transform:uppercase; text-align:center; padding:0px; margin:0px; }
		#latestposts_title{background: #f9f9f9; padding:72px 0px; width:100%;}
		#latestposts_title h3{color:#252525; font-family: "ProximaNova"; font-size:34px; text-transform:uppercase; text-align:center; padding:0px; margin:0px; }

		#checkout{margin-bottom:50px;}
		#checkout a{ color:#1cb2e8; text-transform:uppercase; font-size:22px; text-decoration:none; font-family:Arial;}

      footer.inline-nav li{float:left;text-align:left;text-transform:lowercase}
      footer.inline-nav li:after{content:" | ";color:#FFF;position:relative;padding:0 5px}
      footer.inline-nav li:last-child:after{content:""}
      footer.inline-nav li a{color:#FFF !important;font-size:15px;font-family: "ProximaNova", sans-serif;text-transform:capitalize}
      .logo-container img{max-width:none}
      .hide-text h1{text-indent:-1000em;font-size:0}.border-bottom{margin:40px 0 50px}

#carousel{width: 1080px; margin:auto; padding-top:70px; padding-bottom:0px; text-align:center;}
#carousel .carlogo{ /*float:left;*/ display:inline-block;  padding:10px 26px; width:auto;}
#carousel .carlogo img{vertical-align:middle;}
/* #carousel .carlogo img{ width:100%;} */

.rows{width:1080px; margin:auto;}
.row1000{width:1080px; margin:auto;}
.testimonialblock{ /*float:left;*/ display:inline-block; text-align:left; font-family: "ProximaNova"; font-size:19px; width:33%; padding:0px; color:#404040; }
.testimonialblock b{color:#5a5a5a}
.testimonialblock .logo{ text-align:center; padding-bottom:30px; }

.testimonialblock2{ float:left; font-family: "ProximaNova"; font-size:19px; width:410px; padding:0px 10px; color:#595959; }
.testimonialblock2 .logo{ padding-bottom:30px; }
.quote{width:80%; float:left;}
.testimonialblock2 .quote{padding-top:20px; width:390px;}

.minilogos{ width:100%; margin:auto;}
.minilogos.flex{display:flex; align-items: center;gap:50px}
.minilogos.flex2{display:flex;align-items: center;justify-content: space-evenly}
.minilogos-mobile{display: none;}

@media screen and (max-width:1000px) {
  .minilogos.flex,.minilogos.flex2{
    display: none;
  }
  .minilogos-mobile{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:40px;
    padding:20px;
  }
  .minilogos-mobile img{
    height:60px;
    flex: 1 1 40%;
    object-fit: contain;
  }
  .minilogos-mobile img:nth-child(2){
    height: 100px;
  }
}
@media screen and (max-width:694px){
  .minilogos-mobile img{
    height: 35px;
  }
  .minilogos-mobile img:nth-child(2){
    height: 60px;
  }
  .minilogos-mobile img:nth-child(4){
    height: 30px;
  }
}
@media screen and (max-width:380px){
  .minilogos-mobile {
    padding:0;
  }
  .minilogos-mobile img{
    height: 25px;
  }
  .minilogos-mobile img:nth-child(2){
    height: 40px;
  }
  .minilogos-mobile img:nth-child(4){
    height: 20px;
  }
}
.minilogo1{float:left; width:25%; text-align:center;}
.minilogo2{float:left; width:25%; text-align:center;}
.minilogo3{float:left; width:25%; text-align:center;}
.minilogo4{float:left; width:25%; text-align:center;}
#ecommerce .minilogo1{float:left; width:33%; text-align:center;}
#ecommerce .minilogo2{float:left; width:33%; text-align:center;}
#ecommerce .minilogo3{float:left; width:33%; text-align:center;}

#thegreenarrow{ text-align:center; }



#customhtml{background:#000; background-image:url(../img/blackbottombg.jpg); background-position:top center; padding-bottom:40px;  padding-top:40px; }
#customhtml ul { color: #fff; }
.leftresponsive{float:left; margin-bottom:-70px; }
.rightresponsive{float:right;  margin-bottom:-70px; width:525px; margin-right:50px;}
.shadowline{margin-left:-30px; margin-right:-30px; text-align:center;}
.backcolorblack{background:#404040; color:#fff;  font-size:22px; line-height:26px;padding-top:30px; padding-bottom:10px;}
.backcolorwhite{background:#fff; color:#404040; font-size:22px; line-height:26px; padding-top:30px; padding-bottom:10px;}
.rightresponsive .wrapper350{ width:350px; margin:auto; text-align:center; }
.rightresponsive .wrapper380{ width:380px; margin:auto; text-align:center;}
.colorboldorange{color:#ec8850; font-weight:bold;}
.conversiontext{ margin-top:80px; margin-bottom:45px;}
.wrapper850{ width:850px; margin:auto; font-size:19px; line-height:26px; text-align:center; color:#404040;}
.arrowdown{float:left; margin-right:20px; margin-top:20px; width:100px; min-height:100px;}
.greybackground{background:#363636; color:#FFF; padding-left:5px; margin-right:2px;}
.whitebold{ color:#fff;font-family: "ProximaNovaB";}
.blackbold{ color:#404040;font-family: "ProximaNovaB";}
.wordpressleft{ float:left; width:505px; font-size:19px; line-height:26px; margin-right:-60px; color:#404040}
.wordpressleft p{ font-size:22px; margin-top:20px;}
.wordpressright { float:right; width:565px;}
.wordpressright img { display: block; margin: 0 auto; }
.customleft{float:left; width:285px;}
.customright{float:left; color:#fff;}
.customright h3{color:#fff; font-size:24px; line-height:34px;}
.customright li{font-size:19px; line-height:26px; list-style:square;}

.thebios p{font-size:19px;}
.biosleftimg{width:30%; float:left; margin-top:10px;}
.biosrighttxt{width:68%; float:left; padding-left:2%}
.biosrightimg{width:30%; float:right; margin-top:10px; text-align:right;}
.bioslefttxt{width:68%;  padding-right:2%;}
.paddingbio{padding-top:100px;}
.ourteamexteriorimg{width:100%; height:auto;}
.smallblueline{width:100%; height:2px;}
.smallblueline2{width:80%; height:2px;}
.resolvelongname{width:121%; margin-left:-21%;}
.resolvelongname2{width:121%; margin-right:-21%;}
/* our work */
.activee a{color:#fbb813 !important;}
#sectiontitle{background:#f1f1f1; margin-top:92px; height: 70px; border-bottom:1px solid #c4c4c4;}
#sectiontitle h1{color:#404040; font-size:28px; line-height:70px; padding-left:0px;}
.sectiontitle2{background:#f1f1f1;  min-height: 70px; border-bottom:1px solid #c4c4c4;}
.sectiontitle2 h1{color:#333; font-size:28px; line-height:70px; padding-left:5px;}
.colorlightblue{color:#1095e9;}
.rowab {width:1080px; margin:auto;}

.afgback {background:url(../img/afg_background.jpg) no-repeat center center;background-size: cover;height:500px;}
.afglefttextside{ float:left; padding-top:40px; padding-left:10%; font-size:20px; color:#FFF; }
.afglefttextside img{ margin-bottom:-70px;}
.afgrightlogoside{float:left; padding-top:95px; text-align:right; padding-right:5%;}

.sbback {background:url(../img/sb_background.jpg) no-repeat center center;background-size: cover;height:500px;}
.sblefttextside{ float:left; padding-top:85px; padding-left:7%; font-size:20px; color:#000; }
.sblefttextside img{ margin-bottom:-70px;}
.sbrightlogoside{float:right; padding-top:110px; text-align:right; padding-right:10%;}
.sblefttextside ul {
    padding-top: 40px;
    padding-left: 70px;
}
@media screen and (max-width:960px){
.sblefttextside ul{margin-top:0% !important ; padding-left:40px}
.sbrightlogoside, .sblefttextside{float:none; width:100%; box-sizing:border-box; padding:4% !important;}
.sbrightlogoside img, .sblefttextside img{width:100%; height:auto;}
.sbback{
	height:auto;}
}
@media screen and (min-width: 700px) and (max-width: 960px) {
/*.sblefttextside{ width:60%; margin:auto;}*/
}


.lgback {background:url(../img/lg_background.jpg) no-repeat center center;background-size: cover;height:500px;}
.lglefttextside{ float:left; padding-top:62px; padding-left:7%; font-size:20px; color:#FFF; }
.lglefttextside img{ margin-bottom:-70px;}
.lgrightlogoside{float:right; padding-top:110px; text-align:right; padding-right:10%;}
.lglefttextside ul {
    padding-top: 40px;
    padding-left: 70px;
}
@media screen and (max-width:960px){
.lglefttextside ul{margin-top:0% !important ; padding-left:40px}
.lgrightlogoside, .lglefttextside{float:none; width:100%; box-sizing:border-box; padding:4% !important;}
.lgrightlogoside img, .lglefttextside img{width:100%; height:auto;}
.lgback{
	height:auto;}
}
@media screen and (min-width: 700px) and (max-width: 960px) {
/*.lglefttextside{ width:60%; margin:auto;}*/
}


.fsback{background:url(../img/fs_background.jpg) no-repeat center center;background-size: cover;height:500px; }
.fsrightlogoside{float:left; padding-top:110px; padding-left:10%;}
.fsrighttextside{float:right;  margin-top:72px; margin-right:10%; padding-top:0; color:#FFF; font-size:20px;}
.fsrighttextside ul{padding-left:70px; margin-top:-20px}
@media screen and (max-width:1224px){
.fsrightlogoside{width:40%; box-sizing:border-box}
.fsrighttextside{ margin-right:0px; padding-right:10%; box-sizing:border-box;}
}
@media screen and (max-width:1153px){
	.fsrighttextside{ margin-right:0;}
.fsrightlogoside{ padding-top:110px; padding-left:5%;}
}
@media screen and (max-width:1122px){
.fsrightlogoside{padding-top:110px; padding-left:5%;}
}
@media screen and (max-width:960px){
.fsrighttextside ul{margin-top:-5% !important ; padding-left:40px}
.fsrightlogoside, .fsrighttextside{float:none; width:100%; box-sizing:border-box; padding:4% !important;}
.fsrightlogoside img, .fsrighttextside img{width:100%; height:auto;}
.fsback{
	height:auto;}
}
@media screen and (min-width: 700px) and (max-width: 960px) {
/*.fsrighttextside{ width:60%; margin:auto;}*/
}

.ppback {background:url(../img/paradisepen_background.png) no-repeat center center;background-size: cover;height:500px;}
.pplefttextside{ float:left; padding-top:110px; padding-left:10%; font-size:20px; }
.pprightlogoside{float:left; padding-top:75px; text-align:right; padding-right:5%;}

.bcback{background:url(../img/bc_background.jpg) no-repeat center center;background-size: cover;height:500px; }
.bcrightlogoside{float:left; padding-top:110px; padding-left:10%;}
.bcrighttextside{float:right;  margin-top:0px; margin-right:10%; padding-top:0; color:#000; font-size:20px;}
.bcrighttextside ul{padding-left:150px; margin-top:-150px}

@media screen and (max-width:1224px){
.bcrightlogoside{width:40%; box-sizing:border-box}
.bcrighttextside{ margin-right:0px; padding-right:10%; width:60%; box-sizing:border-box;}
}
@media screen and (max-width:1153px){
	.bcrighttextside{ margin-right:0;}
.bcrightlogoside{ padding-top:110px; padding-left:5%;}
}
@media screen and (max-width:1122px){
.bcrightlogoside{padding-top:110px; padding-left:5%;}
}
@media screen and (max-width:960px){
.bcrighttextside ul{margin-top:-20% !important ; padding-left:40px}
.bcrightlogoside, .bcrighttextside{float:none; width:100%; box-sizing:border-box; padding:4% !important;}
.bcrightlogoside img, .bcrighttextside img{width:100%; height:auto;}
.bcback{
	height:auto;}
}

.neurogymback{background:url(../img/neurogym-background.jpg) no-repeat top center;height:492px; }
.neurorightlogoside{float:left; padding-top:90px; padding-left:10%;}
.neurorighttextside{float:right;  margin-top:95px; margin-right:10%; padding-top:25px; width:340px; color:#fff; font-size:20px; background:url(../img/neurogym_sign.png) no-repeat; height:300px;}
.neurorighttextside ul{padding-left:40px;}
.neurorighttextside img { max-width: 100%; height: auto; }
.padding20{padding-left:20px;}

.dolphinback{background:url(../img/dolphin_background.jpg)  no-repeat center center;height:492px; }
.ddrightlogoside{float:right; padding-top:90px; padding-right:10%;}
.ddrighttextside{float:left;  margin-top:95px; margin-left:180px; padding-top:25px; width:340px; color:#fff; font-size:20px; background:url(../img/dolphin_sign.png) no-repeat; height:300px;}
.ddrighttextside ul{padding-left:40px}


.sunfoodback{background:url(../img/sunfood_background.jpg) no-repeat center center;height:494px;}
#sunfoodlogo{margin-left:-90px; margin-top:-50px; margin-right:-30px; margin-bottom:-50px;}
.sunlefttextside{ padding-left:20px; margin-right:10%; padding-top:55px; color:#fff; font-size:20px; width:320px; float:right;}
.sunrightlogoside{float:left; padding-left:10%; padding-top:50px;}

.vswback{background:url(../img/vsw_background.jpg) no-repeat center center;height:500px;}
.vswrighttextside{ float:left;  margin-top:60px; padding-top:50px; color:#fff; font-size:20px; width:310px; height:316px; padding-right:30px; margin-left:130px; background:url(../img/vsw_sign.png) no-repeat;}
.vswleftlogoside{ float:right;padding-top:75px; padding-right:10%;}
.vswrighttextside ul{margin-left:55px;}
.cgback{background:url(../img/clinchgear_background.jpg) no-repeat center center;height:500px;}
.hangleft{float:left; padding-top:10px;}
.cglefttextside{float:left;text-align:left; color:#fff; font-size:20px;  background:url(../img/cg_text_bg.png) right no-repeat; width:50%; height:179px;   margin-top:160px;}
.cgrightlogoside{float:left; padding-top:90px; width:45%;}
.cglogo{padding-left:20%; padding-right:2%; padding-top:25px; width:130px;}

.airback{background:url(../img/airwalk_background.jpg) no-repeat center center;height:500px;}
.airrighttextside{   color:#fff; font-size:20px; width:410px; height:249px; padding-top:60px;  padding-left:40px;}
.airleftlogoside{ float:left;padding-top:75px; padding-left:8%;}
#airwalksign { margin-right:10%; margin-top:100px;  float:right; }
/* services */
.backendcoding{background-color:#1aa7bb; padding-top:40px;}
.integrations{background-color:#b9bbbc;}
.marketingtools{background-color:#fbb70e; }
.extensions{background-color:#ffffff; }
.extensions h1{color:#289bdf !important;}


.footercopy{float:left; line-height:4; color:#ffffff;}
.footermenu{float:right; line-height:5; color:#333333; text-transform:uppercase; font-size:14px;}
.footermenu a{ color:#ffffff;}
.contactleft{float:left;  padding-left:0px; font-size:19px; padding-top:20px; margin-right:80px; height:auto; width:40%; padding-bottom:40px;}
.contactleft p{padding-bottom:40px;}
.contactright{float:left; padding-top:50px; width:45%;}
.address{font-size:19px;color: #404040;}
.officephoto{padding:2px; border:1px solid #cccccc; margin-bottom:15px;}
.contactdiv{height:100%; width:100%;}
.contactdiv .contactSubmit:not(:disabled) { cursor: pointer; }
.contactdiv .contactSubmit:disabled { background-color: #666; }
.rowwork li {font-size:19px;}
.rowab li{font-size:20px;}
form{font-size:19px; color:#000; }


.ourteamexterior h3{text-transform:uppercase; font-family:"ProximaNovaB"; font-size:38px; color:#373737;}
.ourteamexterior p {
  margin-block-end: 19px;
  line-height: normal;
}
.bluetext{color:#25b6ea;}
.uppercase{text-transform:uppercase;}
.imagetotheleft{ float:left;}
.texttotheright{ float:left; margin-left:50px; width:620px; font-family:"ProximaNova"; margin-top:0px; }
.texttotheright p{color:#404040; font-size:19px;}
.imagetotheright{ float:right;}
.texttotheleft{ float:right; margin-right:50px; width:620px; font-family:"ProximaNova"; margin-top:50px; }
.texttotheleft p{color:#373737; font-size:16px;}
#dropmenu{display:none;}

	input[type="text"]{width:95%; -webkit-appearance: textfield; border: 1px;  border-color: rgb(221,219,221) !important; border-style: solid;}
	textarea{width:95%; resize: none; -webkit-appearance: none; border: 1px; border-color: rgb(221,219,221) !important; border-style: solid;}
	input[type="submit"]{width:100%; margin-top:20px;border:none; background-color:#1195ea; height:40px; color:#FFF; font-size:20px; font-family:arial; -webkit-appearance: none; border-radius:4px;}
	label{margin-top:10px;display:block;}
#error1{font-size:12px; color:#F00;}
#error2{font-size:12px; color:#F00;}
#error3{font-size:12px; color:#F00;}
#error4{font-size:12px; color:#F00;}
.whychooseus{background:url(../img/why_choose_banner.jpg) top center no-repeat; height:229px;margin-bottom:20px;}
.ourteamwhy{padding-top:166px;}
#airwalksign{background:url(../img/airwalk_sign2.png) no-repeat top center; height:230px;}
	.companytitle{ margin-top:-10px;}

.biosright{float:right; text-align:right}

	.leftresponsive{width:46%;}
	.leftresponsive img{width:95%; height:auto;}
	.rightresponsive{ width:48%;}

.divider {background:#363636; width:100%;}
.dividertext { color:#fff; font-size: 1.87rem; line-height: 1.4em; padding:20px 0px; }
.dividertext img { padding-right: 10px }
.connormaltexta{font-size:19px; line-height:26px; }
.connormaltexta p{font-family: "ProximaNova"; text-align:left; color:#404040}
.thebold{font-family: "ProximaNovaB";}
.bluedivider{background: #25b6ea;}
.colorgray{color:#666666}
.colorblack{color:#000}
.bottomlinetext p { font-size: 1.18rem; line-height: 1.4em; margin-bottom: 40px; color:#404040; }
.graybg{background:#333333;}
.callus { padding: 20px 0; }
.callustext { float: left; width: 45%; padding-left: 15%; color: #FFF; font-size: 32px; line-height: 34px; margin: 30px 0; text-align: center; }
.callusimg { float: left; margin-top: -20px; padding-left: 5%; }

.cleftlist{float:left; text-align:left; width:50%; padding-bottom:12px;}

.cleftlist ul{margin: 0; padding-left:25px;}
.cleftlist li{ list-style-image:url(../img/right-bullet.png);font-size:19px;padding-bottom:25px;}
.listotoleft{width:75%; float:left;}
.listotoleft h3{text-align:left; font-size:24px; color:#404040; text-transform:uppercase; font-weight:bold;}

@media screen and (min-width: 961px) and (max-width: 1122px) {

	.afglefttextside {
		padding-left: 0% !important;
	}
	.afgrightlogoside{
		padding-right:0% !important;}
}
@media screen and (max-width: 960px) {

.cleftlist{float:none; width:100%;}
.listotoleft{float:none;  width:90%; margin:auto;}
.listotoleft h3{font-size:18px; text-align:center;}
.cleftlist li{font-size:19px;padding-bottom:20px;color:#404040;}


	.dividertext {font-size:18px;}
	.dividertext img { width:20px; height:auto; padding-right: 5px }
	.connormaltexta p{font-size:16px; line-height:18px; color:#000; text-align:left; width:90%; margin:auto; padding:20px 0px;}
	.dsubtitle{float:left; text-align:left; width:60%;}
  @media screen and (max-width:321px){
    .dsubtitle { width: auto; }
  }
	.mobile20padding{padding-bottom:20px;}
	.bottomlinetext {width: auto; margin: auto; }
	.callustext { padding-left:10px; font-size:24px; line-height:26px; padding-top:10px; text-align:left; width:52%; z-index:2; position:relative;}
	.callusimg { padding-left:0; width:48px; z-index:1; position:relative; }

.backendcoding{padding-top:0px;}
	.ourteamexterior h3{font-size:32px;}
	.companytitle{ margin-top:-10px;}
	.ourteamwhy{padding-top:145px;}
	.leftresponsive{float:none; display:none;}
	.rightresponsive{float:none; width:95%; margin:auto;}
	.rightresponsive .wrapper350{ width:95%;font-size:18px;}
	.rightresponsive .wrapper380{ width:95%;font-size:18px;}
	.row1000{width:97%;}
	.wrapper850{width:98%; font-size:20px;}
	.conversiontext{margin-top:30px; margin-bottom:20px;}
	.arrowdown{display:none;}
	.wordpressleft{float:none; width:95%; margin:auto; font-size:18px;}
	.wordpressright{float:none; width:95%; margin:auto;}
	.customleft{float:none;width:95%; margin:auto; text-align:center;}
	.customright{float:none; width:95%; margin:auto;}
	.neurogymback{height:auto; background-size: cover; padding-top:20px;}
	.neurorightlogoside{float:none; width:100%; margin:0px; box-sizing:border-box; padding:4% !important;}
	.neurorighttextside{float:none; padding:20px; margin:auto; }
	.neurorighttextside ul{padding-left:20px;}
	.imagetotheleft{float:none; width:95%; margin:auto;}
	.texttotheright{float:none; width:95%; margin:auto;}
	.testimonialblock2{width:95%; margin:auto; float:none;}
	.testimonialblock2 .quote{ width:95%; margin:auto; margin-bottom:50px;}
	.topshadow{display:none; }
	.thebios{width:95%; margin:auto;}
	.contactleft{height:auto; float:none; padding-left:0px; margin:auto; width:90%;}
	.contactright{float:none; padding-bottom:50px; width:90%; margin:auto;}
	.footermenu{display:none;}
	.rowwork{width:100%; padding-bottom:20px; padding-top:20px; max-width:480px;}
	.rowab{width:100%; padding-bottom:20px; padding-top:20px;}

	.afglefttextside{float:none; width:100%; padding:0px; margin:auto}
	.afglefttextside ul{ padding-left:65px;}
	.afgrightlogoside{float:none; width:100%; box-sizing:border-box; padding:4% !important;}
	.afgback{height:auto; background-size: cover;}

	.pplefttextside{float:none; width:100%; padding:0px;}
	.pprightlogoside{float:none; width:100%; box-sizing:border-box; padding:4% !important;}
	.ppback{height:auto; background-size: cover;}

	.ddrightlogoside{float:none; margin:0px; width:100%;  box-sizing:border-box; padding:4% !important;}
	.ddrighttextside{float:none; padding:20px; margin:0px; width:90%; background:none;}
	.dolphinback{height:auto; background-size: cover;}

	.sunlefttextside{float:none; padding:20px; margin:0px; width:90%;}
	.sunrightlogoside{float:none; margin:0px; width:100%;  box-sizing:border-box; padding:4% !important;}
	#sunfoodlogo{margin:0px;}
	.sunfoodback{height:auto; background-size: cover;}

	.vswrighttextside{float:none;  margin:auto; width:300px;}
	.vswleftlogoside{float:none; margin:0px; width:100%; box-sizing:border-box; padding:4% !important;}
	.vswback{height:auto;background-size: cover; }

	.cglefttextside{float:none;  margin:0px; width:100%;  padding-top:20px; background:#666666; height:auto;}
	.cglefttextside .serviceslist{ width:57%; margin-top:-20px;}
	.hangleft{ padding:0px;}
	.cglogo{ padding:0px; padding-right:10px; width:34%; padding-left:10px;}
	.cgback{height:auto;}
	.cgrightlogoside{float:none; margin:0px; width:100%; box-sizing:border-box; padding:4% !important; }

	.airrighttextside{float:none;margin:auto; padding-left:0px; padding-top:65px; width:340px;}
	.airleftlogoside{float:none; margin:0px; width:100%; box-sizing:border-box; padding:4% !important;}
	.airback{ height:auto; background-size: cover;}

	#sectiontitle{margin-top:83px; height:40px;}
	#sectiontitle h1{font-size:18px; line-height:40px; padding-left:22px}
	.top-bar-section ul li > a{font-size:18px !important; line-height:18px; border-bottom: 1px solid #333;}
	header{padding:5px;}
	h2.maint{font-size:1.6em; margin-bottom:20px; padding-bottom:0px;}

	.minilogos{ width:100%;padding-left:0px;}
  .minilogos img{ height:auto; width: 90%;}
  #ecommerce 	.minilogos img{width:auto; height:80px;}
	.minilogo1{ margin:0px; width:50%;}
	.minilogo2{ margin:0px; width:50%;}
	.minilogo3{ margin:0px; width:50%;}
	.minilogo4{ margin:0px; width:50%;}
	.contain-to-grid .top-bar {padding:0px 5px;}
	.logoimg{opacity:1; width:200px;}
	#checkout{text-align:center;}
	#clientssay p{font-size:1.4em;}
	.testimonialblock{width:100%; margin-bottom:40px; }
	.testimonialblock .logo{padding-bottom:10px}
	.quote{ width:80%;}
	#magento { height:auto; padding:10px; padding-bottom:10px; padding-top:0px; }
	#magento h2{font-size:1.5em; color:#252525; text-transform:uppercase;}
	#magento img{width:25%}
	#magento .left{padding-top:40px; width:100%; text-align:center;}
	#magento .leftlogo{float:none; padding-bottom:10px; width:95%; text-align:center;}
	#magento .leftcontent{float:none; width:95%}

	#responsive { height:auto; padding:10px; padding-bottom:10px; padding-top:0px;}
	#responsive img{width:25%}
	#responsive .left{padding-top:40px;  width:100%; text-align:center;}
	#responsive .leftlogo{float:none; padding-bottom:10px; width:95%; text-align:center;}
	#responsive .leftcontent{float:none; width:95%; text-align:center;}
	#responsive h2{font-size:1.5em; color:#252525; text-transform:uppercase;}

	.home-conversion { height:auto; padding:10px;padding-bottom:10px; padding-top:0px;}
	.home-conversion .left{padding-top:40px;  width:100%;}
	.home-conversion .leftlogo{float:none; padding-bottom:10px; width:95%; text-align:center;}
	.home-conversion .leftcontent{float:none; text-align:left; width:95%; text-align:center;}
	.home-conversion img{width:25%}
	.home-conversion h2{font-size:1.5em; color:#252525; text-transform:uppercase; margin-top:0px;}

	#webmarketing { height:auto; padding:10px; padding-bottom:10px; padding-top:0px; }
	#webmarketing .left{padding-top:40px;  width:100%; margin-left:0px;}
	#webmarketing .leftlogo{float:none; padding-bottom:10px; text-align:center; width:95%;}
	#webmarketing .leftcontent{float:none; text-align:center; width:95%;}
	#webmarketing h2{font-size:1.5em; color:#ffffff; text-transform:uppercase; }
	#webmarketing img{width:50%}

	.rows{width:100%}
	#thegreenarrow{margin-top:15px;}
	#carousel{width: 100%;padding-top:30px; padding-bottom:0px;}
	#carousel .carlogo{ float:left; width:50%; text-align:center; padding:0px; }
	#homeslider{height:auto; padding-top:60px;}
	.afgback img{width:100%;}
	.ppback img{width:100%;}
	.neurorightlogoside img{width:100%;}
	.ddrightlogoside img{width:100%;}
	.sunfoodback img{width:100%}
	.cgrightlogoside img{width:100%}
	.airleftlogoside img{width:100%}
	.vswleftlogoside img{width:100%}
	.mobilewidth{width:100%; height:auto;}
	#header .logo{padding:10px;
	    background: url(../img/logo-bww-detailed.png) no-repeat top;
   	    background-size: 200px 40px;
    	    width: 200px;
	    height: 26px;
    	    margin-top: 10px;
	}
	.blog #header .slideUp{
   		padding-bottom:1px;
	}
        .blog #header .logo{padding:10px;
            background: url(../img/logo-bww-detailed.png) no-repeat top;
            background-size: 200px 40px;
            width: 200px;
            height: 29px;
            margin-top: 10px;
            margin-left:10px;
        }
        #header .slideUp{padding:10px;padding-bottom:5px;
        }
	#airwalksign{width:100%; float:none; margin-top:20px;}
	.backendcoding img{width:100%; height:auto;}
	.integrations img{width:100%; height:auto;}
	.marketingtools img{width:100%; height:auto;}
	.extensions img{width:100%; height:auto;}
	.pplefttextside img{width:100%; height:auto;}
	.pprightlogoside img{width:100%; height:auto;}
	.testimonialblock2{width:91%;}
	input[type="text"]{width:95%;}
	textarea{width:95%;}
	input[type="submit"]{width:95%; margin-top:20px;}
	.comment-form input[type="submit"]{ width:100%;}
	label{margin-top:10px;}
	.mobilewidth{width:100%;}

}
@media screen and (min-width: 700px) and (max-width: 960px) {
	/*.afglefttextside{float:none; padding:0px; margin:auto}*/
}
@media screen and (max-width: 550px) {
	.wordpressright img{width:100%; height:auto;}
	.mobileclear{clear:both}

}
@media screen and (max-width: 450px) {
	.ourteamwhy{width:100%; height:auto;}
	.neurorighttextside{width:80%;}
}

/* Last Styles added by Diego 2016-02-08 */

.button-bottom {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fbb70e;
  background: -moz-linear-gradient(top, #fbb70e, #E6821E);
  background: -ms-linear-gradient(top, #fbb70e, #E6821E);
  background: -webkit-gradient(linear, left top, left bottom, from(#fbb70e), to(#E6821E));
  background: linear-gradient(top, #fbb70e, #E6821E);
  border-radius: 10px;
  bottom: 10px;
  box-shadow: 0px 0px 2px #000000;
  box-sizing: border-box;
  color: #FFFFFF !important;
  display: block;
  font-family:"ProximaNovaB", sans-serif;
  font-size: 20px;
  font-weight: normal;
  left: 0;
  margin: 0 auto 20px;
  max-width: 480px;
  padding: 9px 25px;
  text-align: center;
  transition-duration: .4s;
  width: 95%;
  z-index: 100;
}
.button-bottom:hover {
  background-color: #E6821E;
}

.mobilewidth{width:100%;}

@media screen and (max-width: 1000px) {
	.buttons_group {width:100%; height:auto !important;;}
	.button-bottom{width:80%;float:none !important;}
}

@media screen and (max-width: 640px) {
    .testimonialblock2 .logo { padding-bottom: 0px; padding-top: 10px;}
    .testimonialblock2 .quote { margin-bottom: 0px; padding-top: 0px;}
    #testimonials { padding-bottom: 0px; margin-top: 0px; padding-top: 0px;}
    .rowwork { padding-bottom: 0px; }
    textarea { padding: 0px; }
}
#nav {
	margin-top:16px !important;
	margin-bottom:16px !important;
}
#nav > li {
	line-height:22px !important;
}
.responsive-menu ul {
	margin:20px 0;
}

input[type="submit"].submit {
    height: auto;
}
#page {
	padding-top:74px;
}

#latesposts .post_thumbnail, #latesposts .post_title, #latesposts .post_time{
	display:block;
}
#latesposts ul, #latesposts ul li{
	list-style:none;
	padding:0;
	margin:0;
}
#latesposts ul{
	padding:20px 0;
	vertical-align:top;
	text-align:center;}
#latesposts ul li{
	width:70%;
	text-align:left;
	padding:1.5% 0;
	display:inline-block;
	vertical-align:top;
}
#latesposts a{
	color:#404040;}
#latesposts .post_title{
	font-size:20px;
	font-weight:bold;
	color:#404040;}
#latesposts .post_time{
	font-size: 15px;
    padding-top: 10px;
    display: block;}

#latesposts .post_thumbnail{
	padding-bottom:10px;
}
#latesposts .post_thumbnail img {
    width: 100%;
    height: auto;
}
#latesposts a.more-link{
    color: #016a8c;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: underline;
    font-family: 'ProximaNovaB';
}
@media screen and (max-width:850px){
#latesposts ul li{
	display:block;
	margin:auto;
	width:50%;
}
}
@media screen and (max-width:600px){
#latesposts ul li{
	display:block;
	margin:auto;
	width:70%;
}
}
@media screen and (max-width:500px){
#latesposts ul li{
	display:block;
	margin:auto;
	width:90%;
}
}
@media screen and (min-width: 1201px) and (max-width: 1290px){
#logo {
    padding-left: 15%!important;
}
.blog #logo {
    margin-left: 15%!important;
}
}
@media screen and (min-width: 960px) and (max-width: 1290px){
#logo {
    padding-left: 0%!important;
}
.blog #logo {
    margin-left: 0%!important;
}
}
@media screen and (min-width: 961px) and (max-width: 1300px){
	#carousel .carlogo{
		width:auto!important;
		float:none !important;
		padding:10 26px !important;
	}
        .testimonialblock2{
                width:29% !important;
                padding-left:30px !important;
        }
}
@media screen and (max-width:1100px){
	.rowab{
		width:100%;
	}
}

.quote p {
    font-style: italic;
}

.quote p b {
    font-style: normal;
}
/**:not(.submenu) {
    transition: .5s all ease;
}*/
@media screen and (max-width:1140px){
	.row1000 {
		width: 100% !important;
		padding: 0 20px !important;
		box-sizing: border-box !important;
	}
}
@media screen and (min-width:961px) and (max-width:1110px){
	.wordpressright img {
		width:100%;
		height:auto;
	}
	.wordpressleft, .wordpressright {
		width:50%;
	}
}

.wrap{
	max-width:1080px !important;
	width:100% !important;
	padding-left:0 !important;
}
@media screen and (max-width:1290px){
	.wrap {
		max-width:inherit !important;
		width:100% !important;
		padding-left: 20px!important;
	}
}
@media screen and (min-width:961px) and (max-width:990px){
#magento .leftlogo{
	width:179px !important;
	}
#responsive .leftlogo{
	width:200px !important;
}
.conversionright{
	width:40% !important;
}
.webmarketingleft{
	margin-left:-20%;}
}
button, input, select, textarea, label{
	font-family:"ProximaNovaB" !important;
	font-weight:normal !important;
}
#contactform input[type="text"], #contactform textarea{
	padding: 10px 3px;
}
#contactform label{
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
}

@media screen and (max-width: 900px) {
.img-xs {display:block}
.img-sm {display:none}
}

@media screen and (min-width: 901px) {
.img-xs {display:none}
.img-sm {display:block}
}
#nav-mobile{
  display: none;
}
.logo-mobile{
  display: none;
}
@media screen and (max-width: 960px) {
  #logo{
    display: none;
  }
  #eol-blog {
    height: 300px!important;
  }
  #eol-blog .leftcontent, #eol-blog .leftlogo  {
    width: 100%!important;
  }
  #eol-blog .leftlogo img {
    width: 80px;
  }
  #header .rows{
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      height: 80px;
  }
  #nav-mobile{
    display: block;
    list-style: none;
    padding: 0 20px;
    margin: 0;
    color:#fff;
  }
  .responsive-menu li a{
    padding: 8px !important;
  }
  #nav-mobile ul{
    list-style: none;
    position: absolute;
    background: #274867;
    right: 20px;
    padding:0;
    z-index: 1;
  }
  #nav-mobile ul li{
    position: relative
    
  }
  #nav-mobile ul li a{
    color:red
  }
  .menu-btn{
    padding:0 20px;
    margin: 0 !important;
  }
  .submenu-flags{
    /* display: none; */
    height: 0;
    overflow: hidden;
    transition: .4s all;
  }
  .submenu-flags li{
    padding:10px
  }
  .submenu-flags li:first-child{
    border-bottom: 1px solid rgb(136, 136, 136);
  }
  .logo-mobile{
    display: block;
    text-align: center;
  }
  .logo-mobile img{
    object-fit: contain;
  }
  .submenu-flags.active{
    /* display: block; */
    height: 80px
  }
}
@media screen and (max-width:380px){
  .logo-mobile img{
    width: 140px;
  }
}
/*home spanish icons*/
@media screen and (min-width:1080px){
.rows.spanish{
  width: 1180px;
}
}
@media screen and (max-width:1390px){
  .rows.spanish{width:100%}
  .rows.spanish a img{
    width: 90%;
    margin-left:0 !important;
  }
  .minilogo3.spanish a img{
    width: 83%;
  }
}

.spanish a img{
  object-fit: contain;
}
/* translations menu */
#nav ul.submenu li.flag-item{
  padding:10px!important;
  color:white;
  cursor: pointer;
}
.flag-item:active{
  color:#fbb812;
  background: #0e2336;
}
#nav ul.submenu li.flag-item:hover{
color:#fbb812
}
.selected-flag{
  display: flex !important;
  align-items: center;
  gap: 3px;
  color: #FFF;
}
.selected-flag span {
  text-transform: capitalize;
  font-size: 11pt;
  margin-top:1px
}

#nav ul.submenu {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  padding: 0!important;
}

#nav ul.submenu li {
  padding: 5px 10px;
}

.integration-logos {
  mix-blend-mode: multiply!important;
}

/* new home and sections styles 2024 */


.home h1 {
  font-family: "ProximaNovaB";
  color: #555!important;
  }
  
  #SOIDIV_CartSave iframe {
  height: 400px;
  max-width: 450px;
  }
  
  
  .services-grid-item {
  display: flex; 
  align-items: flex-start;
  }
  
  .services-grid-item img {
  width:170px;
  }
  
  .hidden {
  display: none!important;
  }
  
  #popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); 
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  }
  
  #SOIDIV_CartSave {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }
  .close-button {
  position: absolute;
  margin-top: -480px;
  margin-left: 450px;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #fff;
  }
  
  .platform-logos {
  display:flex;
  justify-content: space-between;
  margin: auto;
  }
  .col-sm-4 {
  max-width: 15% !important;
  }
  
  
  h2::after {
  border:none!important;
  }
  
  /* testimonials */
  .testimonials-carousel {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 4rem!important;
  }
  
  .testimonial {
  border-bottom: 2px solid #253341;
  padding: 0px;
  background-color: #fff;
  flex: 1 1 30%; /* Ajusta el tamaño de los elementos para que ocupen el mismo espacio */
  margin: 10px; /* Añade un margen para separar los elementos */
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #2533413b;
  /*box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3);*/
  padding: 0px;
  background-color: #fff;
  }
  
  .testimonial-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  }
  
  .oncehub-button:hover,
  .oncehub-button2:hover,
  .contact-action:hover,
   {
  background-color: #191f26;
  color: #fff;
  }
  
  
  
  @media (max-width: 510px) {
  #popupOverlay iframe {
  min-width: 1px!important;
  }
  .close-button {
  margin-left: 280px;
  }
  }
  
  /* Integrations and Clients Logos Grids */
  .platform-logos {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
      }
      .logo-item {
          box-sizing: border-box;
          padding: 10px;
          text-align: center;
          flex: 0 0 calc(100% / 6); /* Default: 6 items per row */
      }
      .logo-item img {
          max-width: 100%;
          height: auto;
          filter: grayscale(100%);
          opacity: 0.5;
          transition: filter 0.5s ease, opacity 0.5s ease;
      }
      .logo-item img:hover {
          filter: grayscale(0%);
          opacity: 1;
      }
  
      /* When the width is less than 1024px, show 4 items per row */
      @media (max-width: 1024px) {
          .logo-item {
              flex: 0 0 calc(100% / 4);
          }
      }
  
      /* When the width is less than 768px, show 3 items per row */
      @media (max-width: 768px) {
          .logo-item {
              flex: 0 0 calc(100% / 3);
          }
  
          .our-work-home {
            text-align: center;
          }
      }
  
      img.platformLogo {
        height: auto!important;
        max-width: 80%;
      }
  
      .white-background:hover {background-color:#e6e6e6}
  
      .slick-list {margin-bottom:20px!important;}
      .slick-track {display:flex!important;}
      .slick-slide  {height: auto!important;}
  
  
  
  .testimonial .corp {
  font-variant: small-caps;
  }
  
  .testimonial .position {
  font-variant: all-petite-caps;
  }
  
  .testimonial-logo {
  max-height: 70px; /* Máximo alto de la imagen */
  display: block;  /* Centra la imagen horizontalmente */
  margin: 0 auto;  /* Centra la imagen verticalmente */
  margin: auto;
  }
  
  
  .platforms-we-support  .flex-container {
  margin:auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
  
  .platforms-we-support  .flex-item {
  margin: auto;
  flex: 0 0 33.33%;
  box-sizing: border-box; 
  padding: 10px;
  text-align: center;
  }
  
  @media (min-width: 1024px) {
  .platforms-we-support  .flex-item {
      flex: 0 0 16.66%;
  }
  }
  
  
  .platforms-we-support  img {
  height: auto !important;
  max-width: 80%;
  }
  
  .main-hero {
      height: 85vh; 
      display:flex;
      align-items: center;
      justify-content: center;
  
  }
  
  .our-team .content {
     margin-bottom: 3rem;
  }
  
  .our-team .main {
      margin-top: 140px;
      display:flex;
      align-items: center;
      justify-content: center;
  
  }
  
  
  .lightblue {
      color: #0084AA;
  }
  .our-team .highlighted {
      font-weight: 100!important;
      font-size: 36px;
      text-align: center;
      color: #0084AA;
      margin-bottom: 2rem;
  }
  
  .our-team p {
      font-size: 20px;
   }
  .our-team p.subtitle {
      font-size: 20px;
      text-align: center;
      max-width: 640px;
  }
  
  .main-hero button {
      font-size: 18px;
  }
  
  .main-hero::after {
      content: ""; /* Necesario para mostrar el pseudoelemento */
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%); /* Centra la imagen */
      background-image: url('/images/new-home/sphere_background.png'); /* Ruta de la imagen a centrar */
      background-size: contain; /* Ajusta la imagen para que se mantenga dentro sin cortar */
      background-repeat: no-repeat;
      width: 55vh; /* Ajusta el tamaño según necesites */
      height: 55vh; /* Ajusta el tamaño según necesites */
      pointer-events: none; /* Asegura que no interfiera con otros elementos */
      z-index: -1!important; /* Asegura que se superponga si es necesario */
  }
  
  #particles-js {
   
  }
  
  .main-hero h1, 
  .our-team .main h1 {
      font-family: "ProximaNova";
      text-align:center;
      font-size: 72px;
      line-height: 80px;
      color: #283340!important;
      font-weight: 100;
      }
  
      .our-team h2 {
          font-family: "ProximaNova";
          text-align:center;
          font-size: 48px;
          color: #283340!important;
          font-weight: 100;
  
      }

      .our-team #get-in-touch h2 {
        font-size: 2.25rem;
      }
      
  
      .main-hero p {
          font-family: "ProximaNova";
          text-align:center;
          font-size: 36px;
          line-height: 42px;
          color: #283340!important;
          font-weight: 100;
          }
  
          .highlighted {
              color: #0084AA;
              font-weight: 800;
          }
  
        .sphere-container {
              z-index:1;
              display: grid;
              place-items: center;
              height: 100%;
          }
          
   .sphere-container img {
              max-width: 70%;
              height: auto;
              top: 20%;
              z-index: -1;
              position: absolute;
          }
  
          .our-work-home, .platforms-we-support  {
              background-color: #253341;
              margin-bottom: 6rem;
              padding: 5rem 0 4rem;
              padding-bottom: 5rem!important;
            }
  
            
            .our-work-home h2, .our-work-home p {
              color: #fff;
          }
          
            .platforms-we-support {
              background-color: #d4dae1!important;
              margin-bottom: 0!important;
              background-color: #d4dae1;
              margin-bottom: 6rem;
              padding: 5rem 0 4rem;
              padding-bottom: 5rem!important;
            }
  
            .our-work-home h2,
            .our-work-home p
             {
              color: #fff;
            }
  @media screen and (max-width: 680px){
      canvas.particles-js-canvas-el {
          display: none;
      }
  
     

 
  }

  @media screen and (max-width: 1200px){
    .main-hero h1, .our-team h1 {
      font-size: 46px!important;
      line-height: 52px!important;
  }

  .our-team h4.highlighted {
    font-size: 32px;
  }
  
  .main-hero p {
      font-size: 24px!important;
      line-height: 30px!important;
  }
  }
  
  @media screen and (max-width: 1400px){
     
  
      .main-hero .content {
         margin-top: 50px!important;
      }
  }
  .main-hero .content {
      margin-top: 50px;
   }
  
  
   /* Some specific breakpoints tweaks */
   @media (min-aspect-ratio: 16/8) {
   
      .main-hero .content {
       margin-top:90px;
      }
        
        .main-hero h1{
            font-size: 52px;
            line-height: 50px;
            }
         .main-hero p{
           font-size:26px;
            line-height: 28px;
            }
    }
    
    @media (max-width:480px) {
        .main-hero {height: 100vh!important;}
    
      .main-hero .content {
       margin-top:80px!important;
      }
        
        .main-hero h1{
            font-size: 38px!important;
            line-height: 50px;
            }
         .main-hero p{
           font-size:26px!importanty;
            line-height: 28px;
            }
    }
    
  
    .image-container {
      display: inline-block;
      position: relative;
  }
  
  .image-container img {
      display: block;
      width: 60px; /* 14 * 4px (from Tailwind-like class w-14) */
      height: 60px; /* 15 * 4px (from Tailwind-like class h-15) */
      border-radius: 50%;
      transition: border 0.3s ease, box-shadow 0.3s ease;
  }
  
  .image-container:hover img {
      border: 2px solid #ccc; /* #ccc for a grey border */
      box-shadow: 0 0 0 4px rgba(204, 204, 204, 0.5); /* Creates an outer glow effect */
  }
  .background {
  
    width: 100%;
  height: 100%;
  background-image: url('/images/new-home/hero-background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  right: 0;
  z-index: 0;
  z-index:-1;
  }

  /* Our Team */

  .our-team .container {
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  max-width: 1024px;
  margin: 0 auto;
}

.our-team .images-container {
  display: flex;
  gap: 20px;
  justify-content: space-around;
  flex-direction: column;
  padding: 20px;
}


.our-team .member {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
}

.our-team .member img {
  width: 100%;
  max-width: 120px;
  transition: filter 0.5s ease;
}

.our-team .member .more {
  display: block;
  margin-top: 15px;
  font-size: 13px;
  width: auto
}

.our-team .member .more:hover {
  cursor: pointer;
  color: #ffcc02;
}

/* desktop and tablet breakpoint */
@media (min-width:640px) {
  .our-team .images-container {
   flex-direction: row;
  }

  .our-team .member {
    flex-direction: column
  }

  .our-team .member img {
    max-width: 100%;
  }

  .our-team .member .more {
    display: none;
  }

  .our-team .styled-paragraph::before {
    content: '';
    position: absolute;
    width: 1px;
    left: 50%; 
    background-color: #067eb3;
  }

  .our-team p.styled-paragraph, .our-team p.styled-paragraph .highlighted {   
    font-size: 18px!important;    
  }

  .member-title {display:none!important;}
}


.our-team .member img:hover {
  filter: grayscale(20%) brightness(0.5);
  transition: filter 0.7s ease;
  cursor: pointer;
}

.our-team .member .bio {
  position: relative;
  top: 20;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8); 
  padding: 10px;
  transition: opacity 0.3s ease;
}

.member-title {
  color: #067eb3;
 font-size: 16px;
 font-weight: 800;
 margin-bottom: 10px; 
 display:block;
  }

.our-team .member .bio h3 {
  margin-bottom: 0;
}

.our-team .member:hover .bio {
  opacity: 1;
}

.our-team .bios-container {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; 
  padding: 0;
  border-radius: 5px;
}

.our-team .bio-column {
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.our-team .bio-column h3 {
  margin-top: 0;
}

.our-team p.styled-paragraph {
    position: relative;
    margin: -20px 0;
    border-top: 1px solid #067eb3;
    border-bottom: 1px solid #067eb3;
}

.our-team p.styled-paragraph, .our-team p.styled-paragraph .highlighted {   
    font-size: 16px;
    line-height: auto;
    padding: 10px 0;
}

.our-team p.role {
  text-transform: capitalize;
  color: #067eb3;
  font-size: 14px;
  margin: 0;
  padding-top: 0;
}



.our-team #bio-joe .styled-paragraph::before {
    height: 30px;    
    top: -30px;
    left: 5%;
}

.our-team #bio-alex .styled-paragraph::before {
 height: 30px;
 top: -30px; 
 left: 40%;
}

.our-team #bio-nick .styled-paragraph::before {
 height: 30px;
 top: -30px;
 left: 75%;
}

p.text {margin-bottom: 20px;}