/* @import url('http://example.com/example_style.css'); */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Shadows+Into+Light'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, 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"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .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: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* 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; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#777777; background:#fff; overflow-x:hidden} img { border:0; vertical-align: top; height:auto; max-width:100%; /* pointer-events: none*/} hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0} .clear { clear:both } .row-fluid .left-padding {padding-left: calc(((100% - 1390px) + 30px) / 2)} .row-fluid .right-padding{padding-right: calc(((100% - 1390px) + 30px) / 2)} .container-fluid .row-fluid .wrapper, .wrapper { float: none; max-width: 1390px; margin: 0 auto; padding-lefT:15px; padding-right:15px; width:100%} @media (max-width:1400px) { .container-fluid .row-fluid .wrapper, .wrapper{max-width:1170px} .row-fluid .left-padding {padding-left: calc(((100% - 1170px) + 30px) / 2)} .row-fluid .right-padding{padding-right: calc(((100% - 1170px) + 30px) / 2)} } @media (max-width:1170px) { .container-fluid .row-fluid .wrapper, .wrapper{max-width:950px} .row-fluid .left-padding {padding-left: calc(((100% - 950px) + 30px) / 2)} .row-fluid .right-padding{padding-right: calc(((100% - 950px) + 30px) / 2)} } @media (max-width:991px) { .container-fluid .row-fluid .wrapper, .wrapper{max-width:750px} .row-fluid .left-padding {padding-left: calc(((100% - 750px) + 30px) / 2)} .row-fluid .right-padding{padding-right: calc(((100% - 750px) + 30px) / 2)} } @media (max-width:768px) { .container-fluid .row-fluid .wrapper, .wrapper{max-width:100%} .row-fluid .left-padding {padding-left:15px} .row-fluid .right-padding{padding-right:15px} } ._1JOiS button { visibility: hidden !important;} p { padding:15px 0; margin:0} sup {line-height:0px} h1 { color:#1D2127; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:60px; margin:0; padding:15px 0 25px; line-height:60px !important; font-weight:normal; clear:both } h2 { /*text-transform: capitalize*/; font-weight:normal; color:#1D2127; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:42px; line-height:50px; margin:0; padding:10px 0 10px; clear:both } h3 { font-weight:500; color:#1D2127; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; margin:0; padding:10px 0 10px; clear:both } h4 { font-weight:normal; color:#1D2127; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:28px; line-height:34px; margin:0; padding:10px 0 10px; clear:both } h5 { font-weight:normal; color:#1D2127; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; line-height:30px; margin:0; padding:10px 0 10px; clear:both} h6 { font-weight:400; color:#1D2127; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:22px; margin:0; padding:10px 0; line-height:26px; clear:both } a { text-decoration:none; outline:none; color:#4994A7; -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:#333} .hs-form-required {display: none;} input {margin-bottom:20px;} select {margin-bottom:20px;} .legal-consent-container p {font-size: 12px; } .section input.hs-button {height: auto !important; } .row-fluid .mt-0 { margin-top: 0 } .row-fluid .mt-10 { margin-top: 10px } .row-fluid .mt-15 { margin-top: 15px } .row-fluid .mt-20 { margin-top: 20px } .row-fluid .mt-30 { margin-top: 30px } .row-fluid .mt-40 { margin-top: 40px } .row-fluid .mt-50 { margin-top: 50px } .row-fluid .mt-60 { margin-top: 60px } .row-fluid .mt-70 { margin-top: 70px } .row-fluid .mt-80 { margin-top: 80px } .row-fluid .mb-0 { margin-bottom: 0 } .row-fluid .mb-10 { margin-bottom: 10px } .row-fluid .mb-15 { margin-bottom: 15px } .row-fluid .mb-20 { margin-bottom: 20px } .row-fluid .mb-30 { margin-bottom: 30px } .row-fluid .mb-40 { margin-bottom: 40px } .row-fluid .mb-50 { margin-bottom: 50px } .row-fluid .mb-60 { margin-bottom: 60px } .row-fluid .mb-70 { margin-bottom: 70px } .row-fluid .mb-80 { margin-bottom: 80px } .row-fluid .pt-0 { padding-top: 0 } .row-fluid .pt-10 { padding-top: 10px } .row-fluid .pt-15 { padding-top: 15px } .row-fluid .pt-20 { padding-top: 20px } .row-fluid .pt-30 { padding-top: 30px } .row-fluid .pt-40 { padding-top: 40px } .row-fluid .pt-50 { padding-top: 50px } .row-fluid .pt-60 { padding-top: 60px } .row-fluid .pt-70 { padding-top: 70px } .row-fluid .pt-80 { padding-top: 80px } .row-fluid .pb-0 { padding-bottom: 0 } .row-fluid .pb-10 { padding-bottom: 10px } .row-fluid .pb-15 { padding-bottom: 15px } .row-fluid .pb-20 { padding-bottom: 20px } .row-fluid .pb-30 { padding-bottom: 30px } .row-fluid .pb-40 { padding-bottom: 40px } .row-fluid .pb-50 { padding-bottom: 50px } .row-fluid .pb-60 { padding-bottom: 60px } .row-fluid .pb-70 { padding-bottom: 70px } .row-fluid .pb-80 { padding-bottom: 80px } .row-fluid .margin-0 { margin: 0 !important } .submitted-message { text-align: center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem} .row-fluid input[type=submit], .row-fluid input, .row-fluid form button, .row-fluid textarea, .row-fluid select, .row-fluid input[type="text"], .row-fluid input[type="password"], .row-fluid input[type="datetime"], .row-fluid input[type="datetime-local"], .row-fluid input[type="date"], .row-fluid input[type="month"], .row-fluid input[type="time"], .row-fluid input[type="week"], .row-fluid input[type="number"], .row-fluid input[type="email"], .row-fluid input[type="url"], .row-fluid input[type="search"], .row-fluid input[type="tel"], .row-fluid input[type="color"], .row-fluid input[type="file"]{border:1px solid #d2d2d2;height:40px;width:100%;min-width:unset;outline:none;padding:0px 15px; font-family:Open Sans, sans-serif} .row-fluid form textarea { min-height: 170px; resize: none; padding: 15px; font-family: Open Sans, sans-serif; min-width:100%} .row-fluid select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-color: #ffffff; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALBAMAAABrDns0AAAAAXNSR0IB2cksfwAAACRQTFRFAAAAUJ/FUJ/HTZ/HTqDHT6DHTp/GTp/HTp/HUJ+/TaDHTZ/GYwYjlQAAAAx0Uk5TADAgYP+fkNCgEL9wDYjB2QAAAEVJREFUeJxjYGQAAyYGBpMAMAtIpbiCGMwuBQwcLiBBE/cJDAwtriChSiAXJAgWAglChECCSyBCQEGoEFAQJsTAsBNEAADBag1s4LmQdgAAAABJRU5ErkJggg=='); background-size: 15px; background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding-right: 50px} select::-ms-expand { display: none; } .row-fluid form fieldset{min-width:100%} .row-fluid form .hs-form-checkbox label input[type="checkbox"],.hs-form-booleancheckbox input[type="checkbox"]{height:20px;width:20px!important;min-width:auto;margin:0px;vertical-align:middle;opacity:0} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span,.hs-form-booleancheckbox input[type="checkbox"] + span{padding-left:10px;user-select:none;position:relative;line-height:20px;display:inline-block; cursor:pointer} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span:before,.hs-form-booleancheckbox input[type="checkbox"] + span:before{content:'';height:20px;width:20px;border:1px solid #d2d2d2;display:inline-block;vertical-align:bottom;position:absolute;left:-20px;top:0;transition:all 0.3s ease} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span:after,.hs-form-booleancheckbox input[type="checkbox"] + span:after{content:"\f00c";height:20px;width:20px;position:absolute;left:-20px;font-family:fontawesome;transform:scale(1.4) rotate(-12deg);transition:all 0.3s ease;font-size:11px;text-align:center;opacity:0;line-height:21px} .row-fluid form .hs-form-checkbox label input[type="checkbox"]:checked + span:after,.hs-form-booleancheckbox input[type="checkbox"]:checked + span:after{opacity:1;transform:scale(1) rotate(0deg)} .row-fluid form fieldset .hs-form-field > label{font-size:13px;font-weight:600;display:block;margin:0 0 0px} .row-fluid form fieldset .hs-form-field .input{ margin:0px !important} .row-fluid form fieldset .hs-form-field .input input, .row-fluid form fieldset .hs-form-field .input select { min-width: 100% !Important} .row-fluid ul.inputs-list { padding: 0 !important; list-style: none !important} .row-fluid form fieldset .hs-form-field .input + ul{ list-style:none} .row-fluid form fieldset .hs-form-field .input + ul label{color:red} .row-fluid form fieldset + fieldset{padding-top:10px!important} .row-fluid form fieldset .legal-consent-container{margin-top:-10px; font-size:13px; font-weight:600} .row-fluid form fieldset .legal-consent-container > div.hs-richtext{padding-top:10px;padding-bottom:10px} .row-fluid form .hs_submit.hs-submit{padding-top:20px; text-align:center} .row-fluid form .hs_submit.hs-submit input{ -webkit-appearance:none;-moz-appearance:none; -o-appearance:none; appearance:none;min-width: auto; display: inline-block; padding: 13px 30px; text-transform: uppercase; transition: all .3s ease; text-align: center; height: auto; font-family: Raleway, sans-serif; background: #4a94a8; border: 2px solid #4ea0c7; cursor: pointer; color: #fff; font-size: 18px; font-weight: 500; width: 100%; max-width: 510px; line-height: 1em;} .row-fluid form .hs_submit.hs-submit input:hover { background: #474e53; color: #fff; border-color: #474e53} .row-fluid form .legal-consent-container .field.hs-form-field{margin:0px} .row-fluid form .hs-form-checkbox + .hs-form-checkbox{padding-top:10px} .row-fluid .popup-form .actions .hs-button { font-size: 14px; line-height: 18px; z-index: 5; overflow: hidden; position: relative; display: inline-block; padding: 17px 25px; min-width: 210px; background-color: #4994a7; color: #fff; text-transform: capitalize; margin: 5px 0 0; border-radius: 8px; font-weight: 400; text-align: center; width: auto} .row-fluid form .hs-form-checkbox label input[type="checkbox"],.hs-form-booleancheckbox input[type="checkbox"]{position:absolute} .row-fluid form .hs-form-checkbox label,.hs-form-booleancheckbox label{position:relative} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span,.hs-form-booleancheckbox input[type="checkbox"] + span{padding-left:30px} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span:before,.hs-form-booleancheckbox input[type="checkbox"] + span:before{left:0} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span:after,.hs-form-booleancheckbox input[type="checkbox"] + span:after{left:0} .row-fluid form .hs-form-checkbox label input[type="checkbox"] + span:after,.hs-form-booleancheckbox input[type="checkbox"] + span:after{top:0} .row-fluid .field.hs-form-field + .hs_error_rollup { display:none} .row-fluid form > .hs_error_rollup { padding: 15px 0px 0} .row-fluid form > .hs_error_rollup label { color: #f55563; font-weight: 500; text-transform: capitalize; font-size: 15px} .row-fluid form > .hs_error_rollup > ul.hs-error-msgs.inputs-list { border: 1px solid #ff9696; color: red; background-color: #ffdfdf; padding: 15px 20px !important; list-style:none} .row-fluid .submitted-message { text-align: center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem} .row-fluid form fieldset.form-columns-2 > div{padding:0px 15px} .row-fluid form fieldset.form-columns-2 > div:first-child{padding-left:0 !important} .row-fluid form fieldset.form-columns-2 > div:last-child{padding-right:0} .row-fluid form fieldset ul.inputs-list li.hs-form-radio label { position: relative} .row-fluid form fieldset ul.inputs-list li.hs-form-radio label input[type='radio'] { margin: 0; min-width: auto !important; position: absolute; width: 100%; left: 0; height: 100%; opacity: 0} .row-fluid form fieldset ul.inputs-list li.hs-form-radio label input[type='radio'] + span { padding-left: 30px !important; padding: 5px 0; line-height: normal; display: block; cursor: pointer; user-select: none} .row-fluid form fieldset ul.inputs-list li.hs-form-radio label input[type='radio'] + span:before { content: ''; position: absolute; top: 50%; left: 0; height: 22px; width: 22px; background: #fff; border-radius: 100%; box-shadow: inset 0 0 5px #828282; transform: translateY(-50%)} .row-fluid form fieldset ul.inputs-list li.hs-form-radio label input[type='radio'] + span:after { content: ''; position: absolute; top: 50%; left: 7px; height: 8px; width: 8px; background: #4a94a8; z-index: 1; border-radius: 100%; transform: translateY(-50%) scale(2); transition: all 0.3s ease; opacity: 0} .row-fluid form fieldset ul.inputs-list li.hs-form-radio label input[type='radio']:checked + span:after { transform: translateY(-50%) scale(1); opacity: 1} .row-fluid form fieldset .hs-form-field .input ul.inputs-list { margin: 0px} .row-fluid form fieldset .hs-form-field .input ul.inputs-list li.hs-form-radio { display: inline-block} .row-fluid form fieldset .hs-form-field .input ul.inputs-list li.hs-form-radio + li { padding-left: 16px} .row-fluid form fieldset.form-columns-2.rich_text > div { padding: 0px 15px} .row-fluid form fieldset.form-columns-2.rich_text > div:first-child { padding: 0px} .row-fluid form fieldset.form-columns-2.rich_text > div:last-child { padding-right: 0} .row-fluid form fieldset.form-columns-2.rich_text > div:nth-child(2) { padding-left: 0} .row-fluid .advance-form form .hs-form-field + .hs-form-field { padding-top: 20px} .row-fluid .advance-form.lable-none form .hs-form-field > label { display: none} .row-fluid .advance-form form .hs-form-field .input + ul.hs-error-msgs.inputs-list { display: none !important} .row-fluid .advance-form form .hs_error_rollup { color: red; padding-top: 6px; font-size:13px; font-weight:600; list-style:none; } .row-fluid .advance-form form input.invalid,.row-fluid .advance-form form select.invalid,.row-fluid .advance-form form textarea.invalid { border-color: #ff9696; color: red; background-color: #ffdfdf} .row-fluid .advance-form form input.invalid::placeholder,.row-fluid .advance-form form select.invalid::placeholder,.row-fluid .advance-form form textarea.invalid::placeholder { color: red} .row-fluid .advance-form .form-title { position: relative; padding-left:0; margin-bottom: 20px} .row-fluid .advance-form .form-title:before { content: ""; position: absolute; top: 50%; left: 0; background: ; height: 2px; width: 25px; transform: translateY(-50%)} .row-fluid .advance-form form .form-columns-2 .hs-form-field + .hs-form-field { padding-top: 0px} .row-fluid .advance-form.lable form .hs-form-field > label { display: block} .row-fluid .years-section.obstacles-section:after, .row-fluid .years-section.border-bottom-center:after{ display:none} .row-fluid .set-bg{ display:none} .row-fluid .get-bg-self img{ display:none} .row-fluid .row{margin:0 -15px;display:block;float:none;width:auto} .row-fluid .row:after{content:"";display:table;clear:both} .row-fluid .get-bg-inline { position: relative; overflow: hidden} .row-fluid .get-bg-inline > div:first-child { position: absolute; left: 0; top: 0; height: 100%; width: 100%} .row-fluid .get-bg-inline > div:first-child img.hs-image-widget { position: absolute; height: 100%; max-width: 100%; object-fit: cover; min-width: 100%; left:0} .row-fluid .get-bg-inline > div:last-child { position: relative; z-index: 1} .row-fluid .fx > div > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%} .row-fluid .fx.fx-center > div > div { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center} .row-fluid .fx.fx-rev-r > div > div { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse} .row-fluid .fx.fx-rev-c > div > div { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse} .row-fluid .fx-self { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center} .row-fluid .set-bg{ display:none} .row-fluid .get-bg-self img{ display:none} .row-fluid .row{margin:0 -15px;display:block;float:none;width:auto} .row-fluid .row:after{content:"";display:table;clear:both} /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; 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 { position: relative; display: block; overflow: hidden; margin: 0; padding: 0} .slick-list:focus,.slick-slide: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; backface-visibility: hidden; -webkit-backface-visibility: hidden} [dir='rtl'] .slick-slide { float: right} .slick-slide img { display: block} .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} /* Dots */ .slick-slider { margin-bottom: 50px} .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; margin:0px} .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; padding: 0; cursor: pointer} .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #4994a7; border-radius:100%; opacity:0.5} .slick-dots li button:hover,.slick-dots li button:focus { outline: none} .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1} .slick-dots li button:before { font-size: 8px; line-height: 8px; position: absolute; top: 0; left: 0; width: 8px; height: 8px; content: ''; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .slick-dots li.slick-active button { opacity: 1; background: #4994a7; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 19px; height: 63px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:9} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'} .slick-prev { left: 0px} .slick-prev:before { content: "<"; color:#45627d; font-size:40px; background:url() no-repeat; width:19px; height:63px; display:inline-block; background-size:100%} .slick-next { right: 0px} .slick-next:before { content: ">"; color:#45627d; font-size:40px; background:url() no-repeat; width:19px; height:63px; display:inline-block; background-size: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} /*Button Link Option*/ .row-fluid .link-style a , .row-fluid a.link-style , .hs_cos_wrapper_type_google_search a.hs-button { margin:5px 0 0; cursor:pointer; font-size:14px; line-height:16.5px; z-index:5; overflow: hidden; position:relative; display:inline-block; padding:10px 25px; min-width:180px; background-color:#4994a7; color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;; font-weight:400; text-align:center} .row-fluid .link-style a:hover , .row-fluid a.link-style:hover , .hs_cos_wrapper_type_google_search a.hs-button:hover { background-color:#444444; color:#fff} .row-fluid .link-style2 a , .row-fluid a.link-style2 { font-weight:600; letter-spacing:1.2px; text-transform: uppercase; line-height:24px; z-index:5; overflow: hidden; position:relative; display:inline-block; padding:10px 25px; background-color:; color:; border-radius:4px; margin:5px 0 0; font-size:16px} .row-fluid .link-style2 a:hover , .row-fluid a.link-style2:hover { background:; color:} .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top} .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} .row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:0 45%} .row-fluid .bg-img { display:none} .row-fluid .bgimg-sub { background-size:cover; background-repeat:no-repeat; background-position:0 45%} .row-fluid .bg-img-sub { display:none} /*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 , .row-fluid .text-white h1 , .row-fluid .text-white h2 , .row-fluid .text-white h3 , .row-fluid .text-white h4 , .row-fluid .text-white h5 , .row-fluid .text-white h6 { color:#fff} .row-fluid .text-italic { font-style:italic} .row-fluid .wrapper { margin:0 auto !important; width:1360px; float:none !important} .row-fluid .header { width:100%; position:fixed; top:0; left:0; z-index:999; background: -moz-linear-gradient(top, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.63) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.63) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1000000', endColorstr='#00000000',GradientType=0 ); /*-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;;*/ } .row-fluid .header.fixed { top:0; position:fixed; left:0; border-bottom:none; width:100%; background:rgba(40,40,40,0.8); z-index: 999; -webkit-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1); -moz-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1); -o-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1); -ms-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1); box-shadow: 0 0 2px 2px rgba(000,000,000,0.1); } /* Top */ .image-scroll { animation-duration: 25s; animation-name: slidein; } @keyframes slidein { from { background-position: 0 0; } to { background-position: 0 45%; } } .row-fluid .top-header { padding:12px 0; border-bottom:1px solid #4994A7} .row-fluid .top-contact { width:auto; float:right} .row-fluid .top-contact ul { margin:0; padding:0; list-style-type:none} .row-fluid .top-contact ul li { margin:0; padding:0; display:inline-block; font-size:14px} .row-fluid .top-contact ul li:before { content:'|'; margin:0 10px 0 4px; display:inline-block; color:#fff; vertical-align:top} .row-fluid .top-contact ul li:first-child:before { display:none} .row-fluid .top-contact ul li a { color:#fff } .row-fluid .top-contact ul li a:hover { color:#4994a7} .row-fluid .top { padding:5px 0 10px 0; position: static; top: -100px; -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;; z-index:999} .row-fluid .logo img { margin-top:3px; height:35px; width:auto !important} /*menu*/ .row-fluid .mainmenu { padding:12px 0 5px; float:right; width:auto; margin:0} .row-fluid .mainmenu .hs-menu-wrapper > ul { vertical-align: top} .row-fluid .mainmenu .hs-menu-wrapper > ul > li { padding:0 16px} .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:last-child { padding-right:0} /* hero Section */ .row-fluid .hero-section { padding:100px 0; color:#fff } .row-fluid .hero-text { padding:90px 0 100px} .row-fluid .hero-subtitle { padding:0; font-size:50px; line-height:58px} .row-fluid .hero-text h1 { padding:20px 0 0; font-size:84px; line-height:88px; color:#fff; font-family: 'Shadows Into Light', cursive} .row-fluid .hero-text h1 span { margin-right:20px} .row-fluid .hero-text h1 span#typewriter-suffix { display:none} .row-fluid .hero-section{position:relative;overflow:hidden} .row-fluid .hero-section .glob{position:absolute;bottom:-180px;transform:scale(1.3) rotate(2deg);left:49%;z-index:1} .row-fluid .geospatial-section{position:relative;z-index:1} .row-fluid .geospatial-section { padding:40px 0; background:#fff} .row-fluid .geospatial-section h2 { padding:0 0 30px; color:#ffffff} .row-fluid .solutions-section h2 { padding:90px 0 38px 0} .row-fluid .solutions-main { width:100%; background:#F3F3F3; float:left} .row-fluid .solutions-row { padding:40px 20px; width:33.33%; float:left; border-right:10px solid #fff} .row-fluid .solutions-row:last-child { border-right:none} .row-fluid .solutions-row h3 { padding:20px 0; font-size:26px; line-height:34px; font-weight:400} .row-fluid .solutions-icon img { height:85px; width:auto !important} .ba-slider { position: relative; overflow: hidden} .ba-slider img { width: 100%; display:block} .resize { position: absolute; top:0; left: 0; height: 100%; width: 50%; overflow: hidden} .handle { position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; background:#fff; cursor: ew-resize} /* .handle:after { content: ''; margin: -42px 0 0 -50px; position: absolute; top: 50%; color:white; font-weight:bold; font-size:36px; text-align:center; line-height:64px; transition:all 0.3s ease; background-image: url('https://www.intermap.com/hubfs/Intermap_2019/Images/arrow.png'); height: 110px; width: 100px; background-position: center; background-repeat: no-repeat} */ .resize img { max-width: none !important} .handle:After { background: transparent; height: 40px; width: 40px; margin: -13px -19px 0} .handle .arrow { position: absolute; top: 50%; left: calc(50% + 1px); transform: translate(-50%, -50%); height: 80px; width: 17px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAABOCAYAAADPXl2iAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYJpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG7SwNBEIe/RMVXJIIRLCyCJFaJaISgjUXEF6hFEsGoTXJ5CXkcdxERW8FWUBBtfBX6F2grWAuCoghiY2OtaKPhnEuEBDGz7Oy3v50ZdmfBGs4oWb2+H7K5ghacCDjnIwvOxhcsdNKMA3dU0dWZ0HiYmvZ5L9Fit16zVu24f601ntAVsDQJjyiqVhCeFJ5eLagm7wg7lHQ0Lnwm7NHkgsJ3ph4r86vJqTJ/m6yFg6NgbRd2pqo4VsVKWssKy8txZTMryu99zJfYErm5kKw9MrvRCTJBACdTjDGKnwGGxfvx4qNPdtTI7y/lz5KXXEW8yhoay6RIU8Aj6opUT8iaFD0hI8Oa2f+/fdWTg75ydVsAGp4N490NjdtQ3DKMryPDKB5D3RNc5ir5+UMY+hB9q6K5DsC+AedXFS22Cxeb0PWoRrVoSaqTaU0m4e0U2iLQcQMti+We/Z5z8gDhdfmqa9jbh16Jty/9AE7UZ9tqsMNrAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACOklEQVRYhe3ZvYoTURTA8f+dTOLGXUVE/GhEEbVQFGxs7CVvYApL2SaP4RPIlmIlLD5BHsDCSsXCYtlC2Gr9QAQ1u8l8Wcw52TM3s2wm2W3kHjiEnLnzm5M7RZIzjprobWw6wNUd86IAGA76hS1WThTsMXBDjv0GdsySMfAByAScpoWdB+4CF4/obgfoAV+A3GQxHPRzgMiA63OAAFdl7QrQAWJxnDjEZv/uzQFqXAdWKbdjIrUUKHobm8RSmPfGaMSCRvK+sg2xAZugbUGdQKmkA5xeqSnaAk4Dp+QCsdQcpv0moKKdGnAGbQJHgs2AFl0kImbvx3RPbaFJ+OcdS6d1FzhWtBIBDWhATxy9deEc3XZMHEWsdtoAdNsxnVZrcfTpg9tcWuty9/J51h/eAeDJ/Zs8unZlcXTZCGhAAxrQgAY0oCeCbn3/xShJSbKcv5MEgFGSMs6yudC4rvj64xYA3/7s8fnrTwDefNpertNlI6ABDWhA/1+0OOyARZMGYO7hmlNU37xsgL7HjDbxutavkwLYBp4Dz4A1ygHWHvCDg2FWArwD3lKONjNq5tMWLYAXwCvgLHCGcpy5Ihd3siYF9iknvInBtetKp5ksSCjHwvo/PK1BJ8BIcIUrqHapE1sLZpQz0pZBM4H2ZXvGHlr5+IpODDjmYEaKqdtPNPE7dTAdyUdUh62aWtdO9a6nXuZAPhz0C/tjwnarrxb01/l56BMJrfmpdT2xqMnpM5SZ6a6HHxW1D2T+Aa9HyuBBt3pWAAAAAElFTkSuQmCC'); background-size: 16px 70px; background-position: center; background-repeat: no-repeat; top: calc(50% + 10px); TRANSITION: all 0.3s linear; opacity: .8} .handle .arrow:After, .handle .arrow:before { content: ''; height: 18px; width: 18px; position: absolute; top: calc(50% - 10px); left: -18px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAgCAYAAADud3N8AAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYJpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/ZmjEaBQLC4uXsJqRGSU2FjMxFBZjlMFm5s0vNT9e782kyVbZTlFi49eCv4CtslaKSMnCyprYoOc8o2aSObdzz+d+7z2ne88FWzijZo3GQcjmCnoo6FcWIouK4wknDhpx442qhjYzNxGmrr3f0mDFa49Vq/65f601njBUaGgWHlM1vSA8KTy9WtAs3hLuVNPRuPCJsFuXCwrfWHqsws8Wpyr8abEeDgXA1i6spGo4VsNqWs8Ky8vpzWaK6u99rJc4E7n5OYk94t0YhAjiR2GKcQIM42VU5mE8+BiQFXXyB3/yZ8lLriqzRgmdFVKkKUhvFYpSPSExKXpCRoaS1f+/fTWSQ75Kdacfmh5N87UPHJvwVTbNjwPT/DoE+wOc56r5+X0YeRO9XNV698C1DqcXVS22DWcb0HWvRfXoj2QXtyWT8HIMbRHouIKWpUrPfvc5uoPwmnzVJezsQr+cdy1/A4oVZ/a8k23GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADPklEQVRIid2WP0xTURTGv/taaKWVpZE/TXDQgA4muJgYWCBxBhdwEQOumuhkmOxQdDAMJE5CokAiYkhMnFhgYAISdNGoZYMUCNDUUEpf+9794/DuLZfXFgsUB0/ypU3f7fvd75zzzrvAfxAEAEkkdi8CMKSI1LnAjM3NjRBj9DVjdBKAV8pzHnAyOvqmKpfLPRaCJ4TgwrJyHwFcAOAH4ANQJeEEcienhgEgppnp9Pl8I4SQG+oCY8wjYVyKyksCcGyfBmYkErtXGaOf/H7/nA4EANu2PQBq4LithmMun+KTQAkAIxb7FbRt60UoFPpmGEZ3sYWWZXmPgZbtlPT09BjZrNnX3Nwc83q9g3DqVTQsy6oCEJBrCqB/qykBQNLp/Vs1NTUjhJDb5ezQtm3lFABsHO3gkk4JAGNjIx6m1B4PBAKL5QKBI42kulZ/ZIrWlCwtLfpt2xoMh8M/PR5PH074fDHGDBQ+o/lwp5dks9m71dVVw4SQKycB6SGEMIoA8+A8NJVKhYLBwDQh5M5pYRpUhxRMIpVeUltb+zuTybzinH8/K1SDFQ29piQYvLjQ1tbevr29/Yxz/rtC8GOhAECWl5d5Q0Pju4GBhx3xePy9EIKdNzQfk5OTe01Nl19GIpH7Ozs7X84TynF0SNNodChWX9/wZGJiIpJOH2xVGiqkFNACkAWQAZDp7x+Ya2lpGVhYWBinlGYrARWaGJzRlQNgAjgAsA9gf2trK9nR0fm2q6u7f3V1dV6uLxUlr7nT63ZqwnGaBpBSmp2dXbt27frQ8+eRp4lEIua+KSFEhwq4NlAqvQyFKVaOUwD2AOxFo9GVxsbwo5mZmWHTNJMaVN2Du+AlnbrheqqV6zycUrrX23vvc2vrzQcrKyvTnHPbMDwqW24wAGc+lgp3evTOZi7RZDJpjY2NfV1fX5uvq7tEp6Y+/JCbVbLlRng5bw99hqpjpQfO3K6W8mnyyrVUwjJSJpxysXIOZnpqVKp0x1S6sCREnRK49jvV/nui06BKs3pr6HCKw8ZTUOCwJ45Az3L4JZpUypUUVN+Uqr8464nbXW+97kBhE4pKQHV4qZe2PhwqCtXh+qcCFfv+b+MPNY5yyRIgTw4AAAAASUVORK5CYII='); transition: all 0.3s linear; opacity: .8; visibility: visible} .handle .arrow:After { left: auto; right: -16px; transform: scaleX(-1)} .handle:hover .arrow:After { right: -25px; opacity: 1; visibility: visible} .handle:hover .arrow:before { left: -26px; opacity: 1; visibility: visible} .ba-slider:hover .arrow:After { right: -25px; opacity: 1; visibility: visible} .ba-slider:hover .arrow:before { left: -26px; opacity: 1; visibility: visible} .ba-slider:hover .handle { opacity: 1} .ba-slider:hover .handle .arrow { opacity: 1} .ba-slider.handle .arrow { transition: all 0.3s linear} .handle { opacity: 0.8; transition: opacity 0.3s linear} .row-fluid .obstacles-section { padding:90px 0; position:relative} .row-fluid .border-bottom-center{ position:relative} .row-fluid .obstacles-section:after,.row-fluid .border-bottom-center:after { content:''; height:33px; width:100%; background-image:url('https://www.intermap.com/hubfs/Intermap_2019/Images/line-2.jpg'); position:absolute; bottom:-15px; left:0; background-repeat: no-repeat; background-position: center} .row-fluid .obstacles-text .link-style { margin-top:20px} .row-fluid .obstacles-text h2 { padding:0 0 20px} .row-fluid .obstacles-text2 .link-style { margin-top:20px} .row-fluid .obstacles-text2 h2 { padding:0 0 20px} .row-fluid .manage-section { padding-bottom:0} .row-fluid .manage-section:after { display:none} .row-fluid .manage-section .obstacles-text { margin:0; padding:0 0 30px; width:50%; float:none; display:inline-block; vertical-align: top} .row-fluid .manage-section .obstacles-text2 { margin:0; padding:0 0 30px; width:50%; float:none; display:inline-block; vertical-align: top} .row-fluid .manage-section .obstacles-img { margin:0 -7px 0 0; padding-left:15px; width:50%; float:none; display:inline-block; vertical-align: bottom} .row-fluid .manage-section .obstacles-img2 { margin:0 -7px 0 0; padding-left:15px; width:50%; float:none; display:inline-block; vertical-align: bottom} .row-fluid .footer { padding:15px 0; background:#282828; color:#fff; border-top:10px solid #4A94A8} .row-fluid .copyright { margin-top:7px; font-size:14px;line-height: normal} .row-fluid .copyright ul { margin:0; padding:0; list-style-type:none; width:auto; display:inline-block} .row-fluid .copyright ul li { margin:0; padding:0; display:inline-block} .row-fluid .copyright ul li:before { content:'|'; margin:0 10px 0 4px; display:inline-block; color:#fff; vertical-align:top} /* .row-fluid .copyright ul li:first-child:before { display:none} */ .row-fluid .copyright ul li a { color:#fff } .row-fluid .social-icon { width:auto; float:right} .row-fluid .social-icon ul { margin:0; padding:0; list-style-type:none} .row-fluid .social-icon ul li { margin:0; padding:0 5px; display:inline-block} .row-fluid .social-icon ul li a { color:#fff; font-size:30px; line-height:normal} .row-fluid .social-icon ul li a:hover , .row-fluid .copyright ul li a:hover { color:#4994a7} .news-events-blog .blog-body .featured-post-img { display: none} /* .compensate-for-scrollbar .header.fixed { margin-right: 17px} */ .no_img .row-fluid .blog-page-section .section { padding: 0} .no_img .row-fluid .blog-page-section .section.post-header { padding: 20px 0 0px} h1.h2-title { font-size: 42px; line-height: normal; padding: 0} .no_img .row-fluid .blog-page-section { padding-top: 250px !important} .popup-open-btn{ cursor: pointer} /* New Blog 2019 */ body.newblog-body .header-container-wrapper { background:transparent !important} .row-fluid .newblog-top { padding:22px 0} .row-fluid .newblog-top .link-style a { margin:0} .row-fluid .newblog-top img { max-width:250px} .row-fluid .newblog-top .wrapper { position:relative} .row-fluid .blog-toptitle { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); width:auto; margin:0} .row-fluid .blog-toptitle a { color:#000; text-transform:capitalize; font-size:25px; line-height:28px; } .row-fluid .blog-toptitle a span { font-family:'Shadows Into Light', cursive; font-weight:500} .row-fluid .blog-logobox { position:relative} .row-fluid .blog-logobox a { position:relative; float:left; width:100%; } .row-fluid .blog-logobox a:after { position:absolute; content:"BLOG"; right:0; top:50%; border-left:1px solid #CBCBCB; padding:2px 0px 2px 10px; margin-top:4px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); color:#CBCBCB; } .row-fluid .blog-logobox .white-logo { position:absolute; top:0; left:0; opacity:0} .row-fluid .inter-bloghero { padding:90px 0 350px 0; position:relative; background-attachment:fixed !important; background-position:top center !important} .row-fluid .inter-bloghero:before { position:absolute; content:""; height:100%; width:100%; left:0; top:0} .row-fluid .aboutinter-bloghero.inter-bloghero:before { background:rgba(0,0,0,0.5)} .row-fluid .blog-herocontentbox { position:relative; z-index:1} .row-fluid .bloghero-ctabox { margin-top:20px} .row-fluid .bloghero-ctabox .link-style { float:none; display:inline-block; vertical-align:middle; width:auto} .row-fluid .bloghero-ctabox .link-style a { padding:12px 30px; font-size:18px; line-height:24px; font-weight:600} /* .row-fluid .blog-menusec { padding:70px 0 0} */ .row-fluid .blog-menuraw { /*border-top: 1px solid #000; border-bottom: 1px solid #000;*/ background:#fff; box-shadow:0px 7px 10px rgba(0,0,0,0.05); } .row-fluid .blog-menuraw .mainmenu { float:left; width:100%; padding:0} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper ul li a { font-size:18px; line-height:26px; color:#777; text-transform:uppercase; padding:14px 25px !important; font-weight:400; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:hover { color:#fff; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:hover a:before, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.active a:before { display:none} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a:hover, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a.active { background:#4A94A8 !important; color: #fff; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a:hover, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a.active { background:#276D00 !important; color: #fff; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > a:hover, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > a.active { background:#E5A700 !important; color: #fff; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) > a:hover, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) > a.active { background:#8B4561 !important; color: #fff; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > a:hover, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > a.active { background:#8E5E38 !important; color: #fff; } .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:last-child > a:hover { background:#4A94A8 !important} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.current:nth-child(1) > a { background:#4A94A8 !important; color:#fff !important} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.current:nth-child(2) > a { background:#C59000 !important; color:#fff !important} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.current:nth-child(3) > a { background:#166000 !important; color:#fff !important} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.current:nth-child(4) > a { background:#A84900 !important; color:#fff !important} body.aboutuspage .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.active-branch:nth-child(5) > a { background:#4994a7 !important; color:#fff !important} body.hs-blog-post.dem .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a, body.hs-blog-post.aviation .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a, body.hs-blog-post.telcom .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a, body.hs-blog-post.orthorec .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a { background:transparent !important; color:#777 !important; } body.hs-blog-post.dem .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a:hover, body.hs-blog-post.aviation .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a:hover, body.hs-blog-post.telcom .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a:hover, body.hs-blog-post.orthorec .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:first-child > a:hover { background:#4A94A8 !important; color:#fff !important; } body.hs-blog-post.dem .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a { background:#276D00 !important; color: #fff !important; } body.hs-blog-post.aviation .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > a { background:#E5A700 !important; color: #fff !important; } body.hs-blog-post.telcom .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) > a { background:#8B4561 !important; color: #fff !important; } body.hs-blog-post.orthorec .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > a { background:#8E5E38 !important; color: #fff !important; } .row-fluid .blog-menuraw .wrapper { display:flex; align-items:center; justify-content:space-between; position:relative; } .row-fluid .search-formbox a.search_res { color:#777777; } .row-fluid .search-formbox .search-inputbox { background:#777; padding:1px 1px; position:absolute; top:100%; right:0; width:300px; display:none; } .row-fluid .search-formbox input[type="text"].blog_search { border:0; height:50px; } .row-fluid .new-blogmainsec { padding:100px 0 70px; } body.hs-blog-listing .row-fluid .new-blogmainsec { background:#EBF3F5; } .row-fluid .blog-titlestyle h3 { float:none; display:inline-block; vertical-align:top; width:500px; max-width:100%; border-bottom:2px solid #000; padding-bottom:15px; text-transform:uppercase; } body.hs-blog-listing.author-Page .row-fluid .new-blogmainsec { background:#fff; } .row-fluid .blog-listingsec .post-listing { float:left; width:100%} .row-fluid .post-itemwrap { float:left; width:100%; margin-top:30px} .row-fluid .blog-listingsec .post-item { float:left; width:25%; padding:15px 15px} .row-fluid .blog-listingsec .hs-featured-image-wrapper { float:left; width:100%} .row-fluid .blog-listingsec .blog-featureimg { float:left; width:100%; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; position:relative} .row-fluid .blogpost-datenew { padding:13px 8px; display:inline-block; color:#fff; font-size:15px; line-height:25px; background:rgba(197,144,1,0.7); text-transform:uppercase; position:absolute; top:0; right:0; text-align:center} .row-fluid .blogpost-datenew span { font-size:22px; line-height:28px; display:block; text-align:left; } .row-fluid .orthorec .blogpost-datenew { background:rgba(142,94,56,0.8)} .row-fluid .telcom .blogpost-datenew { background:rgba(139,69,97,0.8)} .row-fluid .dem .blogpost-datenew { background:rgba(22,96,0,0.8)} .row-fluid .post-iteminner { float:left; width:100%; position:relative} /* .row-fluid .blog-listingsec .post-iteminner:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:rgba(197,144,1,0.7); opacity:0; transition:all ease .5s; -ms-transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; z-index:1} */ .row-fluid .blog-listingsec .post-col:hover .post-iteminner:before { opacity:1; transition:all ease .5s; -ms-transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s} .row-fluid .blog-listingsec .post-item.orthorec .post-iteminner:before { background:rgba(22,96,0,0.7)} .row-fluid .blog-listingsec .post-item.telcom .post-iteminner:before { background:rgba(168,73,0,0.7)} .row-fluid .blog-listingsec .blog-featureimg img { width:100% !important; height:auto} .row-fluid .blog-listingsec .post-col { float:left; width:100%; border:10.5px solid #4A94A8; position:relative; -webkit-box-shadow:0 3px 16px 0px rgba(3, 38, 96, 0.2); -moz-box-shadow:0 3px 16px 0px rgba(3, 38, 96, 0.2); box-shadow:0 3px 16px 0px rgba(3, 38, 96, 0.2); transition:all 0.3s ease} .row-fluid .blog-listingsec .post-content { float:left; width:100%; padding:0; font-size:15px; line-height:22px; background:#fff; } .row-fluid .blog-listingsec .post-content h2 { position:relative} .row-fluid .blog-listingsec .post-content h2, .row-fluid .blog-listingsec .post-content h2 a { font-size:18px; line-height:26px; color:#777; font-weight:700; padding:0} .row-fluid .blog-listingsec .post-content h2 a { display:inline-block; width:100%; color:#fff} .row-fluid .blog-listingsec .post-content h2 a:hover { color:#fff} .row-fluid .blog-listingsec .post-content a:hover { color:#4994A7} .row-fluid .blog-listingsec a.more-link { width:100%; color:#fff; position:absolute; top:0; left:0; height:100%; width:100%; transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; opacity:0; z-index:1} .row-fluid .blog-listingsec a.more-link span { float:none; display:inline-block; vertical-align:top; padding:8px 18px; font-weight:400; background:transparent; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; font-size:36px; line-height:42px; width:100%; text-align:center; } .row-fluid .blog-listingsec a.more-link span:after { position:relative; content:"\f105"; font-family:FontAwesome; display:inline-block; vertical-align:middle; margin-left:10px; font-size:20px; } .row-fluid .blog-listingsec a.more-link span:hover { color:#fff} .row-fluid .related-postsec.blog-listingsec a.more-link span { font-size:18px; line-height:24px; } .row-fluid .blog-listingsec a.more-link:hover { color:#fff } .row-fluid .blog-listingsec .post-col:hover a.more-link { opacity:1; color:#fff} .row-fluid .blog-listingsec.related-postsec a.more-link { z-index:0; } .row-fluid .blog-listingsec .post-item.aviation a.more-link { background:rgba(229,167,0,0.7); } .row-fluid .blog-listingsec .post-item.orthorec a.more-link { background:rgba(142,94,56,0.7); } .row-fluid .blog-listingsec .post-item.telcom a.more-link { background:rgba(139,69,97,0.7); } .row-fluid .blog-listingsec .post-item.dem a.more-link { background:rgba(39,109,0,0.7); } .row-fluid .blog-listingsec .post-item.aviation .post-content { background:#E5A700; } .row-fluid .blog-listingsec .post-item.orthorectification .post-content { background:#8E5E38; } .row-fluid .blog-listingsec .post-item.telecom .post-content { background:#8B4561; } .row-fluid .blog-listingsec .post-item.dem .post-content { background:#276D00; } .row-fluid .blog-listingsec .post-item.aviation .post-col { border-color:#E5A700 } .row-fluid .blog-listingsec .post-item.aviation .blog-featureimg { border-color:#E5A700 } .row-fluid .blog-listingsec .post-item.dem .post-col { border-color:#276D00; } .row-fluid .blog-listingsec .post-item.dem .blog-featureimg { border-color:#276D00 } .row-fluid .blog-listingsec .post-item.orthorec .post-col { border-color:#8E5E38; } .row-fluid .blog-listingsec .post-item.orthorec .blog-featureimg { border-color:#8E5E38; } /* .row-fluid .blog-listingsec .post-item.orthorec a.more-link span { background:rgba(22,96,0,1)} .row-fluid .blog-listingsec .post-item.orthorec a.more-link span:hover { background:#4A94A8} */ .row-fluid .blog-listingsec .post-item.telcom .post-col { border-color:#8B4561; } .row-fluid .blog-listingsec .post-item.telcom .blog-featureimg { border-color:#8B4561; } /* .row-fluid .blog-listingsec .post-item.telcom a.more-link span { background:rgba(168,73,0,1)} .row-fluid .blog-listingsec .post-item.telcom a.more-link span:hover { background:#4A94A8} */ .row-fluid .blogpost-date { position:absolute; background:#C59000; color:#fff; padding:7px 10px; font-size:14px; line-height:18px; font-weight:700; left:50%; bottom:-16px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); display:none} .row-fluid .blog-listingsec .post-item.orthorec .blogpost-date { background:#166000} .row-fluid .blog-listingsec .post-item.telcom .blogpost-date { background:#A84900} .row-fluid .blog-pagination { float:left; width:100%; text-align:center; margin-top:30px} .row-fluid .blog-pagination a { float:none; display:inline-block; vertical-align:middle; padding:12px 25px; font-weight:600; font-size:16px} /*** Update 04-07-2019 ***/ .row-fluid .blog-listingsec .post-content h2 a { padding:10px 10px; background:#E5A700; } .row-fluid .blog-listingsec .orthorec .post-content h2 a { background:#8E5E38; } .row-fluid .blog-listingsec .telcom .post-content h2 a { background:#8B4561; } .row-fluid .blog-listingsec .post-content .mobile-hide { padding:0 10px 10px; } .row-fluid span.arrowdown { display:none; } .row-fluid a.more-postlink { display:none; } .row-fluid a.more-postlink { color:#C59000; } .row-fluid .orthorec a.more-postlink { color:#A84900; } .row-fluid .telcom a.more-postlink { color:#166000; } .row-fluid .blog-listingsec .dem .post-content h2 a { background:#276D00; } .row-fluid .blog-listingsec .post-item.dem .post-content .mobile-hide { background:#276D00; } .row-fluid .blog-listingsec .post-content .mobile-hide { color:#fff; } .row-fluid .blog-listingsec .post-item.aviation .post-content .mobile-hide { background:#E5A700; } .row-fluid .blog-listingsec .post-item.orthorectification .post-content .mobile-hide { background:#8E5E38; } .row-fluid .blog-listingsec .post-item.telecom .post-content .mobile-hide { background:#8B4561; } .row-fluid .blog-listingsec .post-item.dem .post-content .mobile-hide { background:#276D00; } body.no-result.blog-result .row-fluid .post-listing { margin:0; } /* Blog Inner */ body.newblog-body { opacity:0; visibility:hidden; transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; } body.newblog-body.appearbody { opacity:1; visibility:visible; transition:all ease .5s; -moz-transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; } .row-fluid .post-bodytext { float:left; width:100%; padding:0 130px} body.aviation.hs-blog-post .body-container-wrapper { background:#FAF4E4; } body.telcom.hs-blog-post .body-container-wrapper { background:#F2EBEE; } body.orthorec.hs-blog-post .body-container-wrapper { background:#F3EEEA; } body.dem.hs-blog-post .body-container-wrapper { background:#E8EFE4; } .row-fluid .heroinner-wrapper.wrapper { padding:0 !important} body.hs-blog-post .row-fluid .new-blogmainsec { padding:0} .row-fluid .blog-innerhero { padding:180px 0 250px; position:relative; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important} .row-fluid .blog-innerhero h1 { font-size:40px; line-height:50px; position:relative; z-index:1; padding:0} .row-fluid .new-blogmainsec ul.share-buttons li a i.fa { border-radius:100%; background:#fff; border:1px solid #000; color:#000; } .row-fluid .new-blogmainsec ul.share-buttons li a i.fa.fa-twitter, .row-fluid .new-blogmainsec ul.share-buttons li a i.fa.fa-linkedin { background:#fff; height:40px; width:40px; line-height:40px; font-size:20px; } .row-fluid .new-blogmainsec ul.share-buttons li a:hover i.fa.fa-twitter { color:#fff; border-color:#1DA1F2; background:#1DA1F2 !important} .row-fluid .new-blogmainsec ul.share-buttons li a:hover i.fa.fa-linkedin { color:#fff; border-color:#225982; background:#225982 !important} body.newblog-body.hs-blog-post .blog-commentformsec .blog-titlestyle h3 { text-transform:uppercase; width:1020px; text-align:left; border:0; padding:0; padding-top:20px; border-top:1px solid #000; margin-top:30px} /* body.newblog-body.hs-blog-post.dem .row-fluid .wrapper { background:#E8EFE4; } */ body.newblog-body.hs-blog-post .row-fluid .newblog-top .wrapper { background:#f9f9f9; } body.newblog-body.hs-blog-post .row-fluid .blog-menuraw .wrapper { background:#f9f9f9; } body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .wrapper { background:#fff; padding:35px 30px 50px 30px; font-size:16px; line-height:26px; position:relative; text-align:left} body.newblog-body.hs-blog-post .row-fluid .wrapper { background:#fff; } body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .section.post-body { font-size:16px; line-height:26px; padding:0; color:#000} body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .section.post-body p { padding:10px 0} .row-fluid .blog-innermainsec .section.post-header { padding:0 0 10px; float:none; display:inline-block; vertical-align:middle; margin:0 -2px; width:80%} .row-fluid .blog-topicline { border-top:1px solid #ccc; border-bottom:1px solid #ccc; float:left; width:100%; margin-top:20px} .row-fluid .blog-topicline strong { color:#000} .row-fluid .blog-commentformsec .section.post-footer { padding:0} .row-fluid .blog-commentformsec form .hs-form-field { padding-bottom:15px} .row-fluid .blog-commentformsec form .hs_submit.hs-submit input { margin:0; height:auto !important} .row-fluid .blog-commentformsec ul.inputs-list.hs-error-msgs { color:#f00} .row-fluid .blog-commentformsec ul.inputs-list.hs-error-msgs a, .row-fluid .blog-commentformsec form span.hs-form-required { display:none} body.newblog-body.hs-blog-post .row-fluid .blog-commentformsec { text-align:center; padding-bottom:0; } body.newblog-body.hs-blog-post .row-fluid .blog-commentformsec .comment-form { float:none !important; display:inline-block; width:1020px; max-width:100%; background:#fff; padding:35px 0 50px 0; position:relative; text-align:left; font-size:16px; line-height:26px; position:relative} .row-fluid .blog-commentformsec .hs_error_rollup { display:none !important} .row-fluid .new-blogmainsec .hubspot-editable { float:left; width:100%} .row-fluid .new-blogmainsec .hubspot-editable a.author-link { display:block} .row-fluid .new-blogmainsec .social-sharing { float:none; display:inline-block; vertical-align:middle; margin:0 -2px; width:20%; border:0} .row-fluid .new-blogmainsec label { float:none; display:inline-block; width:auto; padding-right:10px} .row-fluid .new-blogmainsec label strong { color:#000} .row-fluid .new-blogmainsec ul.share-buttons { float:right; display:inline-block; vertical-align:middle; width:auto; margin:0} .row-fluid .new-blogmainsec .hs-common-confirm-message { margin:8px 0px 25px 0px !important} .row-fluid .related-postsec { float:none !important; display:block; margin:0 auto !important; width:1015px; max-width:100%} .row-fluid .related-postsec .post-itemwrapsec { margin:0 -15px; width:auto; float:none; display:block; text-align:center} .row-fluid .related-postsec .post-item { float:none; display:inline-block; vertical-align:top; margin:0 -2px; text-align:left; width:33.33%} .row-fluid .related-postsec .post-item .blog-featureimg { height:200px} body.newblog-body.hs-blog-post .related-postsec .blog-titlestyle { display:inline-block; padding-bottom:15px; padding-top:30px; border-top:1px solid #000; text-align:left} body.newblog-body.hs-blog-post .related-postsec .blog-titlestyle h3 { padding:0; border:0} .row-fluid .blog-titlestyle { float:left; width:100%} .row-fluid .about-author-sec { width:100%; float:left; padding:35px 20px; background:#fafafa; margin-top:30px; margin-bottom:40px} .row-fluid .about-author-sec .author_img { float:left; width:110px; border:1px solid #E8E5E5; height:110px; background-size:cover !important; border-radius:50%} .row-fluid .about-author-sec .author_text { width:calc(100% - 110px); float:left; padding-left:40px} .row-fluid .about-author-sec .author-link { width:100%; float:left; color:#1f1f1f; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.5px} .row-fluid .about-author-sec .author-content { width:100%; float:left; font-size:14px; line-height:20px;color:#86939e; letter-spacing:.5px; font-weight:400; margin:15px 0 20px} .row-fluid .about-author-sec .hs-author-social-section { width:100%;float:left} .row-fluid .about-author-sec .hs-author-name { padding:0; color:#000; font-size: 24px; line-height: 30px} .row-fluid .about-author-sec .hs-author-social-label { color:#000; float:left; width:100%; margin-bottom: 10px; font-size:16px; line-height:24px} body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .widget-type-blog_content .hs_cos_wrapper_type_choice { display:none} .row-fluid .blog-subscribesec { padding:70px 0; position:relative} .row-fluid .blog-subscribesec:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.5)} .row-fluid .blog-subscribesec > div { position:relative; z-index:1} .row-fluid .blog-subscribesec .wrapper { float:none; display:inline-block; vertical-align:top; width:800px; max-width:100%} .row-fluid .blog-subscribesec form .hs-form-required { display:none} .row-fluid .blog-subscribesec form input[type="email"] { border:0; height:50px; color:#777; font-size:16px; font-weight:600} .row-fluid .blog-subscribesec ul.inputs-list { margin:0; text-align:left; color:#f00; position:absolute; left:0} .row-fluid .blog-subscribesec .hs_error_rollup { display:none !important} .row-fluid .blog-subscribesec ul.inputs-list a { display:none !important} .row-fluid .blog-subscribesec h3.form-title { padding:0; font-weight:700; float:none; display:inline-block; vertical-align:middle; width:35%; margin:0 -2px} .row-fluid .blog-subscribesec h3.form-title + div { float:none; display:inline-block; vertical-align:middle; width:65%; margin:0 -2px} .row-fluid .blog-subscribesec form { position:relative; padding-right:150px} .row-fluid .blog-subscribesec form .hs_submit { position:absolute; right:0; top:0; padding:0} .row-fluid .blog-subscribesec form .hs_submit input[type="submit"] { border:2px solid #4a94a8; margin:0;max-height:50px;min-height:50px} .row-fluid .blog-subscribesec form .hs_submit input[type="submit"]:hover { border-color:#474e53} .row-fluid .blog-subscribesec .submitted-message { background:#fff; border:0; color:#4a94a8} .row-fluid .blog-subscribesec ::-webkit-input-placeholder { color:#777 !important; opacity:1 !important} .row-fluid .blog-subscribesec ::-moz-placeholder { color:#777 !important; opacity:1 !important} .row-fluid .blog-subscribesec :-ms-input-placeholder { color:#777 !important; opacity:1 !important} .row-fluid .blog-subscribesec :-moz-placeholder { color:#777 !important; opacity:1 !important} /* Comment Reply Css */ .row-fluid .blog-commentformsec .comment-form .new-comments { padding-top:35px; float:left; width:100%} .row-fluid .comment-wrap { float:left; width:100%; background:#fff; padding:20px 30px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius:10px; margin-bottom:25px} .row-fluid .blog-commentformsec .comment.depth-0 { float:left; width:100%; padding:0; margin:0; background:#fff; border:0} .row-fluid .blog-commentformsec .comment.depth-1 { float:right; width:calc(100% - 50px); font-size:14px; color:#000; font-weight:600; line-height:22px; padding-left:0; background:#fff; margin-bottom:0} .row-fluid .blog-commentformsec p { padding:0} .row-fluid .blog-commentformsec .comment-date { display:none; height:0 !important} .row-fluid .blog-commentformsec .comment-from { float:left; width:100%} .row-fluid .blog-commentformsec .comment-from h4 { padding:0; color:#4994A7; text-transform:capitalize; font-size:15px; line-height:19px} .row-fluid .blog-commentformsec .comment-body { float:left; width:100%} .row-fluid .blog-commentformsec .comment-reply-to { float:left; width:100%; text-align:left; padding:0; cursor:pointer; background:transparent; font-weight:700; color:#000; transition:all ease .5s; position:relative; padding-left:20px} .row-fluid .blog-commentformsec .comment-reply-to:before { position:absolute; content:"\f112"; font-family:FontAwesome; left:0; top:1px; font-size:14px; color:#b3b3b3; font-weight:400} .row-fluid .blog-commentformsec .comment-reply-to:hover { color:#4a94a8} .row-fluid .blog-commentformsec .comment-reply-to, .row-fluid .blog-commentformsec .comment-reply-to:focus { outline:none !important} .replying { display:block !important; padding-left:0 !important; } .replying-to { font-size:14px; line-height:18px; float:left; width:100%; font-weight:700; margin-bottom:5px} .row-fluid .blog-commentformsec .comment-form .form-fieldwrap { float:left; width:100%; position:relative; padding-right:150px} .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit { position:absolute; top:0; right:0; padding-top:0} .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"] { border:0; padding:9px 30px} /* body.aviation .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"] { background:#4a94a8} body.telcom .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"] { background:#166000} body.orthorec .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"] { background:#A84900} body.aviation .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"]:hover, body.telcom .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"]:hover, body.orthorec .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit input[type="submit"]:hover { background:#474e53} */ body.newblog-body.hs-blog-post .row-fluid .blog-subscribesec .wrapper, body.newblog-body.hs-blog-post .row-fluid .footer .wrapper { background:transparent !important} /* Blog Topic Page */ body.aviation .row-fluid .new-blogmainsec { background:#FAF4E4; } body.telecom .row-fluid .new-blogmainsec { background:#F2EBEE; } body.orthorectification .row-fluid .new-blogmainsec { background:#F3EEEA; } body.dem .row-fluid .new-blogmainsec { background:#E8EFE4; } .row-fluid .topic-richtext { display:none; float:none !important; margin:0 auto !important; width:900px; max-width:100%; text-align:center; color:#000; font-size:16px; line-height:26px} body.aviation .row-fluid .topic-richtext.aviation-topic-richtext { display:block} body.dem .row-fluid .topic-richtext.dem-topic-richtext { display:block} body.telecom .row-fluid .topic-richtext.telecom-topic-richtext { display:block} body.orthorectification .row-fluid .topic-richtext.orthorectification-topic-richtext { display:block} body.hs-blog-post .row-fluid .topic-richtext.aviation-topic-richtext { display:none} body.newblog-body.hs-blog-post .row-fluid .blog-menusec { margin:0; } body.dem.hs-blog-post .row-fluid .topic-richtext.dem-topic-richtext { display:none; } body.no-result.blog-result .row-fluid .new-blogmainsec { height:100vh; } /* About Us Page */ .row-fluid .about-menusec.blog-menusec { padding-top:0} .row-fluid .about-introsection { padding:120px 0 70px; } .row-fluid .about-introsection .blog-titlestyle { padding-bottom:50px} .row-fluid .about-introsection .link-style a { padding:12px 30px; font-size:18px; line-height:24px; font-weight:600; text-transform:capitalize; margin-top:20px} .row-fluid .about-authorsec { padding:0 0 80px 0} .row-fluid .about-authorsec ul { float:left; width:100%; padding:0; margin:30px 0 0; list-style-type:none; text-align:center} .row-fluid .about-authorsec ul li { float:none; display:inline-block; vertical-align:top; width:20%; margin:0 -2px; padding:15px 15px} .row-fluid .about-authorsec ul li .authorimg { float:none; display:inline-block; vertical-align:top; height:180px; width:180px; background-color:#ccc; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; border-radius:100%} .row-fluid .about-authorsec ul li a { color:#777777; text-transform:uppercase; float:none; display:inline-block; vertical-align:top; font-size:18px; line-height:26px} .row-fluid .about-authorsec ul li a:hover { color:#4994a7} .row-fluid .about-authorsec .authorname { float:left; width:100%; margin-top:15px} body.aboutuspage .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li.active-branch > a { background:#4A94A8 !important; color:#fff !important; } .row-fluid .mobile-bgpostimg { /*display:none;*/ height:250px; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; float:left; width:100%; } @media (min-width:1400px){ body.dem .row-fluid .new-blogmainsec, body.aviation .row-fluid .new-blogmainsec, body.telecom .row-fluid .new-blogmainsec, body.orthorectification .row-fluid .new-blogmainsec { min-height:100vh; } } @media (min-width:1300px){ .row-fluid .blog-menuraw .mainmenu { position:relative; left:150px; } } @media (min-width: 1024px){ .compensate-for-scrollbar .header.fixed {width: calc(100% - 17px)} } @media (min-width: 768px){ .row-fluid .newblog-top { position:fixed; top:0; left:0; background:#f9f9f9; width:100%; z-index:999} .row-fluid .blog-menuraw { background:#f9f9f9; } .row-fluid .blog-menuraw.fixed { z-index:999} /* body.hs-blog-post .row-fluid .blog-menuraw.fixed { top:92px; } */ .geospatial-section .homepage_font_tweak{float: none; font-size: 24px; line-height: normal; margin: 0 auto !important; max-width: 1190px} .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:26px; padding:0; font-size:14px; font-weight:700; color:#fff; vertical-align: top; font-family:'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase} .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { position:relative; overflow: inherit} .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:before { content:''; width:0; border-bottom:2px solid #4994a7; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;; position:absolute; bottom:-8px; right: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 .mainmenu .hs-menu-wrapper > ul > li:hover a:before,.row-fluid .mainmenu .hs-menu-wrapper > ul > li.active a:before { width:100%; right:auto; left:0} .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:after{display: none; margin:9px 0 0 4px; vertical-align:top; content:''; width:0; height:0; border-style:solid; border-width:7px 5px 0 5px; border-color:#FFF transparent transparent transparent} .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { font-weight:600; position:relative} .row-fluid .mainmenu .hs-menu-wrapper ul li ul { min-width:230px; padding:20px 0; margin: 0px; background:#4994a7; position: absolute; top:48x; left:0px; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; border:1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in-out 0.01s; -moz-transition: all 0.2s ease-in-out 0.01s; -o-transition: all 0.2s ease-in-out 0.01s; -ms-transition: all 0.2s ease-in-out 0.01s; transition: all 0.2s ease-in-out 0.01s;} .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} /* .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper:after { content: ""; position: absolute; left:0; bottom: 100%; height: 14px; width: 100%; background:transparent; border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1)} */ .row-fluid .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: block; float: none; text-transform: none} .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:link , .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:visited { padding:5px 30px; color:#fff; width:100%; font-size:14px; line-height:20x; font-weight:400; position:relative; letter-spacing:0.8px} .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:hover { opacity:0.8; } .row-fluid .mainmenu .hs-menu-wrapper ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul { left:100%; top:0} .row-fluid .mainmenu .hs-menu-wrapper ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { content:"\f105"; position:absolute; top:5px; right:20px; font-family:'fontAwesome'} .row-fluid .blog-listingsec .post-content h2, .row-fluid .blog-listingsec .post-content h2 { min-height:72px; } /* .row-fluid .mainmenu .hs-menu-wrapper > ul > li.active-branch > a { color:#4994a7} .row-fluid .mainmenu .hs-menu-wrapper ul li ul { width:200px; padding:15px 20px; margin: 0px; background:#4994a7; position: absolute; top:100%; left:0px; -webkit-box-shadow: 0 0px 2px 0 rgba(0,0,0,.3); box-shadow: 0 0px 2px 0 rgba(0,0,0,.3)} .row-fluid .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: block; float: none; text-transform: none} .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:link , .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:visited { font-family:'Open Sans', Arial, Helvetica, sans-serif; padding:5px 0; line-height:20px; color:#fff; width:100%; font-size:18px} .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:hover { color:#fff; } .row-fluid .mainmenu .hs-menu-wrapper ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul { left:100%; top:0} */ body.newblog-body.hs-blog-post .row-fluid .blog-menusec { padding-top:0; background:#fff; position:relative; z-index:1} /* Sticky New Blog Menu */ .row-fluid .blog-menuraw { position:fixed; left:0; } } @media(max-width:1400px) { body { font-size:18px; line-height:28px} .row-fluid .hero-text { padding:90px 0} .row-fluid .hero-subtitle { font-size:44px; line-height:50px} .row-fluid .hero-text h1 { padding:15px 0 0; font-size:70px; line-height:78px} .row-fluid .geospatial-section { padding:20px 0} .row-fluid .solutions-icon img { height:80px} .row-fluid .solutions-row { padding:30px 15px} .row-fluid .hero-section .glob {left:34%; transform: scale(1) rotate(2deg); bottom: -210px} } @media (min-width: 1201px) and (max-width: 1400px){ h1 { font-size:42px; line-height:50px} h2 { font-size:34px; line-height:42px} h3 { font-size:30px; line-height:36px} h4 { font-size:26px; line-height:32px} h5 { font-size:24px; line-height:30px} h6 { font-size:22px; line-height:26px} .row-fluid .wrapper { width:1180px} .row-fluid .blog-listingsec .post-item { margin:0 -5px; } /* .row-fluid .newblog-top .blog-logobox { float:left; width:30%} .row-fluid .newblog-top .link-style { float:right !important; width:18%; margin:0; text-align:right} .row-fluid .newblog-top .blog-toptitle { float:left; width:52% !important; margin-top:5px; top:auto; left:auto; position:relative; transform:none} */ .row-fluid .blog-logobox a:after { right:auto; left:100%; } } @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} .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 { font-size:14px} .row-fluid .social-icon { margin-top:3px} .row-fluid .geospatial-section h2 { padding:0 0 15px} .row-fluid .copyright ul li:first-child:before { display:none} /* New Blog 2019 */ .row-fluid .post-bodytext { padding:0} .row-fluid .inter-bloghero h1 { text-align:center; padding:0 0 8px} .row-fluid .blog-titlestyle h3 { text-align:center} .row-fluid .blog-listingsec .post-listing { display:inline-block; margin:0} .row-fluid .blog-menuraw .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal { margin-top:0 !important} .row-fluid .blog-logobox a:after { right:auto; left:105%; } .row-fluid .blog-logobox img { max-width:100%; } } @media (min-width: 992px) and (max-width: 1200px){ .row-fluid .wrapper { width:920px} .row-fluid .new-blogmainsec .wrapper { width:920px !important; padding:0} .row-fluid .blog-listingsec .post-item { margin:0 -5px; width:33.33%; } .row-fluid .blog-subscribesec .wrapper { width:920px} .row-fluid .blog-subscribesec form .hs_submit input[type="submit"] { border:0; padding:15px 30px} /* .row-fluid .newblog-top .blog-logobox { float:left; width:30%} .row-fluid .newblog-top .link-style { float:right !important; width:22%; margin:0; text-align:right} .row-fluid .newblog-top .blog-toptitle { float:left; width:48% !important; margin-top:5px; top:auto; left:auto; position:relative; transform:none} */ .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li { padding:0} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper ul li a { font-size:14px} body.newblog-body.hs-blog-post .container-fluid .row-fluid .wrapper, body.newblog-body.hs-blog-post .row-fluid .wrapper { max-width:950px} body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .wrapper { width:950px !important} /* About Us Page */ .row-fluid .about-introsection { padding:90px 0} .row-fluid .about-introsection .blog-titlestyle { padding-bottom:20px} .row-fluid .about-authorsec ul li { width:25%} } @media(max-width:991px) { .row-fluid .hero-text { padding:50px 0 100px} .row-fluid .solutions-row { width:100%; border-bottom:5px solid #fff; border-right:none} .row-fluid .solutions-row:last-child { border-bottom:none} .row-fluid .obstacles-section { padding:60px 0} .row-fluid .obstacles-img { margin:0; width:100%} .row-fluid .obstacles-img2 { margin:0; width:100%} .row-fluid .obstacles-text { margin:40px 0 0; width:100%} .row-fluid .obstacles-text2 { margin:40px 0 0; width:100%} .row-fluid .manage-section .obstacles-text { margin:40px 0 0; padding:0 15px !important; width:100%} .row-fluid .manage-section .obstacles-text2 { margin:40px 0 0; padding:0 15px !important; width:100%} .row-fluid .manage-section .obstacles-img { padding:0 15px; width:100%} .row-fluid .hero-section .glob { bottom:auto; top:10%} .row-fluid .hero-section { padding:120px 0 0} .no_img .row-fluid .blog-page-section {padding-top: 200px !Important} h1.h2-title { font-size: 34px} .row-fluid .mainmenu .hs-menu-wrapper > ul > li { padding: 0 10px} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li { padding:0} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper ul li a { font-size:14px; text-align:left; padding-left:10px !important; padding-right:10px !important; } } @media (min-width: 768px) and (max-width: 991px){ .row-fluid .wrapper { width:720px} .row-fluid .blog-listingsec .post-item { width:50%} .row-fluid .new-blogmainsec .wrapper { width:720px !important; padding:0} .row-fluid .inter-bloghero { background-attachment:inherit !important} .row-fluid .blog-subscribesec .wrapper { width:720px} .row-fluid .blog-subscribesec form .hs_submit input[type="submit"] { border:0} /* .row-fluid .newblog-top .blog-logobox { float:left; width:30%} .row-fluid .newblog-top .link-style { float:right !important; width:30%; margin:0; text-align:right} .row-fluid .newblog-top .blog-toptitle { float:left; width:40% !important; margin-top:5px; top:auto; left:auto; position:relative; transform:none} */ .row-fluid .blog-subscribesec form .hs_submit input[type="submit"] { padding:15px 30px} body.newblog-body.hs-blog-post .container-fluid .row-fluid .wrapper, body.newblog-body.hs-blog-post .row-fluid .wrapper { max-width:720px} /* About Us Page */ .row-fluid .about-introsection { padding:90px 0} .row-fluid .about-introsection .blog-titlestyle { padding-bottom:20px} .row-fluid .about-authorsec ul li { width:33.33%} .row-fluid .blog-toptitle a { font-size:18px; line-height:24px; top:6px; position:relative; } .row-fluid .page-banner h1 { font-size: 60px !important} } @media (min-width: 30px) and (max-width: 767px){ .row-fluid form fieldset.form-columns-2 > div { padding: 0px !important} h1 { font-size:30px; line-height:38px} h2 { font-size:28px; line-height:34px} h3 { font-size:26px; line-height:32px} h4 { font-size:24px; line-height:30px} h5 { font-size:22px; line-height:28px} h6 { font-size:20px; line-height:26px} body { font-size:16px; line-height:26px} .row-fluid .link-style a , .row-fluid a.link-style , .hs_cos_wrapper_type_google_search a.hs-button { font-size:16px; line-height:20px; min-width:195px} .row-fluid .wrapper { width:100%; padding:0 15px} .row-fluid .mainmenu .hs-menu-wrapper > ul > li { padding:0} .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:15px 20px; font-size:18px; line-height:26px} .row-fluid .top-header { padding:5px 0; font-size:16px; line-height:20px; display:none} .row-fluid .page-banner h1{ font-size: 25px !important; line-height: 30px !important; padding-top: 0; margin-top: 0} .row-fluid .logo img { max-width: 170px; height: inherit; width: 100% !important} .row-fluid .mainmenu { padding:0} /* .row-fluid .hero-section { padding:120px 0 0} */ .row-fluid .hero-text h1 span { margin-right:10px} .row-fluid .mainmenu .hs-menu-wrapper ul li a { margin-bottom:10px} .row-fluid .mainmenu .hs-menu-wrapper > ul > li { padding:0 0 0} .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:15px 0; font-size:14px} .row-fluid .geospatial-section h2 { padding:0 0 15px} .row-fluid .obstacles-section { padding:50px 0} .row-fluid .manage-section .obstacles-img { margin:0; padding:0 15px} .row-fluid .footer { font-size:16px; line-height:22px; text-align:center} .row-fluid .copyright { margin:0 0 10px} .row-fluid .social-icon { width:100%; float:left} .row-fluid .social-icon ul li a { font-size:30px} .row-fluid .copyright ul { margin:5px 0 0; display:block; width:100%; text-align:center; } .row-fluid .copyright ul li:first-child:before { display:none} /*Padding Option*/ .row-fluid .mobpadding-top10 { padding-top:10px} .row-fluid .mobpadding-top20 { padding-top:20px} .row-fluid .mobpadding-top30 { padding-top:30px} .row-fluid .mobpadding-top40 { padding-top:40px} .row-fluid .mobpadding-top50 { padding-top:50px} .row-fluid .padding-top0 { padding-top:0} .row-fluid .padding-bottom0 { padding-bottom:0} .row-fluid .mobpadding-top0 { padding-top:0} .row-fluid .mobpadding-bottom0 { padding-bottom:0} .row-fluid .mobpadding-bottom10 { padding-bottom:10px} .row-fluid .mobpadding-bottom20 { padding-bottom:20px} .row-fluid .mobpadding-bottom30 { padding-bottom:30px} .row-fluid .mobpadding-bottom40 { padding-bottom:40px} .row-fluid .mobpadding-bottom50 { padding-bottom:50px} /*Margin Option*/ .row-fluid .mobmargin-top10 { margin-top:10px} .row-fluid .mobmargin-top20 { margin-top:20px} .row-fluid .mobmargin-top30 { margin-top:30px} .row-fluid .mobmargin-top40 { margin-top:40px} .row-fluid .mobmargin-top50 { margin-top:50px} .row-fluid .mobmargin-bottom10 { margin-bottom:10px} .row-fluid .mobmargin-bottom20 { margin-bottom:20px} .row-fluid .mobmargin-bottom30 { margin-bottom:30px} .row-fluid .mobmargin-bottom40 { margin-bottom:40px} .row-fluid .mobmargin-bottom50 { margin-bottom:50px} .row-fluid .hero-section .glob { left: 30%; height: 100%; width: 100%} .row-fluid .hero-text { z-index: 4; position: relative} .no_img .row-fluid .blog-page-section { padding-top: 110px !important} h1.h2-title { font-size: 28px} .row-fluid .blog-body div#hubspot-author_data { padding-top: 10px} /* New Blog 2019 */ body.mobile-open a.mobile-triggern { background:transparent; } .row-fluid .newblog-top { text-align:center; background:#4A94A8} .row-fluid .newblog-top img { max-width:130px; float:none; display:inline-block; vertical-align:top; width:100%} .row-fluid .blog-toptitle { font-size:14px; line-height:18px; float:none; display:inline-block; vertical-align:top; width:100%; position:relative; transform:none; top:auto; left:auto; margin-top:5px; color:#fff} .row-fluid .blog-toptitle a { color:#fff; font-size:19px;} .row-fluid .newblog-top .color-logo { display:none} .row-fluid .newblog-top .white-logo { opacity:1; position:relative} body.dem .row-fluid .newblog-top { background:#276D00; } body.dem .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#276D00; } body.aviation .row-fluid .newblog-top { background:#E5A700; } body.aviation .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#E5A700; } body.orthorec .row-fluid .newblog-top { background:#8E5E38; } body.orthorec .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#8E5E38; } body.telcom .row-fluid .newblog-top { background:#8B4561; } body.telcom .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#8B4561; } .row-fluid .blog-menuraw a.mobile-triggern { left:3px; right:auto; top:21px; border:0} .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#fff} .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .blog-menuraw .mainmenu .hs-menu-wrapper ul li a { font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-align:left; } .row-fluid .blog-menuraw .menu-title { text-align:left} .row-fluid .blog-menuraw .menu-title label { font-weight:700; color:#fff; font-size:20px; line-height:24px; float:none; display:inline-block; width:180px; max-width:100%; padding-bottom:15px; border-bottom:2px solid #ccc; text-align:left; margin-bottom:15px; padding-left:10px; display:none; } .mobile-open .row-fluid .blog-menuraw a.mobile-triggern { position:fixed; top:15px; left:3px} .orthorec .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#A84900; } .telcom .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#166000; } .row-fluid .inter-bloghero { padding:70px 0; background-attachment:inherit !important} .row-fluid .inter-bloghero h1 { text-align:center; padding:0 0 8px} .row-fluid .blog-menusec { padding:0 !important; border:0; min-height:0; height:0; } .row-fluid .blog-menuraw { border:0} .row-fluid .blog-titlestyle h3 { width:300px; text-align:center} .row-fluid .blog-listingsec .post-item { width:100%; padding:0 0 30px} .row-fluid .blog-listingsec .post-item:last-child { padding:0} .row-fluid .blogpost-date { display:block} .row-fluid .blog-listingsec .post-content { padding:30px 15px 20px} .row-fluid .blog-listingsec .mobile-hide { display:none} .row-fluid .related-postsec.blog-listingsec .post-content { display:block; padding:20px 15px} .row-fluid .related-postsec.blog-listingsec .mobile-hide { display:none} .row-fluid .blog-menuraw .wrapper { display:block; position:inherit; height:0; } .row-fluid .blog-menuraw .wrapper > div { min-height:0px !important; line-height:0 !important; } .row-fluid .search-formbox a.search_res { color:#fff; display:none; } .row-fluid .search-formbox .search-inputbox { top:0; right:0; position:relative; display:block; top:0; left:0; width:100%;padding:0; } .row-fluid .search-inputbox input[type="text"] { border:0; background:#fff; height:50px; color:#000; } .row-fluid .blog-menuraw .mainmenu.js-enabled .hs-menu-flow-horizontal { position:fixed; } /* Blog Inner */ .row-fluid .blog-innerhero { padding:100px 0} .row-fluid .blog-innerhero h1 { font-size:25px; line-height:32px} .row-fluid .blog-listingsec a.more-link span { font-size:18px; line-height:24px; } .row-fluid .mainmenu.js-enabled .hs-menu-flow-horizontal .link-style a:hover { background:#444 !important} body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .wrapper { width:100%; margin-top:0 !important; padding:0 15px 50px} .row-fluid .new-blogmainsec .social-sharing { right:0; position:relative; width:100%} .blog-post-wrapper .social-sharing ul.share-buttons { width:auto !important} .row-fluid .blog-subscribesec h3.form-title { padding:0 0 20px; width:100%; margin:0} .row-fluid .blog-subscribesec h3.form-title + div { padding:0 0 20px; width:100%; margin:0} .row-fluid .blog-subscribesec form { padding-right:0} .row-fluid .blog-subscribesec form .hs_submit { position:relative; padding:20px 0 0} body.newblog-body.hs-blog-post .row-fluid .blog-menusec { display:block} body.newblog-body.hs-blog-post .row-fluid .blog-commentformsec .comment-form { padding:40px 15px} .row-fluid .related-postsec .post-item { width:100%} .row-fluid .blog-listingsec .blog-featureimg img { height:200px; object-fit:cover} /* Author Page */ .row-fluid .about-author-sec { text-align:center} .row-fluid .about-author-sec .author_img { float:none; display:inline-block; vertical-align:top} .row-fluid .about-author-sec .author_text { width:100%; padding:30px 0 0} /* Comment Reply Css */ /* .row-fluid .blog-commentformsec .comment-from { width:100%; height:auto !important} .row-fluid .blog-commentformsec .comment-body { width:100%; height:auto !important; border-left:0; border-top:2px solid #eee} .row-fluid form fieldset.form-columns-2 > div:last-child { padding-left:0} */ .row-fluid .blog-commentformsec form .hs-form-field { padding-left:0; } /** Update 04-07-2019 **/ .row-fluid .blog-listingsec .post-iteminner:before , .row-fluid .blog-listingsec a.more-link , .row-fluid .blogpost-date { display:none} .row-fluid .blog-listingsec .post-content { padding:0} .row-fluid .blog-listingsec .post-content h2 a { padding:10px 60px 10px 10px; font-size:16px; line-height:22px; text-align:left; } .row-fluid span.arrowdown { display:inline-block; width:50px; height:100%; line-height:44px; border-radius:40px; color:#fff; font-size:20px; position:absolute; top:calc(50% + 5px); right:0; text-align:center; cursor:pointer; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .row-fluid span.arrowdown i { 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%);; width:35px; height:35px; line-height:35px; border:1px solid #fff; border-radius:50px} .row-fluid span.arrowdown i:before { content:"\f105"; position:absolute; left:14px; top:-1px; } .row-fluid span.arrowdown.active i:before { content:"\f107"; position:absolute; left:11px; top:0px; } .row-fluid .blog-menuraw .link-style { display:none} /* Blog Menu Background Color Css */ .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#4A94A8} body.aviation .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#E5A700} body.telecom .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#8B4561} body.orthorectification .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#8E5E38} body.dem .row-fluid .blog-menuraw .mainmenu .hs-menu-flow-horizontal { background:#276D00} body.telecom .row-fluid .newblog-top { background:#8B4561} body.orthorectification .row-fluid .newblog-top { background:#8E5E38} /* Updates 05-07-2019 */ .row-fluid .blog-innermainsec .section.post-header { width:65%} .row-fluid .new-blogmainsec .social-sharing { width:35%} .row-fluid .post-bodytext { padding:0} body.newblog-body.hs-blog-post .row-fluid .new-blogmainsec .wrapper { padding:30px 15px 20px} body.newblog-body.hs-blog-post .row-fluid .blog-commentformsec { padding-bottom:0} .row-fluid .related-postsec .post-itemwrapsec { margin:0} .row-fluid .related-postsec.blog-listingsec .post-content { padding:0} .row-fluid .related-postsec..blog-listingsec .post-content h2 a { padding:10px 0 } body.newblog-body.hs-blog-post .related-postsec .blog-titlestyle { padding-bottom:20px; padding-top:15px} body.newblog-body.hs-blog-post .related-postsec .blog-titlestyle h3 { text-align:left} .row-fluid .blog-commentformsec .comment-form form .hs_submit.hs-submit { position:relative} body.newblog-body.hs-blog-post .row-fluid .blog-commentformsec .comment-form { padding:20px 0} body.newblog-body.hs-blog-post .row-fluid .newblog-top .wrapper { background:transparent} .row-fluid .new-blogmainsec { padding:30px 0 70px; } .row-fluid .blog-listingsec .blog-featureimg img { display:none; } .row-fluid .mobile-bgpostimg { display:block; } .row-fluid .blog-listingsec .post-content { height:auto !important; } /* About Us Page */ .row-fluid .about-introsection { padding:40px 0} .row-fluid .about-introsection .blog-titlestyle { padding-bottom:20px} .row-fluid .about-authorsec { padding-bottom:40px} .row-fluid .about-authorsec ul li { width:50%} .row-fluid a.more-postlink { display:block; color:#fff !important; } } @media (min-width: 30px) and (max-width: 500px){ .row-fluid .hero-subtitle { font-size:34px; line-height:40px} .row-fluid .hero-text h1 { padding:10px 0 0; font-size:50px; line-height:56px} .row-fluid .inter-bloghero br { display:none} .row-fluid .about-authorsec ul li { width:100%; margin:0} } @media (min-width: 768px){ a.mobile-triggern , span.child-triggerm { display: none !important; /* Hide button on Desktop */ } .row-fluid .mainmenu .hs-menu-wrapper { display: block !important; } } /* ----- Mobile Menu ----- */ @media (max-width: 767px){ .row-fluid .inter-bloghero:before { background:rgba(0,0,0,0.5)} .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:hover { color: #fff} a.mobile-triggern /* 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-triggern { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 11px; /* Position Button at top right of screen */ right: 15px; /*******************************************/ width: 45px; /* Button width */ height: 37px; /* Button height */ line-height: 30px; padding:0; /* background: #4994a7; /* 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: center; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; z-index:9999; border: 1px solid #fff; border-radius: 0; } a.mobile-triggern:hover { text-decoration: none; /* Removes link text underline on button */ color: #fff; } a.mobile-triggern span{ display: inline; } a.mobile-triggern span:before{ position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-triggern span:after{ position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #4994a7; 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-triggern{ background:#4994a7; } .mobile-open a.mobile-triggern span:after{ opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-triggern i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0.01s; -webkit-transition-delay: .2s; -moz-transition-duration: 0.01s; -moz-transition-delay: .2s; transition-duration: 0.01s; transition-delay: .2s; } a.mobile-triggern i:before, a.mobile-triggern i:after { position: absolute; content: ''; } a.mobile-triggern i, a.mobile-triggern i:before, a.mobile-triggern i:after { width: 32px; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #FFFFFF; /* Icon color */ display: inline-block; } a.mobile-triggern 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-triggern 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-triggern { background:} .mobile-open a.mobile-triggern 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-triggern i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background:#FFFFFF; } .mobile-open a.mobile-triggern i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background:#FFFFFF; } /* Child Toggle Button ========================================================================== */ span.child-triggerm { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 6px; right: 0px; width: 45px !important; /* Button width */ min-width: 45px !important; height: 45px !important; /* Button height */ padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } 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: 15px; /* 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; } /* 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: absolute; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; /*height:100%;*/ overflow-y: auto !important; } .mainmenu .hs-menu-flow-horizontal{ padding:50px 10% 10%; /* Padding to add room for close button */ background-color:#000; /* Menu background color set off global mobile-menuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; display:none; } /* 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 dotted 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: #fff; /* 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: 10px; /* 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: 30px; /* Indent Child lists */ } .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /* New Style Start */ .row-fluid .overlay { position: relative} .row-fluid .overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2} .row-fluid .overlay > div { position: relative; z-index: 1} .row-fluid .page-banner { /* padding: 500px 0 30px; padding: 302px 0 20px; */ color: #fff; } .row-fluid .page-banner h1 { color: inherit; padding: 0 0 10px; font-size: 68px} .row-fluid .page-banner.get-bg h1{ text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); -webkit-text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7)} .row-fluid .page-banner > div + div { display: table; width: 100%} .row-fluid .page-banner > div + div > .row-fluid { height: 420px; display: table-cell; vertical-align: bottom; padding-bottom: 30px} .row-fluid .section { padding: 70px 0 70px} .row-fluid .section .section { padding: 0} .row-fluid .section.center { text-align: center} .section.section-reset { padding: 0} .row-fluid .title { padding: 0 0 20px; text-align:center} .row-fluid .title h2 { padding: 0 0 15px; position: relative} .row-fluid .title h2:after { content: ''; position: absolute; bottom: 0; left: 50%; height: 2px; width: 200px; background: #4a94a8; transform: translateX(-50%)} .row-fluid .gray { background: #F4F4F4} .row-fluid .blue-bg { background-color: #4A94A8} .row-fluid .text-white * { color: #fff} .fancy-popup { max-width: 830px !important; width:100%} .row-fluid ._fx { display: flex; flex-wrap: wrap} .row-fluid ._fx._fx-center { align-items: center; justify-content: center} .row-fluid ._fx.fx_100 { flex-wrap: nowrap} .row-fluid .simple-box-section .simple-box-wrapper{ text-align:center} .row-fluid .simple-box-section .simple-box { width: 33.33%; padding: 15px; margin:0px -3px; display:inline-block; vertical-align:top; text-align:left} .simple-box-section .simple-box .thumb { padding-bottom: 70%} .simple-box-section .simple-box .box-title h5 { padding: 20px 25px} .simple-box-section .simple-box .inner { background: #fff; transition: all 0.3s ease} .simple-box-section .simple-box .box-btn a { color: #fff; font-size: 17px; text-align: center; display: block; width: 100%; padding: 11px 15px; background: #4a94a8; line-height:normal} .simple-box-section .simple-box .box-btn a + a { border-left: 2px solid} .simple-box-section .simple-box .box-btn a:hover { background: #303030} .simple-box-section .simple-box .inner:hover { box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4)} .row-fluid .popup-form { font-size: 15px; line-height: 22px; color: #000} .row-fluid .popup-form .form-title { display: none} .row-fluid .popup-form.v2 .form-title { display: block; padding: 0 0 10px; margin: 0} .row-fluid .popup-form p { padding: 5px 0} .row-fluid a.link-style div { margin: 0 !important; width:100%; /*text-align:right*/} /* */ .row-fluid .zick-zack-section .zick-zack-box { font-size: 17px; line-height: 25px} .row-fluid .zick-zack-section .zick-zack-box > div > div { float: left; width: 50%; min-height: 1px; position: relative} .row-fluid .zick-zack-section .zick-zack-box:after { content: ''; display: table; clear: both} .row-fluid .zick-zack-section .zick-zack-box .thumb { padding-bottom: 20%} .row-fluid .zick-zack-section .zick-zack-box .right-padding { padding-left: 35px} .row-fluid .zick-zack-section .zick-zack-box ul { padding: 0 0 0 38px; list-style: none; margin: 0} .row-fluid .zick-zack-section .zick-zack-box ul li { position: relative} .row-fluid .zick-zack-section .zick-zack-box ul li:before { content: ''; position: absolute; top: 0; left: -36px; height: 25px; width: 25px; background-image: url(https://www.intermap.com/hubfs/Intermap_2019/Images/black-icon.png); background-position: center; background-repeat: no-repeat; background-size: contain} .row-fluid .zick-zack-section .zick-zack-box ul li + li { margin-top: 20px} .row-fluid .zick-zack-section .zick-zack-box .contain .inner { padding: 65px 0} .row-fluid .zick-zack-section .zick-zack-box.revere > div > div:first-child { left: 50%} .row-fluid .zick-zack-section .zick-zack-box.revere > div >div:last-child { left: -50%} .row-fluid .zick-zack-section .zick-zack-box .left-padding { padding-right: 35px} .row-fluid .zick-zack-section .zick-zack-box .contain .inner h3 { padding-top: 0} .row-fluid .zick-zack-section .zick-zack-box ul li { transform: translateY(50px); transition: none; opacity: 0; visibility: hidden} .row-fluid .zick-zack-section .zick-zack-box .go ul li { opacity: 1; visibility: visible; transform: translateY(0)} .row-fluid .zick-zack-section .zick-zack-box .go ul li { transition: all 0.7s ease} .button-link span { position: relative; float: left; padding: 8px 10px 8px 14px;} .button-link img { height: 24px; width: auto; margin-top: 5px;} .Solutions-box-wrapper { margin:40px 0 0} .Solutions-box-wrapper .Solutions-box { width: calc((33.33% * 1)); padding: 5px} .Solutions-box-wrapper .Solutions-box.type_1 { width: calc((33.33% * 2) - 0px)} .Solutions-box-wrapper .Solutions-box .thumb { height: calc(340px); position: relative; transition: all 0.3s ease} .Solutions-box-wrapper .Solutions-box.type_2 .thumb { height: calc((340px * 2) + 10px)} .Solutions-box-wrapper .Solutions-box.type_3 { width: calc((33.33% * 3))} .Solutions-box-wrapper .Solutions-box .thumb h4 { position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%); max-width: 220px; z-index: 1} .Solutions-box-wrapper .Solutions-box .thumb:After { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: all 0.3s ease} .Solutions-box-wrapper .Solutions-box a:hover .thumb:After { opacity: 0.5} .Solutions-box-wrapper .Solutions-box a:hover .thumb { transform: scale(1.1)} .Solutions-box-wrapper .Solutions-box .inner { overflow: hidden} .Solutions-box-wrapper .Home-stack-box { width: calc((25% * 2) - 1px); padding: 5px} .Solutions-box-wrapper .Home-stack-box .thumb { height: calc(250px); position: relative; transition: all 0.3s ease;} .Solutions-box-wrapper .Home-stack-box .type_5 {width: calc((25% * 2) - 2px)} .Solutions-box-wrapper .Home-stack-box .thumb .stack-text { position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%); width: 80%; z-index: 3; text-shadow: 2px 1px 8px #000000} .Solutions-box-wrapper .Home-stack-box .thumb:After { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: all 0.3s ease} .Solutions-box-wrapper .Home-stack-box .darken:After { opacity: 0.2} .Solutions-box-wrapper .Home-stack-box a:hover .thumb:After { opacity: 0.5; border: solid 10px #4a94A8;} .Solutions-box-wrapper .Home-stack-box a:hover .thumb { transform: scale(1.1)} .Solutions-box-wrapper .Home-stack-box .inner { overflow: hidden} /* */ .row-fluid .simple-info .contain { text-align: left; padding: 40px 0 0} .row-fluid .simple-info .contain .thumb img { max-width: 330px; width:100% !important} .row-fluid .simple-info .contain .thumb { float: none; display: inline-block; width: 30%; vertical-align: middle} .row-fluid .simple-info .contain .contain-inner { display: inline-block; float: none; margin: 0 -4px; width: 70%; vertical-align: middle; padding-left:40px} .row-fluid .simple-info .contain .contain-inner .widget-type-cta { padding: 30px 0 0} .row-fluid .style-ul ul { padding: 0 0 0 25px; list-style: none; margin: 0} .row-fluid .style-ul ul li { position: relative} /* .row-fluid .style-ul ul li:before { content: ''; position: absolute; top: 0; left: -36px; height: 25px; width: 25px; background-image: url(https://cdn2.hubspot.net/hubfs/395294/Intermap_2019/Images/black-icon.png); background-position: center; background-repeat: no-repeat; background-size: contain} */ .row-fluid .style-ul ul li:before { content: '\f111'; position: absolute; top: 0; left: -25px; height: 25px; width: 25px; font-family: fontawesome; font-size: 10px} .row-fluid .style-ul ul li + li { margin-top: 13px} .row-fluid .animate ul li { transform: translateY(50px); transition: none; opacity: 0; visibility: hidden} .row-fluid .go .animate ul li { opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.7s ease} .row-fluid .border-top:before { content: ''; height: 33px; width: 100%; background-image: url(https://cdn2.hubspot.net/hubfs/395294/Intermap_2019/Images/line-2.jpg); position: absolute; top: -15px; left: 0; background-repeat: no-repeat; background-position: center} .row-fluid .border-bottom-none:after { display: none} /* */ .row-fluid .post-listing { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px} .row-fluid .single-post { width: 50%; padding: 0 15px 30px 15px} .row-fluid .single-post .thumb { height: 250px; width: 100%; border-bottom: 0px; transition: all 0.3s ease; position: relative} .row-fluid .single-post .contain { padding: 25px 28px 25px; position: relative; position: relative; z-index: 2; background: #fff} .row-fluid .single-post .contain .author-thumb img { position: absolute; height: 80px; width: 80px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -o-object-fit: cover; object-fit: cover; bottom: -webkit-calc(100% - 38px); bottom: -moz-calc(100% - 38px); bottom: calc(100% - 38px); -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5)} .row-fluid .single-post .contain h6 { font-weight: 600; padding: 0; font-size:17px} .row-fluid .single-post .contain h6 a { display: block} .row-fluid .single-post .contain span.date { font-weight: 500; font-size: 14px; display: block; line-height: 19px} .row-fluid .single-post .contain .text { font-size: 15px} .row-fluid .single-post .inner { -webkit-box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2); -moz-box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2); box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2); height: 100%; transition: all 0.3s ease} .row-fluid .single-post .contain .text { font-size: 14px; line-height: 23px; display: block; padding: 10px 0 12px} .row-fluid .single-post .inner > a { display: block; overflow: hidden} .row-fluid .single-post .inner:hover .thumb { transform: scale(1.2)} .row-fluid .single-post .thumb:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: all 0.3s ease} .row-fluid .single-post .inner:hover .thumb:after { opacity: 0.3} .row-fluid .single-post .contain .btn-wrapper { line-height: 0px} .row-fluid .single-post .contain .btn-wrapper a.more-link { margin: 0; text-transform: capitalize; font-size: 17px; min-width: auto} .row-fluid .single-post .inner:hover { transform: translatey(-5px); box-shadow: 1px 5px 16px 0px rgba(3, 38, 96, 0.2)} /* */ ul.pagination { margin-top: 25px; width: 100%; text-align: center} ul.pagination li { display: inline-block} ul.pagination li a {width: 30px;height: 30px;text-align: center; font-size: 15px; line-height: 30px; background-color: #fff; display: inline-block; box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2)} ul.pagination li.active a, ul.pagination li a:hover {background-color: #4994a7;color: #fff;border-color: #4994a7} ul.pagination li + li { padding-left: 3px} ul.pagination li.active a { pointer-events: none} /* */ .row-fluid .sidebar-widget { padding: 0; -webkit-box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2); -moz-box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2); box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2); margin-top: 30px} .row-fluid .sidebar-widget.first-widget { margin-top:15px} .row-fluid .sidebar-widget.searchbar input { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjAQsNIS7u9OZCAAADb0lEQVRo3u2YTUiUQRjHf66ZCWZqdchQ0sUPIvqwEBSDjQ6S0DERPFQXu3qSDuJB0IsH6dTNgx5CD16UIAnT9KZQQmaIWm6tYmaCrvm1tR1Udmfe2X1n3tcUwmdOz+78n/9/5p155plJwN4K8XGTAvJIJZ1N1llkiklGGCaogXdhXpqYJRyzbdNLFSf/Dfk1uvkdhzzSvlJHysGSp/OMkBZ5RMSDg6P3MW9Evt86SD0I+nrDsUe3SbzuyBNoc0y+2xa4YUoZbW3Uxeg3xzCTzLOOh3PkUkwpp5Q9f3Kbj04nXzWmFVq5ouidQjUDSoSfLCf0PsW336KZtLioMsYUEoZINKXPUKz8CeXIZUukQSG90VTAc0uIfoNNVUlQQm+Sb0J/3ZLz+g0TrI8NKUKvCbzbMvnmKaVGivGHYl2oVxr/lta3t1q7JKFLF9gkAZsd0UMmS9I6yNQDigfuis3Gi2dyJqnVARVIoFbH9JAm7YYeHdATSYCz779vnUKsZTx2AA+3BN/PB1cCXgpeJrn2AgoE/60reiu+yF6AqPGTSwEBVgX/kr2A04L/zaUACAjeGXsBYs5bdy1gTfBsM6qHkOCfcC1APEN27AWIijNcC0gXPNuLi4clwXdZVJJMtuDP2wuYEnztEyyGXZVqoWl7AWIBWeryjnNX8EI65ek9KRVXuxLwXog1qgNJZVsADbigL5EG06IH65VgZY4FyJE0LylVEmzMvKgGoEKKM64LTGJOgjY4oM/gsxTlkT64ToKGqDSkT+KVFGPGpK5OsbyDBPEZ0b+w3CuqzEZw3xJggxpN7FnL6MP0Gc4g0KG447Vr1LUVlhUUZpEL5gJSmVRIWKI+TpVcYtl4u/eKcnN6AC8LinBhgnRSzcWonsmU8JR3yt5hvtsXYhETHyhu8DrOpK8S4BcJnCfLJlOsMAus8RC/6Sxcxh9jXDptS7obzZBj/iGyGHJIv0g5RfxwLyGRRjaN6fv2Vv6IJSE5kAD5yvUdq81EpZ0Rxb+OJEAxXRozMc5jIen2KwU6lAAZ1NLDsiLoDqO0KEq4HGZMJCSgYx5yKdx7rt8mSIBpJmJWvDm8Ic/y6yx3zDelU8tmWjELX+yvqscSjiUcSziW8F9LUJ8Rg4cnQDULftcPIq4kHDq9KOFI6CMSjoweIIfBSL3wF/9suBGdOof4AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAxLTExVDEyOjMzOjQ2KzAxOjAw+p4SHwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMS0xMVQxMjozMzo0NiswMTowMIvDqqMAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC'); background-position: calc(100% - 16px); background-repeat: no-repeat; background-size: 18px; padding-right: 49px; height: 55px; font-size: 18px} .row-fluid .sidebar-widget .block > h3 { padding: 10px 30px 10px; font-size: 20px; font-weight: 500; position: relative; line-height: 35px; margin: 0 0 10px; background: #4994a7; color: #fff; margin: 0} .row-fluid .sidebar-widget ul { padding: 0; list-style: none; padding: 15px 30px; margin: 0; font-size: 16px; line-height: normal} .row-fluid .sidebar-widget ul li { padding: 10px 0; position: relative} .row-fluid .sidebar-widget ul li:after { content: ''; height: 33px; width: 100%; background-image: url(https://cdn2.hubspot.net/hubfs/395294/Intermap_2019/Images/line-2.jpg); position: absolute; bottom: -17px; left: 0; background-repeat: no-repeat; background-position: center; z-index: -2; background-size: 80% 25px} .row-fluid .sidebar-widget .block ul { list-style: none} .row-fluid .sidebar-widget ul li span.filter-link-count { display: none} .row-fluid .sidebar-widget.searchbar ul { display: none} .row-fluid .sidebar-widget ul li:last-child:after { opacity: 0} /* */ .row-fluid .blog-body div#hubspot-author_data { font-weight: 500; display: block; padding: 20px 0 10px; color: #000} .row-fluid .blog-body .thumb-wrapper img { display: none} .row-fluid .blog-body blockquote { margin: 0px; padding: 15px 15px 15px 32px; border-left: 4px solid #4994a7; margin: 13px 0} .row-fluid .blog-body blockquote p { padding: 0} .row-fluid .blog-body .thumb-wrapper > div { padding-bottom: 45%; margin-top: 1px} .row-fluid ul.share-buttons { display: inline-block; list-style: none; padding: 0; width: 100%} .row-fluid ul.share-buttons li { display: inline-block; vertical-align: top} .row-fluid ul.share-buttons:after { content: ''; display: table; clear: both} .row-fluid ul.share-buttons li + li { padding-left: 10px} .row-fluid ul.share-buttons li a i.fa { display: block; height: 70px; width: 70px; line-height: 71px; font-size: 24px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center} .row-fluid ul.share-buttons li a i.fa.fa-facebook { background: #4867AA} .row-fluid ul.share-buttons li a i.fa.fa-twitter { background: #1DA1F2} .row-fluid ul.share-buttons li a i.fa.fa-linkedin { background: #225982} .row-fluid ul.share-buttons li a i.fa.fa-google-plus { background: #DD5144} .row-fluid ul.share-buttons li a i.fa.fa-youtube { background: #FF0000} .row-fluid ul.share-buttons li a i.fa.fa-rss { background: #FB6405} .row-fluid ul.share-buttons li a i.fa.fa-pinterest { background: rgb(189, 8, 28)} .row-fluid ul.share-buttons li a:hover i { background: #fff !important; -webkit-box-shadow: 0 3px 7px 0px rgba(3, 38, 96, 0.2); -moz-box-shadow: 0 3px 7px 0px rgba(3, 38, 96, 0.2); box-shadow: 0 3px 7px 0px rgba(3, 38, 96, 0.2)} .row-fluid ul.share-buttons li:hover a i.fa.fa-facebook { color: #4867aa !Important} .row-fluid ul.share-buttons li a:hover i.fa.fa-twitter { color: #1da1f2 !Important} .row-fluid ul.share-buttons li a:hover i.fa.fa-linkedin { color: #225982 !Important} .row-fluid ul.share-buttons li a:hover i.fa.fa-google-plus { color: #dd5144 !Important} .row-fluid ul.share-buttons li a:hover i.fa.fa-youtube { color: red !Important} .row-fluid ul.share-buttons li a:hover i.fa.fa-rss { color: #fb6405 !Important} .row-fluid ul.share-buttons li a:hover i.fa.fa-pinterest { color: rgb(189, 8, 28) !Important} .row-fluid .inner-pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /*border: 1px solid rgba(0, 96, 170, 0.5); */ border-left: none; border-right: none; position: relative; margin: 30px 0 60px; width:100%} .row-fluid .inner-pagination .tag { width: 50%; padding: 20px 0 20px} .row-fluid .inner-pagination .tag.prev a:before { content: "\f104"; left: 0} .row-fluid .inner-pagination .tag a { font-size: 16px; text-transform: capitalize; font-weight: 500; position: relative; top: 3px; font-family: Poppins, sans-serif} .row-fluid .inner-pagination:before, .row-fluid .inner-pagination:after { content: none; position: absolute; left: 0; width: 100%; height: 7px; background: #4994a7; top: -4px; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"} .row-fluid .inner-pagination:after { top: auto; bottom: -4px} .row-fluid .inner-pagination .next.tag { text-align: right} .row-fluid .inner-pagination .next.tag a:after { content: "\f105"} .row-fluid .inner-pagination .prev.tag { position: relative; /* border-right: 1px solid rgba(0, 96, 170, 0.5); */ } .row-fluid .inner-pagination .prev.tag:after { content: none; position: absolute; right: -4px; width: 7px; height: 100%; background: #4994a7; top: 0; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"} .row-fluid .inner-pagination .tag.prev a { padding-left: 25px} .row-fluid .inner-pagination .next.tag a { position: relative; padding-right: 25px} .row-fluid .inner-pagination .tag.prev a:before, .row-fluid .inner-pagination .tag.next a:after { font-size: 36px; font-family: fontawesome; position: absolute; right: 0; top: -5px} .row-fluid .author-info { display: flex; align-items: center; flex-wrap: wrap; padding: 20px 0 40px; width:100%} .row-fluid .author-info .author-thumb { position: relative; border-radius: 100%; overflow: -webkit-paged-x; height: 150px; width: 150px} .row-fluid .author-info .author-contain { width: calc(100% - 150px); padding-left: 34px} .row-fluid .author-info .author-thumb img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: top} .row-fluid .author-info .author-contain .social-bar { float: left} .row-fluid .author-info .author-contain .social-bar ul.hs-author-social-links { float: left; width: 100%; margin:0px} .row-fluid .author-info .author-contain .social-bar ul.hs-author-social-links a { background: transparent; height: auto; width: auto; color: #fff} .row-fluid .author-info .author-contain .social-bar ul.hs-author-social-links a i.fa { height: 50px; width: 50px; color: #fff; font-size: 15px !important; line-height:50px} .row-fluid .author-info .author-contain .inner .text { padding: 10px 0 20px; font-size: 17px; line-height: 25px} .row-fluid .author-info .author-contain .inner .text p { padding: 0} .row-fluid .author-info .author-contain h3 { padding-bottom: 0} .related-post-wrapper-outer { margin: 0 -15px} .row-fluid .post-listing .author-info { padding-left: 15px; padding-right: 15px} .row-fluid .post-listing .author-info + h3 {width: 100%;padding: 0 15px} .row-fluid .blog-page-section .blog-body { width: 75%} .row-fluid .blog-page-section .blog-body + div { width: 25%; margin: 0; padding-left: 30px} .row-fluid .blog-page-section .blog-body .single-post { width: 33.33%} /* */ .row-fluid .data-strip-section .simple-box .box-title { text-align: center} .row-fluid .data-strip-section .btn-wrapper { padding: 20px 0 0} .row-fluid .data-strip-section .btn-wrapper > div > div { display: flex; justify-content: center} .row-fluid .data-strip-section .btn-wrapper > div > div > div { width: 320px; display: inline-block} .row-fluid .data-strip-section .btn-wrapper a.link-style, .row-fluid .data-strip-section .btn-wrapper a.cta_button { padding: 17px 35px !important; /*min-width: 320px*/} .row-fluid .obstacles-section.Superior .obstacles-img .widget-type-text {padding:10px 0;font-size: 15px;font-style: italic; line-height: normal; /*background-color: rgba(0,0,0,0.4); text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.7); */} .row-fluid .obstacles-section.Superior .obstacles-img .thumb-caption-black .widget-type-text { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-weight: 600; padding: 10px 15px; background-color: rgba(0,0,0,0.4); text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.7)} .row-fluid .obstacles-section.Superior .obstacles-img2 .widget-type-text {padding:10px 0;font-size: 15px;font-style: italic; line-height: normal; /*background-color: rgba(0,0,0,0.4); text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.7); */} .row-fluid .obstacles-section.Superior .obstacles-img2 .thumb-caption-black .widget-type-text { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-weight: 600; padding: 10px 15px; background-color: rgba(0,0,0,0.4); text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.7)} .row-fluid .Analysis-section .box-wrapper { padding: 10px 0 0; max-width: 1000px; margin: 0 auto} .row-fluid .Analysis-section .box-wrapper .single-box { position: relative} .row-fluid .Analysis-section .box-wrapper .single-box .icon { height: 100px; width: 100px; background-position: center; background-repeat: no-repeat; background-size: 55px; position: absolute; top:3px} .row-fluid .Analysis-section .box-wrapper .single-box .contain { padding: 20px 0 0px 130px; /*min-height:100px;*/ display:flex; /*align-items:center; */} .row-fluid .Analysis-section .box-wrapper strong { color: #4a94a8} /* */ .row-fluid .advance-table .table-header { background: #4a94a8} .row-fluid .advance-table .table-header .td { color: #fff; font-weight: 700; padding: 14px 15px !important} .row-fluid .advance-table .tr { display: flex} .row-fluid .advance-table .tr .td {font-size: 14px; padding:7px 10px; width: 100%; display: flex; align-items: center; justify-content: center; text-align:center} .row-fluid .advance-table .table-contain { border: 1px solid #e4e4e4} .row-fluid .advance-table .tr .td + .td { border-left: 1px solid rgba(0, 0, 0, 0.07)} .row-fluid .advance-table .table-contain .tr:nth-child(even) {/* background: #f4f4f4; */ border-top: 1px solid rgba(0, 0, 0, 0.07); border-bottom: 1px solid rgba(0, 0, 0, 0.07)} .row-fluid .advance-table .table-contain .tr > .td:first-child { justify-content: left} .row-fluid .advance-table .tr label { display: none; line-height:normal} .row-fluid .advance-table.v2 .tr .td:nth-child(2) { background-color: #56a9bf; color: #fff; font-weight: 700} /* */ .row-fluid .btn-wrapper.v1 { padding: 20px 0 0} .row-fluid .btn-wrapper.v1 > div > div > div { width: auto; float: none; display: inline-block; vertical-align: top; margin-top: 0} .row-fluid .btn-wrapper.v1 > div > div > div a { margin: 0} /* */ .row-fluid .thumb-with-caption { position: relative; margin-bottom: 5px} .row-fluid .thumb-with-caption img.hs-image-widget { width: 100% !important} .row-fluid .thumb-with-caption .widget-type-text { /*position: absolute; bottom: 0; color: #fff; font-weight: 700;*/ width:100%; left:0} .obstacles-img .widget-type-rich_text { font-size: 15px; line-height: 25px} .obstacles-img2 .widget-type-rich_text { font-size: 15px; line-height: 25px} .row-fluid .advance-table.v2 { padding-top: 20px} .row-fluid .advance-table.v2 .tr { flex-wrap: wrap} .row-fluid .advance-table.v2 .tr .td { width: calc(100% / 7 - 14px); text-align: center; font-size: 17px; padding: 9px 15px} .row-fluid .advance-table.v2 .tr .td:first-child { width: calc(100% / 7 + 79px)} .row-fluid .advance-table.v2 .table-contain .tr > .td:first-child { text-align: left; color: #000} .row-fluid .advance-table.v2 .table-header .td { line-height: normal; font-size: 20px} /* */ .row-fluid .sp-section .single-box {float: left;width: calc(50% - 20px);padding: 3px;box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2);margin: 10px;transition: all 0.3s ease} .row-fluid .sp-section .single-box ._title { float: left; width: 200px} .row-fluid .sp-section .single-box .contain {float: left;text-align: left;margin-left: 0;width: calc(100% - 203px);margin-left: 3px} .row-fluid .sp-section .single-box > div {padding: 0 15px;background: #f4f4f4} .row-fluid .sp-section .single-box .contain .text, .row-fluid .sp-section .single-box ._title h6 { line-height: normal; padding-top: 25px; padding-bottom: 25px} .row-fluid .sp-section .single-box:hover { box-shadow: 2px 5px 16px 0px rgba(3, 38, 96, 0.2); transform: translateY(-3px)} .row-fluid .obstacles-img.full-slide{ padding-top:20px} .row-fluid .obstacles-img.full-slide > div { max-width: 900px; margin: 0 auto} .row-fluid .obstacles-img2.full-slide{ padding-top:20px} .row-fluid .obstacles-img2.full-slide > div { max-width: 900px; margin: 0 auto} /* ==A== 15-01-2019 ==A== */ .gray-bg{background-color:#f4f4f4} .data-main { display: block; margin: 30px 0 20px} .data-main .data-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #000; border-bottom: 0; width: 100%} .data-main .data-section .data-title { float: left; width: 20%; text-align: left; font-weight: 700; font-size: 17px; border-right: 1px solid #000} .data-main .data-section .data-content { width: 80%; float: left; text-align: left; font-size: 17px; line-height: 23px} .data-main .data-section:last-child { border-bottom: 1px solid #000} .data-main .data-section > div { padding: 10px 15px} .note-text { font-size:15px} .text-left{text-align:left} .data-main .data-section:nth-child(odd) { background-color: #fff} .accordion-wrapper .accordian-text{display: none;border: 3px solid #f6f6f6;padding: 20px;font-size: 18px; border-top:none} .accordion-wrapper { padding: 60px 0} .accordion-wrapper .accordian-title { border-radius: 8px; cursor: pointer; background-color: #F6F6F6} .accordion-wrapper .accordian-title h2 { font-size: 26px; font-weight: 700; padding: 18px 25px; line-height: normal} .accordion-wrapper .accordian { margin-bottom: 10px} .accordion-wrapper .accordian-title.active { border-radius: 8px 8px 0 0; background-color: #4994A7} .accordion-wrapper .accordian-title.active h2{color:#fff} .accordion-wrapper .accordian-text h3 { font-size: 25px; font-weight: 700; margin: 25px 0 15px} .accordian-text .pdf-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px 40px} .accordian-text .pdf-main .pdf-img { width: 100px; float: left} .accordian-text .pdf-main .pdf-content { float: left; width: calc(100% - 100px); padding-left: 15px; color: #777; font-size: 16px} .accordian-text .pdf-main .pdf-content h4 { font-size: 17px; font-weight: 700; padding: 0; line-height: normal} .accordian-text h5 { font-weight: 700; font-size: 18px; padding: 0; margin-bottom: 5px; margin-top: 20px; line-height: normal} .accordian-text h5 + p { font-size: 15px; padding: 0; margin: 0} .form-open-accordian{cursor:pointer} .team-outer { display: inline-block; margin: 40px 0 20px} .team-outer .team-section { float: left; width: 25%; padding: 20px 20px} .team-outer .team-section .team-front { position: relative; display: block; width: 100%} .team-section .team-front .team-img { width: 100%; display: block; height: 320px; position:relative} .team-section .team-front .team-img img { width: 100%; height: 100%; object-fit: cover; object-position: top} .team-section .team-front .team-content { padding: 20px 20px} .team-section .team-front .team-content:After { content: ''; display: table; clear: both} .team-front .team-content h3 { font-weight: 700; font-size: 25px; padding: 0} .team-front .team-content h5 { font-size: 17px; line-height: 23px} .team-section .team-front .overlay-popup { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(73, 148, 167, 0.8); width: 100%; height: 100%; opacity:0; visibility: hidden; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;; } .team-section .team-front .overlay-popup:before { content: '\f055'; top: 50%; left: 50%; font-family: fontawesome; position: absolute; font-size: 50px; color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);; } .team-outer .team-section .team-front:hover .overlay-popup{ opacity:1; visibility: visible} .team-content-inner{position:relative} .team-content-inner i.fa{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:34px} .team-front .team-content h3{font-size:22px; line-height:normal} .team-front .team-content h5{font-size:14px;padding-top:0} .team-content-inner> div{position:relative; padding-right:40px} .team-section a:hover .team-img img { transform: scale(1.2)} .team-section a .team-img img { transition: all 0.3s ease} .team-section a .team-img { overflow: hidden} .team-outer .team-section .team-front a { display: block} .team-outer .team-section .team-front a:hover { box-shadow: 0px 4px 13px 3px rgba(0, 0, 0, 0.1)} .fancybox-container .team-overlay { border: 4px solid #4994A7; max-width: 1100px; margin: 25px; border-radius: 8px} .team-overlay-outer .team-overlay-img { display: block; width: 200px; height: 230px; float: left} .team-overlay-outer .team-overlay-img img { width: 100%; height: 100%; object-fit: cover} .team-overlay-outer .team-overlay-content { width: calc(100% - 200px); float: left; padding-left: 25px; padding-right: 15px} .team-overlay-outer .team-overlay-content h3 { font-size: 30px; font-weight: 700; padding-top: 0; padding-bottom: 5px} .team-overlay-outer .team-overlay-content h5 { font-size: 19px; padding: 0} .team-overlay-outer .team-overlay-content .team-overlay-text { font-size: 17px; margin: 15px 0; line-height: 30px} /* Blog */ .news-wrapper { display: inline-block; margin: 0 -15px} .news-wrapper .news-section { width: 33%; float: left; padding: 15px 15px} .news-section .news-inner { display: block; background-color: #F6F6F6} .news-section .news-inner .news-img { height: 170px; padding: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content:center; -webkit-justify-content:center; } .news-section .news-inner .news-img img { object-fit: contain; width: 100%; height: 100%; max-width:250px} .news-content { background-color: #fff; padding: 15px; border: 2px solid #F4F4F4} .news-content h3 { font-size: 17px; font-weight: 600; line-height: normal; padding: 0; margin-bottom: 15px} .news-content .news-content-text { color: #777; font-size: 14px; line-height: 27px} .news-content h4 { color: #777; font-size:14px} .blog-wrapper { padding: 10px 0px} .row-fluid .blog-wrapper-title { border-radius: 8px; cursor: pointer; background-color: #F6F6F6; font-size: 26px; font-weight: 700; padding: 18px 25px; margin:0; line-height: normal} .row-fluid .blog-wrapper-title h2{ font-size: 26px; font-weight: 700; padding:0; margin:0; line-height: normal} .blog-body { padding: 15px 0} .blog-left-top { padding: 20px 20px 25px} .blog-left-top h3 { font-size: 20px; padding: 0; margin-bottom: 5px} .blog-filter .widget-module { margin: 0 auto 0px !important; width: 100%; position: relative} .blog-filter .widget-module > h5 { font-family: 'Montserrat', sans-serif; text-transform: none; background-color: #fff;line-height: 40px; border: 1px solid #d2d2d2; height: 40px; margin:0; color: #4994a7; font-size: 14px; padding: 0px 15px; cursor: pointer; position: relative; z-index: 5} .blog-filter .widget-module ul { margin: 0; background-color: #fff; left: 0; border: 1px solid #d2d2d2; padding: 0 15px; position: absolute; top: 39px; width: 100%; z-index: 6; opacity: 0; visibility: hidden; max-height: 240px; overflow: auto; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease} .blog-filter .widget-module li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: block; font-size: 14px; margin: 0; width:100%; padding: 0px; line-height: normal} .blog-filter .widget-module li a{ padding: 10px 0; display: block} .blog-filter .widget-module.slideIt ul { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px)} .blog-filter .widget-module li:last-child{border-bottom:none} .blog-filter .widget-module span.filter-link-count { display: none} .blog-filter .widget-module > h5:after { content: '\f107'; font-family: 'fontawesome'; position: absolute; right: 15px} .blog-filter .widget-module.slideIt > h5:after { content: '\f106'} .post-news-listing .post-item { padding: 10px 0 30px; display:table; border-bottom: 2px solid rgba(73, 148, 167, 0.7); margin-bottom: 15px; width: 100%} .post-news-listing .post-item > div{display:table-cell; vertical-align:top} .post-news-listing .post-item .post-body {padding-right:30px; width:190px} .post-news-listing .post-item .post-body * { display: block; width: 100%; height:145px; object-fit: cover; max-width: 100%; margin: 0; background-color: #4994a7} .blog-listing-wrapper .post-news-listing .post-item .post-header { float: left; width: 100%; display: block} .blog-listing-wrapper .post-news-listing .post-item .post-header h2 { font-size: 26px; line-height: 40px; padding-top: 0} .blog-listing-wrapper .post-news-listing .post-item .post-header .post-header-content{font-size:14px} .post-date{ font-style:italic; font-size: 18px; line-height: normal} .post-news-listing .post-item .post-body a:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%)} /* .post-news-listing nav { border-bottom: 2px solid #4994a7; margin-bottom: 30px} */ .post-news-listing nav .pagination { padding: 0; margin: 35px 0 20px} .blog-body .blog-right { padding: 15px 25px} .blog-body .blog-right h4 { text-align: center; font-size: 25px; margin: 0} .blog-body .blog-right .social-main { text-align: center; margin: 0 0 25px; padding: 0; list-style: none} .blog-right .social-main li { display: inline-block; margin-right: 7px} .blog-right .social-main li a { font-size: 32px} .tweets-feed-main iframe { border: 3px solid #4994a7 !important} .event-outer { padding: 15px 0; display: inline-block; margin: 0 -10px} .event-outer .event-section { float: left; width: 25%; background-color: #f6f6f6; padding: 15px 20px; text-align: center; border: 10px solid #fff} .event-section .event-section-inner h5 { font-size: 25px; font-weight: 600} .event-section .event-section-inner div { font-size: 18px} .event-section .event-section-inner a { display: inline-block; padding: 10px 25px; min-width: 150px; background-color: #4994a7; color: #fff; font-size: 20px; line-height: 24px; border-radius: 8px; font-weight: 400; text-align: center; margin: 15px 0 8px} .event-section .event-section-inner a:hover { background-color: #000; color: #fff} .event-section .event-section-inner a br { display: none} /* .hs-blog-listing .row-fluid .blog-wrapper-content { display: none} */ .blog-wrapper-main{padding:70px 0} .blog-result .main-post-listing{ display:none} .search-listing-main{padding:15px 0 0} .hs-blog-post .blog-left { width: 100%; margin: 0} .hs-blog-post .blog-wrapper .blog-wrapper-title{display:none} .hs-blog-post .blog-wrapper-main { padding: 0} .row-fluid .page-banner.inner-post-banner { padding: 350px 0 25px; color: #fff} .row-fluid .blog-post-wrapper .social-sharing ul.share-buttons li a:hover i{ background:#4994a7 !important; color:#fff !Important} .row-fluid .solutions-row a { width:100%; float:left; color:#333; font-size: 14px} .row-fluid .solutions-row:hover h3 { color: #4994A7; transition: all 0.4s ease-in-out} .row-fluid .solutions-icon { height:100px; transform: translatey(10px); transition: all 0.4s ease-in-out} .row-fluid .solutions-row:hover .solutions-icon { transform: translatey(0px)} .no_img .row-fluid .page-banner, .hs-blog-post.no_img_blog .row-fluid .page-banner { padding: 225px 0 00px} .no_img .row-fluid .page-banner h1, .hs-blog-post.no_img_blog .page-banner h1 { color:#1D2127} .no_img .row-fluid .header, .hs-blog-post.no_img_blog .row-fluid .header { background:#282828} .no_img .row-fluid .section { padding:30px 0 70px 0} .blog-post-wrapper .social-sharing { border-top:1px solid #777; border-bottom:1px solid #777} .row-fluid ul.share-buttons li a i.fa { height: 30px; width: 30px; line-height: 30px; font-size: 15px} .row-fluid ul.share-buttons { width:50%; float:left} .row-fluid .share_btn_rgt { text-align:right} .row-fluid .share_btn_rgt li a i.fa, .row-fluid ul.share_btn_rgt li a i.fa.fa-rss { background: #777777} .row-fluid .link_stl_2 a { padding: 17px 35px} .row-fluid .next_link a {width:100% !important; max-width:320px !important} .row-fluid .frm_pop_txt { width: 100%; height: 250px; display: inline-block; overflow-y: auto; background: #e4e4e4; padding: 15px; margin: 10px 0 0 0} .row-fluid .style-ul p { padding-bottom: 5px} /* .row-fluid .header .wrapper { max-width: 1480px} */ .row-fluid .page-banner .widget-type-rich_text { font-size:30px} .row-fluid .header .wrapper > div { margin: 0 -45px} .row-fluid .page-banner .widget-type-rich_text { padding-bottom: 0; padding-top: 10px; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7)} .row-fluid .page-banner .widget-type-rich_text p{padding:0; margin:0} /*.row-fluid .inner-post-banner.page-banner{padding:0} .row-fluid .inner-post-banner.page-banner > div > div { height: 420px; display: table-cell; vertical-align: bottom; padding-bottom: 30px} */ .row-fluid .inner-post-banner.page-banner{ padding: 190px 0 0; color: #000} .height-c .ba-slider { height: 450px} .height-c .ba-slider img { height: 100%; object-fit: cover} .row-fluid .caption-same{ font-size: 15px; line-height: 25px; font-style: italic} .row-fluid .caption-same p{ padding:5px 0px 0px} .featured-post-img{max-height:400px; object-fit:cover; width:100%; display:block; margin:10px 0} .blog-header-background-img{ background-image: url("https://www.intermap.com/hubfs/MarylandORI.jpg") !important; background-size: contain} .background-blue-temp{ background-color:#4994a7} .row-fluid .background-blue-temp .wrapper > div { height: 420px; display: table-cell; vertical-align: bottom; padding-bottom: 30px} .row-fluid .background-blue-temp h1{ text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7)} .corporate-top{padding:0px 0 30px} .p-blog-wrapper { margin: 10px 0} .investor-body {padding:70px 0 50px} .member-board-main { margin: 0 0 17px 0; display: inline-block; width: 100%} .member-board-main h2 { text-align: left; font-size: 30px} .member-board-main .member-board-outer { width: auto} .member-board-main .member-board-outer .member-board-section { width: 25%; float: left; padding: 10px} .member-board-outer .member-board-section h3 { font-size: 20px; font-weight: 700; line-height: normal; padding-bottom:0} .member-board-outer .member-board-section h4 { font-size: 18px; line-height: 28px; color: #777777; padding-top: 0} .governance-section { padding: 30px 0} .row-fluid .governance-section .title{ text-align: left} .row-fluid .governance-section .title h2:after{left:0; transform:none} .doc-top-main .doc-keyword { float: left; max-width: 600px} .doc-top-main .doc-keyword input[type="text"] { width: calc(100% - 95px); float: left} .doc-top-main .doc-keyword input{ height:50px; font-size: 15px} .doc-top-main .doc-keyword input[type="submit"] { float: left; width: 95px; cursor: pointer} .doc-top-main .doc-group {min-width: 250px; max-width: 295px; float: left} .doc-top-main .doc-year { max-width: 180px; float: left;min-width: 150px} .doc-dropdown span {position: relative;font-size: 15px; display: block; border: 1px solid #d2d2d2; height: 50px;padding: 0px 15px; font-family: Open Sans, sans-serif;line-height: 49px} .doc-dropdown span:before { position: absolute; content: '\f107'; top: 2px; font-family: 'fontawesome'; font-size: 20px; right: 15px} .doc-top-main .doc-dropdown { padding-left: 10px; position: relative} .doc-dropdown ul { z-index:99; display: none; margin: 0; list-style: none; padding: 10px 15px; max-height: 215px; overflow: auto !important; border: 1px solid #4994a7; position: absolute; width: calc(100% - 10px); right: 0; top: 100%; background-color:#fff} .doc-dropdown ul li{font-size:15px} /* .doc-dropdown.slideIt ul{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px)} */ .financial-doc-main .mobile { display: none} .doc-content-main { display: inline-block; margin-top: 20px; width: 100%} .doc-content-main .doc-th{background-color: #4994a7} .doc-content-main .doc-th .doc-td{color:#fff} .doc-content-main .doc-th, .doc-content-main .doc-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%} .doc-td.doc-date { width: 15%; float: left} .doc-td.doc-view { width: 10%; float: left} .doc-td.doc-type { width: 20%; float: left; text-transform:capitalize} .doc-td.doc-description { width: 60%; float: left} .doc-td { padding: 10px} .doc-td.doc-view a{color:#ff0000} .doc-content-main .doc-body { border-bottom: 1px solid rgba(0,0,0,0.09)} .doc-content-main > div > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} .doc-content-main .doc-body .doc-td:last-child,.doc-content-main .doc-th .doc-td:last-child { border-right: 1px solid rgba(0,0,0,0.09); justify-content:center; -webkit-justify-content:center} .doc-content-main .doc-body .doc-td { border-left: 1px solid rgba(0,0,0,0.09)} .doc-content-main > div > div > div{ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} .row-fluid .investor-body .blog-wrapper-content { display: none} /* 30-01-2019 */ .row-fluid .error-page {min-height: calc(100vh - 500px)} .error-page .main-error-title:before { content: '\f119'; display: inline-block; font-family: 'fontawesome'; font-size: 150px; line-height: normal} .error-page .main-error-title { position: relative} .error-page.unavailable-page .main-error-title:before { content: '500'; display: inline-block; font-size: 55px; color: #4A94A8; border: 5px solid; border-radius: 100%; width: 150px; height: 150px; line-height: 146px; text-align: center; font-family: 'Open Sans', Arial, Helvetica, sans-serif} .unsubscribe h1:empty,.unsubscribe .page-header br { display: none} .unsubscribe p { font-size: 18px} .unsubscribe h2{font-size: 18px; color: #4A94A8} body .unsubscribe .page-header { padding-bottom: 0} .section.form-field{text-align: center} .section.form-field form{max-width:540px;margin:0 auto;padding:25px 0} .section.form-field input{height: 40px !important; width:100% !important} .section input.hs-button{ background: #4994a7;color: #fff;text-transform: capitalize;border-radius: 8px; min-width: 210px;width: auto !important;margin: 25px auto 0;text-align: center;display: block;height: 56px !important; border-color:#4994a7;font-size: 14px; font-family: 'Raleway', sans-serif;cursor: pointer;transition:all 0.5s;padding:15px;clear:both} .section input.hs-button:hover{ background: #474e53;border-color:#474e53} .section.form-field h3{padding-bottom:25px} .blog-group .email-prefs .item:nth-of-type(3n + 1) { padding-left: 0; padding-right: 14px} .blog-group .email-prefs .item:nth-of-type(3n + 3) { padding-right: 0; padding-left: 14px} .blog-group .email-prefs .item{float:left;width:33.33%;padding: 15px 7px;margin:0} .blog-group .email-prefs .item p{margin: 5px 5px 0px} .blog-group .checkbox-row{float:left} .blog-group span.fakelabel{display: inline-block} .row-fluid .blog-group .item-inner { position: relative;padding:12px 20px 0px 45px} span.fakelabel input {position: absolute;left: 20px; width: 20px;height: 20px;top: 20px} .blog-group .email-prefs .item p{font-size:14px} .blog-group .email-prefs .item .item-inner.selected{background: #4994a7;border: 1px solid #4994a7} .blog-group .email-prefs .item .item-inner .checkbox-row + p {margin: 15px 0;padding: 0 0 0 5px} .row-fluid .item-inner.selected span {color: #fff} .row-fluid .item-inner.selected p{color:#fff} .subscribe-options { clear: both;position: relative;padding: 30px 0 20px 35px} .subscribe-options p {padding: 0;margin:0} .subscribe-options input{ width: 20px;height: 20px;position: absolute;top: 30px;left: 0; margin: 4px 3px 0px 4px} .subscribe-options p label {margin: 0} .subscribe-options label span{margin:0} .row-fluid .inner-post-banner h1{ line-height: normal; font-size: 50px} .three-box-main { width: auto; margin: 0 -15px} .three-box-main .three-box-outer { width: 33.33%; float: left; padding: 15px; display: table; min-height: 350px} .three-box-main .three-box-outer .three-box-inner { display: table-cell; vertical-align: bottom} .three-box-content { padding: 25px 0px} .three-box-content h2 { color: #fff; min-width: 205px; background: rgba(0, 0, 0, 0.5); font-size: 23px; padding: 20px 30px 30px; margin: 0; line-height: normal; display: inline-block} .three-box-content { padding: 25px 0} .three-box-content h3 { border-radius: 8px; line-height: normal; margin: -15px 0 0; color: #fff; padding: 10px 15px; font-size: 14px; display: inline-block; background-color: #4994a7} .button-class .three-box-content h3{min-width: 250px; text-align: center} .box-sub-title,.box-btn-block { margin: -15px 0 0; padding: 0 30px} .box-btn-block a {border-radius: 8px; min-width:183px; line-height: normal; color: #fff; padding: 15px 15px; font-size: 14px; display: inline-block; background-color: #4994a7} .box-btn-block a:hover { background-color:#444444; color:#fff } .row-fluid .investor-body .blog-wrapper-content .wrapper { padding-left: 35px; padding-right: 35px} .blog-wrapper-main .blog-wrapper-content { padding-left: 25px; padding-right: 25px} .hs-content-name-aviation-page .title h2 { text-transform: inherit} .tradingview-widget-container #tradingview_1fb97 div { width: 100% !important} .proj-pagination {padding: 0; margin: 35px 0 20px; margin-top: 25px; width: 100%; text-align: center} .proj-pagination a {width: 30px;height: 30px;margin: 4px 4px; display: inline-block; text-align: center; font-size: 15px; line-height: 30px; background-color: #fff; display: inline-block; box-shadow: 0 3px 16px 0px rgba(3, 38, 96, 0.2)} .proj-pagination a.current_page,.proj-pagination a:hover {background-color: #4994a7;color: #fff;border-color: #4994a7} /* .proj-pagination a + li { padding-left: 3px} */ /* .proj-pagination a.active a { pointer-events: none} */ .filter_nav.next_page:before { content: '\f105'; top: 0; font-family: 'fontawesome'} .filter_nav { position: relative} .filter_nav span { font-size: 0} .filter_nav.previous_page:before { content: '\f104'; top: 0; font-family: 'fontawesome'} /* 03-05-2019 */ .row-fluid .mobile-show-number { display: none} @media(min-width:992px){ .valign-center > div > div{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} } @media(min-width:768px){ /* .blog-post-wrapper .social-sharing { width: 10%; float: left; position: relative} .blog-post-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} .blog-post-wrapper .section.post-body { float: left; width: 90%; padding-top: 15px} .blog-post-wrapper .social-sharing .share-buttons { position: sticky; top: 165px; margin-bottom:50px} */ .blog-post-wrapper .social-sharing .share-buttons li { display: inline-block; padding: 0; margin-bottom: 5px} .blog-post-wrapper .section.post-body { float: left; width: 100%; padding-top: 40px; font-size: 14px} .blog-post-wrapper .social-sharing { width: 100%; float: left} .row-fluid .blog-innermainsec .blog-post-wrapper .social-sharing .share-buttons li { margin-left:10px; } /*body{ opacity:0}*/ body.mainClass { 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 .blog-logobox { position:relative; top:2px} } @media(max-width:1500px){ .row-fluid .header .wrapper > div { margin: 0px} .row-fluid .header .wrapper { max-width: 1480px} } @media(max-width:1400px){ /* res 1400 */ /*.post-news-listing .post-item .post-body { height: 250px}*/ .row-fluid .solutions-icon { height:100px} .box-btn-block a{ margin-bottom: 7px} .box-btn-block a:last-child { margin-bottom: 0} } @media(max-width:1200px){ .Solutions-box-wrapper .Solutions-box .thumb { height: 250px} .Solutions-box-wrapper .Solutions-box.type_2 .thumb { height: calc((250px * 2) + 10px)} .Solutions-box-wrapper .Solutions-box { width: calc((33.33% * 1) - 1px)} .Solutions-box-wrapper .Solutions-box.type_1 { width: calc((33.33% * 2) - 1px)} .Solutions-box-wrapper .Home-stack-box .thumb { height: 250px} /* .Solutions-box-wrapper .Home-stack-box { width: calc((25% * 1) - 1px)}*/ .Solutions-box-wrapper .Home-stack-box.type_5 { width: calc((25% * 2) - 1px)} .row-fluid .single-post { width: 100%} .row-fluid .blog-page-section .blog-body .single-post{ width:100%} .row-fluid .blog-page-section .blog-body + div { width: 35%} .row-fluid .blog-page-section .blog-body { width: 65%} .row-fluid .advance-table.v2.res-1200 .table-header { display: none} .row-fluid .advance-table.v2.res-1200 .tr .td { width: 100%; padding: 0; text-align: left; align-items: normal; border: none} .row-fluid .advance-table.v2.res-1200 .tr .td:first-child { width: 100%; text-align: center; justify-content: center; background: #4a94a8 !important; color: #fff !important; padding: 15px 0; font-weight: 700} .row-fluid .advance-table.v2.res-1200 .tr label { display: block; width: 50%; padding: 7px 15px; border-right: 1px solid rgba(0, 0, 0, 0.15)} .row-fluid .advance-table.v2.res-1200 .tr span { display: flex; width: 50%; text-align: center; align-items: center; justify-content: center} .row-fluid .advance-table.v2.res-1200 .tr .td:first-child label { display: none} .row-fluid .advance-table.v2.res-1200 .tr + .tr { margin-top: 30px} .row-fluid .advance-table.v2.res-1200 .table-contain { border: none} .row-fluid .advance-table.v2.res-1200 .tr { border: 1px solid #e4e4e4} /* .row-fluid .advance-table.v2.res-1200 .tr .td:nth-child(odd) { background: #f4f4f4; } */ .row-fluid .advance-table.v2.res-1200 .tr .td { border-top: 1px solid rgba(0, 0, 0, 0.07); } .row-fluid .advance-table.v2.res-1200 .table-contain .tr:nth-child(even) { background: #fff} .row-fluid .btn-wrapper.v1.d-1200 > div > div > div { width: 100%} .row-fluid .btn-wrapper.v1.d-1200 > div > div > div + div { margin: 15px 0 0} /* res 1200 */ .team-outer .team-section { width: 33.33%} .news-wrapper .news-section { width: 50%} .post-news-listing .post-item .post-body { height: 210px; padding-right: 20px} .blog-listing-wrapper .post-news-listing .post-item .post-header h2 { font-size: 28px} .event-outer .event-section { width: 33.33%; padding: 15px 15px} .blog-wrapper-main { padding: 55px 0} .row-fluid .obstacles-section.Superior .obstacles-img .widget-type-text { font-size: 16px} .row-fluid .obstacles-section.Superior .obstacles-img2 .widget-type-text { font-size: 16px} .row-fluid .page-banner .widget-type-rich_text { font-size: 20px} .row-fluid .inner-post-banner h1{ font-size: 40px} } @media(max-width:991px){ .row-fluid .simple-box-section .simple-box { width: 50%} .row-fluid .zick-zack-section .zick-zack-box > div > div { width: 100%; height: auto !important; left: 0 !important} .row-fluid .zick-zack-section .zick-zack-box .thumb { padding-bottom: 40%} .row-fluid .zick-zack-section .zick-zack-box .left-padding, .row-fluid .zick-zack-section .zick-zack-box .right-padding { padding: 0 calc(((100% - 750px) + 30px) / 2)} .row-fluid .zick-zack-section .zick-zack-box:last-child .inner { padding-bottom: 0} .row-fluid .simple-info .contain .thumb { width: 100%; text-align: center} .row-fluid .simple-info .contain .contain-inner { width: 100%; padding: 40px 0 0} .row-fluid .simple-info .contain .contain-inner .widget-type-cta { text-align: center; padding: 20px 0 0} .row-fluid ul.share-buttons li a i.fa { height: 40px; width: 40px; line-height: 40px; font-size: 16px} .row-fluid .author-info { flex-direction: column} .row-fluid .author-info .author-contain { width: 100%; padding: 20px 0 0; text-align: center} .row-fluid .inner-pagination{ margin:0 0 10px} .row-fluid .author-info .author-contain .social-bar { width: 100%; text-align: center} .row-fluid .post-listing .author-info + h3 { text-align: center} .row-fluid .sp-section .single-box { width: 100%} .row-fluid .btn-wrapper.v1.d-1200 > div > div > div { width: auto; margin: 15px} .row-fluid .btn-wrapper.v1.d-1200 > div > div > div:first-child { margin-left: 0} /* res 991 */ .accordion-wrapper .accordian-title h2 { font-size: 22px; padding: 13px 20px} .accordion-wrapper .accordian-text { padding: 15px; font-size: 17px} .accordion-wrapper .accordian-text h3 { font-size: 22px; margin: 25px 0 10px} .team-section .team-front .team-img { height: 270px} .team-outer .team-section { padding: 10px 10px} .team-outer { margin: 25px 0 20px} .team-front .team-content h3 { font-size: 23px} .team-front .team-content h5 { font-size: 15px; line-height: 23px} .team-section .team-front .overlay-popup:before { font-size: 40px} .row-fluid .blog-wrapper-title { font-size: 23px; padding: 14px 20px} .row-fluid .blog-wrapper-title h2{ font-size: 23px} .row-fluid .blog-body .blog-left, .row-fluid .blog-body .blog-right { width: 100%; margin: 0} .row-fluid .blog-body .blog-left{margin-bottom:20px} .event-section .event-section-inner h5 { font-size: 23px} .event-section .event-section-inner div { font-size: 17px} .event-outer .event-section { padding: 15px 10px} .event-section .event-section-inner a { font-size: 18px} /* .row-fluid .page-banner.inner-post-banner { padding: 300px 0 25px} */ .row-fluid .style-ul ul li:before{ font-size: 10px;left: -20px} .row-fluid .style-ul ul { padding: 0 0 0 20px} .row-fluid .obstacles-section .obstacles-img .widget-type-linked_image { margin-top: 30px; display: block} .row-fluid .obstacles-section .obstacles-img2 .widget-type-linked_image { margin-top: 30px; display: block} .row-fluid .obstacles-text .link-style { text-align:center} .row-fluid .obstacles-text2 .link-style { text-align:center} .m-text-center *{ text-align:center} .row-fluid .simple-info .contain .widget-type-linked_image { margin-bottom: 25px} .link-style .widget-type-cta { text-align: center} /* .row-fluid .inner-post-banner.page-banner > div > div { height: 335px} */ .row-fluid .background-blue-temp .wrapper > div { height: 335px} .row-fluid .responsive-width{width:100%} .member-board-main h2 { font-size: 21px} .member-board-outer .member-board-section h3 { font-size: 18px} .member-board-outer .member-board-section h4 { font-size: 16px; line-height: normal} .financial-doc-main { line-height: normal; font-size: 15px} .row-fluid .inner-post-banner h1{ font-size: 30px} .blog-group .email-prefs .item{width:50%} .blog-group .email-prefs .item:nth-of-type(3n + 1) { padding-left: 0; padding-right: 14px} .blog-group .email-prefs .item:nth-of-type(3n + 3) { padding-right: 14px; padding-left: 0px} .blog-group .email-prefs .item:nth-of-type(2n + 2) { padding-right: 0px; padding-left: 14px} .three-box-main .three-box-outer { width: 50%} .three-box-content h2 {font-size: 18px; padding: 20px 20px 30px} .box-sub-title, .box-btn-block { padding: 0 20px} .blog-wrapper-main .blog-wrapper-content { padding-left: 20px; padding-right: 20px} } @media(max-width:767px){ .button-link span { position: relative; float: left; padding: 10px 0px 8px 50px !important} .button-link img { height: 24px; width: auto; margin-top: 5px;margin-left: -40px} .spec-title{ width: 100% !important} .spec-table-title label{ display: none !important; border: none !important} .row-fluid .simple-box-section .simple-box{ width:100%; max-width:500px} .fancybox-slide--html { padding: 0 !important} .fancy-popup { max-height: 100%} .row-fluid form fieldset .hs-form-field{ width:100%; min-width:100%} .row-fluid form fieldset.form-columns-2 > div + div { padding-top: 10px !important} .row-fluid .zick-zack-section .zick-zack-box .left-padding, .row-fluid .zick-zack-section .zick-zack-box .right-padding{ padding:0px 15px} .row-fluid .zick-zack-section .zick-zack-box .contain .inner { padding: 50px 0} .row-fluid .zick-zack-section .zick-zack-box:last-child .inner { padding-bottom: 0} .row-fluid .post-listing { margin: 0} .row-fluid .single-post .inner { max-width: 520px; margin: 0 auto} ul.pagination { padding: 0} .row-fluid .widget-type-sidbar > div { max-width: 520px; margin: 0 auto} .row-fluid ul.share-buttons { text-align: center} .rel-post-section > h3 { text-align: center; padding: 30px 0 10px} .row-fluid .widget-type-sidbar { padding: 40px 0 0} .related-post-wrapper-outer{ margin:0px} .related-post-wrapper-outer .single-post { padding: 15px !Important} .row-fluid .blog-page-section .blog-body + div { width: 100%; padding-left:0px} .row-fluid .blog-page-section .blog-body { width: 100%} .row-fluid .data-strip-section .btn-wrapper > div > div { display: block; text-align: center} .row-fluid .data-strip-section .btn-wrapper a.cta_button{width:auto; /*min-width:280px*/} .row-fluid .data-strip-section .btn-wrapper a.link-style{width:auto; min-width: 320px !important} .row-fluid .data-strip-section .btn-wrapper > div > div > div { width: 100%} .row-fluid .advance-table .table-header { display: none} .row-fluid .advance-table .tr label { display: block} .row-fluid .advance-table .tr .td { width: 100%; padding: 0} .row-fluid .advance-table .tr { flex-wrap: wrap; border: 1px solid #e4e4e4} .row-fluid .advance-table .table-contain .tr > .td:first-child { background: #4a94a8; justify-content: center; color: #fff; font-weight: 700; font-size: 20px; padding: 15px 0} .row-fluid .advance-table .tr .td label { display: block; width: 50%; padding: 7px 15px; border-right: 1px solid #0000002b} .row-fluid .advance-table .tr .td span { display: block; width: 50%; text-align: center} .row-fluid .advance-table .table-contain .tr > .td:first-child label { display: none} .row-fluid .advance-table .tr + .tr { margin-top: 20px} .row-fluid .advance-table .table-contain { border: none} .row-fluid .advance-table .tr .td + .td { border: none} .row-fluid .btn-wrapper.v1 > div > div > div + div { padding: 7px 0 0; width: 100%} /*.row-fluid .btn-wrapper.v1 a { min-width: 270px}*/ .row-fluid .sp-section .single-box { margin: 10px 0} /* res 767 */ /* .row-fluid .page-banner { padding: 325px 0 30px} */ /* .data-main .data-section .data-content { width: 65%} .data-main .data-section .data-title { width: 35%} */ .data-main .data-section .data-title { width: 100%} .data-main .data-section .data-content { width: 100%} .data-main .data-section { display: table; background-color: #fff; border: 1px solid #000; margin-bottom: 20px} .data-main .data-section .data-title { border-right: none; border-bottom: 1px solid #000} .accordian-text .pdf-main { margin: 15px 15px} .accordion-wrapper .accordian-text h3 { font-size: 20px} .row-fluid form fieldset.form-columns-2.rich_text > div:nth-child(2){ padding-right: 0} .row-fluid form fieldset.form-columns-2.rich_text > div:last-child { padding-left: 0} .row-fluid .advance-form form .form-columns-2 .hs-form-field + .hs-form-field{ padding-left: 0} .row-fluid form fieldset.form-columns-2 > div:first-child{ padding-right: 0} .team-overlay-outer .team-overlay-img { max-width: 200px; float: none; width: 100%; margin: auto} .team-overlay-outer .team-overlay-content { width: 100%; float: left; padding-left: 0; padding-right: 0; padding-top: 20px} .fancybox-container .team-overlay { padding: 50px 20px 25px; margin: 25px 15px} .team-overlay-outer .team-overlay-content h3 { font-size: 26px} .team-outer .team-section { width: 50%} .news-wrapper { margin: 0 -5px} .news-wrapper .news-section { padding: 10px 5px} .blog-left-top h3 { font-size: 18px; margin-bottom: 5px; margin-top: 15px} .blog-left-top { padding: 5px 15px 25px} /*.post-news-listing ul.pagination li a { width: 40px; height: 40px; line-height: 40px}*/ .post-news-listing ul.pagination li + li { padding-left: 3px} .post-news-listing nav .pagination { margin: 35px 0 25px} .post-news-listing .post-item .post-body{height:180px; padding:0; margin:0 0 20px} .post-date {font-size: 16px} .blog-listing-wrapper .post-news-listing .post-item .post-header h2 { font-size: 26px; padding-bottom: 5px} .event-outer .event-section { padding: 15px 10px; width: 50%; border: 5px solid #fff} .event-outer { margin: 0 -5px} .row-fluid .page-banner.inner-post-banner { padding: 220px 0 25px} .blog-post-wrapper .social-sharing ul.share-buttons { text-align: left; width:100%} .blog-post-wrapper .section.post-body{ padding: 25px 0 0px} .no_img .row-fluid .page-banner, .hs-blog-post.no_img_blog .row-fluid .page-banner { padding: 160px 0 0px} .blog-post-wrapper .social-sharing ul.share_btn_rgt { text-align:right} .blog-post-wrapper .social-sharing { width: 100%; float: left} .hs-content-path-nextmap-page .fancy-popup { max-height: 95%; width: 95%} .row-fluid .header.fixed { margin-top: 0} .row-fluid .page-banner > div + div > .row-fluid { height: inherit; padding-bottom:0} .row-fluid .page-banner { padding-top: 170px; padding-bottom: 30px} .row-fluid .btn-wrapper.v1 { text-align: center} .row-fluid .btn-wrapper.v1.d-1200 > div > div > div { width:100%; margin: 0px} .row-fluid .page-banner .widget-type-rich_text { font-size: 18px} .blog-post-wrapper .social-sharing ul.share-buttons, .blog-post-wrapper .social-sharing ul.share_btn_rgt { text-align: center; width:100%} .blog-post-wrapper .social-sharing ul.share_btn_rgt{/*margin-top:0;*/ margin-left: 13px;} /* .row-fluid .inner-post-banner.page-banner > div > div { height: inherit; padding-bottom: 0} */ .row-fluid .background-blue-temp .wrapper > div { height: inherit; padding-bottom: 0} .height-c .ba-slider { height: inherit} .row-fluid .page-banner.inner-post-banner { padding: 140px 0 0px} .doc-top-main .doc-keyword { width: 100%;margin-bottom: 10px} .doc-top-main .doc-group { width: 50%; padding-right: 5px; padding-left:0} .doc-top-main .doc-year { width: 50%; padding-left: 5px} .member-board-main .member-board-outer .member-board-section { width: 50%} .doc-td.doc-type { width: 100%} .doc-content-main > div > div > div { display: block} .doc-td.doc-date { width: 100%} .doc-td.doc-description { width: 100%} .doc-td.doc-view { width: 100%} .doc-content-main .doc-th, .doc-content-main .doc-body { display: block} .doc-content-main .doc-th { display: none} .financial-doc-main .mobile { border-right: 1px solid rgba(0, 0, 0, 0.09); font-weight: 600; display: block} .doc-td-inner > div { width: 130px; float: left; padding: 8px} .doc-td-inner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} .doc-td-inner > div + div { width: calc(100% - 130px); float: left} .doc-td { padding: 0} .doc-content-main .doc-body { margin: 10px 0; border: 1px solid rgba(0, 0, 0, 0.09)} .doc-content-main .doc-body .doc-td:last-child, .doc-content-main .doc-th .doc-td:last-child { border-right: none} .doc-content-main .doc-body .doc-td { border-bottom: 1px solid rgba(0, 0, 0, 0.09); border-left: none} .doc-content-main .doc-body .doc-td:last-child { border-bottom: none} .post-news-listing .post-item {margin-bottom: 0} .error-page .main-error-title:before { font-size: 90px} .error-page.unavailable-page .main-error-title:before { font-size: 40px; width: 120px; height: 120px; line-height: 115px} .section input.hs-button{height: 46px !important; min-width: 170px} .blog-group .email-prefs .item:nth-of-type(3n + 1) { padding: 0} .blog-group .email-prefs .item:nth-of-type(3n + 3) { padding:0px; } .blog-group .email-prefs .item:nth-of-type(2n + 2) { padding: 0px} .row-fluid .blog-group .email-prefs .item{width:100%;padding:7px 0} .three-box-main .three-box-outer { padding: 15px 0; width: 100%} .three-box-main { margin: 0} .post-news-listing .post-item, .post-news-listing .post-item > div{display: block} .blog-listing-wrapper .post-news-listing .post-item .post-header { float:none; width:auto} .row-fluid .mobile-show-number { display: block; position: absolute; top: 11px; width: auto; right: 71px} .row-fluid .mobile-show-number a { display: block; color: #fff; width: 45px; height: 37px; line-height: 37px; border: 1px solid #fff; border-radius: 0; font-size: 28px; text-align: center} .row-fluid .top { padding: 10px 0 16px 0} .row-fluid .mobile-show-number a i.fa.fa-phone { -webkit-transform: rotate(270deg) translateX(2px); -moz-transform: rotate(270deg) translateX(2px); -o-transform: rotate(270deg) translateX(2px); -ms-transform: rotate(270deg) translateX(2px); transform: rotate(270deg) translateX(2px);} .row-fluid .blog-logobox a:after { position:relative; top:0; border-left:1px solid #fff; padding:0px 0px 0px 10px; margin-top:4px; color:#fff; display:inline-block; vertical-align:middle; margin-left:10px; transform:none; } } @media(max-width:500px){ .row-fluid .section { padding: 60px 0} .post-news-listing .post-item .post-body *{ height:230px} .row-fluid ._fx.fx_100 { flex-wrap: wrap} .simple-box-section .simple-box .box-btn a + a { border-left: 0; border-top: 2px solid} .row-fluid .zick-zack-section .zick-zack-box .thumb { padding-bottom: 60%} .Solutions-box-wrapper .Solutions-box.type_1 { width: 100%} .Solutions-box-wrapper .Solutions-box.type_2 { width: 100%} .Solutions-box-wrapper .Solutions-box.type_4 { width: 100%} .Solutions-box-wrapper .Home-stack-box.type_5 { width: 100%} .Solutions-box-wrapper .Home-stack-box .thumb:After { opacity: 0.2} .Solutions-box-wrapper .Solutions-box { width: calc((50% * 1) - 1px)} .Solutions-box-wrapper .Solutions-box .thumb { height: auto !important; padding-bottom: 100%} .Solutions-box-wrapper .Home-stack-box.type_5 .thumb, .Solutions-box-wrapper .Solutions-box.type_4 .thumb, .Solutions-box-wrapper .Solutions-box.type_3 .thumb, .Solutions-box-wrapper .Solutions-box.type_2 .thumb, .Solutions-box-wrapper .Solutions-box.type_1 .thumb { padding-bottom: 50%} .Solutions-box-wrapper .Solutions-box .thumb h4 { line-height: normal; font-size: 20px} .row-fluid .single-post { padding: 15px 0} .row-fluid .sidebar-widget ul { font-size: 16px} .row-fluid .Analysis-section .box-wrapper .single-box .contain { padding: 10px 0 0; text-align: center} .row-fluid .Analysis-section .box-wrapper .single-box .icon { position: relative; margin: 0 auto} .row-fluid .Analysis-section .box-wrapper .single-box + .single-box { margin-top: 51px} .row-fluid .Analysis-section .box-wrapper .single-box .contain { min-height: auto} .row-fluid .sp-section .single-box ._title { width: 100%} .row-fluid .sp-section .single-box .contain { width: 100%} .row-fluid .sp-section .single-box ._title h6 { padding: 20px 0} .row-fluid .sp-section .single-box .contain { width: 100%; margin: 4px 0 0} /* res 500 */ .accordion-wrapper .accordian-title h2 { font-size: 20px; padding: 12px 15px} .accordion-wrapper .accordian-text { padding: 13px; font-size: 16px} .accordian-text .pdf-main { margin: 15px 0px; display: table; width: 100%} .accordian-text .pdf-main .pdf-img { width: 100%; float: left; max-width: 100px; margin: auto} .accordian-text .pdf-main .pdf-content { float: left; width: 100%; padding-left: 0; font-size: 15px; padding-top: 15px; line-height: 22px} .accordian-text .apps-content.style-ul ul li { word-break: break-all} .team-outer .team-section { width: 100%;text-align: center} .team-section .team-front .team-img {height: 270px} .team-outer .team-section .team-front{ max-width: 285px; margin: auto} .news-wrapper { margin: 0px} .news-wrapper .news-section { padding: 10px 0px; width:100%} .row-fluid .blog-wrapper-title,.row-fluid .blog-wrapper-title h2 { font-size: 20px} .blog-body .blog-right { padding: 15px 15px} .post-news-listing .post-item .post-body { height: 230px; padding-right: 0; width: 100%} .blog-listing-wrapper .post-news-listing .post-item .post-header { width: 100%; padding-top: 15px} .event-outer .event-section { padding: 15px 10px; width: 100%; border: none; margin-top:10px} .event-outer { margin: 0px} .row-fluid .obstacles-section.Superior .obstacles-img .widget-type-text { padding: 8px 10px; font-size: 12px} .row-fluid .obstacles-section.Superior .obstacles-img2 .widget-type-text { padding: 8px 10px; font-size: 12px} .team-content-inner> div { padding: 0 0 30px} .team-content-inner i.fa { top: auto; bottom: 0; transform: translateX(-50%); left: 50%; } } @media(max-width:480px){ .doc-top-main .doc-group { width: 100%; padding-right: 0px; padding-left:0;padding-bottom:10px} .doc-top-main .doc-year { width: 100%; padding-left: 0px} .doc-top-main .doc-keyword input[type="submit"] { width: 100px} .doc-top-main .doc-keyword input[type="text"] { width: calc(100% - 100px)} .member-board-main .member-board-outer .member-board-section {padding: 5px 0; width: 100%} } @media(min-width:1280px){ .row-fluid .newblog-top .link-style { float:right !important; width:30%; margin:0; text-align:right} }