/* @import url('http://example.com/example_style.css'); 1234 */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap'); @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ a#cta_button_4349773_fc4400c1-b789-4328-b73b-61948f859af3:hover{ background:transparent!important; color: #00659F!important; } .subscriptions-bkgd { background-color:rgba(0, 51, 91, 0.75) !important; padding: 5% 25% !important; } @media (max-width: 1030px) { .subscriptions-bkgd { background-color:rgba(0, 51, 91, 0.75) !important; padding: 5% 10% !important; } } .hs-blog-post .blog-block .hs-featured-image-wrapper { padding: 30%!important; max-width: 100%!important; float: left; } .aerospace-wrapper{ } /****************************************************************************/ /***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/ /***+********************************************************************+***/ /***+****************** START THEME CONFIGURATION *******************+***/ /***+********************************************************************+***/ /***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/ /****************************************************************************/ /* ----- Structure & Design ----- */ /* ----- Base Colors ----- */ /* ----- Drop-Down Menu ----- */ /* ----- Mobile Menu ----- */ /****************************************************************************/ /***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/ /***+********************************************************************+***/ /***+****************** END THEME CONFIGURATION *********************+***/ /***+********************************************************************+***/ /***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/ /****************************************************************************/ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /** * Border Radius * * */ /** * Box Shadow * * */ /** * Transition * * */ /** * Transform * * */ * , *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } body { margin:0; padding:0; opacity:0; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; line-height:24px; color:#555A62; background:#FFFFFF; overflow-x:hidden } body.siteopen { opacity:1; transition:all .4s ease; } img { border:0; max-width:100%; height:auto; } hr { background:#ccc; height:1px; border:none; outline:none; clear:both; margin:30px 0; } .img-responsive2 { max-width:100%; height:auto; } .clear { clear:both } /* p { padding:5px 0 15px; margin:0; } */ ul.slides , ul.flex-direction-nav , ol.flex-control-nav { margin:0; padding:0; list-style:none; float:left; width:100%;} .row-fluid ol.flex-control-nav { text-align:center; padding:10px 0 0; } .row-fluid ol.flex-control-nav li { display:inline-block; padding:0 5px; } .row-fluid ol.flex-control-nav li a { display:inline-block; border:1px solid #00659f; width:15px; height:15px; font-size:0; cursor:pointer; } .row-fluid ol.flex-control-nav li a:hover , .row-fluid ol.flex-control-nav li a.flex-active { background:#00659f; } blockquote { border-left:4px solid #00659f; margin:15px 0 25px; padding:5px 20px; font-style:italic; } blockquote em { display:block; opacity:0.8; } /*Heading*/ h1, h2, h3, h4, h5, h6 { font-family: 'Roboto'; margin-top:0; margin-bottom:0.9rem; letter-spacing: 0; clear:both; } h1 { color:#00548d; font-weight:300; font-size:48px; line-height:50px; padding:15px 0 25px; text-transform:uppercase;} h2 { color:#00548d; font-weight:300; font-size:36px; line-height:1.1; } h3 { color:#00548d; font-weight:300; font-size:30px; line-height:1.1; } h4 { color:#00548d; font-weight:400; font-size:24px; line-height:1.1; } h5 { color:#00548d; font-weight:400; font-size:20px; line-height:1.1; } h6 { color:#555A62; font-weight:700; font-size:16px; line-height:18px; } p { font-weight: 400; font-size: 16px; line-height: 24px; } ul li, ol li { font-size: 16px; font-weight: 400; } .newHPage p{ font-weight:normal; color:#00548d; font-family: 'Roboto'; font-size: 16px; line-height: 24px; } .row-fluid .title-text { margin:0 auto !important; max-width:580px; width:100%; float:none; display:block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } /* .row-fluid .title-text h2 { font-size:22px; letter-spacing: 2px; text-transform: uppercase; padding:0 0 10px; line-height:28px; font-weight:600; } */ .row-fluid .title-text h2 {text-transform: uppercase; } .row-fluid .title-text h2:after { content:''; margin:21px auto 8px; width:134px; height:2px; display:block; background:#00659f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .sub-text { padding:0 0 35px; text-align:center; font-size: 16px; line-height: 32px; font-weight: 400; letter-spacing:0.5px; } .row-fluid .title-text:hover h2:after { width:200px; } .row-fluid .title-text2 { color:#FFFFFF; } .row-fluid .title-text2 h2 { color:#FFFFFF; } .row-fluid .title-text1 h3 { color:#999999; } .row-fluid .choose-inner { padding:80px 20px 60px 70px; max-width:885px; width:100%; float:none; display:block; } .row-fluid .title-text1 h3:after { content:''; margin:15px 0 10px; width:134px; height:2px; display:block; background:#00659f; } .text-blue, .text-blue p, .text-blue span, .text-blue ul li, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4 { color: #00659f } /*anchor link*/ a { text-decoration:none; outline:none; color:#00659f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } a:hover { color:#00659f; } /*Button Link Option*/ .row-fluid .link-style a , .row-fluid a.link-style , .hs_cos_wrapper_type_google_search a.hs-button { min-width:224px; cursor:pointer; font-weight:600; letter-spacing:0.5px; text-transform: uppercase; line-height:24px; z-index:5; overflow: hidden; position:relative; display:inline-block; padding:10px 25px; background-color:#00659f; color:#FFFFFF; margin:5px 0 0; font-size:13px; position:relative; } .row-fluid .link-style a:hover , .row-fluid a.link-style:hover , .hs_cos_wrapper_type_google_search a.hs-button:hover { background:#1A1A1A; color:#777777; } .row-fluid .link-style2 a , .row-fluid a.link-style2 { min-width:224px; font-weight:600; letter-spacing:0.5px; text-transform: uppercase; line-height:24px; z-index:5; overflow: hidden; position:relative; display:inline-block; padding:10px 25px; background-color:transparent; color:#777777; margin:5px 0 0; font-size:13px; position:relative; text-align:center; border:2px solid #e0e0e0; } .row-fluid .link-style2 a:hover , .row-fluid a.link-style2:hover { background:#00659f; color:#FFFFFF; border-color:transparent; } input , form button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:none; height:50px; padding:0 20px; font-size:13px; color:#999999; font-weight:700; letter-spacing:1px; font-family: 'Roboto', sans-serif; background:#f5f5f5; width:100%; } input[type=checkbox] , input[type=radio] { width:auto; height:auto; } select { background:#fff url(https://www.revenueriver.co/hubfs/KALAHARI_Theme_2017/Images/blank.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; } textarea { padding:15px 20px; height:120px; } input[type=submit] , button { border:none; outline:none; cursor:pointer; background:none; width: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } input[type=submit] , form button, .hs-button { background:url(//383029.fs1.hubspotusercontent-na1.net/hubfs/383029/media-theme/images/blank.png) no-repeat left top #00659f; font-size:13px; line-height:24px; font-weight:700; padding:10px 20px; color:#fff; display:inline-block; } input[type=submit]:hover , form button:hover, .hs-button:hover { background:#1A1A1A; color:#777777; } body { opacity: 1; } body .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper, body .row-fluid .header_cta{ opacity: 0; } body.siteopen .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper, body.siteopen .row-fluid .header_cta{ opacity: 1; } /* Click to top scroll */ .row-fluid .back-to-top { cursor:pointer; font-size:20px; position: fixed; right: 95px; bottom: 13px; color:#FFFFFF; width: 40px; height: 40px; text-align: center; line-height: 40px; background:#00659f; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s; -ms-transition: ease all 0.4s; transition: ease all 0.4s; opacity:0; z-index:55; } .row-fluid .back-to-top.show { opacity:1; } .row-fluid .back-to-top:hover { background:#1A1A1A; color:#777777; } /* Corners Option */ .row-fluid .link-style a, .row-fluid ol.flex-control-nav li a, .back-to-top, .row-fluid ol.flex-control-nav li a , .row-fluid .team-bsocial a , .row-fluid .pagination-blog li a { border-radius:5px; } ::selection{background-color:#333333;color:#FFFFFF;} ::-moz-selection{background-color:#333333;color:#FFFFFF;} ::-o-selection{background-color:#333333;color:#FFFFFF;} ::-ms-selection{background-color:#333333;color:#FFFFFF;} ::-webkit-selection{background-color:#333333;color:#FFFFFF;} ul.slides , ul.flex-direction-nav , ol.flex-control-nav , ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;} .row-fluid ol.flex-control-nav , ul.slick-dots { text-align:center; padding:10px 0 0; } .row-fluid ol.flex-control-nav li , ul.slick-dots li { display:inline-block; padding:0 5px; } .row-fluid ol.flex-control-nav li a , ul.slick-dots li button { padding:0; display:inline-block; border:none; width:27px; height:3px; font-size:0; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; background:#000000 } .row-fluid ol.flex-control-nav li a:hover , .row-fluid ol.flex-control-nav li a.flex-active , ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#00659f; } .slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#777777; background:#1A1A1A;; width:50px; height:70px; font-size:0; cursor:pointer; } .slick-arrow:before { font-family:'FontAwesome'; font-size:20px; } .slick-arrow:hover { background:#00659f; color:#FFFFFF; } .slick-arrow.slick-prev { right:100%; } .slick-arrow.slick-prev:before { content:"\f177"; } .slick-arrow.slick-next { left:100%; } .slick-arrow.slick-next:before { content:"\f178"; } .slick-arrow.slick-disabled { display:none; } ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; font-size:12px; line-height:16px; } .hs-form .input { margin:0; } .hs-form .hs-form-field { /*padding:0 0 15px;*/ margin-bottom: 10px; } .row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 } .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; } .row-fluid .hs-form fieldset.form-columns-1 .hs-input { width:100% !important; } .row-fluid .hs-form fieldset { max-width:none; } ul.inputs-list { margin:0; padding:5px 0; list-style:none; } .row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; } .row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; } .row-fluid .inputs-list input[type="radio"] { top:3px; } .row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; } .row-fluid .inputs-list input[type="checkbox"] + span:before { position:absolute; left:-25px; top:0; content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; } .row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#00659f; color:#FFFFFF; border-color:#00659f; } .row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; } .row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #dadada; background:#fafafa; border-radius:100%; } .row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px; content:''; width:12px; height:12px; border-color:#00659f; background:#00659f; border-radius:100%; } .row-fluid .animate-in { opacity:0 !important; } @media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; } } .row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-item a:link , .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-item a:visited , .hs-menu-wrapper.hs-menu-flow-vertical li a { word-wrap: break-word; max-width: none !important; text-overflow: inherit !important; vertical-align:top; white-space: normal; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; } .row-fluid [class*="span"] { min-height:1px; } .header-container-wrapper .row-fluid [class*="span"] { min-height:0; } /*Text Option*/ .row-fluid .text-uppercase , .row-fluid .title-uppercase h1 , .row-fluid .title-uppercase h2 , .row-fluid .title-uppercase h3 , .row-fluid .title-uppercase h4 , .row-fluid .title-uppercase h5 , .row-fluid .title-uppercase h6 { text-transform:uppercase; } .row-fluid .text-center { text-align:center; } .row-fluid .text-left { text-align:left; } .row-fluid .text-right { text-align:right; } .row-fluid .text-white { color:#FFFFFF; } .row-fluid .text-italic { font-style:italic; } .row-fluid .background-white { background:#FFFFFF; } .row-fluid .bg-color { background:#f5f5f5; } .row-fluid .text-light , .row-fluid .title-light h1 , .row-fluid .title-light h2 , .row-fluid .title-light h3 , .row-fluid .title-light h4 , .row-fluid .title-light h5 , .row-fluid .title-light h6 { font-weight:300; } .row-fluid .text-medium , .row-fluid .title-medium h1 , .row-fluid .title-medium h2 , .row-fluid .title-medium h3 , .row-fluid .title-medium h4 , .row-fluid .title-medium h5 , .row-fluid .title-medium h6 { font-weight:600; } .row-fluid .text-bold , .row-fluid .title-bold h1 , .row-fluid .title-bold h2 , .row-fluid .title-bold h3 , .row-fluid .title-bold h4 , .row-fluid .title-bold h5 , .row-fluid .title-bold h6 { font-weight:700; } .row-fluid .text-extrabold , .row-fluid .title-extrabold h1 , .row-fluid .title-extrabold h2 , .row-fluid .title-extrabold h3 , .row-fluid .title-extrabold h4 , .row-fluid .title-extrabold h5 , .row-fluid .title-extrabold h6 { font-weight:900; } /*grayscale*/ .row-fluid .grayscale-image img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } .row-fluid .grayscale-image img:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*fancybox*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index:8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('//383029.fs1.hubspotusercontent-na1.net/hubfs/383029/media-theme/images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; color:#fff; font-family:'FontAwesome'; border-radius:100%; color:#fff !important; background:#00659f; text-align:center; line-height:36px; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.2) ; } .fancybox-close:before { content: "\f00d"; } .fancybox-nav { text-align:center; position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('//383029.fs1.hubspotusercontent-na1.net/hubfs/383029/media-theme/images/blank.png'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; font-family:'FontAwesome'; border-radius:100%; color:#fff !important; background:#00659f; line-height:36px; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.2); } .fancybox-prev span { left: 10px; } .fancybox-prev span:before { content: "\f104"; } .fancybox-next span { right: 10px; } .fancybox-next span:before { content: "\f105"; } .fancybox-close:hover , .fancybox-nav span:hover { background:#1A1A1A; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background:rgba(000,000,000,0.6); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading div { background-image: url('//383029.fs1.hubspotusercontent-na1.net/hubfs/383029/media-theme/images/fancybox_loading@2x.gif'); } } .padi0 { padding:15px 0; } .paditopbto { padding:15px; } .padil0 { padding:15px 20px 15px 0; } .padir0 { padding:15px 0 15px 20px; } .padil10 { padding:0 0 0 10px; } .padir10 { padding:0 10px 0 0; } .padil20 { padding:0 0 0 20px; } .padir20 { padding:0 20px 0 0; } .padi00 { padding:0; } .paditop0 { padding-top:0 !important; } .padibot0 { padding-bottom:0 !important; } .padir25 { padding-right:25px; } .padil25 { padding-left:25px; } .padilr7 { padding:15px 10px 15px 10px; } .mgtop10 { margin-top:10px; } .mgtop25 { margin-top:25px; } .mgtop35 { margin-top:35px; } .mgtop45 { margin-top:45px; } .mgbot25 { margin-bottom:25px; } .mgbot10 { margin-bottom:10px; } .mgtop0 { margin-top:0 !important; } .row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .bg-img { display:none; } .row-fluid .bgimg-main1 { background-size:cover; background-repeat:no-repeat; background-position:center center; height:300px; } .row-fluid .bgimg-main1 img { display:none; } .row-fluid .bg-repeat { background-size:auto; background-repeat:repeat; } .row-fluid .wrapper { margin:0 auto !important; max-width:1180px; float:none !important; padding:0; } .row-fluid .content-section { padding-top:80px; padding-bottom:80px; float:left; width:100%; } .row-fluid .altcontent-section { background:#f5f5f5; } /* Cta Arrow */ .row-fluid a.hero-style1 , .row-fluid a.hero-style2 { min-width:180px; overflow:inherit; border:none; text-align:center; } .row-fluid a.hero-style1:hover { background:#FFFFFF; } .row-fluid a.hero-style2 { background:#FFFFFF; } .row-fluid .cta-arrow1:before , .row-fluid .cta-arrow2:before { content:""; width:43px; height:100%; line-height:43px; position:absolute; top:0; left:100%; text-align:center; font-family: 'FontAwesome'; border-left:1px solid rgba(255,255,255,0.20); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid a.cta-arrow1:before { content:"\f0da"; background-color:#00659f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; color:#FFFFFF } .row-fluid a.cta-arrow2:before { content:"\f105"; background-color:#FFFFFF; color:#777777; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; border-left:1px solid #eeeeee; } .row-fluid a.cta-arrow1:hover:before { width:45px; background:#FFFFFF; color:#777777; border-left:1px solid #eeeeee; } .row-fluid a.cta-arrow2:hover:before { width:45px; background:#00659f; border-left:1px solid rgba(255,255,255,0.20); color:#FFFFFF; } .row-fluid .location-detailbtn a { min-width:180px; overflow:inherit; border:none; text-align:center; cursor: pointer; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; line-height: 24px; z-index: 5; display: inline-block; padding: 10px 25px; background-color: #00659f; color: #FFFFFF; margin: 5px 0 10px; font-size: 13px; position: relative; } .row-fluid .location-detailbtn a:hover { background:#023e61; color:#fff; } .row-fluid .location-detailbtn a:before { content: "\f0da"; background-color: #00659f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #FFFFFF; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; left: 100%; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(255, 255, 255, 0.20); } .row-fluid .location-detailbtn a:hover:before { width: 45px; background: #023e61; color: #fff; border-left: 1px solid #eeeeee; } /*top*/ .row-fluid .header_main { position:absolute; left:0; top:0; width:100%; z-index:999; } .row-fluid .top { position:relative; left:0; top:0; width:100%; padding:20px 65px 0; border-bottom: 1px solid rgba(255,255,255,0.15); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; } .row-fluid .header_main.fixed .top { position:fixed; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; background:#231F20; } .row-fluid .logo { float:left; width:auto; padding-top: 11px; } .row-fluid .top .logo-orignal { display:none; } .row-fluid .logo img { width:200px !important; } .row-fluid .logo-fixed { display:none; } .row-fluid .wrapper.search-result{padding: 70px 15px;} .row-fluid .wrapper.search-result .hs-search-results__listing li .hs-search-results__title{font-size: 20px;} .row-fluid .wrapper.search-result .hs-search-results__listing li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);margin:0 0 25px;padding:0 0 10px;} .row-fluid .wrapper.search-result .hs-search-results__pagination{overflow:hidden; padding:30px 0 0;} .row-fluid .top-gray { float:left; width:100%; } .row-fluid .top-gray { background-color:#231F20; padding:8px 65px;} .row-fluid .top-gray > div > div { display: flex; } .row-fluid .top-gray > div > div > div{border-right:2px solid #888888;box-sizing:unset;margin:0 30px 0 0;padding:4px 27px 4px 0;} .row-fluid .top-gray > div > div > div a{opacity: 0.4;} .row-fluid .top-gray > div > div > div a:hover{opacity:1;} .row-fluid .top-gray .benchmark{max-width:105px;} .row-fluid .top-gray .secure{max-width:145px;} .row-fluid .top-gray .secure img { } /*menu*/ .row-fluid .mainmenu { width:auto; margin:13px 0 0 0; float:right; padding-right:15px; } .row-fluid .mainmenu .hs-menu-wrapper > ul { vertical-align: top; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited , .row-fluid .mainmenu .hs-menu-wrapper ul li a { line-height:20px; text-transform:uppercase; padding:6px 14px; font-size:14px; font-weight:400; color:#fff; vertical-align: top; font-family: 'Roboto', sans-serif; } /* hero section */ .row-fluid .hero-img { position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .hero-img:before { content:''; width:100%; height:100%; background:#2d3034; position:absolute; top:0; left:0; opacity:0.60; } .row-fluid .hero-text { margin:0 auto; max-width:770px; width:100%; color:#FFFFFF; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);; } .row-fluid .hero-text h1 { color:#FFFFFF; font-size:64px; line-height:70px; font-weight:700; letter-spacing:1px; } .row-fluid .hero-content { font-size:24px; line-height:30px; } .row-fluid .hero-cta { margin-top:25px; } .row-fluid .hero-cta1 , .row-fluid .hero-cta2 { margin:0 52px 0 0; width:auto; display:inline-block; } .row-fluid .hero-slider ul.slick-dots { padding:0; position:absolute; bottom:18px; left:0; } .row-fluid .hero-slider ol.flex-control-nav li a , .row-fluid .hero-slider ul.slick-dots li button { background:#FFFFFF; } .row-fluid .hero-slider ul.slick-dots li.slick-active button { background:#00659f; } .row-fluid .hero-slider .slick-arrow { line-height:90px !important; } .row-fluid .hero-slider .slick-arrow.slick-prev { right:auto; left:5px; } .row-fluid .hero-slider .slick-arrow.slick-next { right:5px; left:auto; } .row-fluid .hero-slider .slick-arrow { background:#000000; opacity:0.40; } .row-fluid .hero-slider .slick-arrow:hover { background:#00659f; opacity:1; } .row-fluid .hero-slider .slick-arrow.slick-prev:before { content:''; width:48px; height:24px; background-position:center center; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/hero-arrow1.png') no-repeat; display:inline-block; position:relative; left:14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; } .row-fluid .hero-slider .slick-arrow.slick-next:before { content:''; width:48px; height:24px; background-position:center center; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/hero-arrow2.png') no-repeat; display:inline-block; position:relative; right:25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;; } .row-fluid .hero-slider .slick-arrow:hover.slick-prev:before { left:8px; } .row-fluid .hero-slider .slick-arrow:hover.slick-next:before { right:18px; } /* future-section */ .row-fluid .future-section { padding:50px 0 50px; } .row-fluid .future-section1 span.hs_cos_wrapper { margin:0 -28px; display:block; } .row-fluid .future-section1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:0 28px; } .row-fluid .future-section1.blogfeedraw .hs_cos_wrapper_widget { width:100%; padding:0; } .row-fluid .blogfeedraw .blogfeed-wrap { float:left; width:33.33%; padding:0 28px; } .row-fluid .future-icon { width:60px; height:64px; display:block; } .row-fluid .future-text h5 { margin-top:18px; font-size:16px; line-height:24px; letter-spacing:1px; text-transform:uppercase; font-weight:600; position:relative; } .row-fluid .future-text h5:after { content:''; margin-top:14px; width:62px; height:1px; display:block; background:#e0e0e0; } .row-fluid .future-text h5:before { content:''; width:62px; height:1px; background:#00659f; position:absolute; bottom:10px; left:0; -webkit-animation: myfirst 2s infinite;-webkit-animation-direction: alternate; animation: myfirst 2s infinite; animation-direction:alternate; } @-webkit-keyframes myfirst { 0% { width: 0; height: 1px; } 25% { width: 0; height: 1px; } } @keyframes myfirst { 0% { width: 0; height: 1px; } 25% { width: 0; height: 1px; } } .row-fluid .future-block { margin-top:5px; margin-bottom:18px; font-size:14px; line-height:28px; } /* choose section */ .row-fluid .choose-section { background:#f5f5f5; } .row-fluid .choose-left , .row-fluid .choose-right { margin:0; width:50%; } .row-fluid .choose-accordian { padding-top:30px; } .row-fluid .choose-block h5 { padding:18px 0 18px 65px; font-size:14px; line-height:24px; text-transform:uppercase; position:relative; cursor:pointer; color:#000000; } .row-fluid .choose-block h5:before { content:"\f067"; width:44px; height:44px; line-height:44px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; color:#000000; background:#FFFFFF; font-family:'FontAwesome'; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .choose-block h5.on { color:#00548d; } .row-fluid .choose-block h5.on:before { content:"\f068"; background:#00659f; color:#FFFFFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .choose-content { padding:20px 0 20px 65px; position:relative; } .row-fluid .choose-content:after { content: ''; width: 1px; position: absolute; top: 0; left: 21px; right: 0; bottom: 0; background:#e0e0e0; } /* service-section */ .row-fluid .service-section { padding:80px 0; } .row-fluid .service-section1 { padding:15px 0 50px; } .row-fluid .service-section1 span.hs_cos_wrapper { margin:0 -5px; display:block; } .row-fluid .service-section1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:5px; } .row-fluid .service-block { position:relative; overflow-y:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;; } .row-fluid .service-block:after { content:''; position:absolute; top:0; left:0; right:0; bottom:100%; background:#FFFFFF; opacity:0.2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .service-block:hover:after { bottom:0; } .row-fluid .service-block a { color:#000000; } .row-fluid .service-img { height:350px; background-size:cover; background-position:center center; background-repeat:no-repeat; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;; } .row-fluid .service-content { text-align:center; background:#FFFFFF; padding:26px 0 20px; font-weight: 600; letter-spacing: 1px; width:100%; position: absolute; bottom:-100%; left:0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;; z-index:1; } .row-fluid .service-content h4 { font-size:14px; line-height:24px; text-transform:uppercase; padding:0; } .row-fluid .service-content h4:after { content:"\f067"; width:44px; height:44px; line-height:44px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; color:#FFFFFF; background:#00659f; font-family:'FontAwesome'; position:absolute; left:50%; bottom:77%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;; } .row-fluid .service-content h4:hover:after { background:#FFFFFF; color:#000000; } .row-fluid .service-text { font-style:italic; } .row-fluid .service-block:hover .service-content { bottom:0; } /* Counter Section */ .row-fluid .counter-section { padding:40px 0; position:relative; background-attachment:fixed; } .row-fluid .counter-section:before { content:''; width:100%; height:100%; background:#2d3034; opacity:0.80; position:absolute; top:0; left:0; } .row-fluid .counter-section > div { position:relative; } .row-fluid .counter-block { margin:0 1px; width:24.8%; color:#00659f; font-family: 'Roboto', sans-serif; text-transform:uppercase; letter-spacing: 1px; font-weight: 700; border-right: 1px solid #999999; border-left: 1px solid #999999; } .row-fluid .counter-number { margin-top:17px; font-size:56px; line-height:62px; color:#FFFFFF; font-weight:700; padding-bottom:5px; } .row-fluid .counter-block:first-child { border-left:none; } .row-fluid .counter-block:last-child { border-right:none; } /* testimonials-section */ .row-fluid .testimonials-section { padding:115px 0; } .row-fluid .testimonial-slider span.hs_cos_wrapper { margin:0 -12px; display:block; } .row-fluid .testimonial-slider .hs_cos_wrapper_widget { width:33.33%; float:left; padding:50px 0 0; } .row-fluid .testi-img { margin:-50px auto 0; width:100px; height:100px; background-size:cover; background-position:center center; background-repeat:no-repeat; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;; border:5px solid #FFFFFF; } .row-fluid .testi-block { padding:0 12px; } .row-fluid .testi-blockinner { border:1px solid #e0e0e0; padding:0 22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .row-fluid .testi-text { padding:0 0 35px; font-size:16px; font-family: 'Roboto', serif; font-style:italic; } .row-fluid .testi-text:before { content:''; margin:22px auto 0; width:80px; height:1px; background:#e0e0e0; display:block; } .row-fluid .testi-title { padding:18px 0 0; font-size:16px; line-height:24px; color:#00659f; text-transform:uppercase; font-weight:600; font-style:initial; font-family: 'Roboto', sans-serif; } .row-fluid .testimonial-slider .slick-arrow { background:#f5f5f5; line-height:90px !important; } .row-fluid .testimonial-slider .slick-arrow.slick-prev:before { content:''; height:24px; width:38px; background-size:cover; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-left-arrow.png') no-repeat; display:inline-block; position:relative; left:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .testimonial-slider .slick-arrow.slick-next:before { content:''; height:24px; width:38px; background-size:cover; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-right-arrow.png') no-repeat; display:inline-block; position:relative; right:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .testimonial-slider .slick-arrow:hover.slick-prev:before { content:''; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-left-arrowH.png') no-repeat; left:10px; } .row-fluid .testimonial-slider .slick-arrow:hover.slick-next:before { content:''; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-right-arrowH.png') no-repeat; right:10px; } .row-fluid .testimonial-slider .slick-arrow.slick-next { left:101%; } .row-fluid .testimonial-slider .slick-arrow.slick-prev { right:101%; } /* company-logo */ .row-fluid .company-section { padding:35px 0; background:#f5f5f5; } .row-fluid .company-logo1 .hs_cos_wrapper_widget { display:inline-block; opacity:0.50; vertical-align:middle; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .company-logo1 .hs_cos_wrapper_widget:hover { opacity:1; } /* blog-section */ .row-fluid .blog-section { padding:90px 0 0; position:relative; margin-bottom:350px; } .row-fluid .blog-section .row-fluid .wrapper { position:relative; z-index:55; max-width:1240px; } .row-fluid .blog-section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#000000; opacity:0.45; } /*.row-fluid .blog-section::after { content: ""; background:#FFFFFF; bottom:-450px; height: 100%; left: 0; position: absolute; right: 0; z-index: 1; }*/ .row-fluid .blog-section > div { position:relative; } .row-fluid .blog-section1 { margin-bottom:-250px; } .row-fluid .blog-section1 .blog-block { width:33.33%; float:left; padding:0 14px; } .row-fluid .blog-section1 .post-image { max-width:400px; width:100%; height:200px; text-align:right; float:none; display:inline-block; } .row-fluid .blog-section1 .post-text { padding:40px 20px; font-weight:600; } .row-fluid .blog-section1 .post-title { font-size:16px; line-height:22px; font-weight:700; text-transform:uppercase; } .row-fluid .blog-section1 .post-title a { color:#00548d; } .row-fluid .blog-section1 .post-title a:hover { color:#00659f; } .row-fluid .blog-section1 .post-date { padding:12px 0 8px; font-size:16px; line-height:22px; font-weight:700; font-style:italic; } .row-fluid .blog-section1 a.post-btn { padding:8px 20px; background:#f5f5f5; text-transform:uppercase; font-size:13px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } .row-fluid .blog-section1 a.post-btn:hover { color:#f5f5f5; background:#00659f; } .row-fluid a.topic-link { margin:14px 7px 0; padding:2px 8px; font-size:10px; line-height:18px; text-transform:uppercase; display:inline-block; background-color:#00659f; color:#FFFFFF; } .row-fluid a.topic-link:hover { -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } .row-fluid a.topic-link:last-child { margin-right:14px; } .row-fluid .blog-section { } /* strip-section */ .row-fluid .strip-section { padding:30px 0; background:#00659f; } .row-fluid .strip-title { margin:12px 40px; width:auto; font-size:22px; line-height:30px; color:#FFFFFF; float:none; display:inline-block; vertical-align:middle; } .row-fluid .done-icon ,.row-fluid .done-icon1 , .row-fluid .strip-cta { margin:0; width:auto; float:none; display:inline-block; vertical-align:middle; } .row-fluid a.strip-cta { margin:0; padding:10px 70px 10px 25px; border:2px solid transparent; min-width:220px; } .row-fluid a.strip-cta.cta-arrow2:before { left:auto; right:0; } .row-fluid a.strip-cta:hover { border-color:#FFFFFF } /*.row-fluid a.cta-arrow2.strip-cta:hover:before { width:43px; }*/ /* footer */ .row-fluid .footer { padding:50px 0; background:#2d3034; } .row-fluid .footer-block { padding-right:28px; /*padding-bottom:35px;*/ border-right:1px solid rgba(255,255,255,0.10); } .row-fluid .footer-content { padding:30px 0 25px; color:#FFFFFF; opacity:0.70; } .row-fluid .footer-icon ul { margin:0 0 30px; padding:0; list-style-type:none; } .row-fluid .footer-icon ul li { margin:0; padding:5px 2px 5px 0; display:inline-block; } .row-fluid .footer-icon ul li a { width:38px; height:38px; line-height:36px; display:inline-block; border:2px solid #777777; text-align:center; color:#777777; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } .row-fluid .footer-icon ul li a:hover { background:#00659f; border-color:#00659f; color:#FFFFFF } .row-fluid .footer-icon ul li:nth-child(1) a:before { content:"\f08c"; font-family: 'FontAwesome'; display:block; } .row-fluid .footer-icon ul li:nth-child(2) a:before { content:"\f230"; font-family: 'FontAwesome'; display:block; } .row-fluid .footer-icon ul li:nth-child(3) a:before { content:"\f099"; font-family: 'FontAwesome'; display:block; } .row-fluid .footer-icon ul li:nth-child(4) a:before { content:"\f16d"; font-family: 'FontAwesome'; display:block; } .row-fluid .footer-icon ul li:nth-child(5) a:before { content:"\f16a"; font-family: 'FontAwesome'; display:block; } .row-fluid .footer-header h3 { margin-top:50px; font-weight:700; font-size:14px; line-height:20px; color:#FFFFFF; text-transform:uppercase; } .row-fluid .footer-header h3:after { content:''; margin-top:10px; width:27px; height:3px; display:block; background:#00659f; } .row-fluid .footer-menu ul { display:inline-block; margin-bottom:15px !important; margin-top:15px; list-style:none; padding:0; } .row-fluid .footer-menu ul li { width:50%; float:left; list-style:none; } .row-fluid .footer-menu ul li a { padding:1px 0; color:#777777; font-size:14px; } .row-fluid .footer-menu ul li a:hover { color:#00659f; } .row-fluid .footer-menu ul li a:before { content:''; margin-top:-2px; width:5px; height:5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; background:#777777; display:inline-block; vertical-align:middle; margin-right: 8px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .footer-menu ul li a:hover:before { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;; background:#00659f } .row-fluid .footer-subscribe h3 { display:none; } .row-fluid .footer-subscribe .hs-form-field > label { display:none; } .row-fluid .footer-subscribe .input { margin-top:25px; } .row-fluid .footer-subscribe .input input.hs-input { width:100%; background:rgba(255,255,255,0.10); border:none; color:#FFFFFF; font-weight:600; } .row-fluid .footer-subscribe .hs-button { width:100%; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;; text-transform:uppercase; letter-spacing:0.5px; font-size:13px; border:2px solid transparent } .row-fluid .footer-subscribe .hs-button:hover { border-color:#00659f; color:#00659f; background:transparent; } .row-fluid .footer-blog .post-block { position:relative; padding-left:64px; padding-bottom:20px; padding-top:15px; } .row-fluid .footer-blog .post-block:last-child { padding-bottom:0; } .row-fluid .footer-blog .post-image { width:51px; height:51px; position:absolute; top:20px; left:0; } .row-fluid .footer-blog .post-content , .row-fluid .footer-blog .post-content .post-title a { font-size:13px; line-height:22px; color:#FFFFFF; opacity:0.80; } .row-fluid .footer-blog .post-content .post-title a:hover { color:#00659f; } .row-fluid .footer-blog .post-date { margin-top:5px; font-size:12px; text-transform:uppercase; color:#777777; } /* footer -bootom */ .row-fluid .footer-bottom { padding:7px 0; background:#212326; } .row-fluid .footer-copyright { margin-top:10px; margin-bottom:10px; color:#FFFFFF; } .row-fluid .footer-menuB { margin-top: 10px;} .row-fluid .footer-menuB ul { float:right; margin:0; padding:0; list-style:none; } .row-fluid .footer-menuB ul li{ float:left; } @media (max-width: 900px){ .row-fluid .footer-menu ul li, .row-fluid .footer-menuB ul li{ float: left; width: 100%; margin: 10px auto;} } .row-fluid .footer-menuB ul li a { padding:10px 20px; font-size:13px; color:#777777; text-transform:uppercase; } .row-fluid .footer-menuB ul li a:hover { color:#00659f; } .row-fluid .footer-logo img { width:180px !important; } /* home page 2 hero section 2 */ .row-fluid .home-video { width:100%; height:100%; position: fixed; top: 0; left: 0; z-index: -1; } .row-fluid .home-video video { width: auto; height: auto; min-width: 100%; min-height: 100%; object-fit:cover; } .row-fluid .home-video div {display:none;} .row-fluid .home-video.hide-video { display:none; } .row-fluid .hero-secton2 { position:relative; } .row-fluid .hero-secton2:before { content:''; width:100%; height:calc(100% + 2px); background:#000000; position:absolute; top:-2px; left:0; opacity:0.50; } .row-fluid .hero-box { margin-top:25px; max-width:680px; font-size:24px; line-height:36px; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .hero-box h1 { font-size:62px; line-height:82px; color:#FFFFFF; font-weight:700; padding:15px 0 2px;} .row-fluid .hero-cta3 { margin-top:20px; max-width:100%; } .row-fluid .heroH2-cta { margin:0 60px 10px 0; width:auto; display:inline-block; } /* ourservice-section */ .row-fluid .ourservice-section { padding:100px 0 0; } .row-fluid .ourservice-section.pt40 { padding:40px 0 0; } .row-fluid .serviceBox { padding:0 12px; } .row-fluid .serviceBox-img { height:288px; min-height: 288px; background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .serviceText { padding:0 15px; } .row-fluid .serviceText h4 { margin-top:36px; font-size:16px; line-height:24px; text-transform:uppercase; letter-spacing:1px; } .row-fluid .serviceText h4:after { content:''; margin:10px auto 0; width:82px; display:block; border-bottom:1px solid #e0e0e0; } .row-fluid .service_btn a { padding:3px 24px; background:#f5f5f5; text-transform: uppercase; font-size: 13px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; font-weight:700; letter-spacing:0.5px; display:inline-block; margin-bottom: 30px; } .row-fluid .service_btn a:hover { color:#f5f5f5; background:#00659f } .row-fluid .oursective-slider .slick-arrow { background:#f5f5f5; top:25%; line-height:90px !important; } .row-fluid .oursective-slider .slick-arrow.slick-prev:before { content:''; height:24px; width:38px; background-size:cover; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-left-arrow.png') no-repeat; display:inline-block; position:relative; left:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .oursective-slider .slick-arrow.slick-next:before { content:''; height:24px; width:38px; background-size:cover; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-right-arrow.png') no-repeat; display:inline-block; position:relative; right:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .oursective-slider .slick-arrow:hover.slick-prev:before { content:''; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-left-arrowH.png') no-repeat; left:10px; } .row-fluid .oursective-slider .slick-arrow:hover.slick-next:before { content:''; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-right-arrowH.png') no-repeat; right:10px; } .row-fluid .oursective-slider .slick-arrow.slick-next { left:101%; } .row-fluid .oursective-slider .slick-arrow.slick-prev { right:101%; } /* future section 2 */ .row-fluid .future-left , .row-fluid .future-right { margin:0; width:50%; float:left; } .row-fluid .future-right .future-section1 span.hs_cos_wrapper { margin:0; } .row-fluid .future-section3 { margin:0; padding:60px 15px 10px; max-width:650px; width:100%; float:left; display:inline-block; } .row-fluid .future-section3 .hs_cos_wrapper_widget { width:50%; margin-bottom:10px; float:left; } .row-fluid .future-left { position:relative; } .row-fluid .future-left:after { content:''; width:100%; height:100%; background:#2d3034; position:absolute; top:0; left:0; opacity:0.40; } .row-fluid .future-video { display:none; } .row-fluid .play-icon { position:relative; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);; text-align:center; z-index:1; } .row-fluid .play-icon a:before { content:""; width:68px; height:68px; display:inline-block; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/js/play-icon.png') no-repeat; } .row-fluid .play-icon a:hover:before { opacity:0.5; } .future-video { width:600px; } .future-play1 { width:100%; height:350px; } /* future-section2 */ .row-fluid .future-section1.future-section2 .future-block { position:relative; padding-left:80px; } .row-fluid .future-section1.future-section2 .future-icon { position:absolute; top:0; left:0; } .future-iconbg { width: 95px; height: 100px; background-size: 100%; background-repeat: no-repeat; background-position:center center; position: absolute; top:-18px; left: 45px; opacity: 0.08; z-index:1; } /* service page */ .row-fluid .heronew-section { position:relative; } .row-fluid .heronew-section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.2; background:#000000; } .row-fluid .heronew-section > div { position:relative; } .row-fluid .heronew-content { padding:80px 0; } /* .row-fluid .heronew-content h1 { font-size:47px; line-height:62px; color:#FFFFFF; font-weight:600; letter-spacing:2px; } */ .row-fluid .heronew-content h1 {color:#fff;} .row-fluid .heronew-content .lpbanner-subtext { color:#fff; font-size:16px;} .row-fluid .top-scroll { width:54px; height:27px; line-height:45px; font-size:20px; color:#999999; position:absolute; bottom:0; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; -webkit-border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -o-border-radius: 100px 100px 0 0; -ms-border-radius: 100px 100px 0 0; border-radius: 100px 100px 0 0;; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; cursor:pointer; } .row-fluid .top-scroll:hover { -webkit-box-shadow: 0 -13px 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 -13px 10px rgba(0,0,0,0.8); -o-box-shadow: 0 -13px 10px rgba(0,0,0,0.8); -ms-box-shadow: 0 -13px 10px rgba(0,0,0,0.8); box-shadow: 0 -13px 10px rgba(0,0,0,0.8);; color:#00659f } .row-fluid .ourservice-section2 { padding:105px 0 55px; } .row-fluid .ourservice-section1 span.hs_cos_wrapper { margin:0 -12px; display:flex; flex-wrap: wrap; } .row-fluid .ourservice-section1 div.hs_cos_wrapper_widget { padding:0; width:33.33%; float:left; margin-bottom:45px; margin-top:5px; } /* service inner */ .row-fluid .service-description { padding:100px 0 80px; } .row-fluid .service-description-img { height:550px; } .row-fluid .serviceinner-content { padding-top:60px; } .row-fluid .serviceinner-content h6 { font-size:16px; line-height:24px; text-transform:uppercase; } /* contact page */ .contact-section { padding:100px 0; } .contact-map iframe { width:100% !important; height:335px !important; } .row-fluid .contact-left , .row-fluid .contact-right { padding-top:70px; } .row-fluid .contact-title { font-size:18px; color:#b1b1b1; font-style:italic; } .row-fluid .contact-title h1 { font-size:16px; line-height:24px; padding:10px 0; font-style:normal; } .row-fluid .contact-title h1:after { content:''; margin-top:5px; width:27px; height:3px; background:#00659f; display:block; } .contact-form .contact-form .hs-form-field label span {display: inline-block;} .row-fluid .contact-form .hs-form-field label span + span {display: inline-block;} .row-fluid .contact-form .hs-form-field { float:none !important; display:inline-block; vertical-align:top; } .row-fluid ul.inputs-list { padding-top:0; } form ul.no-list.hs-error-msgs.inputs-list label {color: #F00;} .contact-form .contact-form .hs-form-field label span {display: inline-block;} .row-fluid .contact-form .hs-form-field label span + span {display: inline-block;} .row-fluid .contact-form .actions { margin-top:5px; background:transparent; font-size:13px; line-height:24px; font-weight:700; padding:0; color:#fff; display:inline-block; position:relative; border:2px solid #e0e0e0; cursor:pointer; } .row-fluid .contact-form .actions:before { content:"\f1d8"; width:45px; height:45px; line-height:42px; background-color:transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; color:#999999; font-family: 'FontAwesome'; position:absolute; top:-2px; left:100%; text-align:center; border:2px solid #e0e0e0; cursor:pointer; } .row-fluid .contact-form input[type=submit], .row-fluid .contact-form form button, .row-fluid .contact-form .hs-button { padding:0; height:41px; min-width:188px; background:transparent; color:#999999; } .row-fluid .contact-form .actions:hover:before { background:#00659f; color:#FFFFFF } .row-fluid .contact-form .actions:hover input[type=submit] , .row-fluid .contact-form .actions:hover form button , .row-fluid .contact-form .actions:hover .hs-button { background:#00659f; color:#FFFFFF } .row-fluid .contact-form .hs-fieldtype-textarea { width:100%; } .row-fluid .contact-form select { background-color:#f5f5f5; } .row-fluid .contact-form .form-columns-1 .hs-form-field { width:100%; } .row-fluid .contact-form .form-columns-1 .hs-form-field .input { margin:0 !important; } .row-fluid .contact-right { font-weight:600; } .row-fluid .contact-box { margin-top:20px; } .row-fluid .contact-box h5 { font-size:16px; line-height:24px; letter-spacing:1px; text-transform:uppercase; } .row-fluid .contact-box h5:after { content:''; margin-top:5px; width:80px; height:1px; display:block; background:#f5f5f5; } .row-fluid .contact-box a { color:#777777; } .row-fluid .contact-box a:hover { color:#00659f; } .row-fluid .contact-icon ul { margin:25px 0 0; padding:0; list-style-type:none; } .row-fluid .contact-icon ul li { margin:0; padding:5px 5px 5px 0; display:inline-block; } .row-fluid .contact-icon ul li a { width:38px; height:38px; line-height:38px; display:inline-block; text-align:center; color:#999999; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; background:#e0e0e0 } .row-fluid .contact-icon ul li a:hover { background:#00659f; color:#FFFFFF } .row-fluid .contact-icon ul li:nth-child(1) a:before { content:"\f230"; font-family: 'FontAwesome'; display:block; } .row-fluid .contact-icon ul li:nth-child(2) a:before { content:"\f099"; font-family: 'FontAwesome'; display:block; } .row-fluid .contact-icon ul li:nth-child(3) a:before { content:"\f1a0"; font-family: 'FontAwesome'; display:block; } .row-fluid .contact-icon ul li:nth-child(4) a:before { content:"\f08c"; font-family: 'FontAwesome'; display:block; } .row-fluid .contact-icon ul li:nth-child(5) a:before { content:"\f231"; font-family: 'FontAwesome'; display:block; } .ns .TTF_f21 .legal-consent-container .hs-richtext { margin: 0 0 10px;} .ns .TTF_f21 .legal-consent-container p { font-size: 12px; line-height: 1;} .ns .TTF_f21 .legal-consent-container .hs-richtext:after {display: none;} .ns .TTF_f21 .legal-consent-container .inputs-list .hs-form-booleancheckbox {padding-bottom:0; } .ns .TTF_f21 .legal-consent-container {margin-bottom:24px; } /* testimonial page */ .row-fluid .clientssay-section { padding:100px 0 60px; } .row-fluid .clientssay-section1 span.hs_cos_wrapper { margin:0 -12px; display:block; } .row-fluid .clientssay-section1 .hs_cos_wrapper_widget { margin-top:60px; margin-bottom:40px; width:33.33%; float:left; } /* faq page */ .row-fluid .faq-section { padding:108px 0 80px; } .row-fluid .accordion-box { margin-bottom:12px; font-size:16px; } .row-fluid .accordion-title { padding:12px 30px 12px 15px; background:#00659f; color:#FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; cursor:pointer; position:relative; } .row-fluid .accordion-title:after { content:"\f067"; font-family: 'FontAwesome'; display:inline-block; float:right; position:absolute; top:50%; right:15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .accordion-title.active:after { content:"\f068"; } .row-fluid .accordion-title.active { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;; } .row-fluid .accordion-text { padding:15px; background:#f5f5f5; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;; display:none; } /* team page */ .row-fluid .team-section { padding:110px 0 80px; } .row-fluid .team-section1 span.hs_cos_wrapper { margin:0 -12px; display:block; } .row-fluid .team-section1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:12px; } .row-fluid .team-img { position:relative; height:368px; background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .team-img:after { content:''; position:absolute; top:0; bottom:0; left:100%; right:0; background:#000000; opacity:0.50; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .team-img:before { content:''; position:absolute; top:0; bottom:0; left:0; right:100%; background:#000000; opacity:0.50; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .team-box:hover .team-img:after { left:50%; } .row-fluid .team-box:hover .team-img:before { right:50%; } .row-fluid .team-icon { position:absolute; top:50%; left:50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);; z-index:1; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .team-icon a { margin:3px; width:38px; height:38px; line-height:36px; display:inline-block; border:2px solid #FFFFFF; text-align:center; color:#FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } .row-fluid .team-icon a:hover { border-color:#00659f; background:#00659f } .row-fluid .team-box:hover .team-icon { opacity:1; } .row-fluid .team-content { font-size:16px; color:#b1b1b1; font-style:italic; } .row-fluid .team-content h5 { margin-top:20px; font-size:16px; line-height:24px; font-style:normal; text-transform:uppercase; padding:0; font-weight:700; letter-spacing:0.5px; } /* pricing page */ .row-fluid .prcing-section { padding:85px 0 110px; } .row-fluid .prcing-section1 span.hs_cos_wrapper { margin:0 -10px; display:block; } .row-fluid .prcing-section1 .hs_cos_wrapper_widget { margin-top:40px; width:25%; float:left; padding:0 10px; } .row-fluid .pricing-box { background:#f5f5f5; } .row-fluid .pricing-title h5 { padding:15px 0; font-size:16px; line-height:24px; background:#333333; color:#FFFFFF; font-weight:400; letter-spacing:1px; text-transform:uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .pricing-amount { font-size:14px; text-transform:uppercase; letter-spacing:2px; } .row-fluid .pricing-amount { padding:30px 0; border-bottom:4px solid #e0e0e0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .pricing-amount h2 { font-size:56px; line-height:62px; padding:0; } .row-fluid .pricing-amount h2:before { content:"\f155"; margin-top:-10px; margin-right:5px; font-size:24px; display:inline-block; font-family: 'FontAwesome'; vertical-align:top; } .row-fluid .pricing-list { font-size:14px; } .row-fluid .pricing-list ul { margin:0; padding:18px 25px; list-style-type:none; } .row-fluid .pricing-list ul li { margin:0; padding:10px 0; display:block; border-bottom:1px dashed #999999; color:#777777; letter-spacing:0.5px; } .row-fluid .pricing-cta { padding:18px 0 35px; } .row-fluid .pricing-cta a { padding:8px 25px; min-width:163px; font-size:13px; background:#FFFFFF; color:#999999; border:2px solid #e0e0e0; display:inline-block; text-transform:uppercase; font-weight:600; } .row-fluid .pricing-cta a:hover { background:#00659f; color:#FFFFFF; border-color:#00659f } .row-fluid .pricing-box:hover .pricing-title h5 { background:#00659f; } .row-fluid .pricing-box:hover .pricing-amount { border-color:#00659f; } .row-fluid .pricing-box:hover .pricing-cta a { background:#00659f; color:#FFFFFF; border-color:#00659f; } /* case-study */ .row-fluid .case-study { padding:110px 0 90px; } .row-fluid .case-study1 span.hs_cos_wrapper { margin:0 -14px; display:block; } .row-fluid .case-study1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:14px; } .row-fluid .casestudy-box { width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; color:#FFFFFF; letter-spacing:1.5px; font-size:16px; line-height:24px; } .row-fluid .casestudy-box h4 { font-size:20px; line-height:26px; letter-spacing:1.5px; color:#FFFFFF; font-weight:500; padding:0; text-transform:uppercase } .row-fluid .casestudy-title { padding:30px 10px 33px; width:100%; background:rgba(0,0,0,.70); position:absolute; bottom:0; left:0; opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .casestudy-text { padding:45px 30px; background:rgba(0,0,0,.70); height:100%; position:relative; z-index:5; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .casestudy-text h4:after { content:''; margin:10px auto 18px; width:56px; height:3px; display:block; background:#00659f; } .row-fluid a.case-link { margin-top:10px; color:#FFFFFF; display:inline-block; } .row-fluid a.case-link:after { content:"\f101"; margin-left:3px; display:inline-block; font-family: 'FontAwesome'; vertical-align:middle; } .row-fluid a.case-link:hover { color:#00659f; } .row-fluid .casestudy-text:before { content:''; position:absolute; top:12px; left:12px; right:12px; bottom:12px; border:1px solid #FFFFFF; z-index:-2; } .row-fluid .casestudy-box:hover .casestudy-title { opacity:0; } .row-fluid .casestudy-box:hover .casestudy-text { opacity:1; } /* hystory section */ .row-fluid .hystory-section { padding:85px 0 100px; } .row-fluid .hystory-box { margin:0; width:53.3%; float:none; display:inline-block; vertical-align:middle; } .row-fluid .hystory-img { height:370px; width:46%; } .row-fluid .hystory-text { padding-left:80px; } .row-fluid .hystory-text h2 { font-size:45px; line-height:60px; color:#00659f; text-transform:inherit; padding:0 0 30px; } /* counter section1 */ .row-fluid .counter-section1 { padding:40px 0; position:relative; } .row-fluid .counter-section1:before { content:''; width:100%; height:100%; background:#000000; opacity:0.60; position:absolute; top:0; left:0; } .row-fluid .counter-section1 > div { position:relative; } .row-fluid .counter-box { text-transform:uppercase; color:#FFFFFF; font-weight:600; } .row-fluid .counter-number1 { margin-top:18px; font-size:40px; line-height:48px; font-weight:700; } .row-fluid .plus:after { content:"\f067"; margin-left:3px; display:inline-block; font-family: 'FontAwesome'; font-size:24px; vertical-align:top; } .row-fluid .dollar:before { content:"\f155"; margin-right:3px; display:inline-block; font-family: 'FontAwesome'; font-size:28px; vertical-align:top; } /* team-menber */ .row-fluid .team-menber { padding:98px 0 70px; } .row-fluid .teamenber-slider { text-align:center; } .row-fluid .teamenber-slider .slick-track { margin:0 auto; float:none; } .row-fluid .teamenber-slider .team-box { padding:0 12px; } .row-fluid .teamenber-slider .slick-arrow { background:#f5f5f5; top:35%; line-height:90px !important; } .row-fluid .teamenber-slider .slick-arrow.slick-prev:before { content:''; height:24px; width:38px; background-position:center; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-left-arrow.png') no-repeat; display:inline-block; position:relative; left:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .teamenber-slider .slick-arrow.slick-next:before { content:''; height:24px; width:38px; background-position:center; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-right-arrow.png') no-repeat; display:inline-block; position:relative; right:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .teamenber-slider .slick-arrow:hover.slick-prev:before { content:''; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-left-arrowH.png') no-repeat; left:10px; } .row-fluid .teamenber-slider .slick-arrow:hover.slick-next:before { content:''; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/test-right-arrowH.png') no-repeat; right:10px; } .row-fluid .teamenber-slider .slick-arrow.slick-next { left:101%; } .row-fluid .teamenber-slider .slick-arrow.slick-prev { right:101%; } .row-fluid .teamenber-slider .team-icon a { margin:1px; } /* satisfied-section */ .row-fluid .satisfied-section { padding:80px 0 105px; } .row-fluid .satisfied-title h1 { font-weight:600; text-transform:inherit; } .row-fluid .satisfied-slider { padding:40px 0 0; } /*.row-fluid .satisfied-slider span.hs_cos_wrapper { margin:0 -22px; display:block; }*/ .row-fluid .satisfied-box { padding:0 20px; } .row-fluid .satisfied-boxinner { padding:27px 35px 16px; border:1px solid #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .row-fluid .satisfied-top { position:relative; padding:10px 0 18px 90px; } .row-fluid .satisfied-img { width:70px; height:70px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; overflow:hidden; position:absolute; top:0; left:0; } .row-fluid .satisfied-title { font-size:18px; color:#e0e0e0; font-weight:300; } .row-fluid .satisfied-title h5 { font-size:16px; line-height:26px; text-transform:uppercase; padding:0 0 0; } .row-fluid .satisfied-content { font-size:15px; line-height:30px; font-weight:700;} .row-fluid .satisfied-slider ol.flex-control-nav, .row-fluid .satisfied-slider ul.slick-dots { margin:45px 0 0; } .row-fluid .satisfied-slider ol.flex-control-nav li a, .row-fluid .satisfied-slider ul.slick-dots li button { width:10px; height:10px; background:#e0e0e0; } .row-fluid .satisfied-slider ol.flex-control-nav li a:hover, .row-fluid .satisfied-slider ol.flex-control-nav li a.flex-active, .row-fluid .satisfied-slider ul.slick-dots li button:hover, .row-fluid .satisfied-slider ul.slick-dots li.slick-active button { background:#00659f; } /* case inner page */ .row-fluid .casestudy-inner { padding:105px 0 85px; } .row-fluid .caseinner-content { line-height:32px; font-size:16px; } .row-fluid .caseinner-img { height:320px; margin-bottom:50px; margin-top:33px; } /* testimonial-caseinner */ .row-fluid .testimonial-caseinner { padding:70px 0 65px; } .row-fluid .testimonial-caseinner1 { margin:0 auto !important; font-size:20px; line-height:40px; max-width:1000px; width:100%; float:none; display:inline-block; } .row-fluid .testimonial-caseinner1:before { content:"\f10d"; margin:0 auto 45px; font-size:40px; line-height:87px; width:87px; height:87px; display:inline-block; background:#00659f; color:#FFFFFF; font-family: 'FontAwesome'; } .row-fluid .caseinner1-name { color:#00659f; } /* resource page */ .row-fluid .ourresource-section { padding:107px 0 95px; } .row-fluid .ourresource-section1 span.hs_cos_wrapper { margin:0 -14px; display:block; } .row-fluid .ourresource-section1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:14px; } .row-fluid .resource-box { padding:12px; background:#f5f5f5; clear:both;} .row-fluid .resource-img { padding:12px; background:#FFFFFF; } .row-fluid .resource-img img { max-height:200px; height:100%; width:auto; } .row-fluid .resource-textinner { padding:20px 22px 13px; } .row-fluid .resource-text h5 { font-size:16px; line-height:26px; text-transform:uppercase; color:#00659f; } .row-fluid .resource-text h5:after { content:''; margin:8px auto 0; width:80px; height:1px; background:#e0e0e0; display:block; } .row-fluid a.resource-cta { min-width:220px; overflow:inherit; border:none; text-align:center; padding-right:70px; border:2px solid transparent; } .row-fluid a.resource-cta:hover { color:#00659f; background:transparent; border-color:#00659f; } .arrow-down:before { content:""; width:43px; height:100%; line-height:43px; position:absolute; top:0; right:0; text-align:center; font-family: 'FontAwesome'; border-left:1px solid rgba(255,255,255,0.20); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid a.arrow-down:before { content:"\f019"; background-color:#00659f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; color:#FFFFFF } .row-fluid a.arrow-down:hover:before { background:transparent; color:#00659f; border-left-color:#00659f; } .row-fluid .box-width .resource-box{max-width:300px;} /* featured section */ .row-fluid .featured-section { padding:95px 0 35px; } .row-fluid .featured-left , .row-fluid .featured-right { margin:0; width:50%; display:inline-block; vertical-align:middle; float:none; } .row-fluid .featured-right { margin:0; line-height:32px; font-size:16px; width:49.5%; padding-left:25px; } .row-fluid .title-text.featured-text h2:after { margin:20px 0 0; } .row-fluid .other-latest { padding:35px 0 75px; } .row-fluid .other-latest1 { margin-top:12px; } .row-fluid .other-latest1 span.hs_cos_wrapper { margin:0 -13px; display:block; } .row-fluid .other-latest1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:16px 13px; } /* landing page */ .row-fluid .landing-logo img { width:300px !important; } .row-fluid .header-landing {padding:25px 0; width:100%; border-bottom:1px solid rgba(255,255,255,0.15); position:absolute; top:0; left:0; z-index:1; } .row-fluid .landing-hero { position:relative; } .row-fluid .landing-hero:before { content:''; width:100%; height:100%; background:#000000; opacity:0.40; position:absolute; top:0; left:0; } .row-fluid .landing-hero > div { position:relative; } .row-fluid .landinghero-content {padding:240px 0 100px; } .row-fluid .landinghero-title { font-size:26px; line-height:34px; color:#FFFFFF; } /* .row-fluid .landinghero-title h1 { padding:15px 0 35px; font-size:48px; line-height:60px; color:#FFFFFF; font-weight:600; font-family: 'Roboto', sans-serif; } */ /* landing-content */ .row-fluid .landing-content { padding:95px 0; } .row-fluid .heading-title { max-width:100%; } .row-fluid .heading-title h2:after { margin:21px 0 8px; } .row-fluid .landing-left , .row-fluid .landing-right { margin:0; float:none; display:inline-block; float:left; } .row-fluid .landing-left { padding-right:80px; width:60%; } .row-fluid .landing-right { padding:30px 34px 45px; width:40%; border-top:5px solid #00659f; border-bottom:5px solid #00659f; } .row-fluid .landing-form h3 { padding:0 0 35px; font-weight:600; font-size:24px; line-height:32px; text-transform:uppercase; width:100%; text-align:center; color:#00659f; } .row-fluid .landing-form input , .row-fluid .landing-form form button , .row-fluid .landing-form textarea, .row-fluid .landing-form select , .row-fluid .landing-form input[type="text"], .row-fluid .landing-form input[type="password"], .row-fluid .landing-form input[type="datetime"], .row-fluid .landing-form input[type="datetime-local"], .row-fluid .landing-form input[type="date"], .row-fluid .landing-form input[type="month"], .row-fluid .landing-form input[type="time"], .row-fluid .landing-form input[type="week"], .row-fluid .landing-form input[type="number"], .row-fluid .landing-form input[type="email"], .row-fluid .landing-form input[type="url"], .row-fluid .landing-form input[type="search"], .row-fluid .landing-form input[type="tel"], .row-fluid .landing-form input[type="color"] { background-color:transparent; border:1px solid #c0c0c0; font-weight:400; font-size:18px; text-transform:inherit; } .row-fluid .landing-form .hs-form-field > label span + span { display:none; } .row-fluid .landing-form .hs-button { padding:14px 20px; border:2px solid transparent; background:#00659f; color:#FFFFFF; width:100%; height:auto; } .row-fluid .landing-form .hs-button:hover { border-color:#00659f; background:transparent; color:#00659f } .row-fluid .landing-form > div span { display:block; } /* speaking section */ .row-fluid .speaking-section { padding:85px 0; } .row-fluid .speaking-section1 .hs_cos_wrapper_widget { margin-top:10px; width:33.33%; float:left; } .row-fluid .speaking-img { margin:0 auto; width:224px; height:224px; background-size:cover; background-position:center center; background-repeat:no-repeat; border:10px solid #00659f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; } .row-fluid .speaking-text { padding-top:30px; font-size:16px; font-style:italic; } .row-fluid .speaking-text h5 { font-weight:600; font-style:normal; text-transform:uppercase; letter-spacing:1px; padding:0 0 5px; } /* testimonial section 1 */ .row-fluid .testimonial-section1 { padding:85px 0 75px; } .row-fluid .testimonial-box { margin:0 auto; max-width:1020px; width:100%; font-size:20px; line-height:40px; letter-spacing:0.5px; } .row-fluid .testimonial-box:before { content:"\f10d"; margin:0 auto 45px; font-size:40px; line-height:87px; width:87px; height:87px; display:inline-block; background:#00659f; color:#FFFFFF; font-family: 'FontAwesome'; } .row-fluid .testimonial-name { color:#00659f; } .row-fluid .testimonial-section1 .row-fluid ol.flex-control-nav, .row-fluid .testimonial-section1 ul.slick-dots { padding:50px 0 0; } .row-fluid .testimonial-section1 .row-fluid ol.flex-control-nav li a, .row-fluid .testimonial-section1 ul.slick-dots li button { width:16px; height:16px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; background:#000000 } .row-fluid .testimonial-section1 .row-fluid ol.flex-control-nav li a:hover, .row-fluid .testimonial-section1 .row-fluid ol.flex-control-nav li a.flex-active, .row-fluid .testimonial-section1 ul.slick-dots li button:hover, .row-fluid .testimonial-section1 ul.slick-dots li.slick-active button { background-color:#00659f; } /* ebook-contect */ .row-fluid .ebook-hero { margin-bottom:280px; } .row-fluid .ebook-title h1 { font-size:47px; padding:5px 0 35px; } .row-fluid .ebook-contect { margin:0 auto -280px !important; padding:50px; max-width:990px; width:100%; float:none; display:inline-block; border-right:11px solid #00659f; border-left:11px solid #00659f; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.4); -o-box-shadow: 0 5px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.4); box-shadow: 0 5px 10px rgba(0,0,0,0.4);; } .row-fluid .book-left { font-size:16px; padding-right:50px; border-right:1px solid #e0e0e0; } .row-fluid .book-right { padding-left:50px; } .row-fluid .book-title h4 { font-size:24px; line-height:32px; text-transform:uppercase; letter-spacing:0.5px; color:#00659f; font-weight:normal; } .row-fluid .book-min { font-size:18px; } .row-fluid .book-img { margin:25px 0 45px; } .row-fluid .book-img img { height:240px; } /* about author */ .row-fluid .about-author { padding:85px 0 95px; } .row-fluid .aboutauthor-img { margin:0; width:250px; height:250px; display:inline-block; vertical-align:middle; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; border:9px solid #00659f; float:none; } .row-fluid .aboutauthor-text { margin:0; padding-left:45px; width:78.5%; display:inline-block; vertical-align:middle; float:none; font-size:20px; line-height:40px; letter-spacing:0.5px; } .row-fluid .aboutauthor-text h4 { padding:0 0 15px; font-size:24px; line-height:32px; color:#00659f; text-transform:uppercase; font-weight:normal; } /* thank you page */ .row-fluid .thank-hero { height:490px; } .row-fluid .thank-section { padding:0 0 80px; margin-bottom:0; } .row-fluid .thank-content { margin:-255px auto 0 !important; font-size:16px; line-height:32px; letter-spacing:1px; padding:80px; max-width:980px; width:100%; float:none; display:block; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.4); -o-box-shadow: 0 5px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.4); box-shadow: 0 5px 10px rgba(0,0,0,0.4);; position:relative; } .row-fluid .thank-content:before { content:''; position:absolute; top:20px; left:20px; right:20px; bottom:20px; border:1px solid #000000; } .row-fluid .thank-content > div { position:relative; } .row-fluid .thank-done { width:200px; height:auto; display:inline-block; color:#2d3034; float:none; } .row-fluid .thank-title h2 { padding-top:15px; font-size:45px; line-height:55px; text-transform:inherit; color:#00659f; } .row-fluid .thank-title h2:after { content:''; margin:5px auto 15px; width:50px; height:3px; background:#2d3034; display:block; } .row-fluid a.thank-cta { margin-top:32px; min-width:222px; padding:10px 70px 10px 25px; background:#00659f; border:2px solid #00659f; color:#FFFFFF } .row-fluid a.thank-cta:hover { background:transparent; color:#00659f; border-color:#00659f } .row-fluid .cta-arrow1.thank-cta:before, .row-fluid .cta-arrow2.thank-cta:before { right:0; left:auto; color:#FFFFFF; background:#00659f } .row-fluid a.thank-cta:hover:before { width:43px; background:transparent; color:#00659f; border-left-color:#00659f } /* blog page */ .hs-blog-listing .blog-right { display:none; } .hs-blog-listing .blog-left { margin:0; width:100%; padding:25px 0 70px; } .row-fluid .blog-topic { margin-top:80px; } .row-fluid .blog-topic ul { margin:0; padding:0 15px; list-style-type:none; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; background:#FFFFFF; display:inline-block; } .row-fluid .blog-topic ul li { margin:8px 0; padding:0 30px; display:inline-block; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; } .row-fluid .blog-topic ul li a { font-size:13px; line-height:26px; color:#999999;font-weight:700; text-transform:uppercase } .row-fluid .blog-topic ul li a:hover { color:#00659f; } .row-fluid .blog-topic h3 { display:none; } .row-fluid .blog-topic ul li:last-child { border-right:none; } .row-fluid .blog-topic ul li:first-child { border-left:none; } .hs-blog-listing .blog-left { text-align:center; } .row-fluid .post-item { margin-top:50px; width:33.33%; float:left; padding:0 17px; } .row-fluid .post-box { background-color:#FFFFFF; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 7px rgba(0,0,0,0.1); box-shadow: 0 1px 7px rgba(0,0,0,0.1);; } .row-fluid .post-listing { margin:0 -17px; display:block; } .row-fluid .blog-left .hs-featured-image-wrapper { height:288px; text-align:right; position:relative; } .hs-blog-listing .row-fluid .post-plus { font-size:30px; width:65px; height:65px; line-height:61px; color:#FFFFFF; border:2px solid #FFFFFF; position:absolute; top:50%; left:50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; text-align:center; z-index:1; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .hs-blog-listing .row-fluid .blog-left .hs-featured-image-wrapper:after { content:''; position:absolute; top:100%; left:100%; right:100%; bottom:100%; background:#000000; opacity:0.70; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .post-box:hover .post-plus { opacity:1; } .row-fluid .post-box:hover .hs-featured-image-wrapper:after { top:0; left:0; right:0; bottom:0; } .hs-blog-listing .row-fluid .post-header { padding:40px 30px 0; } .row-fluid .post-header h2 { font-size:16px; line-height:22px; letter-spacing:1px; padding:0; } .row-fluid .post-header h2 a { color:#333333; } .row-fluid .post-header h2 a:hover { color:#00659f; } .row-fluid .post-date { padding-top:6px; font-size:16px; font-style:italic; color:#999999; } .row-fluid a.link-post { margin-bottom:35px; min-width:125px; padding:5px 20px; font-size:13px; line-height:20px; text-transform:uppercase; background:#f5f5f5; display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; letter-spacing:0.5px; font-weight:600; } .row-fluid a.link-post:hover { color:#f5f5f5; background:#00659f } .hs-blog-listing .related-post { display:none; } /* blog inner */ .hs-blog-post .row-fluid .blog-left { padding:20px 0 115px; } .hs-blog-post .row-fluid .blog-left , .hs-blog-post .row-fluid .blog-right { margin-top:60px; } .hs-blog-post .blog-topic1 { display:none; } .row-fluid .post-header h1 { padding:40px 0 10px; font-size:30px; line-height:40px; font-weight:700; letter-spacing:0.5px; } .hs-blog-post .hubspot-editable { margin:10px 0; } .hs-blog-post .row-fluid .blog-left .hs-featured-image-wrapper { height:470px; } .hs-blog-post .blog-post-date , .hs-blog-post .blog-post-themes , .hs-blog-post .custom_listing_comments , .hs-blog-post .hs-author-social-section , .hs-blog-post .blog-post-share { display:inline-block; font-style:italic; color:#999999; } .hs-blog-post .blog-post-date:after , .hs-blog-post .custom_listing_comments:after , .hs-blog-post .blog-post-themes:after { content:'/'; margin:0 4px; display:inline-block; font-style:normal; } .hs-blog-post .hs-author-social-section { font-style:normal; } .hs-blog-post .blog-post-themes a { color:#999999; } .hs-blog-post a.hs-author-social-link { background-image:none !important; width:auto; height:auto; text-indent:0; font-size:0; padding:0 7px; } .hs-blog-post a.hs-author-social-link:nth-child(1):after { content:"\f082"; font-size:16px; line-height:20px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-post a.hs-author-social-link:nth-child(2):after { content:"\f099"; font-size:16px; line-height:20px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-post a.hs-author-social-link:nth-child(3):after { content:"\f1a0"; font-size:16px; line-height:20px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-post a.hs-author-social-link:nth-child(4):after { content:"\f0e1"; font-size:16px; line-height:20px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-post a.hs-author-social-link:nth-child(5):after { content:"\f231"; font-size:16px; line-height:20px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-post a.hs-author-social-link:hover:after { color:#00659f; } .hs-blog-post blockquote { color:#999999; } .hs-blog-post .blog-post-topic { padding:15px 0 50px; } .hs-blog-post .blog-post-topic a.topic-link { margin:0; padding:5px 10px; font-size:11px; border:1px solid #999999; color:#999999; font-weight:700; background:#FFFFFF } .hs-blog-post .about-author-sec { padding:40px 38px 25px; background:#FFFFFF; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); -o-box-shadow: 0 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1);; } .hs-blog-post .about-img { margin-top:5px; width:88px; height:88px; display:inline-block; float:left; } .hs-blog-post .about-text { padding:0 0 0 22px; width:calc(100% - 88px); display:inline-block; float:left; } .hs-blog-post .about-text h3 { font-size:14px; line-height:20px; text-transform:uppercase; letter-spacing:0.5px; padding:0 0 5px; } /* related-post */ .row-fluid .related-post { margin-top:48px; padding:35px 0 60px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } .row-fluid .related-post h4 { font-size:16px; line-height:24px; color:#999999; text-transform:uppercase; font-weight:600; letter-spacing:0.5px } .row-fluid .related-post h4:after { content:''; margin-top:7px; width:27px; height:3px; background:#00659f; display:block; } .row-fluid .related-slider { margin:16px -16px 0; display:block; } .row-fluid .related-post-iteminner { text-align:center; padding:0 16px;} .row-fluid .related-image { height:233px; text-align:right; } .row-fluid .related-title a { font-size:14px; line-height:20px; text-transform:uppercase; color:#333333; font-weight:600; letter-spacing:0.5px; } .row-fluid .related-date { font-size:16px; font-style:italic; color:#999999; } .row-fluid .related-text { padding:25px 15px; background:#FFFFFF; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 7px rgba(0,0,0,0.1); box-shadow: 0 1px 7px rgba(0,0,0,0.1);; } .row-fluid .related-slider .slick-arrow { width:32px; height:32px; line-height:29px; top:-75px; margin-top:0; background:#e0e0e0; color:#FFFFFF } .row-fluid .related-slider .slick-arrow:hover { background:#00659f; } .row-fluid .related-slider .slick-arrow.slick-next:before { content:"\f105"; } .row-fluid .related-slider .slick-arrow.slick-prev:before { content:"\f104"; } .row-fluid .related-slider .slick-arrow.slick-prev { right:55px; } .row-fluid .related-slider .slick-arrow.slick-next { left:auto; right:17px; } .row-fluid .related-post-item1 { padding:0 5px; } /* blog form */ .row-fluid .hs-richtext { margin:40px 0 35px; font-size:16px; line-height:24px; font-weight:600; color:#999999; text-align:left; } .row-fluid .hs-richtext:after { content:''; margin-top:6px; width:37px; height:3px; background:#00659f; display:block; } .hs-blog-post .blog-left .hs-form-field { padding-right:10px; width:33.33%; display:inline-block; float:left; } .hs-blog-post .blog-left .hs_message , .hs-blog-post .blog-left .hs_comment { width:100%; } .hs-blog-post .blog-left input, .hs-blog-post .blog-left form button, .hs-blog-post .blog-left textarea, .hs-blog-post .blog-left select, .hs-blog-post .blog-left input[type="text"], .hs-blog-post .blog-left input[type="password"], .hs-blog-post .blog-left input[type="datetime"], .hs-blog-post .blog-left input[type="datetime-local"], .hs-blog-post .blog-left input[type="date"], .hs-blog-post .blog-left input[type="month"], .hs-blog-post .blog-left input[type="time"], .hs-blog-post .blog-left input[type="week"], .hs-blog-post .blog-left input[type="number"], .hs-blog-post .blog-left input[type="email"], .hs-blog-post .blog-left input[type="url"], .hs-blog-post .blog-left input[type="search"], .hs-blog-post .blog-left input[type="tel"], .hs-blog-post .blog-left input[type="color"] { font-weight:600; background:#FFFFFF; } .hs-blog-post .blog-left .hs-form-field > label { display:none; } .hs-blog-post .blog-left .hs_submit { width:100%; float:left; } /*.hs-blog-post .blog-left .actions { margin-top:5px; background:transparent; font-size:13px; line-height:24px; font-weight:700; padding:0; color:#fff; display:inline-block; position:relative; border:2px solid #e0e0e0; cursor:pointer; }*/ /*.hs-blog-post .blog-left .actions:before { content:"\f1d8"; width:45px; height:45px; line-height:42px; background-color:transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; color:#999999; font-family: 'FontAwesome'; position:absolute; top:-2px; left:100%; text-align:center; border:2px solid #e0e0e0; cursor:pointer; }*/ .hs-blog-post .blog-left input[type=submit], .row-fluid .contact-form form button, .row-fluid .contact-form .hs-button { padding:0; height:41px; min-width:188px; background:transparent; color:#999999; } .hs-blog-post .blog-left .actions:hover:before { background:#00659f; color:#FFFFFF } .hs-blog-post .blog-left .actions:hover input[type=submit] , .hs-blog-post .blog-left .actions:hover form button , .hs-blog-post .blog-left .actions:hover .hs-button { background:#00659f; color:#FFFFFF } .hs-blog-post .blog-left .hs_submit .hs-form-field { width:100%; } .hs-blog-post .blog-left input[type=submit] { border:1px solid #d6d6d6; float:left; margin-top:20px; } /* blog right */ .row-fluid .blog-right { padding-top:20px; } .row-fluid .google-search .hs-form .field > label { display:none; } .row-fluid .google-search .input { position:relative; } .row-fluid .google-search .hs-button { margin:0; min-width:auto; position:absolute; top:0; right:0; height:100%; font-size:0; background:transparent; color:#999999; line-height:28px; } .row-fluid .google-search .hs-button:hover { color:#00659f; background:transparent; } .row-fluid .google-search .hs-button:after { content:"\f002"; font-size:16px; line-height:30px; font-family: 'FontAwesome'; display:inline-block; } .row-fluid .google-search input { background:#FFFFFF; } .row-fluid .blog-right-topic { padding:50px 0 40px; } .row-fluid .blog-right-topic h3 , .row-fluid .blog-right-posttopic h3 { font-size:14px; line-height:22px; text-transform:uppercase; letter-spacing:0.5px; } .row-fluid .blog-right-topic h3:after , .row-fluid .blog-right-posttopic h3:after { content:''; margin:10px 0; width:27px; height:3px; display:block; background:#00659f; } .row-fluid .blog-right-box { display:inline-block; width:100%; margin-bottom:20px; } .row-fluid .blog-right-box .post-image { margin-top:7px; width:50px; height:50px; float:left; } .row-fluid .post-topic { width:calc(100% - 50px); float:left; padding-left:15px; } .row-fluid .post-date-box { font-size:13px; color:#00659f; } .row-fluid .post-topic .post-title a { font-size:14px; line-height:20px; color:#000000; } .row-fluid .blog-right-posttopic ul { margin:0; padding:0; list-style-type:none; } .row-fluid .blog-right-posttopic ul li { margin:0; padding-left:15px; display:block; position:relative; } .row-fluid .blog-right-posttopic ul li a { color:#999999; font-weight:bold; letter-spacing:0.5px } .row-fluid .blog-right-posttopic ul li a:before { content:"\f105"; display:inline-block; font-family: 'FontAwesome'; position:absolute; top:0; left:0; } .row-fluid .blog-right-posttopic ul li a:hover { color:#00659f; } .row-fluid .blog-section3 .post-listing { margin:0; width:100%; display:inline-block; } .row-fluid .blog-section3 .hs-author-name { font-size:24px; line-height:32px; padding:0 0 20px; } .row-fluid .blog-section3 .hs-author-avatar { width:115px; height:115px; display:inline-block; overflow:hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; border:3px solid #00659f; } .row-fluid .blog-section3 .hs-author-profile { margin:20px 0 0; padding:30px; max-width:800px; display:inline-block; width:100%; font-size:18px; line-height:30px; background:#FFFFFF; } .row-fluid .blog-section3 .hs-author-bio { margin:10px 0; } .hs-blog-listing .hs-author-social-links { margin-top:10px; } .hs-blog-listing .hs-author-social-links a { background-image:none !important; width:auto; height:auto; text-indent:0; font-size:0; padding:0 7px; } .hs-blog-listing .hs-author-social-links a:nth-child(1):after { content:"\f082"; font-size:20px; line-height:28px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-listing .hs-author-social-links a:nth-child(2):after { content:"\f099"; font-size:20px; line-height:28px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-listing .hs-author-social-links a:nth-child(3):after { content:"\f0e1"; font-size:20px; line-height:28px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-listing .hs-author-social-links a:nth-child(4):after { content:"\f1a0"; font-size:20px; line-height:28px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-listing .hs-author-social-links a:nth-child(5):after { content:"\f231"; font-size:20px; line-height:28px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .hs-blog-listing .hs-author-social-links a:hover:after { color:#00659f; } .hs-blog-listing .blog-left .hs-author-listing-header { display:none; } .row-fluid .pagination-block { margin-top:50px; display:inline-block; width:100%; } ul.pagination { margin:0; padding:0; list-style-type:none; } ul.pagination li { margin:0; padding:0; display:inline-block; } ul.pagination li a { margin:3px 2px; padding:7px 15px; background:#00659f; color:#FFFFFF; font-size:18px; line-height:26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; vertical-align:middle; display:inline-block; border:2px solid transparent; } ul.pagination li a i { padding:0 5px; } ul.pagination li a:hover , ul.pagination li.active a { background:transparent; color:#00659f; border-color:#00659f; } ul.pagination li.disabled { display: none; } .sidebar.social-sharing { width:auto; display:inline-block; } .social-sharing ul.share-buttons { margin:0; padding:0; list-style-type:none; } .social-sharing ul.share-buttons li { margin:0; padding:0 3px; display:inline-block; } .social-sharing ul.share-buttons li:nth-child(1) a:after { content:"\f082"; font-size:16px; line-height:22px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .social-sharing ul.share-buttons li:nth-child(2) a:after { content:"\f099"; font-size:16px; line-height:22px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .social-sharing ul.share-buttons li:nth-child(3) a:after { content:"\f0e1"; font-size:16px; line-height:22px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .social-sharing ul.share-buttons li:nth-child(4) a:after { content:"\f0d5"; font-size:16px; line-height:22px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .social-sharing ul.share-buttons li a:hover:after { color:#00659f; } /* one col section */ .row-fluid .hero-onecol { padding-top:30px; position:relative; } .row-fluid .hero-onecol:before { content:''; width:100%; height:100%; background:#000000; opacity:0.2; position:absolute; top:0; left:0; } .row-fluid .hero-onecol > div { position:relative; } .row-fluid .onecol-content { padding:70px 0 145px; font-size:32px; line-height:40px; } /* .row-fluid .onecol-content h1 { font-size:48px; line-height:58px; color:#FFFFFF; font-weight:600; } */ .row-fluid .onecol-text { padding:90px 0 70px; } .row-fluid .onecol-content1 { font-size:16px; line-height:32px; text-align:justify; } { font-size:22px; line-height:30px; font-weight:600; text-transform:uppercase; } .row-fluid .onecol-content1 h3:after { content:''; margin-top:18px; width:130px; height:3px; background:#00659f; display:block; } .row-fluid .onecol-content1 h2:after { content:''; margin-top:18px; width:130px; height:3px; background:#00659f; display:block; } .row-fluid .blog-latest { padding:70px 0 50px; } .row-fluid .blog-posts { margin-bottom:0; } .row-fluid .blog-posts .post-text { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);; } /* simple banner one col */ .simple-banner .top { position:relative; } .simple-banner .logo1 { display:none; } .simple-banner .logo-fixed { display:block !important; } .row-fluid .hero-simple { background:#2d3034; } .row-fluid .hero-onecol-slider { padding:80px 0 150px; } .row-fluid .simple-content { padding:30px 0 50px; } .row-fluid .onecol-box { padding:0 25px; } .row-fluid .onecol-box h1 { font-size:48px; padding:43px 0 20px; line-height:58px; color:#FFFFFF; font-weight:600; } .row-fluid .hero-onecol-slider .slick-arrow { line-height:90px !important; } .row-fluid .hero-onecol-slider .slick-arrow.slick-prev { right:auto; left:0; } .row-fluid .hero-onecol-slider .slick-arrow.slick-next { right:0; left:auto; } .row-fluid .hero-onecol-slider .slick-arrow { background:#f5f5f5; } .row-fluid .hero-onecol-slider .slick-arrow:hover { background:#00659f; opacity:1; } .row-fluid .hero-onecol-slider .slick-arrow.slick-prev:before { content:''; width:48px; height:24px; background-position:center; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/simple-arrow1.png') no-repeat; display:inline-block; position:relative; left:18px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .hero-onecol-slider .slick-arrow.slick-next:before { content:''; width:48px; height:24px; background-position:center; background-repeat:no-repeat; background:url('https://2668666.fs1.hubspotusercontent-na1.net/hubfs/2668666/THG%20Theme/Image/simple-arrow2.png') no-repeat; display:inline-block; position:relative; right:18px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .hero-onecol-slider .slick-arrow:hover.slick-prev:before { left:8px; } .row-fluid .hero-onecol-slider .slick-arrow:hover.slick-next:before { right:8px; } /* samall banner */ .row-fluid .small-banner { padding:45px 0 60px; } /* one col video */ .row-fluid .onecol-contentvideo { padding:77px 0 158px; } .row-fluid .onecol-contentvideo h1 { padding:15px 0 50px; } /* col menu section */ .row-fluid .rightpadding { padding-right:20px; } .row-fluid .leftpadding { padding-left:20px; } .row-fluid .banner-menu ul { margin:0; padding:0; list-style-type:none; border-bottom:5px solid #00659f; border-top:5px solid #00659f; background:#f5f5f5 } .row-fluid .banner-menu ul li { margin:0; padding:0; display:inline-block; width:100%; float:left !important } .row-fluid .banner-menu ul li a { padding:12px 20px; color:#000000; width:100%; font-size:16px; border-bottom:1px solid #FFFFFF; position:relative; } .row-fluid .banner-menu ul li a:hover { background:#00659f; color:#FFFFFF; } .row-fluid .banner-menu ul li.hs-item-has-children > a:after { content:"\f105"; display:inline-block; font-family: 'FontAwesome'; float:right; position:absolute; top:50%; right:24px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .banner-menu ul li:last-child a { border-bottom:none; } .row-fluid .banner-menu ul li a.active:after { content:'\f107'; } .row-fluid .banner-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position:relative; display:none; z-index:1; visibility:visible; opacity:1; float:left; width:100%; } .row-fluid .banner-menu ul li ul { background:rgba(0,0,0,0.1); } /* three col */ .row-fluid a.three-cta { padding:8px 20px; min-width:155px; font-size:13px; line-height:20px; color:#00659f; background-color:#f5f5f5; display:inline-block; font-weight:bold; text-transform:uppercase; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } .row-fluid a.three-cta:hover { background:#00659f; color:#FFFFFF } .row-fluid a.three-cta1 { background:#00659f; color:#FFFFFF; } .row-fluid a.three-cta1:hover { background:#f5f5f5; color:#00659f; } .row-fluid .three-col blockquote { margin:0; } .row-fluid .onecol-content1 img { max-width:100%; } /* new blog */ .row-fluid .blog-new { padding:80px 0; } /* .row-fluid .blog-block1 .post-listing { margin:0; } */ .row-fluid .blog-postbg { height:218px !important; } .row-fluid .post-box-inner { margin-bottom:40px; text-align:center; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1);; background:#FFFFFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;; } .row-fluid .post-box-inner:hover { -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -o-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 6px 10px rgba(0,0,0,0.2); box-shadow: 0 6px 10px rgba(0,0,0,0.2);; } .row-fluid .post-box-inner a.topic-link { margin:0 2px; color:#FFFFFF; } .row-fluid .post-box-inner a.topic-link:hover { color:#FFFFFF; } .row-fluid .post-box-inner .row-fluid a.topic-link:last-child { margin:inherit; } .row-fluid .blog-inner-text { padding:0 25px 25px; line-height:26px; } .blog-new .blog-inner-text .blog-comment{margin-top: 15px;} a.show-more{background-color:#00659f;border:1px solid #e0e0e0;color:#fff;display:block;font-weight:700;margin:0 auto;padding:8px 0;text-align:center;width:185px;} .blog-new .blog-new-left .resource-main-section > div > div.post-box-inner{float:left; margin:0 17px 34px 17px; width:calc(50% - 34px);} .row-fluid .blog-inner-title { /*margin-left:50px; margin-right:50px; margin-top:-60px;*/ padding:20px 0 10px 0; /*background:#FFFFFF; position:relative;*/ } /*.row-fluid .blog-inner-title:after { content: ''; border: 60px solid #FFFFFF; position: absolute; top: 0; right: 100%; border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; } .row-fluid .blog-inner-title:before { content: ''; border: 60px solid #FFFFFF; position: absolute; top: 0; left: 100%; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; } */ .row-fluid .blog-inner-title .hubspot-editable:after { content:''; margin:10px auto 0; width:60px; height:1px; background:#000000; display:block; } .row-fluid .blog-inner-title .hubspot-editable { font-style:italic;} .row-fluid .blog-inner-title h2 { font-size:20px; line-height:normal; letter-spacing:1.5px; } .row-fluid .blog-inner-title h2 a { color:#00548d; } .row-fluid .blog-inner-title h2 a:hover { color:#00659f; } .row-fluid .blog-inner-title a { color:#00548d; } .row-fluid .blog-inner-title a:hover , .row-fluid .contact-box-blog a:hover { color:#00659f; } .row-fluid .blog-comment { margin-top:25px; width:100%; display:inline-block; } .row-fluid .contact-box-blog { padding:0; width:50%; display:inline-block; vertical-align:middle; border:1px solid #e0e0e0; color:#FFFFFF; background:#00659f; } .row-fluid .contact-box-blog a { color:#000000; } .row-fluid .title-heading-right h3 , .row-fluid .blog-recent-slider h3 { font-size:16px; line-height:26px; padding:12px 10px; color:#FFFFFF; font-weight:normal; background:#333333; text-align:center; text-transform:uppercase; position:relative; letter-spacing:0.7px; } .row-fluid .title-heading-right h3:after , .row-fluid .blog-recent-slider h3:after { content:''; border:1px solid rgba(255,255,255,0.5); position:absolute; top:5px; bottom:5px; right:5px; left:5px; } .row-fluid .blog-post-right { padding:25px; margin-bottom:30px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1);; } .row-fluid .blog-post-right ul{padding: 0 0 0 14px;} .row-fluid .blog-post-right ul a.selected{border-bottom:1px solid #00659f;} .row-fluid .blog-right-icon ul.share-buttons { margin-top:25px; } .row-fluid .blog-right-icon ul.share-buttons li a { width:36px; height:36px; line-height:34px; border:1px solid #e0e0e0; display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } .row-fluid .blog-right-icon ul.share-buttons li a:after { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;; } .row-fluid .blog-right-icon ul.share-buttons li a:hover { background:#00659f; border-color:#00659f; } .row-fluid .blog-right-icon ul.share-buttons li a:hover:after {color:#FFFFFF; } .row-fluid .blog-right-form { padding:15px; border:1px solid #e0e0e0; } .row-fluid .blog-right-form .hs-form-field > label { display:none; } .row-fluid .blog-right-form .hs-input { background:#FFFFFF; border:1px solid #e0e0e0 } .row-fluid .blog-right-form .hs-button { width:100%; } .row-fluid .blog-right-form .hs-button:hover { background:transparent; border:2px solid #00659f; color:#00659f } .row-fluid .popular-box { display:inline-block; width:100%; margin-top:20px; } .row-fluid .blog-popular .post-image { width:90px; height:60px; float:left; } .row-fluid .popular-text { width:calc(100% - 90px); float:left; padding-left:15px; } .row-fluid .popular-date { font-style:italic; } .row-fluid .popular-box .post-title { font-size:16px; line-height:24px; font-weight:600; } .row-fluid .popular-box .post-title a { color:#777777; } .row-fluid .popular-box .post-title a:hover { color:#00659f; } .row-fluid .blog-categories .widget-module ul { margin:15px 0 0; padding:0; list-style-type:none; } .row-fluid .blog-categories .widget-module ul li { margin:0; padding:7px 0; display:block; border-bottom:1px solid #e0e0e0; } .row-fluid .blog-categories .widget-module ul li a { color:#000000; } .row-fluid .blog-categories .widget-module ul li a span { float:right } .row-fluid .blog-categories .widget-module ul li a:hover { color:#00659f; } .row-fluid .blog-categories .widget-module ul li:last-child { border-bottom:none; } .hs-blog-listing .blog-recent-slider , .hs-blog-listing .blog-form-new { display:none; } /* blog author section */ .hs-blog-post .blog-about-author { padding:25px; position:relative; } .row-fluid .blog-author-img { width:120px; height:120px; position:absolute; top:25px; left:25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; display:inline-block; } .row-fluid .blog-author-text { padding-left:145px; } .row-fluid .blog-author-text h3 { font-size:20px; line-height:26px; text-transform:uppercase; padding:0; letter-spacing:1px; } .row-fluid .blog-author-text h3:after { content:''; margin:10px 0 5px; width:35px; height:2px; background:#00659f; display:block; } .row-fluid .blog-author-text h3 a { color:#1A1A1A; } .row-fluid .blog-author-text h3 a:hover { color:#00659f; } /*.hs-blog-post .row-fluid .blog-block { padding:25px; background:#FFFFFF; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1);; }*/ .hs-blog-post .blog-new1 { padding:25px; background:#FFFFFF; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1);; } .hs-blog-post .blog-block .post-header { text-align:center; } .hs-blog-post .blog-block .post-header h1 { padding:0; } .hs-blog-post .blog-block .hs-featured-image-wrapper { padding:20px; width:100%; float:left; margin-bottom:20px; } .hs-blog-post .blog-block .hs-featured-image-wrapper img { max-width:400px; width:100%; } .hs-blog-post .blog-block .post-body { padding-top:20px; } .hs-blog-post .blog-block blockquote { padding:12px 20px 8px 55px; border-left:none; background:#333333; position:relative; } .hs-blog-post .blog-block blockquote:after { content:"\f10d"; font-size:22px; display:inline-block; font-family: 'FontAwesome'; position:absolute; top:20px; left:24px; color:#00659f; } .hs-blog-post .blog-block blockquote:before { content:''; position:absolute; top:10px; bottom:10px; right:10px; left:10px; border:1px solid #e0e0e0; } .hs-blog-post .blog-new-comment { margin-top:10px; display:inline-block; width:100%; text-align:center; } .hs-blog-post .blog-new-comment .custom_listing_comments1 , .hs-blog-post .blog-new-comment .social-sharing { padding:7px 0; width:100%; float:left; border:1px solid #e0e0e0; } .hs-blog-post .blog-relatedN .related-author , .hs-blog-post .blog-relatedN .related-date { display:inline-block; font-size:16px; font-style:italic; } /* blog-pagination */ .hs-blog-post .blog-pagination { margin:30px 0; padding:25px; background:#FFFFFF; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1);; } .hs-blog-post .blog-previous , .hs-blog-post .blog-next { width:49.6%; padding:0 15px; display:inline-block; vertical-align:middle; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color:#1A1A1A; } .hs-blog-post .blog-previous span , .hs-blog-post .blog-next span { display:block; } .hs-blog-post .blog-previous a , .hs-blog-post .blog-next a { font-style:italic; letter-spacing:0; text-transform:initial; color:#777777; } .hs-blog-post .blog-previous a:hover , .hs-blog-post .blog-next a:hover { color:#00659f; } .hs-blog-post .blog-previous { border-right:1px solid #e0e0e0; } .hs-blog-post .blog-next { text-align:right; } /* blog-recent-slider */ .row-fluid .blog-recent-slider , .row-fluid .blog-form-new { padding:25px; margin-top:30px; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); -o-box-shadow: 0 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1);; } .row-fluid .related-slider1 { margin:0; padding:30px 0; } .row-fluid .related-slider1 .related-text { -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; -ms-box-shadow: inherit; box-shadow: inherit;; } .row-fluid .related-slider1 ol.flex-control-nav li a, .row-fluid .related-slider1 ul.slick-dots li button { width:12px; height:12px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; } /* blog form new */ .row-fluid .blog-form-new .hs-richtext { margin:0 0 35px; } .row-fluid .blog-form-new .hs-richtext:after { display:none; } .row-fluid .blog-form-new h4 { margin:0 15px; font-size:18px; line-height:26px; padding:12px 10px; color:#FFFFFF; font-weight:normal; background:#333333; text-align:center; text-transform:uppercase; position:relative; } .row-fluid .blog-form-new h4:after { content:''; border:1px solid rgba(255,255,255,0.5); position:absolute; top:5px; bottom:5px; right:5px; left:5px; } .row-fluid .blog-form-new form { margin:0 -15px; display:block; } .row-fluid .blog-form-new .hs-form-field > label { display:none; } .row-fluid .blog-form-new input, .row-fluid .blog-form-new form button, .row-fluid .blog-form-new textarea, .row-fluid .blog-form-new select, .row-fluid .blog-form-new input[type="text"], .row-fluid .blog-form-new input[type="password"], .row-fluid .blog-form-new input[type="datetime"], .row-fluid .blog-form-new input[type="datetime-local"], .row-fluid .blog-form-new input[type="date"], .row-fluid .blog-form-new input[type="month"], .row-fluid .blog-form-new input[type="time"], .row-fluid .blog-form-new input[type="week"], .row-fluid .blog-form-new input[type="number"], .row-fluid .blog-form-new input[type="email"], .row-fluid .blog-form-new input[type="url"], .row-fluid .blog-form-new input[type="search"], .row-fluid .blog-form-new input[type="tel"], .row-fluid .blog-form-new input[type="color"] { background:#FFFFFF; border:1px solid #e0e0e0; font-style:italic; } .row-fluid .blog-form-new .hs-button { width:100%; border:none; background-color:#00659f; border:2px solid transparent; font-style:normal; } .row-fluid .blog-form-new .hs-button:hover { border-color:#00659f; background:transparent; color:#00659f; } .row-fluid .blog-form-new .hs-form-field { padding:0 15px; width:33.33%; float:left; margin-bottom:30px; } .row-fluid .blog-form-new .hs_comment.hs-form-field { width:100%; } .row-fluid .blog-form-new .actions { display:inline-block; width:100%; padding:0 15px; } .row-fluid .blog-form-new .hs_subscribe { width:auto; } /* comment */ .row-fluid .new-comments { font-size:17px; line-height:34px; text-align:center; } .row-fluid .new-comments .comment { padding:0 0 30px 0; border-top:none; margin-bottom:30px; border-bottom:2px solid #1A1A1A; } .row-fluid .new-comments .comment:nth-child(even) { padding-left:50px; } .row-fluid .new-comments .comment-from { width:100%; } .row-fluid .new-comments .comment-from h4 { padding:18px 54px; } .row-fluid .new-comments .comment-reply-to.hs-button { color:#FFFFFF; } .row-fluid .new-comments .comment-reply-to.hs-button:hover { color:#00659f; } /* blog 3 section */ .hs-blog-listing .blog3-section { padding:80px 0 60px; } .hs-blog-listing .blog3-left { margin:0; width:100%; } .hs-blog-listing .blog3-left .post-box-inner { width:48.7%; float:left; padding:0; margin-right:30px; position:relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;; } .hs-blog-listing .blog3-left .post-box-inner:hover { -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -o-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 6px 10px rgba(0,0,0,0.2); box-shadow: 0 6px 10px rgba(0,0,0,0.2);; } .hs-blog-listing .blog3-left .post-box-inner:nth-child(even) { margin-right:0; } .hs-blog-listing .blog3-left .blog3-inner { padding:0 15px; } .hs-blog-listing .blog3-right { display:none; } .hs-blog-listing .blog3-left { text-align:center; } .row-fluid .blog3-left .blog-postbg { height:340px; } .row-fluid .blog3-left .blog-inner-title { margin-top:-35px; padding:20px 0 10px; margin-right:35px; margin-left:35px; } .row-fluid .blog3-left .blog-inner-title:before , .row-fluid .blog3-left .blog-inner-title:after { border-width:35px; } .row-fluid .blog3-left .blog-inner-text { padding:0 18px; font-size:15px; line-height:28px; } .row-fluid .blog3-left .blog-inner-title h2 { font-sizE:20px; line-height:28px; padding:5px 0; } .row-fluid .blog3-left .blog-comment { padding:10px 0 20px; } .row-fluid .blog3-left .contact-box-blog { width:50%; } .row-fluid .contact-box-blog1 { padding:0; } .row-fluid .contact-box-blog1 a{ padding:7px 0; display:block; color:#fff;} .row-fluid .contact-box-blog1 a:hover{color:#fff;} .hs-blog-listing .blog3-section .pagination-block { margin-top:20px; } /* blog 4 section */ .hs-blog-listing .blog4-right { display:none; } .hs-blog-listing .blog4-left { width:100%; margin:0; text-align:center; } .hs-blog-listing .blog4-left .hs-featured-image-wrapper { width:50%; float:left; } .hs-blog-listing .blog4-left .post-box-inner { margin-bottom:0; } .hs-blog-listing .blog4-left .blog-inner-text { width:50%; float:left; padding:0; position:relative; } .hs-blog-listing .blog4-left .post-box-inner:nth-child(even) .hs-featured-image-wrapper { float:right; } .hs-blog-listing .blog4-left .blog-inner-text:before { content:''; border:1px solid #e0e0e0; position:absolute; top:5px; left:5px; right:5px; bottom:5px; } .hs-blog-listing .blog4-left .blog-inner-text > div { position:relative; } .hs-blog-listing .blog4-left .blog4-text { padding:40px; font-size:15px; line-height:32px; } .hs-blog-listing .blog4-left .blog-inner-title1 h2 { font-sizE:20px; line-height:28px; padding:5px 0; } .hs-blog-listing .blog4-left .blog-inner-title1 h2 a { color:#00548d; } .hs-blog-listing .blog4-left .blog-inner-title1 h2 a:hover { color:#00659f; } .hs-blog-listing .blog4-left .blog-inner-title1:after { content:''; margin:15px auto 8px; width:60px; height:1px; background:#00548d; display:block; } .hs-blog-listing .blog4-left .pagination-block { margin-top:50px; } /* about page 2 */ .row-fluid .about-box { width:50%; margin:0; } .row-fluid .about-boxinner { padding:100px 30px 100px 0; } .row-fluid .about-boxinner h2 { font-size:26px; line-height:34px; letter-spacing:2px; } .row-fluid .about-boxinner h2:after { content:''; margin:10px 0; width:134px; height:2px; background:#00659f; display:block; } .row-fluid a.cta-arrow2.about-cta { text-align:center; position:relative; padding:10px 60px 10px 25px; border:2px solid #00659f; } .row-fluid a.cta-arrow2.about-cta:before { right:0; left:auto; background:#00659f; color:#FFFFFF; } .row-fluid a.cta-arrow2.about-cta:hover { background:transparent; color:#00659f; } .row-fluid a.cta-arrow2.about-cta:hover:before { background:transparent; color:#00659f; border-left-color:#00659f; } /* service page 2 */ .row-fluid .ourservice1-section { padding:80px 0;} .row-fluid .ourservice2-section { padding-top:30px; display:inline-block; width:100%; } .row-fluid .ourservice2-section .serviceBox-img , .row-fluid .ourservice2-section .serviceText { float:left; width:50%; position:relative; } .row-fluid .ourservice2-section .serviceBox-img:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#000000; opacity:0.4; } .row-fluid .ourservice2-section .serviceText { padding:0; } .row-fluid .ourservice2-section .serviceText-inner { padding:20px 30px 60px; position:relative; } .row-fluid .ourservice2-section .serviceText-inner:before { content:''; position:absolute; top:5px; right:5px; left:5px; bottom:5px; border:1px solid #e0e0e0; } .row-fluid .ourservice2-section .serviceText-inner > div { position:relative; } .row-fluid .ourservice2-section .hs_cos_wrapper_widget:nth-child(even) .serviceBox-img { float:right; } .row-fluid .ourservice2-section .hs_cos_wrapper_widget:nth-child(even) .serviceText-inner:before { left:0; } .row-fluid .ourservice2-section .hs_cos_wrapper_widget:nth-child(odd) .serviceText-inner:before { right:0; } /* career page */ .row-fluid .accordion-text1 { padding:15px 0 25px; } .row-fluid a.career-link { font-size:16px; line-height:24px; padding:10px 20px; min-width:180px; border:2px solid transparent; background:#00659f; color:#FFFFFF; display:inline-block; text-align:center; } .row-fluid a.career-link:hover { border-color:#00659f; color:#00659f; background:transparent; } .row-fluid .career-accordion .accordion-title { background:#2d3034; } .row-fluid .career-accordion .accordion-title:after { content:"\f107"; } .row-fluid .career-accordion .accordion-title.active:after { content:"\f106"; } .row-fluid .landing-form .form-columns-1 .input { margin-right:0 !important; } #popupForm{background-color:#fff; max-width:600px; padding:30px;} #popupForm .form-columns-1 .hs-form-field .input{margin:15px 0 0;} #popupForm .legal-consent-container .hs-richtext{font-size:12px; font-weight:400; line-height:normal; margin:10px 0 20px;} #popupForm .legal-consent-container .hs-richtext:after{display:none;} .popupForm.fancybox-content{background-color:#fff; max-width:600px; padding:30px;} .popupForm.fancybox-content .form-columns-1 .hs-form-field .input{margin:15px 0 0;} .popupForm.fancybox-content .legal-consent-container .hs-richtext{font-size:12px; font-weight:400; line-height:normal; margin:10px 0 20px;} .popupForm.fancybox-content .legal-consent-container .hs-richtext:after{display:none;} body.mini-pillarbody .popupForm.fancybox-content p { padding:0; } .hs-blog-listing .leadinModal.leadinModal-theme-default { max-height: unset !important; padding-top: 100px !important;} .hs-blog-listing .leadinModal-content-wrapper {position: relative !important; background: url(https://www.bench.com/hubfs/connect-with-me.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; margin: 0 auto;} .hs-blog-listing .leadinModal-content-wrapper .leadin-preview-wrapper {position: relative !important;} .hs-blog-listing .leadinModal-content-wrapper .dyno-image {display: none !important;} .hs-blog-listing .leadinModal-content-wrapper h4 {color: #fff !important; font-size: 54px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; margin-left: 0 !important; margin-top: 30px !important;} .hs-blog-listing .leadinModal-content-wrapper .advance-wrapper {margin-left: 0 !important; margin-bottom: 30px; text-align: center;} .hs-blog-listing .leadinModal-content-wrapper .advance-wrapper a {padding: 14px 20px; border: 1px solid #fff; width: 100%; margin: 0 auto; font-weight: 700; font-size: 28px; line-height: 1.2; border-radius: 0; max-width: 360px;} .hs-blog-listing .leadinModal-content-wrapper:before {content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.1);} .hs-blog-listing .leadinModal-v3 .leadinModal-close:before {color: #fff !important;} .hs-blog-listing #leadinModal-899179 .leadinModal-content {max-height: 80% !important; min-height: 200px;} .hs-blog-listing #leadinModal-899179 .leadinModal-content-wrapper h4 {font-size: 44px !important; margin-top: 0 !important;} /* ==A== 24-07-2019 ==A== */ .row-fluid .full-banner { padding: 220px 0px 130px; position: relative; } .row-fluid .full-banner:before { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.48); right: 0; bottom: 0; } .row-fluid .full-banner .wrapper { position: relative; } .row-fluid .full-banner h1 { color: #ffffff; padding-bottom: 30px; font-size: 72px; font-weight: 700; line-height: normal; text-transform: inherit; padding-top: 0; } .row-fluid .full-banner h1 span { font-size: 60px; font-weight: 600; display: block; } .row-fluid .full-banner .full-banner-left { padding-right: 30px; } .row-fluid .full-banner .full-banner-left p { color: #fff; font-size: 20px; font-weight: 400; padding:0; } .row-fluid .full-banner .full-banner-left .widget-type-rich_text { padding: 15px; background-color: rgba(0,0,0,.5);} .full-banner-right .widget-type-simple_menu ul li { display: block; padding-bottom: 12px; } .full-banner-right .widget-type-simple_menu ul li a {min-height: 60px; align-items: center; display: flex; line-height: normal; background-color: #ffffff; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #474747; padding: 10px 70px 10px 20px; position: relative; } .full-banner-right .widget-type-simple_menu ul li a:before { border-left: 1px solid rgba(112, 112, 112, 0.5); } .full-banner-right .widget-type-simple_menu ul li a:after, .full-banner-right .widget-type-simple_menu ul li a:before { content: ''; transition: all 0.4s ease; position: absolute; top: 0; bottom: 0; right: 0; width: 62px; text-align: center; font-family: 'fontawesome'; font-size: 20px; color: #474747; font-weight: 300; } .full-banner-right .widget-type-simple_menu ul li a:after { content: '\f105'; height: 100%; display: flex; align-items: center; justify-content: center; } .full-banner-right .widget-type-simple_menu ul li a:hover:after, .full-banner-right .widget-type-simple_menu ul li a:hover:before { color: #fff;background-color: #80b2cf; } .full-banner-right .widget-type-simple_menu ul li a:hover { background-color: #00659f; color: #fff;} .full-banner-right .widget-type-simple_menu ul { margin-top: 9px; padding: 0;} .row-fluid .min-normal-section { padding: 100px 0; } .row-fluid .min-normal-section:not(.vimeo-section) { text-align: center; } /* .row-fluid .min-normal-section .wrapper { max-width: 780px; } .row-fluid .min-normal-section h2 { color: #474747; font-size: 60px; font-weight: 600; line-height: normal; text-transform: none; padding-bottom: 30px; } .row-fluid .min-normal-section p { color: #474747; font-size: 20px; font-weight: 400; } */ .row-fluid .min-normal-section:not(.vimeo-section) .wrapper { max-width: 61%; } .row-fluid .min-normal-section h2 { color: #474747; font-weight: 600; line-height: normal; text-transform: none; } .row-fluid .min-normal-section p { color: #474747; } .row-fluid .heading-border h2 { font-size:26px; line-height:34px; letter-spacing:2px; } .row-fluid .heading-border h2:after { content:''; margin:10px 0; width:134px; height:2px; background:#00659f; display:block; } .row-fluid .heading-border.border-center h2{ text-align: center; } .row-fluid .heading-border.border-center h2:after { margin: 10px auto; } .row-fluid .gray-full .about-boxinner { padding-top: 0; padding-bottom: 0; } .row-fluid .gray-full:not(.gray-row-reverse) .about-boxinner {padding-right: 45px; } .row-fluid .gray-full.gray-row-reverse .about-boxinner {padding-left: 45px; } .row-fluid .gray-full.gray-row-reverse .flex-dir > div > div { flex-direction: row-reverse; } .row-fluid .gray-full .flex-dir > div > div { display: flex;} .row-fluid .gray-full { padding: 100px 0 117px;} .row-fluid .gray-full.gray-row-reverse h2 { margin-bottom: 50px;} .box-outer { padding: 15px 0; } .box-outer .box-inner{display:flex; margin-top:31px; border:2px solid #707070;} .box-outer .box-inner .box-img{width:380px; min-height: 180px; float:left;} .box-outer .box-inner .box-content{width:calc(100% - 380px); font-size: 16px; float:left; padding:25px 25px; display:flex; align-items:center;} .row-fluid .use-cases-main { padding: 100px 0px 100px;} .vimeo-main { } .vimeo-main a.vimeo-video { display: block; background-color: #000; width: 100%; height: 250px; border: 2px solid #00659f; position: relative; } .vimeo-main a.vimeo-video img { width: 100%; height: 100%; object-fit: cover; opacity: 0.98; } .vimeo-main a.vimeo-video:before { content: '\f04b'; top: 0; z-index: 1; left: 0; right: 0; bottom: 0; width: 50px; height: 50px; border-radius: 100%; background-color: #00659f; border: 2px solid #fff; margin: auto; position: absolute; text-align: center; line-height: 50px; font-family: 'fontawesome'; font-size: 20px; padding-left: 4px; color: #fff; } .row-fluid .vimeo-section .wrapper > div > div { display: flex; align-items: center;} .vimeoFRAME.fancybox-content { padding: 0;} .row-fluid .vimeo-section.piller-video .vimeo-main { height: 600px; width: 100%; } .row-fluid .vimeo-section.piller-video .vimeo-main a.vimeo-video { height: 100%; object-fit: cover; } .row-fluid .vimeo-section.piller-video .widget-type-rich_text { padding-top: 15px; } /* */ .row-fluid .cs-awc-section { padding: 80px 0 40px; color: #000; } .row-fluid .cs-awc-section .mg-info { /*padding: 0 0 20px;*/ display: inline-block; width: 100%;} .row-fluid .cs-awc-section .mg-info .mg-title { font-weight: 700; font-size: 18px; } .row-fluid .cs-awc-section .mg-info .mg-text { font-size: 28px; font-weight: 300; letter-spacing: 1px; } .row-fluid .cs-awc-section .mg-info .thumb img { height: 80px !important; width: 80px !important; object-fit: cover; border-radius: 100%; } .row-fluid .cs-awc-section .mg-info > div > div { display: flex; align-items: center; } .row-fluid .cs-awc-section .mg-info > div > div { } .row-fluid .cs-awc-section .mg-info .thumb { width: 90px; } .row-fluid .cs-awc-section .mg-info .mg-content { width: calc(100% - 150px); margin: 0; padding-left: 20px; } .row-fluid .cs-awc-section .single-point-list { padding: 0 0 30px; margin:0 -10px;} .row-fluid .cs-awc-section .single-point-list:after { content: ''; display: table; clear: both; } .row-fluid .cs-awc-section .single-point-list .single-point { width: 50%; float: left; padding: 6px 10px; } .row-fluid .cs-awc-section .single-point-list .s-title { font-weight: 700; } .row-fluid .cs-awc-section .single-point-list .s-content { line-height: normal; color:#4a4a4a; } .row-fluid .cs-awc-section p { padding: 0; } .row-fluid .cs-awc-section p + p { padding: 15px 0 5px; } .row-fluid .cs-awc-section .location-info { } .row-fluid .cs-awc-section .location-info .l-title { font-weight: 700; } .row-fluid .cs-awc-section .Markets { } .row-fluid .cs-awc-section .Markets .widget-type-text, .row-fluid .cs-awc-section .map .widget-type-text { font-weight: 500; font-size: 20px; } .row-fluid .cs-awc-section .Markets .widget-type-rich_text { } .row-fluid .cs-awc-section .Markets .widget-type-rich_text ul { padding: 0 15px; list-style: none; float: left; width: 50%; } .row-fluid .cs-awc-section .single-point-list .single-point .inner { } .row-fluid .cs-awc-section .Markets .widget-type-rich_text ul li { padding: 3px 0; } .row-fluid .cs-awc-section .map { padding: 10px 0 0; } .row-fluid .cs-awc-section .map .widget-type-text { padding: 0 0 20px; } .row-fluid .cs-awc-section .map img { min-width: 100%; height: auto; } .row-fluid .cs-awc-section .cs-awc-listing { padding: 30px 0 0; } .row-fluid .cs-awc-section .cs-awc-listing .awc-listing-title { font-size: 26px; line-height: 34px; font-weight: 700; color: #333333; margin: 0; padding: 0 0 10px; } .row-fluid .cs-awc-section .cs-awc-listing .awc-listing-title:after { content: ''; margin: 10px 0; width: 134px; height: 2px; background: #00659f; display: block; } .row-fluid .cs-awc-section .cs-awc-listing .single-box-wrapper { margin: 0 -2px; } .row-fluid .cs-awc-section .cs-awc-listing .single-box-wrapper:after { content: ''; display: table; clear: both; } .row-fluid .cs-awc-section .cs-awc-listing .single-box { float: left; width: 25%; background: #f5f5f5; font-weight: 700; border: 1px solid #fff; } .row-fluid .cs-awc-section .cs-awc-listing .single-box span { display: block; padding: 7px 20px; } .row-fluid .cs-vti-section { padding: 60px 0 40px; position: relative; color: #fff; background-size: cover;background-position: center center;background-repeat: no-repeat; } .row-fluid .cs-vti-section:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.47; } .row-fluid .cs-vti-section > div { position: relative; z-index: 1; } .row-fluid .cs-vti-section h2 { color: inherit; text-transform: none; } .row-fluid .cs-vti-section h2:after { background: #fff; } .row-fluid .cs-vti-section .vti-listing { margin: 0 -15px; } .row-fluid .cs-vti-section .vti-listing:after { content: ''; display: table; clear: both; } .row-fluid .cs-vti-section .vti-listing .single-box { width: 33.33%; float: left; padding: 15px; } .row-fluid .cs-vti-section .vti-listing .single-box .thumb { height: 240px; position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat; } .row-fluid .cs-vti-section .vti-listing .single-box .thumb h4 { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.59); width: 100%; color: #fff; font-weight: 500; padding: 15px; font-size: 21px; line-height: normal; } .row-fluid .cs-vti-section .vti-listing .single-box .box-content { line-height: normal; } .row-fluid .cs-vti-section .vti-listing .single-box .box-content h5 { color: #fff; font-size: 18px; line-height: normal; font-weight: 500; padding: 0 0 4px; } .row-fluid .cs-vti-section .vti-listing .single-box .box-content p { padding: 0; } .row-fluid .cs-vti-section .vti-listing .single-box .mapit { } .row-fluid .cs-vti-section .vti-listing .single-box .mapit .text-wrapper { display: flex; align-items: center; } .row-fluid .cs-vti-section .vti-listing .single-box .mapit .text-wrapper > a { margin-left: 20px; text-decoration: underline; } .row-fluid .cs-vti-section .vti-listing .single-box a { color: #cfcff8; } .row-fluid .cs-vti-section .vti-listing .single-box .mapit .text-wrapper .text { max-width: calc(100% - 30px); } .row-fluid .cs-vti-section .vti-listing .single-box .content { padding: 10px 0; } .row-fluid .cs-vti-section .vti-listing .single-box a:hover { color: #fff; } .row-fluid .cs-rcap-section { padding: 40px 0 0; } .row-fluid .cs-rcap-section .title { text-align: center; padding: 0 0 25px; } .row-fluid .cs-rcap-section .title h2 { text-transform: none; } .row-fluid .cs-rcap-section .box-wrapper { } .row-fluid .cs-rcap-section .box-wrapper:after { content: ''; display: table; clear: both; } .row-fluid .cs-rcap-section .box-wrapper .single-box { width: 33.33%; float: left; height: 330px; position: relative; color: #000; background-size: cover;background-position: center center;background-repeat: no-repeat; } .row-fluid .cs-rcap-section .box-wrapper .single-box .inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: rgba(0, 100, 159, 0); padding: 35px 35px; line-height: normal; transition: all 0.3s ease; z-index: 1; } .row-fluid .cs-rcap-section .box-wrapper .single-box h5 { color: inherit; font-size: 18px; padding: 0; } .row-fluid .cs-rcap-section .box-wrapper .single-box .inner p { padding: 0; } .row-fluid .cs-rcap-section .box-wrapper .single-box .inner .text { padding: 8px 0 0; } .row-fluid .cs-rcap-section .box-wrapper .single-box:hover .inner { background-color: rgba(0, 100, 159, 0.90); } .row-fluid .cs-rcap-section .box-wrapper .single-box:after { content: ''; position: absolute; top: 0; left: 0; background: #fff; height: 100%; width: 100%; opacity: 0.9; transition: all 0.3s ease; } .row-fluid .cs-rcap-section .box-wrapper .single-box:hover:after { opacity: 0; } .row-fluid .cs-rcap-section .box-wrapper .single-box:hover, .row-fluid .cs-rcap-section .box-wrapper .single-box:hover a{ color: #fff; } .row-fluid .single-cta { padding: 40px 0; text-align: right; } .row-fluid .single-cta a.cta_button:hover { background: #014c77; color: #fff; } .row-fluid .single-cta a.cta_button:hover:before { background: #014c77; color: #fff; } .row-fluid .single-cta a.cta_button {margin-right: 43px;} .row-fluid .cs-awc-section .single-point-list .single-point .inner { padding-left: 50px; } .row-fluid .cs-awc-section .single-point-list .single-point img { position: absolute; top:13px; bottom: 0; left: 10px; height:32px; } .row-fluid .cs-awc-section .single-point-list .single-point { position: relative; } .normal-header .row-fluid .top .row-fluid .logo1 { display: none; } .normal-header .row-fluid .top .row-fluid .logo-fixed { display: block; } .normal-header .row-fluid .top { background: #fff; position: relative !important; } .normal-header .row-fluid .top .mainmenu .hs-menu-wrapper > ul > li > a:link, .normal-header .row-fluid .top .mainmenu .hs-menu-wrapper > ul > li > a:visited, .normal-header .row-fluid .mainmenu .hs-menu-wrapper ul li a { color: #000; } .normal-header .row-fluid .top .row-fluid .search-icon:before { color: #00659f; } .row-fluid .cs-section { padding: 70px 0 60px; } .row-fluid .cs-headquarter-section { color: #000; line-height: normal; } .row-fluid .cs-headquarter-section .wrapper > div > div { display: flex; } .row-fluid .cs-headquarter-section .widget-type-rich_text { } .row-fluid .cs-headquarter-section .widget-type-rich_text ul { padding: 0; list-style: none; margin: 0; column-count: 2; } .row-fluid .cs-headquarter-section .content { padding: 30px 0; } .row-fluid .cs-headquarter-section strong { font-size: 17px; line-height: 28px; } .row-fluid .cs-headquarter-section h2, .row-fluid .cs-location-section h2 { color: #333333; text-transform: uppercase; } .row-fluid .cs-location-section { color: #000; } .row-fluid .cs-location-section .loaction-listing-filter { } .row-fluid .cs-location-section .filter-group-wrapper { background: whitesmoke; padding: 15px 35px; } .row-fluid .cs-location-section .filter-group-wrapper:after { content: ''; display: table; clear: both; } .row-fluid .cs-location-section .filter-group-wrapper .single-group { float: left; width: 33.33%; padding:0 10px;; } .row-fluid .cs-location-section .single-group span.grp-title { font-weight: 700; font-size: 18px; } .row-fluid .cs-location-section .single-group ul { margin: 0; padding: 0; list-style: none; } .row-fluid .cs-location-section .single-group ul li { position: relative; margin: 7px 0; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"] { position: absolute; margin: 0; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; z-index: 1; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"] + label { position: relative; padding-left: 28px; font-size: 16px; font-weight: 400; line-height:normal; display:block; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"] + label:before { content: ''; content: ''; height: 20px; width: 20px; border: 2px solid #8a8a8a; display: inline-block; vertical-align: bottom; position: absolute; left: 0; top: 0; transition: all 0.3s ease; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"] + label:after { content: "\f00c"; font-family: fontawesome; position: absolute; left: 0; font-size: 12px; left: 4px; line-height: 20px; opacity: 0; visibility: hidden; transition: all 0.3s ease; top:0; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"]:checked + label:after { opacity: 1; visibility: visible; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"]:checked + label:before { border-color: #000; } .row-fluid .cs-location-section .loaction-listing-filter span.tag { font-weight: 600; font-size: 17px; letter-spacing: 1px; display: block; } .row-fluid .cs-location-section .loaction-listing { margin: 0 -7px; padding: 10px 0 0; } .row-fluid .cs-location-section .loaction-listing .single-box { float: left; width: 33.33%; padding: 8px; } .row-fluid .cs-location-section .loaction-listing .single-box .thumb { height: 210px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .row-fluid .cs-location-section .loaction-listing .single-box .box-content { padding: 15px 15px 25px; background: whitesmoke; line-height: normal; } .row-fluid .cs-location-section .loaction-listing .single-box .box-title { font-weight: 700; display: inline-block; padding: 15px; background: #fff; font-size: 16px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.5px; float: right; margin-top: -40px; margin-right: -15px; text-align: right; } .row-fluid .cs-location-section .loaction-listing .single-box span.text-title { font-weight: 700; font-size: 14px; } .row-fluid .cs-location-section .loaction-listing .single-box .addr { padding: 20px 0 0; } .row-fluid .cs-location-section .loaction-listing .single-box ul { padding: 0 0 20px; list-style: none; margin: 0 -10px; } .row-fluid .cs-location-section .loaction-listing .single-box ul li { float: left; width: 50%; padding: 0 10px; } .row-fluid .cs-location-section .loaction-listing .single-box ul:after { content: ''; display: table; clear: both; } .row-fluid .cs-location-section .loaction-listing .single-box ul li a { font-weight: 400; } .row-fluid .cs-location-section .loaction-listing .single-box .box-content a.contact-link { display: block; font-weight: 700; font-size: 18px; margin: 0 0 20px; } .row-fluid .cs-location-section .loaction-listing .single-box a.link-style:hover, .row-fluid .cs-location-section .loaction-listing .single-box:hover a.link-style { background: #023e61; color: #fff; } .row-fluid .cs-location-section .loaction-listing .single-box:hover a.link-style:before { background: #023e61; color: #fff; } .row-fluid .cs-location-section .loaction-listing .single-box .inner { transition: all 0.3s ease; } .row-fluid .cs-location-section .loaction-listing .single-box .inner:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .row-fluid .cs-location-section .loaction-listing:after { content: ''; display: table; clear: both; } .row-fluid .cs-location-section label.sel-opt { display: none; } a.disabled { pointer-events: none; user-select: none; } /* */ /* .blog-2019.hs-blog-listing .blog-new-left { width: 100%; } */ .blog-2019 .month-group { margin:0 -15px; } .blog-2019 .month-group .post-box-inner { width: calc((100% / 3) - 30px); float: left; margin: 15px; box-shadow: none; background: transparent; border: 1px solid rgb(183, 183, 183); border-radius: 5px; overflow: hidden; } .blog-2019 .month-group:after { content: ''; display: table; clear: both; } .blog-2019 .month-group h2.month_date { text-align: center; margin: 30px 0 10px; } .blog-2019 .month-group .post-box-inner .blog-postbg { height: 210px; border-bottom: 1px solid rgb(206, 206, 206); border-radius: 0 0 7px 7px; background-size:contain; background-color:#fff;} .blog-2019 .month-group .post-box-inner .blog-inner-title:after, .month-group .post-box-inner .blog-inner-title:before { display: none; } .blog-2019 .month-group .post-box-inner .blog-inner-title { margin: 0; background: transparent; padding: 0; margin: 0; } .blog-2019 .month-group .post-box-inner h2 { font-size: 22px; line-height: normal; padding: 0px 0 30px; } .blog-2019 .month-group .post-box-inner .blog-inner-text { text-align: left; line-height: normal; padding: 30px 25px 35px; } .blog-2019 .month-group .post-box-inner .blog-comment { text-align: center; } .blog-2019 .month-group .post-box-inner .where-label { padding: 10px 0 0; } .blog-2019 .month-group .post-box-inner .where-label , .blog-2019 .month-group .post-box-inner .when-label {font-size: 16px;font-weight: 400;line-height: normal;color: #777777;} .blog-2019.hs-blog-listing .row-fluid .heronew-content { color: #fff; padding: 160px 0 80px; font-size: 24px; } .blog-2019.hs-blog-listing .row-fluid .heronew-content h1 { padding-bottom: 10px; } .blog-2019.hs-blog-listing .row-fluid .heronew-content .widget-type-rich_text { max-width: 610px; text-transform: initial; margin: 0 auto;} .blog-2019.hs-blog-post .blog-new1 { padding-left:25px; } .blog-2019.hs-blog-post .blog-main-content { padding: 25px; font-size: 17px; } .blog-2019.hs-blog-post .row-fluid .blog-new-left { margin-top: -10px; } .blog-2019.hs-blog-post .row-fluid .blog-new { } .blog-2019.hs-blog-post .row-fluid .blog-new .wrapper { } .blog-2019.hs-blog-post .row-fluid .blog-new .wrapper > div > div { } .blog-2019.hs-blog-post .blog-new-right { margin-left: 10px; width: calc(31.623931624% + 20px); } .blog-2019.hs-blog-post .row-fluid .heronew-content {padding: 230px 0 50px;} .blog-2019.hs-blog-post .row-fluid .blog-new .wrapper > div > div .blog-new-left { width: 70%; } .blog-2019.hs-blog-post .blog-new-right { width: 30%; margin: 0; padding-left: 10px; } .blog-2019.hs-blog-post .ini-lable { padding: 0 0 10px; } .blog-2019.hs-blog-post h1 { margin: 0 0 10px; } .blog-2019 .month-group .post-box-inner { margin: 0 15px 30px; } .blog-2019 .month-group .post-box-inner .blog-inner-text a.more-link {text-align: center;box-sizing: border-box !important;font-weight: 500;letter-spacing: 0.5px;text-transform: uppercase;line-height: 24px;z-index: 5;display: inline-block;color: #ffffff;border: 2px solid #00659f;padding: 8px 20px;margin: 20px 0 0;background: #00659f;} .blog-2019 .month-group .post-box-inner .blog-inner-text a.more-link:hover { background: transparent; color: #00659f; } .blog-2019 .month-group .post-box-inner .blog-inner-text { padding: 30px 20px 25px; text-align: center; } .blog-2019 .month-group .post-box-inner h2 { font-size: 14px; line-height: 20px; padding-bottom: 15px; text-align: center; } .blog-2019 .month-group .post-box-inner .blog-inner-text .when-label { font-size: 12px; } .blog-2019 .month-group .post-box-inner .blog-inner-text .where-label { font-size: 12px; } .blog-2019 .month-group .post-box-inner .blog-inner-text a.more-link { font-size: 14px; } /* .hs-blog-listing .blog-new-left { width: 75%; } .hs-blog-listing .blog-new-right { width: 22%; } */ .hs-blog-listing .blog-new-left .row-fluid .post-listing { margin:0; } .row-fluid .blog-new-right .title-heading-right { margin-bottom: 20px; } .row-fluid .blog-title h2 { font-size: 34px; font-weight: 700; margin-bottom: 40px; } /* Micro Mini Pillar Page */ .row-fluid .fl100 { float:left; width:100%; } .row-fluid .micro-pillar-herosec { padding:220px 0 130px; } .row-fluid .micro-pillar-herosec .wrapper { max-width:1210px; padding:0 15px; } .row-fluid .micro-pillar-herosec h1 { color:#fff; text-transform:none; font-size:60px; line-height:66px; font-weight:600; padding:3px 0 30px; } .row-fluid .micro-pillar-herosec .hero-right { padding-right:15px; } .row-fluid .micro-pillar-herosec .hero-content { padding:30px 15px; color:#fff; background:rgba(0,0,0,0.7); font-size:20px; line-height:30px; } .row-fluid .hero-simplemenu a.services-cta { float:none; display:inline-block; vertical-align:top; width:100%; text-align:center; padding:22px 32px; box-shadow:0 6px 6px rgba(0, 0, 0, 0.3); border-radius:10px; background-color:#00659f; color:#fff; font-size:30px; line-height:34px; font-weight:400; position:relative; z-index:1; } .row-fluid .hero-simplemenu a.services-cta + ul { float: left; width: 100%; } .row-fluid .hero-simplemenu { position: relative; } .row-fluid .hero-simplemenu ul { border-radius: 0; padding-top:12px; float:left; width:100%; padding-left:0; list-style:none; } .row-fluid .hero-simplemenu ul > li { float:left; width:100%; margin-bottom:10px; } .row-fluid .hero-simplemenu ul > li > a { color: #474747; background-color: #fff; float: left; padding: 15px 60px 15px 15px !important; white-space: normal; text-align: left; font-size: 14px; line-height: 20px; min-width: 100%; font-weight: 600; position:relative; text-transform:uppercase; } .row-fluid .hero-simplemenu ul > li > a:after { position:absolute; content:"\f105"; font-family:FontAwesome; height:100%; width:60px; right:0; top:0; border-left:1px solid rgba(112, 112, 112, 0.5); display: flex; align-items: center; justify-content: center; color:#474747; font-size: 20px; font-weight: 300; transition:all 0.4s ease-in-out; } .row-fluid .hero-simplemenu ul > li > a:hover { background:#00659f; color:#fff; } .row-fluid .hero-simplemenu ul > li > a:hover:after { color:#fff; background-color:#80b2cf; } .row-fluid .hero-simplemenu ul > li { float: left; width: 100%; } .row-fluid .pillar-introduction-section { padding:80px 0 0; position:relative; } .landing_page .row-fluid .pillar-introduction-section.lp-video { padding-top:0px; } .row-fluid .title-style h2 { color: #000; text-transform:capitalize; } .row-fluid .title-style h2:after { content:''; margin-top: 10px; width: 130px; height: 2px; background: #00659f; display: block; } .row-fluid .pillar-richtextbox { padding-top:30px; } .row-fluid .pillar-richtextbox ul { margin:0; float:left; width:100%; padding-left:20px; list-style-type:none; } .row-fluid .pillar-richtextbox ul li { margin-bottom:50px; } .row-fluid .intro-menu-listing { opacity:0; visibility:hidden; border-top:1px solid rgba(255,255,255,0.6); } .row-fluid .intro-menu-listing ul { float:left; width:100%; max-width:100%; margin:0 !important; background:#00659f; height:400px; } .row-fluid .intro-menu-listing ul li { float:left; width:100%; margin-bottom:0; position:relative; padding-left:0; box-shadow:0 0px 5px rgba(0, 0, 0, 0.1); } .row-fluid .intro-menu-listing ul li:before { position:absolute; content:""; height:5px; width:5px; background:#fff; left:7px; top:24px; border-radius:100%; } .row-fluid .intro-menu-listing ul li:last-child { border:0; } .row-fluid .intro-menu-listing ul li a { float:left; width:100%; min-width:100%; border-radius: 0; color: #fff; font-size: 16px; font-weight: 400; padding:15px 25px 15px 20px !important; white-space:normal; line-height:24px; } .row-fluid .intro-menu-listing ul li:hover a { background:#fff; color:#00659f; } .row-fluid .intro-menu-listing ul li:hover:before { background:#00659f; } /* .row-fluid .intro-menu-listing ul li a:hover, .row-fluid .intro-menu-listing ul li.active a { color:#00659f; background-color: #fff; } */ /* Sidebar Menu */ .row-fluid .sidebar-menu-title h3 { float:left; width:100%; color:#fff; text-align:left; font-size:16px; line-height:20px; font-weight:500; padding:20px 15px 20px 10px; margin:0; background:#00659f; cursor:pointer; box-shadow:0 5px 8px rgba(0, 0, 0, 0.54); position:relative; } .row-fluid .sidebar-menu-title h3:after { position:absolute; content:"\f067"; font-family:FontAwesome; right:12px; top:20px; } .row-fluid .navbar { margin:0; padding-left:0; width:300px; max-width:100%; position:fixed; top:20%; left:-350px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;; z-index:99; } .row-fluid .navbar.sticky_active { opacity:1; visibility: inherit; } .row-fluid .navbar.bottom { bottom:20px !important; top:auto !important; } .row-fluid .menu-action-btn { display:none; } body.sidebar_open .row-fluid .navbar { left:0; } .row-fluid .navbar:hover .sidebar-menu-title h3 { box-shadow:none; } .row-fluid .navbar .mCSB_inside > .mCSB_container { margin-right:0; } .row-fluid .electronics-miniaturization-section { padding-top:80px; } .row-fluid .electronics-miniaturization-section .content-area { position:relative; padding-bottom:50px; } .row-fluid .electronics-miniaturization-section .electronic-image { position:absolute; right:0; top:0; width:auto; } .row-fluid .micro-electronic-pcsection-image { position:absolute; right:0; top:0; width:auto; text-align:center; max-width: 400px;} .row-fluid .micro-electronic-pcsection-image img { max-width:400px !important; float:right; margin-top:50px; /*position:relative; top:50px;*/ } /* .row-fluid .content-area, .row-fluid .richtext-style { font-size:16px; line-height:32px; } */ .row-fluid .content-area .title-style h2 { padding-bottom:20px; } .row-fluid .content-area ul, .row-fluid .richtext-style ul { margin:0; float:left; width:100%; padding-left:20px; list-style-type:none; } .row-fluid .electronics-miniaturization-section .electronic-image img { max-width:400px !important; float:right; margin-top:-95px; position:relative; top:50px; } .row-fluid .content-area .richtext2 ul li { margin-bottom:30px; } .row-fluid .polymer-box { padding-bottom:80px; padding-top:30px; } .row-fluid .polymer-box h3 { font-size:30px; line-height:36px; color:#000; padding-bottom:30px; } .row-fluid .btn-style a { float:none; display:inline-block; vertical-align:top; padding:20px 55px; box-shadow:0 6px 6px rgba(0, 0, 0, 0.3); border-radius:10px; background-color:#00659f; color:#fff; font-size:28px; line-height:32px; font-weight:300; } .row-fluid .btn-style a:hover { box-shadow:none; } .row-fluid .micro-electronic-section { padding:80px 0 40px; } .row-fluid .video-codebox { padding:40px 0; } .row-fluid .video-iframewrap { position: relative; height: 500px; overflow: hidden; max-width: 100%; float:none; display:inline-block; vertical-align:top; width:976px; } .row-fluid .video-iframewrap iframe { opacity:1; background-color: transparent; position: absolute; top: 0px; left: 0px; height:100%; width:100%; } .row-fluid .richtext-style ul li { margin-bottom:20px; } .row-fluid .medical-device-section { background:#f5f5f5; padding:0 0 60px } .row-fluid .medical-device-raw { float:left; width:100%; padding:60px 0 0; } .row-fluid .medical-device-raw.rightside .medical-imagebox { float:right; } .row-fluid .medical-device-raw.rightside .medical-textbox1 { padding:0 30px 0 0; } .row-fluid .medical-device-section.no-bg{background:#FFF;} .row-fluid .medical-imagebox { float: left; width: 38%; margin-top:14px; } .row-fluid .medical-textbox1 { float: left; width: 62%; padding-left: 30px; } .row-fluid .medical-textbox1.fl100 { width:100%; padding-left } .row-fluid .medical-boxwrap { padding-top: 30px; } .row-fluid .medical-imgtitle { color: #000; font-size: 18px; line-height: 24px; padding-bottom: 15px; } .row-fluid .medical-img { height: 200px; background-size: cover !important; } .row-fluid .btn-style.medical-cta a { font-size: 20px; line-height: 26px; padding: 22px 35px; margin-top: 25px; } .row-fluid .medical-textbox2 { padding-top: 40px; } .row-fluid .medical-boxwrap ul { margin:0; float:left; width:100%; padding-left:0; list-style-type:none; } .row-fluid .medical-boxwrap ul li { margin-bottom:20px; } .row-fluid .medical-device-section .medical-textbox1 { padding-left:0; } .row-fluid .medical-device-section { padding-top:70px; } .row-fluid .medical-device-section .title-style h2 { padding-bottom:50px; } .row-fluid .medical-device-section .medical-boxwrap { padding:0; } .row-fluid .medical-device-section .medical-device-raw { padding-top:0; } .row-fluid .medical-video-box h3 { font-size:30px; line-height:36px; color:#000; padding:30px 0; } .row-fluid .medical-video-box .video-codebox { padding:15px 0 0; } .row-fluid .aerospace-section { padding-bottom:60px; } .row-fluid .micro-telesection { background:#f5f5f5; } .row-fluid .micro-telesection .medical-textbox2 { padding-bottom:60px; } .row-fluid .latest-post-section { padding-bottom:60px; } .row-fluid .latest-post-header h3 { color:#000; font-size:30px; line-height:36px; margin-bottom:40px; } .row-fluid .latest-post-col { float: left; width: 25%; padding: 0 20px; text-align: center; } .row-fluid .latest-post-section .postimg { height: 220px; background-size: cover !important; } .row-fluid .latest-post-section .latest-post-wrap.fl100 { float: none; display: block; margin: 0 -20px; width: auto; } .row-fluid .latest-post-section .post-title { font-size: 16px; line-height: 22px; color: #333333; font-weight: 700; text-transform: uppercase; margin-top: 20px; } .row-fluid .latest-post-section .post-title a { color: #333; } .row-fluid .latest-post-section .post-title a:hover { color: #00659f; } .row-fluid .latest-post-section .post-content { margin:10px 0; } .row-fluid .latest-post-section .btn-style a.more-link, .resource-box .resource-text a.cta_button.resource-cta { min-width: inherit; width: 100%; max-width: 220px; overflow: inherit; text-align: center; border: 2px solid transparent; border-radius: 0 !important; cursor: pointer; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; line-height: 24px; z-index: 5; display: inline-block; background-color: #00659f; color: #FFFFFF; margin: 5px 0 0; font-size: 13px; position: relative; padding: 10px 20px !important; } .row-fluid .latest-post-section .btn-style a.more-link:hover, .resource-box .resource-text a.cta_button.resource-cta:hover { color: #00659F; background-color: transparent; border-color: #00659f; } .row-fluid .medical-device-raw.no-imgsection .medical-imagebox { display:none; } .row-fluid .medical-device-raw.no-imgsection .medical-textbox1 { padding:0; width:100%; } .row-fluid .medical-device-raw.no-imgsection .medical-textbox2 { padding:0; } .row-fluid .micro-industry-section { padding:50px 0 80px; background:#f5f5f5; position:relative; } .row-fluid .micro-industry-section .title-style { padding-bottom:20px; } .row-fluid .micro-industry-section .wrapper { position:relative; } .row-fluid .micro-electronic-pcsection { padding:80px 0; position:relative; } .row-fluid .micro-electronic-pcsection .wrapper { position:relative; } .row-fluid .pc-section-content { padding-right:200px; } .row-fluid .micro-electronic-pcsection .electronic-image { text-align:center; padding-top:40px; } .row-fluid .micro-electronic-pcsection .electronic-image img { max-width:400px !important; } .row-fluid .resource-popbox { padding-top:0; } .row-fluid .resource-popbox .resource-box { background:#e9e9e9; } /* Homepage 2019 20-11-2019 */ .row-fluid .hero-sliderbg { position: relative; padding: 244px 0 110px; background-size: cover !important; font-size: 16px; line-height: 28px; } .row-fluid .hero-sliderbg:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .row-fluid .hero-sliderbg > div { position: relative; } .row-fluid .hero-sliderbg h1 { color: #fff; font-size: 60px; line-height: 73px; font-weight: 700; padding:0; } .row-fluid .hero-slider-section .slick-arrow.slick-prev { right:auto; left:0; margin:0; } .row-fluid .hero-slider-section .slick-arrow.slick-next { right:0; left:auto; margin:0; } .row-fluid .hero-slider-section .hero-slider-text { width:600px; max-width:100%; margin:10px 0 30px; } .row-fluid a.hero-style1.cta-arrow3 { margin-left:60px; } .row-fluid .herobtn-box > div { float:left; width:auto; } .row-fluid .trun-key-section { padding:60px 0; font-size: 16px; line-height: 28px; position:relative; text-align:center; } .row-fluid .trun-key-section .pattern-image { position:absolute; top:0; right:0; width:auto; opacity:0.50; } .row-fluid .trun-key-section h2 { font-size:30px; line-height:38px; text-transform:uppercase; font-weight:700; padding-bottom:20px; } .row-fluid .service-feature-wrap { padding-bottom:0; text-align:center; } .row-fluid .service-feature-col { float:left; width:25%; } .row-fluid .service-feature-imgbox { background-size:cover !important; background-repeat: no-repeat !important; background-position: center center !important; position:relative; padding:50px 30px; font-size:16px; line-height:26px; } .row-fluid .service-feature-imgbox:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.60); transition:all .5s ease-in-out; } .row-fluid .service-feature-imgbox:hover:before { background:rgba(0,0,0,0.92); } .row-fluid .service-feature-imgbox > div { position:relative; } .row-fluid .service-feature-imgbox h3 { font-size:32px; line-height:42px; color:#fff; font-weight:700; text-transform:uppercase; padding:0 0 10px; } .row-fluid .service-feature-textbox .content { margin-bottom:30px; } .row-fluid .service-feature-textbox .link a { float:none; display:inline-block; padding:12px 38px; color:#fff; background:#00649B; box-shadow:0px 3px 6px #00000096; border-radius:77px; font-size:18px; line-height:24px; font-weight:700; } .row-fluid .service-feature-textbox .link a:hover { background:#fff; color:#000; } .row-fluid .innovate-together-section { background-color:#fff; padding:50px 0; color:#333; font-size:16px; line-height:26px; position:relative; z-index:1; background-position:50% 150px; background-size:90%; background-repeat:no-repeat; } .row-fluid .innovate-together-section.lpfullgrey { background-color:#f5f5f5; } /* .row-fluid .innovate-together-section:before { position:absolute; content:""; left:0; bottom:0; width:100%; height:70%; background:url('https://www.bench.com/hubfs/black-line.png') no-repeat center center; background-size:contain; z-index:-1; } */ .row-fluid .innovate-together-section .wrapper > div > div { display:flex; align-items:center; } .row-fluid .innovate-together-section h2 { color:#333333; padding:0 0 5px; font-size:40px; line-height:44px; font-weight:700; text-transform:capitalize; } .row-fluid .innovate-together-section .innovate-right a { float:left; padding:23px 30px; box-shadow:0px 3px 6px #0000003B; border-radius:77px; background:#004970; color:#fff; font-size:14px; line-height:18px; font-weight:700; position:relative; } .row-fluid .innovate-together-section .innovate-right a:after { display:inline-block; content:"\f101"; font-family:FontAwesome; position:relative; margin-left:10px; } .row-fluid .innovate-together-section .innovate-right a:hover { color:#fff; background:#00659f; } .row-fluid .innovate-together-section .innovate-cta { float:none; display:inline-block; vertical-align:middle; width:auto; } .row-fluid .innovate-together-section .innovate-cta2 { padding-left:15px; } .row-fluid .innovate-together-section .innovate-right { text-align:center; margin-top:20px; } .row-fluid .come-connectsec .innovate-left { float:left; width:100%; margin:0; text-align:center; } .row-fluid .come-connectsec .heading-section { float:none; display:inline-block; vertical-align:top; width:730px; max-width:100%; padding:0 15px; } .row-fluid .innovate-together-section .wrapper { max-width:1270px; } .row-fluid .event-postcol { float: left; width: 33.33%; padding: 0 10px; } .row-fluid .event-postcol .post-image { height: 200px; max-width:400px; width: 100%; float: none; display:inline-block; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #fff !important; border-radius: 8px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); } .row-fluid .event-postcolwrap { float: left; width: 100%; margin-top: 40px; margin-bottom:25px; } .row-fluid .event-postcol .post-title.fl100 { float: none; display:inline-block; color:#333; vertical-align:top; width: 250px; max-width:100%; margin-top: 15px; } .row-fluid .event-postcol .post-title a, .row-fluid .event-postcol a.boxlink { color: #fff; font-weight: 700; } .row-fluid .event-postcol .post-title a:hover, .row-fluid .event-postcol a.boxlink:hover { color: #000; } .row-fluid .feature-section-new { padding:100px 0; position:relative; background-size:cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .row-fluid .feature-section-new:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.5); } .row-fluid .feature-section-newwrap { position:relative; } .row-fluid .feature-section-newcol { float:left; width:50%; padding:0 15px; margin:15px 0; } .row-fluid .feature-section-newinner { float:none; display:inline-block; vertical-align:top; width:480px; max-width:100%; font-size:16px; line-height:26px; } .row-fluid .feature-section-newinner h3 { color:#fff; font-size:33px; line-height:38px; text-transform:capitalize; padding-bottom:25px; } .row-fluid .feature-section-newinner .link a { float:none; display:inline-block; vertical-align:top; margin-top:30px; padding:12px 38px; color:#fff; background:#00649B; box-shadow:0px 3px 6px #00000096; border:1px solid #707070; border-radius:77px; font-size:18px; line-height:24px; font-weight:700; } .row-fluid .feature-section-newinner .link a:hover { background:#fff; color:#000; border-color:#fff; } .row-fluid .solution-help-section { padding:80px 0; position:relative; } .row-fluid .solution-help-section:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.59); } .row-fluid .solution-help-section > div { position:relative; } .row-fluid .solution-help-section .solution-heading-section { font-size:24px; line-height:32px; } .row-fluid .solution-help-section .solution-heading-section h2 { color:#fff; font-size:40px; line-height:44px; font-weight:700; text-transform:capitalize; } .row-fluid .solution-help-section .sol-helpwrap { margin-top:50px; } .row-fluid .solution-help-section .sol-helpcol { float:left; width:33.33%; padding:0 25px; margin:15px 0; font-size:16px; line-height:26px; } .row-fluid .solution-help-section .sol-helpicon { height:115px; display:flex; align-items:center; justify-content:center; } .row-fluid .solution-help-section .sol-helpicon img { width:auto; height:auto; } .row-fluid .solution-help-section .sol-helptext { margin-top:10px; } .row-fluid .solution-help-section .about-cta a { float:none; display:inline-block; vertical-align:top; margin-top:30px; padding:12px 38px; color:#fff; background:#00649B; box-shadow:0px 3px 6px #00000096; border:1px solid #707070; border-radius:77px; font-size:18px; line-height:24px; font-weight:700; } .row-fluid .solution-help-section .about-cta a:hover { background:#fff; color:#000; border-color:#fff; } .row-fluid .witness-section { padding:50px 0; text-align:center; font-size:16px; line-height:26px; } .row-fluid .witness-section .wrapper { max-width:1400px; padding:0 15px; } .row-fluid .witness-section h2 { font-size:40px; line-height:44px; font-weight:700; text-transform:capitalize; padding-bottom:20px; } .row-fluid .witness-section .wrapper > div > div { display:flex; align-items:center; } .row-fluid .witness-section .witness-textbox { padding-right:70px; } .row-fluid .video-posterimg { height:380px; background-size:cover !important; display:flex; align-items:center; justify-content:center; } .row-fluid .video-posterimg a { float:none; display:inline-block; vertical-align:top; height:80px; width:80px; background:rgba(42,42,42,0.8); border-radius:100%; text-align:center; line-height:100px; } .row-fluid .video-posterimg a svg { max-width:30px; fill:#fff; position:relative; left:3px; } .row-fluid .blog-section-new.blog-section { margin:0; padding:50px 0 20px; } .row-fluid .blog-section-new.blog-section .blog-section1 { margin:20px 0 0; } .row-fluid .blog-section-new.blog-section .blog-section1 .post-text { padding:20px 0; } .row-fluid .blog-section-new.blog-section .blog-section1 .post-title a { color:#fff; font-size:14px; line-height:18px; font-weight:300; } .row-fluid .blog-section-new.blog-section a.topic-link { float:none; display:inline-block; } .row-fluid .blog-section-new.blog-section .blog-section1 .post-image { box-shadow: 0px 8px 6px rgba(0,0,0,0.5); position:relative; background:#000; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; z-index:1; text-align:center; } /* .row-fluid .blog-section-new.blog-section .blog-section1 .post-image:before { position:absolute; z-index:-1; content:""; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; transition:all .4s ease; } .row-fluid .blog-section-new.blog-section .blog-block:hover .post-image:before { opacity:0.5; } */ .row-fluid .blog-section-new.blog-section .blog-section1 .post-image .blogpost_topic { position:absolute; bottom:0; left:0; text-align:center; } .row-fluid .blog-section-new.blog-section .blog-section1 .post-image .blogpost_topic a { margin:0 6px 10px; } .row-fluid .blog-section-new.blog-section .blog-block .post-image .read_more { position: absolute; left: 0; color: #fff; font-size: 18px; line-height: 24px; text-align: center; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; display: flex; align-items: center; justify-content: center; } .row-fluid .blog-section-new.blog-section .blog-block:hover .post-image .read_more { opacity:1; } .row-fluid .electronics-miniaturization-section .richtext2 { padding-right:50px; } .row-fluid .rsscta_btn { margin-top:30px; } /** Individual Location v2 **/ .row-fluid .loca_row { margin:0 0 50px; } .row-fluid .loca_row h3 { padding:0 0 20px; color: #333333; text-transform: none; } .row-fluid .loca_row h3:after { content: ''; margin: 10px 0 0; width: 134px; height: 2px; background: #00659f; display: block; } .row-fluid .locationinfo_list { margin-top:20px; } .row-fluid .locationinfo_list h5 { font-size:18px; line-height:20px; font-weight:700; } .row-fluid .locationinfo_list h6 { color: #333;} .row-fluid .locationinfo_list ul { margin:5px 0 0; } .row-fluid .markets_main { margin:0 -15px; width:100%; max-width:460px; } .row-fluid .markets_box { padding:8px 15px; width:50%; float:left; border-radius:5px; text-align:center; } .row-fluid .markets_text { padding:10px; height:100px; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; display: flex; align-items: center; border-radius:5px; } .row-fluid .markets_text:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: rgba(0,0,0,0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;; border-radius: 5px; } .row-fluid .markets_text h4 { margin:0 auto; padding:0; font-size:18px; line-height:22px; font-weight:500; color:#fff; position:relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;; } .row-fluid .markets_text:hover:before { background: rgba(0,0,0,0.8); } .row-fluid .certifications_list { margin:50px 0 80px; } .row-fluid .certifications_box ul { margin:0; padding:0; list-style-type:none; width:100%; float:left; position:relative; } .row-fluid .certifications_box ul li { margin:0; position:relative; padding:9px 15px; width:50%; display:inline-block; vertical-align:top; font-size: 14px; line-height:20px; background:#f5f5f5; font-weight: 700; letter-spacing: 0.5px; border: 2px solid #fff; } .row-fluid .certifications_box ul li a { color:#000; } .row-fluid .certifications_box ul li a.box_link { position:absolute; left:0; top:0; width:100%; height:100%; } .row-fluid .certifications_box ul li:hover a { color:#00659f; } .row-fluid .opportunities_iframe iframe { width:100%; height:300px; } .row-fluid .opportunities_section { margin-top:50px; } .row-fluid .heronewvideo { padding:190px 0; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; } .row-fluid .heronewvideo > div { position:initial; } .row-fluid .heronewvideo:before { z-index:1; } .row-fluid .heronewvideo .wrapper { position:relative; z-index:1; } .row-fluid .heronewvideo .heronew-content { padding:0; margin:0 auto; max-width:550px; width:100%; } .row-fluid .heronewvideo h1 { padding:0; } .row-fluid .heronew-video { width:100%; height:100%; position:absolute !important; top:0; left:0; } .row-fluid .heronew-video video { width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover; } .row-fluid .location_code { margin-bottom:30px; } /* 27-01-2020 */ .blog-2019.hs-blog-post .blog-new .hs-featured-image-wrapper { padding: 25px !important; text-align: left; } .blog-2019.hs-blog-post .blog-new .hs-featured-image-wrapper a.hs-featured-image-link { display: inline-block; } .blog-2019.hs-blog-post .blog-new .hs-featured-image-wrapper .hs-featured-image-link img { width: 100%; max-width: 300px; } .blog-2019.hs-blog-post .row-fluid .blog-new-left{ margin-top:0; } .loc-comp-market-sec .left-side .row-fluid .markets_main .markets_box {width:33.33%;} .loc-comp-market-sec .left-side .row-fluid .markets_main {max-width:100%;} .row-fluid .cs-awc-section.loc-comp-market-sec .single-point-list .single-point {width:100%;} .row-fluid .cs-awc-section.loc-comp-market-sec .right-side {padding-left:50px;padding-top: 50px;} .row-fluid .cs-awc-section.loc-comp-market-sec .mg-info .mg-text { font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 20px; /* color: #4a4a4a;*/ color: #00659f} .row-fluid .cs-awc-section.loc-comp-market-sec .mg-info .thumb {width:30px;} .row-fluid .cs-awc-section.loc-comp-market-sec .mg-info .thumb img {width:30px !important; height:30px !important;} .row-fluid .cs-awc-section.loc-comp-market-sec .mg-info .mg-content { width: calc(100% - 100px);} .row-fluid .cs-awc-section.loc-comp-market-sec .mg-info .mg-title {font-size:14px;} .row-fluid .cs-awc-section.loc-comp-market-sec .certifications_list .certifications_box {max-width:100%;} .row-fluid .cs-awc-section.loc-comp-market-sec .location_code {margin-top:40px;} .row-fluid .cs-awc-section.loc-comp-market-sec .single-point-list {padding-bottom:15px;} .row-fluid .cta-wrap.single-cta {text-align:center;} /*---header-new-*/ body.close-bar.fixed .row-fluid .header_section { top: 0; } body.top-strip .row-fluid .header_section { top: 0px; } body.top-strip.fixed .row-fluid .header_section { top: 64px; } .fixed .row-fluid .header_section { position:fixed; z-index:99; } body.fixed.close-bar .row-fluid .header_section { top:0; } .row-fluid .header_section { background:#231F20; padding:0px 80px; position:relative; width:100%; left:0; top:0; transition:all .4s ease; } .row-fluid .header_section .wrapper2 { position:relative; } .row-fluid .header_section .search-section { margin:20px 0; } .row-fluid .header_section .top_logo { padding:22px 0; } .row-fluid .header_section .top_menu { width:auto; float:right; padding-right:50px; } /* 24-02-2020 */ .row-fluid .come-connectsec:after , .row-fluid .come-connectsec:before {content: "";background: url(https://www.bench.com/hubfs/ff-2.png) no-repeat center;position: absolute;bottom: 0;width: 14%;height: 250px;background-size: 320%;bottom: 0;z-index: -1;} .row-fluid .come-connectsec:before { left: 0; } .row-fluid .come-connectsec:after { right: 0; } .margintop { margin-top: 30px; } .row-fluid .resources-wrap { padding:60px 0; } .row-fluid .resources-wrap .wrapper { max-width:1270px; } .row-fluid .resources-title { text-align:center; margin-bottom:30px; } .row-fluid .resources-title h2 { color: #333333; padding: 0 0 5px; font-size: 40px; line-height: 44px; font-weight: 700; text-transform: capitalize; } .row-fluid .resources-wrap { padding:60px 0; } .row-fluid .resources-inner .resources_box { float: left; width: 33.33%; padding: 0 10px; } .row-fluid .resources-inner .resources-single { width:100%; float:left; border-radius:8px; overflow:hidden; position:relative; text-align:center; height:200px; background-size:cover !important; background-color: #fff !important; border-radius: 8px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); transition: all .4s ease; } .row-fluid .resources-inner .resources_box h4 { width:100%; float:left; color: #333; font-size: 16px; line-height: 26px; margin-top: 20px; text-align:center; } .row-fluid .resources-inner .resources_box .more_text { position:absolute; left:0; top:0; padding:10px; width: 100%; height: 100%; color:#fff; text-align:center; font-size:18px; line-height:24px; display:flex; align-items:center; justify-content:center; background: rgba(0, 100, 155, 0.7); opacity: 1; transition:all .4s ease; } .row-fluid .resources-wrapDynamic .resources-inner .resources_box .more_text{flex-direction: column;} .row-fluid .resources-wrapDynamic .resources-inner .resources_box .more_text img{margin-bottom:15px;max-height:50px;} .row-fluid .resources-inner .resource-bottom-cta { text-align:center; margin-top:50px; } .row-fluid .resources-inner .resource-bottom-cta a { float:none; display:inline-block; width:auto; padding:23px 30px; box-shadow:0px 3px 6px #0000003B; border-radius:77px; background:#004970; color:#fff; font-size:14px; line-height:18px; font-weight:700; position:relative; } .row-fluid .resources-inner .resource-bottom-cta a:after { display:inline-block; content:"\f101"; font-family:FontAwesome; position:relative; margin-left:10px; } .row-fluid .resources-inner .resource-bottom-cta a:hover { color:#fff; background:#00659f; } .row-fluid .micro-telesection.top_space { padding-top:50px; } .row-fluid .onecol-content1 h3 { text-align:left; } .landing_page .row-fluid .onecol-text { padding-bottom:30px; } .landing_page .row-fluid .pillar-introduction-section { padding-top:50px; } .row-fluid .opportunities_iframe { margin-bottom:20px; } .row-fluid .singlepoint_title { width:100%; float:left; text-transform: none; padding:0 0 20px; font-size: 26px; line-height: 34px; letter-spacing: 2px; font-weight: 700; color: #333333; } .row-fluid .singlepoint_title:after { content: ''; margin: 10px 0 0; width: 134px; height: 2px; background: #00659f; display: block; } .row-fluid .cs-awc-section.loc-comp-market-sec .right-side { padding-top:0; } .locationv2 .row-fluid .btn-style a { padding:10px 45px; font-size:20px; line-height:30px; } .locationv2 .row-fluid .certifications_list { margin-bottom:10px; } /* */ .headline-module-section { width: 100%; float: left; padding: 70px 0; } .headline-module-section .img-wrap { float: left; width: 34%; } .headline-module-section .content-wrap { float: left; width: 66%; padding-left: 35px; } .share-socialmedia { margin-top: 10px; } .share-socialmedia h6 { display: inline-block; } .share-socialmedia ul { display: inline-block; margin: 0; vertical-align: middle; list-style: none; padding-left: 10px; } .share-socialmedia ul li { display: inline-block; margin: 0 16px 0 0; padding-left: 0; } .blog-cat-section { width: 100%; float: left; background: #eceaea; padding: 70px 0; } .cat-wrap { text-align: center; } .single-cat { width:calc(100% / 6 - 15px); display: inline-block; margin:0 5px 20px; border: 6px solid #ccc; text-align: center; } .single-cat h5 { background: #333333; font-size:12px; line-height: 24px; color: #fff; padding:12px 5px; font-weight:400;} .single-cat .img-wrap img{max-height:60px;} .img-wrap { margin: 20px 0; } /*.img-wrap img { width: 100%; max-width: 100px; height: 100px; object-fit: contain; }*/ .single-cat a{position:relative;display:block;} .single-cat a:after{background-color:#00659f;bottom:0;content:"";height:5px;left:-6px;position:absolute;transition:all 400ms ease;width:calc(100% + 12px);opacity:0;} .single-cat a.selected:after{bottom:-17px;opacity:1;} .row-fluid .subscribe-section { padding: 50px 0; } .row-fluid .subscribe-form form{margin:0 auto;position:relative;} .row-fluid .subscribe-section .wrapper > div > div { display: flex; align-items: center; } .row-fluid .subscribe-form .hs-form-field {display: inline-block; margin: 0 10px; vertical-align: top; width:calc(33.33% - 75px);} .row-fluid .subscribe-form .hs-form-field > label { margin-bottom: 5px; display: none; } .row-fluid .subscribe-form .hs-submit{display:inline-block;text-align:center;vertical-align:top;width:150px;margin:0 0 0 10px;} .row-fluid .subscribe-form .hs-submit .hs-button{width: 100%;} .row-fluid .subscribe-form .hs-error-msgs { padding-top: 8px; } .row-fluid .subscribe-form .hs_error_rollup{display: none;} /* */ .request-today-section { width: 100%; float: left; padding: 60px 0; background: #fff; border-top: 3px solid #00659f; } .request-today-img { float: left; width: 344px; } .request-today-img img { width: 100%; } .request-today-text { width: calc(100% - 344px); float: left; padding-left: 30px; } .row-fluid .request-today-section .wrapper { max-width: 880px; display: flex; align-items: center; } .request-today-text h3 { font-weight: 300; font-size: 26px; } .request-today-text .btn { margin-top: 14px; } .btn a { float: none; display: inline-block; padding: 12px 38px; color: #fff; background: #00649B; box-shadow: 0px 3px 6px #00000096; border-radius: 77px; font-size: 18px; line-height: 24px; font-weight: 700; } .btn a:hover { background: #231F20; } /*---*/ .fancybox-stage .fancybox-content{ overflow:visible !important; width: 100% !important; max-width: 580px !important; padding:15px !important; text-align:center;} .fancybox-stage .fancybox-close-small{ top:-60px !important; right:-30px} .fancybox-stage .fancybox-close-small:after{ background:#888; color:#fff; } .fancybox-stage .fancybox-button { background:#00659f;top:0;right:0; border-radius:50%;min-width:auto } .fancybox-stage .fancybox-button svg path{ fill:#ffff; color:#fff;} /* 11-09-2020 */ .row-fluid .teamenber-slider .slick-list { margin: 0 -10px; } .row-fluid .teamenber-slider .slick-slide { display: inline-block; float: none; padding: 0 30px; vertical-align: top; } /* Resources Blog Page */ .row-fluid .resource-bloghero { box-shadow:0px 10px 30px rgba(0,0,0,.4); } .row-fluid .resource-bloghero .wrapper { width:1180px; max-width:100%; } .row-fluid .blog-mainwrap { padding: 100px 0; } .row-fluid .blog-mainwrap .resource-blog-filter { float: left; width: 342px; max-width:100%; padding: 50px 30px; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); } .row-fluid .resource-blog-filter .filter-search { margin-bottom: 30px; position:relative; } .row-fluid .resource-blog-filter .filter-search input[type="text"] { border: 1px solid #00659f; height: 45px; padding: 0 50px 0 10px; background: #fff; font-weight:400; } .row-fluid .resource-blog-filter .filter-search span { position: absolute; top: 0; right: 0; height: 100%; width: 45px; background: #00659f; color: #fff; text-align: center; line-height: 42px; } .row-fluid .resource-blog-filter ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; background: #fff; height:115px; display:none; } .row-fluid .resource-blog-filter ul li { float: left; width: 100%; } .row-fluid .resource-blog-filter ul li a { float: left; width: 100%; color: #777777; padding: 5px 10px;cursor: pointer; } .row-fluid .resource-blog-filter label.filter-click { float: left; width: 100%; text-transform: uppercase; color: #00659f; font-weight: 700; padding: 5px; cursor: pointer; position:relative; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); } .row-fluid .resource-blog-filter label.filter-click span.droparrow { position: absolute; top: 0; right: 0; height: 100%; width: 40px; text-align: center; background: #00659f; color: #fff; line-height: 38px; font-size: 32px; } .row-fluid .resource-blog-filter .option-combo { margin-bottom: 60px; box-shadow:0px 5px 15px rgba(0,0,0,0.25); } .row-fluid .resource-blog-filter .option-combo:last-child { margin-bottom: 0; } .row-fluid .resource-blog-filter ul li a:hover, .row-fluid .resource-blog-filter ul li a.selected { background: #EBF3F8; box-shadow:0px 0px 15px rgba(0,0,0,0.2); } .row-fluid .blog-filterleft { float: left; width: 18%; position:relative; } .row-fluid .blog-filterresult { float: left; width: 82%; margin: 0; padding-left:60px; } .row-fluid .blog-filterresult a.show-more:hover { background: #000; } .row-fluid .blog-filterresult a.show-more { margin-top: 40px; } .row-fluid .resource-blog-filter .filter-search ::-webkit-input-placeholder { opacity:1 !important; color:#777777 !important; } .row-fluid .resource-blog-filter .filter-search ::-moz-placeholder { opacity:1 !important; color:#777777 !important; } .row-fluid .resource-blog-filter .filter-search :-ms-input-placeholder { opacity:1 !important; color:#777777 !important; } .row-fluid .resource-blog-filter .filter-search :-moz-placeholder { opacity:1 !important; color:#777777 !important; } .row-fluid .resource-market-filter ul li a span { float: none; display: inline-block; vertical-align: middle; width: auto; } .row-fluid .resource-market-filter ul li a span.icons { position: relative; height: 25px; width: 25px; top:3px; } .row-fluid .resource-market-filter ul li a span.icons img { position: absolute; top: 0; left: 0; } .row-fluid .resource-market-filter ul li a span.label { width: auto; padding-left: 5px; } .row-fluid .resource-blog-filter .mCSB_inside > .mCSB_container { margin-right:0; } .row-fluid .resource-blog-filter .mCSB_scrollTools { opacity: 1; } .row-fluid .resource-blog-filter .mCSB_scrollTools { width: 15px; border-radius: 0; } .row-fluid .resource-blog-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; } .row-fluid .resource-blog-filter .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0; width: 15px; background-color: #747474; } .row-fluid .resource-blog-filter a.mCSB_buttonUp:before { position: absolute; content: "\f106"; font-family: FontAwesome; opacity: 1; width: 100%; left: 0px; top: -7px; font-size: 17px; } .row-fluid .resource-blog-filter a.mCSB_buttonDown:before { position: absolute; content: "\f107"; font-family: FontAwesome; opacity: 1; width: 100%; left: 0px; top: -2px; font-size: 17px; } .row-fluid .resource-blog-filter .mCSB_scrollTools .mCSB_buttonUp, .row-fluid .resource-blog-filter .mCSB_scrollTools .mCSB_buttonDown, .row-fluid .resource-blog-filter .mCSB_scrollTools .mCSB_buttonLeft, .row-fluid .resource-blog-filter .mCSB_scrollTools .mCSB_buttonRight { background-image: none !important; opacity: 1; text-align: center; } .row-fluid .resource-blog-filter .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width:15px; border: 1px solid #00659f; border-radius: 0; background: #fff; border-top:0; border-bottom:0; } .row-fluid .resource-blog-filter a.mCSB_buttonDown { border: 1px solid #00659f; border-top: 0; background:#fff; } .row-fluid .resource-blog-filter a.mCSB_buttonUp { border: 1px solid #00659f; border-bottom: 0; background:#fff; } .row-fluid .resource-blog-filter .mCSB_scrollTools a + .mCSB_draggerContainer { margin:15px 0; } .row-fluid .heronew-content.blog-herotext { padding:80px 0 0; } .row-fluid .resource-market-filter { float: left; width: 100%; text-align: center; color: #fff; padding-bottom: 60px; } .row-fluid .resource-market-filter ul { float: none; display: inline-block; vertical-align: top; width: 1000px; max-width: 100%; padding: 0; margin: 0; list-style-type: none; } .row-fluid .resource-market-filter ul li { float: none; display: inline-block; vertical-align: top; width: 245px; padding: 8px 15px 15px 15px; } .row-fluid .resource-market-filter ul li a { float: none; display: inline-block; vertical-align: top; width: 100%; padding: 18px 10px; color: #fff; background: #00659f; border-radius: 4px; font-weight: 600; text-transform: capitalize; letter-spacing: .2px; font-size: 12px; line-height: 16px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); cursor: pointer; } .row-fluid .resource-market-filter span.select-market { float: left; width: 100%; display:none; } .row-fluid .resource-market-filter ul li a:hover, .row-fluid .resource-market-filter ul li a.selected { background: #fff; color: #00659f; } .row-fluid .resource-blog-item .resource-blogimg-box .hoverbox { position: absolute; height:100%; width:100%; display:flex; align-items:center; justify-content:center; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #00659f; cursor: pointer; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;; opacity:0; visibility:hidden; font-size:18px; } .row-fluid .resource-blog-item .resource-blogimg-box a.fullboxlink { position: absolute; top: 0; left: 0; height: 100%;width: 100%; } .row-fluid .resource-blog-item .resource-blogimg-box .hoverbox img { max-width:40px; } .row-fluid .resource-blog-item .resource-blogimg-box .hoverbox span { float: none; display: inline-block; vertical-align: middle; } .row-fluid .resource-blog-item .resource-blogimg-box .hoverbox span.download-text, .row-fluid .resource-blog-item .resource-blogimg-box .hoverbox span.play-text { padding-left: 2px; } .row-fluid .resource-blog-iteminner:hover .resource-blogimg-box .hoverbox { opacity:1; visibility:visible; } .row-fluid .resource-blog-iteminner:hover .filter-blogimg:before { background:#EBF3F8; } .row-fluid .resource-blog-item { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 30px; } .row-fluid .resource-blog-item .filter-blogimg { height: 250px; background-color: #EBF3F8; position:relative; box-shadow:0px 0px 20px rgba(0,0,0,.2); background-size:cover; background-repeat:no-repeat; background-position:center center; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;; } .row-fluid .resource-blog-item .resource-blogimg-box { position: relative; } .row-fluid .resource-blog-item a.video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; padding: 8px 20px; font-weight: 600; background: #00659f;} .row-fluid .resource-blog-item a.video-play:hover { background: #000; } .row-fluid .resource-blog-item .filter-blogimg:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;; } .row-fluid .resource-blog-item .post-body { margin-top: 16px; font-size: 14px; line-height: 18px; padding-right: 20px; } .row-fluid .resource-blog-item .post-body h2 { font-size: 24px; line-height: 29px; font-weight: 700; padding: 0 0 4px 0; color:#00659f; text-transform:capitalize; } .row-fluid .blog-postdate { color: #8dcaf7; font-size: 13px; line-height: 17px; } .row-fluid .resource-blog-item .blog-postdate { color: #00659F; font-size: 18px; line-height: 22px; } /* */ .resource_btn_v2 .row-fluid a.resource-cta.arrow-down { padding-right: 60px !important; } .full-video .fancybox-stage .fancybox-content{max-width:100% !important;} #popup-frm{margin:0 auto;max-width:470px!important;padding:45px!important;} .blog-form{} /* .blog-form .hs-form{margin:0 auto;max-width:470px;} */ .blog-form .hs-form label{display:block;text-align:left;} @media(min-width:900px){ .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { margin:0 20px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1 > a { padding:25px 10px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover > a { color:#00659F; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #ffffff; font-size: 16px; line-height:24px; font-weight: 700; padding:8px 30px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top:100%; transition:all .6s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top:110%; border-top:2px solid #00659f; background:#231F20; width:200px; padding:0 0 5px; line-height:0;transition:all .6s ease; display:block; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { color:#fff; float:left; text-align:left; padding:8px 20px; font-weight:500; font-size:16px;line-height:24px; width:100% !important; white-space: normal; width:100% !important; float:left; max-width: 100% !important; overflow: hidden; text-overflow: inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background:#00659f; color:#fff; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { top:0 ; } /* .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:auto; right:100%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(6) ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:auto; right:100%; } */ .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child { position:inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child:hover ul.hs-menu-children-wrapper { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child ul.hs-menu-children-wrapper { top:100%; background:#231F20; border:none; right: 0; left: auto; width: 100%; float:left; padding:0; opacity: 1; visibility: visible; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child ul.hs-menu-children-wrapper li { width:33.33%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child ul.hs-menu-children-wrapper li a { background:transparent;color:#ccc; font-size:16px; line-height:24px; padding:10px 0; background:transparent !important; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child ul.hs-menu-children-wrapper li a:hover { color: #fff; font-weight: 600; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child .childmenu_wrap { float:left; width:75%; padding:30px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child .header_cta { width:25%; float:left; margin:0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) { position:inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4):hover ul.hs-menu-children-wrapper { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper { top:100%; background:#231F20; border:none; right: 0; left: auto; width: 100%; float:left; padding:0; opacity: 1; visibility: visible; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper li { width:33.33%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper li a { background:transparent;color:#ccc; font-size:16px; line-height:24px; padding:10px 0; background:transparent !important; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper li a:hover { color: #fff; font-weight: 600; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) .childmenu_wrap { float:left; width:75%; padding:30px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) .header_cta { width:25%; float:left; margin:0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) { position:inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5):hover ul.hs-menu-children-wrapper { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper { top:100%; background:#231F20; border:none; right: 0; left: auto; width: 100%; float:left; padding:0; opacity: 1; visibility: visible; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li ul { position:relative; display:block !important; } /* .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper > li { width:33.33%; float:left; } */ .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li a { background:transparent;color:#ccc; font-size:16px; line-height:24px; padding:10px 0; background:transparent !important; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li a:hover { color: #fff; font-weight: 600; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .childmenu_wrap { float:left; width:75%; padding:30px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .header_cta { width:25%; float:left; margin:0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) { position:inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6):hover ul.hs-menu-children-wrapper { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) ul.hs-menu-children-wrapper { top:100%; background:#231F20; border:none; right: 0; left: auto; width: 100%; float:left; padding:0; opacity: 1; visibility: visible; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) ul.hs-menu-children-wrapper li { width:33.33%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) ul.hs-menu-children-wrapper li a { background:transparent;color:#ccc; font-size:16px; line-height:24px; padding:10px 0; background:transparent !important; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) ul.hs-menu-children-wrapper li a:hover { color: #fff; font-weight: 600; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) .childmenu_wrap { float:left; width:75%; padding:30px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) .header_cta { width:25%; float:left; margin:0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(2) { position:inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(2):hover > ul.hs-menu-children-wrapper { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(2) > a + ul.hs-menu-children-wrapper { padding:0; top: 100%; left: 0; width: 100%; z-index: 99; opacity: 1; visibility: visible; border:0; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { margin-top: -2px; background:#231F20; border:none; right: 0; left: auto; width: 100%; top:0; float:left; height:100%; position:relative; border: 0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 { position:initial; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a { width:100%; float:left; position:relative; font-size:18px; line-height:24px; font-weight:700; padding:25px 20px; background:#00659F; overflow:visible; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a:after { position:absolute; content:""; right: 10px; top: 50%; width: 32px; height: 15px; background: url(https://4349773.fs1.hubspotusercontent-na1.net/hubfs/4349773/right-sign.png) no-repeat; background-size: cover !important;margin-top: -7px; opacity:0; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a:hover { background:#0E87CD; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper .inneritem_wrap ul.hs-menu-children-wrapper li { width:25%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper .inneritem_wrap ul.hs-menu-children-wrapper li a { color:#ccc; font-size:16px; line-height:24px; padding:10px 5px; background:transparent !important; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper .inneritem_wrap ul.hs-menu-children-wrapper li a:hover { color: #fff; font-weight: 600; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { display:block; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; } .row-fluid .top_menu .inneritem_wrap { width:80%; float:left; padding:25px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .innermenu_title { width:20%; float:left; background:#00659F; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .innermenu_title li.current a:after { opacity:1 !important; border-left-color:#0E87CD !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .innermenu_title li.current a { background:#0E87CD !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .inneritem_wrap ul.hs-menu-children-wrapper { border: 0; float:left; visibility: visible; opacity: 1; top:0; width: 100%; position: relative; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .inneritem_wrap ul.hs-menu-children-wrapper:first-child { display:block; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) { position:inherit; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3):hover > ul.hs-menu-children-wrapper { display:block !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .thrid_tabbox { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) > a + ul.hs-menu-children-wrapper { margin-top: -1px; padding:0; top: 100%; left: 0; width: 100%; z-index: 99; opacity: 1; visibility: visible; border:0; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { margin-top: -2px; background:#231F20; border:none; right: 0; left: auto; width: 100%; top:0; float:left; height:100%; position:relative; border: 0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 { position:initial; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a { width:100%; float:left; position:relative; font-size:18px; line-height:24px; font-weight:700; padding:25px 20px; background:#00659F; overflow:visible; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a:after { position:absolute; content:""; right: 10px; top: 50%; width: 32px; height: 15px; background: url(https://4349773.fs1.hubspotusercontent-na1.net/hubfs/4349773/right-sign.png) no-repeat; background-size: cover !important;margin-top: -7px; opacity:0; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a:hover { background:#0E87CD; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li { width:25%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li a { color:#ccc; font-size:16px; line-height:24px; padding:5px 5px; background:transparent !important; transition:all .4s ease; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li a:hover { color: #fff; font-weight: 600; } .row-fluid .top_menu .menuitem_wrap3 { width:80%; float:left; padding:25px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_title3 { width:20%; float:left; background:#00659F; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_title3 li.current a:after { opacity:1 !important; border-left-color:#0E87CD !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_title3 li.current a { background:#0E87CD !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_wrap3 ul.hs-menu-children-wrapper { border: 0; float:left; height:100%; visibility: visible; opacity: 1; top:0; width: 100%; position: relative; display:none; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_wrap3 ul.hs-menu-children-wrapper:first-child { display:block; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal .menuitem_wrap3 #menuitem0 { display:flex; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal .menuitem_wrap3 #menuitem0 li { width:100%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 { padding-right:50px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 > a { font-weight: 700; color: #fff !important; border-bottom: 1px solid #fff; margin-bottom:9px; padding-bottom: 12px !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 ul.hs-menu-children-wrapper { position:relative; top:0; left:0; opacity: 1; visibility: visible; display:block; margin-top: 0 !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 ul.hs-menu-children-wrapper li { width:100%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .childmenu_wrap > li.hs-menu-depth-2 { width:25%; padding-right:40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(5) .childmenu_wrap > li.hs-menu-depth-2 > a { font-weight: 700; color: #fff !important; border-bottom: 1px solid #fff; margin-bottom:9px; padding-bottom: 12px !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(5) .menuitem_wrap3 li.hs-menu-depth-3 ul.hs-menu-children-wrapper { position:relative; top:0; left:0; opacity: 1; visibility: visible; display:block; margin-top: 0 !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(5) .menuitem_wrap3 li.hs-menu-depth-3 ul.hs-menu-children-wrapper li { width:100%; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li.hs-menu-depth-3 a { padding:5px 0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item { width:30% !important; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item:last-child { padding-right:0 !important; width:40% !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item:last-child li.hs-menu-depth-4.hs-menu-item { width:50% !important; float:left; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item:last-child a { text-align: center; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item:last-child li.hs-menu-depth-4.hs-menu-item a { text-align: left; } } /*--close--*/ .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-transform: capitalize; } .row-fluid .header_cta { background-color: #00659f; padding:40px; color:#fff; font-size:16px; line-height:24px; } .row-fluid .header_cta h3 { color:#fff; font-size: 24px; line-height:30px; font-weight:700; padding-bottom:15px; } .row-fluid .header_cta .benchmark_text { margin-bottom:20px; } .row-fluid .header_cta .connect_btn a { position:relative; background:#fff; border:1px solid #fff; font-weight:500; text-transform: uppercase; width:auto !important; overflow:hidden; color: #777777 !important; text-align:center; font-size: 18px; line-height: 24px; box-sizing: border-box !important; float: none; display: inline-block; padding:14px 65px 14px 20px !important; border-radius: 0; min-width: 240px; } .row-fluid .header_cta .connect_btn a:hover { background:#00659f; color:#fff !important; } .row-fluid .header_cta .connect_btn a:before { content: "\f105"; background-color: #fff; padding:4px; font-size: 22px; color: #777777; right: 0; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(200,200,200,0.25); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .row-fluid .header_cta .connect_btn a:hover:before { background:#00659f; color:#fff; } .row-fluid .menucontent_area { background:#231F20; display:flex; color:#fff; font-size:16px; line-height:24px; position:relative; height:100%; } .row-fluid .menucontent_area .menucontent_left { padding:30px; width:70%; float:left; } .row-fluid .menucontent_area .menucontent_right { width:30%; float:left; background-size:cover !important; } .row-fluid .menucontent_area h3 { color:#fff; } .row-fluid .menucontent_area .menucontent_btn { margin-top:20px; } .row-fluid .menucontent_area .menucontent_btn a { position:relative; width:auto !important; background:#00659f; overflow:hidden; color: #fff; text-align:center; font-size: 18px; line-height: 24px; box-sizing: border-box !important; float: none; display: inline-block; padding:14px 65px 14px 20px !important; border-radius: 0; min-width: 240px; } .row-fluid .menucontent_area .menucontent_btn a:hover { background:#2d3034; } .row-fluid .menucontent_area .menucontent_btn a:before { content: "\f105"; background-color: #00659f; padding:4px; font-size: 22px; color: #fff; right: 0; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(200,200,200,0.25); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .row-fluid .menucontent_area .menucontent_btn a:hover:before { background:#2d3034; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_wrap3 ul[data-menu="menuitem2"] li { display:none; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_wrap3 ul[data-menu="menuitem3"] li { display:none; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_wrap3 ul[data-menu="menuitem4"] li { display:none; } .row-fluid .tabtext_box.active { display:block; } .row-fluid .tabtext_box { display:none; background:#000; position:relative; z-index:99; padding:30px; text-align:center; color:#fff; font-size:18px; line-height:24px; margin:0; } .row-fluid .tabtext_box strong { margin-right:10px; } .row-fluid .tabtext_box .hs-cta-wrapper a { color: #fff; width:auto !important; background: #00659f; padding: 8px 30px !important; margin-left: 15px; font-size: 16px; line-height: 24px; float: none; vertical-align: middle !important; } .row-fluid .tabtext_box .hs-cta-wrapper a:hover { background:#fff; color:#00659f !important; } /*----*/ .row-fluid .hero_section .heronew-content { padding:130px 0; } .row-fluid .hero_section .heronew-content h1 { padding:0; font-size: 48px; line-height:56px; font-weight: 700; text-transform: capitalize; } .row-fluid .hero_section.heronew-section:before { background-color: #00659f; opacity:0.5; } .row-fluid .hero_section .hero_btn { margin-top:30px; } .row-fluid .hero_section .hero_btn a { position:relative; background:#fff; overflow:hidden; color: #00659f; text-align:center; font-size: 18px; line-height: 24px; box-sizing: border-box !important; float: none; display: inline-block; padding:14px 65px 14px 20px; border-radius: 0; min-width: 240px; } .row-fluid .hero_section .hero_btn a:hover { background:#00659f; color:#fff; } .row-fluid .hero_section .hero_btn a:before { content: "\f105"; background-color: #fff; padding:4px; font-size: 22px; color: #00659f; right: 0; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(200,200,200,0.25); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .row-fluid .hero_section .hero_btn a:hover:before { background:#00659f; color:#fff; } .row-fluid .titlecontent_area { padding:65px 0 60px; text-align:center; font-size:18px; line-height:26px; } .row-fluid .titlecontent_area p { padding:5px 0; } .row-fluid .titlecontent_area h2 { text-transform: none !important; text-align:center; margin-bottom:20px; position:relative; padding-bottom: 20px; color: #00659f; } .row-fluid .titlecontent_area h2:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 50%; margin-left: -70px; } .row-fluid .titlecontent_area h3 { text-align:center; margin-bottom:20px; position:relative; padding-bottom: 20px; color: #00659f; } .row-fluid .titlecontent_area h3:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 50%; margin-left: -70px; } .row-fluid .benchmark_title { padding:80px 0; text-align:center; } .row-fluid .benchmark_title { } .row-fluid .benchmark_title h2 { text-align:center; margin-bottom:0; position:relative; padding-bottom: 20px; color: #00659f; text-transform: capitalize; } .row-fluid .benchmark_title h2:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 50%; margin-left: -70px; } .row-fluid .stripcta_box .strip-title { font-size: 28px; line-height:36px; font-weight: 700;} .boxfont .row-fluid .service-feature-col h3 { font-size: 26px; line-height:34px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; } .row-fluid .fiftyimgtext_area { padding:70px 0; } .row-fluid .fiftyimgtext_area .wrapper { display:flex; align-items:center; } .row-fluid .fiftyimgtext_area .fiftyimgtext_left { width:50%; float:left; padding-right:40px; } .row-fluid .fiftyimgtext_area .fiftyimgtext_right { width:50%; float:left; } .row-fluid .fiftyimgtext_area .fiftyimgtext_right div { margin-bottom:0 !important; } .row-fluid .fiftyimgtext_left h3 { margin-bottom:20px; position:relative; padding-bottom: 20px; color: #00659f; width:100%; float:left; } .row-fluid .fiftyimgtext_left h3:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 0; } .row-fluid .fiftyimgtext_area .fiftyimgtext_right .box_img { height:350px; background-size:cover !important; } /*---*/ .row-fluid .markets_content { padding:80px 0; } .row-fluid .markets_content .textmarkets_title { margin-bottom:20px; position:relative; padding-bottom: 20px; color: #00659f; width:100%; float:left; } .row-fluid .markets_content .textmarkets_title:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 0; } .row-fluid .markets_content .marketstext_2 { padding:40px 0; text-align:center; } .row-fluid .markets_content .marketstext_2 ul { width:100%; float:none; display:inline-block; padding:0; margin:0; max-width:800px; text-align:left; } .row-fluid .markets_content .marketstext_2 ul li { width:100%; float:left; } /*---*/ .row-fluid .fullbgimg_area { padding:150px 0; text-align:center; position:relative; } .row-fluid .fullbgimg_area:before { position:absolute; content:""; background:#00659f; width:100%; height:100%; opacity:0.5; left:0; top:0; } .row-fluid .fullbgimg_area h2 { color:#fff; position:relative; padding:0; font-size: 42px; line-height:58px; font-weight: 500; text-transform: capitalize; } .row-fluid .blogfee_area .feed_btn { margin:20px 0; } .row-fluid .blogfee_area .feed_btn a { position:relative; background:#00659f; overflow:hidden; color: #fff; text-align:center; font-size: 18px; line-height: 24px; box-sizing: border-box !important; float: none; display: inline-block; padding:14px 65px 14px 20px; border-radius: 0; min-width: 240px; } .row-fluid .blogfee_area .feed_btn a:hover { background:#2d3034; } .row-fluid .blogfee_area .feed_btn a:before { content: "\f105"; background-color: #00659f; padding:4px; font-size: 22px; color: #fff; right: 0; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(200,200,200,0.25); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .row-fluid .blogfee_area .feed_btn a:hover:before { background:#2d3034; } /*---*/ .row-fluid .newevent_blogpost { padding:60px 0; text-align:center; } .row-fluid .newevent_blogpost h2 { width:100%; float:left; margin-bottom:40px; font-size: 32px; line-height:40px; font-weight: 700; color:#00659f; } .row-fluid .newevent_blogpost .newsleft_post { width:50%; float:left; text-align:left; padding-right:30px; } .row-fluid .newevent_blogpost .eventright_post { width:50%; float:left; text-align:left; padding-left:30px; } .row-fluid .newevent_blogpost h3 { width:100%; float:left; font-size: 28px; text-transform:uppercase; line-height:34px; font-weight: 700; text-align:center; margin-bottom:40px; position:relative; padding-bottom: 20px;} .row-fluid .newevent_blogpost h3:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 50%; margin-left: -70px; } /*---*/ .row-fluid .blogpost_cover .post_item { margin-bottom:30px; text-align:center; } .row-fluid .blogpost_cover .post_item:last-child { margin-bottom:0; } .row-fluid .blogpost_cover .post_item .post_image { width:100%; position:relative; float:none; display:inline-block; max-width:416px; height:208px; background-position: center center !important; background-repeat: no-repeat !important; background-size:cover !important; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); } /* .row-fluid .blogpost_cover .post_item .post_image:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; transition:all .4s ease; } .row-fluid .blogpost_cover .post_item:hover .post_image:before { opacity:0.5; } */ .row-fluid .blogpost_cover .post_item .post_image a { position:absolute; left:0; color:#fff; font-size: 18px; line-height: 24px; text-align: center; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; display: flex; align-items: center; justify-content: center;} .row-fluid .blogpost_cover .post_item:hover .post_image a { opacity:1; } .row-fluid .blogpost_cover .post_item .post_title { width:100%; float:left; font-size: 18px; line-height:24px; font-weight: 600; } .row-fluid .blogpost_cover .post_item .post_content { width:100%; float:left; font-size: 14px; line-height:22px; margin:10px 0; } /* .row-fluid .blogpost_cover .post_item .read_more { background:#00659f; color: #fff; font-size: 16px; line-height: 22px; text-align: center; box-sizing: border-box !important; float: none; display: inline-block; padding: 8px 20px; border-radius: 0; min-width: 150px; } .row-fluid .blogpost_cover .post_item .read_more:hover { background:#2d3034; } */ .row-fluid .blogpost_cover .post_item .post_info { width:100%; float:left; padding-left:0; max-width: 400px; float: none;display:inline-block; } .row-fluid .newevent_blogpost .blog_btn { margin-top:40px; text-align:center; } .row-fluid .newevent_blogpost .blog_btn a { position:relative; background:#00659f; overflow:hidden; color: #fff; text-align:center; font-size: 18px; line-height: 24px; box-sizing: border-box !important; float: none; display: inline-block; padding:14px 65px 14px 20px; border-radius: 0; min-width: 240px; } .row-fluid .newevent_blogpost .blog_btn a:hover { background:#2d3034; } .row-fluid .newevent_blogpost .blog_btn a:before { content: "\f105"; background-color: #00659f; padding:4px; font-size: 22px; color: #fff; right: 0; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(200,200,200,0.25); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .row-fluid .newevent_blogpost .blog_btn a:hover:before { background:#2d3034; } /*---*/ .row-fluid .capabilities_area { padding:60px 0 30px; } .row-fluid .capabilities_area h3 { margin-bottom:20px; position:relative; padding-bottom: 20px; color: #00659f; width:100%; float:left; } .row-fluid .capabilities_area h3:after { position:absolute; content:""; background:#00659f; height:2px; width:140px; bottom:0; left: 0; } /* .row-fluid .capabilities_top { width:44%; float:left; } */ .row-fluid .capabilities_main { width:100%; float:left; padding-left:0; } .row-fluid .capabilities_main h3 { margin-bottom:30px; padding-left:0; } .row-fluid .capabilities_main h3:after { left:10px; } .row-fluid .capabilities_topbtn { margin-top:20px; } .row-fluid .capabilities_topbtn a { position:relative; background:#00659f; overflow:hidden; color: #fff; text-align:center; font-size: 18px; line-height: 24px; box-sizing: border-box !important; float: none; display: inline-block; padding:14px 65px 14px 20px; border-radius: 0; min-width: 200px; } .row-fluid .capabilities_topbtn a:hover { background:#2d3034; } .row-fluid .capabilities_topbtn a:before { content: "\f105"; background-color: #00659f; padding:4px; font-size: 22px; color: #fff; right: 0; width: 43px; height: 100%; line-height: 43px; position: absolute; top: 0; text-align: center; font-family: 'FontAwesome'; border-left: 1px solid rgba(200,200,200,0.25); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .row-fluid .capabilities_topbtn a:hover:before { background:#2d3034; } .row-fluid .capabilities_cover { margin:0 -10px; display:block; } .row-fluid .capabilities_box { position:relative; width:calc(16.66% - 20px); max-width:290px; float:left; margin:0 10px 20px; border-radius: 5px; overflow:hidden; } .row-fluid .capabilities_box .capabilities_img { height:93px; background-size:cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .row-fluid .capabilities_box h4 { color:#fff; position:absolute; left:0; top:0; text-transform:uppercase; font-size:16px; line-height:22px; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; padding:10px; display: flex; align-items: center; justify-content: center; transition:all .4s ease; } .row-fluid .capabilities_box:hover h4 { background:rgba(0,0,0,0.8); } .row-fluid .capabilities_box .box_link { position:absolute; left:0; top:0; width:100%; height:100%; } /*----*/ .row-fluid .placecontent_area { padding:60px 0; } .row-fluid .blurbg_rightext { box-shadow: 0 7px 6px rgba(0, 0, 0, 0.43); padding:30px; border-radius: 6px; background-color: #00659f; } .row-fluid .blurbg_rightext ul { padding-left: 20px; } .row-fluid .blurbg_rightext_2 { margin-top:80px; } .row-fluid .blurbg_rightext h4 { color:#fff; font-size:24px; line-height:30px; } .row-fluid .blurbg_rightext ul li { color:#fff; } .row-fluid .placecontent_area_inner { margin-top:20px; } /*---*/ .row-fluid .videoimg_box { text-align:center; } .row-fluid .videoimg_box .videoimg_boximg { float:none; display:inline-block; max-width:900px; border-radius:10px; height:410px; background-size:cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .row-fluid .videoimg_box .videoimg_boxvideo div { margin-bottom:0 !important; } /*---*/ .row-fluid .benchmark_boxmodule .service-feature-col { width:33.33%; text-align:left; float:none; display:inline-block; vertical-align:top; margin:0 -2px; } .row-fluid .benchmark_boxmodule .service-feature-imgbox { padding:100px 70px; } .row-fluid .benchmark_boxmodule .service-feature-textbox { text-align: center } .row-fluid .service-feature-section.fourclm4 .service-feature-col { width:50%; } /*----*/ .row-fluid .hero-sliderbg { position:relative; } .row-fluid .hero-sliderbg .hero_bgimg { width:100%; height:100%; position:absolute; content:""; left:0; top:0; background-size:cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .row-fluid .hero-sliderbg .hero_bgimg:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); } .row-fluid .hero-sliderbg .hero_bgvideo { width:100%; height:100%; position:absolute; content:""; left:0; top:0; } .row-fluid .hero-sliderbg .hero_bgvideo:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); z-index:1; } .row-fluid .hero-sliderbg .hero_bgvideo video { position:absolute; width:100%; min-height:100%; object-fit:cover; max-width: 100%; top:0; left:0; } .row-fluid .hero-sliderbg .wrapper { position:relative; z-index:9; } .row-fluid .hero_sliderbox a.hero-style1.cta-arrow3 { margin-left:0; } .row-fluid .hero_sliderbox.hero-slider-section .hero-sliderbg { padding:200px 0; } .row-fluid .hero_sliderbox.hero-slider-section .hero-slider-text { float:none; display:inline-block; } .row-fluid .hero_sliderbox { text-align:center; } .row-fluid .hero_sliderbox .herobtn-box > div { text-align:center; width:100%; float:left; } .row-fluid .hero_sliderbox .herobtn-box a { float:none; display:inline-block; margin-left: -40px !important; } .row-fluid .hs-form fieldset.form-columns-1 select.hs-input { background-color:#f5f5f5; -webkit-appearance: inner-spin-button; -moz-appearance: inner-spin-button; appearance: inner-spin-button; } .row-fluid .hs-form fieldset.form-columns-1 .input { margin-right:0; } .row-fluid .timeline_area { float:left; width:100%; } .row-fluid .timeline_area li { float:left; width:100%; } .row-fluid .timeline_area .desc { float:left; } .row-fluid .timeline_area .timeline_text { width:100%; float:left; margin-top:10px; } .row-fluid .fullimage_area { width:100%; float:left; text-align:center; padding:70px 0; } .row-fluid .fullimage_area .fullimage_img { width:100%; float:none; display:inline-block; max-width:880px; height:495px; background-size:cover !important; background-position:center center !important; background-repeat: no-repeat !important; position:relative; } .row-fluid .fullimage_area .fullimage_img:hover:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:#00649B; opacity:0.7; } .row-fluid .fullimage_area .fullimage_img a { color:#fff; font-size:24px; line-height:30px; position:absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity:0; } .row-fluid .fullimage_area .fullimage_img a:hover { color:#fff;} .row-fluid .fullimage_area .fullimage_img:hover a { opacity:1; } .row-fluid .certifications_box ul { display: flex; flex-direction: column; flex-flow: wrap; } /* 12-03-2020 */ .row-fluid .onecol-text.two-col-wrapper .left-content { float: left; width: 60%; padding: 0 15px; } .row-fluid .onecol-text.two-col-wrapper .left-content.lpfullwidth { width:100% } .row-fluid .onecol-text.two-col-wrapper .rail-form { margin: 0; float: left; width: 40%; padding: 0 15px; } .row-fluid .onecol-text.two-col-wrapper .two-col-inner > div > div { margin: 0 -15px; } .row-fluid a.resource-cta { min-width: inherit; width: 100%; max-width: 220px; } /* .row-fluid .video-codebox.fullwd-vid .video-iframewrap { width: 100%; height:600px; } */ /*---*/ .row-fluid .capabilities_section { padding:80px 0 30px; background:#00659f; text-align:center; } .row-fluid .capabilities_section h3 { width:100%; float:left; color:#fff; text-transform: uppercase; margin-bottom:40px; } .row-fluid .capabilities_section .subsector_list h3 { margin-bottom:50px; } .row-fluid .capabilities_section .subsector_listwrap { margin-bottom:50px; position:relative; padding-bottom:30px; } .row-fluid .capabilities_section .subsector_listwrap:after { position:absolute; content:""; left:50%; bottom:0; width:100%; max-width:500px; height:2px; background:#fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .row-fluid .capabilities_section .subsector_listwrap ul { width:100%; float:left; text-align:center; list-style:none; padding:0; margin:0; } .row-fluid .capabilities_section .subsector_listwrap ul li { float:none; display:inline-block; } .row-fluid .capabilities_section .subsector_listwrap ul li a { float:left; border-radius:5px; color:#000000; font-weight: 500; display: flex; align-items: center; justify-content: center; cursor:pointer; word-break: break-word; font-size: 12px; line-height: 18px; width:130px; height:80px; margin:0 10px 30px; background:rgba(255,255,255,0.8); padding:18px; opacity:0.5; transition:all .4s ease; } .row-fluid .capabilities_section .subsector_listwrap ul li a.active { opacity:1; transform: scale(1.2); background:#fff;} .row-fluid .capabilities_section .related_capabilities ul { width:100%; float:left; text-align:center; list-style:none; padding:0 100px; margin:0; } .row-fluid .capabilities_section .related_capabilities ul li { float:none; display:inline-block; width:20%; margin-right:-4px; } .row-fluid .capabilities_section .related_capabilities ul li a { float:left; display: flex; align-items: center; justify-content: center; color:#000000; font-weight: 500; cursor:pointer; word-break: break-word; font-size: 14px; line-height: 22px; width:150px; height:150px; margin:0 20px 30px; background:rgba(255,255,255,0.8); padding:12px; border-radius:50%; opacity:0.5; transition:all .4s ease; pointer-events: none; } .row-fluid .capabilities_section .related_capabilities ul li a.active { opacity:1; pointer-events: inherit; background:#fff; transform: scale(1.1);} /* .row-fluid .capabilities_section .related_capabilities_wrap { position:releative; z-index:1; } .row-fluid .capabilities_section .related_capabilities_wrap:before { position:absolute; content:""; left: 50%; top: 50%; width: calc(100% - 200px); height:calc(100% - 240px); background: #D0D0D0; transform: translateX(-50%) translateY(-50%); z-index:-1; margin-top: 15px; box-shadow: 0px 10px 5px 0px #aaa; -webkit-box-shadow: 0px 10px 5px 0px #aaa; -moz-box-shadow: 0px 10px 5px 0px #aaa; } */ .ctabg_clr .row-fluid .strip-section { background:#231F20; } /* 04-04-2020 bench-sitemap-menu */ .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 > ul.hs-menu-children-wrapper { position:static; margin: 0; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul { margin: 16px 0; } /* .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 a { padding: 0; } */ .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul li.hs-menu-item.hs-menu-depth-2 ul.hs-menu-children-wrapper { position: static; margin: 0; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li a { padding: 0 0 0 40px; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 > a:before { content: ''; position: absolute; width: 6px; height: 6px; background: #777; left: 22px; top: 14px; border-radius: 100% ; transition: all 0.5s; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 > a:hover:before { border-radius: 0; background: #00659f; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a { padding: 0 0 0 80px; position: relative; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 > a:before { content: ''; position: absolute; width: 7px; height: 7px; border: 1px solid #777; left: 62px; top: 13px; border-radius: 100% ; transition: all 0.5s;} .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 > a:hover:before { border: 1px solid #00659f; background: #00659f } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 a { padding: 0 0 0 120px; position: relative; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 a:before { content: ''; position: absolute; width: 6px; height: 6px; background: #777; left: 102px; top: 13px; transition: all 0.5s; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 a:hover:before {background:#00659f; border-radius: 100%; } .heronew-section.blog-banner h1 {padding-bottom: 0;} .heronew-section.blog-banner .sub-title {font-size: 42px; line-height: 50px; color: #fff; text-transform: none; font-weight: 300;} /*** Update 28-04-2020 ***/ .row-fluid .resources_main { margin-top:60px; text-align:center; } .row-fluid .resources_main div.hs_cos_wrapper_widget { margin:0 -2px; padding:15px 50px; width:33.33%; display:inline-block; vertical-align:top; } .row-fluid .resources_main .resource-box { margin:0 auto; max-width:330px; display:block; } .row-fluid .resources_main .resource-text { text-align:left; } .row-fluid .resources_main .resource-img a { padding:0; border:none; } .row-fluid .miniatu_box { margin:0; padding:0 30px 0 0; width:calc(100% - 280px); float:left; } .row-fluid .down_box { margin:0; width:280px; float:left; } .row-fluid .miniatu_box.right { padding:0 0 0 30px; } .Micro-e .pc-section-content {padding-right:430px;} .loc-comp-market-sec .right-side .mg-info .img-wrap {width: 30px;float: left;margin: 0;} .loc-comp-market-sec .right-side .mg-info .img-wrap img {height:30px;border-radius: 50%;} .loc-comp-market-sec .right-side .mg-info .info-wrap{width: calc(100% - 35px);float: left; padding-left: 19px;} .loc-comp-market-sec .right-side .mg-info .info-wrap h5 {margin: 0; padding: 0;} .row-fluid .video-codebox.fullwd-vid .video-iframewrap { height: 0; width: 100%; position: relative; padding: 56.25% 0 0; } .row-fluid .video-iframewrap iframe { height: 100%; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; } @media (min-width:1600px){ .row-fluid .navbar:hover .intro-menu-listing { opacity:1; visibility:visible; } .row-fluid .intro-menu-listing { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;; } .row-fluid .sidebar-menu-title { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;; } } @media (min-width: 1300px){ .row-fluid .innovate-together-section { text-align:center; } .row-fluid .innovate-together-section .wrapper > div > div { display:block; } .row-fluid .innovate-left { float:none; display:inline-block; vertical-align:middle; margin:0; text-align:left; } .row-fluid .innovate-right { float:none; display:inline-block; vertical-align:middle; margin:0; width:auto; } } @media (max-width: 1619px){ .Micro-e .pc-section-content { padding-right: 320px;} } @media (max-width: 1400px){ /* .row-fluid .blog-section1 .post-image { width: 100%; max-width:400px; height: 200px; } */ .row-fluid .innovate-together-section .wrapper { max-width:1150px; width:100%; } .row-fluid .resources-wrap .wrapper { width:1150px; } .row-fluid .loca_row h3 { font-size: 20px; line-height: 32px; letter-spacing: 1px;} .row-fluid .singlepoint_title { font-size: 20px; line-height: 32px; letter-spacing: 1px;} .row-fluid .capabilities_section .subsector_listwrap ul li a { width: 130px; height: 130px; margin: 0 15px 15px; } .row-fluid .capabilities_section .related_capabilities ul li a { width:180px; height:180px; } .row-fluid .capabilities_section .related_capabilities ul { padding:0; } .row-fluid .capabilities_section .related_capabilities ul li { width:25%; } .Micro-e .pc-section-content { padding-right: 230px;} } @media (max-width: 1200px){ .row-fluid .full-banner h1 { font-size: 45px; } .row-fluid .full-banner h1 span { font-size: 35px; } .row-fluid .full-banner .full-banner-left p { font-size: 17px; } .row-fluid .full-banner { padding: 180px 0px 95px; } .row-fluid .min-normal-section { padding: 70px 0; } .row-fluid .gray-full { padding: 70px 0 80px; } .row-fluid .use-cases-main { padding: 75px 0px 70px; } .row-fluid .vimeo-section.piller-video .vimeo-main { height: 517px;} .blog-2019 .month-group .post-box-inner { width: calc((100% / 2) - 30px); } .hs-blog-listing .blog-new-left { width: 65%; } .hs-blog-listing .blog-new-right { width: 32%; } .row-fluid .loca_row h3 { font-size: 18px; line-height: 25px; letter-spacing: 1px; } .row-fluid .singlepoint_title { font-size: 18px; line-height: 25px; letter-spacing: 1px; } .row-fluid .fullbgimg_area { padding:100px 0; } .row-fluid .fullbgimg_area h2 { font-size: 36px; line-height: 50px; } .row-fluid .benchmark_boxmodule .service-feature-imgbox { padding:30px; } .row-fluid .innovate-together-section .wrapper { max-width:960px; } .row-fluid .innovate-together-section { background-position: 50% 60px;background-size: cover;} .row-fluid .capabilities_box { width:calc(25% - 20px); } .row-fluid .resources-wrap .wrapper { width:950px; padding:0 20px; } .row-fluid .resources-wrap h2 { font-size: 32px; line-height: 38px; } .row-fluid .cs-awc-section.loc-comp-market-sec .certifications_list .certifications_box { max-width:100%; } .row-fluid .cs-awc-section.loc-comp-market-sec .mg-info .mg-title { font-size: 14px; line-height: 20px; margin:0 10px 20px; } .row-fluid .capabilities_section .subsector_listwrap ul li a { width: 130px; height: 130px; margin: 0 15px 15px; } .row-fluid .capabilities_section .related_capabilities ul li a { width:180px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item { width:33.33% !important; float: none; display: inline-block; vertical-align: top; margin-right: -4px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item:last-child { width:33.33% !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) .hs-menu-children-wrapper .menuitem_wrap3 .hs-menu-children-wrapper:first-child > li.hs-menu-depth-3.hs-menu-item:last-child li.hs-menu-depth-4.hs-menu-item { width:100% !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li a { font-size:15px; } .row-fluid .capabilities_section .related_capabilities ul { padding:0; } .row-fluid .capabilities_section .related_capabilities ul li { width:25%; } .row-fluid .capabilities_section .subsector_listwrap ul li a { height:100px; } .row-fluid .resources_main div.hs_cos_wrapper_widget { width:50%; } .row-fluid .blog-inner-text{padding:0 10px 20px;} .single-cat{width: calc(100% / 5 - 15px);} } @media (min-width: 768px) and (max-width: 991px) { .row-fluid .locationinfo_list ul li { } .row-fluid .cs-awc-section.loc-comp-market-sec .certifications_list .certifications_box { max-width:100%; } .row-fluid .certifications_box ul li { padding:8px 10px; } .row-fluid .certifications_box ul { display: flex; flex-direction: column; flex-flow: wrap; } .row-fluid .capabilities_section .subsector_listwrap ul li a { margin-bottom:20px; } .row-fluid .future-section1 .hs_cos_wrapper_widget { padding:0 ; } .row-fluid .capabilities_section .related_capabilities ul { padding:0; } .row-fluid .capabilities_section .related_capabilities ul li { width:33.33%; } .row-fluid .blogfeedraw .blogfeed-wrap { padding:0; } /* Resources Blog Page */ .row-fluid .blog-filterleft { width: 40%; } .row-fluid .blog-mainwrap .resource-blog-filter { width:307px; } .row-fluid .blog-filterresult { width: 60%; padding-left: 27px; } .row-fluid .resource-blog-filter .option-combo { margin-bottom: 30px; } .row-fluid .resource-blog-filter label.filter-click { font-size: 12px; letter-spacing: 0; } .row-fluid .blog-mainwrap { padding: 70px 0; } .row-fluid .resource-blog-item { width: 100%; padding: 0 10px; } .row-fluid .resource-blog-item .filter-blogimg { height: 200px; } } @media (max-width: 991px){ .row-fluid .full-banner .full-banner-left { padding-right: 0; width: 100%; padding-bottom: 25px; } .row-fluid .full-banner .full-banner-right { width: 100%; max-width: 400px; margin: auto; float: none; } .row-fluid .full-banner { padding: 150px 0px 50px; } .row-fluid .min-normal-section { padding: 50px 0; } .row-fluid .gray-full.gray-row-reverse h2 { margin-bottom: 35px; } .box-outer .box-inner .box-content { font-size: 15px; line-height: 25px; } .box-outer { padding: 0; } .row-fluid .vimeo-section .vimeo-right { width: 100%; margin: 0; text-align: center;} .row-fluid .vimeo-section .vimeo-left { width: 100%; max-width: 400px; margin: 0 auto 25px; float: none;} .row-fluid .vimeo-section .wrapper > div > div { display: block;} .row-fluid .min-normal-section:not(.vimeo-section) .wrapper {max-width:100%} .row-fluid .vimeo-section.piller-video .vimeo-main { height: 405px;} .row-fluid .cs-awc-section .mg-info .thumb img { height: 110px !important; width: 110px !important;} .row-fluid .cs-awc-section .mg-info .thumb { width: 110px; } .row-fluid .cs-awc-section { padding: 60px 0; } .row-fluid .cs-location-section .single-group ul li input[type="checkbox"] + label {font-size: 14px;} .row-fluid .cs-location-section .single-group span.grp-title { font-size: 15px; } .row-fluid .cs-location-section .loaction-listing .single-box { width: 50%; } .blog-2019 .month-group .post-box-inner { width: calc((100% / 2) - 30px); } .blog-2019 .row-fluid .pagination-block { margin-top: 20px; } .blog-2019.hs-blog-listing .row-fluid .heronew-content { padding: 230px 0 110px; } .blog-2019.hs-blog-post .row-fluid .blog-new .wrapper > div > div .blog-new-left { width: 100%; } .blog-2019.hs-blog-post .row-fluid .blog-new .section.post-header { padding: 0; } .blog-2019.hs-blog-post .blog-new-right { width: 100%; padding: 30px 0 0; } .row-fluid .locationinfo_list { margin:20px 0 0; width:100%; } .row-fluid .heronewvideo { padding:100px 0; } .row-fluid .hero_section .heronew-content { padding:90px 0; } .row-fluid .hero_section .heronew-content h1 { font-size: 34px; line-height: 48px; } .row-fluid .fiftyimgtext_area { padding:40px 0; } .row-fluid .fullbgimg_area { padding:70px 0; } .row-fluid .fullbgimg_area h2 { font-size: 30px; line-height: 44px; } .row-fluid .markets_content { padding:50px 0; } .row-fluid .newevent_blogpost h2 { font-size: 28px; line-height: 36px; } .row-fluid .newevent_blogpost { padding:50px 0; } .row-fluid .newevent_blogpost h3 { font-size: 22px; line-height: 28px; padding-bottom: 15px; margin-bottom: 30px; } .row-fluid .blogpost_cover .post_item .post_image { width:100%; } .row-fluid .blogpost_cover .post_item .post_info { width:100%; padding-left:0; padding-top:20px; } .row-fluid .capabilities_box { width:calc(100% - 20px); } .row-fluid .blurbg_rightext h4 { font-size: 20px; line-height: 30px; } .row-fluid .videoimg_box .videoimg_boximg { height: 350px; } .row-fluid .blurbg_rightext { padding:30px; } .row-fluid .benchmark_boxmodule .service-feature-col { width:50%; text-align:left; } .row-fluid .benchmark_boxmodule .service-feature-imgbox { padding:30px; } .row-fluid .hero_sliderbox.hero-slider-section .hero-sliderbg { padding: 80px 0; } /* .row-fluid .blog-section1 .post-image { width:100%; max-width:400px; } */ .row-fluid .fullimage_area .fullimage_img { max-width:600px; } /* .row-fluid .event-postcol .post-image { height:210px; } */ .row-fluid .event-postcol .post-title.fl100 { width:100%; } /* .row-fluid .blog-section1 .blog-block { width:100%; } */ .row-fluid .innovate-together-section { background-position: 50% 100%; background-size: 100%; } .row-fluid .capabilities_box { width:calc(33.33% - 20px); } .row-fluid .resources-wrap h2 { font-size: 32px; line-height: 38px; } .row-fluid .resources-wrap .wrapper { width:100%; } /* */ .headline-module-section { padding: 60px 0; } .single-cat { width: calc(100% / 3 - 23px); } .row-fluid .resources_main div.hs_cos_wrapper_widget { width:50%; } /* 11-09-2020 */ .row-fluid .teamenber-slider .slick-slide { padding: 0 10px; } } @media (max-width: 767px){ .mobile-top-padding {padding-top: 200px;} .row-fluid .full-banner h1 span { font-size: 28px; display: initial; } .row-fluid .full-banner h1 { font-size: 35px; } .row-fluid .gray-full .flex-dir > div > div { display: block; } .row-fluid .gray-full .about-box.bgimg-main, .row-fluid .gray-full .about-box-3.bgimg-main { height: 350px !important; margin-top: 25px; } .row-fluid .gray-full.gray-row-reverse .about-boxinner { padding-left: 0; } .row-fluid .gray-full:not(.gray-row-reverse) .about-boxinner { padding-right: 0; } .box-outer .box-inner { display: table; width: 100%; } .box-outer .box-inner .box-img { width: 100%; min-height: 200px; } .box-outer .box-inner .box-content { font-size: 14px; line-height: 25px; width: 100%; padding: 15px 15px; } .row-fluid .use-cases-main { padding: 60px 0px 60px; } .row-fluid .gray-full { padding: 70px 0 60px; } .row-fluid .gray-full.gray-row-reverse h2 { margin-bottom: 25px; } .row-fluid .heading-border h2 { font-size: 20px; line-height: 30px; } .row-fluid .about-boxinner h2 { font-size: 24px; } .row-fluid .min-normal-section h2 { font-size: 24px;} .row-fluid .heading-border h2 {font-size: 24px; line-height: normal;} .vimeo-main a.vimeo-video { height: auto; max-height: 300px;} .row-fluid .vimeo-section.piller-video .vimeo-main a.vimeo-video { max-height: inherit;} .row-fluid .vimeo-section.piller-video .vimeo-main { height: inherit; width: 100%; display: block;} .row-fluid .cs-awc-section .Markets{padding:30px 0 0;} .row-fluid .cs-awc-section .mg-info .thumb img{height:100px!important;width:100px!important;} .row-fluid .cs-awc-section .mg-info .mg-text{font-size:23px;} .row-fluid .cs-awc-section .mg-info .mg-title{font-size:15px;} .row-fluid .cs-vti-section .vti-listing .single-box{width:100%;float:none;max-width:500px;margin:0 auto;} .row-fluid .cs-rcap-section .box-wrapper .single-box{width:100%;} .row-fluid .single-cta{text-align:center;} .row-fluid .cs-awc-section .cs-awc-listing .single-box { width: 50%; } .row-fluid .cs-location-section .filter-group-wrapper { padding: 0; background: transparent; } .row-fluid .cs-location-section .filter-group-wrapper .single-group { width: 100%; padding: 8px 0; } .row-fluid .cs-location-section .single-group .single-group-ul { position: relative; } .row-fluid .cs-location-section .single-group .single-group-ul > label { display: block; float: left; width: 100%; border: 2px solid #6d6d6d; padding: 7px 15px; font-size: 14px; position: relative; cursor: pointer; font-weight: 400; text-transform: capitalize; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 45px; } .row-fluid .cs-location-section .single-group ul { position: absolute; top: 100%; left: 0; width: 100%; background: whitesmoke; z-index: 1; padding: 5px 15px; border: 2px solid #6d6d6d; border-top: 0; transform: translateY(-10px); transition: all 0.3s ease; opacity: 0; visibility: hidden; } .row-fluid .cs-location-section .single-group .single-group-ul:after { content: ''; display: table; clear: both; } .row-fluid .cs-location-section .single-group ul li { margin: 13px 0; } .row-fluid .cs-location-section .single-group.open ul { transform: translateY(0px); opacity: 1; visibility: visible; } .row-fluid .cs-location-section .single-group .single-group-ul > label:after { content: "\f107"; position: absolute; right: 0; top: 0; height: 100%; width: 45px; font-family: fontawesome; line-height: 44px; text-align: center; transition: all 0.3s ease; font-size: 20px; } .row-fluid .cs-location-section .single-group.open .single-group-ul > label:after { transform: scale(-1); } .row-fluid .cs-headquarter-section .content { padding: 20px 0 0; } .row-fluid .cs-headquarter-section .thumb { height: 300px; width: 100%; } .row-fluid .cs-headquarter-section .wrapper > div > div { flex-wrap: wrap; flex-direction: column-reverse; } .row-fluid .cs-location-section label.sel-opt { display:block; } .row-fluid .top-gray{padding:2px 15px 8px; text-align:center;} .row-fluid .top-gray > div > div { justify-content: center; } .row-fluid .top-gray .benchmark{max-width:90px;display: flex; align-items: center; } .row-fluid .top-gray .secure{max-width:90px; display: flex; align-items: center; } .row-fluid .top-gray > div > div > div{margin:0; border-right:none; padding:4px 10px; display:inline-block; vertical-align:middle;} .row-fluid .top-gray > div > div > div img{display: block;} .blog-2019.hs-blog-listing .row-fluid .heronew-content { padding: 200px 0 80px; font-size: 19px; } .row-fluid .blog-comment { margin-top: 30px; } .blog-2019 .month-group .post-box-inner h2 { font-size: 18px; padding: 0 0 20px; } .row-fluid .blog-new { padding: 30px 0 30px; } .blog-2019.hs-blog-post .row-fluid .heronew-content { padding: 200px 0 30px; } .hs-blog-listing .blog-new-left { width: 100%; } .hs-blog-listing .blog-new-right { width: 100%;} /* Micro Mini Pillar Page */ .row-fluid .micro-pillar-herosec { padding: 150px 0 70px; } .row-fluid .micro-pillar-herosec h1 { font-size: 28px; line-height: 36px; padding:0 0 20px; } .row-fluid .hero-simplemenu a.services-cta { font-size: 16px; line-height: 24px; padding: 20px 30px; } .row-fluid .pillar-introduction-section { padding: 40px 0 0; line-height: 24px; font-size: 14px; } .row-fluid .title-style h2 { font-size: 22px; line-height: 28px; } .row-fluid .pillar-richtextbox h5 { font-size: 14px; line-height: 24px; } .row-fluid .pillar-richtextbox ul { padding: 0; } .row-fluid .pillar-richtextbox ul li { margin-bottom: 15px; } .row-fluid .intro-menu-listing ul { width: 100%; } .row-fluid .intro-menu-listing ul li a { font-size: 14px; padding: 10px 15px 10px 20px !important; max-width: 100% !important; box-sizing: border-box !important; white-space: normal; } .row-fluid .electronics-miniaturization-section { padding-top: 30px; } .row-fluid .hero-simplemenu ul > li:last-child { margin:0; } .row-fluid .hero-simplemenu ul > li > a { font-size:14px; line-height:20px; padding:15px 40px 15px 15px !important; } .row-fluid .hero-simplemenu ul > li > a:after { width:40px; } .row-fluid .content-area ul, .row-fluid .richtext-style ul { padding: 0; } .row-fluid .content-area, .row-fluid .richtext-style { font-size: 14px; line-height: 24px; } .row-fluid .content-area .left-space { padding: 0 15px !important; } .row-fluid .electronic-image { padding: 0 15px; text-align: center; } .row-fluid .electronic-image img { float: none; display: inline-block; vertical-align: top; margin: 20px 0; max-width: 100% !important; top: 0; } .row-fluid .polymer-box { padding-bottom: 50px; } .row-fluid .polymer-box h3 { font-size: 22px; line-height: 28px; } .row-fluid .btn-style a { font-size: 18px; line-height: 24px; } .row-fluid .micro-electronic-section { padding: 40px 0 20px; } .row-fluid .video-codebox { padding: 20px 0; } .row-fluid .video-iframewrap { height: auto; padding-bottom: 56.25%; } /* .row-fluid .video-codebox.fullwd-vid .video-iframewrap {height: auto;} */ .row-fluid .medical-device-raw { padding: 40px 0 0; font-size: 14px; line-height: 24px; } .row-fluid .medical-imagebox { width: 100%; } .row-fluid .btn-style.medical-cta a { font-size: 14px; line-height: 18px; } .row-fluid .medical-textbox1 { width: 100%; padding: 30px 0 0; } .row-fluid .medical-boxwrap h5 { font-size: 14px; line-height: 24px; } .row-fluid .medical-boxwrap ul { padding: 0; } .row-fluid .medical-boxwrap ul li { } .row-fluid .medical-textbox2 { padding: 0; } .row-fluid .medical-video-box h3 { font-size: 22px; line-height: 28px; } .row-fluid .aerospace-section { padding-bottom: 40px; } .row-fluid .aerospace-section .wrapper .wrapper { padding: 0; } .row-fluid .medical-device-raw.rightside .medical-textbox1 { padding: 30px 0 0; } .row-fluid .micro-telesection .wrapper .wrapper { padding: 0; } .row-fluid .micro-telesection .medical-textbox2 { padding-bottom: 20px; } .row-fluid .latest-post-header h3 { font-size: 24px; line-height: 28px; margin-bottom: 20px; } .row-fluid .latest-post-section .latest-post-wrap.fl100 { float: left; width: 100%; margin: 0; } .row-fluid .latest-post-col { width: 100%; padding: 0 0 30px; } .row-fluid .latest-post-col:last-child { padding: 0; } .row-fluid .latest-post-section .post-title { } .row-fluid .micro-industry-section { padding: 40px 0; } .row-fluid .miniaturization-section .wrapper .wrapper { padding:0; } /* Homepage 2019 20-11-2019 */ .row-fluid .hero-sliderbg { padding: 160px 0 60px; font-size: 14px; line-height: 24px; } .row-fluid .hero-sliderbg h1 { font-size: 29px; line-height: 36px; } .row-fluid .hero-slider-section .hero-slider-text { margin-bottom: 15px; } .row-fluid .hero-slider-section .slick-arrow { display:none !important; } .row-fluid .trun-key-section .pattern-image { display: none; } .row-fluid .trun-key-section { font-size: 14px; line-height: 22px; padding: 50px 0; } .row-fluid .trun-key-section br { display: none; } .row-fluid .trun-key-section h2 { font-size: 20px; line-height: 30px; } .row-fluid .service-feature-col { width: 100%; margin-bottom: 20px; } .row-fluid .service-feature-textbox .content { height: auto !important; } .row-fluid .service-feature-imgbox h3 { height: auto !important; font-size: 22px; line-height: 28px; } .row-fluid .service-feature-imgbox { padding: 30px 15px; font-size: 14px; line-height: 22px; } .row-fluid .service-feature-textbox .content { margin-bottom: 15px; } .row-fluid .service-feature-imgbox:before { background: rgba(0, 0, 0, 0.50); } .row-fluid .service-feature-wrap { background: #fff; padding: 20px 0 0; } .row-fluid .innovate-together-section { padding: 30px 0; font-size: 14px; line-height: 24px; } .row-fluid .innovate-together-section .wrapper > div > div { display: block; } .row-fluid .innovate-together-section h2 { font-size: 28px; line-height: 34px; } .row-fluid .innovate-together-section br { display: none; } .row-fluid .innovate-together-section .innovate-cta2 { padding: 0; } .row-fluid .innovate-together-section .innovate-cta1 { padding: 20px 0; } .row-fluid .feature-section-new { padding: 50px 0; } .row-fluid .feature-section-newcol { width: 100%; height: auto !important; padding: 0; margin-bottom: 30px; } .row-fluid .feature-section-newinner h3 { font-size: 24px; line-height: 34px; padding-bottom: 15px; } .row-fluid .feature-section-newinner { font-size: 14px; line-height: 24px; } .row-fluid .feature-section-newinner .link a { margin-top: 20px; } .row-fluid .feature-section-newcol:last-child { margin-bottom: 0; } .row-fluid .solution-help-section { padding: 50px 0; } .row-fluid .solution-help-section br { display: none; } .row-fluid .solution-help-section .solution-heading-section h2 { font-size: 32px; line-height: 40px; } .row-fluid .solution-help-section .solution-heading-section { font-size: 17px; line-height: 26px; } .row-fluid .solution-help-section .sol-helpwrap { margin-top: 20px; } .row-fluid .solution-help-section .sol-helpcol { width: 100%; padding: 0; height: auto !important; } .row-fluid .solution-help-section .sol-helpicon { height: auto; display: inline-block; float: none; } .row-fluid .witness-section .wrapper > div > div { display: block; } .row-fluid .witness-section .witness-textbox { padding: 0 0 30px; } .row-fluid .witness-section h2 { font-size: 30px; line-height: 38px; padding: 0 0 10px; } .row-fluid .witness-section { font-size: 14px; line-height: 24px; } .row-fluid .video-posterimg { height: 300px; } .row-fluid .electronics-miniaturization-section .richtext2 { padding-right:0; } .events-listing { text-align:center; } .events-listing .event-img { float:none; display:inline-block; } .events-listing .event-content { float:none; display:inline-block; width:100%; } .row-fluid .markets_main { margin:0; max-width:100%; } .row-fluid .markets_box { padding:5px; } .row-fluid .markets_text:before { opacity:0.4; } .row-fluid .markets_text h4 { opacity:1; } .row-fluid .heronew_content , .row-fluid .heronew_content h2 { font-size:18px; line-height:26px; } .row-fluid .hero_section .heronew-content { padding:50px 0; } .row-fluid .hero_section .heronew-content h1 { font-size: 30px; line-height: 40px; } .row-fluid .titlecontent_area { padding:40px 0; } .row-fluid .benchmark_title { padding:40px 0; } .boxfont .row-fluid .service-feature-col h3 { font-size: 22px; line-height: 30px; } .row-fluid .fiftyimgtext_area { padding:40px 0; text-align:center; } .row-fluid .fiftyimgtext_left h3:after { left: 50%; margin-left: -70px; } .row-fluid .fiftyimgtext_area .wrapper { display:block; } .row-fluid .fiftyimgtext_area .fiftyimgtext_left { width:100%; padding-right:0; margin-bottom:30px; } .row-fluid .fiftyimgtext_area .fiftyimgtext_right { width:100%; padding-left:0; } .row-fluid .fullbgimg_area { padding:40px 0; text-align:center; } .row-fluid .fullbgimg_area h2 { font-size: 22px; line-height: 38px; } .row-fluid .markets_content .textmarkets_title { text-align:center; } .row-fluid .markets_content .textmarkets_title:after { left: 50%; margin-left: -70px; } .row-fluid .markets_content { padding:40px 0; } .row-fluid .markets_content .onecol-content1 { width:100%; float:left; margin:0; text-align: center; } .row-fluid .markets_content .marketstext_2 { padding:0 20px; margin:20px 0; word-break: break-word; } .row-fluid .markets_content .marketstext { word-break: break-word; } .row-fluid .markets_content .marketstext_2 ul li { padding:0; padding-right:10px; } .row-fluid .newevent_blogpost { padding:40px 0; text-align:center; } .row-fluid .newevent_blogpost .eventright_post { padding-left: 0; width:100%; } .row-fluid .newevent_blogpost .newsleft_post{ padding-right: 0; width:100%; margin-bottom:30px; } .row-fluid .newevent_blogpost h2 { margin-bottom: 30px; font-size: 20px; line-height: 30px; } .row-fluid .newevent_blogpost h3 { font-size: 24px; line-height: 28px; } .row-fluid .blogpost_cover { text-align:center; } .row-fluid .blogpost_cover .post_item { text-align:center; max-width:400px; float: none; display: inline-block; } .row-fluid .blogpost_cover .post_item .post_image { width:100%; } .row-fluid .blogpost_cover .post_item .post_info { padding:15px 0 0; width:100%; } .row-fluid .blogpost_cover .post_item .read_more { float:none; display:inline-block; } .row-fluid .capabilities_main { width:100%; padding-left: 0; } .row-fluid .capabilities_top { width:100%; padding-right: 0; padding-bottom:30px; } .row-fluid .capabilities_box { width:calc(50% - 20px); } .row-fluid .placecontent_area { padding:40px 0; } .row-fluid .placecontent_area .onecol-content1 { margin:0; text-align:center; } .row-fluid .placecontent_area .onecol-content1 h3:after { margin-left: 50%; left: -65px; position: relative; } .row-fluid .videoimg_box { margin:40px 0 0; } .row-fluid .blurbg_rightext { float:left; } .row-fluid .blurbg_rightext_2 { margin-top:0; } .row-fluid .videoimg_box .videoimg_boximg { height: 250px; } .row-fluid .capabilities_area { padding:40px 0 20px; } .row-fluid .benchmark_boxmodule .service-feature-col { width:100%; text-align:left; margin:0; } .row-fluid .benchmark_boxmodule .service-feature-imgbox { padding:20px; } .row-fluid .hero_sliderbox.hero-slider-section .hero-sliderbg { padding: 50px 0; } .row-fluid .blogfeedraw .blogfeed-wrap { float:left; width:100%; padding:0; } /* .row-fluid .blog-section1 .post-image { width:100%; float: none; display: inline-block; height: 200px; max-width:400px; } */ .row-fluid .fullimage_area .fullimage_img { height:300px; max-width:500px; } /* 24-02-2020 */ .row-fluid .come-connectsec:after, .row-fluid .come-connectsec:before { width: 100%; height: 100%; } .row-fluid .service-feature-section.fourclm4 .service-feature-col { width:100%; } .row-fluid .placecontent_area_inner { margin-bottom:0; } .row-fluid .resources-inner { text-align:center; } .row-fluid .resources-inner .resources_box { width:100%; margin-bottom:20px; max-width: 400px; float: none; display: inline-block; } .row-fluid .resources-wrap .resources-title h2 { font-size: 28px; line-height: 34px; } .row-fluid .resources-inner .resource-bottom-cta { margin-top:10px; } .row-fluid .resources-wrap .wrapper { width:100%; } .row-fluid .cs-awc-section.loc-comp-market-sec .right-side { padding-left:20px; } .row-fluid .cs-awc-section.loc-comp-market-sec .certifications_list .certifications_box { max-width:100%; } .row-fluid .certifications_box ul li { padding:8px 12px; } .row-fluid .cs-awc-section.loc-comp-market-sec .single-point-list { margin:0; } .row-fluid .cs-awc-section.loc-comp-market-sec .location_code { margin:20px 0; } .row-fluid .singlepoint_title { font-size:22px; line-height:30px; } .row-fluid .title-style h2 br { display:none; } .row-fluid .onecol-text.two-col-wrapper .left-content, .row-fluid .onecol-text.two-col-wrapper .rail-form {width: 100%; padding: 0; } .row-fluid .onecol-text.two-col-wrapper .two-col-inner > div > div { margin: 0; } .row-fluid .onecol-text.two-col-wrapper .rail-form form, .row-fluid .resource-box { max-width: 500px; margin: 0 auto; } .row-fluid .onecol-content1 h3 { text-align:center; } .row-fluid .capabilities_section .subsector_listwrap ul li a { margin:0 10px 20px; width: 150px; height: 150px; padding:10px; } .row-fluid .capabilities_section { padding:40px 0 30px; } .row-fluid .capabilities_section h3 { font-size: 20px; line-height: 32px; } .row-fluid .capabilities_section .related_capabilities ul li a { margin:0 5px 15px; width: 180px; padding:10px; font-size:14px; line-height:20px; } .row-fluid .capabilities_section .subsector_listwrap ul li a.active { transform: scale(1.1); } .row-fluid .cs-awc-section.loc-comp-market-sec .right-side { padding-left:0; } .row-fluid .capabilities_section .related_capabilities_wrap:before { display:none; } .row-fluid .capabilities_section .related_capabilities ul { padding:0; } .row-fluid .capabilities_section .related_capabilities ul li { width:auto; } .row-fluid .capabilities_section .subsector_listwrap ul li a { height:100px; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li a { padding: 0 0 0 16px; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 > a:before { top: 11px; left: 0; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a { padding: 0 0 0 45px; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 > a:before { height: 6px; width: 6px; left: 30px; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 a { padding: 0 0 0 70px; } .row-fluid .bench-sitemap-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 a:before { width: 5px; height: 5px; left: 55px; top: 11px; } .headline-module-section .content-wrap { width: 100%; padding: 0; } .headline-module-section .img-wrap { width: 100%; } .headline-module-section { padding: 35px 0 50px; } .single-cat { width: calc(100% / 2 - 23px); } .blog-cat-section { padding: 50px 0; } .request-today-text { width: 100%; padding: 20px 0 0; text-align: center; } .request-today-img { width: 100%; text-align: center; } .row-fluid .request-today-section .wrapper { display: block; } .request-today-section { padding: 50px 0; } .request-today-img img { max-width: 350px; display: inline-block; } .row-fluid .subscribe-title { width: 100%; } .row-fluid .subscribe-form { width: 100%; } .row-fluid .subscribe-section .wrapper > div > div { display: block; } .row-fluid .subscribe-section { text-align: center; padding: 40px 0; } .row-fluid .resources_main { margin-top:40px; } .row-fluid .down_box { width:100%; } .row-fluid .miniatu_box { padding:0; width:100%; } .row-fluid .miniatu_box.right { padding:0; } .row-fluid .micro-electronic-pcsection-image { margin: 15px auto 0 !important; float: none; display: block; left: 0; } .row-fluid .micro-electronic-pcsection-image img { margin:0; } /* Resources Blog Page */ .row-fluid .blog-mainwrap { padding: 50px 0; } .row-fluid .blog-filterleft { width: 100%; } .row-fluid .blog-mainwrap .resource-blog-filter { width:100%; } .row-fluid .blog-filterresult { width: 100%; padding: 50px 15px 0 !important; } .row-fluid .resource-blog-item { width: 100%; padding: 0; text-align: center; } .row-fluid .resource-blog-item:last-child { padding-bottom: 0; } .row-fluid .resource-blog-iteminner { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; } .row-fluid .resource-blog-item .post-body { padding-right: 0; } .row-fluid .resource-blog-item .filter-blogimg {height: 220px; } .row-fluid .resource-blog-filter .option-combo { margin: 0 0 25px;box-shadow: 0px 5px 10px rgba(0,0,0,0.25); } .row-fluid .resource-blog-item .post-body .blog-headerbox { height:auto !important; } .row-fluid .resource-market-filter span.select-market { float: none; display: inline-block; vertical-align: top; width: 100%; padding: 18px 25px 18px 10px; color: #fff; background: #00659f; border-radius: 4px; font-weight: 600; text-transform: capitalize; letter-spacing: .2px; font-size: 12px; line-height: 16px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); cursor: pointer; text-align: left; position:relative; } .row-fluid .resource-market-filter span.select-market:after { position:absolute; content:"\f107"; font-family:FontAwesome; right:10px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; font-size:26px; } .row-fluid .resource-market-filter ul { position: absolute; top: 100%; left: 0; background: #fff; z-index: 1; text-align: left; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); display:none; } .row-fluid .resource-market-filter { text-align:center; padding-bottom: 0; margin-bottom: 60px; } .row-fluid .resource-market-filter .option-combo.markets { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; position: relative; } .row-fluid .resource-market-filter ul li { width: 100%; padding: 0; } .row-fluid .resource-market-filter ul li a { background: #fff; color: #00659f; box-shadow: none; border-bottom: 1px solid; border-radius: 0; } .row-fluid .resource-market-filter ul li:last-child a { border-bottom: 0; } .row-fluid .resource-market-filter ul li a span.icons { display: none; } .row-fluid .resource-market-filter ul li a span.label { width: 100%; padding: 0; } } @media(max-width:600px){ .row-fluid .cs-location-section .loaction-listing .single-box { width: 100%; } .row-fluid .cs-location-section .loaction-listing .single-box ul li { width: 100%; padding: 5px 0; } .row-fluid .cs-location-section .loaction-listing .single-box ul { margin: 0; } .blog-2019.hs-blog-listing .row-fluid .heronew-content { padding: 160px 0 70px; font-size: 17px; line-height: normal; } .blog-2019 .month-group .post-box-inner { width: calc(100% - 30px); margin: 15px auto; float: none; } .blog-2019 .month-group .post-box-inner .blog-inner-text { padding: 30px 15px 35px; } .blog-2019 .month-group .post-box-inner .blog-postbg { height: 180px; } .blog-2019 .month-group h2.month_date { margin: 10px 0 20px; } .blog-2019 .row-fluid .contact-box-blog { margin-top: 20px; } .blog-2019 .row-fluid .pagination-block { margin: 0 0 0; } .blog-2019.hs-blog-post .blog-block .hs-featured-image-wrapper { } .blog-2019.hs-blog-post .row-fluid .heronew-content { padding: 150px 0 30px; } .blog-2019.hs-blog-post .row-fluid .heronew-content h1 { font-size: 24px; line-height: normal; } .blog-2019.hs-blog-post .blog-main-content { padding: 25px 15px; font-size: 15px; line-height: 24px; } .blog-2019.hs-blog-post .blog-main-content h1 { font-size: 22px; line-height: normal; } .blog-2019.hs-blog-post .blog-main-content a.cta_button { max-width: calc(100% - 50px); } .loc-comp-market-sec .left-side .row-fluid .markets_main .markets_box { width:50%; } .row-fluid .heronew-content .banner-title h1 { font-size: 24px; line-height: 32px; } } @media(max-width:500px) { .row-fluid .resources_main div.hs_cos_wrapper_widget { margin:0; padding:10px 0; width:100%; } .row-fluid .resources_main .resource-img a { margin:0 auto; display:block; width:100%; text-align:center; } .row-fluid .resources_main .resource-box { height:auto !important; } } @media(max-width:450px){ .row-fluid .capabilities_section .related_capabilities ul li a { width: 130px; height: 130px; } .row-fluid .capabilities_section .subsector_listwrap ul li a { width: 130px; height: 100px; margin:0 5px 20px; } .row-fluid .capabilities_box { width:calc(100% - 20px); } /* .row-fluid .blog-section1 .post-image { height:200px; } */ .loc-comp-market-sec .left-side .row-fluid .markets_main .markets_box { max-width:250px; width:100%; float:none; margin:0 auto; } .single-cat { width: calc(100% / 1 - 23px); } .share-socialmedia ul li { margin-right: 4px; vertical-align: middle; } .share-socialmedia ul li img {width: 100%;max-width: 28px;} .share-socialmedia h6 { font-size: 16px; } } @media (min-width: 1601px) and (max-width: 1700px){ .row-fluid .blog-mainwrap .resource-blog-filter {padding:50px 15px; } } @media (min-width: 1401px) and (max-width: 1600px){ .row-fluid .micro-electronic-pcsection-image{max-width:300px } .row-fluid .micro-electronic-pcsection-image img { max-width:300px !important; top:90px; } /* Resources Blog Page */ .row-fluid .blog-filterleft { width: 25%; } .row-fluid .blog-filterresult { width: 75%; padding-left: 15px; } .row-fluid .resource-blog-item { padding: 0 10px; } } @media (min-width: 1201px) and (max-width: 1400px){ .row-fluid .latest-post-section .latest-post-wrap.fl100 { margin:0; } /* New Homepage */ .row-fluid .hero-sliderbg { padding-left:60px; padding-right:60px; } .row-fluid .micro-electronic-pcsection-image{max-width:200px} .row-fluid .micro-electronic-pcsection-image img { max-width:200px !important; top:90px; } /* Resources Blog Page */ .row-fluid .blog-filterleft { width: 25%; } .row-fluid .blog-filterresult { width: 75%; padding-left: 15px; } .row-fluid .resource-blog-item { padding: 0 10px; } .row-fluid .blog-mainwrap .resource-blog-filter { width:300px; } } @media ( max-width:1200px ) { /*.row-fluid .navbar { right:-300px !important; left:auto !important; top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; position: fixed !important; opacity: 1; visibility: inherit; } .row-fluid .menu-action-btn { width:50px; height:50px; line-height: 50px; background:#00659f; text-align:center; border-radius:5px 0 0 5px; position: fixed; top: 50%; transform:translateY(-50%); right: 0; display:block; cursor:pointer; z-index:99; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .menu-action-btn:before { content:''; margin-right: -20px; width:100%; height:100%; background:url('https://4349773.fs1.hubspotusercontent-na1.net/hubfs/4349773/arrow-left-white-1.png') no-repeat; background-size:50px; background-position:center center; position:absoluter; top:0; left:0; display:inline-block; animation-name: move-right-to-left; animation-duration: 1s; animation-delay: .6s; animation-iteration-count: infinite; animation-direction: alternative; background-size:30px !important } @keyframes move-right-to-left { 0% { transform: translateX(-10%); } 50% { transform: translateX(-20%); } 100% { transform: translateX(-10%); } } .open-nav .row-fluid .navbar { right:0 !important; top:auto !important; bottom:15px !important; } .open-nav .row-fluid .menu-action-btn { left:0; right:auto; border-radius:0 5px 5px 0; } .open-nav .row-fluid .menu-action-btn:before { margin-right: 0; margin-left:5px; background:url('https://4349773.fs1.hubspotusercontent-na1.net/hubfs/4349773/arrow-left1-white-1.png') no-repeat; background-size:50px; background-position:center center; } .row-fluid .intro-menu-listing ul li a { font-size:12px !important; padding:10px 20px 10px 25px !important; } */ } @media (min-width: 768px) and (max-width: 1200px){ h1 { font-size:34px; line-height:46px; } h2 { font-size:30px; line-height:40px; } h3 { font-size:28px; line-height:34px; } h4 { font-size:26px; line-height:32px; } h5 { font-size:24px; line-height:30px; } h6 { font-size:22px; line-height:26px; } /*Heading*/ /*top*/ /*menu*/ /*header slider*/ /*header*/ /* footer */ .row-fluid .footer-block { padding-right:15px; } .row-fluid .footer-menu ul li a { font-size:12px; } .row-fluid .footer-icon ul li a { width:28px; height:28px; line-height:26px; } .row-fluid .footer-menuB ul li a { padding:10px 15px; } /* home page 2 */ .row-fluid .ourservice-section { padding:50px 0 65px; } /* about page */ .row-fluid .hystory-text h2 { font-size:30px; line-height:38px; } .row-fluid .hystory-text { padding-left:40px; } .row-fluid .satisfied-title { font-size:14px; } /* featured section */ .row-fluid .row-fluid .featured-right { font-size:14px; line-height:25px; } /* Surveillance page */ .row-fluid .resource-textinner {padding: 0.5em;} .row-fluid .resource-text h5 {font-size:15px; word-break:break-all;} /* Micro Mini Pillar Page */ .row-fluid .micro-pillar-herosec { padding: 210px 0 70px; } .row-fluid .micro-pillar-herosec h1 { font-size: 37px; line-height: 42px; padding-bottom: 30px; } .row-fluid .hero-simplemenu a.services-cta { font-size: 24px; } .row-fluid .pillar-introduction-section { padding: 50px 0 0; } .row-fluid .pillar-richtextbox ul li { margin-bottom: 20px; } .row-fluid .title-style h2 { font-size: 26px; line-height: 32px; } .row-fluid .electronic-image img { max-width: 100% !important; top: 80px; } .row-fluid .electronics-miniaturization-section { padding-top: 40px; } .row-fluid .content-area, .row-fluid .richtext-style { font-size: 15px; line-height: 24px; padding: 0; } .row-fluid .content-area ul, .row-fluid .richtext-style ul { padding: 0; } .row-fluid .content-area ul li { margin-bottom: 20px; } .row-fluid .content-area .richtext2 ul li { margin-bottom: 20px; } .row-fluid .polymer-box h3 { font-size: 24px; line-height: 30px; } .row-fluid .btn-style a { font-size: 22px; line-height: 26px; } .row-fluid .polymer-box { padding-bottom: 50px; } .row-fluid .micro-electronic-section { padding-top: 40px; } .row-fluid .btn-style.medical-cta a { font-size: 17px; } .row-fluid .medical-device-raw { font-size: 14px; line-height: 24px; } .row-fluid .latest-post-col { padding: 15px 15px; width: 50%; } .row-fluid .latest-post-section .latest-post-wrap.fl100 { margin: 0 -15px; } .row-fluid .video-iframewrap { height: auto; padding-bottom: 53.28%; } /* Homepage 2019 20-11-2019 */ .row-fluid .hero-sliderbg { padding: 200px 60px 70px; } .row-fluid .hero-sliderbg h1 { font-size: 42px; line-height: 50px; } .row-fluid .hero-slider-section .hero-slider-text { margin-bottom: 15px; } .row-fluid .service-feature-col { width: 50%; } .row-fluid .service-feature-imgbox h3 { font-size: 25px; line-height: 30px; } .row-fluid .service-feature-textbox .content { line-height:24px; } .row-fluid .innovate-together-section h2 { font-size: 32px; line-height: 40px; } .row-fluid .feature-section-new { padding: 50px 0; } .row-fluid .feature-section-newinner h3 { font-size: 27px; line-height: 32px; padding-bottom: 10px; } .row-fluid .feature-section-newinner { font-size: 14px; line-height: 24px; } .row-fluid .feature-section-newinner .link a { margin-top: 15px; } .row-fluid .solution-help-section { padding: 50px 0; } .row-fluid .solution-help-section .solution-heading-section { font-size: 20px; line-height: 26px; } .row-fluid .solution-help-section .sol-helpcol { padding: 0 15px; line-height: 22px; } .row-fluid .witness-section .witness-textbox { padding-right: 0; } .row-fluid .witness-section h2 { font-size: 28px; line-height: 34px; } .row-fluid .hero-simplemenu ul > li > a { font-size:12px; line-height:16px; padding:15px 40px 15px 15px !important } .row-fluid .hero-simplemenu ul > li > a:after { width:40px; } .row-fluid .electronics-miniaturization-section .electronic-image img { margin:0 0 20px; top:0; max-width:400px !important; float:none; display:inline-block; vertical-align:top; } .row-fluid .electronics-miniaturization-section .electronic-image { position:relative; text-align:center; width:100%; } .row-fluid .electronics-miniaturization-section .resource-img img, .row-fluid .medical-device-section .resource-img img { height:auto; } .row-fluid .pc-section-content { padding-right:0; } .row-fluid .micro-electronic-pcsection-image { position:relative; text-align:center; margin-top:30px; width:100%; max-width:none; } .row-fluid .micro-electronic-pcsection-image img { float:none; display:inline-block; vertical-align:top; width:100% !important; max-width:400px !important; top:0; } } @media (min-width: 768px) and (max-width: 1599px){ .row-fluid .navbar { width:360px; } .row-fluid .sidebar-menu-title h3 { box-shadow:none; } .row-fluid .sidebar-menu-title h3:after { right:20px; } .row-fluid .sidebar-menu-title { left:40px; position:relative; } body.sidebar_open .row-fluid .sidebar-menu-title { left:50px; } body.sidebar-visible .row-fluid .intro-menu-listing { opacity:1; visibility:visible; } body.sidebar-visible .row-fluid .sidebar-menu-title { left:0; } body.sidebar_open .row-fluid .navbar { left:-360px } body.sidebar-visible .row-fluid .navbar { left:0 } body.sidebar-visible .row-fluid .sidebar-menu-title { left:0 } .row-fluid .navbar { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;; } } @media (min-width: 992px) and (max-width: 1200px){ .row-fluid .wrapper { max-width:920px; } /*Heading*/ /*top*/ .row-fluid .top { padding:23px 30px 3px; } /*menu*/ .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:6px 8px; font-size:12px; } /*header slider*/ /*header*/ /* home page 2 */ .row-fluid .future-section1.future-section2 .future-text h5 { font-size:14px; } /* team page */ .row-fluid .team-img { height:300px; } .row-fluid .team-icon a { margin:0; width:28px; height:28px; line-height:26px; } /* choose section */ .row-fluid .future-section3 { padding:60px 10px 0 10px; } /* ebook landing page */ .row-fluid .aboutauthor-text { width:72%; } /* blog 3 section */ .hs-blog-listing .blog3-left .post-box-inner { margin-right:23px; } .row-fluid .search-section { margin-top:0; } .row-fluid .logo { padding-top:0; } .row-fluid .mainmenu { margin:0 0; } .row-fluid .top-gray { padding:8px 30px; } /* New Homepage */ .row-fluid .innovate-together-section .innovate-right a { padding: 18px 15px; font-size: 12px; } .row-fluid .innovate-together-section .innovate-cta2 { padding: 0; } /* Resources Blog Page */ .row-fluid .blog-filterleft { width: 30%; } .row-fluid .blog-mainwrap .resource-blog-filter { width:300px; } .row-fluid .blog-filterresult { width: 70%; padding-left: 27px; } .row-fluid .resource-blog-filter .option-combo { margin-bottom: 30px; } .row-fluid .resource-blog-filter label.filter-click { font-size: 12px; letter-spacing: 0; } .row-fluid .blog-mainwrap { padding: 70px 0; } .row-fluid .resource-blog-item { width: 50%; padding: 0 10px; } .row-fluid .resource-blog-item .filter-blogimg { height: 200px; } } @media (min-width: 901px) and (max-width: 920px){ .row-fluid .top-search { width: auto; z-index: 1; float: right; margin-left: 0; right: -30px; top: -4px; } } @media (min-width: 901px) and (max-width: 991px){ /*menu*/ .row-fluid .mainmenu { margin:0 0; } .row-fluid .search-section { margin-top:0; } .row-fluid .mainmenu ul li { padding:0 2px; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:3px 3px !important; font-size:12px; } } @media (min-width: 901px){ .row-fluid .top.fixed { top:0; padding:10px 40px 0; position:fixed; left:0; border-bottom:none; background:#FFFFFF; -webkit-box-shadow: 0 0 10px 5px rgba(000,000,000,0.1); -moz-box-shadow: 0 0 10px 5px rgba(000,000,000,0.1); -o-box-shadow: 0 0 10px 5px rgba(000,000,000,0.1); -ms-box-shadow: 0 0 10px 5px rgba(000,000,000,0.1); box-shadow: 0 0 10px 5px rgba(000,000,000,0.1); } .row-fluid .top.fixed .logo-orignal { display:block; } .row-fluid .top.fixed .logo-white { display:none; } .row-fluid .top.fixed .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .top.fixed .mainmenu .hs-menu-wrapper > ul > li > a:visited , .row-fluid .mainmenu .hs-menu-wrapper ul li a { color:#333333; } .row-fluid .top.fixed .mainmenu .hs-menu-wrapper > ul > li:hover > a { color:#00659f; } .row-fluid .top.fixed .mainmenu .hs-menu-wrapper > ul > li.active-branch > a { color:#00659f; } .row-fluid .top.fixed .row-fluid .mainmenu { margin:12px 0 0 0; background:transparent; color:#00659f; } /* simple col */ .simple-banner .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a , .simple-banner.row-fluid .mainmenu .hs-menu-wrapper > ul > li > a , .simple-banner.row-fluid .mainmenu .hs-menu-wrapper ul li a { color:#333333; } .simple-banner .row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a { background:#00659f; color:#FFFFFF; } .simple-banner .row-fluid .search-icon:before { color:#00659f; } .simple-banner .row-fluid .search-icon:hover:before { color:#333333; } .simple-banner .row-fluid .search-section { border-left:1px solid rgba(0,0,0,0.15); } } @media (min-width: 900px){ .row-fluid .top.fixed .row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a { background:#00659f; color:#FFFFFF; } .row-fluid .top.fixed .row-fluid .search-icon:before { color:#00659f; } .row-fluid .top.fixed .row-fluid .search-section { margin:10px 0; border-left:1px solid rgba(0,0,0,0.4); height:35px; } .row-fluid .top.fixed .row-fluid .logo1 , .row-fluid .logo-fixed { display:none; } .row-fluid .top.fixed .row-fluid .logo-fixed { display:block; margin-top:0; } .row-fluid .top.fixed .row-fluid .mainmenu ul li { padding:1px 2px 18px; } .row-fluid .top.fixed .row-fluid .mainmenu ul li ul.hs-menu-children-wrapper li { padding-bottom:0; } } @media (min-width: 768px) and (max-width: 991px){ .row-fluid .wrapper { width:720px; } /*Heading*/ /*top*/ .row-fluid .top { padding:23px 25px 0; } /*menu*/ .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:6px 8px; } .row-fluid .top.fixed .row-fluid .mainmenu { margin:13px 0 0; } .row-fluid .mainmenu ul li ul.hs-menu-children-wrapper li a { padding:7px 8px !important; } /*header slider*/ .row-fluid .hero-text h1 { font-size:42px; line-height:50px; } /*header*/ /* choose section */ .row-fluid .choose-inner { padding:30px 15px !important; } .row-fluid .choose-content { padding:0 0 0 50px; } .row-fluid .choose-block h5 { padding:10px 0 10px 50px; } .row-fluid .choose-content:after { left:16px; } .row-fluid .choose-block h5:before { width:32px; height:32px; line-height:32px; } /* service section */ .row-fluid .service-img { height:230px; } .row-fluid .serviceText h4 { margin-top:15px; } /* counter section */ .row-fluid .counter-block { padding:0; width:24%; } /* testimonial section */ .row-fluid .testimonials-section { padding:80px 0; } /* blog section */ .row-fluid .blog-section { padding:75px 0 65px; margin-bottom:360px; } /* .row-fluid .blog-section1 .post-image { height:200px; } */ .row-fluid .blog-section1 .post-text { padding:20px 0; } /*.row-fluid .blog-section::after { bottom:-360px; }*/ /* footer */ .row-fluid .footer-icon ul , .row-fluid .footer-menu ul { margin:0 !important; } .row-fluid .footer { padding:0 0 50px; } .row-fluid .footer-block , .row-fluid .footer-recent { margin:0; padding-left:15px; width:50%; float:left; border:none; } .row-fluid .footer-menuB ul li a { padding:10px 5px; } /* home page 2 */ .row-fluid .home-video video { width:auto; height:auto; max-width:none; } /* hero section */ .row-fluid .hero-box { font-size:20px; } .row-fluid .hero-box h1 { font-size:36px; line-height:42px; padding:0 15px; } .row-fluid .future-section1.future-section2 .hs_cos_wrapper_widget { width:50%; } .future-video { width:500px; } /* service page */ .row-fluid .ourservice-section2 { padding:70px 0 20px; } .row-fluid .ourservice-section1 div.hs_cos_wrapper_widget { width:50%; } .row-fluid .contact-icon ul li { padding:0; } /* service inner page */ .row-fluid .service-description { padding:70px 0 40px; } .row-fluid .service-description-img { height:400px; } .row-fluid .serviceinner-content { padding-top:40px; } /* choose section */ .row-fluid .future-section3 { padding:30px 10px 0 10px; } /* testimonial page */ .row-fluid .clientssay-section1 .hs_cos_wrapper_widget { margin-bottom:20px; } /* faq page */ .row-fluid .faq-section { padding:60px 0 50px; } /* team page */ .row-fluid .team-section { padding:70px 20px 50px; } .row-fluid .team-img { height:auto;padding-bottom:100%; } .row-fluid .team-icon a { margin:3px 1px; width:28px; height:28px; line-height:26px; } /* pricing page */ .row-fluid .prcing-section1 .hs_cos_wrapper_widget { width:50%; } /* case study */ .row-fluid .case-study { padding:70px 0 50px; } .row-fluid .case-study1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .casestudy-box { font-size:13px; line-height:20px; } .row-fluid .casestudy-box h4 { font-size:16px; } /* case study inner */ .row-fluid .casestudy-inner { padding:70px 0; } /* about page */ .row-fluid .satisfied-section { padding:60px 0; } /* our resource section */ .row-fluid .ourresource-section { padding:70px 0; } .row-fluid .ourresource-section1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .featured-right { width:49%; } /* landing page */ .row-fluid .landing-left { width:59.5%; padding-right:30px; } .row-fluid .landing-right { padding:30px 15px 45px; } /* ebook landing page */ .row-fluid .ebook-contect { padding:25px; } .row-fluid .book-title h4 { font-size:20px; } .row-fluid .book-left { padding-right:25px; } .row-fluid .book-right { padding-left:15px; } .row-fluid .aboutauthor-text { width:64.5%; } /* one col page */ .row-fluid .hero-onecol-slider { padding:40px 0; } /* blog */ .row-fluid .blog-topic { margin-top:50px; } .row-fluid .post-header { padding:25px 15px 0; } .row-fluid .blog-topic ul li { padding:0 15px; } .row-fluid .post-item { width:50%; } /* blog new */ /*.row-fluid .blog-inner-title { margin-top:-30px; }*/ .row-fluid .blog-inner-title:before , .row-fluid .blog-inner-title:after { border-width:30px; } .row-fluid .blog-new { padding:50px 0; } .row-fluid .blog-new-left , .row-fluid .blog-new-right { margin:0; width:100%; } .row-fluid .blog-new-right { margin:40px 0 0; } .row-fluid .blog-inner-title h2 { font-size:22px; line-height:30px; } .row-fluid .blog-inner-text { font-size:16px; line-height:32px; } /* blog 3 section */ .hs-blog-listing .blog3-section { padding:50px 0; } .hs-blog-listing .blog3-left .post-box-inner { margin-right:18px; } .row-fluid .blog3-left .blog-inner-title { margin-left:25px; margin-right:25px; } .row-fluid .blog3-left .blog-inner-title h2 { font-size:17px; line-height:24px; } .row-fluid .blog3-left .blog-postbg { height:270px; } /* blog 4 section */ .hs-blog-listing .blog4-left .blog4-text { padding:30px 20px; } /* about page 2 */ .row-fluid .about-boxinner { padding:50px 30px 50px 0; } .row-fluid .cs-awc-section .single-point-list .single-point { width: 100%; padding: 10px 10px; } .row-fluid .cs-awc-section .single-point-list .single-point .inner { height: auto !important; } .row-fluid .hero-box { margin-top:85px; } .mobile-open .row-fluid .mainmenu a.mobile-trigger { top:-55px; } .mobile-open .header_main.fixed .row-fluid .mainmenu a.mobile-trigger { top:17px; } .row-fluid .logo { padding-top:0; } .row-fluid .top-gray { padding:8px 25px; } /* Homepage 2019 */ .row-fluid .innovate-together-section .innovate-right a { padding: 13px 10px; font-size: 10px; } .row-fluid .innovate-together-section .innovate-cta2 { padding: 0; } .row-fluid .timeline_area { text-align:center; } .row-fluid .timeline_area li{ text-align:left; float:none; max-width:620px; display: inline-block; } .loc-comp-market-sec .left-side .row-fluid .markets_main .markets_box { width: 50%;} .row-fluid .subscribe-form .hs-submit {display:block; margin:0 auto;} .row-fluid .subscribe-form .hs-form-field{width:calc(33.33% - 20px);} } @media (max-width:900px) { body.mobile-open { overflow-y:hidden; } .row-fluid .top { padding-bottom:23px; } } @media (min-width: 30px) and (max-width: 767px){ .margintop { margin-top:40px; } h1 { font-size:30px; line-height:44px; } h2 { font-size:28px; line-height:38px; } h3 { font-size:25px; line-height:32px; } h4 { font-size:22px; line-height:30px; } h5 { font-size:20px; line-height:28px; } h6 { font-size:18px; line-height:24px; } .row-fluid .wrapper { width:100%; padding:0 15px; } .row-fluid .logo { padding-top:0; } .row-fluid .sub-text { font-size:14px; line-height:24px; } .row-fluid .title-text h2 { font-size:18px; padding:0; } .row-fluid .title-text h2:after { margin:12px auto 8px; } /* top */ .row-fluid .top { padding:12px 15px; } .row-fluid a.mobile-trigger { top:3px; } /* hero section */ .row-fluid .hero-text { padding:0 15px; } .row-fluid .hero-text h1 { font-size:30px; line-height:40px; padding:15px 0; } .row-fluid .hero-content { font-size:18px; line-height:24px; } .row-fluid .hero-slider .slick-arrow { display:none !important; } .row-fluid .hero-cta1, .row-fluid .hero-cta2 { margin:0 50px 0 0; } .row-fluid .hero-box { margin-top: 50px; } .row-fluid .hero-secton2 .hero-box #hs_cos_wrapper_module_14843094259921192 h1 { font-size: 26px !important; line-height: 34px; } .row-fluid .hero-box {max-width:100%; } /* future-section */ .row-fluid .future-section { padding:50px 0 15px; } .row-fluid .future-section1 span.hs_cos_wrapper { margin:0; } .row-fluid .future-section1 .hs_cos_wrapper_widget { padding:0; width:100%; } .row-fluid .future-block { margin-bottom:0; } .row-fluid .future-content , .row-fluid .future-text { height:auto !important; } /* choose section */ .row-fluid .choose-left { width:100%; height:250px !important; } .row-fluid .choose-right { width:100%; height:auto !important; } .row-fluid .choose-inner { padding:30px 15px !important; } .row-fluid .choose-content { padding:0 0 0 50px; } .row-fluid .choose-block h5 { padding:10px 0 10px 50px; } .row-fluid .choose-content:after { left:16px; } .row-fluid .choose-block h5:before { width:32px; height:32px; line-height:32px; } /* .row-fluid .service-section */ .row-fluid .service-section { padding:40px 0; } .row-fluid .service-content { bottom:0; } .row-fluid .service-section1 { padding:0 0 25px; } .row-fluid .service-section1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .service-section1 span.hs_cos_wrapper { margin:0; display:inline-block; width:100%;} .row-fluid .serviceText h4 { margin-top:15px; } .row-fluid .service-img { height:300px; } .row-fluid .micro-pillar-herosec .hero-content { margin-bottom:30px; font-size:14px; line-height:22px; padding:15px; } /* counter section */ .row-fluid .counter-block { display:inline-block; height:auto !important; border-right:none; border-left:none; border-bottom:1px solid; width:50%; } /* testimonial section */ .row-fluid .testimonials-section { padding:50px 0; } /* blog section */ .row-fluid .blog-section { padding:50px 0 0; } .row-fluid .blog-section1 .blog-block { width:100%; margin-bottom:30px; padding:0; } .row-fluid .testi-content , .row-fluid .blog-section1 .post-text { height:auto !important; } .row-fluid .blog-section1 .post-title a { color:#FFFFFF; } .row-fluid .blog-section { margin-bottom:0; } .row-fluid .blog-section:after { display:none; } /* strip section */ .row-fluid .strip-title { display:block; margin:10px 0; font-size:18px; } /* footer */ .row-fluid .footer { padding:0 0 40px; } .row-fluid .footer-block ,.row-fluid .footer-recent { height:auto !important; padding:0; border-right:none; } .row-fluid .footer-header h3 { margin-top:0; } .row-fluid .footer-recent { margin-top:35px; } .row-fluid .footer-bottom { text-align:center; } .row-fluid .footer-menuB ul { float:none; display:inline-block; } /* home page 2 */ .row-fluid .home-video video { display:none;} .row-fluid .home-video div { display: inline-block;min-height: 100%;min-width: 100%;object-fit: cover;height: auto;width: auto;} .row-fluid .ourservice-section { padding:50px 25px; } /* future */ .row-fluid .future-left, .row-fluid .future-right { width:100%; height:auto !important; } .row-fluid .future-left { height:300px !important; } .row-fluid .future-section3 { max-width:100%; padding:35px 15px 0; } /* hero section */ .row-fluid .hero-box { font-size:17px; line-height:24px; } .row-fluid .hero-box h1 { font-size:26px; line-height:34px; } .row-fluid .ourservice-section { padding:50px 0; } .future-video { width:400px; } /* service page */ .row-fluid .heronew-content { padding:40px 0; } /* .row-fluid .heronew-content h1 { font-size:32px; line-height:40px; } */ .row-fluid .ourservice-section2 { padding:50px 0 0; } .row-fluid .ourservice-section1 div.hs_cos_wrapper_widget { width:100%; } .row-fluid .contact-left, .row-fluid .contact-right { padding-top:25px; } .contact-section { padding:50px 0; } .row-fluid .contact-icon ul { margin:5px 0 0; } .contact-map iframe { height:250px !important; } /* service inner page */ .row-fluid .service-description { padding:50px 0 30px; } .row-fluid .service-description-img { height:300px; } .row-fluid .serviceinner-content { padding-top:20px; } /* testimonial page */ .row-fluid .clientssay-section { padding:60px 0 40px; } .row-fluid .clientssay-section1 .hs_cos_wrapper_widget { margin-top:50px; margin-bottom:20px; width:100%; } /* faq page */ .row-fluid .faq-section { padding:50px 0 40px; } /* team page */ .row-fluid .team-section { padding:50px 0 30px; } .row-fluid .team-section1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .team-img { height:auto;padding-bottom:100% } .row-fluid .team-icon a { margin:3px 1px; width:28px; height:28px; line-height:26px; } .row-fluid .pricing-list { height:auto !important; } /* pricing page */ .row-fluid .prcing-section { padding:50px 0; } .row-fluid .prcing-section1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .pricing-amount { padding:15px 0; } /* case study */ .row-fluid .case-study { padding:50px 0 30px; } .row-fluid .case-study1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .casestudy-box { font-size:13px; line-height:20px; } .row-fluid .casestudy-box h4 { font-size:16px; } /* case study inner */ .row-fluid .casestudy-inner { padding:50px 0; } .row-fluid .testimonial-caseinner { padding:40px 0; } .row-fluid .testimonial-caseinner1 { font-size:16px; line-height:32px; } .row-fluid .caseinner-img { margin-top:15px; margin-bottom:25px; height:280px; } .row-fluid .testimonial-caseinner1:before , .row-fluid .testimonial-box:before { margin:0 auto 20px; font-size:25px; line-height:45px; width:45px; height:45px; } /* about page */ .row-fluid .hystory-section { padding:50px 0; } .row-fluid .hystory-box , .row-fluid .hystory-img { padding:0; width:100%; } .row-fluid .hystory-box { margin-top:20px; } .row-fluid .hystory-text h2 { font-size:25px; line-height:32px; padding:0 0 10px; } .row-fluid .team-menber { padding:50px 0; } .row-fluid .satisfied-section { padding:50px 0; } .row-fluid .satisfied-title h1 { font-size:23px; line-height:30px; } .row-fluid .satisfied-slider { padding:0; } .row-fluid .satisfied-slider ol.flex-control-nav, .row-fluid .satisfied-slider ul.slick-dots { margin:10px 0 0; } .row-fluid .satisfied-box { padding:0 5px; } .row-fluid .satisfied-boxinner { padding:10px; } .row-fluid .satisfied-title { font-size:13px; line-height:20px; } .row-fluid .counter-box { margin:0; width:50%; float:left; padding-bottom:20px; } /* thank You */ .row-fluid .thank-section { padding:0 0 60px; } .row-fluid .thank-content { padding:25px 15px; font-size:14px; line-height:28px; } .row-fluid .thank-content:before { top:7px; bottom:7px; left:7px; right:7px; } .row-fluid .thank-title h2 { font-size:28px; line-height:36px; } /* our resource section */ .row-fluid .ourresource-section { padding:50px 0; } .row-fluid .ourresource-section1 .hs_cos_wrapper_widget { width:50%; } .row-fluid a.resource-cta { padding:10px 45px 10px 10px; min-width:170px; } .row-fluid .resource-textinner { padding:10px 0; } /* featured section */ .row-fluid .featured-section { padding:50px 0 15px; } .row-fluid .title-text.featured-text { max-width:100%; } .row-fluid .featured-left, .row-fluid .featured-right { width:100%; } .row-fluid .row-fluid .featured-right { margin-top:20px; font-size:14px; line-height:25px; padding-left:0; } .row-fluid .other-latest1 .hs_cos_wrapper_widget { width:50%; } .row-fluid .other-latest { padding:35px 0 40px; } /* landing page */ .row-fluid .header-landing { padding:15px 0; } .row-fluid .header-landing img { width:270px !important; } .row-fluid .landinghero-content { padding:170px 0 60px; } .row-fluid .landinghero-title { font-size:18px; line-height:26px; } .row-fluid .landinghero-title h1 { font-size:32px; line-height:42px; padding:15px 0; } .row-fluid .landing-right { padding:30px 15px 45px; } .row-fluid .landing-content { padding:50px 0; } .row-fluid .landing-left, .row-fluid .landing-right { width:100%; } .row-fluid .landing-left { padding-right:0; margin-bottom:30px; } .row-fluid .heading-title h2::after { margin:12px 0 8px } .row-fluid .speaking-section , .row-fluid .testimonial-section1 { padding:50px 0; } .row-fluid .testimonial-box { font-size:16px; line-height:36px; } .row-fluid .testimonial-section1 .row-fluid ol.flex-control-nav, .row-fluid .testimonial-section1 ul.slick-dots { padding:20px 0 0; } /* ebook landing page */ .row-fluid .ebook-hero { margin-bottom:50px; } .row-fluid .ebook-title h1 { padding:0; font-size:24px; line-height:32px; } .row-fluid .ebook-contect { padding:15px; margin:0 auto -50px !important; } .row-fluid .book-left { padding-right:0; border-right:none; } .row-fluid .book-right { margin-top:30px; padding-left:0; } .row-fluid .book-title h4 { font-size:20px; } .row-fluid .about-author { padding:50px 0 30px; } .row-fluid .aboutauthor-img { margin:0 auto !important; display:block; float:none; } .row-fluid .aboutauthor-text { padding-top:30px; width:100%; padding-left:0; text-align:center; font-size:16px; line-height:30px; } /* one col page */ .row-fluid .hero-onecol { padding-top:71px; } .row-fluid .onecol-content { padding:70px 0; font-size:20px; line-height:28px; } .row-fluid .onecol-content h1 { font-size:30px; line-height:38px; padding:15px 0; } .row-fluid .onecol-text { padding:50px 0 30px; } .row-fluid .onecol-content1 { font-size:14px; line-height:28px; } .row-fluid .blog-latest { padding:50px 0 20px; } /* one col page */ .row-fluid .hero-onecol-slider { padding:40px 0; } .row-fluid .onecol-box { padding:0; } .row-fluid .onecol-box h1 { font-size:34px; line-height:42px; } /* banner col menu */ .row-fluid .rightpadding { padding-right:0; } /* blog */ .row-fluid .blog-topic { margin-top:40px; } .row-fluid .blog-topic ul li { padding:0 10px; border-right:none; border-left:none; } .row-fluid .post-item { width:100%; margin-top:30px; padding:0; } .row-fluid .post-header { padding:25px 10px; } .row-fluid .post-header h2 { font-size:14px; height:auto !important; } /* blog inner */ .hs-blog-listing .blog-left { padding:15px 0 50px; } .hs-blog-post .row-fluid .blog-left { padding:20px 0 0; } .hs-blog-post .row-fluid .blog-left .hs-featured-image-wrapper { height:300px; } .row-fluid .post-header h1 { padding:10px 0; font-size:22px; line-height:32px; } .row-fluid .post-header { padding:10px 0 0; } .hs-blog-post .blog-post-topic { padding:10px 0 15px; } .hs-blog-post .row-fluid .blog-left, .hs-blog-post .row-fluid .blog-right { margin-top:30px; } .row-fluid .blog-right-topic { padding:35px 0 15px; } .row-fluid .blog-right-posttopic { margin-bottom:30px; } .hs-blog-post .about-author-sec { padding:25px 15px 15px; text-align:center; } .hs-blog-post .about-img { float:none; } .hs-blog-post .about-text { width:100%; padding:0; } .row-fluid .blog-section3 .hs-author-name { font-size:18px; line-height:26px; } .row-fluid .blog-section3 .hs-author-profile { font-size:14px; line-height:26px; padding:15px; } .row-fluid .pagination-block { margin-top:30px; } ul.pagination li a { font-size:13px; padding:5px 12px; margin:3px 1px; } /* blog new */ .row-fluid .blog-new { padding:50px 0 30px; } .hs-blog-post .blog-block .hs-featured-image-wrapper { padding:200px; width:100%; float:left;; } .row-fluid .blog-author-text h3::after { margin:10px auto 5px; } .row-fluid .blog-author-img { position:relative; top:0; left:0; } .row-fluid .blog-author-text { padding-left:0; margin-top:10px; } .row-fluid .blog-postbg { height:300px; } .row-fluid .blog-inner-title { /*margin-top:-25px; margin-left:15px; margin-right:15px;*/ padding:12px 0 0; } .row-fluid .blog-inner-title:before , .row-fluid .blog-inner-title:after { border-width:25px; } .row-fluid .blog-inner-title h2 { font-size:17px; line-height:26px; letter-spacing:1px; } .row-fluid .blog-inner-text { font-size:14px; line-height:28px; padding:0 20px 15px; } .row-fluid .blog-comment { margin-top:0; } .row-fluid .blog-new-right { margin-top:35px; } /* blog section */ .hs-blog-listing .blog3-left .post-box-inner { width:100%; margin-right:0; } /* blog 3 */ .row-fluid .blog3-left .blog-inner-title { margin-top:-25px; } .row-fluid .blog3-left .blog-inner-title:before, .row-fluid .blog3-left .blog-inner-title:after { border-width:25px; } /* blog 4 section */ .hs-blog-listing .blog4-left .hs-featured-image-wrapper , .hs-blog-listing .blog4-left .blog-inner-text { width:100%; height:auto !important; } .hs-blog-listing .blog4-left .hs-featured-image-wrapper { height:370px !important; } .hs-blog-listing .blog4-left .blog4-text { padding:20px 15px; font-size:14px; line-height:28px; } .hs-blog-listing .blog4-left .post-box-inner { margin-bottom:25px; } .hs-blog-listing .blog4-left .pagination-block { margin-top:10px; } /* about page 2 */ .row-fluid .about-boxinner { padding:40px 0; } .row-fluid .about-box,.row-fluid .about-box-3 { padding:0 15px !important; width:100%; } .row-fluid .about-boxinner h2 { font-size:20px; line-height:26px; } .row-fluid .about-boximg { height:350px !important; } /* service page 2 */ .row-fluid .ourservice1-section { padding:50px 0; } .row-fluid .ourservice2-section { padding-top:0; } .row-fluid .ourservice2-section .serviceBox-img , .row-fluid .ourservice2-section .serviceText { width:100%; height:auto !important; } .row-fluid .ourservice2-section .serviceBox-img { height:250px !important; } .row-fluid .ourservice2-section .serviceText-inner { padding:10px 15px 40px; } /*.row-fluid .ourservice2-section .serviceText-inner:after { right:0; left:0; }*/ .row-fluid .ourservice2-section .serviceText-inner:before { right:0; left:0; } .row-fluid .contact-section { margin-top:0 !important; padding-top:0; } .row-fluid .contact-section .contact-section1 .contact-left { padding-top:0; } #popupForm{padding: 15px;} #popupForm .row-fluid .contact-form .actions:before{display:none;} .popupForm.fancybox-content{padding: 15px;} .popupForm.fancybox-content .row-fluid .contact-form .actions:before{display:none;} .about-best .flex-dir > .row-fluid-wrapper > .row-fluid {display: flex;flex-direction:column-reverse !important;} .about-best .about-box {margin-top:0 !important; margin-bottom:25px;} .mobile-open .row-fluid .mainmenu a.mobile-trigger { top:-22px; } .mobile-open .header_main.fixed .row-fluid .mainmenu a.mobile-trigger { top:16px; } .row-fluid .navbar { width:290px; max-width:100%; position:relative; top:0; left:0; } .row-fluid .sidebar-menu-title h3 { font-size:14px; } .row-fluid .sidebar-menu-title h3:after { right:7px; } .row-fluid .intro-menu-listing { opacity:1; visibility:visible; display:none; } .row-fluid .intro-menu-listing ul li:before { top:20px; } .row-fluid .intro-menu-listing ul { height:300px; position:absolute; top:100%; left:0; } .row-fluid .electronics-miniaturization-section .electronic-image { position:relative; } .row-fluid .miniaturization-text { padding-right:0; } .row-fluid a.hero-style1.cta-arrow3 { margin-left:0; margin-top:20px; } .row-fluid .herobtn-box > div { float:left; width:100%; } .row-fluid .event-postcol { float: left; width: 100%; padding: 0 0 20px; } .row-fluid .event-postcol:last-child { padding:0; } /* .row-fluid .event-postcol .post-image { height:200px; } */ .row-fluid .micro-electronic-pcsection .electronic-image img { width:100% !important; } .row-fluid .full-banner .full-banner-left .hero-cta3{text-align:center;} .row-fluid .pc-section-content { padding-right:0; } .row-fluid .micro-electronic-pcsection-image { position:relative; text-align:center; margin-top:30px; } .row-fluid .micro-electronic-pcsection-image img { float:none; display:inline-block; vertical-align:top; width:100% !important; max-width:400px !important; top:0; } .row-fluid .future-section { width:100%; float:left; } .row-fluid .about-best { width:100%; float:left; } .row-fluid .future-section .header-container-wrapper { height:auto !important; } .row-fluid .future-section #hs_cos_wrapper_module_15399890969182422 { margin-bottom: 0 !important; margin-top: 0px !important; padding-bottom: 0 !important; } .row-fluid .timeline_area { width:100%; float:left; text-align:center; } .row-fluid .timeline_area li { float: none; width: 100%; max-width: 400px; display: inline-block; } .row-fluid .timeline_area .flag-wrapper { width:100%; float:left; } .row-fluid .timeline_area .desc { width:100%; margin:10px 0 0; } .row-fluid .resources_main div.hs_cos_wrapper_widget { padding:15px; } .row-fluid .post-listing{margin: 0;} .blog-new .blog-new-left .resource-main-section > div > div.post-box-inner{float:none;margin:0 0 20px;width:auto;} .row-fluid .subscribe-form .hs-submit {display:block; margin:0 auto;} .row-fluid .subscribe-form .hs-form-field{width:auto; display:block; margin:0 0 15px 0;} } @media(max-width:500px) { /* top */ /* hero section */ .row-fluid .hero-cta { margin-top:0; } .row-fluid .hero-text { top:50%; } .row-fluid .hero-text h1 { font-size:22px; line-height:30px; } .row-fluid .hero-content { font-size:16px; line-height:22px; } .row-fluid .hero-cta1, .row-fluid .hero-cta2 { margin:10px 50px 0 0; } /* service section */ .row-fluid .service-section1 .hs_cos_wrapper_widget { width:100%; padding:0; margin-top:10px; -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); } .row-fluid .service-img { height:300px; } /* footer */ .row-fluid .footer-menuB ul { margin-top:10px; } .row-fluid .footer-menuB ul li { display:inline-block; width: 100%; margin: 12px auto; } .row-fluid .footer-menuB ul li a { padding:0 3px; line-height:18px; } .future-video { width:300px; } /* service inner page */ .row-fluid .service-description-img { height:250px; } /* faq page */ .row-fluid .accordion-title { padding:7px 30px 7px 15px; } /* team page */ .row-fluid .team-section1 .hs_cos_wrapper_widget { width:100%; } .row-fluid .team-img { height:auto;padding-bottom:80%; } /* pricing page */ .row-fluid .prcing-section1 .hs_cos_wrapper_widget { width:100%; } /* case study */ .row-fluid .case-study1 .hs_cos_wrapper_widget { width:100%; } .row-fluid .casestudy-box { height:auto !important; } /* about page */ .roe-fluid .satisfied-content { height:auto !important; } .row-fluid .counter-box { width:100%; } /* our resource section */ .row-fluid .ourresource-section1 .hs_cos_wrapper_widget { width:100%; } .row-fluid .resource-content , .row-fluid .resource-text { height:auto !important; } /* featured section */ .row-fluid .other-latest1 .hs_cos_wrapper_widget { width:100%; } /* blog inner */ .hs-blog-post .blog-left .hs-form-field { width:100%; padding-right:0; } /* blog new */ .row-fluid .blog-post-right { padding:15px; } .row-fluid .blog-form-new .hs-form-field { width:100%; margin-bottom:20px; } .hs-blog-post .blog-previous { border-right:none; width:100%; text-align:center; } .hs-blog-post .blog-next { text-align:center; width:100%; text-align:center; } /* blog new inner */ .row-fluid .post-header h1 { font-size:16px; line-height:26px; } .row-fluid .contact-box-blog { width:100%; margin-bottom:5px; height:auto !important; } .row-fluid .blog-postbg { height:49vw; } /* blog 3 section */ .hs-blog-listing .blog3-section { padding:50px 0; } .row-fluid .blog3-left .blog-postbg { height:260px; } .row-fluid .blog3-left .blog-inner-text { padding:0 8px 18px; font-size:14px; } .hs-blog-listing .blog3-left .post-box-inner { margin-right:18px; } .row-fluid .blog3-left .blog-inner-title { margin-left:40px; margin-right:40px; } .row-fluid .blog3-left .blog-inner-title h2 { font-size:16px; line-height:24px; padding:0; } .row-fluid .blog3-left .contact-box-blog { width:100%; margin-bottom:10px; height:auto !important; } /* blog 3 section */ .hs-blog-listing .blog4-left .blog-inner-title1 h2 { font-size:16px; line-height:26px; } .hs-blog-listing .blog4-left .blog4-text { padding:15px 10px; } .row-fluid .new-comments .comment:nth-child(even) { padding-left:0; } .row-fluid .cs-awc-section .mg-info > div > div { display: block; } .row-fluid .cs-awc-section .mg-info .thumb { width: 100%; } .row-fluid .cs-awc-section .mg-info .mg-content { width: 100%; padding: 20px 0 0; } .row-fluid .cs-awc-section .single-point-list .single-point { width: 100%; } .row-fluid .cs-awc-section .Markets .widget-type-rich_text ul { width: 100%; margin: 0; } .row-fluid .cs-awc-section .Markets .widget-type-rich_text { padding: 10px 0 0; } .row-fluid .cs-rcap-section .title { padding: 0 15px 25px; } .row-fluid .cs-rcap-section .box-wrapper .single-box .inner { padding: 25px 15px; } } @media(max-width:480px) { .row-fluid .contact-form .hs-form-field input , .row-fluid .landing-form input { width:100% !important; } body.top-strip.fixed .row-fluid .header_section { top: 55px; } } /*----*/ @media(min-width:1301px) and (max-width:1800px) { .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .childmenu_wrap > li.hs-menu-depth-2 { padding-right:30px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li a { font-size:14px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper li a { font-size:14px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper .inneritem_wrap ul.hs-menu-children-wrapper li a { font-size:14px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 { padding-right:40px !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 a { font-size:14px; } } @media(min-width:1301px) and (max-width:1450px) { .row-fluid .header_section { padding:0px 50px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { margin:0 10px; } .row-fluid .header_cta .connect_btn a { padding:14px 50px 14px 20px !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a { font-size: 15px; line-height: 22px; padding:20px 25px 20px 15px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a:after { margin-top: -3px; right: 9px; width: 20px; height: 10px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a { font-size: 15px; line-height: 22px; padding:20px 25px 20px 15px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a:after { margin-top: -3px; right: 9px; width: 20px; height: 10px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li a { font-size:14px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 > a { font-size: 15px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 { padding-right:30px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li a { padding:6px 0; } .row-fluid .future-section .header-container-wrapper { height:auto !important; } .row-fluid .future-section #hs_cos_wrapper_module_15399890969182422 { margin-bottom: 0 !important; margin-top: 0px !important; padding-bottom: 0 !important; } } @media(min-width:901px) and (max-width:1300px) { .row-fluid .header_section { padding:0px 40px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { margin:0 0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1 > a { padding:27px 8px; font-size: 14px; line-height: 22px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child .childmenu_wrap { width:65%; padding:20px 30px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child .header_cta { width:35%; padding:30px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:first-child ul.hs-menu-children-wrapper li { width:50%; padding-right:10px; margin-right:-4px; float: none; display: inline-block; vertical-align: top; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .innermenu_title { width:30%; } .row-fluid .top_menu .inneritem_wrap { width:70%; padding:20px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a { font-size: 15px; line-height: 22px; padding: 20px 20px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper .innermenu_title li.hs-menu-depth-2 > a:after { margin-top: -3px; right: 9px; width: 20px; height: 10px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper .inneritem_wrap ul.hs-menu-children-wrapper li { width:33.33%; margin-right:-4px; float: none; display: inline-block; vertical-align: top; } .row-fluid .top_menu .menuitem_wrap3 { width:70%; padding:20px 30px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children .menuitem_title3 { width:30%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a { font-size: 15px; line-height: 22px; padding: 20px 20px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper .menuitem_title3 li.hs-menu-depth-2 > a:after { margin-top: -3px; right: 9px; width: 20px; height: 10px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li { width:33.33%; margin-right:-4px; float: none; display: inline-block; vertical-align: top; padding-right: 20px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 { padding:0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper .menuitem_wrap3 ul.hs-menu-children-wrapper li ul li { width:100%; margin-right:0; float: left; display: block; vertical-align: top;padding-right: 0; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:auto; right:100%; top: 0 !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) ul.hs-menu-children-wrapper li { float:none; display: inline-block; vertical-align: middle; } .row-fluid .header_cta .connect_btn a { padding:14px 55px 14px 10px !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) .menuitem_wrap3 li.hs-menu-depth-3 > a { min-height:66px; font-size: 15px; } .row-fluid .header_section .top_menu { padding-right: 5px; } .row-fluid .header_section .top-search { right:0; top: 2px; } .row-fluid .header_section .search-icon { top:0; } .row-fluid .menucontent_area .menucontent_left { width:50%; padding:20px; } .row-fluid .menucontent_area .menucontent_right { width:50%; } .row-fluid .menucontent_area .menucontent_btn a { min-width: 200px; } .row-fluid .menucontent_area h3 { font-size: 20px; line-height: 28px; } .row-fluid .tabtext_box { padding:15px; } .row-fluid .header_cta { padding:30px; } .row-fluid .header_cta .connect_btn a { min-width: 170px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) .header_cta { width:30%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(4) .childmenu_wrap { width:70%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .header_cta { width:30%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .childmenu_wrap { width:70%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) .header_cta { width:30%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(6) .childmenu_wrap { width:70%; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) .childmenu_wrap > li.hs-menu-depth-2 { width: 50%; padding-right: 30px; margin-bottom:10px; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li ul { right:0 !important; } .row-fluid .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li a { padding:6px 0; } .row-fluid .future-section .header-container-wrapper { height:auto !important; } .row-fluid .future-section #hs_cos_wrapper_module_15399890969182422 { margin-bottom: 0 !important; margin-top: 0px !important; padding-bottom: 0 !important; } } @media(max-width:900px) { .row-fluid .header_section { padding:0 20px; } .row-fluid .header_section .top_menu { padding:0; margin:0; } .row-fluid .header_cta .connect_btn script { display:none; } .row-fluid .header_section .search-section { display:none; } .mobile-open .row-fluid .header_section a.mobile-trigger { top: 15px; right: 0; } .row-fluid .header_section a.mobile-trigger { top: 15px; right: 0; } .row-fluid .header_section .wrapper2 > div > div { line-height:0; } .row-fluid .header_section .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { float:left; white-space: normal !important; width: 100% !important; overflow: visible; padding: 11px 20px !important; } .row-fluid .header_cta .connect_btn a { width:auto !important; position:relative; background:#fff; padding:10px 65px 10px 20px !important; } .row-fluid .header_cta { padding:30px 20px; } .row-fluid .menucontent_area { display:none; height: auto; float: left; width:100%; position:relative; } .row-fluid .menucontent_area .menucontent_right { height:200px; } .row-fluid .menucontent_area script { display:none; } .row-fluid .tabtext_box script { display:none; } .row-fluid .tabtext_box.active {display:none; } /* .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul li:nth-child(3) .child-triggerm { display:none !important; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul li:nth-child(3) ul { display:none !important; } */ .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul li:nth-child(4) .child-triggerm { display:none !important; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul li:nth-child(4) ul { display:none !important; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul li:nth-child(5) .child-triggerm { display:none !important; } .top_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul li:nth-child(5) ul { display:none !important; } .row-fluid .top_menu .childmenu_wrap { width:100%; float:left; } .row-fluid .future-section .header-container-wrapper { height:auto !important; } .row-fluid .future-section #hs_cos_wrapper_module_15399890969182422 { margin-bottom: 0 !important; margin-top: 0px !important; padding-bottom: 0 !important; } .row-fluid .hs-form fieldset .hs-input { width:100% !important; } .row-fluid .hs-form fieldset.form-columns-1 select.hs-input { padding:10px 15px !important; } .row-fluid .hs-form fieldset.form-columns-1 .input { margin-right:0; } /*--search--box--*/ .row-fluid .header_section .top-search { text-align:center; } .row-fluid .header_section .top-search > div { text-align:center; } .row-fluid .header_section .hs-search-field { text-align:left; opacity: 1; visibility: visible; height: auto; float: left; position: relative; left: 0; top: 0; background: transparent; width: auto; float: none; display: inline-block; } .row-fluid .header_section .hs-search-field .close_btn { display:none; } .row-fluid .header_section .gsc-input-box input[type="text"] { width:270px; } .row-fluid .header_section .gsc-search-button button { padding:5px 25px 6px 25px; } .mainmenu .hs-menu-flow-horizontal > ul ul li { float:left; width:100%; } } @media (min-width: 901px){ a.mobile-trigger, span.child-triggerm { display: none !important; /* Hide button on Desktop */ } .row-fluid .mainmenu .hs-menu-wrapper { display: block !important; } } @media (max-width: 900px){ .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:hover { color: #00659f; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:12px 15px; } .simple-banner a.mobile-trigger i, .simple-banner a.mobile-trigger i:before, .simple-banner a.mobile-trigger i:after { background-color:#00659f; } /* Menu Reset - Remove styling from desktop version of custom-menu-primary */ /* Place any additional CSS you want removed from the mobile menu in this reset */ .mainmenu, .mainmenu *{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #FFFFFF; } /* Toggle Button ========================================================================== */ a.mobile-trigger { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 15px; /* Position Button at top right of screen */ right: 15px; /*******************************************/ width: 44px; /* Button width */ height: 44px; /* Button height */ padding: 12px 10px; background:transparent; /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; } .top.fixed a.mobile-trigger { top: 7px; width: 39px; height: 35px; padding: 7px 8px; } .top.fixed .mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; top: 8px; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #00659f; } a.mobile-trigger span{ display: inline; } a.mobile-trigger span:before{ position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #212326; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } /* Change button when menu is open */ .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; /* Button color transition effect */ -moz-transition:background-color 0.2s linear; /* Button color transition effect */ transition:background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ } .mobile-open a.mobile-trigger span:after{ opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #FFFFFF; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -8px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 8px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /* Child Toggle Button ========================================================================== */ span.child-triggerm { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 50px !important; /* Button width */ min-width: 50px !important; height: 43px !important; /* Button height */ padding: 0 !important; z-index:999; border-left: 1px solid rgba(255, 255, 255, .20); } span.child-triggerm:hover { text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ span.child-triggerm span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } span.child-triggerm span:after { position: absolute; content: ''; } span.child-triggerm span, span.child-triggerm span:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #FFFFFF; /* Icon color */ display: block; } .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; } span.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } span.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } span.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children { float:left; } /* Menu Styles on Mobile Devices ========================================================================== */ /* Hide menu on mobile */ .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .mainmenu.js-enabled .hs-menu-flow-horizontal{ position: fixed; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); padding-top:80px; bottom:0; overflow-y:auto !important; } .mainmenu .hs-menu-flow-horizontal{ padding: 0 0 0 0; /* Padding to add room for close button */ /*background-color: #212326;*/ /* Menu background color set off global mobile-menuColor variable */ background:rgba(0,0,0,0.8); width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative; } .mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .mainmenu .hs-menu-flow-horizontal ul li{ border-top: 1px solid rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .mainmenu .hs-menu-flow-horizontal ul li a{ padding: 0 10px; } .mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #00659f; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08); } .mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 0; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 10px; /* Indent Child lists */ } .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 10px; /* Indent Child lists */ } } .hs-breadcrumb-menu { margin: 0 auto; display: inline-block; } .location-nav .hs-menu-depth-1.active-branch ul.active-branch { display: block !important; } .location-nav .hs-menu-depth-1.active-branch ul.active-branch li.active { background: #00659f; } .location-nav .hs-menu-depth-1.active-branch ul.active-branch li.active a { color: #ffffff; } .sidebar-menu-wrapper .hs-menu-wrapper>ul>li>ul>li.active-branch>ul>li.active-branch { background: #ff6a13; } .hs-blog-listing #leadinModal-content-wrapper-891043 .leadinModal-content-wrapper .leadin-preview-wrapper { background: url(‘https://www.bench.com/hubfs/connect-with-me.jpg’)!important; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }