@import url(fonts.css);
/*~~~~Fixed Banner~~~*/
html {
    height: 100% !important;
}

body{ font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif !important;height: 100%;}

#container{height: 100%;}

.slide.intro-layout {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.slide {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
/*~~~~Fixed Banner~~~*/

/*#homeNav.affix-top li:last-child a, #homeNav.affix-top li:last-child .active a,*/
nav#homeNav li a{ color:#fff !important;}
.nav li:last-child a
{ padding-right:0; color:#009AD9 !important;}

nav#homeNav.affix li a{color:#02415e !important;}
nav#homeNav.affix li a:hover{color:#5cccff !important;}

.navbar-default .navbar-nav > li > a{ text-transform:uppercase; -moz-text-transform:uppercase; -webkit-text-transform:uppercase;font-family: 'ProximaNova-Bold';font-size: 12px;letter-spacing: 1.5px; color:#02415e;}
.nav > li > a{ padding-left:24px; padding-right:24px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.activeBlue{ color:#5cccff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background:none !important; color:#e7e7e7 !important;}

.navbar-nav{ margin-top:8px;}
.navbar-brand{ padding-top:2px;}
.navbar{background:#fff; margin:0;}
.navbar-header{ min-height:65px;}
.navbar-toggle{ margin-top:15px; margin-right:0;}

.banner{ margin:0 auto; text-align:center;}
#myCarousel-banner .carousel-inner{ width:100%; margin:0; max-width:inherit;}
.carousel-control{ z-index:1;}
.banner img{ width:100%;}
.maincontent{ padding:90px 0; background:#00405c; color:#fff; font-size:30px;}
.iconsection{ padding:70px 0;}
.carousel-control{ color:#fff; text-shadow:none;}
.carousel-control:focus, .carousel-control:hover{ color:#000;}
#myCarousel .carousel-control{ color:#b3b3b3}
#myCarousel .carousel-control:hover{ color:#000}
#myCarousel .item img{ border:1px solid #b3b3b3}

.carousel-control.left{ background:inherit;}
.carousel-control.right{background:inherit;}

/*~~~MOdal~~~*/
.modal-content{border:1px solid #979797;border-radius:0; -moz-border-radius:0; -weblit-border-radius:0; box-shadow:0 0 0; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; }
.caseStudy{ position:relative; margin:10px 0; background:#f6f6f6; border:1px solid #d8d8d8; padding:20px 20px 20px 55px; color:#333333;}
.caseStudyActive{ background:#ccebf7; border:1px solid #009ad9;}
.caseStudy input[type="checkbox"]{ display:block; width:14px; height:14px; position:absolute; top:50%; left:20px; margin-top:-7px;}
.modal-body .caseStudy h2{ font-size:12px; margin:0; padding:0;font-size:12px;font-family:ProximaNovaRegular;color: #333333; }
.modal-body .caseStudy h3{ font-size:16px;margin:7px 0; padding:0;font-size:16px;font-family:ProximaNova-Bold;color:#333333;}
.modal-body .caseStudy p{ display:block;margin:0; padding:0;font-family:ProximaNovaRegular;font-size:12px; line-height:12px; color:#b1b1b1; }
.modal-header{ border:none; padding-top:0;padding-bottom:0;}
.modal-header h4{ border:none;font-size:52px;font-family:ProximaNova-Extrabold;line-height: 62px;color: #00405d; padding-right:30px;}
.modal-body{ padding-top:0;}
.modal-body p{ display:block; padding-bottom:5px;font-size: 20px;font-family:ProximaNovaRegular;letter-spacing: 0.5px;line-height: 28px;color: #b1b1b1;}

#myModal input, #myModal2 input, #myModal2 textarea, #myModal textarea, #myModal2 input:focus, #myModal input:focus, #myModal2 textarea:focus{
 box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-webkit-appearance: none;
}

.caseStudyForm input[type="text"]{ padding:10px 15px; margin:10px 0;font-size:14px;height:45px;font-family:ProximaNovaRegular;color: #b2b2b2;}
.caseStudyForm input[type="text"]:last-child{ margin-bottom:0;}
.caseStudyForm input[type="text"], .caseStudyForm input[type="email"]{ border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;}
.downloadCaseStudy{ padding-top:20px;}
.caseStudyForm input[type="text"]:focus, .caseStudyForm input[type="email"]:focus{ color:#4a4a4a;font-size:16px;}

/*~~~04-03-2016~~~*/
.modal-footer{ border:none; text-align:left}
#myModalS .modal-header h4{font-size:35px; line-height:40px; margin:20px 0 10px 0;}
#myModalS p{ color:#4a4a4a;}
.backToTheSite{width:255px; margin:0;height:53px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;background-color:#00405d; border:none;font-size:14px; font-family:ProximaNova-Bold; letter-spacing:1px; color:#fff; text-transform:uppercase;}
.backToTheSite:hover{ background:#009ad9;}
/*.affix-top .header{ padding-top:35px;}
*/
.affix .logoNormal, .logoNormal, #homeNav .logoReverse{ display:none;}
#homeNav.affix-top .logoNormal{display:block;}
#homeNav.affix .logoReverse{ display:block;}
.logoReverse{ display:block;}
.logoNormal img{ width:124px; /*max-height:61px;*/height:61px;}
.logoReverse img{ width:124px;}

#homeNav.affix-top li > a{color:#fff !important;}
#homeNav.affix-top li > a:hover{ color:#00405d !important;}
#homeNav.navbar-default.affix li:last-child a{ color:#009AD9!important;}

.affix li > a{color:#00405d !important;}
.affix li > a:hover{ color:#009ad9 !important;}
.affix li > a.activeBlue{color:#009ad9 !important;}
#homeNav.affix-top li > a.activeBlue{color:#00405d !important;}
.affix-top li > a.activeBlue{color:#009ad9 !important;}
.affix li.active a{ color:#e7e7e7 !important;}

.navbar-default{ /*border: 1px solid rgba(255, 255, 255, .1);*/ border-bottom:1px solid #E7E7E7; background:inherit; padding-top:15px; padding-bottom:15px;}
.navbar-default{ background:#fff;}
#homeNav{ background:inherit !important;}
#homeNav.affix{ background:#fff !important;}
#homeNav.navbar-default {border: 1px solid rgba(255, 255, 255, .1);}
#homeNav.navbar-default.affix{border-bottom:1px solid #E7E7E7;}

.affix, .affix-top {
	padding-top:15px;
	padding-bottom:15px; background:#fff;
}
#homeNav.affix-top {
/*height:135px;*/
padding-top:15px;
padding-bottom:15px;
  background:transparent;
  -webkit-transition:padding .2s linear,background-color .2s linear;
  -moz-transition:padding .2s linear,background-color .2s linear;  
  -o-transition:padding .2s linear,background-color .2s linear;         
  transition:padding .2s linear,background-color .2s linear;  
}
#homeNav.affix {
padding-top:15px;
padding-bottom:15px;
  background-color: rgba(255,255,255,1);
  -webkit-transition:padding .2s linear,background-color .2s linear;
  -moz-transition:padding .2s linear,background-color .2s linear;  
  -o-transition:padding .2s linear,background-color .2s linear;         
  transition:padding .2s linear,background-color .2s linear;  

}
a, a:focus{ outline:none;}

#bannerImgDiv{background:#009ad9; position:relative; background:url(../images/banner-landingpage.jpg) center center; background-size:cover;}
#bannerImgDiv h1{font-family:ProximaNova-Extrabold;font-size: 81px;color: #ffffff; margin-bottom:50px;}
.heading{font-size:52px;font-family:ProximaNova-Extrabold;color:#00405d;}
#bannerImgDiv .btn{ margin-top:20px;width:255px;height:53px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;background-color: #ffffff;font-family:ProximaNova-Bold;font-size: 14px;letter-spacing: 1.4px;color: #009ad9;}

.blogPost{ padding:80px 0 70px 0; background:#e9f1f4;}
.blogPost p{ display:block; padding:30px 0;font-size:17px; font-family:ProximaNovaRegular; line-height:25px;color:#1a1b1c;}
.downloadBtn{width:230px;height: 46px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;background-color: #00405d; border:none;font-size:13px;font-family:ProximaNova-Bold; letter-spacing:1px; color:#ffffff; text-transform:uppercase;-moz-text-transform:uppercase; -webkit-text-transform:uppercase;}
.seeAllPost{ margin-top:25px;}

.overlay { color:#fff; position:absolute; z-index:12; top:50%; left:0; width:100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.overlay h1{ padding-top:120px;}

.landingPagePartner{ padding:80px 0;}
.landingPagePartner h3{ padding-bottom:40px;}
.landingPagePartner .carousel-inner{ margin:0 5%; max-width:90%;}
.landingPagePartner .carousel-control{ width:15px; height:27px; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
:focus {outline: 0;}


/*~~~~Work Page~~~*/
.workPageBanner{background:#009ad9; margin-top:97px; padding:80px 0;}
.workPageBanner h1{font-family:ProximaNova-Bold;font-size:46px;line-height:50px;color:#ffffff;}
.workCaseStudy{ padding:50px 0; border-bottom:1px solid #00405d;}
.workCaseStudy h2{font-family:ProximaNovaRegular; font-weight:normal;font-size:16px;line-height:18px;letter-spacing:0.4px;color: #b1b1b1; text-transform:uppercase;}
.workCaseStudy h3{font-family:ProximaNova-Extrabold;font-size:56px;line-height:60px;color:#3d3d3d; margin:30px 0;}
.workCaseStudy h4{font-family:ProximaNovaRegular;font-size:20px;line-height:22px;letter-spacing:0.5px;color:#b1b1b1; margin-bottom:40px;}

.topGap{ margin-top:50px;}
.grayBg{margin-top:96px; padding:80px 0 50px 0; background:#3c4043;}
.maroonBg{background:#69111d !important; margin-top:0;}
.betterExperience{ font-size:26px;font-family:ProximaNova-Bold; color:#fff;}
.betterExperience span{ color:#ec6667}
.betterExperience span.orange{ color:#ffac2a;}
.cartSmall{ float:left; margin:175px 0 0 110px}
.cartLarge{ float:left; margin:26px 0 0 0}
.increaseSize, .increaseRevenue{ float:left; margin:0 0 0 85px; position:relative;font-size:40px; line-height:45px;font-family:ProximaNova-Bold; color:#fff;}
.increaseSize span, .increaseRevenue span.bi-label{ display:block; position:relative; margin:10px 0 0 0;font-family:ProximaNova-Extrabold; font-size:200px;line-height:170px;  color:#ec6667;}
.bi-bar{ position:relative; display:block; margin-right:90px;}
.bi-bar:after{ display:block; position:absolute; bottom:0px; background:#fff; height:4px; content:''; width:180px; left:-30px}
.bi-bar, .increaseRevenue span.bi-label{ float:left;}
.increaseSize span sub, .increaseRevenue span.bi-label sub{ position:absolute; bottom:20px; right:-80px; font-size:100px; line-height:100px;}
.clear{ display:block; clear:both; height:0;}
.bar{ float:left; margin:-17px 0 0 200px;}
.tellMeMore{width:230px; margin:100px auto 0 auto;}
.tellMeMore button{width:230px; margin:0 auto;height:46px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;background-color:#fff; border:none;font-size: 13px; font-family: ProximaNova-Bold; letter-spacing: 1px; color:#fead28; text-transform:uppercase;}

/*~~~~Case Study~~~*/
#work{ height:97px;}
.work{ background:#009ad9; padding:50px 0;}
.linkBradecrumb{font-size: 12px;font-family: ProximaNova-Bold;letter-spacing: 1px;line-height: 14px;color: #ffffff; text-decoration:underline;}
.linkBradecrumb:hover{ text-decoration:none;}
.linkBradecrumb i{ padding-right:5px;}
.linkBradecrumb:hover{ color:#fff}
.work h2{font-size:16px;font-family:ProximaNova-Bold;line-height:28px;color:#ffffff;}
.work h3{font-size:62px;font-family:ProximaNova-Extrabold;line-height:62px;color:#ffffff; margin-bottom:30px;}
.work h4{font-size:20px;font-family:ProximaNovaRegular;line-height:28px;color: #ffffff;}
.work img{ max-width:100%;}
.caseStudyText{padding:30px 0; }
.caseStudyText h2{ display:block; padding-bottom:30px; font-size: 22px; font-family: ProximaNova-Bold; line-height: 34px; color: #4a4a4a;}
.caseStudyText h3{font-size: 52px;font-family:ProximaNova-Extrabold;line-height: 62px;color: #00405d; padding:20px 0;}
.caseStudyText p{font-size: 18px;font-family:ProximaNovaRegular;line-height: 27px;color: #4a4a4a;}
.downloadCaseStudies{ padding:100px 0; background:#e9f1f4;}
.downloadCaseStudies h2{font-size: 62px;font-family:ProximaNova-Extrabold;color: #00405d;}
.downloadCaseStudies p{ display:block; padding:30px 0;font-size: 22px; font-family:ProximaNovaRegular; line-height: 34px;color: #747578;}
.downloadBtn{width:230px;height: 46px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;background-color: #00405d; border:none;font-size: 13px; font-family: ProximaNova-Bold; letter-spacing: 1px; color: #ffffff;}
.downloadBtn:hover{ background:#009ad9;}
.subscribeNewsletter{ padding:20px 0;background-color: #009ad9;font-size: 12px;font-family:ProximaNova-Extrabold;letter-spacing: 1px;color: #ffffff;}
.subscribeNewsletter input[type="text"]{height:36px;filter:alpha(opacity=90);opacity:0.9;border-radius:4px;background-color:#ffffff;font-family:ProximaNovaRegular;
font-size:12px;color:#407699; padding-right:40px;}
.subscribeNewsletter button{width:37px;height:36px;background:#00405d url(../images/btn-arrow.jpg) center center no-repeat; border:none; position:absolute; top:0; right:0; border-radius:0 4px 4px 0;}
.subscribeNewsletter label{ display:inline-block; padding-top:12px;}

.footer{padding:30px 0 150px 0;background:#00405d; color:#fff;}
.footer ul{ margin:0 0 0 20px; padding:0;}
.footer li{ list-style-type:none; margin-bottom:8px;}
.footer li span{ text-transform:uppercase;font-size:12px;font-family:ProximaNovaRegular;letter-spacing: 0.6px;color:#ffffff;}
.footer li a{font-size:12px; font-family:ProximaNovaRegular;color: #ffffff;}
.address{ display:block; font-size:12px; margin:18px 0 20px 0; padding:10px 0 0 0; border-top:2px solid #7797a5}
.facebook{ display:inline-block; width:24px; height:24px; margin-right:7px; background:url(../images/icon-socail.jpg) 0 0 no-repeat;}
.twitter{ display:inline-block; width:24px; height:24px; background:url(../images/icon-socail.jpg) -33px 0 no-repeat;}
.gap30{ height:30px;}
.footer p{font-size:12px;font-family:ProximaNovaRegular;}
.aboutRandem{ font-size:10px;font-family:ProximaNova-Bold; text-transform:uppercase;}
.aboutRandem span{ display:inline-block; text-transform:capitalize;}

#myCarousel-banner.carousel-inner .active.left { left: -25%; }
#myCarousel-banner.carousel-inner .next        { left:  25%; }
#myCarousel-banner.carousel-inner .prev		 { left: -25%; }
#myCarousel-banner.carousel-control 			 { width:  4%; }
#myCarousel-banner.carousel-control.left, #myCarousel-banner.carousel-control.right {margin-left:15px;background-image:none;}


.help-block{ font-family:ProximaNovaRegular;}
#cntctFrm .input{ position:relative;}
#cntctFrm .help-block{font-size:12px; color:#FF8300; margin:5px 0; /*position:absolute; bottom:-25px; left:0;*/}

/*#cntctFrm .help-block{ font-size:12px; color:#FF8300; margin-top:-22px;}
#cntctFrm #purpose + .help-block{ margin:0;}
#cntctFrm #InputMessage + .help-block{ margin-top:-26px;}*/
#hubFrm .help-block{ font-size:12px; color:#FF8300; margin:-7px 0 0 0;}

#myModal2 .help-block{ font-size:12px; color:#FF8300; margin-top:-8px; margin-bottom:0;}


.close{ display:block; position:absolute; top:16px; right:14px; padding:5px 10px !important; color:#00405d; font-size:30px;filter:alpha(opacity=100);opacity:1;text-shadow: 0 0 0; -moz-text-shadow: 0 0 0; -webkit-text-shadow: 0 0 0; font-weight:normal;}
.close:hover{color:#009ad9}
.testBar{ height:252px !important;}

/*~~~~Contact Us~~~*/
.contactUsPageBanner{background:#009ad9; margin-top:96px; padding:65px 0; position:relative;}
.contactUsPageBanner:after{ position:absolute; bottom:0; left:50%; margin-left:-5px;}
.contactUsPageBanner:after, .contactUsPageBanner:before {
 top: 100%;
 left: 50%;
 border: solid #009ad9;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
.contactUsPageBanner:after {
 border-color: rgba(136, 183, 213, 0);
 border-top-color: #009ad9;
 border-width: 10px;
}
.contactUsPageBanner h1{font-family:ProximaNova-Extrabold;font-size:46px;line-height:50px;color:#ffffff;}
.contactUs{ padding:90px 0; background:#e9f1f4; }
.contactUs h2{font-family:ProximaNova-Bold;font-size:63px;line-height:65px;color:#009ad9; margin:0;}
.contactUs h3{font-family:ProximaNovaRegular;font-size:16px;line-height:20px;color:#00405d; margin:20px 0;}
.contactUs h4{font-family:ProximaNova-Bold;font-size:31px;line-height:35px;color:#00405d;}
.contactText{font-family:ProximaNovaRegular;font-size:20px;line-height:28px;color:#ffffff; text-align:center;margin:0 auto} 
.aboutUsGap .contactText{ max-width:670px; }
  
.contactUs input[type="text"], .contactUs input[type="email"], .contactUs #purpose, .lighBlueContainer input[type="text"], .lighBlueContainer input[type="email"]{ background:#fff;border:solid 1px #b3c6cf; padding:10px 15px; margin:0 0 0 0;font-size:14px;height:45px;font-family:ProximaNovaRegular, Arial, Helvetica, sans-serif;color: #b2b2b2;font-size: 12px; -webkit-appearance: none;}

.lighBlueContainer input[type="text"], .lighBlueContainer input[type="email"]{ margin-bottom:25px;}

.contactUs input[type="text"]:focus, .contactUs input[type="email"]:focus, .contactUs textarea:focus, .contactUs #purpose:focus, .lighBlueContainer input[type="text"]:focus, .lighBlueContainer input[type="email"]:focus{ border-color:#009ad9; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;font-size:16px;color:#4a4a4a;}
.focus-state{ border-color:#009ad9 !important; box-shadow:none !important; -moz-box-shadow:none!important; -webkit-box-shadow:none !important;font-size:16px !important;color:#4a4a4a !important;}

.selected{font-size:16px !important;color:#4a4a4a !important;}
.contactUs input[type="text"]:last-child, .contactUs input[type="email"]:last-child{ margin-bottom:0;}
.contactUs input[type="text"], .contactUs input[type="email"], .contactUs #purpose, .lighBlueContainer input[type="text"], .lighBlueContainer input[type="email"]{ border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;}
.contactUs #purpose{ line-height:10px !important; padding:10px 25px 10px 10px;}
.contactUs textarea{ resize:none;font-size: 12px;color:#b2b2b2; height:220px; margin-bottom:30px; -webkit-appearance: none; border-color:#b3c6cf;}
.plusIcon{ background:url(../images/plus.jpg) 0 0px no-repeat; padding:2px 0 0 40px; line-height:26px; display:block; color:#00405d;font-family:ProximaNovaRegular; font-size:14px;}
.attachDocument{ margin:5px 0 0 40px; padding:0;}
.attachDocument li{list-style-type:none;}
.attachDocument li a{ display:block; text-decoration:underline; position:relative;font-family:ProximaNovaRegular;font-size:14px;color:#4a4a4a; padding:2px 0 2px 20px;}
.attachDocument li a:before{ position:absolute; top:2px; left:0; content:'\f056';font-family:FontAwesome; color:#b41010;}
.attachDocument li a:hover{ text-decoration:none;}
.contactsubmit{ width:190px;text-transform:uppercase; float:right;}
.mapContact{ height:545px; background:#b1d5ff; position:relative; overflow:hidden;}
#googleMap{ position:absolute; top:0; left:0; width:100%; z-index:1;}
#googleMap iframe{ width:100%; height:39.5em; border:none;}
.mapContact img{ width:100%;}
.addressGmap{ z-index:2; position:relative; background:#fff; width:336px; padding:40px 45px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; margin-top:45px;}
.addressGmap h2{font-family:ProximaNova-Bold;font-size:29px;color:#00405d; margin:0; padding:0;}
.addressGmap h3{font-family:ProximaNovaRegular;font-size:15px;line-height:20px;color:#4a4a4a; margin:0;}
.addressGmap h3 span{ display:block; padding:25px 0 0 30px; position:relative;}
.addressGmap h3 span i{ display:block; position:absolute; top:25px; left:0; color:#009ad9;}
.addressGmap h3 a{ color:#4a4a4a;}
/* end of contact us */

.text-success{ font-size:14px;line-height:45px;}

input, input:focus, textarea, textarea:focus, .downloadBtn, .downloadBtn:hover, .contactUs #purpose, .contactUs #purpose:focus, .st_twitter_custom, .st_twitter_custom:hover, .st_facebook_custom, .st_facebook_custom:hover, .st_googleplus_custom, .st_googleplus_custom:hover, .st_linkedin_custom, .st_linkedin_custom:hover, .st_email_custom, .st_email_custom:hover, .actions input[type="submit"], .actions input[type="submit"]:hover{transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;}
/*~~~Banner WA Fresh~~~*/
.waFreshBg{margin-top:96px; padding:80px 0 50px 0; background:#51b6b0;}
.bannerTopMenu{ display:block; margin:80px -15px 0 -15px;}
.bannerTopMenu ul  { margin:0 auto !important;display:table !important; padding:0 !important; width:100% !important; }
.bannerTopMenu ul li{ list-style-type:none;display:table-cell; padding:0 0px;text-align:center; width:33.3%}
.bannerTopMenu ul li a{ color:#fff;font-family:ProximaNova-Extrabold;font-size:20px; text-decoration:none;padding:15px 0;border-bottom:solid 3px #ffffff;filter:alpha(opacity=30);opacity: 0.3; display:block; margin:0 10px;}
.bannerTopMenu ul li a span{ padding:0 42px; display:inline-block;}
.bannerTopMenu ul li a:hover, .bannerTopMenu ul li a.active{filter:alpha(opacity=100); opacity:1 !important; color:#fff !important;}

.bannerAnimationTxtCnt{ margin:20px 0; }
.caseStudyAnimation .textCenterXS{ padding-right:0 !important}

.bannerAnimationTxtCnt h2{font-family:ProximaNova-Extrabold;font-size:40px;color:#ffffff; margin:90px 0 25px;}
.bannerAnimationTxtCnt p{font-family:ProximaNovaRegular;font-size:18px;line-height:25px;color:#ffffff;}
.bannerAnimationTxtCnt h3{font-family:ProximaNova-Bold;font-size:24px;line-height:35px;color:#ffffff; margin-bottom:25px;}
.grapBarAnimation{ padding:15px 0 0 0px; margin-bottom:20px; position:relative; min-height:180px;}
.paddingTopNone{ padding-top:0 !important;}
.paddingTopNone img{ left:0 !important;}
.grapBarAnimation img{ position:absolute; top:0; left:12px;}
.grapBarAnimation h4{font-family:ProximaNova-Bold;font-size:40px;line-height:40px;color:#ffffff;}
.grapBarAnimation h5{font-family:ProximaNova-Extrabold;font-size:70px;line-height:40px;color:#c8dd64; margin-top:/*40px*/ 20px;height: 50px;}
.grapBarAnimation h5.heightNone{ height:inherit;}
.bannerAnimationTxtCnt { margin-left:110px !Important; }
.rightContChart{ margin-left:130px !Important;}
.container-nevigation{ margin-top:20px; margin-left:100px;}
.tp-bullets{ bottom:20px !Important;}
.bannerClose{font-family:FontAwesome;font-size:20px;color:#ffffff !important; position:absolute; top:25px; right:25px; z-index:50;
/*width:30px; height:30px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center;
transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);*/
}

.bannerClose:hover{ filter:alpha(opacity=80);opacity:.8; /*background:#fff;transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);*/}
.bannerClose:hover i{/*color:#000;*/}

a, a:hover, button, button:hover{transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}


/*~~~Beer Cartel Case Study~~~*/
.beerCartelBg{margin-top:96px; padding:80px 0 50px 0; background:#69111c;}
.beerCartelColor{color:#ffac28 !important;}

/*~~~Global Case Study~~~*/

.beerCartelBtn, .glb-btn, .waFreshBtn{ position:relative; z-index:99; min-width:255px;width:255px;height:53px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;border:none;font-size:14px;font-family:ProximaNova-Bold; letter-spacing:1px;text-transform:uppercase;-moz-text-transform:uppercase; -webkit-text-transform:uppercase; margin-left:10px;}
.waFreshBtn{background:#c8dd64;font-size:14px;color:#fefefe;}
.glb-btn{ background:#009a4e; color:#fefefe;}
.beerCartelBtn{ background:#ffac28;color:#1a1a1a;}

.waFreshBtn:hover{background:#abbe50;}
.glb-btn:hover{background:#018142;}
.beerCartelBtn:hover{/*background:#db921d;*/background:#1a1a1a;color:#ffac28;}
.bannerRigthTopContent{width:430px; display:block; white-space:pre-line;}

#slide1{ background-image:url(../images/beercartel-bg.jpg) 0 0 no-repeat; background-size:cover;}
#slide2{ background-image:url(../images/wa-fresh-bg.jpg) 0 0 no-repeat; background-size:cover;}
#slide3{ background-image:url(../images/castrol-bg.jpg) 0 0 no-repeat; background-size:cover;}

/* End of banner*/


/*~~~~Case Study Wa Fresh 25-02-2016~~~*/
.waFreshBanner{ background:#51b6b0; padding:170px 0 48px 0;  position:relative;}
.imgCaseStudy{ position:absolute; bottom:-48px; right:-45px;}
.relativeDiv{ position:relative;min-height:444px;}
.caseStudyHeading{font-family:ProximaNova-Extrabold;font-size:44px;line-height:53px;color:#ffffff; clear:both; margin-top:35px; height:250px; vertical-align:middle; display:table}
.caseStudyHeading span{ display:table-cell;}
.caseStudySubHeading{font-family:ProximaNova-Bold;font-size:18px;line-height:27px;color:#ffffff; margin-top:34px; margin-bottom:0;}
.caseStudySubHeading_2, .caseStudySubHeading_2 a{font-family:ProximaNova-Bold;font-size:22px;line-height:27px;color:#c8dd64; margin:0;}
.caseStudiesStatus h5.waFreshColor{ margin-top:21px !important;}
.wafreshColor, .wafreshColor:hover{ color:#c8dd64; font-size:12px;text-decoration:underline;}
.wafreshColor:hover:hover{ text-decoration:none}
.beercartelBradeColor, .beercartelBradeColor:hover{ color:#ffac28; font-size:12px;text-decoration:underline;}
.beercartelBradeColor:hover{ text-decoration:none;}
.clientCaseStudiesContent{ background:#edf4f4; padding:60px 0 50px; text-align:center;}
.clientCaseStudiesContent h2{font-family:ProximaNova-Bold;font-size:24px;line-height:36px;color:#00405d; margin-top:38px;}

.problemSolutionSection h2{font-family:ProximaNova-Bold;font-size:17px;line-height:27px;color:#f69768; margin:70px 0 0 0;}
.problemSolutionSection h2.topMargin{ margin-top:40px;}
.problemSolutionSection h3{font-family:ProximaNova-Extrabold;font-size:35px;line-height:35px;color:#00405d; margin:0;}
.problemSolutionSection p{font-family:ProximaNovaRegular;font-size:20px;line-height:32px;color:#4a4a4a; margin:30px 0 50px;}

.caseStudiesStatus{ background:#51b6b0; padding:75px 0;}
/*~~~26-02-2016~~~*/
.caseStudiesStatus h2{font-family:ProximaNova-Bold;font-size:17px;line-height:27px;color:#fff; margin:0;}
.caseStudiesStatus h3{font-family:ProximaNova-Extrabold;font-size:37px;line-height:37px;color:#fff; margin:0;}
.caseStudiesStatus p{font-family:ProximaNovaRegular;font-size:20px;line-height:32px;color:#fff; margin-top:25px;}
.caseStudiesStatus h4{font-family:ProximaNova-Bold;font-size:25px;color:#fff; margin:0; text-transform:uppercase;}
.caseStudiesStatus h5{font-family:ProximaNova-Extrabold;font-size:80px; line-height:60px;color:#c8dd64; margin:0;}
.topGap02{ margin-top:12px;}
.topGap03{margin-top:11px;}
.barGraphDiv{ display:block; position:relative; width:138px; height:141px; border-left:12px solid #fff;border-bottom:12px solid #fff; margin:20px 50px 0 10px}
.barGraphDiv img{ position:absolute; bottom:12px; left:15px;}
/*~~~~Case Study Beer Cartel 26-02-2016~~~*/
.beerCartelBanner{ background:#69111c; padding:170px 0 48px 0;position:relative;}
.beerCartelBanner .caseStudyHeading{font-size:44px; line-height:53px;}
.beerCartelBanner .caseStudySubHeading_2, .beerCartelBanner .caseStudySubHeading_2 a{color:#ffac28;}
.beerCartelCaseBg{ background:#f8f2e8}
.beercartelCSStatus{ background:#69111c; padding-bottom:45px;}
.beercartelCSStatus h5{ color:#ffac28; margin-top:30px;}
.beercartelCSStatus p, .caseStudiesStatus p{ display:block; margin-right:50px;}
h5 .bi-label-r{ padding-left:0 !Important;}


/*~~~Banner Top Navigation~~~*/
.navigationArea{ width:100%; left:0 !Important; right:0 !Important;}

.tp-hide-revslider, .tp-caption.tp-hidden-caption{ display:block !important; visibility: visible !important;}

.customClsDiv{ width:900px; margin:0 auto;}
/*~~~~Case Study Castrol 29-02-2016~~~*/
.img-caseStudy-large{ position:absolute; top:0; bottom:0; right:0;}
.fontSize46{ font-size:44px; line-height:53px;}
.case-study-banner{ background:#9fc5b2; padding:170px 0 48px 0;  position:relative;}
.green-color, .green-color:hover{ color:#009a4e !important;}

.case-study-banner .caseStudySubHeading_2, .case-study-banner .caseStudySubHeading_2 a{color:#009a4e;}
.client-case-bg{ background:#f0faf5}
.client-CS-Status{ background:#9fc5b2;}
.client-CS-Status h5{ color:#009a4e; font-size:70px;}
.topGap04{ margin-top:15px;}


/*~~~PIE Border~~~*/
#timer{ position:relative; margin:0 55px 0 0!important;}
#timer:before{ display:block; content:''; position:absolute; width:100%; height:100%; padding:13px; top:-16px; left:-16px; border:3px solid #ffac28; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; box-sizing:content-box;-moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#border-timer{ float:left; margin:0 20px 0 10px !important; width:200px !important;}

.caseStudiesStatus #timer{ margin-right:0; margin-left:40px !important;}
/*~~~01-03-2016~~~*/
.partners{ padding:110px 0;}
.partners img{ margin:0 auto;}
.partners .desaturate{ max-height:71px;}
.partners img:hover{ cursor:pointer; filter:alpha(opacity=70);opacity:.7;}
.partners .noHover img:hover {cursor:default; filter:alpha(opacity=100);opacity:1;}
.partnersGapLg{ margin-top:100px;}
.tooltip{font-family:ProximaNovaRegular;filter:alpha(opacity=70);opacity:.7; padding:10px; font-size:14px;}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.footer p.twitterHeading{font-family:ProximaNovaRegular;font-size:12px;color:#fff;}
.footer p.twitterHeading span{ color:#4c86a0; font-style:italic;}
.topGap15{ margin-top:15px !important;}
.topGap30{ margin-top:30px !important;}
.topGap100{ margin-top:96px;}


/*~~~Our Clients Carousal~~~*/
#myCarousel .item{ margin: 15px;}
#myCarousel .item img{ width:100%; display: block;height: auto; padding:20px;transition: all .3s ease-in;-moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
#myCarousel .item img:hover{filter: alpha(opacity=70);opacity:.7; border-color:#009ad9; transition: all .3s ease-in;-moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}

.customNavigation{ position:relative; width:100%; z-index:9;}
.customNavigation .btn{ position:absolute; top:70px;} 
.customNavigation .btn.prev{ left:-25px;}
.customNavigation .btn.next{ right:-25px;}

/*~~~04-03-2016~~~*/
.workCaseStudies{ display:block;}
.workCaseStudies .beerCartelBanner{ padding-top:150px;}
.workCaseStudies .waFreshBanner, .workCaseStudies .case-study-banner{ padding-top:60px;}
.workCaseStudies .caseStudyHeading{ font-size:44px; line-height:53px; margin:0; height:inherit;}
.workCaseStudies .caseStudySubHeading{filter:alpha(opacity=60);opacity:0.6; margin-top:20px;}
.workCaseStudies .beerCartelBtn, .workCaseStudies .waFreshBtn, .workCaseStudies .glb-btn{ margin:33px 0 0 0 !important;}

.clientsLogoCenter img{ margin:0 auto; width:161px; height:111px;}
.aboutUsGap{ padding:140px 0;}
.aboutUsGap h1{ margin-bottom:30px;}
.aboutUsGap:before, .aboutUsGap::after{ display:none;}
/*~~~Why Us Get in Touch~~~*/
.whyUsGetInTouch{ background:#e9f1f4; margin-top:40px;}
.whyUsGetInTouchPadding{ padding:40px 0 0 0 }
.whyUsGetInTouch h2{ font-size:35px;}
.about .whyUsGetInTouch p{font-size:19px;line-height:1.5;color:#4a4a4a; margin-right:50px; display:block;}
.whyUsGetInTouch button{width:190px; margin:20px 0 0 0;height:46px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;background-color:#00405d; border:none;font-size:14px; font-family:ProximaNova-Bold; letter-spacing:1px; color:#fff; text-decoration:none; text-transform:uppercase;}
.whyUsGetInTouch button:hover{ background:#009ad9;color:#fff; text-decoration:none;}

.quoteImg{ height:100%;background:url(../images/getintouch-bg.jpg) 0 0 no-repeat; padding:40px 0 40px 0; background-size:cover;}
.quoteImg2{ height:100%;background:url(../images/getintouch-bg.jpg) 0 0 no-repeat; padding:40px 0 40px 0; background-size:cover;}
.quoteCont{ margin:30px 50px 30px 60px;}
.about .quoteCont h2{ display:block; position:relative;font-family:ProximaNova-Extrabold;font-size:29px; line-height:35px;color:#3d4042;}
.about .quoteCont h2:after, .about .quoteCont h2:before{font-family:ProximaNova-Bold; content:'"';}
.about .quoteCont p{ display:block; margin:5px 0 0 0; padding:0;font-family:ProximaNova-Bold;font-size:13px;line-height:20px;color:#00405d;}


.bottoGap20{ margin-bottom:20px;}

.contactUs #purpose{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; line-height:20px !important;
  background:#fff url(../images/dropdown.jpg) 98% 17px no-repeat !important;
}
/*~~~Twitter Scroll Starts~~~*/
#twitterScroll {
    overflow-y: auto;
    height:250px;
	-webkit-overflow-scrolling: touch;
}
/*~~~Twitter Scroll Ends~~~*/

/*~~~~24-03-2016~~~*/
.lighBlueContainer{background:#e9f1f4; padding:65px 0; position:relative;}
.lighBlueContainer h2{font-family: 'montserratbold', sans-serif; font-weight:700;font-size:19px;line-height:27px;color:#113745; margin:0; padding:0;}
.lighBlueContainer h3{font-family:ProximaNova-Extrabold;font-size:44px;line-height:50px;color:#009ad9; margin:10px 0 0;}
.lighBlueContainer ul.bullet-list{ margin:10px 0 15px 0; padding:0;}
.lighBlueContainer ul.bullet-list li{ position:relative; display:block; list-style-type:none;font-family: 'montserratregular', sans-serif;font-size:17px; line-height:23px; color:#113745; padding:6px 0 6px 20px;}
.lighBlueContainer ul.bullet-list li:before{ display:block; position:absolute; top:7px; left:0; content:'\f054';font-family: FontAwesome; color:#009ad9; font-size:11px;}
.relativeDiv02{ position:relative;}

.lighBlueContainer label{font-family: 'montserratsemi_bold', sans-serif;font-size:12px;line-height:27px;color:#113745;}
.lighBlueContainer input[type="text"], .lighBlueContainer input[type="email"]{ margin-bottom:10px;}
.error-msg{ display:block; position:absolute; bottom:-28px; right:0; font-family: 'montserratultra_light', sans-serif;font-size:12px;line-height:27px;color:#ff8360;}

.ebookBtn{ width:100%; margin:50px 0 20px 0 !important; height:60px; background:#00405d}
.ebookBtn:hover{ background:#009ad9;}
.right-hand-img-cont{ display:block; background:#fff; padding:6px;width:352px;max-width:352px;height:503px; border:1px solid #dce3e6; margin:0 auto;
-webkit-box-shadow: 0 8px 5px -6px #abb1b3;
	   -moz-box-shadow: 0 8px 5px -6px #abb1b3;
	        box-shadow: 0 8px 5px -6px #abb1b3;
}
/*~~~~Share~~~*/
.socail-share-icon{ display:block; padding:50px 0;background:#505d63;}
.icon-container{ margin:0 auto; max-width:350px; width:100%;}
.icon-container h2{font-family: 'montserratbold', sans-serif;font-size:25px;line-height:35px;color:#ffffff; text-align:center;}
.socail-icon-font{margin:0 auto; text-align:center;}
.socail-icon-font span{ display:inline-block; cursor:pointer; width:40px; height:40px; text-align:center; margin:10px; background:#f1f1f1; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; line-height:40px; padding:0;}
.socail-icon-font span i{ color:#505d63; font-size:25px; line-height:40px;}
.st_twitter_custom:hover{ background:#4099ff; }
.st_facebook_custom:hover{ background:#3b5998; }
.st_googleplus_custom:hover{ background:#d34836; }
.st_linkedin_custom:hover{ background:#007bb6; }
.st_email_custom:hover{ background:#00405d; }
.socail-link { display:block; margin:20px 0 0 0;}
.socail-link input[type="text"]{width:100%;color:#fff;height:45px;border-radius:4px; background:#434e53;border-radius:4px 0px 0px 4px;-moz-border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; border:none;}
.socail-link input[type="text"]:focus{-webkit-box-shadow: 0px 0px 0px;
        -moz-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px ; outline:none;}

.socail-link input[type="button"]{ position:relative;width:100%;height: 45px;background:#333e44 url(../images/link.png) 20px 13px no-repeat; border:none; color:#fff; font-family:'ProximaNova-Bold', FontAwesome; border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; line-height:45px; vertical-align:middle; text-align:right; padding-right:20px;}
.socail-link input[type="button"]:hover{background:#009ad9 url(../images/link.png) 20px 13px no-repeat;}

/*~~~28-03-2016-Thank You~~~*/
.left-panel-content img{ max-width:435px; width:100%;}
.right-panel-content h2{font-family:montserratbold;font-size:53px;line-height:62px;color:#009ad9; margin:0 0 20px ;}
.right-panel-content p{ display:block; max-width:290px;font-family:ProximaNovaRegular;font-size:20px;line-height:25px;color:#00405d; margin-bottom:20px;}
.right-panel-content input[type="button"], .actions input[type="button"]{ width:290px; margin:50px 0 20px 0 !important; height:60px; background:#0405d}
.right-panel-content input[type="button"]:hover, .actions input[type="button"]:hover{ background:#009ad9;}

.news-page{margin-top:96px; padding:65px 0; position:relative;}
.block-section{ padding:25px 0 20px; max-width:650px; }
.border-bottom-nws{border-bottom:1px solid #cdcdcd;}
.block-section:first-child{ padding-top:0;}
.block-section h2{font-family:ProximaNova-Extrabold;font-size:34px;line-height:40px;color:#00405d;}
.block-section h2 a{ text-decoration:none; color:#00405d;}
.block-section h2:hover a{ color:#009ad9;}
.block-section h3{font-family:ProximaNova-Bold;font-size:16px;line-height:20px;color:#4a4a4a; margin:25px 0 0 0;}
.block-section h3 a{ color:#f69768;}
.block-section p{ display:block; margin:30px 0 20px 0;font-family:ProximaNovaRegular;font-size:19px;line-height:30px;color:#333333;}
.block-section p sup{font-size:19px;}
.block-section strong {font-family:'ProximaNova-Bold';}
.readmore{font-family:ProximaNova-Bold;font-size:16px;line-height:20px;color:#f69768; display:inline-block; margin-bottom:15px;}
.readmore:hover{ text-decoration:underline; color:#f69768;}
.block-section h4{ margin-top:50px;font-family:ProximaNova-Bold;font-size:30px;line-height:20px;color:#4a4a4a;}
.block-section ul { margin:0 0 0 17px; padding:0;}
.block-section ul li{ list-style-type:none;font-family:ProximaNovaRegular;font-size:19px; color:#4a4a4a; padding:4px 0 4px 25px; background:url(../images/dot.jpg) 0 16px no-repeat;}
.image-border{ margin:10px 0; border:1px solid #979797; width:100%; max-width:652px;}  
.news-page .linkBradecrumb{ color:#009ad9; margin-bottom:20px; display:inline-block;}

#ebookFrm .help-block{ font-size:12px; color:#FF8300;}
.input input{ width:100%;}

.hs-error-msgs.inputs-list{ margin:0; padding:0;}
.hs-error-msgs.inputs-list li{list-style-type:none; margin-top:-10px;}
.hs-error-msgs.inputs-list label{font-family:ProximaNovaRegular;color:#ff8300;font-size:12px; line-height:12px; margin:0; font-weight:normal;}
.actions input[type="submit"]{ background-color:#009ad9; margin:0;width:100%;height:60px;border-radius:40px;-moz-border-radius:40px; -webkit-border-radius:40px;border:none;font-size:13px;font-family:ProximaNova-Bold; letter-spacing:1px; color:#ffffff; text-transform:uppercase;-moz-text-transform:uppercase; -webkit-text-transform:uppercase;}
.actions input[type="submit"]:hover{ background:#00405d;}
.hbspt-form .hs-form-field label{ margin-top:10px;line-height:15px;}
.hs-form-required{color:#ff0000; display:inline-block; padding-left:3px;}
.logo-container{ display:block; clear:both; margin-bottom:40px; padding:17px 0;}
/*~~~12-04-2016~~~*/
#cntctFrm .input{ min-height:82px;}
.contactUs label{ color:#113745; display:block; padding:0px; font-size:12px;font-family: 'ProximaNova-Bold';}
.contactUs #purpose{ margin-bottom:0;}
/*~~~14-04-2016~~~*/
/* Back To Top */
#back-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  display: none;
}
#back-top a {
  width: 44px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#back-top a .fa {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  font-size: 14px;
  background: #a3a3a3;
  border-radius: 6px;
}
#back-top a:hover {
  color: #2f2f2f;
}
#back-top a:hover .fa {
  background-color: #777;
}
#back-top a .fa{color:#009ad9;background:#E8F5FA !important;border-radius: 100% !important; border:1px solid #96CBE0;}
/*~~~~22-04-2016~~~~*/
.block-section img{ width:100%;}
.image-block-section div{ width:25%; float:left; padding-right:10px;}
.image-block-section div img{ width:100%;}
.content-right-img{ display:block;}
.content-right-img div{ float:left; width:60%;}
.content-right-img .img-div{ float:right;width:40%; margin-top:30px;}
.content-right-img .img-div img{ width:100%; margin-left:5px;}
.guide{ word-wrap:break-word}

/*------pagination---------*/
.page-item,.pagination > li a, .pagination > li span, .pagination > li:last-child > a, .pagination > li:last-child > span{width:43px;height:53px;}
.page-item{ float:left; border:none; margin:0 10px 0 0;}
.current{-webkit-border-radius: 40px;border-radius: 40px; background:#00405d; color:#fff; text-align:center; line-height:53px;}
.pagination > li a, .pagination > li span, .pagination > li:last-child > a, .pagination > li:last-child > span{-webkit-border-radius: 40px; border-radius: 40px;background:#e4e4e4; color:#fff; text-align:center; line-height:53px; padding:0;}
.pagination > li:first-child > a, .pagination > li:first-child > span {-webkit-border-radius: 40px; border-radius: 40px; border:none;}
.pagination > li:last-child > a:hover, .pagination > li:first-child > a:hover{background:#00405d; color:#fff; text-decoration:none;}

/*---------Ecommerce---------*/
.ecommerce-section{background:#f2f2f2; padding:50px 0 40px;}
.ecommerce-section h2{ font-family:ProximaNova-Bold; font-size: 16px; line-height: 27px;  color: #f69768; margin:0; padding:0;}
.ecommerce-section h3{ font-family:ProximaNova-Extrabold; font-size: 35px; line-height:42px; color: #00405d; margin:0; padding:0;}
.ecommerce-section p { font-family:ProximaNovaRegular; font-size: 19px; line-height: 28.5px; color: #4a4a4a; margin:10px 0 20px 0; padding:0;}
.btn { -webkit-border-radius:40px; border-radius: 40px; font-family:ProximaNova-Bold; color:#fff; font-size:14px; background:#23527c; padding: 12px 30px 12px 30px; border: none;text-decoration: none; text-transform: uppercase; display:table; margin:0 auto; -webkit-transition: all .2s ease-in-out;}
.btn:hover, .btn:focus {background: #009ad9;text-decoration: none; color:#fff; outline-width:0px !important;; border-width:0px !important;}
.ecommerce-section p.ecommerce-info-text{margin-bottom:1em; color:#777; font-size:13px; line-height:15px; font-style:italic; padding:10px 30px; }

/*~~~~~~~~~~~~~~~~~~IE ISSUE~08-03-2016~~~~~~~~~~~~~~~~~~~~~*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.contactUs #purpose{ background-image:none !important; padding-right:10px !important; line-height:20px !important;}
.contactUs #purpose option{font-size:16px !important;line-height:30px !important;}
a, :focus{ outline:none;}
}

/*~~~IE9 Below~~~*/
@media all and (min-width:0\0) and (min-resolution:.001dpcm) 
{
.contactUs input[type="text"], .contactUs input[type="email"], .contactUs #purpose{line-height:20px !important; padding-top:0 !important; padding-bottom:0 !important;}
.contactUs select:focus
{
    font-family:inherit !important;
    font-size:inherit !important;
	font-family:ProximaNovaRegular !important; font-size:16px !important;
}
}

.brXs{ font-style:normal;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
/*--------------About US/Why Us Page----------------------*/
.about{ padding-top:50px;}
.about h2{ font-family:ProximaNova-Bold; font-size: 16px; line-height: 27px;  color: #f69768; margin:0; padding:0;}
.about h3{ font-family:ProximaNova-Extrabold; font-size: 35px; line-height:42px; color: #00405d; margin:0; padding:0;}
.about p { font-family:ProximaNovaRegular; font-size: 19px; line-height: 28.5px; color: #4a4a4a; margin:10px 0 20px 0; padding:0;}
.directorPanel{ padding:110px 0 70px 0;}
.directorPanel h2{font-family:ProximaNova-Bold; font-size: 22px;  line-height: 27px;  color: #00405d; padding-top:30px; text-align:left; padding-left:20%;}
.directorPanel h3{font-family:ProximaNovaRegular; font-size: 16px; line-height: 27px; color: #009ad9; text-align:left; padding-left:20%;}
.directorPanel p{ font-family:ProximaNovaRegular; font-size: 16px; line-height: 24.5px; color: #7f7f7f; text-align:left; padding-left:20%; padding-top:6px;}
.credentialPanel{ background:#e9f1f4; padding:90px 0 105px 0;}
.credentialPanel .imageHolder{ min-height:170px;}
.credentialPanel img.iso1{width:209px; max-height:119px; margin-top:62px;}
.credentialPanel img.iso2{ width:192px; max-height:119px; margin-top:62px;}
.credentialPanel img.dw{ width:162px; max-height:119px; margin-top:58px;}
.credentialPanel img.bc{ width:170px; max-height:119px; margin-top:58px;}
.credentialPanel h4{ text-align:center; font-family:ProximaNova-Bold; font-size: 15px;line-height: 21.2px;color: #00405d;}
.footprint{ padding:60px 0;}
.footprint .map{ margin:42 auto; /*background:url(../images/aboutus/map.jpg) 0 0 no-repeat; background-size:cover;*/}
.footprint .map img{width:100%;}
/*~~~~21-03-2016~~~~*/
.addressBlockCont{ margin-bottom:35px;}
.footprint .map h2{font-family:ProximaNova-Bold;font-size:18px;line-height:20px; color:#009ad9; margin-bottom:5px;}
.footprint .map h3{font-family:ProximaNovaRegular;font-size:12px;line-height:15px; color:#009ad9;}
.footprint .map h4{font-family:ProximaNovaRegular;font-size:12px;line-height:12px; color:#000000;}
.footprint .map h5{font-family:ProximaNovaRegular;font-size:12px;line-height:12px; font-style:italic; color:#f69768; margin-bottom:15px;}
 

/*--------------About US/Why Us Page End----------------------*/
@media (max-width:320px) {
/*~~~12-04-2016~~~~*/
.socail-link input[type="button"], .socail-link input[type="button"]:hover{background-position:15px 13px; padding-right:15px;}

}
@media (max-width:379px) {
/*~~~~Banner Animation Responsive~~~*/
.bannerTopMenu{ margin:0;}
.bannerTopMenu ul li a{ font-size:15px; padding:0;font-family:ProximaNovaRegular;}
.customClsDiv .bannerAnimationTxtCnt{ margin:0 !important; top:-15px !important;right:5% !important; left:5% !important; width:100% !important; }
.customClsDiv .bannerAnimationTxtCnt #timer, .customClsDiv .bannerAnimationTxtCnt .barGraphDiv, .customClsDiv .bannerAnimationTxtCnt .pull-right {margin:0 auto!important; float:none  !important;}
.customClsDiv .bannerAnimationTxtCnt h4, .customClsDiv .bannerAnimationTxtCnt h5{ text-align:center;}
.customClsDiv .bannerAnimationTxtCnt h5{ font-size:60px; margin-top:45px}
.customClsDiv .bannerAnimationTxtCnt h5.waFreshColor{ margin-top:0;}
.grapBarAnimation h4{ font-size:30px;}
.grapBarAnimation .pull-right h4{ font-size:28px;}
.glb-canvas h4{font-size:25px;}
.customClsDiv .grapBarAnimation{ margin-bottom:0;}
.customClsDiv button{ margin:0 auto !important; width:100%;}
.tp-bullets{ display:none !important}

.bannerTopMenu ul li{ display:block; padding:5px 0;}
.customClsDiv h4 br{ display:none;}

.glb-canvas .grapBarAnimation{ margin-top:-15px;}
.customClsDiv .bannerAnimationTxtCnt h5.green-color{ margin-top:25px !important;}

.caseStudiesStatus #timer, #border-timer{ margin-right:auto !important;margin-left:auto !important; float:none !important;}
.topGap03XS, .caseStudiesStatus #timer{ margin-top:65px;}
.caseStudiesStatus h5{ margin:20px 0 0;}
/*~~~24-03-2016~~*/
.icon-container{ width:80%;}
.socail-icon-font span{ margin-left:4px; margin-right:4px;}

/*~~~379~~*/
}
@media only screen and (min-device-width: 320px) and (max-height : 480px){
.nav > li > a{ padding:25px !important;}
.socail-link input[type="button"], .socail-link input[type="button"]:hover{ background-position:15px 13px; padding-right:15px; }

}
/*~~~~~iPhone 6+ Portrait~~~~~*/
@media only screen and (min-device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait) {
.caseStudiesStatus #timer{ margin-left:50% !important; transform: translateX(-50%);-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}

.bannerTopMenu{ margin:20px 0 0 0;}
.customClsDiv .bannerAnimationTxtCnt h5{ font-size:70px}
.customClsDiv .bannerAnimationTxtCnt{ top:0 !important;}
.tp-bullets{ display:inherit !important}
.customClsDiv .bannerAnimationTxtCnt{ margin:0 0 0 0px !important; top:10px !important;left:5% !important;right:5% !important;}


.customClsDiv .bannerAnimationTxtCnt{ margin:0 !important; top:160px !important;right:5% !important; left:5% !important; width:100% !important; }
.customClsDiv .bannerAnimationTxtCnt #timer, .customClsDiv .bannerAnimationTxtCnt .barGraphDiv, .customClsDiv .bannerAnimationTxtCnt .pull-right {margin:0 auto!important; float:none  !important;}
.customClsDiv .bannerAnimationTxtCnt h4, .customClsDiv .bannerAnimationTxtCnt h5{ text-align:center;}
.customClsDiv .bannerAnimationTxtCnt h5{ font-size:60px; margin-top:45px}
.customClsDiv .bannerAnimationTxtCnt h5.waFreshColor{ margin-top:0;}
.grapBarAnimation h4{ font-size:30px;}
.grapBarAnimation .pull-right h4{ font-size:28px;}
.glb-canvas h4{font-size:25px;}
.customClsDiv .grapBarAnimation{ margin-bottom:0;}
.customClsDiv button{ margin:0 auto !important; width:100%;}
.tp-bullets{ display:none !important}

.bannerTopMenu ul li{ display:block; padding:5px 0;}
.customClsDiv h4 br{ display:none;}

.glb-canvas .grapBarAnimation{ margin-top:-15px;}
.customClsDiv .bannerAnimationTxtCnt h5.green-color{ margin-top:25px !important;}

.caseStudiesStatus #timer, #border-timer{ margin-right:auto !important;margin-left:auto !important; float:none !important;}
.topGap03XS, .caseStudiesStatus #timer{ margin-top:65px;}
.caseStudiesStatus h5{ margin:20px 0 0;}

}

@media (min-height:500px) and (max-height:630px) and (orientation : portrait) {
.bannerTopMenu{ margin:20px 0 0 0;}
.customClsDiv .bannerAnimationTxtCnt h5{ font-size:70px}
.customClsDiv .bannerAnimationTxtCnt{ top:0 !important;}
.tp-bullets{ display:inherit !important}
.customClsDiv .bannerAnimationTxtCnt{ margin:0 0 0 0px !important; top:10px !important;left:5% !important;right:5% !important;}
/*~~~22-03-2016~~~*/
h5#barDiv3{ margin-top:10px !important}
.last-element-animation .glb-canvas .grapBarAnimation{ margin-top:-30px;}
/*~~~Height-500~Iphone6~~*/
}
@media (max-height:500px)  {/*~~~for iphone 4 Landscape animation hide*/ 
#bannerImgDiv h1{ font-size:35px !important; line-height:35px; padding-top:70px !important;}
#bannerImgDiv .btn{ margin-top:0px}
.bannerTopMenu { display:none !important;}
.customClsDiv .bannerAnimationTxtCnt{ top:-110px !important;}
.customClsDiv .bannerAnimationTxtCnt h5{ margin-top:40px !important; height:40px !important;}
.grapBarAnimation h4{ line-height:30px;}
.tparrows{ top:150px !important;}
.tparrows.hidearrows{filter:alpha(opacity=90) !important;opacity:0.9 !important;}

.customClsDiv .bannerAnimationTxtCnt.waFreshGraphCont h4{ margin-top:25px !important;font-size:20px !important;}
.customClsDiv .bannerAnimationTxtCnt h5.waFreshColor{ margin-top:10px !important;}

.customClsDiv .glb-canvas h5.green-color{margin-top:15px !important;}
.glb-canvas h4, .bannerGraphContent  h4{ font-size:20px !important;}
.glb-canvas h4{ line-height:20px !important;}

.customNavigation .btn{ position:absolute; top:80px;}

}
@media (max-width:480px) {
.contactUs h2, .downloadCaseStudies h2, .caseStudyHeading{ font-size:50px;}
.modal-header h4{ font-size:40px; line-height:45px; margin-top:10px;}
.modal-content .downloadBtn{ width:100%;}

.landingPagePartner .col-xs-3{ width:100%;float:none;}
.landingPagePartner .col-xs-3 a{ display:block; text-align:center;}
.landingPagePartner .col-xs-3 a img{ margin:0 auto;}

/*~~~~Banner Animation~~~*/
.bannerTopMenu ul li{ display:block; padding:5px 0;}
.customClsDiv{ position:absolute; top:140px;}
.tp-caption.betterExperience{ font-size:16px !important; position:relative !important; width:80% !important; top:0 !important; left:10% !important; right:10% !important;white-space: pre-line !important; text-align:center; line-height:20px !important;}


/*~~~29-02-2016~~~*/
.fontSize46{ font-size:40px; line-height:45px;}
/*~~~04-04-2016~~~*/
.whyUsGetInTouch button{ width:80%;}
/*~~~~~02-06-2016~~~~~*/
.headachesBlueContent p{ padding:30px !important;}


/*--480--*/
}
@media (min-width:601px) and (max-width:700px) {
.customClsDiv .bannerAnimationTxtCnt{top:20px !important; margin:0 auto !important; left:5% !important; right:5% !important; width:300px;}
.waFreshGraphCont.bannerAnimationTxtCnt { top:50px !important;width:330px;}
.waFreshGraphCont .pull-right{ margin:20px 0 0 20px;}
.grapBarAnimation{ min-height:150px;}
.bannerGraphContent h5{ padding-top:20px;}
.glb-canvas h5{ padding-top:50px;}
.bannerGraphContent .grapBarAnimation h4{ margin-top:30px;}
.glb-canvas h4{ margin-top:50px;}
.customClsDiv .bannerAnimationTxtCnt.waFreshGraphCont h4 {font-size: 20px !important;margin-top: 0 !important;}
.glb-btn{ margin-top:15px;}
.customClsDiv .bannerAnimationTxtCnt{ margin-left:150px !important;}

}
@media (min-width:480px) and (max-width:600px) {
.bannerTopMenu ul li{ display: table-cell; width:auto !important;}

/*~~~~Banner Animation Responsive~~~*/
.bannerTopMenu{ margin:20px 0 0 0;}
.bannerTopMenu ul li a{ font-size:15px; padding:0;font-family:ProximaNovaRegular;}
.customClsDiv .bannerAnimationTxtCnt{ margin:0 0 0 100px !important; top:10px !important;left:5% !important;right:5% !important;}
.customClsDiv button{ margin:0 0 0 80px !important; width:100%; max-width:260px; }
.grapBarAnimation h5{ margin-top:60px;}
.grapBarAnimation{ margin-bottom:5px;}
#timer{ margin-top:0px !important;}
.bannerClose{ top:3px; right:5px;}

/*~~~WA Fresh~~~*/
.waFreshGraphCont .grapBarAnimation{ top:60px !important; width:430px;}
.grapBarAnimation h5.waFreshColor{ margin-top:30px;}
.customClsDiv button.waFreshBtn{ margin-top:60px !important;}
.waFreshGraphCont h4{ margin-top:-20px;}

.glb-canvas #border-timer{ margin-top:-17px !important;}

/*~~~480-600~~~*/
}
@media (max-height:320px) {/*~~~for iphone 4 Portrait animation hide*/ 
.customClsDiv .bannerAnimationTxtCnt{ top:-130px !important; margin-left:70px !important}
.customClsDiv .bannerAnimationTxtCnt.glb-canvas{ top:-100px !important;margin-left:25px !important}
.customClsDiv button{ margin:0 !important;}
.tp-bullets{ display:none;}
.text-centerMD{ text-align:center;}
.waFreshGraphCont .pull-right{ float:left !important; margin-left:30px;}
}

@media (max-width: 767px) {
.header{ margin:0px 0;}
.navbar-nav{ float:inherit;}
.textCenter{ text-align:center;}
.navbar-brand{ padding-left:0; padding-right:0;}
.textCenterXS{ text-align:center;}
.footer ul{ margin:10px 0;}
.address{ margin-top:20px;}
.gap20{ margin-top:20px;}

.blogPost{ padding:30px 0;}
/*~~~~Banner Animation~~~*/
.tellMeMore{top:320px !important;}

#barDiv2{ left:10% !important;}
.bi-bar{ width:50px !important; height:100px !important; }
.bi-bar:after{ width:100px !important; left:-25px !important;}
.increaseRevenue{ top:66px !important}
.increaseRevenue span.bi-label{ margin:0 0 0 -30px;}
#barDiv2 + .tp-caption{ top:140px !important;left:150px !important;}
.modal{ overflow-y:auto;}

.affix-top {padding-top:15px;padding-bottom:15px;}
.workPageBanner, .grayBg, .contactUsPageBanner, .waFreshBg, .beerCartelBg, .castrolBg{ margin-top:96px;}
#work{ height:96px;}
/*~~~ 25-02-2016~~~*/
.imgCaseStudy, .img-caseStudy-large{ position:inherit;right:inherit;}
.imgCaseStudy img, .img-caseStudy-large img{ width:100%;}


.bannerTopMenu ul li{ width:100%;}
.bannerTopMenu ul li a{ border-bottom:none; text-decoration:underline}
.customClsDiv{width:90%;}
.bannerAnimationTxtCnt h2{ font-size:25px; line-height:25px;}
.bannerAnimationTxtCnt h3{ font-size:18px; line-height:25px;}


#bannerImgDiv h1{ font-size:40px; margin-bottom:20px; padding-top:100px;}
/*~~~26-02-2016~~~*/
.barGraphDiv{ margin:0 auto}
/*~~~29-02-2016~~~*/
.navbar-collapse{ margin-top:10px;}
#homeNav .navbar-collapse{ box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:none;}

/*~~~29-02-2016~~~*/
.fontSize46{ font-size:44px; line-height:45px;}
/*~~~01-03-2016~~~*/
.partners{ padding-bottom:0px;}
.partners img{ margin-bottom:50px;}
.partnersGapLg{ margin-top:0;}
.footer li{ margin-top:-3px;}
.footer ul{ margin:0 0 0 50px;}
/*~~~03-03-2016~~~*/
.customNavigation .btn{ position:absolute; top:100px;} 
/*~~~04-03-2016~~~*/
.lineBreakXs{ display:block; padding-top:12px; text-align:center;}
.clientsLogoCenter .col-sm-3{ margin-bottom:20px;}
.aboutUsGap{ padding:40px 0;}
/*~~~07-03-2016~~~*/
.quoteCont{ margin:20px;}

/*~~~08-03-2016~~~*/
.clientsLogoCenter img{ border:1px solid #e7e7e7; padding:10px;}
.img-caseStudy-large img{ margin-top:40px;}
.waFreshLogo{ margin-top:30px;}
.twitterHeading{ margin-top:20px;}
.brXs{ display:block !Important; font-style:normal; clear:both;}
.brXs br{ display:none;}
.beercartelCSStatus .caseStudyAnimation .grapBarAnimation { padding-top:50px !important}

#myModalS .modal-header, #myModalS .modal-body, #myModalS .modal-footer{ padding-left:30px !important; padding-right:30px !important;}
#myModalS .modal-footer .backToTheSite{ width:100%;max-width:255px; margin-bottom:10px;}

.caseStudiesStatus{ padding-bottom:65px;}
.caseStudiesStatus{ padding-top:65px;}
.downloadCaseStudies{ padding:50px 0 70px;}
.clientCaseStudiesContent { padding:50px 0 50px 0;}
.caseStudiesStatus h4{ margin-bottom:0 !important;}
.caseStudiesStatus h5{ margin-top:10px;}
.topGap03XS, .caseStudiesStatus #timer{ margin-top:40px;}

/*~~~09-03-2016~~~*/
.about .quoteCont h2{ text-shadow:0 0 0;}
.whyUsGetInTouch{ padding-bottom:35px;}
.quoteImg{ margin-left:-15px;margin-right:-15px; width:111%;}
#cntctFrm{ margin-top:30px;}
.contactUs{ padding-bottom:30px;}
.caseStudyAnimation .textCenterXS{ padding-left:0 !important}

.our-clients-home{ margin-top:-50px; padding-top:0 !important;}
.overflowNone{ overflow:hidden}
/*~~~~24-03-2016~~~~*/
.right-hand-img-cont{ width:auto; height:auto;}
/*~~~~28-03-2016~~~~*/
.left-panel-content, .right-panel-content {text-align:center;}
.right-panel-content p{ max-width:inherit;}
.right-panel-content h2{ margin-top:30px;}


/*~~~29-04-2016~~~*/
.addressGmap{ width:auto; margin:0;}
/*~~~12-04-2016~~~*/
.gap-bootom{ margin-bottom:30px;}
.about h3{ margin-bottom:20px; line-height:40px;}
.about p{ margin-bottom:25px;}
.footprint .map h5{ margin:0 0 10px !important;}
.credentialPanel .imageHolder.last-element{ min-height:125px;}

/*~~~~~22-04-2016~~~~~*/
.content-right-img div{ float:none; width:auto;}
.content-right-img .img-div{ float:none;width:auto; margin-top:30px; text-align:center;}
.content-right-img .img-div img{margin-left:0; max-width:200px}
/*~~~~25-05-2016~~~~*/
.insideIcon h4{ margin-bottom:40px !important;}
/*~~~~~Top-Three-Ecommerce-Headaches~~~~~*/
.right-hand-img-cont{ margin:0 0 30px; width:180px;}
.right-hand-img-cont img{ width:100%;}
}

/*~~~~767~~~*/
@media (max-width: 768px) {
.noGutter{margin-left:0 !important; margin-right:0 !important;}
.noGutter .noPadding{ padding-left:0 !important;}
#bannerImgDiv img{ display:none;}

/*~~~Baneer~~~*/
.tellMeMore{left:50% !important; margin-left:-60px !important;}
.increaseSize span, .increaseRevenue span.bi-label{ font-size:80px; line-height:80px;}
.increaseSize span sub, .increaseRevenue span.bi-label sub{ font-size:50px;line-height:21px; right:-40px;}
.testBar{ height:inherit;}

/*~~~~~~~~~~Nav Bar Toggle~~~~~~~~~~~~~
.navbar-default .navbar-toggle .icon-bar, #homeNav.navbar-default.affix-top .navbar-toggle .icon-bar{background-color:#fff; }*/
.navbar-default.affix .navbar-toggle .icon-bar, .navbar-default.affix-top .navbar-toggle .icon-bar{background-color:#009ad9; }
.navbar-default .navbar-toggle{ border:none;}
.navbar-default .navbar-toggle:hover{
  background: none !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: none !important;
}

.navbar-default .navbar-toggle:focus {
 background: none !important;
}
.beerCartelBanner, .waFreshBannerm, .case-study-banner{ padding-top:145px;}
.barGraphDiv{ margin-top:50px;}
.beerCartelXs{ width:154px;}
.waFreshLogo{ width:170px}
.beercartelCSStatus{ margin-top:20px;}
.caseStudiesStatus h4{ margin-bottom:50px; padding:0 35px}
.caseStudiesStatus h5{padding:0 35px}
.caseStudiesStatusTopGap{ padding-bottom:85px;}
.footer{ padding-bottom:50px; }
}
@media (min-width: 768px) {
.navbar-nav{ float:right;}
.footer .col-sm-8:first-child{ padding-left:0;}
.modal-lg{ width:588px;}
.modal-content{ padding:30px 35px 20px 35px;}
.Gutter{ padding-left:15px;}

/*~~~04-03-2016~~~*/
.clientsLogoCenter .col-sm-3{ margin-bottom:60px;}
.glb-btn{ width:auto !important; padding:0 20px;}
}
@media (min-width:768px) and (max-width: 991px) {
/*~~~Banner~~~*/
.bannerTopMenu{left:-10% !important; position:relative;}
.bannerTopMenu li a{font-size:16px !important;}
.tellMeMore{top:280px !important;}
.tp-caption.betterExperience{ font-size:26px !important; width:90% !important;left:5% !important; right:5% !important;white-space: pre-line !important; text-align:center; line-height:20px !important;}

#bar2 .bi-bar{ width:90px !important; height:150px !important; }
#bar2 .bi-bar:after{width:150px;}
#barDiv2 + .tp-caption{ top:250px !important; left:360px !important;}

/*~~~Home Page Banner Animation~~~*/
.bannerTopMenu{ left:5% !important; right:5% !important;}
.bannerHeadingContent, .bannerHeadingContent02, .bannerHeadingContent03{ margin:0 !important;left:5% !important; right:5% !important; top:160px !important;}
.bannerHeadingContent02{ top:130px !important;}
.bannerHeadingContent03{ top:300px !important;}
.bannerHeadingContent h2, .bannerHeadingContent p, .bannerHeadingContent02 h2, .bannerHeadingContent03 p{text-align:center; display:block; width:100% !important;}
.bannerGraphContent, .waFreshGraphCont, .glb-canvas { margin:0 !important;left:50% !important; top:500px !important; width:400px !important; transform:translate(-50%) !important; -moz-transform:translate(-50%) !important; -webkit-transform:translate(-50%) !important;}
.waFreshGraphCont, .glb-canvas{width:430px !important;top:430px !important;}
.waFreshGraphCont h3, .glb-canvas h3{ text-align:center;}

/*~~~~3 BTN~~~*/
.beerCartelBtn, .glb-btn, .waFreshBtn{ margin:0 auto !important;}
.text-centerMD{ text-align:center;}

/*~~~11-03-2016~~~*/
.textCenterSM{ text-align:center;}
.textCenterSM button{ margin-bottom:20px;}

.grapBarAnimation, #border-timer{ margin-top:30px !important;}
/*~~~Thank You Page Min Height~05-04-2016~~*/
.right-panel-content{ min-height:380px;}
/*~~~12-04-2016~~~*/
.barGraphDiv{ margin-top:10px;}
.grapBarAnimation, #border-timer{ margin-top:0 !important;}

}
@media (min-width:1024px) and (max-width:1200px) {
.bannerAnimationTxtCnt{ margin-left:60px !important;}
.bannerGraphContent, .waFreshGraphCont, .glb-canvas {margin-left:130px !important;}
.glb-canvas {margin-left:100px !important;}
}
@media (max-width:991px) {
.landingpageBanner h1{ font-size:40px;}
.contactsubmit{float: none !important; margin:20px auto; width:100%;}
.imgCaseStudy, .img-caseStudy-large {position:inherit;right: inherit; text-align:center}
.beerCartelCaseBg br{ display:none;}
}
@media (min-width:992px) {
.carousel-inner .item a img{ display:block; margin:0 auto}
.carousel-inner{ max-width:920px; margin-left:100px;}
.bannerTopMenu{ margin:0 auto; width:996px; padding-top:50px;}
.noGutterDesktop{margin-left:0;margin-right:0;}

/*~~~07-03-2016~~~*/
.whyUsGetInTouchPadding p{ width:440px; display:block; margin-bottom:0;}
/*~~~24-03-2016~~~*/
.max-width-cont{ max-width:370px;}
}
@media (min-width:992px) and (max-width:1024px) {
#barDiv2 + .tp-caption{ top:390px !important; left:446px !important;}
.imgCaseStudy{ right:-15px;}
.img-caseStudy-large{ max-width:555px;}
.img-caseStudy-large img{ width:100%;}
}

@media (max-width: 767px) {/*~~~~~~~~~~NAV MENU MOBILE~~~~~~~*/
.navbar .only-device{ padding-left:0; padding-right:0;}
.navbar .only-device .navbar-header{ padding-left:15px; padding-right:15px;}

/*~~~Nav 100% Height~~~*/
.navbar-fixed-bottom, .navbar-fixed-top{ position:relative; }
.workPageBanner, .grayBg, .contactUsPageBanner, .waFreshBg, .beerCartelBg, .contactUs, .lighBlueContainer, .news-page{ margin-top:0;}
.news-page{ padding-top:20px;}
.beerCartelBanner, .waFreshBannerm, .case-study-banner, .workCaseStudies .beerCartelBanner, .waFreshBanner, .contactUs, .lighBlueContainer{ padding-top:44px;}
#bannerImgDiv{ top:-97px;}
.top-none{ top:0 !important;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ max-height:inherit !important;}
.navbar-collapse, .full-length, .full-length nav, .full-length .only-device, .full-length .header, .full-length #navbar, .full-length .nav{height:100%;}
.full-height{}
.navbar-nav{ margin-top:0;}
.fullNav .navbar-toggle span.blueBar{ display:none;}
.fullNav .navbar-toggle span:nth-child(2){ display:block; background:url(../images/close.jpg) 0 0 no-repeat; width:20px; height:20px;}
/*~~~Nav Large Font~~~*/
.navbar-default .navbar-nav > li > a{display:block;font-size: 22px;letter-spacing:2.8px; text-align:center; color:#02415e; padding:40px 40px 30px 40px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .nav li:last-child a{color:#009ad9 !important;}
/*~~~~Home Page Nav~~~~*/
#homeNav.navbar-default .navbar-toggle .icon-bar{ background-color:#fff !important;}
#homeNav.affix-top li > a:hover{ color:#009ad9 !important;}
#homeNav.navbar-default.affix li:last-child a{ color:#fff!important;}

nav#homeNav li a, #homeNav.affix-top li > a{ color:#02415e !important;}
.nav li:last-child a, #homeNav.affix-top li:last-child > a{color:#009ad9 !important;}

nav#homeNav.affix li a{color:#02415e !important;}
nav#homeNav.affix li a:hover{color:red !important;}
.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}/*~~~~~~~~~~NAV MENU MOBILE ENDS~~~~~~~*/
.last-element-animation .grapBarAnimation h4{ line-height:30px; margin-top:5px; margin-bottom:5px;}
.last-element-animation .glb-canvas .grapBarAnimation{ margin-top:-20px;}
.last-element-animation .customClsDiv .bannerAnimationTxtCnt h5.green-color{ margin-top:20px !important;}
.modal-header{ padding-top:30px;}
.modal-footer, .modal-body{ padding-bottom:30px;}
.modal-header, .modal-body{ padding-left:30px; padding-right:30px;}

/*~~~21-03-2016~~~*/
.whyUsGetInTouch button{ margin-top:35px;}
.whyUsGetInTouchPadding{ padding-top:42px;}
.footprint{ padding:43px 0 39px 0;}
.credentialPanel{ padding:43px 0 37px 0;}
.credentialPanel h4{ margin-left:10px; margin-right:10px;}
.contactUs h2{ line-height:57px;}
.contactUs h4, .contactsubmit{ margin-top:0;}
.clientCaseStudiesContent h2{ margin-top:25px;}

.problemSolutionSection h2{ margin-top:43px;}
.problemSolutionSection p:last-child{ margin-bottom:20px;}
.caseStudiesStatus{ padding-top:44px;}
.caseStudiesStatusTopGap{ padding-bottom:70px;}

/*~~~22-03-2016~~~*/
.tp-bullets{ bottom:10px !Important;}
#submit{ margin-top:4px;}
.partners{ padding:80px 0;}
/*~~~25-05-2016~~~*/
.noGutter{ margin-left:0;margin-right:0;}
}
@media (min-width:768px) and (max-width:992px) {
/*~~~~~27-05-2016~~~~~*/
.right-hand-img-cont{width:330px;}

}

/*~~~10-03-2016~~~*/
.desaturate img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);}

.pagination{ display:block; clear:both;padding-top:30px}
.pagination li:last-child{ clear:right;}
.pagination li{ margin-bottom:20px;}

/*~~~~25-05-2016~~~~*/
.headachesBlueContent{background:#00405d;}
.headachesBlueContent p {display:block; margin:0 auto; padding:60px 0px 50px 0px; text-align:center; max-width:520px; position:relative; font-family:ProximaNova-Extrabold; font-size:20px; line-height:30px; text-align:center; color:#fff; }
.headachesBlueContent p span{ display:block; margin-top:20px;font-family:proxima_novasemibold; font-size:14px; line-height:20px}

.headachesMiddleContent{ display:block; padding:60px 0; background:#fff;}
.headachesMiddleContent p{ display:block; margin:0 auto 40px auto; padding-bottom:40px; text-align:center; max-width:770px; position:relative;font-family:proxima_novasemibold;font-size:20px;line-height:30px;text-align:center;color:#004e6f;}
.headachesMiddleContent p:after{ display:block; content:''; margin:0 auto; position:absolute; bottom:0; left:0; right:0; width:75px; height:6px; background:#004e6f;}
.headachesMiddleContent h2{font-family:proxima_novasemibold;font-size:17px;line-height:27px;color:#f69768; margin:70px 0 0 0;}
.headachesMiddleContent h3{font-family:ProximaNova-Extrabold;font-size:36px;line-height:36px;color:#00405d; padding:10px 0;}
.headachesMiddleContent h4{font-family:ProximaNovaRegular;font-size:17px;line-height:25px;color:#00405d;}
.headachesMiddleContent h2, .headachesMiddleContent h3, .headachesMiddleContent h4{ margin:0 auto; max-width:520px; text-align:center;}
.insideIcon{ padding:40px 0 0;}
.insideIcon h4{font-family:ProximaNova-Extrabold;font-size:19px; margin-top:25px;}
.hs_submit{ margin-top:20px;}
.insideIcon img{ width:120px;}

/*~~~~Blog-29-06-2016~~~~*/
.blog-hubspt h2{ margin-bottom:40px;}
.blog-hubspt .sub-heading{color:#00405d;font-family:ProximaNova-Extrabold;}
.blog-hubspt p{ line-height:27px;}
.blog-hubspt h3{font-family:ProximaNova-Extrabold; margin:40px 0 10px 0;color:#00405d; font-size:24px; line-height:35px;}
.blog-hubspt h5{font-family:ProximaNova-Extrabold; font-size:18px; font-weight:bold; margin:30px 0 10px ;}
.blog-hubspt ul li{ margin-bottom:10px; color:#333333;}
.blog-hubspt ol{ margin:0 0 0 30px; padding:0;}
.blog-hubspt ol li{ font-size:18px; font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif; margin:18px 0;}
.download-guide{ margin-top:30px; width:100%; max-width:100%;}