@font-face {
    font-family: helveticaneue;
    src: url('../fonts/HelveticaNeue.ttf');
    font-weight: normal;
}
@font-face {
    font-family: helveticaneue;
    src: url('../fonts/HelveticaNeueBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: helveticaneue-bold;
    src: url('../fonts/HelveticaNeueBold.ttf');
}
@font-face {
    font-family: roboto-bold;
    src: url('../fonts/RobotoSlab-Bold.ttf');
}
@font-face {
    font-family: roboto-regular;
    src: url('../fonts/RobotoSlab-Regular.ttf');
}
@font-face {
    font-family: roboto-light;
    src: url('../fonts/RobotoSlab-Light.ttf');
}
@font-face {
    font-family: roboto-thin;
    src: url('../fonts/RobotoSlab-Thin.ttf');
}

.row{margin:0;}

body{font-family: roboto-regular;}

h1{font-family: roboto-bold; font-size: 52px; color: #2b2599;}
h2{font-family: roboto-bold; font-size: 42px; color: #2b2599; line-height:1.3;}
h3{font-family: roboto-bold; font-size: 32px; color: #2b2599; line-height:1.25;}

p{font-family: helveticaneue; font-size:22px; color: #2b2599; line-height: 1.45;}
h5{ font-family: helveticaneue-bold;font-size:16px; letter-spacing:0.14em; text-transform: uppercase; color: #ffb52a;}


h5.title { margin-bottom: 20px;}

.topBar{height: 32px;top: 0;left: 0;width: 100%;z-index: 99999;background: #2b2599;color: white;text-align: center;    padding-top: 7px;}
.topBar p{font-size: 13px;color: white}

.norowPadding {padding-right:0; padding-left:0;}
.sectionPadding{padding-left: 135px;padding-right: 135px;}
.rightPadding{padding-right:25px;}
.leftPadding{padding-left:25px;}
.rightListPadding{padding-right: 20px;}
.bgMargin{margin-left:75px; margin-right:75px;}
.remainPadding{padding-left: 60px;padding-right: 60px;}
.separator100 {padding-top:50px;padding-bottom:50px}
.separator80 {padding-top:40px;padding-bottom: 40px;}
.separator50 {padding-top:25px;padding-bottom: 25px;}


.cta{font-family: roboto-bold;text-transform: uppercase; font-size:22px; color: #2b2599!important; padding: 21px 75px 22px;
    border: #ffb52a 4px solid; text-decoration: none;letter-spacing: .1em;text-align: center;}
.cta:hover{background-color:#ffb52a}
a:hover { text-decoration: none;}

.blue{color:#2b2599;}
.robotoFont{font-family: roboto-bold;}
.helveticaFont{font-family: helveticaneue;}

.imgSec{width:100%; height:500px;}
.imgSecwp{width:100%;}
span.underline{font-weight: 600; border-bottom: 4px solid #ffb52a; padding-bottom: 10px;}
span.inline-underline{font-weight: 600; border-bottom: 4px solid #ffb52a;}

ul.list-disc{padding-left: 0;}
ul.list-disc li{font-family: helveticaneue; font-size:22px; color: #2b2599; line-height: 1.45; list-style-type: none;  padding-left: 45px; position: relative;margin-top: 10px;}
ul.list-disc li i{position: absolute; left: 0;top: 7px;color: #ffb52a;font-size: 16px;}

/**************Header******************************************/

.header{background: linear-gradient(to right, #f8f8f8, white); padding: 15px 0 0;}
.header.header-subpage{background: #100f6d;}            /*For header of subpages dark bg*/
.header.grayBgSubpage{background: #f8f8f8;}            /*For header of subpages gray bg*/
.header .navbar{ width:100%;}

/****Top Navbar*****/
.header .rightPane {}
.header .rightPane ul, .header .rightPane li {list-style: none;display: inline-block;margin-bottom: 2px;}
.header .rightPane ul li a{ color: #2b2599; font-family: helveticaneue; font-size: 16px; padding: 0 15px;}
.header.header-subpage .rightPane ul li a{ color: #ffffff; }
.header .rightPane ul li a:last-child{padding-right:0;}

/* css for header */

.topNav ul {list-style: none;padding: 0;margin: 0;background: none;}
.topNav ul > li {  display: block;  position: relative;  float: left;  background: none; padding: 0 13px 0 13px; padding-bottom: 10px; align-items: center; justify-content: center;}

.topNav li ul { display: none;z-index: 9999999999; background-color: #ffffff;}          /* This hides the dropdowns */
.topNav li:hover > ul {display: block;  position: absolute; width: 100%;}
.topNav ul li a {  display: block; text-decoration: none;  white-space: nowrap;  color: #2b2599; font-family: helveticaneue-bold;}
.header.header-subpage .topNav ul li a {color: #ffffff;}
.topNav .sub-menu li:hover > ul {display: block;  position: absolute; width: 100%;}              /* Display the dropdown */
.topNav li:hover li { float: none; }
.topNav .menu-item{position:relative;}
.topNav .menu-item > .sub-menu{position: absolute;}
.main-navigation li ul li { border-top: 0; padding: 5px 13px;}
.topNav ul ul ul {  left: 100%;  top: 0;}                         /* Displays second level dropdowns to the right of the first level dropdown */

.header .navbarTop .navbar-brand { padding: 3px 0; width: 156px;}

/* Wordpress Menu CSS*/
.header .navbarTop .main-navigation > li{border-bottom: 4px solid transparent;padding-bottom: 15px; padding-top: 10px;}
.header .navbarTop .main-navigation > li:last-child{padding-right:0;}
.header .navbarTop .main-navigation > li:hover{border-bottom: 4px solid #ffb52a;}
.header .navbarTop .main-navigation > li.menu-item-has-children:hover{border-bottom: 4px solid transparent;}
.header .navbarTop .main-navigation > li a{ font-size: 16px; letter-spacing: 0.1em; text-transform: uppercase;}
.header .navbarTop .menu-item-has-children .sub-menu li a{font-family: helveticaneue; color:#2b2599; font-size: 16px; padding: 0; text-transform: none; letter-spacing:0; margin:0;}


.header .menu-item-has-children > a:after{font-family: FontAwesome; content:"\f107"; display: inline-block; padding-left: 5px;}
.header .navbarTop .main-navigation .sub-menu {width: 265px; padding-top: 3px; padding-bottom: 2px;}
.header .navbarTop .main-navigation > li > ul.sub-menu {border-top: 4px solid #ffb52a; top: 49px; width: 230px; padding-top: 8px;    padding-bottom: 5px;}

.header .navbarTop i.closeIcon{display:none;}

/* css end for header */

/************Home Page*************************************************/

.hero {background: linear-gradient(to right, #f8f8f8, white);}

.hero .bx-wrapper{box-shadow: none; border: none;background: none;margin-bottom: 0}
.hero .bx-wrapper .bx-pager{padding-top: 0px; bottom: 25px;}
.hero .slider{}
.hero .homeBanner{min-height: 710px; padding-top: 120px; padding-bottom: 50px ;background-size: cover;background-repeat:no-repeat; background-position-y: 100%;}
/*.hero .homeBanner img.bg{position: absolute;bottom: 0;right: 0; z-index:-9999;  }*/
.hero h1{margin-bottom: 20px;}
.hero p{max-width: 550px;margin-bottom: 70px;}
.hero .homeBanner img.custLogoSlider{margin-top: -70px;display: inline-block; width: 13%; margin-right: 10px;}
.hero .homeBanner span.custLogoSlider{display:inline-block;font-family: helveticaneue;font-size: 22px;color: #2b2599; margin-top: -70px;line-height: 1.45;vertical-align: middle;}

.logo-bar{padding-top: 37px; padding-bottom:37px;}
.logo-bar .bxslider-inner { vertical-align: middle;display: inline-block;float: none !important;}
.logo-bar .bx-wrapper{box-shadow: none; border: none;background: none;margin: auto; margin-bottom: 0}
.logo-bar .sliderLogo img{ opacity: 0.6;}
.logo-bar .sliderLogo img:hover{opacity:1;}

.about {text-align: center; background-color: #100f6d;
    background:url('/wp-content/themes/optiva/assets/images/starbg.png')no-repeat; background-size: cover; }
.about .aboutBg{background:url('/wp-content/themes/optiva/assets/images/starbg1.png')no-repeat; background-size: cover;
    padding-top: 95px; padding-bottom: 95px;}
.about h3.aboutSec{font-family: helveticaneue; color:#ffffff; max-width: 1050px; margin: auto; margin-bottom: 0;}


.successSolutions{padding-bottom: 40px; padding-top: 40px;}
.successSolutions .ssPadding{padding-left:50px; padding-right:50px;}
.successSolutions .boxes{background-color: #f8f8f8; padding: 70px 70px 95px 70px; margin: 0 15px;}
.successSolutions .boxes .image{padding-left: 0;}
.successSolutions .boxes .box-title{padding-right: 0;}
.successSolutions .boxes .box-title h2{}
.successSolutions .boxes p{margin-top: 20px; margin-bottom: 90px;}
.successSolutions img{width: 100%;}


.testimonialQuote {background-color: #100f6d;}
.testimonialQuote .overlay{background-color: rgba(16,15,109,0.8);padding-top: 135px; padding-bottom: 196px;}
.testimonialQuote .logo{padding-bottom: 20px;}
.testimonialQuote .logo img{width: 100%;}
.testimonialQuote .testimonial{padding: 0 15px 0 80px;}
.testimonialQuote .testimonial .testimonial-text{}
.testimonialQuote .testimonial .testimonial-text h2{color: #ffffff;margin-bottom:0; line-height: 55px;}
.testimonialQuote .testimonial .testimonial-text span{color:#ffb52a;}
.testimonialQuote h5.name{margin-top: 50px; float: right;}


.how-it-works{ }
/*.how-it-works .work{ position: relative; padding-top: 180px;padding-bottom:180px;}*/
.how-it-works .work{ padding-top: 50px;padding-bottom:50px;}
/*.how-it-works img.comet-bottom{position: absolute; right: 0;top: -10px; z-index: -999;}*/
/*.how-it-works img.comet-top{ position: absolute; left: -337px;bottom: 0;}*/
.how-it-works .text-box{margin-bottom: 30px;}
.how-it-works .text-box .leftSec{padding-top: 40px;padding-right: 60px;}
.how-it-works .text-box .rightSec{display: flex; align-items: center; justify-content: center;}
.how-it-works .text-box img{width: 465px;}
.how-it-works .text-box h2{}
.how-it-works .text-box p {padding-bottom: 70px;}
.how-it-works .text-box .box-cta{    margin-left: -15px;}


.theLatest{background-color: #f8f8f8;padding-top: 60px; padding-bottom: 80px;text-align:center;}
.theLatest h5.subHead{color:#2b2599; margin-bottom: 25px;}
.theLatest h2{margin-bottom: 55px;line-height: 1;}
.gutter-sizer { width: 2.5%;}
.theLatest .item { width: 31.6%; float: left; text-align: left;color: white; padding: 25px 35px 14px 25px;
    margin-bottom: 2.5%;}
.theLatest .item.grid1 {background-color: #2b2599;}
.theLatest .item.grid2{background-color: #686e81;}
.theLatest .item.grid3{background-color: #e4a124;}
.theLatest .item h5.resource{ color: #ffffff; margin-bottom: 2px;}
.theLatest .item h3{margin-bottom: 15px;}
.theLatest .item p{margin-bottom: 50px;color:#ffffff;}
.theLatest .item h5.readMore{text-align: right; color:#ffffff;}
.theLatest .item .readMore i{margin-left: 8px;}


.connect {padding-top:50px; padding-bottom: 50px;}
.connect .row1{padding-top:50px; padding-bottom: 50px;max-width: 660px; margin: auto;}
.connect h2{margin-right:25px;}


.comet-top-Space .sectionSpace{padding:90px 0; position: relative;}
.comet-top-Space .sectionSpace img.comet-top{ position: absolute; left: -337px;bottom: 0;}

.footerSection{text-align: center; background-color: #100f6d;
    background:url('/wp-content/themes/optiva/assets/images/starbg.png')no-repeat; background-size: cover;}
.footerSection .footerBg{background:url('/wp-content/themes/optiva/assets/images/starbg1.png')no-repeat; background-size: cover;padding-top:80px; padding-bottom: 85px;}
.footerSection .footer{ max-width:840px;margin:auto;}
.footerSection .footer ul, .footerSection .footer li {list-style: none;display: inline-block;}
.footerSection .footer ul { display: flex; align-items: stretch; justify-content: space-between;  width: 100%; padding-left: 0;}
.footerSection .footer a { font-family: helveticaneue-bold; font-weight: 600; font-size:22px; color: #ffb52a;}

.footerSection .socialIcons ul, .footerSection .socialIcons li {list-style: none;display: inline-block;}
.footerSection .socialIcons ul{margin: auto; padding-left: 0;}
.footerSection .socialIcons li{padding: 0 10px;}
.footerSection .socialIcons ul li a{color: #add8e6;}
.footerSection .socialIcons {margin:0;margin-top:30px;}
.footerSection .socialIcons i{}


.footerSection .copyright { margin: 0; margin-top: 10px;}
.footerSection .copyright ul, .footerSection .copyright li {list-style: none;display: inline-block;}
.footerSection .copyright ul{ margin: auto;  padding-left: 0;}
.footerSection .copyright li{padding: 0 10px; color: #ffffff;}


/***************CustomerSuccess*********************************************************************************/

.headSection {padding-bottom: 80px;}
.headSection.noBottomPadding{padding-bottom: 0;}
.headSection .fullBgColor{background-color:#100f6d;}
.headSection .fullBgColor.grayBgSubpage{background-color:#f8f8f8; }
.headSection .head{position: relative;  padding-top: 108px;padding-bottom:50px;  min-height: 338px;}
.headSection .fullBgColor .head h1{ margin-bottom: 20px;  color:#ffffff; font-size: 60px;}
.headSection .fullBgColor.grayBgSubpage .head h1{ color: #2b2599;}
.headSection .fullBgColor .head h3{ font-family: helveticaneue; max-width: 865px; color:#ffffff;}
.headSection .fullBgColor.grayBgSubpage .head h3{ color: #2b2599; }
.headSection img.comet-top-right{ position: absolute;right: 20px; bottom: -90px;}
.headSection.noBottomPadding img.comet-top-right{ z-index: 9;}


.boringQuote {text-align:center;}
.boringQuote .quote-text{padding-top:55px;padding-bottom:55px;background-color: #f8f8f8;}
.boringQuote .quote-text h3{color: #2b2599; margin-bottom:50px;}
.boringQuote .quote-text span{color:#ffb52a;}


.full-width-content .content-head{padding-top: 75px; padding-bottom:75px;}
.full-width-content h3 {margin-bottom: 40px;text-transform: capitalize;}
.full-width-content.head2 h2 {margin-bottom: 40px;text-transform: capitalize;}

.full-width-content.list-content ul{  padding-left: 0;}
.full-width-content.list-content ul li{ list-style-type: none; font-family: helveticaneue; font-size: 22px;color: #2b2599; line-height: 1.45; margin-top: 25px;}
.full-width-content.list-content ul li:before { content: '\2022 '; color: #ffb52a;  padding-right: 30px; vertical-align: middle; font-size: 60px; line-height: 25px;}


.faq .faq-head{}
.faq .faq-head .qa-list{padding-left: 45px;position:relative; margin-top: 25px;}
.faq .faq-head .qa-list i.pt-left{position: absolute; left:0;top: 10px; color:#ffb52a;}
.faq h3{text-transform: capitalize;}
.faq .listOrdered{padding-left: 25px;}
.faq ol.ordered-list{padding-left: 25px;}
.faq ol.ordered-list li{font-family: helveticaneue;font-size: 22px;line-height: 1.45;color: #ffb52a; margin-top: 25px;padding-left: 10px;}


.ctaSection {text-align:center;}
.ctaSection .cta-area{padding-top:80px;padding-bottom:80px;
    background:url('/wp-content/themes/optiva/assets/images/GettyImages-521011652_high_blue.jpg') no-repeat; background-size: cover;}
.ctaSection .cta-area.ctaBgColor {background:none; background-color:#100f6d;}
.ctaSection .cta-area h2{color:#ffffff; margin-right:30px; display:inline-block;}
.ctaSection .cta-area a{color: white!important;}


.inlineQuote {}
.inlineQuote .quote-section{padding-top:55px;padding-bottom:55px;background-color: #f8f8f8;}
.inlineQuote .quote-section.noBgColor{background-color: #ffffff;}
.inlineQuote .quote-section .text-box{padding-top:50px;padding-bottom:45px;padding-left: 40px;}
.inlineQuote .quote-section .text-box.box-left{padding-right:40px; padding-left: 0px;}
.inlineQuote .quote-section .text-box h3{margin-bottom: 25px;text-transform: capitalize;}
.inlineQuote .quote-section .text-box span{color:#ffb52a;}
.inlineQuote .quote-section .text-box .marginSpace{margin-top:60px;}


/******************************SolutionOverview********************************************************************/

.cspPromo {}
.cspPromo .promoSection {padding-top:60px;padding-bottom:60px;
    background:url('/wp-content/themes/optiva/assets/images/GettyImages-521011652_high_blue.jpg') no-repeat; background-size: cover;}
.cspPromo .promoSection .promoImage {position: relative;}
.cspPromo .promoSection .promoImage img{width: 55%; position: absolute; top: 23%; left: 16%;}
.cspPromo .promoSection h2{color: #ffffff; margin-bottom: 25px;text-transform: capitalize;}
.cspPromo .promoSection p{color: #ffffff;}
.cspPromo .promoSection a{color: white!important;}
.cspPromo .promoSection .marginSpace{ margin-top: 89px; margin-bottom: 29px;}


.threeFeatures1{}
.threeFeatures1 .row2{margin-top:120px;}
.threeFeatures1 .boxes{ padding: 0 13px;}
.threeFeatures1 .boxes.leftBox{ padding-left: 0;}
.threeFeatures1 .boxes.rightBox{ padding-right: 0;}
.threeFeatures1 .boxes.middleBox{ }
.threeFeatures1 .boxes .innerBox{position: relative; background-color: #f8f8f8; display: flex; justify-content: center; padding: 110px 20px 30px 20px; text-align: center;}
.threeFeatures1 .boxes .innerBox h3{color: #2b2599;margin-bottom: 20px;}
.threeFeatures1 .boxes .innerBox p{}
.threeFeatures1 .boxes .innerBox p a i{font-size: 17px; color: #2b2599;}
.threeFeatures1 h5.learnMore { margin-top: 60px; color: #2b2599;}
.threeFeatures1 .learnMore i {margin-left: 8px;}
.threeFeatures1 .boxes .innerBox .icon{position: absolute; top:-75px; background-color: #686e81; border-radius: 50%;
    height: 150px; width: 150px; padding: 60px 0px; color: #ffffff; text-align: center; font-family: helveticaneue; font-size: 22px;}
.threeFeatures1 .boxes .innerBox .icon1{position: absolute; top:-75px; height: 150px; width: 150px; display: flex; align-items: center;justify-content: center;left: 0;right: 0;margin: auto;}
.threeFeatures1 .boxes .innerBox .icon1 img{width:100%;}


/********************Resources Detail**************************************************************/

.detailResource {}
.detailResource .detail-section{}
.detailResource .detail-section .text-box{padding:0;padding-bottom:45px; padding-right: 40px;}
.detailResource .detail-section .text-box h3{margin-bottom: 25px;text-transform: capitalize;}
.detailResource .detail-section .text-box p span{color: #ffb52a;}
.detailResource .detail-section .text-box .marginSpace{margin-top:60px;}

.caseStudy {}
.caseStudy h5.backCase{padding-top: 50px;color: #2b2599;}
.caseStudy .backCase i{margin-right: 8px;}


/********************Solution Detail******************************************************************/

.boringQuoteSol {text-align:center;}
.boringQuoteSol .quote-text1{padding-top:85px;padding-bottom:90px;}
.boringQuoteSol .quote-text1 h3{color: #2b2599; margin-bottom:50px;}
.boringQuoteSol .quote-text1 span{color:#ffb52a;}

.headerSol{text-align: center;}
.headerSol .row1{padding-top:80px; padding-bottom: 60px;}
.headerSol .row1 h2{text-transform: capitalize;}


/************************Resource Overview********************************************************/

.tabbingsSection .nav-tabs {border:0; max-width: 735px; margin: auto;margin-bottom: 32px;}

.tabbingsSection .masonry-grid-resource .item { width: 31.6%; float: left; text-align: left;color: white; padding: 25px 35px 14px 25px;
    margin-bottom: 2.5%;}
.tabbingsSection .masonry-grid-resource .item.grid1 {background-color: #2b2599;}
/*.tabbingsSection .masonry-grid-resource .item.grid2{background-color: #686e81;}
.tabbingsSection .masonry-grid-resource .item.grid3{background-color: #e4a124;}*/
.tabbingsSection .masonry-grid-resource .item h5.resource{ color: #ffffff; margin-bottom: 2px;}
.tabbingsSection .masonry-grid-resource .item h3{margin-bottom: 15px; color:#ffffff;}
.tabbingsSection .masonry-grid-resource .item p{margin-bottom: 50px;color:#ffffff;}
.tabbingsSection .masonry-grid-resource .item h5.readMore{text-align: right; color:#ffffff;}
.tabbingsSection .masonry-grid-resource .item .readMore i{margin-left: 8px;}


.tabbingsSection h5.tabs{color:#686e81; margin: 23px;}
.tabbingsSection a.active h5.tabs{color:#2b2599; border-bottom: 4px solid #ffb52a;padding-bottom: 10px;}


/**************************Structures*******************************************************/


.boringQuoteBg {text-align:center; background: url(../images/starbg.png) no-repeat; background-size: cover;}
.boringQuoteBg.ctaBgColor {background:none; background-color:#100f6d;}
.boringQuoteBg .quote-text{padding-top:55px;padding-bottom:55px;}
.boringQuoteBg .quote-text h3{color: #ffffff; margin-bottom:50px;}
.boringQuoteBg .quote-text span{color:#ffb52a;}


.two-col-content{}
.two-col-content .content-box{padding-top:60px;}
.two-col-content .content-box.structure{padding-top:40px;}
.two-col-content .content-box .letter-structure{padding: 130px 113px; background: #fafafa;-webkit-box-shadow: 7px 7px 18px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 7px 7px 18px 0px rgba(0,0,0,0.16);
    box-shadow: 7px 7px 18px 0px rgba(0,0,0,0.16); word-wrap: break-word;}
.two-col-content .content-box .letter-structure img{margin-top:25px;}


.boringQuote .full-width-video{padding-top:60px; padding-bottom: 60px;}
.boringQuote .full-width-video h2{margin-bottom: 40px;}

.boringQuote .full-width-video.ir-frame{padding-top:0; padding-bottom:0;}

.two-col-features1{}
.two-col-features1 .content-box{padding-top:45px;padding-bottom: 70px;}
.two-col-features1 .boxes{ padding: 0 17px; margin-top: 30px;}
.two-col-features1 .leftBox{padding-left:0;}
.two-col-features1 .rightBox{padding-right:0}
.two-col-features1 .boxes .innerBox{ position: relative; background-color: #f8f8f8; margin-left: 75px; display: flex; align-items: center; padding: 30px 35px 40px 105px;}
.two-col-features1 .boxes .innerBox p{}
.two-col-features1 .boxes .innerBox p a i{font-size: 17px; color: #2b2599;}
.two-col-features1 .boxes .innerBox h3{ margin-bottom: 14px;}
.two-col-features1 .boxes .innerBox .icon{position: absolute; left:-75px; background-color: #686e81; border-radius: 50%;
    height: 150px; width: 150px; padding: 60px 0px; color: #ffffff; text-align: center; font-family: helveticaneue; font-size: 22px;}
.two-col-features1 .boxes .innerBox .icon1{position: absolute; left:-75px; height: 150px; width: 150px; display: flex; align-items: center;justify-content: center;top: 0;bottom: 0;margin: auto;}
.two-col-features1 .boxes .innerBox .icon1 img{width:100%;}


/*******************Customers***************************************/

.customerContent {text-align: center;}
.customerContent .text{padding-bottom: 45px;}
.customerContent h3{}
.customerContent p{margin-top: 35px; margin-bottom: 0;}

.customersLogos{background-color: #f8f8f8; padding:15px 0 75px 0;}
.customersLogos .boxes{background-color: #ffffff; margin: 15px; min-height: 220px; display: flex; align-items: center; justify-content: center;}
.customersLogos .boxes img{ width: 60%;}
.customersLogos .boxes.box1{margin-left:0;}
.customersLogos .boxes.box2{}
.customersLogos .boxes.box3{margin-right:0;}

.two-col-contact {}
.two-col-contact .content-box {  padding-top: 40px;     padding-bottom: 150px;}
.two-col-contact .content-box .cta{ background-color: white;    cursor: pointer;}
.two-col-contact .content-box .cta:hover {background-color: #ffb52a;}
.two-col-contact .content-box button.cta:focus { outline: none;}
.two-col-contact .content-box .leftPadding { padding-left: 130px;}
.two-col-contact .content-box .form-group {margin-bottom: 25px;    position: relative;}
.two-col-contact .content-box .form-group.end-field {margin-bottom: 40px;}
.two-col-contact .content-box .form-group .fields {font-weight: bold;    margin-bottom: 8px;}
.two-col-contact .content-box .form-group .fields.checkField {display: inline-block; margin-left: 10px;}
.two-col-contact .content-box .form-group .form-control { border-radius: 0px; padding: 15px; background-color: #f8f8f8; border: none;font-family: helveticaneue; font-size: 22px; color: #2b2599; line-height: 1.45;}
.two-col-contact .content-box .form-group .form-control:focus {  border-color: #ffb52a; box-shadow: 0 0 0 3px #ffb52a;}
.two-col-contact .content-box .form-group select.form-control:not([size]):not([multiple]) { height: calc(3.69rem + 2px);}
/*.two-col-contact .content-box .form-group option { min-height: 1.2em; padding: 0px 2px 1px;}*/

form label.error{font-size: 12px;color: red;position: absolute;}
form label.success{font-size: 26px;color: #2b2599;margin-bottom: 50px;}


/* css for responsiveness */

@media (max-width: 1440px) {
    .container {max-width: 100%;padding: 0;}
    .about {background: none;}
    .threeFeatures1 .boxes .innerBox h3{min-height: 80px;}
    .hero .homeBanner{ background-size: 98%; background-position-x: 95%;}
}

@media (max-width: 1330px) {
    /*.hero .homeBanner img.bg{display: none;}*/
    .hero .homeBanner {background-size: 91%; background-position-x: 98%;}
    .header .navbar .nav-item a.menu-items{letter-spacing:0; margin:5px; font-size:14px;}

    .customersLogos .boxes{min-height: 250px;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
    .hero .homeBanner {background-size: 100%; background-position-x: 100%;}
	.hero .homeBanner span.custLogoSlider{ max-width: 420px;}

    .successSolutions .ssPadding{padding-left: 35px;padding-right: 35px;}
    .sectionPadding{padding-left: 50px;padding-right: 50px;}
    .bgMargin{margin-left: 25px; margin-right: 25px;}
    .remainPadding{padding-left: 25px;padding-right: 25px;}
    a.cta{padding: 25px;}
    .inlineQuote .quote-section .text-box{padding-left: 20px;}
    .ctaSection .cta-area h2{display: block;margin-bottom:35px;}
    .ctaSection .cta-area .cta-box {margin-bottom:30px;}

    .headSection img.comet-top-right{ bottom: -85px; width: 40%;}

    .two-col-features1 .boxes .innerBox{padding: 30px 25px 30px 95px;}

    .successSolutions .boxes{padding: 50px 50px 75px 50px;}
    .successSolutions .boxes .box-title{padding:0;}

    .topNav ul > li{ margin: 0 7px 0 7px;}

    .two-col-content .content-box .letter-structure{ padding: 100px 80px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {

    .hero .homeBanner{ padding-top: 85px;}
    .hero h1{font-size:49px;}
    .hero p{font-size:20px;}
	.hero .homeBanner span.custLogoSlider{font-size:20px;}

    .successSolutions .boxes .box-title h2{ font-size: 26px; line-height: 36px;}
    .testimonialQuote .testimonial .testimonial-text h2{line-height: initial;}
    .successSolutions .boxes{  padding: 30px 20px 55px 20px;}

    .how-it-works .text-box img{    width: 100%;}
    /*.how-it-works img.comet-top, .how-it-works img.comet-bottom{display:none;}*/
    .how-it-works .work{padding-top:10px; padding-bottom: 10px;}
    .how-it-works .text-box .leftSec{padding-right:30px;}

    .theLatest .item {width: 49%;}
    .tabbingsSection .masonry-grid-resource .item {width: 49%;}
    .gutter-sizer { width: 1.8%;}

    .rowPadding {padding-right:0; padding-left:0;}
    .imgSec{height:auto;}
    .tabbingsSection h5.tabs{margin:10px;}

    .inlineQuote .quote-section .text-box h3{margin-top:20px;}

    .customersLogos .boxes { min-height: 150px;}

    .headSection .head{padding-top: 90px;}
    .headSection { padding-bottom: 55px;}
    .headSection img.comet-top-right{bottom: -60px; width: 35%;}

    .two-col-features1 .leftBox, .two-col-features1 .rightBox{padding-right: 30px; padding-left: 5px;}
    .threeFeatures1 .boxes.leftBox, .threeFeatures1 .boxes.rightBox, .threeFeatures1 .boxes.middleBox{ padding-left: 100px; padding-right: 0; }

    .header {padding:0;}
    .header .rightPane, .header .topNav, .header .buttonNavBar, .header .logoBrand{display:none;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .hero .homeBanner{    background-size: 0; min-height: 680px;}
    .hero h1{font-size:52px;}
    .hero p{font-size:22px;}
	.hero .homeBanner img.custLogoSlider{display: block; width: 15%;}
	.hero .homeBanner span.custLogoSlider{display:block; margin-top: 0; max-width:100%;}

    .successSolutions .boxes{margin: 0 15px;}
    a.cta{padding: 25px 5px;}

    .successSolutions .boxes .box-title h2{ font-size: 42px; line-height: 1.3;}
    .successSolutions .boxes {padding: 50px 15px 90px 20px; margin: 20px 0;}
    .successSolutions .boxes p{margin-bottom: 65px;}

    .how-it-works .text-box .rightSec{display:none;}
    .how-it-works .text-box p { padding-bottom: 42px;}
    .connect .row1{max-width: 72%;}
    .cspPromo .promoSection .promoImage img{position: initial;margin-bottom: 40px;}

    .faq .listOrdered{padding-left:0; margin-top:40px;}
    .leftPadding{padding-left: 0;}

    .customersLogos .boxes { min-height: 100px; margin: 7px;}
    .customersLogos{ padding-bottom: 50px;}
    .customersLogos .boxes img {width: 75%;}

    .threeFeatures1 .boxes.leftBox, .threeFeatures1 .boxes.rightBox, .threeFeatures1 .boxes.middleBox{padding-left:60px;}

    .footerSection .footerBg{padding-top: 55px;  padding-bottom: 60px;}
    .footerSection .footer ul{display: block;}
    .footerSection .footer ul, .footerSection .footer li{ width: 100%; padding: 5px 0;}

    .two-col-contact .content-box .leftPadding { padding-left: 0px; padding-top:110px; }

    .two-col-content .content-box .letter-structure{ padding: 60px;}
}


/* Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575px) {
    .sectionPadding{padding-left: 35px; padding-right: 35px;}
    .successSolutions .ssPadding{padding-left: 25px; padding-right: 25px;}

    a.cta{font-size:17px;}

    .hero .homeBanner{padding-top: 20px; padding-bottom: 70px; min-height: 510px;}
    .hero p{ font-size: 18px; line-height: 26px;}
	.hero .homeBanner span.custLogoSlider{font-size: 18px; line-height: 26px;}
	.hero .homeBanner img.custLogoSlider{width: 20%;}
    .hero .bx-wrapper .bx-pager{bottom:15px;}

    .testimonialQuote .testimonial{    padding: 0 15px 0 15px;}
    .how-it-works .text-box .rightSec{    display: none;}
    .testimonialQuote .overlay{    padding-top: 65px;}
    .theLatest .item {width: 100%;}
    .tabbingsSection .masonry-grid-resource .item {width: 100%;}
    .gutter-sizer { width: 0;}

    .successSolutions img{width: 35%;}

    .inlineQuote .quote-section .text-box.box-left{padding-right:0;}

    .logo-bar{display:none;}
    .about h4.aboutSec{font-size: 22px; line-height: 1.45;}

    .theLatest{padding-bottom: 0;}

    .headSection .head{padding-top: 25px;}
    .headSection .head h1{font-size: 42px;}
    .headSection .head h3{font-size: 24px;}
    .headSection {    padding-bottom: 20px; }
    .headSection img.comet-top-right{ bottom: -26px; width: 45%;}

    .customersLogos .boxes{min-height: 80px; padding: 4px;}

    .two-col-features1 .leftBox, .two-col-features1 .rightBox{padding:0}
    .two-col-features1 .boxes .innerBox{ margin-left: 28px; padding: 30px 10px 15px 60px;}
    .two-col-features1 .boxes .innerBox .icon{height: 90px; width: 90px; padding: 28px 0px;left: -45px;}
    .two-col-features1 .boxes .innerBox .icon1{left: -45px; height: 90px; width: 90px;}

    .threeFeatures1 .boxes.leftBox, .threeFeatures1 .boxes.rightBox, .threeFeatures1 .boxes.middleBox{padding: 0px;}
    /***NavBar****/

    .header .navbar .nav-item .menu-items .fa{display: none;}

    .footerSection .copyright li{font-size:12px;}

    .ctaSection .cta-area a{font-size: 15px;}

    .two-col-content .content-box .letter-structure{ padding: 40px 30px;}
    ul.list-disc li {padding-left: 32px;}
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1441px) {
    .container {max-width: 1440px;padding: 0;}
    .footerSection .footerBg{background:none;}
    .about .aboutBg{background:none;}
    ul.list-disc li i {top: 9px; font-size: 12px;}
}

@media (min-width: 1641px) {
    .container {max-width: 1440px;}

}