/* Box Shadow */ /* Transition */ /* Transform */ * , *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } 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 } 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 #9cc5ca; width:15px; height:15px; font-size:0; text-index:-9999; cursor:pointer; } .row-fluid ol.flex-control-nav li a:hover , .row-fluid ol.flex-control-nav li a.flex-active { background:#9cc5ca; } blockquote { border-left:4px solid #9cc5ca; margin:15px 0 25px; padding:5px 20px; font-style:italic; } blockquote em { display:block; opacity:0.8; } .row-fluid .title-text { margin:0 auto !important; max-width:580px; width:100%; float:none; display:block; -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 .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:after { content:''; margin:21px auto 8px; width:134px; height:2px; display:block; background:#9cc5ca; -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 .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; font-weight:600; } .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:#9cc5ca; } /*anchor link*/ a { text-decoration:none; outline:none; color:#9cc5ca; -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:#9cc5ca; } /*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:#9cc5ca; 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:#9cc5ca; color:#FFFFFF; border-color:transparent; } .row-fluid .link-style3 a , .row-fluid a.link-style3 { 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:12px 25px; background-color: #9cc5ca; color:#ffffff; margin:5px 0 0; font-size:13px; position:relative; text-align:center; } .row-fluid .link-style3 a:hover , .row-fluid a.link-style3:hover { background:#9cc5ca; color:#FFFFFF; border-color:transparent; } /* Click to top scroll */ .row-fluid .back-to-top { cursor:pointer; font-size:20px; position: fixed; right: 20px; bottom: 13px; color:#FFFFFF; width: 40px; height: 40px; text-align: center; line-height: 40px; background:#9cc5ca; -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; text-index:-9999; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; background:#777777 } .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:#9cc5ca; } .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; text-index:-9999; cursor:pointer; } .slick-arrow:before { font-family:'FontAwesome'; font-size:20px; } .slick-arrow:hover { background:#9cc5ca; 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; } .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:#9cc5ca; color:#FFFFFF; border-color:#9cc5ca; } .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:#9cc5ca; background:#9cc5ca; border-radius:100%; } @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; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; } .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:#ffffff;margin-top:10px; } * .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; cursor: hand; } .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; } /*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 .heronew-section { position:relative; } .row-fluid .heronew-section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.3; /*background:#000000;*/ background: #000000; } .row-fluid .heronew-section > div { position:relative; } .row-fluid .heronew-content { padding:202.1px 0; } .heronew-content {padding: 160px 0 80px;} .row-fluid .heronew-content h1 { font-size: 3.998em;padding:0px; line-height: 1.2em;font-family: 'Rubik', Sans-Serif;color: #ffffff;text-rendering: optimizelegibility;font-weight: 700;text-transform: unset; } .row-fluid .bgimg-main2 { background-size:cover; background-repeat:no-repeat; background-position:center center; } .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; } .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; } /* blog-section */ .row-fluid .blog-section { padding:90px 0 0; position:relative; margin-bottom:450px; } .row-fluid .blog-section .row-fluid .wrapper { position:relative; z-index:55; } .row-fluid .blog-section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#000000; opacity:0.65; } .row-fluid .blog-section > div { position:relative; } .row-fluid .blog-section1 { padding:; margin-bottom:-400px; } .row-fluid .blog-section1 .blog-block { width:33.33%; float:left; padding:0 14px; } .row-fluid .blog-section1 .post-image { height:288px; text-align:right; } .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:#333333; } .row-fluid .blog-section1 .post-title a:hover { color:#9cc5ca; } .row-fluid .blog-section1 .post-date { padding:12px 0 8px; font-size:16px; line-height:22px; font-weight:600; 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;; letter-spacing:0.5px; } .row-fluid .blog-section1 a.post-btn:hover { color:#f5f5f5; background:#9cc5ca; } .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:#9cc5ca; 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; } /* strip-section */ .row-fluid .strip-section { padding:30px 0; background:#9cc5ca; } .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; font-size: 18px; } .row-fluid a.strip-cta.cta-arrow2:before { left:auto; right:0; } .row-fluid a.strip-cta:hover { border-color:#FFFFFF } /* blog page */ .hs-blog-listing .blog-right { display:none; } .hs-blog-listing .blog-left { margin:0; width:100%; padding:25px 0; } .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:bold; text-transform:uppercase } .row-fluid .blog-topic ul li a:hover { color:#9cc5ca; } .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 35px; } .row-fluid .post-box {height: 100%;position: relative;} .row-fluid a.link-post { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .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:20px 15px 0; } .row-fluid .post-header h2 { font-size:20px; line-height:25px; letter-spacing:1px; padding:0;font-family: 'proxima_novaregular' !important;color:#759da5;text-transform: uppercase;margin: 5px; } .row-fluid .post-header h2 a { color:#004268; } .row-fluid .post-header h2 a:hover { color:#19689b; } .row-fluid .post-date { padding-top:10px !important; font-size:16px; font-style:italic; color:#999999; } .row-fluid a.link-post { margin-bottom:35px; min-width:125px; padding:5px 20px; font-size:16px;font-weight:bold;line-height:20px; 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;font-family: 'proxima_novaregular';color:#759da5; text-decoration: underline; } .row-fluid a.link-post:hover { color:#D4E759; } .hs-blog-listing .related-post { display:none; } /* blog inner */ .hs-blog-post .row-fluid .blog-left { padding:20px 0 15px; } .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 { font-size:46px; line-height:55px; letter-spacing:0.5px;font-family: 'proxima_novasemibold';text-transform:uppercase;margin:0px;color:#004268; } .hs-blog-post .hubspot-editable { margin:10px 0; } .hs-blog-listing .hs-blog-post .row-fluid .blog-left .hs-featured-image-wrapper { height:530px; } .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;display:none; } .hs-blog-post .hs-author-social-section { font-style:normal; } .hs-blog-post .blog-post-themes a { color:#000;font-style:normal;font-family: 'proxima_novaregular'; } .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:#9cc5ca; } .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:#9cc5ca; 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:#9cc5ca; } .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; text-transform:uppercase; color:#999999; text-align:left; } .row-fluid .hs-richtext:after { content:''; margin-top:6px; width:37px; height:3px; background:#9cc5ca; 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; } .section.post-body{font-size:16px;line-height:20px;padding-bottom:50px;font-family:proxima_novaregular;font-weight:400;margin-top:50px} .hs-featured-image-wrapper.bgimg-main1>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; margin: 0 !important; } .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:#9cc5ca; 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:#9cc5ca; color:#FFFFFF } /* 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:#9cc5ca; 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 20px; } .blog-right-topic #custom_details-module h3{font-size:33px;} .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:#6E8F53; } .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:#9cc5ca; } .row-fluid .post-topic .post-title a { font-size:14px; line-height:20px; color:#777777; } .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:#9cc5ca; } .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 #9cc5ca; } .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:"\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(4):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(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:#9cc5ca; } .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:#19689b; 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:#19689b; border-color:#19689b; } .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 a { font:0 none; } .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:"\f16d"; font-size:16px; line-height:22px; color:#999999; display:inline-block; font-family: 'FontAwesome'; } .social-sharing ul.share-buttons li a:hover:after { color:#9cc5ca; } /* one col section */ .row-fluid .hero-onecol { padding-top:95px; position:relative; } .row-fluid .hero-onecol:before { content:''; width:100%; height:100%; background:#000000; opacity:0.50; 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; letter-spacing:1px; } .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; } .row-fluid .onecol-content1 h3 { 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:#9cc5ca; 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:#9cc5ca; 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; } /* new blog */ .row-fluid .blog-new { padding:80px 0; } .row-fluid .blog-block1 .post-listing { margin:0; } .row-fluid .blog-postbg { height:450px; } .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 35px; font-size:17px; line-height:36px; } .row-fluid .blog-inner-title { margin-left:50px; margin-right:50px; margin-top:-60px; padding:20px; background:#FFFFFF; position:relative; } .row-fluid .blog-inner-title:after { content: ''; border: 60px solid #FFFFFF; position: absolute; top: 0; right: 100%; /* border-right-color: transparent; */ 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-left-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:#777777; display:block; } .row-fluid .blog-inner-title .hubspot-editable { font-style:italic; } .row-fluid .blog-inner-title h2 { font-size:26px; line-height:34px; letter-spacing:1.5px; } .row-fluid .blog-inner-title h2 a { color:#333333; } .row-fluid .blog-inner-title h2 a:hover { color:#9cc5ca; } .row-fluid .blog-inner-title a { color:#333333; } .row-fluid .blog-inner-title a:hover , .row-fluid .contact-box-blog a:hover { color:#9cc5ca; } .row-fluid .blog-comment { margin-top:25px; width:100%; display:inline-block; } .row-fluid .contact-box-blog { padding:0; width:33.33%; display:inline-block; vertical-align:middle; border:1px solid #e0e0e0; float:left; } .row-fluid .contact-box-blog a { color:#777777; } .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-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:#9cc5ca; border-color:#9cc5ca; } .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 #9cc5ca; color:#9cc5ca } .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:#9cc5ca; } .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:#777777; } .row-fluid .blog-categories .widget-module ul li a span { float:right } .row-fluid .blog-categories .widget-module ul li a:hover { color:#9cc5ca; } .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:#9cc5ca; display:block; } .row-fluid .blog-author-text h3 a { color:#1A1A1A; } .row-fluid .blog-author-text h3 a:hover { color:#9cc5ca; } /*.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 { height:500px; } .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:#9cc5ca; } .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:50%; 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:#9cc5ca; } .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:#9cc5ca; border:2px solid transparent; font-style:normal; } .row-fluid .blog-form-new .hs-button:hover { border-color:#9cc5ca; background:transparent; color:#9cc5ca; } .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:#9cc5ca; } /* 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:7px 0; } .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:#333333; } .hs-blog-listing .blog4-left .blog-inner-title1 h2 a:hover { color:#9cc5ca; } .hs-blog-listing .blog4-left .blog-inner-title1:after { content:''; margin:15px auto 8px; width:60px; height:1px; background:#333333; display:block; } .hs-blog-listing .blog4-left .pagination-block { margin-top:50px; } @media (min-width: 768px) and (max-width: 1200px){ /* 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; } } @media (min-width: 992px) and (max-width: 1200px){ .row-fluid .wrapper { max-width:920px; } /*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; } /* 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; } } @media (min-width: 901px) and (max-width: 991px){ /*menu*/ .row-fluid .mainmenu { margin:16px 0 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: 768px) and (max-width: 991px){ .row-fluid .wrapper { width:98%; } /*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; } /* 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; } /* 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 0 50px; } .row-fluid .team-img { height:225px; } .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 0px 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; } } @media (max-width:900px) { body.mobile-open { overflow-y:hidden; } .row-fluid .top { padding-bottom:23px; } .row-fluid .top-search script { display:none !important; } .row-fluid .top-search { margin:10px 0 0; padding:0 20px; display:inline-block; width:100%; min-width:100%; } .row-fluid .search-icon { position:relative; display:none; } .row-fluid .gsc-input-box, .gsc-input-box-focus , .row-fluid .gsc-search-button { height:40px; } .row-fluid .gsc-input-box input[type="text"] { height:40px !important; color:#000; } .row-fluid .gsc-search-button:before { height:40px; line-height:40px; } .row-fluid td.gsib_b { display:none; } .row-fluid .top-search .gsc-search-box { width:100%; } .row-fluid .top-search .gsc-control-cse { width:100%; } } @media (min-width: 30px) and (max-width: 767px){ .margintop { margin-top:40px; } .row-fluid .wrapper { width:100%; padding:0 15px; } .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:18px; } /* 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; } /* 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 .service-section2 { padding:0 0 25px; } .row-fluid .service-section2 .hs_cos_wrapper_widget { width:50%; } .row-fluid .service-section2 span.hs_cos_wrapper { margin:0; display:inline-block; width:100%;} .row-fluid .serviceText h4 { margin-top:15px; } .row-fluid .service-img { height:300px; } /* 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; } /* home page 2 */ .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; } /* home page 2 */ .row-fluid .home-video video { width:auto; height:auto; max-width:none; } /* 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:110px 0 40px; } .row-fluid .heronew-content h1 { font-size:32px; line-height:40px; } .row-fluid .heronew-content1 {/* padding:110px 0 40px; */ } .row-fluid .heronew-content1 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:225px; } .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; } .row-fluid .counter-box { margin:0; width:50%; float:left; padding-bottom:20px; } /* 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:36px; line-height:40px; } .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 { height:270px; } .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 { 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:before { right:0; left:0; } } @media(max-width:500px) { /* 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-section2 .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: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:300px; } /* 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:36px; line-height:40px; } .row-fluid .contact-box-blog { width:100%; margin-bottom:5px; height:auto !important; } .row-fluid .blog-postbg { height:250px; } /* blog 3 section */ .hs-blog-listing .blog3-section { padding:50 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; } } @media (min-width: 901px){ a.mobile-trigger,span.child-triggerm{display:none!important} .row-fluid .mainmenu .hs-menu-wrapper{display:block!important} } .header-container .row-fluid .top{border-bottom:0} /***DevTeam Style Code*****/ #email-6f6cba14-6f61-4da4-8cbf-25eee6ecb9a1_8500 {background: #fff;} .sameheight a {color:#fff !important;} @media (max-width: 767px){ .footer-container .footer-logo {text-align: center;} .post-text, .post-text a, .row-fluid .blog-section1 .post-date {color: #fff;} .row-fluid .blog-section1 .post-text {padding: 40px 0px;} .row-fluid .blog-section1 a.post-btn{color: #9cc5ca;} .sameheight {font-size:20px;line-height:30px;} } .bgimg-main p{padding-right:15px;} @media screen and (max-width: 767px) { .footer ul li{text-align:center} } @media (max-width:640px){ .fulwidth-common-wrapper .left-area, .fulwidth-common-wrapper .right-area {width:100%;} } @media (max-width:480px){ .left-area .image-area{padding-top:200px;} } @media screen and (max-width: 1199px) { #hs_menu_wrapper_custom_details_menu ul li a{min-width:100%!important} } @media screen and (min-width: 801px) { .row-fluid .heronew-content{background-size:cover!important} .row-fluid .heronew-content1{background-size:cover!important} } @media screen and (max-width: 800px) { .row-fluid .heronew-content{background-size:cover!important} .row-fluid .heronew-content1{background-size:cover!important} } @media screen and (max-width: 767px) { .top-bottom-padding{padding-left:15px!important;padding-right:15px!important} .available-homes .post-item{width:100%!important;margin:0 auto 10px auto!important} .footer li{text-align:center} #hs_menu_wrapper_custom_details_menu ul li:last-child i{display:inline} #hs_menu_wrapper_custom_details_menu ul li a{min-width:auto!important} } @media screen and (max-width: 1300px) { /*.custom_floor-details img{max-height:780px!important}*/ .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 10px} } /*By Shaban Devteam*/ .wrapper-half{width:100%;padding-bottom:20px;} .row-fluid .half-width .hs_cos_wrapper_widget{width: 50% !important;float: left;} .right-new{width:100%;} .left-new{width:100%;} .right-new h5, .desc-content{text-align:center;} .row-fluid .full-width .hs_cos_wrapper_widget:nth-child(2n+1) {clear: left;} .row-fluid .right-new h5::before {left:45%;bottom:0;z-index:9;} .row-fluid .right-new h5::after {left:45%;position:absolute;bottom:0;} .desc-content{padding-bottom:25px;} .page-center-75 {max-width: 75%;margin: 0 auto !important;float: none !important;} @media (max-width:991px){ .row-fluid .full-width .hs_cos_wrapper_widget{width: 100% !important;float: left;} } @media screen and (max-width: 767px) { .footer ul li{text-align:center} } @media (max-width:640px){ .page-center-75 {max-width: 99%;margin: 0 auto !important;float: none !important;} .row-fluid .full-width .hs_cos_wrapper_widget{padding:0;} } /*Availible Homes Styling*/ @media screen and (max-width: 1199px) { /*.available-homes .post-item{min-height:550px!important}*/ } @media screen and (max-width: 767px) { .available-homes .post-item{min-height:auto!important} } @media screen and (min-width: 1200px) { /*.available-homes .post-item{min-height:650px!important}*/ } /* New edits */ .row-fluid .logo img{height:auto!important;width:150px!important} .row-fluid .footer-logo img{width:130px!important} .hs-blog-post .row-fluid .blog-left,.hs-blog-post .row-fluid .blog-right{margin-top:20px} @media (max-width: 767px) { .span12.widget-span.widget-type-rich_text.footer-contact-address{font-size:15px;margin-top:20px} } .hs_cos_flex-slider{margin:17px 0 0!important} .hs-content-id-5651826981 .heronew-content1{background-position:100% 64%!important} .hs-content-id-5653803925 .heronew-content1{background-position:100% 66%!important} .hs-content-id-5653446931 .heronew-content1{background-position:100% 41%!important} .hs-content-id-5653448757 .heronew-content1{background-position:100% 44%!important} .hs-content-id-5653810632 .heronew-content1{background-position:100% 70%!important} .hs-content-id-5653816149 .heronew-content1{background-position:100% 75%!important} .custom-sidebar-content a.btn{width:100%;display:block;background-color:#e8e3d7;border:1px solid rgba(0,0,0,.17);letter-spacing:1.5px;margin:10px auto 0;color:#928980;text-transform:uppercase;font:12px/1.5em 'Gotham Medium';text-decoration:none!important;padding:.5em 1em} .single-post-blog-section h2:first-child{display:none} .hs_cos_flex-control-nav{margin-top:2%!important;position:static} .row-fluid .satisfied-title h1{font-weight:600;text-transform:inherit;position:relative} .row-fluid .satisfied-title h1::after{left:45%;bottom:0;z-index:9} .row-fluid .satisfied-title h1::after{content:'';width:100px;height:1px;background:#9cc5ca;position:absolute;bottom:10px;left:40%;-webkit-animation:myfirst 1s infinite;-webkit-animation-direction:alternate;animation:myfirst 1s infinite;animation-direction:alternate} .span12.widget-span.widget-type-cell.footer{margin-left:0} .hs_cos_flex-slider.flex-slider-main.slider-mode-slider{background:transparent none repeat scroll 0 0!important} @media screen and (max-width: 767px) { .hs-content-id-5571939096 .row-fluid .future-section1 .hs_cos_wrapper_widget{width:100%!important} } .overlay { background-color: rgba(0, 0 ,0 ,0.1) !important; } @media (min-width: 768px) and (max-width: 1200px){ #hs_cos_wrapper_widget_1518452127627 .desc-content {display: none;} .row-fluid .logo img { /*height: 40px !important;*/height: auto !important; margin-top: 7px; } } #hs_cos_wrapper_widget_1518452506040 .desc-content{display:none} .custom_listing_comments {display:none; } .custom_listing_comments { display: none !important; } li.disabled {display: none !important;} #hubspot-author_data .blog-post-date:after {content: " " !important;} #hs_form_target_module_152829294085929 form .hs_email .input input { background: #fff ; } @media screen and (max-width: 767px) { .row-fluid .service-img { height:350px !important; background-size:100%; background-position:top 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-block::after {background:transparent !important;} } } .footer-subscribe .hs-error-msgs{color:#fff!important;line-height:1} .custom-photos-gallery{padding-left:8%;padding-right:8%} @media only screen and (max-width: 768px) { .row-fluid .future-section1 .hs_cos_wrapper_widget{width:100%!important} .dark-gray{background:transparent none repeat scroll 0 0} .sameheight img{width:50%;margin:0 auto;display:block} .custom-photos-gallery{padding-left:0;padding-right:0} } @media only screen and (max-width: 991px) { .sameheight img{width:40%;margin:0 auto;display:block} } .post-item{height:480px!important} .hs-blog-id-4947494008 .post-item{height:430px!important} .title-height{height:auto!important} h2.title-height{height:95px!important} .aboutus-quote-bg{background:url(https://info.londonbay.com/hubfs/2018_Website/Custom%20Build/LBhAboutUs.jpg?noresize) no-repeat;width:100%;background-size:100%;background-position:center} @media only screen and (max-width: 768px) { .aboutus-quote-bg{background:url(//info.londonbay.com/hubfs/AcquaticoTestimonial.jpg) no-repeat;width:100%;background-size:100%;background-position:center} } @media only screen and (max-width: 480px) { .post-content{color:#000;line-height:20px;font-size:13px} } #hubspot-author_data{float:none} .post-content{color:#000;font-family:proxima_novaregular!important;font-size:16px;line-height:20px} .blog-left .row-fluid .post-item{margin-top:0} .blog-left .blog-listing-wrapper .post-listing .post-item{margin-bottom:0} .blog-right-box .bgimg-main1 img{display:block} .blog-post-wrapper .post-body p{margin-bottom:0;padding:0;font-family:proxima_novaregular;line-height:22px} .span12.widget-span.widget-type-custom_widget.blog-right-topic ul{list-style:none;padding-left:0} .blog-left .blog-listing-wrapper .post-listing .post-item{border-bottom:0} .row-fluid .bgimg-main1 img{border-width:0;max-height:300px;max-width:100%;display:inline-block!important;float:none!important;margin:10px 0 10px 0} .hs-featured-image{width:100%} .blog-right h3{font-size:25px;font-family:proxima_novalight;text-transform:uppercase;font-weight:400;text-align:center;width:65%;margin:10px auto;color:#759da5} .blog-right .social-icons h3{font-size:25px;line-height:40px;font-family:proxima_novalight;text-transform:uppercase;font-weight:400;text-align:center;color:#759da5;margin-top:80px} .blog-right .social-icons h3:after{content:'';width:75%;height:2px;background-color:#d4e759;display:block;margin:0 auto} .blog-right h3.form-title{margin-top:160px} .blog-right .subscribe-from .input{width:50%;margin:0 auto 20px;border:2px solid #004268;border-radius:5px} .blog-right .hs-button.primary.large{background-color:#d0ecee;border:0;padding:10px 25px;border-radius:4px;color:#004268;font-size:16px;text-transform:uppercase;line-height:18px;font-family:proxima_novaregular;-webkit-appearance:none;border:2px solid #d0ecee} .blog-right .hs-button.primary.large:hover{background-color:transparent;border:2px solid #004268;color:#004268} .blog-post-date{font-family:proxima_novaregular;color:#000!important;font-style:normal!important} .section.post-header{position:relative} div#hubspot-author_data:after{ content:''; width:310px; height:2px; background-color:#d4e759; position:absolute; bottom:-9px; left:0; margin:5px auto } .blog-right .hs-input{ border:0; line-height:20px } @media screen and (max-width: 768px) { .blog-right h3.form-title{ margin-top:30px } .post-item{ height:450px!important } .blog-right h3.form-title{ margin-top:0 } .section.post-body{ padding-bottom:20px } .row-fluid .blog-right{ padding-top:0 } .blog-right .social-icons h3{ margin-top:25px } } @media screen and (max-width: 768px) { .blog-right .social-icons h3{ font-size:22px; } }