/* ========================================================================== DOCUMENT INFORMATION ========================================================================== * * Document: Struto Main Stylesheet * Version: 2.0.0 * Client: Struto Ltd * Author: Anders Grové * * This document was edited to update the latest changes on www.struto.co.uk * This document was originally named struto-main-hanger.css but has been * been changed to struto-main.css. * ========================================================================== NOTES ========================================================================== * * CHECKTHIS keyword implies possible redunant code * Index has prefix '=' and '==' to find in stylesheet * ========================================================================== INDEX ========================================================================== * 1) =IMPORTS * 2) =BASE *) Variables *) Macros *) Core *) Normalize *) Typography * 3) =FORMS *) Global Forms(Default) *) COS Forms *) Blog Subscription Form *) Google Search Form *) Custom Forms(LP) * 4) =BUTTONS & CTAf *) Global Buttons(Default)side *) CTA Buttons * 5) =MENU NAVIGATION *) Menu Base *) Logo *) Mobile Menu >Reset >Toggle Button >Toggle Button Icon >Child Toggle Button >Mobile Styles * 6) =FOOTER *) Menu Base * 7) =CUSTOM CLASSES/PREFIXES [THIS IS WHERE YOU ADD SHIT] * 8) =WEBFLOW *) Weblow Base *) Webflow Grid Reset *) Struto Webflow CSS * 9) =BLOG * 10) =HACKS & OVERRIDES ========================================================================== */ /* ========================================================================== 1) ==IMPORTS ========================================================================== */ /* Website fonts */ /* @import url("https://fonts.googleapis.com/css?family=Lato"); @import url("https://fonts.googleapis.com/css?family=Raleway:900");*/ /* Fonts */ @import url("//fonts.googleapis.com/css?family=Open+Sans:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"); @import url("//fonts.googleapis.com/css?family=Raleway:regular,italic,700,800"); @import url("//fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"); /* Font Icons */ @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"); /*Slick Slider*/ @import url("//cdn2.hubspot.net/hub/2040891/hub_generated/template_assets/1513862668077/Custom/page/WASABI/slick-v2.css"); @import url("//cdn2.hubspot.net/hub/2040891/hub_generated/template_assets/1513862631053/Custom/page/WASABI/slick-theme-v2.css"); /* This responsive framework is required for all styles. */ /* 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;} /* Only use this if required (Webflow icons) */ @font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } /* ========================================================================== 2) ==BASE ========================================================================== */ /* Variables ========================================================================== */ /* Typography - Headings */ /* Typography - Font */ /* Typography - Colors */ /* Base - Containers */ /* Default Desktop */ /* Desktop @ 991 */ /* Tablet @ 767 */ /* NOT NEEDED */ /* Desktop @ 991 */ /* Tablet @ 991 */ /* NOT NEEDED */ /* Mobile @ 479 */ /* NOT NEEDED */ /* Macros ========================================================================== */ /** * Example of how to apply the above macro (ignore the jinja comment tags): * * a { * color: red; * font-size: 12px; * * } */ /* Core ========================================================================== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { background: #fff; color: #333; font: 400 16px/1.6 'Raleway',sans-serif; margin: 0; min-height: 100%; } img { max-width: 100%; vertical-align: middle; display: inline-block; height:auto; } .container-fluid .row-fluid .page-center { float: none; max-width: 940px; margin: 0 auto; } .row-fluid [class*="span"] { min-height: 0; } /* Normalize - [v3.0.3 | MIT License | github.com/necolas/normalize.css] ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; max-width: none !important; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin-right: 10px; } input[type="number"]:-webkit-inner-spin-button, input[type="number"]:-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Typography ========================================================================== */ h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: black; } h1 { font: bold 40px/1.2 'Raleway',sans-serif; margin: 0 0 30px; } h2 { font: bold 46px/1.2 'Raleway', sans-serif; margin: 0 0 20px; } h3 { font: bold 30px/1.2 'Raleway', sans-serif; margin: 0 0 30px; } h4 { font: bold 20px/1.2 'Raleway', sans-serif; margin: 0 0 20px; } h5 { font: bold 16px/1.2 'Raleway', sans-serif; margin: 0 0 20px; } h6 { font: bold 26px/1.2 'Raleway', sans-serif; margin: 0 0 20px; } p { font: 400 16px/1.6 'Raleway',sans-serif; margin-top: 0; margin-bottom: 50px; } a { color: #40c6f1; /*text-decoration: none;*/ } a:hover, a:focus { color: #40c6f1; outline: 0; text-decoration: underline; } /* Highlighted Text */ :-moz-selection, :selection{ color: #fff; background: #333; text-shadow: none; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } fieldset { padding: 0; margin: 0; border: 0; } button, html input[type="button"], input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; appearance: button; } label { display: block; margin-bottom: 5px; } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } @media(max-width: 479px) { h1 { font-size: 32px; } } /* ========================================================================== 3) ==FORMS ========================================================================== */ /* All Global Forms ========================================================================== */ /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body select { background-color: #f2f2f2; border-width: 1px; height: 56px; margin-bottom: 10px; transition: border 450ms ease 0s; color: #333333; display: block; padding: 8px 12px; vertical-align: middle; width: 100%; font: 400 14px/1.42857 'Raleway',sans-serif; border: 1px solid transparent; } body input[type="file"] { padding: 0; border: medium none; } .content-column.model-seven input, .content-column.model-seven textarea { background-color: #fff; } /*Let's Talk - Contact Form*/ .content-column.model-seven input[type="submit"] { background-color: #40c6f1; color: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .content-column.model-seven input[type="submit"]:hover { background-color: #ff5a0e; box-shadow: none; border-color: #ff5a0e; } body textarea { margin-bottom: 10px; border: 1px solid transparent; background-color: #f2f2f2; -webkit-transition: border 450ms ease; transition: border 450ms ease; width: 100%; font: 400 14px/1.42857 'Raleway',sans-serif; } body input:focus, body textarea:focus{ border: 1px solid #40c6f1; border-radius: 3px; outline: none; } textarea { min-height: 140px; overflow: auto; padding-left: 14px; padding-top: 10px; } span.hs-form-required, h3.form-title { display: none; } .content-column .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } .hs-form fieldset.form-columns-1 .hs-input { width: 100% !important; } input[type="submit"], body input[type="button"] { -webkit-appearance: button; cursor: pointer; background-color: transparent; border: 2px solid #40c6f1; border-radius: 3px; color: #40c6f1; display: inline-block; font-family: Lato,sans-serif; font-size: 16px; margin-bottom: 10px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; transition: box-shadow 350ms ease 0s; margin-top: 20px; } input[type="submit"]:hover, body input[type="button"]:hover { border-color: #40c6f1; box-shadow: 0 0 0 4px #40c6f1 inset; color: #40c6f1; } .career-contact-form input[type="submit"], .career-contact-form input[type="button"] { -webkit-appearance: button; cursor: pointer; background-color: #40c6f1; border: 2px solid #40c6f1; border-radius: 3px; color: #fff; display: inline-block; font-family: Lato,sans-serif; font-size: 16px; margin-bottom: 10px; padding: 12px 20px; text-align: center; text-decoration: none; text-transform: uppercase; transition: box-shadow 350ms ease 0s; margin-top: 20px; } .career-contact-form input[type="submit"]:hover, .career-contact-form input[type="button"]:hover { border-color: #40c6f1; box-shadow: 0 0 0 4px #40c6f1 inset; color: #fff; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body .hs-form fieldset { max-width: none; width: 100%; } /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ /* color: #555; opacity: 1; */ } :-moz-placeholder { /* Firefox 18- */ /* color: #555; opacity: 1; */ } ::-moz-placeholder { /* Firefox 19+ */ /* color: #555; opacity: 1; */ } :-ms-input-placeholder { /* IE10 */ /* color: #555; opacity: 1; */ } /* Blog Subscribe */ #blogSubscribe { height: 130px; } #gsc-iw-id1 ::-webkit-input-placeholder, #gsc-iw-id1 :-moz-placeholder, #gsc-iw-id1 ::-moz-placeholder, #gsc-iw-id1 :-ms-input-placeholder, #gsc-iw-id1 :input-placeholder{ color: #fff !important; } body .hs_cos_wrapper_type_blog_subscribe input[type="text"], body .hs_cos_wrapper_type_blog_subscribe input[type="password"], body .hs_cos_wrapper_type_blog_subscribe input[type="datetime"], body .hs_cos_wrapper_type_blog_subscribe input[type="datetime-local"], body .hs_cos_wrapper_type_blog_subscribe input[type="date"], body .hs_cos_wrapper_type_blog_subscribe input[type="month"], body .hs_cos_wrapper_type_blog_subscribe input[type="time"], body .hs_cos_wrapper_type_blog_subscribe input[type="week"], body .hs_cos_wrapper_type_blog_subscribe input[type="number"], body .hs_cos_wrapper_type_blog_subscribe input[type="email"], body .hs_cos_wrapper_type_blog_subscribe input[type="url"], body .hs_cos_wrapper_type_blog_subscribe input[type="search"], body .hs_cos_wrapper_type_blog_subscribe input[type="tel"], body .hs_cos_wrapper_type_blog_subscribe input[type="color"], body .hs_cos_wrapper_type_blog_subscribe input[type="file"], body .hs_cos_wrapper_type_blog_subscribe select { background-color: #ffffff; border-color: #dfdfdf; border-radius: 3px 0 0 3px; border-style: solid none solid solid; border-width: 2px; color: #c2c2c2; display: block; font: 400 14px/1.42857 'Raleway',sans-serif; height: 50px; margin-bottom: 10px; padding: 8px 12px; vertical-align: middle; width: 100%; } body .hs_cos_wrapper_type_blog_subscribe input[type="submit"], body .hs_cos_wrapper_type_blog_subscribe input[type="button"] { background-color: #40c6f1; border-color: #dfdfdf #dfdfdf #dfdfdf currentcolor; border-image: none; border-radius: 0 3px 3px 0; border-style: solid solid solid none; border-width: 3px 3px 3px medium; color: #ffffff; cursor: pointer; display: inline-block; font-family: Lato,sans-serif; font-size: 14px; height: 50px; margin-bottom: 10px; margin-top: 0; padding: 12px 19px; text-align: center; text-decoration: none; text-transform: none; -webkit-transition: all 350ms ease; transition: all 350ms ease 0s; width: 100%; } body .hs_cos_wrapper_type_blog_subscribe input[type="submit"]:hover, body .hs_cos_wrapper_type_blog_subscribe input[type="button"]:hover { background-color: #b33f0a; box-shadow: none; border-color: #b33f0a; -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; } .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { display: inline-block; vertical-align: top; width: 75%; } .hs_cos_wrapper_type_blog_subscribe .hs_submit { display: inline-block; vertical-align: top; width: 25%; } .st-blog-listing .hs-error-msgs{ display: inline-block !important; height: 0 !important; margin: -16px 0 0 !important; float: none; padding: 0 !important; } .st-blog-listing .hs-error-msgs li{ display: inline-block !important; height: 0 !important; margin: 0 !important; float: none; padding: 0 !important; } .st-blog-listing .hs-error-msgs li label{ display: inline-block !important; height: 0 !important; margin: 0 !important; color: red; float: none; padding: 0 !important; font-size: 11px; } .st-blog-listing .hs-error-msgs:before, .st-blog-listing .hs-error-msgs li:before{list-style-type:none !important;display:none;} .span12.widget-span.hs_cos_wrapper_type_blog_subscribe { margin-bottom: 14px; } body form.hs-form .hs-form-field ul.inputs-list { list-style: outside none none; margin: 0; padding: 0; } .hs_cos_wrapper_type_blog_subscribe span.hs-form-required, h3.form-title { display: inline; font-size: 16px; color: #222222; float: left; margin-top: 0; margin-bottom: 16px; text-transform: uppercase; } /* Blog Search Form*/ .gsc-input-box { height: 60px !important; border: medium none !important; } .gsc-input-box table { height: 60px !important; } table.gsc-search-box td { vertical-align: top !important; } /***** Search page color*/ .results-page #gsc-i-id1{ color:#c2c2c2 !important; } #gsc-i-id1 { background: transparent none no-repeat scroll left center !important; padding: 20px 21px !important; text-indent: 0 !important; width: 100% !important; border: medium none !important; border-radius: 3px; border-right: medium none !important; height: 60px !important; color: #fff !important; } form.gsc-search-box { font-size: 13px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 100%; height: 60px; } .gsc-control-searchbox-only { border: 2px solid #ffffff !important; border-radius: 3px; } .gsc-search-box .gsc-input > input:hover, .gsc-input-box-hover, .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus { box-shadow: none !important; } .cse .gsc-search-button .gsc-search-button-v2:focus, .gsc-search-button-v2:focus{ outline:none !important; } .cse .gsc-search-button .gsc-search-button-v2, .gsc-search-button-v2 { height: auto !important; margin-top: 2px; min-width: 13px; padding: 5px !important; width: auto !important; } .gsib_a { padding: 0 !important; } .gsc-search-button-v2 { background-color: transparent !important; background-image: url(//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/search.svg?t=1489401521011) !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 25px 25px !important; border: medium none !important; height: 60px !important; margin: 0px !important; padding: 30px !important; } .gsc-search-button-v2 svg{ display:none; } table.gsc-search-box { position: relative !important; } td.gsc-search-button { position: absolute !important; right: 0; top: 0; width: 20% !important; height: 60px; } .gsc-search-box-tools .gsc-search-box .gsc-input { border-right: medium none !important; left: 0; position: absolute !important; width: 80% !important; height: 60px; margin: 0; padding: 0 !important; } .gsst_a { position: absolute; visibility: hidden; } @media(max-width: 991px){ .gsc-search-box-tools .gsc-search-box .gsc-input { width: 70% !important; } td.gsc-search-button { width: 30% !important; } } @media(max-width: 767px){ .gsc-search-box-tools .gsc-search-box .gsc-input { width: 90% !important; } td.gsc-search-button { width: 65px !important; } } /* COS Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select { display: block; width: 100%; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; vertical-align: middle; } .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form ========================================================================== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* Google Search Form ========================================================================== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* Custom Forms ========================================================================== */ /* ========================================================================== 4) ==BUTTONS & CTA ========================================================================== */ a[class*="btn"] { text-decoration: none; } a.btn-model-six { color: #fff; } a.btn-micro { border-radius: 0; padding: 10px 20px 8px 20px; font-family: Raleway; font-size: 16px; font-weight: bold; margin-right: 9px; text-decoration: none; text-transform: uppercase; transition: all 350ms ease; -webkit-transition: all 350ms ease; } a.btn-micro.btn-blue { background-color: transparent; border: 2px solid #40c6f1; color: #fff; } a.btn-micro.btn-blue:hover { background-color: #40c6f1; border: 3px solid #40c6f1; color: #fff; } a.btn-micro.btn-black { padding: 17px 21px; background-color: #333; border: 2px solid #333; color: #fff; } a.btn-micro.btn-black:hover { background-color: transparent; border: 3px solid #333; color: #333; } .btn-micro:hover { background-color: #ff6464; box-shadow: 11px 5px 37px -1px rgba(0, 0, 0, .2); color:#fff; } /* All Global Buttons (Excluding CTAs) ========================================================================== */ /* CTA Buttons ========================================================================== */ /* ========================================================================== 5) ==MENU NAVIGATION ========================================================================== */ /* * NOTES * Add IF statements for features, like underline animation * */ /* Variables must be moved to top of stylesheet */ /* Desktop Nav Settings */ /* Primary Navigation BG Colour */ /* Parent Link Hover BG Colour */ /* Parent Link Colour */ /* Parent Link Hover Colour */ /* Current Link Colour */ /* Current Link Colour */ /* Underline border animation colour */ /* Underline border animation colour */ /* Mobile Nav Settings */ /* Set Mobile Menu Background Color */ /* Set Mobile Link Color */ /* Set Mobile Link BG Hover Color */ /* Set Mobile Link Hover Color */ /* Mobile Nav Trigger */ /* Mobile Trigger BG Colour */ /* Mobile Trigger border Colour */ /* Mobile Trigger Colour */ /* Mobile Trigger Colour hover and open state */ /* Mobile Trigger BG Colour hover and open state */ /* Mobile Nav Trigger */ /* Mobile Trigger BG Colour hover and open state */ /* Menu Base ========================================================================== */ #mainMenu { background-color: transparent; position: fixed; text-transform: uppercase; -webkit-transition: background-color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); width: 100%; z-index: 99991; } #mainMenu a { font-size: 14px; } .nav-down #mainMenu { top: 0 !important; -webkit-transition: top .2s linear; -moz-transition: top .2s linear; -o-transition: top .2s linear; -ms-transition: top .2s linear; transition: top .2s linear; } .nav-up #mainMenu { top: -65px !important; -webkit-transition: top .2s linear; -moz-transition: top .2s linear; -o-transition: top .2s linear; -ms-transition: top .2s linear; transition: top .2s linear; } .span12.custom-menu-primary.js-enabled { margin-top: 0; margin-bottom: 0; } .custom-menu-primary.js-enabled { float: right; } .span11.nav-wrapper { float: right; } .custom-menu-primary .hs-menu-wrapper > ul{ float: right; height: 65px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .custom-menu-primary .hs-menu-wrapper > ul > li { height: 100%; } /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 { padding: 0 20px; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover{ } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color: white; padding: 20px 0 5px; height: auto; -ms-transition: color 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transition: color 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06); transition: color 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06); font-weight: bold; } .scrolling .custom-menu-primary .hs-menu-wrapper > ul > li > a { color: #444444; -ms-transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .scrolling .custom-menu-primary .hs-menu-wrapper > ul > li.active > a{ color: #444444 !important; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ background-color:transparent; color:#444; -webkit-transition: background-color 250ms ease-in; transition: background-color 250ms ease-in; } .custom-menu-primary .hs-menu-wrapper > ul > li.active > a:hover{ color: #40c6f1; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover { color: #ffffff; } .scrolling .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover { color: #444444; } /* Underline Border Animation */ .custom-menu-primary .hs-menu-wrapper > ul > li > a { position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:before { content: ""; position: absolute; width: 0; height: 1px; bottom: 0; left: 0; background-color: #40c6f1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover:before { width: 100%; } /* Navigation background color change to white on scroll */ .scrolling { background-color: rgb(255, 255, 255) !important; opacity: 1; transition-duration: 0.3s !important; /*-ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);*/ -webkit-transition: background-color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); border-bottom:transparent; -webkit-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38); -moz-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38); box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38); height:60px; } /* Logo change on scroll */ .scrolling .logo-wrapper { -ms-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .scrolling .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li > a:link, .scrolling .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li > a { } .scrolling a.mobile-trigger i:before, .scrolling a.mobile-trigger i, .scrolling a.mobile-trigger i:after{ color: #444444; } .child-trigger i{ font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; margin-top: 23px; margin-right: 0px; height: 1em; font-size: 14px; } .child-trigger i:before{ content: "\e603"; color: white; transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .scrolling .child-trigger i:before{ color:#444444; } /*a.mobile-trigger i:before*/ /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ box-shadow: 0 0 50px 0 rgba(0, 0, 0, .3); } .custom-menu-primary .hs-menu-wrapper > ul ul{} .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: #fff; transition: all 300ms ease; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#777; padding: 10px 20px; height: 100%; font-size: 16px !important; transition: all 300ms ease; text-transform:none; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ background-color:#e4e4e4; /*color:#444;*/ } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } .mobile-open #mainMenu { width: 100%; background-color:transparent !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.child-trigger { display: none; position: absolute; } /* Current Active Link */ .custom-menu-primary .hs-menu-wrapper > ul > li.active > a { background-color: transparent; color: #fff; border-bottom: 2px solid #40c6f1; } /* Enabling more option if too many items in menu*/ .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child{ display:block; } .nav-wrapper .nav-offer-wrapper .menu-offer{ display:none; } .nav-offer-wrapper{ display:block; } /* Fix menu disappearing on desktop after toggling mobile menu */ /*@media screen and (min-width:768px) {*/ @media screen and (min-width:992px) { .nav-offer-wrapper, .custom-menu-primary .hs-menu-wrapper { display:block !important; } } /* Logo ========================================================================== */ #mainMenu img { height: 64px; } .logo-wrapper { -ms-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .span1.logo-wrapper { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/nav_struto_logo.png"); background-position: 0 0; background-repeat: no-repeat; background-size: contain; height: 44px; margin-left: 12px !important; margin-top: 15px; position: absolute; width: 100px; } .scrolling .logo-wrapper { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/nav_struto_logo_invert.png"); } /* Mobile Menu ========================================================================== */ /** * NOTE * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger{ display: none; /* Hide button on Desktop */ } .mobile-menu-svg{ display:none !important; /* Hide animation on desktop*/ } /* Inverse Nav */ .inverse-nav { } .inverse-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a { color: #444444; -ms-transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: color 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .inverse-nav .custom-menu-primary .hs-menu-wrapper > ul > li.active > a{ color: #444444 !important; } .inverse-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover { color: #444444; } /* Navigation background color change to white on scroll */ /* Logo change on scroll */ .inverse-nav .logo-wrapper { -ms-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .inverse-nav.inverse-nav a.mobile-trigger i:before, .inverse-nav a.mobile-trigger i, .inverse-nav a.mobile-trigger i:after{ color: #444444; } .inverse-nav .child-trigger i:before{ color:#444444; } .inverse-nav .logo-wrapper { background-image: url("https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Struto-logo-grey-expanded_7june2019.svg"); } /*@media (max-width: 767px){*/ @media (max-width: 991px){ /* Menu Reset ================================== */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ 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:#fff; } .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 { padding: 0; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ background-color: #C8C8C8; } /* Child Toggle Button ================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 100% !important; /* Button width */ min-width: 55px !important; height: 100% !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, 0.2); max-height: 32px; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#444444; /* Icon color *//*white*/ display: block; margin-right: 20px !important; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } .child-trigger i:before{ content:''; } /* Mobile Styles ================================== */ .logo-wrapper { left: 0; position: absolute; top: 0; } .custom-menu-primary.js-enabled{ position: relative; /*padding-top: 63px;*/ /* Makes room for button */ margin: 10px 0 10px 0; width:100%; } .nav-wrapper.span11 { margin: 0; width: 100%; } /* Hide menu on mobile */ /*.menu-wrapper .hs-menu-wrapper.active-branch.hs-menu-flow-horizontal, .custom-menu-primary.js-enabled .hs-menu-wrapper,*/ .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; top: 0; left: 0; padding: 0; } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a { font-size: 16px; line-height: 22px; overflow: visible; padding: 8px 20px; font-weight: bold; } .custom-menu-primary .hs-menu-wrapper > ul ul li a { background-color: transparent; font-size: 14px; padding: 10px 10px 7px !important; text-indent: 10px; font-size: 14px; line-height: 22px; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ /*border-top: 1px solid rgba(255, 255, 255, 0.2); Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a { color:#fff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#444; /* link hover color set by global mobile-aColorHover variable */ } .custom-menu-primary .hs-menu-wrapper > ul li.active a:hover{ color: #40c6f1; /* link hover color set by global mobile-aColorHover variable */ } .custom-menu-primary .hs-menu-wrapper > ul ul{ box-shadow:none; } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: #f4f4f4; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ font-weight:normal; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul li a , .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ background-color: #fff; color: #a9a9a9; } .custom-menu-primary .hs-menu-wrapper > ul > li.active > a { background-color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover { background-color: #fff; color: #a9a9a9; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover:before { width: 0; } /********* svg menu animation styles******/ /*Animated menu*/ .menu-icon-wrapper{ position: relative; display: inline-block; width: 34px; height: 34px; pointer-events: none; transition: 0.1s; right: 0; float: right; z-index: 9999999999; margin: 15px 10px 0; transform:scale(0.76); } .menu-icon-wrapper.scaled{ transform: scale(0.5); } .menu-icon-wrapper svg{ position: absolute; top: -33px; left: -20px; } .menu-icon-wrapper svg path{ stroke: #fff; stroke-width: 6px; stroke-linecap: round; fill: transparent; } .menu-icon-wrapper .menu-icon-trigger{ position: relative; width: 60px; height: 120%; cursor: pointer; pointer-events: auto; background: none; border: none; margin: 0; padding: 0; } .menu-icon-wrapper .menu-icon-trigger:focus{ outline:none; } .mobile-menu-svg{ width:97% !important; display:block !important; } #menuWrap .nav-wrapper .nav-offer-wrapper{ display:none; padding: 10px; position: relative; top: -50px; } .nav-offer-wrapper .menu-offer{ /*background-color: #fff;*/ padding: 10px 20px 38px; } .close-svg path{ stroke:rgb(221, 78, 12) !important; transition:.2; } .nav-offer-inner{ box-shadow: 0 0px 17px 5px rgba(0, 0, 0, 0.5); background-color: #fff; /*height: 97vh;*/ } .menu-offer h4{ border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 0px; margin-bottom:5px; font-size: 18px; } .menu-offer p{ font-size: 15px; margin-bottom: 10px; } .menu-offer a{ text-decoration:none; border: 1px solid; padding: 10px 15px; } .custom-menu-primary .hs-menu-wrapper > ul li:first-child a{ padding-top:25px; } .nav-wrapper .nav-offer-wrapper .menu-offer{ display:block; } body.mobile-open { overflow-y: hidden; } .menu-wrapper.menu-scroll{ top: 0; bottom: 0; overflow-y: scroll; overflow-x:hidden; height: 100%; } a.btn-model-three.v5.svg-offer-btn{ position: static; margin: 0; bottom: auto !important; } } /* ========================================================================== 6) ==FOOTER ========================================================================== */ .footer-wrapper { background-color: #222; color: #fff; padding: 3%; } .footer-column { padding: 0 40px 0 0; } .content-divider.model-three.v1 { background-color: #40c6f1; } .content-divider.model-three { margin-bottom: 20px; margin-top: 0; width: 40px; height: 4px; } .content-divider.model-four { background-color: #dfdfdf; height: 2px; margin-bottom: 50px; } .footer-column h5 { color: #5a5a5a; margin-bottom: 50px; text-transform: uppercase; font-size: 16px; font-weight: bold; } .link-model-one { border-bottom: 0px solid #292929; color: #fff; display: block; padding-bottom: 5px; padding-top: 5px; text-decoration: none; } .link-model-one:hover { border-bottom-color: #40c6f1; border-bottom-style: dotted; color: #40c6f1; text-decoration: none; } .footer-copyright-link { color: #fff; text-decoration: none; font-size: 13px; font-weight: 300; } .footer-copyright-link:hover { color: #40c6f1; text-decoration: none; } .social-wrapper{text-align:right;} .light-grey{font-size: 13px;font-weight: 300;} .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; padding-left: 20px; padding-right: 0; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { float: left; } .hs-rss-title { color: #fff; font-weight: 400; text-decoration: none; } .hs-rss-title:hover { border-bottom: 1px dotted #40c6f1; color: #40c6f1; text-decoration: none; } .hs-rss-byline { color: #6b6b6b; font-size: 12px; font-style: italic; font-weight: 400; } .footer-face, .footer-linked, .footer-twit { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 20px; margin-right: 10px; opacity: 0.2; transition: opacity 300ms ease 0s; width: 20px; } .footer-face:hover, .footer-linked:hover, .footer-twit:hover { opacity: 1; } .footer-face { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/facebook-logo.png"); } .footer-linked { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/icon_linkedin.png"); } .footer-twit { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/icon_twitter.png"); } /* Added from footer in template to stylesheet */ .footer-insta { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/Icons/social-instagram.png?t=1527260449358"); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 20px; margin-right: 10px; opacity: 0.2; transition: opacity 300ms ease 0s; width: 20px; } .footer-google { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/google-plus.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 20px; margin-right: 10px; opacity: 0.2; transition: opacity 300ms ease 0s; width: 20px; } .footer-insta:hover, .footer-google:hover { opacity: 1; } /* ========================================================================== 7) ==CUSTOM CLASSES/PREFIXES ========================================================================== */ /* * * Please add comments! * */ /* Management Team Popups*/ .team-modal { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.9); /* Scaling */ visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s; z-index: 99999; } .team-modal.modal-open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; overflow: auto; } .team-member { background-color: transparent; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; padding-bottom: 20px; } .team-member.modal-open{ -webkit-transform: scale(0.8); transform: scale(0.8); } .team-overlay.modal-open{ -webkit-transform: scale(1.2); transform: scale(1.2); } /** Highlight strip homepage **/ #highlight-first-visit, #highlight-more-visit { display: none; } #highlight-more-visit .content-column.model-eight{ padding-left: 20px; padding-right: 20px; } #highlight-more-visit .highlight__img-box img { padding-right: 15px; } #highlight-more-visit.content-custom.model-nineteen, #highlight-more-visit .content-column.model-eight { height: auto; min-height: 135px; padding-top: 18px; } /* Services Carousel */ #intro { width: 580px; margin: 0 auto; } .caroufredsel_wrapper { border-bottom: 2px solid #40c6f1; border-radius:20px; } .process-slider ul { margin: 0; padding: 0; list-style: none; display: block; } .process-slider li { display: block; float: left; display:table; position:relative; } .process-slider li img { margin: 0 auto; } .process-slider .list-content.model-one { display:table-cell; vertical-align:middle; } .list_carousel.responsive { width: auto; margin-left: 0; } .clearfix { float: none; clear: both; } .prev { float: left; margin-left: 10px; } .next { float: right; margin-right: 10px; } .pager { float: left; width: 300px; text-align: center; } .pager a { margin: 0 5px; text-decoration: none; } .pager a.selected { text-decoration: underline; } .timer { background-color: #999; height: 6px; width: 0px; } .carousel li { margin-right: 0; } .process-slider { max-height: 350px !important; overflow: hidden; } .carousel .content-img.model-four { height: 80px; width: 80px; } .content-column.model-fifteen.nplr { padding-top: 20px; padding-bottom: 20px; } @media(max-width: 479px){ .carousel{ font-size: 14px; } } /* Services Proven Process - Three process Blocks */ .process-outer-circle { position: relative; display: block; width: 65px; height: 65px; margin-right: auto; margin-bottom: 35px; margin-left: auto; padding: 0px; border: 1px solid #e4e4e4; border-radius: 100%; background-color: #fff; } .process-line { position: absolute; top: 50%; z-index: -1; overflow: hidden; width: 800px; height: 1px; background-color: #e4e4e4; } .process-circles.center.v1 { background-color: #b2d46a; color: #fff; } .process-circles.center.v2 { background-color: #3ec7f3; color: #fff; } .process-circles.center.v3 { background-color: #ffa05a; color: #fff; } .process-circles.center { display: block; margin-top: 6px; margin-right: auto; margin-left: auto; padding: 12px; } .process-circles { width: 50px; height: 50px; border-radius: 100%; background-color: #f4f4f4; font-weight: 700; } .process-slider.v2{ max-height:none !important; } @media screen and (max-width: 1199px){ .process-line { width: 670px; } } @media screen and (max-width: 991px){ .process-line { width: 540px; } } @media screen and (max-width: 767px){ .process-line { display: none; } .span6.widget-span.widget-type-cell.content-column.model-thirty-three { padding-bottom: 105px; } .content-section.model-five.v11 { padding: 0; } .footer-face, .footer-linked, .footer-twit, .footer-insta{margin-right:5px;} } /*Resources Filter*/ .content-column.model-six.list-item { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } #filterWrap .jplist-panel { padding-bottom: 100px; padding-left: 10px; padding-right: 10px; } #filterWrap .jplist-label { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #dfdfdf; border-radius: 0; box-shadow: 0 0 1px #ffffff; box-sizing: border-box; color: #40c6f1; float: left; height: auto; line-height: 22px; margin: 10px 10px 0 0; padding: 10px 20px 10.8px; text-shadow: 0 0 0; } #filterWrap .jplist-panel .jplist-pagination button { background: transparent none repeat scroll 0 0; border: 2px solid #40c6f1; border-radius: 3px; box-shadow: none; box-sizing: border-box; color: #40c6f1; float: left; height: auto; line-height: 22px; margin: 10px 10px 0 0; padding: 10px 20px; text-shadow: 0 0 0; } #filterWrap .jplist-panel .jplist-pagination .jplist-current { background-color: #40c6f1; color: #ffffff; font-weight: normal; } #filterWrap .jplist-panel .jplist-pagination button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #40c6f1; border-radius: 0; box-shadow: none; box-sizing: border-box; color: #40c6f1; float: left; height: 46px; line-height: 22px; margin: 10px 10px 0 0; padding: 0; text-shadow: 0 0 0; transition: box-shadow 250ms ease-out 0s; width: 47px; } #filterWrap .jplist-panel button:hover { background: transparent none repeat scroll 0 0; border-width: 2px; box-shadow: 0 0 0 3px #40c6f1 inset; color: #40c6f1; -webkit-transition: box-shadow 250ms ease; transition: box-shadow 250ms ease; } #filterWrap .jplist-drop-down .jplist-dd-panel::after { color: #40c6f1; z-index: 0; } #filterWrap .jplist-drop-down .jplist-dd-panel { color: #40c6f1; cursor: pointer; float: left; height: auto; line-height: 22px; overflow: hidden; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; text-indent: 0; } .st-showcase-filter .jplist-drop-down .jplist-dd-panel { padding-right: 20px; } .st-showcase-filter .jplist-drop-down .jplist-dd-panel { width: auto !important; } #filterWrap .jplist-drop-down .jplist-dd-panel li{ text-indent: 10px; } #filterWrap .jplist-drop-down .jplist-dd-panel:after { color: #40c6f1; } #filterWrap .jplist-drop-down { background: transparent none repeat scroll 0 0; border: 2px solid #dfdfdf; border-radius: 3px; box-shadow: 0 0 1px #fff; box-sizing: border-box; color: #40c6f1; float: left; height: auto; line-height: 22px; margin: 10px 10px 0 0; position: relative; text-shadow: 0 0 0; width: 170px; } #filterWrap .jplist-drop-down ul { background: #fff none repeat scroll 0 0; border-radius: 0 0 3px 3px; border: medium none; box-shadow: 0 6px 14px 0 rgba(187,187,187,0.5); box-sizing: border-box; display: none; list-style: outside none none; margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; width: 166px; z-index: 1000; color: #777; } #filterWrap { position: relative; } #filterWrap .jplist-panel.panel-top { padding-bottom: 100px; padding-left: 10px; position: absolute; width: 100%; z-index: 5; } #filterWrap .jplist-drop-down.filter-cat { float: right; } #filterWrap.content-section.model-five { padding-top: 60px; } .content-row.model-six.w-row.list.box.text-shadow { margin-top: 120px; } #filterWrap .jplist-drop-down .jplist-dd-panel:after { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e603"; top: 14px; } #filterWrap .jplist-panel .jplist-pagination button.jplist-first, #filterWrap .jplist-panel .jplist-pagination button.jplist-first:hover, #filterWrap .jplist-panel .jplist-pagination button.jplist-prev, #filterWrap .jplist-panel .jplist-pagination button.jplist-prev:hover, #filterWrap .jplist-panel .jplist-pagination button.jplist-last, #filterWrap .jplist-panel .jplist-pagination button.jplist-last:hover, #filterWrap .jplist-panel .jplist-pagination button.jplist-next, #filterWrap .jplist-panel .jplist-pagination button.jplist-next:hover { border: medium none; box-shadow: none; width: 25px; } #filterWrap .long-list.jplist-drop-down ul { color: #777777; left: -85px; width: 252px; } #filterWrap .jplist-drop-down ul { color: #777777; } .resources .list-item .content-custom.model-six { height: 130px; } .resources .list-item .content-custom.model-five { padding-bottom: 130px; } .resources .list-item .p.model-two.v1 { padding-left: 20px; padding-right: 20px; } #filterWrap .jplist-panel { display: block; } /*** Auto column HubSpot version ****/ body .u-same-height__row > .row-fluid-wrapper{ display: table; } body .u-same-height__row > .row-fluid-wrapper > .row-fluid { display: table-row; } body .u-same-height__row > .row-fluid-wrapper > .row-fluid:before, body .u-same-height__row > .row-fluid-wrapper > .row-fluid:after { display: none; } body .u-same-height__cell.widget-span { display: table-cell; float: none; vertical-align: top; } @media(max-width: 767px) { body .u-same-height__row > .row-fluid-wrapper, body .u-same-height__row > .row-fluid-wrapper > .row-fluid, body .u-same-height__cell.widget-span { display: block } } /*** END ***/ @media(max-width: 991px){ .content-column.model-six.list-item { margin-bottom: 0; } .resources .list-item .content-custom.model-six { height: 100px; } .resources .list-item .content-custom.model-five { padding-bottom: 100px; } #highlight-more-visit h3 { font-size: 16px; } } @media(max-width: 767px){ #filterWrap .long-list.jplist-drop-down ul { left: 0; } .st-showcase-filter .long-list.jplist-drop-down ul { max-width: 200px; height: auto; padding: 10px 0 !important; } .st-showcase-filter .jplist-drop-down ul li { max-width: 200px; padding-left: 10px; text-indent: 0px; height: auto; line-height: 25px; } .footer-column { margin-bottom: 30px; padding: 0; } } @media(max-width: 479px){ #filterWrap .jplist-drop-down { position: absolute; } #filterWrap .jplist-drop-down.filter-cat { float: left; top: 60px; } #filterWrap .jplist-panel.panel-top { position: relative; padding-bottom: 50px; } #filterWrap.content-section.model-five { padding-top: 50px; } } /*Contact Map*/ .struto-maps { min-height: 300px; width: 100%; } .map-container { width: 100%; } .map-container iframe{ width: 100%; display: block; pointer-events: none; position: relative; /* IE needs a position other than static */ } .map-container iframe.clicked{ pointer-events: auto; } /* Pricing Token Slider */ .banner-section { background-attachment: scroll; background-image: url("https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-2.jpg?t=1487147890419"); background-position: 50% 85%; background-repeat: no-repeat; background-size: cover; color: #fff; padding-bottom: 80px; padding-top: 140px; position: relative; } .banner-container { text-align: center; position: relative; z-index: 2; text-transform: uppercase; } .banner-overlay { background-image: linear-gradient(161deg, rgba(0, 210, 255, 0.9), #bce6ca); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .calculator-section { padding-bottom: 200px; padding-top: 100px; } /* Token Sliders*/ .calculator-core { background-color: #f4f4f4; border: 1px solid #dbdada; padding: 50px 40px; } #sliders li { margin-bottom: 10px; } #sliders div { margin-bottom: 5px; } .slider { width: 100%; height: 5px; } /* .points-row { margin-bottom: 70px; }*/ #tokenSlider { background-color: #b2d46a; height: 13px; } .ui-slider .ui-slider-handle { cursor: grab; } #tokenSlider.ui-slider .ui-slider-handle { background-color: #b2d46a; border-radius: 100px; height: 43px; width: 43px; box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, 0.3), 0px 0px 0px 15px #333233 inset; } .service-a, .service-a.ui-slider .ui-slider-handle { background-color: #40c6f1; } .service-b, .service-b.ui-slider .ui-slider-handle { background-color: #ffa05a; } .service-c, .service-c.ui-slider .ui-slider-handle { background-color: #ff6464; } .service-d, .service-d.ui-slider .ui-slider-handle { background-color: #00d2ff; } .service-e, .service-e.ui-slider .ui-slider-handle { background-color: #7fdec5; } .ui-slider, .ui-slider .ui-slider-range { border-radius: 100px; } .ui-widget.ui-widget-content { border: medium none; } .ui-slider .ui-slider-handle { border: medium none; border-radius: 100px; /* box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, 0.3); */ box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, 0.3), 0px 0px 0px 10px #333233 inset; /* cursor: -webkit-grab; */ cursor: grab; height: 25px; outline: medium none; top: -10px; width: 25px; } #sliders h5, #slidersStatic h5{ font-size: 14px; margin: 20px 0 10px; text-transform: uppercase; color: #333233; text-align: left; } .ui-slider .ui-slider-range { background-color: #f2f2f2; } .token-slider { color: #222; display: block; float: none; font-weight: 700; margin-bottom: -5px; text-align: center; text-transform: uppercase; } .token-slider img { margin-bottom: 15px; padding: 0 4px; } /* Foundation */ .token-slider.blue { color: #00d2ff; } .blue #msgBoard { border-color: #00d2ff; } /* Stready Growth */ .token-slider.pink { color: #ff6464; } .pink #msgBoard { border-color: #ff6464; } /* Accelerated Growth */ .token-slider.orange{ color: #ffa05a; } .orange #msgBoard { border-color: #ffa05a; } /* Max */ .token-slider.green { color: #b2d46a; } .green #msgBoard { border-color: #b2d46a; } #presets { margin-bottom: 50px; display: inline-block; } #presets .btn-model-one { margin: 0 3px 5px; } #presets .btn-model-one { cursor: pointer; } #presets .btn-model-one.btn-one{ border-color: #00d2ff; color: #00d2ff; } #presets .btn-model-one.btn-one.active{ color;#fff; background-color:#00d2ff; } #presets .btn-model-one.btn-one:hover{ box-shadow: inset 0 0 0 4px #00d2ff; } #presets .btn-model-one.btn-two{ border-color: #ff6464; color: #ff6464; } #presets .btn-model-one.btn-two.active{ color;#fff; background-color:#ff6464; } #presets .btn-model-one.btn-two:hover{ box-shadow: inset 0 0 0 4px #ff6464; } #presets .btn-model-one.btn-three{ border-color: #ffa05a; color: #ffa05a; } #presets .btn-model-one.btn-three.active{ color;#fff; background-color:#ffa05a; } #presets .btn-model-one.btn-three:hover{ box-shadow: inset 0 0 0 4px #ffa05a; } #presets .btn-model-one.active { background-color: #40c6f1; color: #ffffff; } .pound-sub, .price-lrg { color: #40c6f1; font: bold 40px/1.2 "Raleway",sans-serif; } .pound-sub { font-size: 20px; font-variant: super; position: relative; top: -12px; } .price-subtext { font-size: 13px; } .estimated-col-right { position: relative; } .token-pound { color: #222; font-size: 20px; font-variant: super; font-weight: bold; left: 8px; position: absolute; top: 6px; } .per-month { color: #000; font-size: 18px; font-weight: 400; position: absolute; right: 3px; top: 32px; } /* SLider Updates 26/05*/ /* Horizontal Shake */ @-webkit-keyframes animation-shake { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes animation-shake { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /*.main-tokens {*/ /*display: inline-block;*/ /*vertical-align: middle;*/ /*-webkit-transform: perspective(1px) translateZ(0);*/ /*transform: perspective(1px) translateZ(0);*/ /*box-shadow: 0 0 1px transparent;*/ /*}*/ /**/ .main-tokens.token-shake{ -webkit-animation-name: animation-shake; animation-name: animation-shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #msgBoard { /* border-bottom: 3px solid #222; */ /* box-shadow: 0 0 6px 0 #e2e2e2, 3px 0 24px 6px #fff; */ font-size: 15px; height: auto; margin: 0 auto; max-width: 60%; padding: 15px 20px; border-radius: 3px; min-height: 80px; } .board-table { display: table; height: 100%; } .board-row { display: table-row; height: 100%; } .board-cell { display: table-cell; vertical-align: middle; height: 110px; text-align: center; width: 400px; } .msg { font-weight: normal; text-transform: none; display: none; } .msgToken { border: 3px solid #b2d46a; font-weight: normal; margin: 0 auto; max-width: 400px; padding: 20px; text-transform: uppercase; display: none; } .token-panel { text-align: left; } #tokensLeft { /*color: #ffa05a;*/ /*font-size: 14px;*/ /*font-weight: 300;*/ text-transform: none; } .tooltips { background-color: #000; border-radius: 3px; color: #fff; font-size: 14px; left: -22px; padding: 2px; position: absolute; text-align: center; top: -30px; width: 70px; opacity: 0; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } #mainTooltip { background-color: #000; border-radius: 3px; color: #fff; font-size: 14px; left: -29px; padding: 4px; position: absolute; text-align: center; top: -38px; width: 100px; } .ui-slider-handle { /*-webkit-transition: opacity 200ms ease;*/ /* transition: opacity 200ms ease; */ } .tooltips { } .tooltriangle { border-color: #000000 transparent transparent; border-style: solid; border-width: 10px 6px 0; height: 0; left: 9px; position: absolute; top: -8px; width: 0; box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, 0.3), 0px 0px 0px 15px #333233 inset; opacity: 0; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } .ui-slider-handle.ui-state-hover .tooltips, .ui-slider-handle.ui-state-hover .tooltriangle { opacity: 1; } /* #slidersStatic .ui-slider-disabled{ opacity: 1; }*/ .service-e.ui-slider .ui-slider-handle { opacity: 1 !important; } #slidersStatic:hover, #slidersStatic:hover { /*opacity: 0.8;*/ -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } #slidersStatic:hover .tooltips, #slidersStatic:hover .tooltriangle { opacity: 1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } .showtokens.tooltips, .showtokens.tooltriangle { opacity: 1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } .token-triangle { border-color: #000000 transparent transparent; border-style: solid; border-width: 10px 6px 0; height: 0; left: 15px; position: absolute; top: -8px; width: 0; box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, 0.3), 0px 0px 0px 15px #333233 inset; } #sliders .value, #slidersStatic .value { display: none; } @media(max-width: 991px){ #msgBoard { min-height: 111px; max-width: 75%; } } @media(max-width: 767px){ #presets .btn-model-one { margin-bottom: 10px; padding: 10px; width: 100%; } #presets { margin-bottom: 70px; width: 100%; } } @media(max-width: 479px){ #tokenValue.hd.model-eight.v5 { font-size: 36px; padding-left: 10px; padding-top: 10px; } #msgBoard { max-width: 100%; } } @media(max-width: 360px){ #tokenValue.hd.model-eight.v5 { font-size: 30px; } } /* Equal Height Boxes */ .equal-wrapper > .row-fluid-wrapper { display: table; } .equal-wrapper > .row-fluid-wrapper > .row-fluid { display: table-row; } .row-fluid .equal-container { display: table-cell; height: 100%; border: 4px solid #fff; float: none; background-color: transparent; -webkit-transition: box-shadow 350ms ease, background-color 350ms ease; transition: box-shadow 350ms ease, background-color 350ms ease; } .row-fluid .equal-container:hover { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); -webkit-transition: box-shadow 350ms ease, background-color 350ms ease; transition: box-shadow 350ms ease, background-color 350ms ease; } .row-fluid .span1.equal-divider { display: table-cell; height: 100%; float: none; width: 30px; } .row-fluid .span5.set-span-6 { width: 48.717948718%; } .row-fluid .equal-container.content-column.model-eleven { padding: 60px; } @media(max-width: 767px){ .equal-wrapper > .row-fluid-wrapper { display: inline; } .equal-wrapper > .row-fluid-wrapper > .row-fluid { display: inline; } .row-fluid .equal-container { display: inline-block; width: 100% !important; } .span1.widget-span.widget-type-cell.equal-divider { display: none; } .row-fluid .equal-container { display: inline-block; width: 100% !important; margin: 0 0 15px 0; } .row-fluid .equal-container.content-column.model-eleven { padding: 60px 60px 30px 60px; } .model-four.p { text-align: left; } .row-fluid .equal-container.content-column.model-eleven { padding: 20px; } } /*Landing Page*/ .lp-logo { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/nav_struto_logo.png?t=1489059081138"); background-position: 0 0; background-repeat: no-repeat; background-size: contain; height: 44px; margin-left: 12px !important; margin-top: 15px; position: absolute; top: 0; width: 100px; z-index: 99; } .content-container.w-container.bg-white { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); } .lp-image { background-position: 50% 50%; background-size: cover; /*height: 350px;*/ position: relative; } .lp-image-bg { background-position: 50% 50%; background-size: cover; height: 270px; position: relative; display: block; margin-bottom: 30px; } .content-column.model-three.lp { padding: 50px 15px 50px 50px; } .content-column.model-three.lp-img { padding: 0; } body.hs-landing-page .content-column.model-three.lp { padding-bottom: 10px; } body.hs-landing-page .content-column.model-three.lp h1{ font-size: 36px; } body.hs-landing-page .content-column.model-three.lp p { margin-bottom: 15px; } body.hs-landing-page .content-column.model-three.lp p, body.hs-landing-page .content-column.model-three.lp ul li { font-size: 14px; } body.hs-landing-page .logo-wrapper { display: none; } .ty-body-wrapper .logo-wrapper, .microsite-overview .logo-wrapper{ display:block !important; } body.hs-landing-page .content-column.model-three.lp-img { background-image: -webkit-linear-gradient(305deg, #7fdec5,#69d38d), -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -webkit-linear-gradient(320deg, #7fdec5,#69d38d); background-image: linear-gradient(130deg,#7fdec5,#69d38d), linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(130deg, #7fdec5, #69d38d); } body.hs-landing-page .content-column.model-three.lp-img .lp-form-wrap { background: transparent !important; } .content-column.model-three.lp p { margin-bottom: 15px; } .lp-form-wrap { position: relative; height: auto; margin-bottom: 0px; padding: 30px; background-image: -webkit-linear-gradient(305deg, #7fdec5,#69d38d), -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -webkit-linear-gradient(320deg, #7fdec5,#69d38d); background-image: linear-gradient(130deg,#7fdec5,#69d38d), linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(130deg, #7fdec5, #69d38d); } .lp-form-wrap h3 { border-top: 1px solid rgba(255, 255, 255, 0.5); color: #fff; display: inline-block; float: left; font-family: 'Raleway', sans-serif; font-size: 22px; font-weight: bold; line-height: 28px; margin-top: 0; padding-top: 10px; text-transform: uppercase; width: 100%; } .lp-form-wrap label{ color: #fff; text-transform: uppercase; } .lp-form-wrap input[type="submit"], body .lp-form-wrap input[type="button"] { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); margin-bottom: 15px; } .lp-form-wrap input[type="submit"]:hover, body .lp-form-wrap input[type="button"]:hover { box-shadow: 0 0 0 4px rgb(255, 255, 255) inset; } .lp-share-wrap { /*background-color: #f4f4f4;*/ /*padding: 30px;*/ text-align: center; } .lp-share-wrap h3 { margin-bottom: 20px; width: 100%; } .lp-footer { background-color: #222222; bottom: 0; color: #5a5a5a; height: 50px; padding: 10px 0 0; /*position: absolute;*/ text-align: center; } .lp-footer-strip { background-color: #222222; color: #5a5a5a; display: block; height: 50px; padding-top: 13px; position: relative; text-align: center; } .content-section.model-six.v1.lp-wrap { /*height: 100%;*/ /* min-height: 750px;*/ padding: 0; position: relative; } .content-section.model-six-v2.v1.lp-wrap { /*height: 100%;*/ min-height: 750px; padding: 0; position: relative; } .content-section.model-three.lp-banner { padding-bottom: 55px; padding-top: 85px; } .lp-wrap .content-custom.model-eighteen.v2 { top: 0; margin-top: -380px; position: relative; margin-bottom: 120px; } .lp-wrap .w-container { height: 0; } .content-section.model-three.v4.lp-banner { padding-top: 200px; } .content-column .hs-form fieldset.form-columns-1 input.hs-input[type="checkbox"] { width: auto !important; } .landing-page .content-container { margin-bottom: 100px; margin-top: -310px; } .landing-page.content-section.model-six.v1 { padding: 0; } /*Thank You Page*/ .ty-banner { text-align: center; } .ty-banner a { margin-top: 30px; } .ty-banner { } .what-next a { border-bottom: 1px dotted #d6d6d6; display: block; font-size: 20px; padding-bottom: 10px; padding-top: 10px; text-decoration: none; max-width: 900px; transition: background-color 200ms ease 0s; margin: 0 auto; } .what-next a:hover { background-color: #f2f2f2; } @media(max-width: 1024px){ .lp-image { /*height: 280px; */ } .content-column.model-three.lp { padding: 35px 10px 35px 35px; } } @media(max-width: 991px){ .landing-page h2 { font-size: 34px; } } @media(max-width: 767px){ .content-column.model-three.lp { padding: 20px 30px 0px 30px; } #features .content-spacer.model-two{ height: 0; } #features .micro-wasabi-content-wrapper.v2 .micro-section-headings{ text-align:left !important; } /*.wasabi-testimonial-wrapper, .quote-marks{ text-align:center; }*/ .wasabi-quotations{ padding:0 !important; } .overview-testimonial-section{ text-align: center; } .lp-image { height: 0; visibility: hidden; } .content-section.model-six.v1.lp-wrap { min-height: 1400px; } .content-section.model-six-v2.v1.lp-wrap { min-height: 800px; } body.hs-landing-page .landing-page .content-container { margin-top: -370px; margin-bottom: 0; } body.hs-landing-page .content-column.model-three.lp, body.hs-landing-page .content-column.model-three.lp-img { height: auto!important; } } /*Home Page Fades*/ #fadein { bottom: 150px; /*min-height: 615px;*/ position: absolute; right: 0; top: 100px; width: 50%; z-index: 3; overflow: hidden; } #fadein img { animation-duration: 30s; animation-iteration-count: infinite; animation-name: fade; bottom: 0; position: absolute; display: none; max-width: none; max-height: 100%; min-height: 100%; position: absolute; width: auto !important; } #fadein img.active.first { display: block; } .hp-banner .hd.model-four h5 { text-transform: lowercase; } .hp-banner .content-column.model-eight { padding: 2% 0; } .content-img.model-five.seal-img { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; } @media(max-width: 1280px){ .hp-banner .hd.model-four h5 { font-size: 52px; } } @media(max-width: 991px){ .hp-banner .hd.model-four h5 { font-size: 42px; } .hp-banner .content-custom.model-nineteen { height: 120px; } #fadein { bottom: 120px; } #fadein img { left: 20px; } .lp-image-bg { height: 210px; } } @media(max-width: 830px){ } @media(max-width: 767px){ #fadein { display: none; } .hp-banner .content-custom.model-nineteen { height: 150px; } .lp-image-bg { display: none; } } /* Services Sticky Menu */ #stickyMenu { position: fixed; width: 100%; bottom: 0; padding: 20px 20px 10px; background-color: white; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 99999; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); } #stickyMenu.sticky-open { visibility: hidden; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.6s ease-in; transition: all 0.6s ease-in; } #stickyMenu h5 { margin: 0; min-height: 38px; } #stickySet.content-section.model-five.v1 { padding-bottom: 100px; } .slide-menu-wrap.mobile-service { display: none; } .mobile-service .content-column { margin-bottom: 20px; } .slide-menu-wrap.mobile-service { padding: 0 30px 20px; } .slide-menu-wrap.mobile-service { margin: 0; } .mobile-service h5 { margin-bottom: 0; } #stickyMenu .content-custom.model-fourteen { padding-left: 10px; } #stickyMenu .btn-model-three.v2 { margin-left: 70px; } .slide-menu-wrap.mobile-service .content-custom.model-fourteen.table-col { padding-left: 20px; } @media(max-width: 991px){ #stickyMenu h5 { min-height: 65px; } } @media(max-width: 767px){ #stickyMenu, #stickyMenu.sticky-open{ display: none; } .slide-menu-wrap.mobile-service { display: block; } } /** This is the showcase code which was moved from the template. Parent class was added * to avoid conflicts **/ .showc-block .showcase-overlay { background-position: 50% 25%; } .showc-block .showcase-overlay:hover { background-position: 50% 30px; background-color: rgba(255,255,255,1); border: 1px solid #d4d4d4; } .showc-block .caption-showcase { top: 80px; } @media (max-width: 1450px) { .showc-block .caption-showcase { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1360px) { .showc-block .caption-showcase { padding-right: 10px; padding-left: 10px; } .showc-block .caption-showcase p { font: 400 14px/1.4 Lato,sans-serif; } } @media (max-width: 1205px) { .showc-block .caption-showcase { top: 60px; } .showc-block .showcase-overlay:hover { background-position: 50% 20px; } } @media (max-width: 1024px) { .showc-block .showcase-overlay { display: none; } } /* Blog recommended hidden height */ @media (max-height:670px){ .recommended-articles-block { display:none; } .recommended-block { display: none; } } /* ========================================================================== 8) ==WEBFLOW ========================================================================== */ /* Weblow Base CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS- LOTS OF REDUNDANT CSS ========================================================================== */ /* Only use this if required (Webflow Icons) */ /* [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } */ html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%); background-image: linear-gradient(white 0%, #f3f3f3 100%); } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-checkbox, .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox:before, .w-radio:before, .w-checkbox:after, .w-radio:after { content: " "; display: table; } .w-checkbox:after, .w-radio:after { clear: both; } .w-checkbox-input, .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } /* Webflow Grid Reset ========================================================================== */ .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container{ float: none; margin-left: auto; margin-right: auto; max-width: 940px; } .container-fluid .row-fluid .content-container:before, .container-fluid .row-fluid .content-container:after, .container-fluid .row-fluid .w-container:before, .container-fluid .row-fluid .w-container:after { content: " "; display: table; } .container-fluid .row-fluid .content-container:after, .container-fluid .row-fluid .w-container:after { clear: both; } .container-fluid .row-fluid .content-container .w-row, .container-fluid .row-fluid .w-container .w-row { margin-left: -10px; margin-right: -10px; } .container-fluid .row-fluid .w-col { position: relative; float: left; width: 100%; /*min-height: 1px;*/ margin-left: 0; } @media screen and (max-width: 991px) { .content-container, .w-container{ max-width: 728px; } } @media screen and (max-width: 767px) { .container-fluid .row-fluid .content-container .w-row, .container-fluid .row-fluid .w-container .w-row { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 479px) { .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container{ max-width: none; } } .container-fluid .row-fluid .w-col-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-3 { width: 25%; } .container-fluid .row-fluid .w-col-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-6 { width: 50%; } .container-fluid .row-fluid .w-col-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-9 { width: 75%; } .container-fluid .row-fluid .w-col-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-12 { width: 100%; } .container-fluid .row-fluid .no-marg { margin-left: 0; } .container-fluid .row-fluid .w-col-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-offset-11 { margin-left: 91.66666667%; } .container-fluid .row-fluid .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { /* .container-fluid .row-fluid .w-col { padding-right: 0; padding-left: 0; } */ .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container { max-width: 728px; } /*.container-fluid .row-fluid .content-container.large-container,*/ /*.container-fluid .row-fluid .w-container.large-container {*/ /* max-width: 828px;*/ /*}*/ .container-fluid .row-fluid .w-hidden-main { display: inherit !important; } .container-fluid .row-fluid .w-hidden-medium { display: none !important; } .container-fluid .row-fluid .w-col-medium-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-3 { width: 25%; } .container-fluid .row-fluid .w-col-medium-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-6 { width: 50%; } .container-fluid .row-fluid .w-col-medium-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-9 { width: 75%; } .container-fluid .row-fluid .w-col-medium-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-medium-12 { width: 100%; } .container-fluid .row-fluid .w-col-medium-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-medium-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-medium-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-medium-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-medium-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-medium-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-medium-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-medium-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-medium-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-medium-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-11 { margin-left: 91.66666667%; } .container-fluid .row-fluid .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .container-fluid .row-fluid .w-hidden-main { display: inherit !important; } .container-fluid .row-fluid .w-hidden-medium { display: inherit !important; } .container-fluid .row-fluid .w-hidden-small { display: none !important; } .container-fluid .row-fluid .content-container .container-fluid .row-fluid .w-row, .container-fluid .row-fluid .w-row, .container-fluid .row-fluid .w-container .container-fluid .row-fluid .w-row { margin-left: 0; margin-right: 0; } .container-fluid .row-fluid .w-col { width: 100%; left: auto; right: auto; } /*ADDED*/ .w-col { padding-left: 0; padding-right: 0; } .container-fluid .row-fluid .w-col-small-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-small-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-small-3 { width: 25%; } .container-fluid .row-fluid .w-col-small-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-small-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-small-6 { width: 50%; } .container-fluid .row-fluid .w-col-small-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-small-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-small-9 { width: 75%; } .container-fluid .row-fluid .w-col-small-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-small-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-small-12 { width: 100%; } .container-fluid .row-fluid .w-col-small-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-small-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-small-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-small-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-small-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-small-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-small-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-small-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-small-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-small-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-small-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-small-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-small-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-small-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-small-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-small-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-small-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-small-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-small-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-small-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-small-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-small-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-small-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-small-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-small-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-small-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-small-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-small-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-small-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-small-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-small-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-small-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-small-offset-11 { margin-left: 91.66666667%; } } @media screen and (max-width: 479px) { .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container { max-width: none; } .container-fluid .row-fluid .w-hidden-main { display: inherit !important; } .container-fluid .row-fluid .w-hidden-medium { display: inherit !important; } .container-fluid .row-fluid .w-hidden-small { display: inherit !important; } .container-fluid .row-fluid .w-hidden-tiny { display: none !important; } .container-fluid .row-fluid .w-col { width: 100%; } .container-fluid .row-fluid .w-col-tiny-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-3 { width: 25%; } .container-fluid .row-fluid .w-col-tiny-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-6 { width: 50%; } .container-fluid .row-fluid .w-col-tiny-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-9 { width: 75%; } .container-fluid .row-fluid .w-col-tiny-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-tiny-12 { width: 100%; } .container-fluid .row-fluid .w-col-tiny-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-tiny-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-tiny-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-tiny-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-tiny-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-tiny-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-tiny-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-tiny-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-tiny-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-tiny-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-11 { margin-left: 91.66666667%; } } /* Struto Webflow CSS ========================================================================== */ /* CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS-CHECKTHIS */ @media screen and (min-width:1200px) { .container-fluid .row-fluid .w-container { max-width:1170px; } } .content-section.model-one { width: 100%; height: 100vh; padding-top: 100px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/optimized/hero-bg-1-home-1.jpg'); background-position: 50% 0px; background-size: cover; background-attachment: fixed; } .content-section.model-two { display: none; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/Graph-right.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/Graph-left.png'); background-position: 100% 100%, 0px 100%; background-size: contain, contain; background-repeat: no-repeat, no-repeat; } .content-section.model-five { display: block; padding: 4%; background-image: none; background-position: 0px 0px; } .content-section.model-five.services-carousel { padding: 4% 4% 100px; } .content-section.model-five.v1 { padding-bottom: 80px; } .content-section.model-five.v1 { background-color: #f4f4f4; background-image: none; } .content-section.model-five.v2 { background-color: #f2f2f2; } .content-section.model-five.v2.pad-top { padding-top: 165px; } .content-section.model-five.v3 { background-image: none; } .content-section.model-five.v4 { height: auto; background-color: #f4f4f4; background-image: none; background-position: 0px 0px; background-size: auto; } .content-section.model-five.v5 { padding-right: 0%; padding-left: 0%; } .content-section.model-five.v6 { padding-bottom: 6%; } .content-section.model-five.v5.meth-wrap { padding-bottom: 0; } .content-section.model-five.v7 { padding-bottom: 5%; background-color: #f2f2f2; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-lines.png'); background-position: 50% 50%; background-size: 250px; background-attachment: fixed; } .content-section.model-five.v8 { height: auto; } /*.content-section.model-five.v17 { padding-top: 0%; }*/ .v8 .content-custom.model-eighteen { margin-bottom: -150px; } .content-section.model-five.pad-top-set { background-color: #f2f2f2; padding-top: 120px; } .content-section.model-six { padding: 4% 4% 0%; } .content-section.model-six.v1 { background-color: #f4f4f4; background-image: none; } .content-section.model-seven { display: block; height: 405px; margin-bottom: 200px; padding: 4%; background-color: transparent; background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-blur2-1.jpg'); background-image: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-blur2-1.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, scroll; } .content-section.model-seven.v1 { position: relative; height: 700px; background-color: #f2f2f2; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-lines.png'); background-position: 50% 0px; background-size: 300px 300px; background-repeat: repeat; background-attachment: fixed; } /*.content-section.model-seven.v1.about-unique {*/ /* height: 600px;*/ /*}*/ .content-section.model-seven.v1.about-unique { margin-bottom: 100px; } .contact-us-page{ height: auto !important; margin-bottom: 0px !important; } .content-section.model-seven.v2 { height: 950px; background-image: none; } .content-section.model-seven.v3 { height: auto; margin-bottom: 0px; background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-blur2-1.jpg'); background-image: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-blur2-1.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, scroll; } .content-section.model-seven.v4 { position: relative; height: auto; margin-bottom: 0px; padding-top: 0%; padding-bottom: 6%; background-image: -webkit-linear-gradient(305deg, #ffa05a, #ff6464), -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -webkit-linear-gradient(320deg, #7fdec5, #69d38d); background-image: linear-gradient(145deg, #ffa05a, #ff6464), linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(130deg, #7fdec5, #69d38d); } .content-section.model-seven.v4.form { height: auto; margin-bottom: 0px; padding-bottom: 6%; background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(305deg, #7fdec5, #69d38d); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(145deg, #7fdec5, #69d38d); } .content-section.model-eight { padding: 4%; background-color: #222; color: #fff; } .content-section.model-nine { padding: 4%; background-color: #313131; } .content-section.model-three { position: relative; padding-top: 140px; padding-bottom: 80px; color: #fff; } /****Overrides default banner on blog as below******/ .content-section.model-three.v1.banner-blog-pj{ background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/website-banners/banner-blog.jpg'); } .content-section.model-three.v1.blog-banner { padding-bottom: 65px; padding-top: 95px; } .content-section.model-three.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/bg-2.jpg'); background-position: 50% 85%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .content-section.model-three.v2 { position: relative; padding-bottom: 0px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/stock-photo-top-view-office-317335031-1.jpg'); background-position: 50% 50%; background-size: cover; } .content-section.model-three.v3 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/resources-bg.jpg'); background-position: 50% 78%; background-size: cover; background-repeat: no-repeat; } .content-section.model-three.v4 { padding-top: 140px; padding-bottom: 240px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/contact-bg.jpg'); background-position: 50% 33%; background-size: cover; } .content-section.model-four { padding: 6% 4%; } .content-section.model-eleven { display: none; padding-top: 4%; padding-bottom: 4%; background-color: #f1f1f1; background-image: none; background-position: 0px 0px; background-size: auto; } .content-section.model-eleven.v1 { display: none; background-color: #ececec; } .nav { position: fixed; width: 100%; background-color: transparent; } .nav.nav-down { top: 0px; padding-top: 15px; padding-bottom: 15px; } .logo-wrapper { width: 100px; height: 38px; margin-left: 12px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/Struto_logo-1.png'); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; } .inner-content-column.model-two { height: 100%; padding-left: 8%; color: #4e4e4e; } .inner-content-column.model-ten { height: 100%; } .inner-content-column.model-eleven { height: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/cta-test.jpg'); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; } .inner-content-column.model-one { overflow: hidden; height: 0px; padding-bottom: 60%; /*background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/device-ipad-white-outline.svg');*/ background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; text-align: center; } /* .inner-content-column.model-one:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/device-ipad-white.svg'); }*/ .content-row.model-ten { margin-right: 0px; margin-left: 0px; } .content-column.model-one { position: relative; width: 50%; height: 100%; padding-right: 0px; padding-bottom: 150px; padding-left: 0px; } .content-column.model-four { min-height: 300px; } .content-column.model-four.v1 { padding-right: 60px; } .content-column.model-six { text-align: center; } .content-column.model-seven { height: 500px; } .content-column.model-three { padding-right: 40px; padding-left: 0px; } .content-column.model-three.v1 { padding-right: 25px; padding-left: 10px; } .content-column.model-three.v2 { padding-right: 10px; padding-left: 25px; } .content-column.model-eight { display: inline-block; width: 20%; height: 150px; padding: 2% 4%; float: left; text-align: center; } .content-column.model-eight.v1 { position: relative; display: block; padding: 0%; } .content-column.model-eight.v2 { width: 40%; padding-right: 0%; } .content-column.model-eight.v3 { width: 40%; padding-left: 0%; } .content-column.model-twelve.v1 { padding-right: 80px; } .content-column.model-thirteen { border-right: 1px dashed #ccc; } .content-column.model-thirteen.v1 { border-right-color: transparent; } .content-column.model-fourteen { height: 450px; padding-right: 0px; padding-left: 0px; } .content-column.model-fourteen.v1 { padding-right: 50px; } .content-column.model-fourteen.v1.w-col-stack { padding-right: 0; } .content-column.model-fourteen.v2 { height: auto; } .content-column.model-fifteen { padding-right: 20px; padding-left: 20px; } .content-column.model-fifteen.v1 { padding-right: 30px; padding-left: 30px; text-align: center; } .content-column.model-fifteen.v2 { height: 45px; } .content-column.model-fifteen.v4 { height: 774px; padding: 40px; background-color: #f2f2f2; } .content-column.model-fifteen.v5 { padding: 40px; } .content-column.model-sixteen { position: relative; width: 20%; padding-right: 10px; padding-left: 10px; text-align: center; text-decoration: none; } .content-column.model-sixteen.v1 { margin-bottom: 20px; } .content-column.model-seventeen { padding-right: 10px; } .content-column.model-seventeen.v1 { padding-right: 0px; } .content-column.model-two { width: 50%; height: 100%; } .content-column.model-two.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/stock-photo-beautiful-businesswoman-portrait-124505092.jpg'); background-position: 50% 0px; background-size: cover; background-repeat: no-repeat; } .content-column.model-two.v2 { padding: 40px 6%; } .content-column.model-five.v1 { padding-right: 5%; } .content-column.model-five.v2 { padding-left: 5%; } .model-eight.p p{ color: #777; font-size: 30px; line-height: 1.4; } .content-column.model-nine { position: relative; width: 100%; height: 350px; padding: 40px 20px 20px; float: left; } .content-column.model-nine.v1 { background-color: #40c6f1; color: #fff; text-align: center; } .content-column.model-nine.v2 { background-color: #ffa05a; color: #fff; text-align: center; } .content-column.model-nine.v3 { background-color: #ff6464; color: #fff; text-align: center; } .content-column.model-nine.v4 { background-color: #00d2ff; color: #fff; text-align: center; } .content-column.model-nine.v5 { background-color: #7fdec5; color: #fff; text-align: center; } .content-column.model-nine.v6 { background-color: #b2d46a; color: #fff; text-align: center; } .content-column.model-eleven { padding: 0px 5px; background-color: transparent; } .hd.model-one { margin-bottom: 10px; font-family: Raleway, sans-serif; color: #000; font-size: 102px; line-height: 90px; text-transform: uppercase; } .hd.model-two { margin-bottom: 20px; font-family: Raleway, sans-serif; color: #fff; font-size: 40px; line-height: 45px; font-weight: 700; text-transform: uppercase; } .hd.model-two.v1 { margin-top: 0px; margin-bottom: 10px; color: #333; font-size: 18px; line-height: 24px; text-align: left; } .hd.model-four { margin-bottom: 0px; font-size: 60px; } .hd.model-six { text-transform: uppercase; } .hd.model-six.v1 { margin-bottom: 10px; } .hd.model-seven { margin-bottom: 50px; color: #5a5a5a; text-transform: uppercase; } .hd.model-eight { margin-bottom: 0px; float: left; color: #222; text-transform: uppercase; } .hd.model-eight.v1 { margin-top: 28px; margin-bottom: 15px; float: none; font-size: 18px; text-align: center; } .hd.model-eight.v2 { display: block; margin-top: 45px; float: none; color: #222; font-weight: 700; text-align: center; } h5.hd.model-eight.v2 { font-size: 14px; } .hd.model-eight.v2.less-margin { margin-top: 24px; text-decoration: none; } .hd.model-eight.v3 { margin-top: 0px; margin-bottom: 12px; float: none; color: #333233; text-align: left; } .hd.model-eight.v4 { margin-top: 25px; float: none; } .estimated-col-left .hd.model-eight.v4 { margin-top: 23px; } .hd.model-eight.v5 { margin-top: 0px; float: none; font-size: 50px; } .hd.model-eight.v6 { margin-top: 30px; margin-bottom: 0px; float: none; text-align: center; } .hd.model-eight.v7 { text-align: left; } .hd.model-nine { font-size: 88px; font-weight: 400; } .hd.model-three { margin-bottom: 10px; } .hd.model-twelve{ margin-bottom: 10px; color: #fff; } .p.model-one { color: #000; font-size: 25px; line-height: 35px; text-transform: uppercase; } .p.model-two { font-size: 16px; } .p.model-two h5{ width: 70%; margin-right: auto; margin-left: auto; color: #777; font-size: 20px; line-height: 1.4; font-weight: 400; text-transform: none; } .p.model-two.v1 { margin-bottom: 0px; padding-right: 35px; padding-left: 35px; color: #777; } .p.model-two.v2 { margin-top: 14px; margin-right: 15px; float: right; } .p.model-three { font-size: 20px; } .p.model-three.v1 { font-style: italic; } .p.model-six { margin-bottom: 0px; font-size: 12px; } .p.model-four { margin-bottom: 15px; } .p.model-five { display: inline-block; color: #777; font-size: 13px; } .p.model-five.v1 { color: #40c6f1; font-size: 16px; } .p.model-five.v1:hover { text-decoration: underline; } .mouse-icon { display: none; } .highlight-intro-text { margin-bottom: 13px; text-align: left; } .btn-model-three.v2.highlight { margin-top: 0px; padding: 0px; float: left; border-style: none; font-weight: 700; } .btn-model-three.v2.highlight:hover { box-shadow: none; text-decoration: underline; } .btn-model-one { display: inline-block; margin-bottom: 10px; /*padding: 12px 20px;*/ padding: 10px 30px; border: 2px solid #40c6f1; border-radius: 3px; background-color: transparent; -webkit-transition: box-shadow 350ms ease; transition: box-shadow 350ms ease; font-family: Lato, sans-serif; color: #40c6f1; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-model-one:hover { border-color: #40c6f1; box-shadow: inset 0 0 0 4px #40c6f1; color: #40c6f1; } .btn-model-one.v2 { position: absolute; left: 50%; bottom: -36px; display: block; background-color: #fff; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .btn-model-one.v2.inverse { background-color: #40c6f1; -webkit-transition: box-shadow 350ms ease, background-color 350ms ease; transition: box-shadow 350ms ease, background-color 350ms ease; color: #fff; } .btn-model-one.v2.inverse:hover { border-width: 2px; background-color: #fff; color: #40c6f1; } .btn-model-one.v2.price:hover { background-color: #f3550d; border-color: #f3550d; border-width: 2px; box-shadow: none; color: #fff; } .btn-model-one.v1 { margin-right: 13px; border-color: #fff; color: #fff; } .btn-model-one.v1:hover { box-shadow: inset 0 0 0 4px #fff; } .btn-model-one.v3 { margin-right: 15px; float: left; } .btn-model-one.v4 { margin-right: 5px; margin-left: 5px; } .btn-model-one.v4.active { background-color: #40c6f1; color: #fff; } .content-img.model-three { position: relative; display: block; width: 300px; height: 300px; margin-right: auto; margin-left: auto; border: 8px none #c7e8e9; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/stock-photo-smiling-happy-woman-384995470-1.jpg'); background-position: 50% 50%; background-size: 100%; } .content-img.model-five { position: absolute; z-index: 3; width: 90%; -webkit-transform: translate(0px, -50%) translate(-50%, 0px); -ms-transform: translate(0px, -50%) translate(-50%, 0px); transform: translate(0px, -50%) translate(-50%, 0px); } .content-img.model-seven { width: 60px; height: 60px; float: left; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/stock-photo-young-designer-analyzing-data-in-office-326441120-1.jpg'); background-position: 0px 0px; background-size: cover; } .content-img.model-nine { width: 30px; height: 30px; margin-right: 10px; opacity: 0.2; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .content-img.model-nine:hover { opacity: 1; } .content-img.model-nine.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/icon_twitter-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .content-img.model-nine.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/facebook-logo-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-nine.v3 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/icon_linkedin-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-fourteen { display: block; max-height: 80px; max-width: 150px; margin-right: auto; margin-left: auto; } .content-img.model-fifteen { position: absolute; top: 5%; right: 13px; display: block; width: 70px; height: 70px; margin-bottom: 30px; margin-left: -25px; border: 10px solid #fff; border-radius: 100%; background-color: #fff; text-align: center; } .quote-block h1 { text-transform: none; } .quote-block .content-img.model-fifteen.v1{ top:0; transform:translateY(-50%); } .content-img.model-fifteen.v1 { border-width: 6px; display: block; left: 13px; margin-left: auto; margin-right: auto; position: absolute; right: 13px; top: -15%; } .content-img.model-sixteen { width: 40px; } .content-img.model-eighteen { width: 5em; margin-bottom: 40px; } .content-img.model-nineteen { width: 100%; margin-bottom: 20px; } .content-img.model-twenty { width: 100%; margin-bottom: 20px; } .content-img.model-twenty-one { width: 100%; } .content-img.model-twenty-two { width: 80%; } .content-img.model-twenty-three { max-height: 100%; } .content-img.model-two { position: relative; z-index: 2; } .content-img.model-four { max-width: 80px; } .content-img.model-six { position: absolute; left: 50%; top: -22px; } .content-img.model-six.v1 { top: auto; bottom: -22px; width: 30px; } .content-img.model-six.v2 { left: 20%; width: 30px; } .content-img.model-six.v3 { left: 75%; width: 30px; } .content-img.model-six.v4 { left: 20%; top: auto; bottom: -22px; width: 30px; } .content-img.model-six.v5 { left: 75%; top: auto; bottom: -22px; width: 30px; } .content-img.model-six.v6 { left: -22px; top: 45%; height: 30px; } .content-img.model-six.v7 { left: auto; top: 50%; right: -22px; height: 30px; } .content-img.model-six.v8 { width: 30px; } .content-img.model-eight { width: 100%; height: 423px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/stock-photo-group-of-young-people-employee-workers-with-computer-in-urban-alternative-studio-business-concept-558300457-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-column.model-five.v1 img, .content-img.model-ten, .content-img.model-ten img, .content-img.model-eleven img { width: 100%; } .content-img.model-twenty-four { max-width: 98%; } .content-custom.model-one { position: absolute; right: 0px; bottom: 0px; z-index: 1; display: none; border-bottom: 200px solid rgba(221, 78, 12, .8); border-left: 200px solid transparent; } .content-custom.model-four { display: block; background-color: transparent; color: #333; text-align: left; } .content-custom.model-four.v1 { padding: 11% 11% 8%; border: 4px solid #fff; background-color: transparent; -webkit-transition: box-shadow 350ms ease, background-color 350ms ease; transition: box-shadow 350ms ease, background-color 350ms ease; } .content-custom.model-four.v1:hover { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-five { position: relative; width: 100%; height: 100%; padding-bottom: 100px; background-image: none; background-position: 0px 0px; -webkit-transition: box-shadow 200ms ease; transition: box-shadow 200ms ease; color: #fff; text-align: center; text-decoration: none; } .content-custom.model-six { position: absolute; bottom: 0px; display: block; width: 100%; height: 100px; padding-top: 15px; /*padding-bottom: 30px;*/ background-color: #f5f5f5; opacity: 1; -webkit-transition: opacity 200ms ease, top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease; transition: opacity 200ms ease, top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease; } .content-custom.model-eight { display: block; overflow: hidden; margin-bottom: 30px; padding-left: 15px; color: #fff; text-decoration: none; } .content-custom.model-ten { overflow: hidden; } .content-custom.model-thirteen { margin-bottom: 20px; } .content-custom.model-thirteen.table-set { display: table; width: 100%; } .table-col { display: table-cell; vertical-align: middle; } .content-custom.model-fourteen { overflow: hidden; min-height: 45px; } .content-custom.model-fourteen.table-col { width: 83%; } .services-plans .content-custom.model-fourteen { /*overflow: visible; */ } .services-plans .content-column.model-fifteen { padding-left: 0; padding-right: 0; } .content-custom.model-fourteen.v1 { min-height: 0px; margin-top: 40px; text-align: center; } .content-custom.model-sixteen { position: relative; border-left: 2px solid #40c6f1; } .content-custom.model-seventeen { width: 50%; padding-right: 50px; } .content-row.model-seven.no-border .content-divider.model-four{ display:none; } .content-custom.model-eighteen { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-eighteen.v1 { position: absolute; padding: 80px 40px 0px; border-bottom: 2px solid #40c6f1; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-eighteen.v2 { position: absolute; top: -225px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #40c6f1; } .content-custom.model-eighteen.v3 { padding: 60px; border-bottom: 2px solid #40c6f1; } .content-custom.model-eighteen.v4 { padding-top: 60px; padding-bottom: 60px; } .content-custom.model-nineteen { position: absolute; bottom: 0px; z-index: 4; width: 100%; height: 150px; background-color: #fff; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/home-banner/Graph-right-2-1.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/home-banner/Graph-left-2-1.png'); background-position: 100% 100%, 0px 100%; background-repeat: no-repeat, no-repeat; } .hp-strip.content-custom.model-nineteen { background-size: contain; } .content-custom.model-nineteen.v1 { background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)); background-position: 0px 0px; background-repeat: repeat; } .content-custom.model-twenty-one { position: relative; } .content-custom.model-twenty-two { width: 45px; margin-right: 15px; float: left; } .content-custom.model-two { width: 100%; } .content-custom.model-three { position: relative; margin: 80px 15%; border-bottom: 2px solid #dedede; } .content-custom.model-seven { position: absolute; width: 15px; height: 15px; border: 4px solid #dedede; border-radius: 50px; background-color: #ff6464; -webkit-transform: translate(0px, -40%); -ms-transform: translate(0px, -40%); transform: translate(0px, -40%); } .content-custom.model-seven.v1 { right: 0px; } .content-custom.model-seven.v2 { left: 50%; -webkit-transform: translate(0px, -40%) translate(-7px, 0px); -ms-transform: translate(0px, -40%) translate(-7px, 0px); transform: translate(0px, -40%) translate(-7px, 0px); } .content-custom.model-seven.v3 { left: 0px; } .content-custom.model-nine { position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; padding-top: 6px; border: 3px solid #fff; border-radius: 30px; background-color: transparent; font-family: Raleway, sans-serif; font-size: 17px; line-height: 10px; font-weight: 700; } .content-custom.model-nine.v1 { color: #40c6f1; } .content-custom.model-nine.v2 { color: #ffa05a; } .content-custom.model-nine.v3 { color: #ff6464; } .content-custom.model-nine.v4 { color: #00d2ff; } .content-custom.model-nine.v5 { color: #7fdec5; } .content-custom.model-nine.v6 { color: #b2d46a; } .content-custom.model-twenty-four { padding: 30px 50px; border-bottom: 2px solid #40c6f1; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } /* Pricing Page blocks*/ .v7 .content-custom.model-twenty-four { padding: 30px 50px 80px; text-align: center; } .content-spacer { height: 20px; } .content-spacer.model-two { height: 60px; } .content-spacer.model-two.v2 { height: 20px; } .content-spacer.model-two.v3 { height: 20px; } .content-spacer.model-three { height: 40px; } .content-divider { height: 4px; margin-top: 30px; margin-bottom: 30px; background-color: #b8b8b8; } .content-divider.model-one { width: 50px; height: 4px; margin-top: 0px; background-color: #40c6f1; } .content-divider.model-two { display: block; width: 50px; margin: 20px auto; background-color: #fff; } .content-divider.model-two.v1 { background-color: #40c6f1; } .content-divider.model-three { width: 40px; margin-top: 0px; margin-bottom: 20px; } .content-divider.model-three.v1 { background-color: #40c6f1; } .text-color-model-one { color: #40c6f1; } .text-color-model-one.v1 { color: #40c6f1; } .nav-link { margin-right: 20px; margin-left: 20px; padding: 10px 0px 5px; color: #fff; font-size: 14px; text-transform: uppercase; } .nav-link:hover { box-shadow: inset 0 0 0 0 #000; } .nav-link.w--current { color: #40c6f1; } .link-model-one { display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 0px solid #292929; color: #fff; text-decoration: none; } .link-model-one:hover { border-bottom-style: dotted; border-bottom-color: #40c6f1; color: #40c6f1; } .form-field { border: 2px solid #fff; background-color: transparent; } .form-field.model-one { height: 56px; margin-bottom: 10px; border-width: 1px; border-color: #fff; border-right-style: none; border-radius: 3px; background-color: #fff; box-shadow: none; -webkit-transition: border 450ms ease; transition: border 450ms ease; } .form-field.model-one:focus { border: 1px solid #40c6f1; background-color: #fff; } .form-field.model-one.v1 { background-color: #f2f2f2; } .link-model-two { color: #fff; text-decoration: none; } .link-model-two:hover { border-bottom: 1px dotted #40c6f1; color: #40c6f1; } .content-footer.model-one { color: #6b6b6b; font-size: 12px; font-style: italic; } .btn-model-four { width: 160px; padding: 15px 30px; float: right; border: 3px solid #40c6f1; background-color: #40c6f1; color: #fff; font-size: 18px; text-transform: uppercase; } .showcase-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; display: block; background-color: rgba(255, 255, 255, 0); background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/mode-circular-button-1.png'); background-position: 50% 75%; background-size: 32px; background-repeat: no-repeat; opacity: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; color: #000; } .showcase-overlay:hover { background-color: rgba(255, 255, 255, 0.9); background-position: 50% 50%; opacity: 1; } .showcase-overlay.mobile-overlay { background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/mode-circular-button-1-white.png'); background-color: transparent; background-position: 3% 20px; display: none; opacity: 0; } .showcase-overlay.mobile-overlay:hover { background-color: transparent; background-position: 5% 20px; } /***** buttons on showcase ****/ /*** added 19-10-2017 ******/ .content-column.no-p-left { padding-left: 0px; padding-right:10px; } .content-column.no-p-right { padding-right: 0px; padding-left:10px; float:right !important; } .case-study-link-block { width: 100%; padding: 35px; background-color: #f4f4f4; color: #333; text-decoration: none; } .case-study-link-block:hover{ text-decoration:none; } .showcase-arrow-left { width: 50px; height: 50px; float: left; border: 2px solid #40c6f1; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/Showcases/arrow-left.svg'); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; } .showcase-arrow-right { width: 50px; height: 50px; float: right; border: 2px solid #40c6f1; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/Showcases/arrow-right.svg'); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; } .showcase-content-wrapper { margin-top: 4px; margin-left: 70px; float: none; text-decoration: none; } .showcase-body-text.v1 { margin-bottom: 0px; color: #a3a3a3; text-decoration: none; } .showcase-body-text { margin-bottom: 0px; font-size: 12px; line-height: 18px; font-style: italic; } .showcase-header { margin-bottom: 0px; font-size: 16px; font-weight: 700; text-transform: uppercase; } .content-container.model-two.v3.showcase-btn-wrapper { padding-bottom: 135px; padding-top: 13px; max-width: 960px; } .content-container.model-two.v2.showcase-btn-inner { padding-top: 0; } .content-column.no-p-right .showcase-content-wrapper { text-align:right; margin-right:70px; margin-left:0; } @media(max-width:1199px){ .content-column.no-p-left{ padding-left:40px; } .content-column.no-p-right{ padding-right:40px; } } @media(max-width:991px){ .content-column.no-p-left { padding-left: 30px; } .content-column.no-p-right{ padding-right:30px; } } @media(max-width: 767px){ .showcase-overlay.mobile-overlay { display: block; opacity: 1; } .case-study-link-block.v1 { height: auto; padding: 20px; } .content-column.no-p-left, .content-column.no-p-right { padding: 0 30px; margin-bottom: 20px; } .content-container.model-two.v3.showcase-btn-wrapper { padding-bottom: 45px; padding-top: 5px; } .p.model-two h5{ width: 100%; } } .content-container { position: relative; z-index: 2; } .content-container.model-one { text-align: center; } .content-container.model-one.blog-container { padding-top: 220px; } .content-container.model-two.v1 { display: block; } .link-model-four { width: 40px; height: 40px; margin-right: 5px; margin-left: 5px; border: 2px solid #40c6f1; color: #40c6f1; line-height: 37px; text-decoration: none; } .link-model-four:hover { background-color: #40c6f1; color: #fff; } .link-model-four.active { background-color: #40c6f1; color: #c7e8e9; } .text-color-model-three { color: #858585; } .text-color-model-three.v1 { font-size: 14px; } .content-list.model-one { margin-bottom: 0px; padding-left: 0px; } .list-item.model-one { border-bottom: 1px dashed #d5d5d5; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/right-arrow.png'); background-position: 93% 50%; background-size: 16px; background-repeat: no-repeat; -webkit-transition: padding 200ms ease, background-position 350ms cubic-bezier(.6, -.28, .735, .045), background-color 300ms ease; transition: padding 200ms ease, background-position 350ms cubic-bezier(.6, -.28, .735, .045), background-color 300ms ease; } .list-item.model-one:hover { background-color: #fff; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/right-arrow.png'); background-position: 100% 50%; background-size: 16px; } .list-item.model-one.v1 { border-bottom-color: transparent; } .list-item.model-two { padding-left: 44px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/phone.svg'); background-position: 0px 50%; background-size: 30px 30px; background-repeat: no-repeat; } .list-item.model-two.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/support.svg'); background-position: 0px 50%; background-size: 35px 35px; background-repeat: no-repeat; } .list-item.model-two.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/icon-map.svg'); background-position: 0% 19%; background-size: 35px 35px; } .list-item.model-two.v3 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/icon-map-2.svg'); background-position: 0px 0px; background-size: 32px 32px; } .list-img { margin-right: 30px; float: left; } .list-img.model-one { margin-right: 15px; width: 20px; } .list-content { overflow: hidden; } /*Services Blocks */ .table-setting > div { display: table !important; height: 100% !important; } .table-setting > div > div { display: table-row !important; height: 100% !important; } .table-setting .content-column { display: table-cell !important; height: 100% !important; } .set-cell > div, .set-cell > div > div { height: 100%; } .set-cell .content-custom { height: 100%; } @media(max-width: 767px){ .table-setting .content-column { display: block !important; height: auto !important; } } /* .price-list .content-custom.model-four.v1 { min-height: 468px; } @media(max-width: 1199px){ .price-list .content-custom.model-four.v1 { min-height: 500px; } } @media(max-width: 991px){ .price-list .content-custom.model-four.v1 { min-height: 560px; } } @media(max-width: 767px){ .price-list .content-custom.model-four.v1 { min-height: auto; } } */ .list-content.model-one { width: 100%; height: 350px; padding: 20px; color: #fff; text-align: center; } .list-content.model-one.v1 { background-color: #40c6f1; } .list-content.model-one.v2 { background-color: #ffa05a; } .list-content.model-one.v3 { background-color: #ff6464; } .list-content.model-one.v4 { background-color: #00d2ff; } .list-content.model-one.v5 { background-color: #7fdec5; } .list-content.model-one.v6 { background-color: #b2d46a; } .team-subtitle { margin-bottom: 30px; color: #c2c2c2; font-style: italic; } .team-tile { margin-bottom: 5px; color: #000; font-size: 18px; line-height: 18px; font-weight: 700; } .team-tile.model-one { font-size: 16px; } .team-overlay { position: absolute; left: 10px; top: 0px; right: 10px; bottom: 0px; display: block; background-color: rgba(0, 0, 0, .05); background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/mode-circular-button-1_1-1.png'); background-position: 50% 50%; background-size: 32px; background-repeat: no-repeat; } .team-overlay.model-one { display: block; background-color: rgba(255, 255, 255, 0.9); background-position: 50% 25%; opacity: 0; -webkit-transition: opacity 300ms ease, background-position 300ms ease; transition: opacity 300ms ease, background-position 300ms ease; } .team-overlay.model-one:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/mode-circular-button-1.png'); background-position: 50% 50%; background-size: 32px; opacity: 1; } .caption-showcase { position: absolute; top: 10%; width: 100%; padding-right: 40px; padding-left: 40px; } .btn-model-six { margin-right: 20px; margin-bottom: 10px; padding: 10px 30px; border: 3px solid transparent; /* ADDED */ display: inline-block; border-radius: 3px; background-color: #40c6f1; -webkit-transition: background-color 400ms ease; transition: background-color 400ms ease; color: #fff; font-size: 16px; text-decoration: none; text-transform: uppercase; } .btn-model-six.v1 { margin-right: 0px; } .btn-model-six:hover { background-color: #ff5a0e; } .link-block.model-one { width: 100%; padding: 40px 80px 40px 40px; color: #777; text-decoration: none; } .fadein { position: absolute; top: 100px; right: 0px; bottom: 150px; z-index: 3; width: 50%; min-height: 615px; } .link-model-three { color: #40c6f1; } .link-model-three:hover { text-decoration: none; } .banner-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; background-image: -webkit-linear-gradient(289deg, rgba(0, 210, 255, .9), #bce6ca); background-image: linear-gradient(161deg, rgba(0, 210, 255, .9), #bce6ca); } .team-bio-overlay { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; width: 100%; background-color: rgba(255, 255, 255, 0.95); } .team-bio-wrap { position: relative; display: block; width: 100%; height: 100%; } .btn-close { position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; color: #40c6f1; font-size: 45px; text-decoration: none; } .btn-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .title-position { margin-bottom: 30px; color: #40c6f1; font-size: 18px; } .title-name { margin-bottom: 10px; color: #000; font-size: 38px; line-height: 1em; font-weight: 700; } .btn-container.model-one { height: 60px; text-align: center; } .btn-container.model-two { position: relative; border-bottom: 2px solid #40c6f1; text-align: center; } .btn-container.model-three { position: relative; display: block; width: 100%; height: 0px; margin-top: 0px; margin-right: auto; margin-left: auto; text-align: center; } .btn-model-two { display: inline-block; width: 60px; height: 60px; border-radius: 50px; background-color: #40c6f1; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/play-button-white.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/play-button-white.png'); background-position: -50px 50%, 54% 50%; background-size: 25px, 25px; background-repeat: no-repeat, no-repeat; box-shadow: inset 0 0 0 3px #40c6f1; -webkit-transition: box-shadow 300ms ease, background-color 300ms cubic-bezier(.175, .885, .32, 1.275), background-position 300ms ease; transition: box-shadow 300ms ease, background-color 300ms cubic-bezier(.175, .885, .32, 1.275), background-position 300ms ease; } .btn-model-two:hover { background-color: transparent; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/play-button-white.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/play-button-white.png'); background-position: 54% 50%, 144% 50%; background-size: 25px, 25px; background-repeat: no-repeat, no-repeat; box-shadow: inset 0 0 0 7px #40c6f1; } .btn-model-three { display: inline-block; padding: 8px 10px; border: 2px solid #40c6f1; border-radius: 2px; -webkit-transition: box-shadow 300ms ease; transition: box-shadow 300ms ease; color: #40c6f1; font-size: 12px; text-decoration: none; text-transform: uppercase; } .btn-model-three:hover { box-shadow: inset 0 0 0 3px #40c6f1; } .btn-model-three.v1 { display: none; margin-top: 10px; } .text-color-model-two { color: #fff; } .test { padding: 30px 0px; border-style: solid; border-width: 2px; border-color: #40c6f1 transparent; } .process-slider { position: relative; padding-bottom: 50px; } .btn-slider { height: 40px; padding-right: 20px; padding-left: 20px; line-height: 40px; } .process-list-item { position: relative; display: inline-block; width: 16.6666%; } .wrap-process { display: none; } .video-wrap { position: absolute; left: 12%; top: 4.44%; right: 9.9%; bottom: 4.44%; overflow: hidden; } .video-wrap.v2 { border: 9px dashed; bottom: 0; left: 0; overflow: hidden; padding: 10px; position: absolute; right: 0; top: 0; } .video-model-one { max-height: 100%; max-width: 100px; min-height: 100%; min-width: 100%; } .utility-page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .utility-page-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .utility-page-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .filter-block { margin-bottom: 50px; padding-right: 10px; padding-left: 10px; text-align: center; } .filter-block.v1 { display: none; } .resources-dropdown { padding-top: 13px; padding-right: 18px; padding-bottom: 12px; float: right; border: 2px solid #dfdfdf; border-radius: 3px; font-size: 16px; } .resources-dropdown.v1 { float: left; } .resources-dropdown-toggle { display: block; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; font-size: 13px; } .resources-dropdown-icon { margin-right: 0px; color: #40c6f1; font-size: 16px; } .resources-dropdown-list { display: none; } .resources-dropdown-list.w--open { margin-top: 24px; border: 2px none #dfdfdf; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2); } .resources-dropdown-list.v1.w--open { left: -115px; } .resources-dropdown-link { background-color: #f5f5f5; -webkit-transition: background-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, color 500ms ease; color: #777; font-size: 16px; text-align: center; } .resources-dropdown-link:hover { border-style: none; background-color: #e4e4e4; color: #777; } .contact-block { margin-bottom: 40px; } .form-dropdown { height: 56px; border-style: none; background-color: #f2f2f2; background-image: -webkit-linear-gradient(270deg, #f2f2f2, #f2f2f2); background-image: linear-gradient(180deg, #f2f2f2, #f2f2f2); } .form-textarea { display: inline-block; min-height: 135px; padding-top: 15px; border-style: none; background-color: #f2f2f2; } .offer-heading-text { margin-bottom: 40px; text-align: center; } .offer-heading-text.v1 { margin-bottom: 30px; color: #40c6f1; font-size: 75px; } .offer-heading-text.model-one { margin-top: 30px; margin-bottom: 70px; font-size: 25px; } .offer-heading-text.model-one.v2 { margin-top: 0; margin-bottom: 0; text-align: left; } .offer-heading-text.model-one.v3 { margin-top: 0px; } .contact-h2 { font-size: 20px; } .contact-h2.v1 { margin-top: 0px; } .social-links { width: 50px; margin-right: 10px; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; } .social-links:hover { opacity: 0.6; } .form-map { height: 300px; } .img-icon-method { position: relative; display: block; width: 120px; height: 120px; margin-right: auto; margin-left: auto; padding: 34px; border: 2px none #40c6f1; border-radius: 100px; background-color: #40c6f1; } .img-icon-method.v1 { background-color: #ffa05a; } .img-icon-method.v2 { background-color: #ff6464; } .img-icon-method.v3 { background-color: #00d2ff; } .img-icon-method.v4 { background-color: #7fdec5; } .img-icon-method.v5 { background-color: #b2d46a; } .text-block-metho { position: absolute; top: -6px; right: -3px; width: 40px; height: 40px; padding-top: 2px; border: 5px solid #f4f4f4; border-radius: 100px; background-color: #40c6f1; color: #fff; text-align: center; } .text-block-metho.v1 { border-color: #fcfcfc; background-color: #ffa05a; } .text-block-metho.v1.white-border { border-color: #fff; } .text-block-metho.v2 { border-color: #f4f4f4; background-color: #ff6464; } .text-block-metho.v2.white-border { border-color: #fff; } .text-block-metho.v3 { border-color: #fcfcfc; background-color: #00d2ff; } .text-block-metho.v3.white-border { border-color: #fff; } .text-block-metho.v4 { border-color: #f4f4f4; background-color: #7fdec5; } .text-block-metho.v4.white-border { border-color: #fff; } .text-block-metho.v5 { border-color: #fcfcfc; background-color: #b2d46a; } .text-block-metho.v5.white-border { border-color: #fff; } .text-block-metho.v6 { border-color: #fff; } .process-block { margin-bottom: 50px; padding-right: 100px; padding-bottom: 40px; padding-left: 100px; border-bottom: 1px dashed #d1d1d1; text-align: center; } .process-block.last { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none; } .processes-block { background-color: #f4f4f4; float: left; min-height: 800px; padding: 100px 50px; width: 33.333%; } .processes-block.v1 { background-color: #fcfcfc; text-align: center; } .processes-block.v2 { text-align: center; } .body-content-section { background-color: #c7e8e9; } .content-ui-widget { position: relative; height: 13px; max-width: 100%; border-radius: 100px; background-color: #f2f2f2; } .content-ui-widget.model-one { height: 6px; margin-top: 8px; } .content-ui-widget-green-col { position: static; top: 0px; width: 700px; height: 13px; border-radius: 100px; background-color: #b2d46a; } .content-ui-widget-green-col.model-one { width: 500px; height: 6px; background-color: #40c6f1; } .content-ui-widget-green-col.model-one.v1 { width: 250px; background-color: #ffa05a; } .content-ui-widget-green-col.model-one.v2 { width: 357px; background-color: #ff6464; } .content-ui-widget-green-col.model-one.v3 { width: 100px; background-color: #00d2ff; } .content-ui-widget-green-col.model-one.v4 { width: 200px; background-color: #7fdec5; } .content-cal-widget-tokens-btn { position: absolute; left: 664px; top: -16px; right: 0px; bottom: 0px; width: 43px; height: 43px; padding: 15px; border-radius: 100px; background-color: #333233; box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, .3); text-decoration: none; } .content-cal-widget-tokens-btn.model-one { left: 482px; top: -13px; width: 30px; height: 30px; padding: 12px; } .content-cal-widget-tokens-btn.model-one.v1 { left: 233px; } .content-cal-widget-tokens-btn.model-one.v2 { left: 346px; } .content-cal-widget-tokens-btn.model-one.v3 { left: 80px; } .content-cal-widget-tokens-btn.model-one.v4 { left: 184px; } .content-cal-btn-inner-circle { width: 13px; height: 13px; border-radius: 100px; background-color: #b2d46a; box-shadow: 0 0 20px 3px rgba(0, 0, 0, .6); } .content-cal-btn-inner-circle.model-one { width: 6px; height: 6px; background-color: #40c6f1; } .content-cal-btn-inner-circle.model-one.v1 { background-color: #ffa05a; } .content-cal-btn-inner-circle.model-one.v2 { background-color: #ff6464; } .content-cal-btn-inner-circle.model-one.v3 { background-color: #00d2ff; } .content-cal-btn-inner-circle.model-one.v4 { background-color: #7fdec5; } .content-cal-tokens { position: static; left: -36px; top: -60px; width: 115px; padding: 10px 15px 1px; border-radius: 100px; background-color: #333233; color: #fff; text-decoration: none; } .triangle { position: relative; left: 0px; top: 2px; display: block; width: 50px; height: 50px; margin-right: auto; margin-left: auto; padding-top: 21px; border-style: none; border-width: 10px 10px 30px; border-color: transparent transparent #b2d46a; } .triangle.white { position: static; left: 0px; top: -158px; right: 0px; width: 200px; height: 83px; margin-top: -5px; padding-top: 0px; } .content-widget-token-block { position: absolute; left: -36px; top: -59px; } .ruler-block { margin-top: 5px; } .estimated-tokens-block { display: block; width: 440px; margin-right: auto; margin-left: auto; padding: 15px; border-radius: 100px; background-color: #b2d46a; } .estimated-col-two { border-left: 2px none #000; } .estimated-col-left { width: 49%; float: left; border-right: 2px none #333233; background-color: transparent; } .estimated-col-middle { width: 2px; height: 20px; margin-top: 23px; float: left; background-color: #333233; } .estimated-col-right { width: 49%; float: left; } .pound-sign { position: relative; top: -36px; margin-right: 6px; font-size: 20px; } .pricing-divider { height: 2px; margin-bottom: 30px; background-color: #f4f4f4; } .pricing-divider.v2 { background-color: #b8b8b8; height: 3px; margin-top: 30px; } .pricing-list-item { padding-top: 8px; padding-bottom: 8px; border-bottom: 2px none #f4f4f4; text-align: center; } .services-column { padding: 60px; background-image: -webkit-linear-gradient(321deg, #69d38d, #7fdec5); background-image: linear-gradient(129deg, #69d38d, #7fdec5); } .solutions-slider { background-color: transparent; } .content-slider-block { padding: 60px 10px 60px 60px; } .design-slider { background-color: transparent; } .content-slider-nav { padding-top: 30px; text-align: left; } .design-services-block { padding: 60px; border-bottom: 2px solid #40c6f1; } .expert-txt-container{ text-align:center; } .triangle-block { display: block; width: 145px; height: 145px; margin-right: auto; margin-left: auto; border-style: solid; border-width: 73px; border-color: #f2f2f2 transparent transparent; } .traingle-white { border-color: #ffffff transparent transparent; } .triangle-block.white { border-top-color: #fff; } /*** Software page ****/ .pricing { margin-top: 30px; margin-bottom: 60px; padding-top: 10px; padding-bottom: 10px; } .pricing-p { padding-top: 5px; text-align: center; } .pricing-p.more-space { padding-top: 5px; padding-bottom: 22px; } .content-internal-h3-heading, .content-internal-h2-heading { text-transform: uppercase; } .pricing-block { display: block; padding: 40px 5px; border-bottom: 2px solid #40c6f1; background-color: hsla(0, 0%, 99%, 0); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; text-align: center; text-decoration: none; } a.pricing-block:hover, a.pricing-block { text-decoration: none; } .pricing-block:hover { margin-top: 0px; padding-bottom: 40px; border-bottom-width: 2px; box-shadow: 0 0 18px 0 hsla(0, 4%, 61%, .46); -webkit-transform: none; -ms-transform: none; transform: none; text-decoration: none; } .pricing-block.pricing-block-2 { margin-right: 50px; } .pricing-block.bock1 { padding-top: 40px; padding-bottom: 20px; border-radius: 3px; background-color: #40c6f1; } .pricing-block.bock1:hover { box-shadow: none; } .pricing-block.block2 { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; background-color: #ffa05a; } .pricing-block.block2:hover { box-shadow: none; } .pricing-block.block3 { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; background-color: #ff6464; } .pricing-block.block3:hover { box-shadow: none; } .pricing-block.block4 { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; background-color: #00d2ff; } .pricing-block.block4:hover { box-shadow: none; } .pricing-block.block5 { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; background-color: #7fdec5; } .pricing-block.block5:hover { box-shadow: none; } .pricing .w-col { padding-left: 10px; padding-right: 10px; } .content-internal-h3-heading.pricing-heading { margin-top: 5px; color: #40c6f1; font-size: 35px; font-weight: 700; text-align: center; text-decoration: none; } .content-internal-h3-heading.pricing-heading.block1 { color: #f49d5c; } .content-internal-h3-heading.pricing-heading.price-mothly { padding-top: 20px; } .content-internal-h3-heading.pricing-small-heading { font-size: 20px; } .heading { font-weight: 400; text-align: center; text-decoration: none; } .heading.resources-heading { padding-top: 15px; color: #6b6b6b; font-size: 16px; text-transform: none; } .pricing-block.no-border { margin: 50px 0px; padding-right: 10px; padding-left: 10px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); } .ad-ons { margin-top: 50px; margin-bottom: 30px; } .ad-ons .image-2 { max-width: 80%; text-align: left; margin-bottom: 30px; } img.st-attract-delight { width: 30%; margin: 0 auto; } .ad-ons.w-row p { margin-bottom: 40px; } .form-ongray.content-column.model-seven { height: auto; padding-bottom: 60px; } .form-ongray.content-column.model-seven .hs_cos_wrapper_type_form select { background-color: white; } /*** END ***/ html.w-mod-js *[data-ix="scroll-side-slide"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-2"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-3"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-4"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-5"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-6"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } /*Added*/ .content-column.model-sixteen.v1.w-inline-block, .team-container.content-column.model-sixteen { min-height: 302px; } /* Added */ .content-custom.model-four .description-list { text-align: left; } .testimonial-wrap .p.model-two.v1 { padding: 0; } .testimonial-wrap.content-section.model-seven { margin-bottom: 100px; } .about-overlap .content-custom.model-eighteen.v1 { margin-bottom: -150px; position: relative; } .content-section.model-seven.v1.about-overlap { height: auto; margin-bottom: 100px; } .hp-banner .inner-content-column.model-two { padding-left: 4%; } body .hp-banner .inner-content-column.model-two { display: block; padding-top: 4%; } .service-list-no { font-family: Raleway,sans-serif; font-size: 55px; font-weight: 700; line-height: 25px; } .service-list-no.v1 { color: #b2d46a; } .service-list-no.v2 { color: #3ec7f3; } .service-list-no.v3 { color: #40c6f1; } .btn-model-three.marg-top { margin-top: 10px; } .st-struto-award-design { display: none; } /* ==WEBFLOW UPDATES ADDED ABOVE*/ @media (max-height: 767px) { .content-section.model-one.hp-banner { height:auto; position: relative; } .hp-banner .content-custom.model-nineteen { position: relative; bottom: inherit; } .hp-banner .hs-cta-wrapper .cta_button { margin-bottom: 10px; } .hp-banner .content-column.model-one { padding-bottom: 0; } body .hp-banner .inner-content-column.model-two { padding-bottom:30px; } body .hp-banner #fadein { bottom: 0; top: 62px; width: 50%; } } @media (max-width: 1400px) { .resources .list-item .content-custom.model-six { height: 160px; } .resources .list-item .p.model-two.v1 { padding-left: 5px; padding-right: 5px; } .resources .content-custom.model-twenty-one { margin-bottom: 25px; position: relative; } } @media (max-width: 1200px) { .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { width: 68%; } .hs_cos_wrapper_type_blog_subscribe .hs_submit { width: 32%; } .resources .list-item .content-custom.model-six { height: 160px; } .resources .list-item .p.model-two.v1 { padding-left: 5px; padding-right: 5px; } .resources .content-custom.model-twenty-one { margin-bottom: 25px; position: relative; } .content-section.model-seven.v1.about-unique { margin-bottom: 200px; } .content-internal-h3-heading.pricing-heading { font-size:28px; } .pricing .heading.resources-heading, .pricing-p { font-size: 14px; } body.hs-landing-page .content-column.model-three.lp h1 { font-size: 28px; } body.hs-landing-page .content-column.model-three.lp p { font-size: 14px; } .lp-image-bg { height: 220px; } } @media (max-width: 1550px) { .processes-block { min-height: 990px; } } @media (max-width: 1366px) { .processes-block { min-height: 1050px; } } @media (max-width: 991px) { .service-slider .w-slider { height: 360px; } .service-slider .content-slider-block { padding: 20px 10px 0 20px; } .content-section.model-seven.v1.about-overlap { margin-bottom: 180px; } .home-intro .content-column.model-fourteen.v1 { margin-bottom: 90px; padding-right: 0; } .home-intro .inner-content-column.model-ten { height: 100%; margin-left: 0; margin-top: 30px; } .resources .list-item .content-custom.model-six { height: 130px; } body .hs_cos_wrapper_type_blog_subscribe input[type="submit"], body .hs_cos_wrapper_type_blog_subscribe input[type="button"] { padding: 12px; } .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { width: 63%; } .hs_cos_wrapper_type_blog_subscribe .hs_submit { width: 37%; } .content-slider-nav.w-slider-nav { padding-top: 10px; position: relative; } .content-section.model-two { background-position: 50% 100%; background-size: 150%; } .content-section.model-five.v7 { padding-bottom: 7%; } .content-section.model-six { padding-right: 4%; padding-left: 4%; } .content-section.model-seven.v2 { height: 1000px; } .inner-content-column.model-eleven { background-position: 50% 0px; background-size: cover; } .content-column.model-six { padding-bottom: 20px; } .content-column.model-three.v1 { padding-left: 10px; } .content-column.model-three.v2 { padding-right: 10px; padding-left: 25px; } .content-column.model-eight { padding-top: 4%; } .content-column.model-fifteen.v1 { padding-right: 15px; padding-left: 15px; } .content-column.model-fifteen.v4 { height: 827px; padding-right: 20px; padding-left: 20px; } .content-column.model-fifteen.v5 { padding-right: 20px; padding-left: 20px; } .content-column.model-sixteen { width: 33.3333%; } .content-column.model-sixteen.v1 { margin-bottom: 10px; } .content-column.model-ten { height: 800px; } .hd.model-eight.v7 { text-align: left; } .hd.model-three.text-color-model-two { font-size: 14px; } .content-img.model-five { width: 100%; } .content-img.model-twenty-two { width: 100%; } /*ADDED*/ /*.content-custom.model-four {*/ /* width: 80%;*/ /*}*/ .content-custom.model-eighteen.v1 { padding-right: 20px; padding-left: 20px; } .content-custom.model-twenty-four { height: 683px; } .content-spacer { height: 0px; } .content-spacer.model-two { height: 40px; } .list-item.model-two { background-position: 0px 7px; } .list-item.model-two.v1 { background-position: 0px 6px; } .list-item.model-two.v2 { background-position: 0px 7px; } .list-item.model-two.v3 { background-position: 0px 7px; } .list-content.model-one { padding: 10px; } .team-tile { font-size: 20px; line-height: 20px; } .team-overlay.model-one { width: 33.3333px; } .nav-menu { background-color: #000; } .menu-button.w--open { background-color: #000; } .filter-block { padding-right: 10px; padding-left: 10px; } .offer-heading-text.v1 { font-size: 60px; } .processes-block { padding: 30px; } .content-ui-widget-green-col { width: 542px; } .content-ui-widget-green-col.model-one { width: 408px; } .content-cal-widget-tokens-btn.model-one { left: 390px; } /*Added*/ .content-container.model-one.v1 { /*margin-top: 150px;*/ } .content-container.model-one.v1.service-inner { margin-top: 0; } .content-section.model-seven { margin-bottom: 300px; } /*ADDED*/ .content-section.model-three.v1 { padding-left: 4%; padding-right: 4%; } .row-fluid .span6.col-reset { width: 100%; } .processes-block { background-color: #f4f4f4; float: left; min-height: 400px; width: 100%; } .content-custom.model-fourteen.table-col { width: 65%; } .v7 .content-custom.model-twenty-four { height: auto; min-height: 741px; } .ab-header-section h2{ font-size: 30px; margin: 0 0 30px 0; } .model-eight.p p{ font-size: 25px; } .content-img.model-ten.v1 img{ display: block; width: 60%; margin-right: auto; margin-left: auto; } } @media (min-width: 768px) { .overview-testimonial-section{ text-align: center; } } @media (max-width: 767px) { .content-section.model-seven.v2 { height: 800px; } .social-links { margin-right: 8px; } .content-column.model-fifteen.v4 { height: 882px; } .btn-model-one.v4 { font-size: 14px; padding: 10px; } .img-blog-latest { height: 306px; } .content-custom.model-fourteen.v1 { min-height: 401px; } .content-offer-blog { height: auto; } .st-struto-award-design { width: 50%; display: block; margin: 0 auto; } .hp-banner .content-column.model-one { padding-bottom: 10px; } body .content-section.model-one.hp-banner { padding-bottom: 20px; } } @media (max-width: 767px) { .content-custom.model-four.v1.vision { height: auto; max-height: 100%; margin-top: 0px; margin-bottom: 50px; padding: 60px 40px; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .hs-content-path-software .content-section.model-three { padding-bottom: 260px; } .hs-content-path-software .hd.model-two { font-size: 28px; } .pricing-block { margin-bottom: 25px; } .pricing .w-col { padding-left:0; padding-right:0; } .hd.model-two { font-size: 30px; } .service-slider .w-slider { height: auto; } .hp-strip.content-custom.model-nineteen { background-image: none; } .home-intro .content-column.model-fourteen.v1 { height: auto; margin-bottom: 0; margin-top: 0; padding-right: 0; } .home-intro .link-block.model-one { padding: 40px 70px 40px 30px; } .home-intro .list-img { margin-right: 10px; } .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { width: 75%; } .hs_cos_wrapper_type_blog_subscribe .hs_submit { width: 25%; } .content-section.model-one { height: auto; } .content-section.model-two { display: none; background-size: 300%; } .content-section.model-five.v7 { padding-bottom: 9%; } .content-section.model-seven.v1 { height: 1200px; } .content-section.model-seven.v2 { height: 1600px; } .inner-content-column.model-eleven { border-bottom: 1px solid #40c6f1; background-position: 50% 100%; background-size: contain; } .inner-content-column.model-one { display: none; } .content-column.model-one { width: 100%; } .content-column.model-four.v1 { min-height: 310px; padding-right: 25px; padding-left: 25px; } .content-column.model-seven { margin-bottom: 30px; } .content-column.model-three { margin-top: 20px; padding-right: 0px; } .content-column.model-three.v1 { margin-bottom: 50px; padding-right: 0px; padding-left: 0px; } .content-column.model-three.v2 { padding-right: 0px; padding-left: 0px; } .content-column.model-eight { width: 20%; height: 125px; padding-top: 0%; } .content-column.model-eight.v1 { height: 125px; } .content-column.model-twelve.v1 { padding-right: 10px; } .content-column.model-fourteen.v1 { display: block; height: 350px; margin: -50px auto 85px; padding-right: 0px; text-align: center; } .content-column.model-fifteen.v1 { margin-top: 20px; } .content-column.model-fifteen.v3 { display: none; } .content-column.model-fifteen.first { margin-top: 30px; } .content-column.model-fifteen.v4 { height: auto; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } .content-column.model-fifteen.v5 { padding-right: 30px; padding-left: 30px; } .content-column.model-seventeen { padding-right: 0px; } .content-column.model-seventeen.v2 { padding-left: 0px; } .content-column.model-five.v1 { padding-right: 0px; padding-left: 0px; } .content-column.model-five.v1.banner-col { padding-right: 20px; padding-left: 20px; } .content-column.model-ten { height: auto; } .hd.model-one { margin-bottom: 0px; font-size: 45px; line-height: 61px; } .hd.model-four { margin-top: 15px; font-size: 40px; } .hd.model-seven { margin-bottom: 25px; } .hd.model-eight.v3 { margin-bottom: 6px; text-align: left; } .hd.model-nine { font-size: 50px; line-height: 25px; } .p.model-one { font-size: 17px; line-height: 22px; } .p.model-three.v1 { display: block; margin-right: auto; margin-left: auto; } .p.model-five { display: inline-block; } .btn-model-one { margin-bottom: 0px; padding: 11px 30px 12px; float: left; } .btn-model-one.v2.inverse { bottom: -26px; } .btn-model-one.v4 { width: 100%; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; float: none; } .btn-model-one.v4.active { margin-right: 0px; margin-left: 0px; } .content-img.model-nine.v2 { margin-top: 10px; } .content-img.model-thirteen { display: block; margin-right: auto; margin-left: auto; text-align: center; } .content-img.model-eighteen { margin-bottom: 20px; } .content-img.model-ten { display: block; margin-right: auto; margin-left: auto; } .content-img.model-eleven { display: block; margin-right: auto; margin-left: auto; } .content-img.model-eleven.service-img { margin: 0 auto; text-align: center; } /*ADDED*/ .content-custom.model-four { display: block; margin-bottom: 30px; margin-right: auto; text-align: center; width: 100%; } .content-custom.model-eighteen { padding-bottom: 0px; } .content-custom.model-eighteen.v1 { padding-top: 30px; } .content-custom.model-eighteen.v3 { padding: 40px; } .content-custom.model-nineteen { position: absolute; height: 125px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/Graph-right.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/Graph-left.png'); background-position: 100% 100%, 0px 100%; background-size: 220px, 220px; background-repeat: no-repeat, no-repeat; } .content-custom.model-three { display: none; } .content-custom.model-twenty-four { height: auto; } .content-spacer { height: 5px; } .content-spacer.model-two { height: 30px; } .content-spacer.model-two.v1 { height: 20px; } .content-divider.model-one.v1 { margin-top: 30px; } .text-color-model-one { font-size: 16px; line-height: 20px; } .text-color-model-one.v1 { font-size: 60px; } .text-color-model-one.v2 { font-size: 40px; line-height: 36px; } .content-container.model-one.v1 { /*margin-top: 200px;*/ /*margin-top: 120px;*/ } .content-container.model-one.v2 { padding-right: 4%; padding-left: 4%; } .list-item.model-two.v2 { background-position: 0px 4px; background-size: 30px; } .list-item.model-two.v3 { background-size: 30px; } .btn-model-six { float: left; } .btn-model-six.v1 { float: none; } .fadein { top: 0px; display: none; min-height: 300px; } .btn-model-three.v1 { display: inline-block; margin-top: 5px; margin-bottom: 30px; } .offer-heading-text.model-one.v3 { margin-bottom: 40px; } .form-map { height: 250px; } .processes-block { width: 100%; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .content-ui-widget.model-one { margin-bottom: 5px; } .content-ui-widget-green-col { width: 397px; } .content-cal-widget-tokens-btn { left: 365px; } .design-services-block { padding: 40px 40px 40px; } .triangle-block { width: 79px; height: 79px; border-width: 40px; } .content-section.model-seven { margin-bottom: 250px; } /*Added*/ .content-section.model-seven.about-unique { margin-bottom: 300px; } /*Added*/ .content-column.model-five img { margin-top: 30px; } .content-section.model-one.hp-banner { padding-bottom: 160px; position: relative; } .hp-strip.content-custom.model-nineteen { bottom: 0; position: absolute; } .hp-banner .content-column.model-eight { padding: 2% 0; display: none; } .hp-strip .content-column.model-eight.v1.w-clearfix { display: block; float: none; margin: 0 auto; max-width: 250px; width: 100%; } .hp-banner .hd.model-nine{ font-size: 62px; line-height: 60px; } .hp-banner .text-color-model-one.v1 { font-size: 70px; line-height: 70px; } .content-section.model-one.hp-banner { text-align: center; } .hp-banner .inner-content-column.model-two { padding-left: 0; } .hp-banner .hd.model-one:before { background-color: #40c6f1; content: " "; display: none; height: 162px; left: 0; margin-top: 10px; position: absolute; width: 20px; } .hp-banner a.btn-model-one, .hp-banner a.btn-model-six, .hp-banner a { float: none; } .content-custom.model-four.v1 { padding: 8% 8% 5%; } .content-section.model-five.v2.pad-top { padding-top: 200px; } .content-column.model-fifteen.v4 { height: auto; } .content-custom.model-fourteen.table-col { width: 100%; } .v7 .content-custom.model-twenty-four { min-height: auto; } .gsc-search-box-tools .gsc-search-box .gsc-input { width: 90% !important; } .content-slider-block { padding: 35px; } .ad-ons .image-2 { max-width: 20%; } .content-column.model-fifteen.nplr { padding-right: 0px; padding-left: 0px; } #highlight-first-visit.content-custom.model-nineteen, #highlight-more-visit.content-custom.model-nineteen { display: none !important; } } @media (max-width: 479px) { .social-wrapper, .light-grey {text-align: center;} .content-spacer.model-two {height: 10px;} .micro-wasabi-content-wrapper.v2{ } .home-intro .link-block.model-one { padding: 40px 40px 40px 20px; } body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } .content-img.model-twenty-two { margin-bottom: 20px; } .inner-content-column.model-eleven { border: medium none; } .content-section.model-seven.v1 { height: 1400px; } .content-section.model-five.v1 { padding-top: 6%; padding-right: 4%; padding-left: 4%; padding-bottom: 20px; } .content-section.model-five.v7 { padding-bottom: 20%; } .content-section.model-six.v1 { padding-bottom: 4%; } .content-section.model-seven.v2 { height: 1650px; } .contact-us-page.content-section.model-seven.v2 { } .content-column.model-four { min-height: 250px; } .content-column.model-four.v1 { min-height: 400px; } .content-column.model-seven { height: 350px; } .content-column.model-seven.v1 { height: 530px; } .content-column.model-eight { height: 110px; } .content-column.model-eight.v1 { height: 110px; } .content-column.model-fourteen.v1 { height: 240px; margin-bottom: 20px; } .content-column.model-fifteen.v4 { padding-bottom: 40px; } .content-column.model-sixteen { width: 100%; } .content-column.model-seventeen { padding-right: 0px; } .hd.model-two { font-size: 37px; line-height: 42px; } .hd.model-four { font-size: 25px; line-height: 35px; } .p.model-two.v2 { display: none; } .btn-model-one.v2.inverse { bottom: -36px; } .content-img.model-three { width: 240px; height: 240px; } .content-img.model-fifteen { top: 0%; right: -1px; } .content-img.model-eleven { width: 60%; } .content-column.model-ten .content-img.model-eleven { width: 100%; } .content-custom.model-eighteen.v3 { padding: 30px 11px; } .content-custom.model-nineteen { height: 110px; background-size: 140px, 140px; } .content-container.model-one { padding-right: 10px; padding-left: 10px; } .content-container.model-one.v1 { /*margin-top: 250px;*/ /*margin-top: 120px;*/ } .team-subtitle.model-one { margin-bottom: 15px; } .team-tile.model-one { font-size: 20px; } .stats-text { font-size: 14px; line-height: 20px; } .filter-block { text-align: center; } .resources-dropdown { margin-top: 9px; padding-right: 8px; float: none; } .resources-dropdown.v2 { float: right; } .resources-dropdown-toggle { padding-left: 10px; } .resources-dropdown-list.w--open { right: -9px; } .resources-dropdown-list.v1.w--open { left: -134px; } .resources-dropdown-list.v2.w--open { right: -2px; } .offer-heading-text.v1 { font-size: 50px; } .offer-heading-text.model-one.v3 { margin-bottom: 30px; } .content-ui-widget-green-col { width: 182px; } .content-ui-widget-green-col.model-one { width: 173px; } .content-ui-widget-green-col.model-one.v1 { width: 104px; } .content-ui-widget-green-col.model-one.v2 { width: 154px; } .content-cal-widget-tokens-btn { left: 159px; } .content-cal-widget-tokens-btn.model-one { left: 148px; } .content-cal-widget-tokens-btn.model-one.v1 { left: 86px; } .content-cal-widget-tokens-btn.model-one.v2 { left: 133px; } .estimated-tokens-block { width: 100%; } .design-services-block { padding-top: 30px; padding-right: 20px; padding-left: 20px; } /*Added*/ .content-section.model-seven { margin-bottom: 240px; } /*Added*/ /*.content-section.model-seven.about-unique {*/ /* margin-bottom: 600px;*/ /* }*/ /*Added*/ .content-section.model-five.v2.pad-top { padding-top: 400px; } .estimated-col-left .hd.model-eight.v4 { float: none; margin: 11px auto; max-width: 84%; } .content-section.model-five.v2.pad-top.slider-pad { padding-top: 400px; } .content-section.model-seven.v1.about-unique { margin-bottom: 350px; } .content-img.model-ten.v1 img{ width: 100%; } } @media (max-width: 360px) { /*Added*/ .content-section.model-seven.about-unique { margin-bottom: 700px; } .content-section.model-five.v2.pad-top { padding-top: 600px; } } /*Below styles are fixes as result of unfinished design(webflow boilerplate merging)*/ .hd.model-one:before { content: ' '; width: 20px; height: 162px; position: absolute; left: 0; margin-top: 10px; background-color: #40c6f1; } .hd.model-one.v2:before { content: ' '; width: 20px; height: 162px; position: absolute; left: 0; margin-top: 10px; background-color: #fff; } .content-section.model-one { /*background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/hero-bg-1.jpg");*/ /*padding-top: 0px;*/ } .content-column.model-one{ display: table; width: 100%; } .content-custom.model-nineteen { /*background-image:url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/2017/Graph-right.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/2017/Graph-left.png');*/ } .hd.model-four h5 { font-size: 60px; margin-bottom: 0; /*padding-top: 20px;*/ } .hd.model-one { word-wrap: normal; } .inner-content-column.model-two { /*padding-left: 70px;*/ display: table-cell; vertical-align: middle; color: #4e4e4e; height: 100%; padding-left: 8%; } .p.model-three.v1 p { font-style: italic; font-size: 20px; } .content-section.model-seven { background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/bg-blur2-1.jpg"); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/bg-blur2-1.jpg"); } .content-custom.model-eleven { background-attachment: scroll, fixed; background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/bg-blur2-1.jpg"); background-image: linear-gradient(180deg, brgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/bg-blur2-1.jpg"); background-position: 0 0px, 50% 100%; background-size: auto auto, cover; margin-bottom: 100px; padding: 4% 4% 0; } .testimonial-wrap { margin-bottom: -100px; } .showcase-overlay { /*background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/2017/mode-circular-button-1.png');*/ } /*.inner-content-column.model-eleven {*/ /* position: absolute;*/ /* width: 100%;*/ /*}*/ .bottom-plus { margin-bottom: 20px; } .content-section.model-seven.v1 { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/2017/bg-lines.png"); } .span12.content-img.model-eighteen { display: block; float: none; margin: 0 auto 40px; text-align: center; width: 5em; } .content-column.model-fifteen.v1 { padding-left: 20px; padding-right: 20px; } .content-column.model-sixteen { float: left; } .content-column.model-twenty-three { padding-left: 35px; } .content-column.model-twenty-three.v1 { padding-right: 0px; padding-left: 0px; } .content-column.model-two.v2 { padding: 40px 6%; } .team-bio-wrap { display: table; text-align: left; } .content-img.model-one { display: block; width: 120px; margin-right: auto; margin-left: auto; } .content-column.model-two { display: table-cell; vertical-align: middle; } .content-img.model-two { margin-bottom: -1px; width: 100%; } .btn-close { height: auto; transform-origin: 50% 50% 0; width: 50px; cursor: pointer; } .team-overlay.model-one { display: block; background-color: rgba(255, 255, 255, 0.9); background-position: 50% 25%; opacity: 0; -webkit-transition: opacity 300ms ease, background-position 300ms ease; transition: opacity 300ms ease, background-position 300ms ease; cursor: pointer; } .team-overlay.model-one:hover { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/2017/mode-circular-button-1.png?t=1486544687690"); background-position: 50% 50%; background-size: 32px; opacity: 1; } .team-subtitle { margin-bottom: 0; } .inner-content-column.model-one { } .content-column.model-six.showcase-blck { padding: 10px; } .content-column.model-fifteen.v4 { height: 808px; } .w-list-unstyled ul { list-style: outside none none; padding-left: 0; } .w-list-unstyled ul li { border-bottom: 2px none #f4f4f4; padding-bottom: 8px; padding-top: 8px; text-align: center; } /*.content-section.model-seven.home-page {*/ /* margin-bottom: 250px;*/ /*}*/ .offer-heading-text.model-one.v2 h2{ margin-top: 0; text-align: left; } .offer-heading-text.model-one h2{ font-size: 25px; } .description-list p { margin-bottom: 15px; } .content-section.model-seven.v4 { position: relative; height: auto; margin-bottom: 0px; padding-top: 0%; padding-bottom: 6%; background-image: -webkit-linear-gradient(305deg, #ffa05a, #ff6464), -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -webkit-linear-gradient(320deg, #7fdec5, #69d38d); background-image: linear-gradient(145deg, #ffa05a, #ff6464), linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(130deg, #7fdec5, #69d38d); } .triangle-block.white { border-top-color: #ffffff; } .show-on-phone { display: none; } @media(max-width: 767px){ .center-small .offer-heading-text.model-one.v2 h2 { text-align: center; } .center-small .btn-model-six { float: none; } .hide-on-mobile { display: none; } } @media(max-width: 479px){ .content-column.model-seven { /*added*/ height: auto; } .hide-on-phone { display: none; } .show-on-phone { display: block; } } /* ========================================================================== 9) ==BLOG ========================================================================== */ /*Blog Typography*/ /*HTML Table Custom Mod*/ .basic-table table{ width: 100% !important; height: auto !important; } .content-section.model-five.v6 { padding-bottom: 3%; padding-top: 3%; position: relative; z-index: 9999; } .content-section.model-five.v6.token-wrap { padding-bottom: 80px; } .blog-h1 { float: none; font-size: 32px; line-height: 35px; margin-bottom: 0; margin-top: 0; text-transform: uppercase; color: #fff; } .blog-dropdown { background-color: #f4f4f4; font-size: 16px; font-weight: 400; margin-top: 10px; text-transform: uppercase; z-index: 9999; } .w-dropdown { display: inline-block; margin-left: auto; margin-right: auto; position: relative; text-align: left; } .w-icon-dropdown-toggle { bottom: 0; height: 1em; margin: auto 20px auto auto; position: absolute; right: 0; top: 0; width: 1em; } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .blog-dropdown-toggle { border-bottom: 2px solid #f4f4f4; color: #40c6f1; margin-top: 0; padding: 11px 50px 11px 17px; width: 370px; z-index: 9999; } .w-dropdown-toggle { -moz-user-select: none; cursor: pointer; display: inline-block; } .content-column.model-five img.icon-drop { float: right; margin: 0; position: absolute; right: 40px; top: 20px; width: 12px; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { margin-left: auto; margin-right: auto; position: relative; text-align: left; text-decoration: none; vertical-align: top; white-space: nowrap; } #overlayPop { display: none; } #overlayPop.overlay-open { background-color: transparent; display: inline; height: 100%; left: 0; position: fixed; top: 70px; width: 100%; } .w-dropdown-list { background: #dddddd none repeat scroll 0 0; display: none; min-width: 100%; position: absolute; } .blog-dropdown-list.w--open { background-color: #f5f5f5; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); margin-top: 15px; z-index: 9999; } .w-dropdown-list.w--open { display: block; } .blog-dropdown-link { font-size: 22px; padding-bottom: 15px; padding-top: 15px; text-transform: none; transition: background-color 500ms ease 0s; } .w-dropdown-link { color: #222222; display: block; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { margin-left: auto; margin-right: auto; position: relative; text-align: left; text-decoration: none; vertical-align: top; white-space: nowrap; } a.blog-dropdown-link { font-size: 22px; padding: 15px 20px; text-decoration: none; text-transform: none; transition: background-color 500ms ease 0s; } a.blog-dropdown-link:hover { background-color: #e4e4e4; color: #222222; } .content-column.model-fifteen.v6 { padding-left: 10px; padding-right: 10px; } .img-blog-latest { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 390px; width: 100%; } .content-custom.model-thirteen { margin-bottom: 20px; } .content-custom.model-fourteen.v1 { background-color: #ffffff; border-bottom: 2px solid #40c6f1; overflow: visible; padding: 30px; width: 100%; min-height: 325px; } .content-container.model-two.v2 { display: block; margin-left: auto; margin-right: auto; max-width: 100%; padding-top: 219px; width: 960px; } .calendar { color: #c2c2c2; font-weight: 400; margin-bottom: 25px; padding-bottom: 0; padding-top: 0; } .hd.model-ten { color: #000000; display: block; font-size: 26px; font-weight: 700; line-height: 30px; margin-bottom: 20px; margin-top: 10px; text-decoration: none; text-transform: uppercase; transition: color 500ms ease 0s; } .read-more-blog { color: #40c6f1; display: inline-block; font-weight: 700; margin-top: 0; text-decoration: none; } .content-custom.model-fourteen.featured-blog { margin-top: 0; text-align: left; } .featured-blog p, .featured-blog p strong { font-weight: 400; } .content-offer-blog { background-color: #ffffff; border-bottom: 2px solid #40c6f1; height: 322px; padding: 30px; } .hd.model-eight.v3 { float: none; margin-bottom: 10px; margin-top: 0; } .content-offer-blog .hd.model-eight.v3 { margin-bottom: 0; } .content-offer-p { margin-bottom: 30px; } .btn-model-one.v4 { background-color: #7fdec5; border-style: none; color: #ffffff; margin-bottom: 0; margin-top: 0; transition: background-color 500ms ease 0s; } /*Blog Pagination*/ .blog-pagination ul { padding: 0; margin: 10px 0; } .blog-pagination .previous-posts-link { float: none; } .blog-pagination ul { text-align: center; margin: 30px 0; } .blog-pagination ul span.pg { margin: 0 20px; } .blog-pagination ul li { display: inline-block; /*background: ;*/ } .blog-pagination ul li a i, .blog-pagination ul li { zoom: 1.2; } /*.blog-pagination ul li.hide {*/ /* visibility: hidden;*/ /*}*/ .blog-pagination ul li.hide i { color: #9e9e9e; } .blog-pagination ul li a { padding: 8px; text-decoration: none; line-height: 20px; /*color: ;*/ } .blog-pagination ul li:hover, .blog-pagination ul li.active { /*background: ;*/ } .blog-pagination ul li:hover a, .blog-pagination ul li.active a { /*color: ;*/ } .blog-pagination .next-posts-link { float: none; } .blog-pagination ul li.active a { font-weight: bold; } .blog-pagination ul .pg li a, .blog-pagination ul .pg li span { border: 2px solid; display: block; height: 40px; padding-top: 8px; width: 40px; } .blog-pagination ul .pg li span { color: #40c6f1; padding: 5px; } .blog-pagination ul .pg li{ -webkit-transition: box-shadow 0.35s ease-in; transition: box-shadow 0.35s ease-in; } .blog-pagination ul .pg li:hover { box-shadow: 0 0 0 4px #40c6f1 inset; -webkit-transition: box-shadow 0.35s ease-out; transition: box-shadow 0.35s ease-out; } .blog-pagination ul li.pag-desktop { display: inline-block; } .blog-pagination ul li.pag-mobile { display: none; } .content-column.model-ten.v1 { padding-left: 15px; padding-right: 15px; } .blog-pagination li.active a { background-color: #40c6f1; border: 2px solid #40c6f1 !important; color: #ffffff; } .content-blog-img { background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Client_Images/placeholder-image-338.jpg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 220px; width: 100%; } .blog-text-block { position: absolute; left: 0px; right: 0px; bottom: -62px; display: block; width: 80%; height: 130px; margin-right: auto; margin-left: auto; padding: 20px 10px 10px; border-bottom: 2px solid #40c6f1; background-color: #fff; -webkit-transition: box-shadow 500ms ease; transition: box-shadow 500ms ease; text-decoration: none; } .blog-text-block:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); text-decoration: none; } .blog-content { margin-top: 100px; } .content-img-mockup { display: block; margin-top: -10px; margin-right: auto; margin-left: auto; } .author-details-internal { margin-bottom: 20px; font-family: Raleway, sans-serif; font-size: 20px; line-height: 25px; font-weight: 400; } .blog-internal-main-img { height: 310px; max-width: 100%; background-image: url('../images/contact-bg.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-internal-text-bold { color: #40c6f1; } .divider.footer { background-color: #e8e8e8; height: 1px; margin-bottom: 30px; margin-top: 30px; opacity:0.05; } .divider { background-color: #e8e8e8; height: 1px; margin-bottom: 30px; margin-top: 30px; } .divider.pricing-divider1 { height: 2px; margin-right: 10px; margin-left: 10px; background-color: #f4f4f4; } .content-internal-heading-text.v1 { margin-top: 0px; margin-bottom: 0px; font-size: 30px; line-height: 36px; font-weight: 400; } .content-internal-h1-heading.v1 h2 { font-size: 30px; font-weight: 400; line-height: 36px; margin-bottom: 0; margin-top: 0; text-transform: none; } .w-richtext-figure-type-video.w-richtext-align-center iframe { min-height: 480px; padding: 0 185px; width: 100%; } .content-internal-h1-heading, .content-internal-h2-heading, .content-internal-h3-heading, .content-internal-h4-heading, .content-internal-h5-heading{ text-transform: none; } .blog-list-item { margin-bottom: 5px; } .blog-list-item.abeec { list-style-type: lower-alpha; } .blog-list-item.roman { list-style-type: lower-roman; } .blog-list-item.v1 { line-height: 26px; } .blog-list-item.v1.last { margin-bottom: 25px; } .quote-block { position: relative; margin-top: 57px; margin-bottom: 40px; padding: 50px 70px 40px; border-top: 2px solid #40c6f1; background-color: #f4f4f4; font-family: Raleway, sans-serif; font-weight: 400; text-align: center; } .blog-internal-ordered-list { list-style-type: decimal; } .blog-internal-article-img { margin-bottom: 30px; } .comments-section { margin-top: 50px; border-top: 2px solid #dfdfdf; } .comment-link-block { display: block; width: 300px; margin-right: auto; margin-left: auto; padding-top: 13px; padding-bottom: 13px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #40c6f1; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; font-size: 16px; text-align: center; } .comment-link-block:hover { background-color: #b33f0a; } .share-img { display: block; margin-top: 40px; margin-right: auto; margin-left: auto; } .btn-model-one.v4:hover { box-shadow: none; } .content-container.model-one.v2 { margin-top: 20px; } .btn-model-one.v5 { background-color: #7fdec5; border-style: none; color: #ffffff; transition: background-color 500ms ease 0s; } .btn-model-one.v5:hover { background-color: #69d38d; box-shadow: none; } .content-section.model-seven.v3 { background-color: rgba(255, 255, 255, 0); background-image: none; height: auto; margin-bottom: 0; } .content-custom.model-eighteen.v2 { border-bottom: 2px solid #40c6f1; padding-bottom: 0; padding-top: 0; position: absolute; top: -225px; left: 0; width: 100%; } .contact-us-page .content-custom.model-eighteen.v2 { border-bottom: 2px solid #40c6f1; margin-top: -226px; position: relative; top: 0; } #blogAnchor { margin-top: -200px; position: absolute; } .content-column.model-ten.v1.w-col.w-col-4.blog-block { margin-bottom: 98px; } .content-custom.model-twenty-four.blog-offer { border: medium none; box-shadow: none; padding: 0; } .blog-offer .content-img.model-twenty-four { max-width: 100%; } .link-one.link-model-one { padding-top: 0; } .fb-like.fb_iframe_widget > span { vertical-align: top !important; } .hs-blog-social-share { height: 30px; margin: 30px auto 0; max-width: 475px; padding-left: 63px; } .blog-table { display: table; height: 100%; } .blog-row { display: table-row; height: 100%; } .span8.blog-col, .span4.blog-col{ display: table-cell; float: none; vertical-align: top; } .sidebar-subscribe { height: 20%; } .sidebar-offer { height: 80%; } .span8.blog-col{ padding: 0 25px 0 0; } .sidebar-offer .content-img.model-twenty-four { max-width: 100%; width: 100%; } .content-custom.model-fourteen.featured-blog { height: auto; } .sidebar-offer.content-custom.model-twenty-four { box-shadow: none; height: 80%; } .content-column.model-twelve.search-wrap { padding-top: 20px; } ._hj-f5b2a1eb-9b07_widget { /*position: static !important;*/ } ._hj-f5b2a1eb-9b07_widget { display: inline !important; } #_hj_feedback_container{ position: relative; } /*Related Topics*/ .recommended-articles-block { background-color: #40c6f1; background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/left-arrow-white.png"); background-position: 5px 50%; background-repeat: no-repeat; background-size: 18px auto; color: #fff; padding: 12px 20px 12px 30px; position: fixed; right: 0; bottom: 522px; -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 180px; z-index: 9999; cursor: pointer; } .recommended-articles-block:hover { background-color: #b33f0a; } .recommended-articles-block.show-articles { right: 0; -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .recommended-block { background-color: #f4f4f4; position: fixed; right: 0; bottom: 260px; width: 300px; z-index: 9999; right: -300px; -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .recommended-block.articles-open { right: 0; } .recommended-block { width: 300px; } .recommended-block.articles-open .recommended-articles-block { width: 300px; -webkit-transition-delay: 130ms; transition-delay: 130ms; -webkit-transition-duration: 540ms; transition-duration: 540ms; background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/right-arrow-white.png"); } .recommended-block.toggle-state { right: 0; } .recommended-block.toggle-state .recommended-articles-block { width: 300px; -webkit-transition-delay: 130ms; transition-delay: 130ms; -webkit-transition-duration: 540ms; transition-duration: 540ms; background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/right-arrow-white.png"); } .recommended-block.toggle-state.articles-close { right: -300px; } .recommended-block.toggle-state.articles-close .recommended-articles-block { width: 180px; -webkit-transition-delay: 130ms; transition-delay: 130ms; -webkit-transition-duration: 540ms; transition-duration: 540ms; background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/right-arrow-white.png"); } .recommended-block h5, .recommended-articles-block h5 { color: #fff; float: none; font-weight: 400; margin-top: 0; margin-bottom: 0; text-transform: uppercase; } .recommended-reveal-block { background-color: #40c6f1; background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/right-arrow-white.png"); background-position: 5px 50%; background-repeat: no-repeat; background-size: 18px auto; padding: 12px 20px 12px 30px; } .content-img.model-twenty-five { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50px; height: 60px; width: 60px; } .recomm-articles-p { font-size: 13px; line-height: 17px; margin-bottom: 0; margin-top: 2px; padding: 0 10px; text-transform: uppercase; text-decoration: none; } .article-content-block { border-bottom: 1px solid #e6e6e6; color: #777; font-size: 13px; margin-bottom: -7px; padding: 15px 20px; transition: background-color 300ms ease 0s, color 300ms ease 0s; width: 100%; } .article-content-block:hover { background-color: #ebebeb; color: #40c6f1; font-weight: 700; } .article-content-block:hover .recomm-articles-p { font-weight: 700; } .social-wrap { display: inline-block; height: 55px; } .recomm-subscribe-block { padding: 20px 20px 10px; } .recomm-subscribe-block .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { display: inline-block; vertical-align: top; width: 70%; } .recomm-subscribe-block .hs_cos_wrapper_type_blog_subscribe .hs_submit { display: inline-block; vertical-align: top; width: 30%; } body .recomm-subscribe-block .hs_cos_wrapper_type_blog_subscribe input[type="submit"], body .recomm-subscribe-block .hs_cos_wrapper_type_blog_subscribe input[type="button"] { padding: 12px 9px; } .recomm-subscribe-block .hs_cos_wrapper_type_blog_subscribe span.hs-form-required, h3.form-title { margin-bottom: 5px; font-size: 14px; } #blogPost .content-container.model-two.v2 { padding-top: 120px; } #_hj-f5b2a1eb-9b07_feedback[data-viewmode="desktop"][data-minimized-position="middle_right"] #_hj-f5b2a1eb-9b07_feedback_minimized { bottom: 530px !important; } /*Blog Tables*/ .responsive-table table { background-color: #e3e3e3; color: #000; font-size: 14px; text-align: center; width: 100%; } .responsive-table tr.tr-1 { background-color: #fff; border-bottom: 2px solid #40c6f1; font-weight: 900; } .responsive-table td { border-right: 2px dashed #e3e3e3; } .responsive-table td:last-child { border-right: medium none; } .responsive-table tr.tr-1 td { border-right: medium none; } .responsive-table { padding: 20px 0; } .responsive-table td { color: #777; font-size: 16px; padding: 10px 10px 10px 20px; text-align: left; } .responsive-table .tr-1 td { color: black; } .mobile-table { background-color: #f5f5f5; border-top: 2px solid #40c6f1; margin: 0 auto; overflow: hidden; width: 100%; } .row-wrap { min-height: 50px; } .row-wrap div { border-bottom: 1px solid #e3e3e3; height: 100%; min-height: 45px; padding: 11px 20px 0; } .left-cell { border-right: 2px dashed #e3e3e3; color: black; font-weight: 900; } .row-wrap div:first-child { display: block; float: left; width: 23%; } .row-wrap div:last-child { display: inline-block; width: 77%; } .content-container.w-container.blog-container { z-index: 0; } /* Home Events section update*/ .content-section.model-ten.v1 { background-image: linear-gradient(175deg, rgba(105, 211, 141, 0.9), rgba(57, 185, 151, 0.91)), url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/2017%20Website/Images/Website%20Images/Website%20Banners/banner-aboutus-1.jpg"); background-position: 0 0px, 0 0; background-size: auto auto, cover; padding: 4%; } .content-img.model-twenty-six { border: 9px dashed #fff; padding: 10px; } .inner-content-column.model-six { color: #fff; padding-left: 30px; } .event-label { line-height: 1.3; margin-bottom: 5px; text-transform: uppercase; } .date-wrap { margin-bottom: 20px; } .date-icon-wrap { float: left; padding-right: 20px; } .icon-anouncement { width: 20px; } .date-txt { float: left; padding-right: 20px; } .icon-anouncement { width: 20px; } .btn-model-seven { border: 2px solid #fff; border-radius: 2px; color: #fff; display: inline-block; padding: 8px 10px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .btn-model-seven:hover { box-shadow: 0 0 0 4px #fff inset; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; } @media (max-width: 1024px){ .img-blog-latest { height: 342px; } .content-offer-blog { height: 325px; } .content-offer-p { margin-bottom: 20px; } .content-offer-blog .hd.model-eight.v3 { margin-bottom: 16px; } } @media (max-width: 991px){ .content-custom.model-fourteen.v1 { min-height: 511px; } .blog-text-block { bottom: -80px; height: 170px; } .blog-content { margin-top: 122px; } .content-offer-blog { height: auto; } .content-custom.model-thirteen { min-height:77px; } /*input.gsc-search-button-v2 {*/ /* padding: 23px 25px !important;*/ /*}*/ } @media (max-width: 767px){ .blog-dropdown, .blog-dropdown-toggle { width: 100%; } .w-richtext-figure-type-video.w-richtext-align-center iframe { padding: 0; } #articlesWrap { display: none; } .blog-pagination ul li.hide-mob { display: none; } .blog-pagination ul li.pag-desktop { display: none; } .blog-pagination ul li.pag-mobile { display: inline-block; } .widget-type-blog_content .content-container.model-two.v2 { padding-top: 120px; } .content-column.model-twelve.search-wrap { padding-top: 0; } .search-block { margin-bottom: 20px; } .span8.blog-col, .span4.blog-col { display: inline-block !important; float: left !important; margin-bottom: 20px; padding: 0; } .sidebar-subscribe { margin-bottom: 20px; } .showcase-intro.content-container.model-two.v2 { padding-top: 120px; } .span6.hide-small { display: none; } .content-offer-blog { height: auto; } .list-item.model-two.v3 { background-size: 30px; } .btn-model-six { float: left; } .fadein { top: 0px; display: none; min-height: 300px; } .btn-model-three.v1 { display: inline-block; margin-top: 5px; margin-bottom: 30px; } .form-map { height: 250px; } /*.blog-dropdown-toggle {*/ /* margin-top: -10px;*/ /* font-size: 38px;*/ /*}*/ .search-block { margin-top: 25px; } .blog-text-block { bottom: -53px; height: auto; padding: 20px; } .blog-content { margin-top: 0px; } .content-img-mockup { margin-top: 10px; } .blog-internal-main-img { height: 300px; } .quote-block { padding-right: 40px; padding-left: 40px; } .widget-type-blog_content .content-section.model-seven { padding: 4%; } .content-custom.model-thirteen { min-height: auto; } .contact-us-page .content-custom.model-eighteen.v2 { padding-bottom: 50px; } .token-wrap p { text-align: center !important; } .blog-h1 { text-align: center; } .inner-content-column.model-six { padding-bottom: 20px; padding-left: 0; padding-top: 20px; } } @media (max-width: 479px){ /*.blog-dropdown-toggle {*/ /* font-size: 30px;*/ /*}*/ .blog-h1 { font-size: 32px; } .content-internal-heading-text.v1 { font-size: 25px; line-height: 30px; } .quote-block { padding-right: 30px; padding-left: 30px; } .content-section.model-five.v6.token { padding-bottom: 40px; } .pound-sign { top: -20px; } } /* Search Results Template */ .results-page .gsc-search-box-tools .gsc-search-box .gsc-input { width: 90% !important; } .results-page td.gsc-search-button { height: 60px; position: absolute !important; right: 0; top: 0; width: 65px !important; } .results-page .gsc-search-button-v2 { padding: 30px !important; width: 100% !important; } .results-page form.gsc-search-box { border: 2px solid #dfdfdf; border-radius: 3px; font-size: 13px; margin: 0 0 4px; width: 100%; } div.gsc-input-box { background: transparent none repeat scroll 0 0; border: 0 solid #d9d9d9; height: 70px !important; } a.gs-title { color: #000000 !important; outline: medium none; text-decoration: none !important; } .gs-snippet { color: #777 !important; display: block; font-size: 16px; font-style: normal; overflow-wrap: break-word; } .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0 !important; padding-right: 0 !important; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:before { background-color: #40c6f1; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transition: all 0.4s ease-in-out 0s; width: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:before { background-color: #40c6f1; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transition: all 0.4s ease-in-out; width: 0; } .gsc-control-cse div { position: relative !important; } .gs-result:after { background-color: red; bottom: 0; content: "red"; height: 1px; left: 0; position: absolute; width: 100%; transition: all 0.4s ease-in-out 0s; } .gs-webResult { border-bottom: medium none; padding: 3px 0 21px; } .gsc-above-wrapper-area { border-bottom: medium none !important; padding: 75px 0 40px !important; } a.gs-title:hover, .gs-webResult.gs-result div.gs-title:hover { color: #40c6f1 !important; } .gs-result:hover:after { width: 100% !important; } .gs-result:after { background-color: #40c6f1; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; transition: all 1.4s ease-in-out; width: 20%; } .gsc-orderby-container { display: none !important; } .gsc-cursor-page { background-color: transparent !important; border: 2px solid #40c6f1 !important; color: #40c6f1 !important; font-size: 18px !important; padding: 8px 13px !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color: #40c6f1 !important; color: #fff !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: transparent !important; box-shadow: 0 0 0 3px #40c6f1 inset !important; color: #40c6f1 !important; text-decoration: none !important; transition: all 0.2s ease 0s; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover { background-color: #40c6f1 !important; color: #fff !important; } .gsc-results { width: 100% !important; } .search-heading { color: #000 !important; font-family: Lato,sans-serif !important; font-size: 24px; margin-bottom: 10px; text-transform: uppercase; } .gsc-control-cse { font-family: Lato,sans-serif !important; } .gsc-control-cse .gsc-table-result { font-family: Lato,sans-serif !important; } .gs-title, .gs-title b { font-family: 'Raleway',sans-serif !important; font-size: 28px !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 0 0.4em; } .gs-spelling { font-family: Lato,sans-serif !important; } .gs-spelling-original { display: block; font-family: Lato,sans-serif !important; padding-bottom: 20px !important; width: 49% !important; } /* ========================================================================== 10) ==HACKS & OVERRIDES ========================================================================== */ /* Banner middle vertical align */ .content-section.model-one > div.row-fluid-wrapper { display: table; height: 100%; } .content-section.model-one > div > div.row-fluid { display: table-cell; vertical-align: middle; } /* Auto height blocks(gameplan) */ .table-blocks .content-row > .row-fluid-wrapper { display: table; height: 100%; } .table-blocks .content-row > div > .row-fluid { display: table-row; height: 100%; } .table-blocks .content-column.model-fifteen { display: table-cell; height: 100%; padding-bottom: 20px; } .btn-model-three.v5 { bottom: 0; margin-bottom: -20px; position: absolute; background-color: #40c6f1; color: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .btn-model-three.v5:hover { background-color: #f3550d; border-color: #f3550d; box-shadow: none; } .dashed-img { border: 9px dashed #ffffff; padding: 10px; } /* TABLE CELL SOLUTION */ /*Main Wrapper*/ .set-table { display: table !important; height: 100% !important; } /*Inner wrapper*/ .set-table-row { display: table-row !important; height: 100% !important; } /*Equal height cells*/ .set-table-cell { display: table-cell !important; height: 100% !important; } /* Blog table cells - HS Hack */ /*.table-wrap .row-fluid-wrapper.row-depth-1 {*/ /* display: table !important;*/ /* height: 100% !important; */ /*}*/ /*.table-wrap .row-fluid-wrapper.row-depth-1 > div {*/ /* display: table-row !important;*/ /* height: 100% !important;*/ /*}*/ /*.set-table-cell .row-fluid-wrapper.row-depth-2.row-number-2 { */ /* height: 100%;*/ /* max-height: 130px;*/ /* position: relative;*/ /*}*/ /*.set-table-cell .row-fluid-wrapper.row-depth-2.row-number-3 { */ /* border-bottom: 2px solid #40c6f1;*/ /* height: calc(100% - 130px);*/ /* position: relative;*/ /*}*/ /*.set-table-cell .row-fluid-wrapper.row-depth-2.row-number-3 > div { */ /* height: 100%;*/ /*}*/ .content-custom.model-twenty-four.blog-offer { height: 100%; } .blog-offer .row-depth-2.row-number-4 { height: auto; } .blog-offer .row-depth-2.row-number-5 { /*height: 60%;*/ height: 50%; } .blog-offer .row-depth-2.row-number-5 > div { height: 100%; } .content-offer-blog { height: 100%; border-bottom: medium none; } /*.set-table-cell .row-fluid-wrapper.row-depth-2.row-number-1 {*/ /* height: 100%;*/ /*}*/ /*.set-table-cell .row-fluid-wrapper.row-depth-2.row-number-1 > div {*/ /* height: 100%;*/ /*}*/ /*.set-table-cell .row-fluid-wrapper.row-depth-2.row-number-1 > div .span12 {*/ /* height: 100%;*/ /*}*/ /*.set-table-cell .content-custom.model-thirteen {*/ /* height: calc(100% - 390px);*/ /* position: relative;*/ /* margin-bottom: 0;*/ /*}*/ @media (max-width: 1200px){ .blog-offer .row-depth-2.row-number-5 { height: 56%; } body #highlight-more-visit p.highlight-intro-text { display: none; } } @media (max-width: 1024px){ } @media (max-width: 991px){ .content-custom.model-twenty-four.blog-offer { height: auto; } .content-column.model-ten.blog-block { height: auto; } } @media (max-width: 767px){ .content-custom.model-fourteen.featured-blog { min-height: auto; } .table-wrap .row-fluid-wrapper.row-depth-1 > div { display: table !important; height: 100% !important; } .set-table-cell { width: 100% !important; margin: 0 0 20px !important; display: block !important; } .set-table-cell .row-fluid-wrapper.row-depth-2.row-number-2 { height: auto; max-height: none; } .set-table-cell .row-fluid-wrapper.row-depth-2.row-number-3 { height: auto; } .set-table-cell .content-img.model-twenty-four img { width: 100% !important; } .mod-same .content-custom.model-four{ min-height: auto; } .services-plans .table-blocks .content-column.model-fifteen { display: block; height: auto; padding-bottom: 0; } .services-plans .btn-model-three.v5 { bottom: 0; margin-bottom: 40px; position: relative; } .services-plans .content-custom.model-fourteen.w-clearfix { padding-top: 5px; } .services-plans .content-custom.model-twenty-two { margin-right: 10px; } .row-fluid .col-hide-small, .col-hide-small { display: none; } .content-img.model-eleven.service-img { margin: 0 auto 30px; } .content-column.model-five img { margin-bottom: 30px; } } /*********************************************/ /********** What is inbound *****************/ .cimages-wrapper.content-container, .container-wrapper.content-container{ padding-top:0 !important; } .container-wrapper.content-container img{ width:100%; margin-top: 30px; margin-bottom: 30px; } .container-wrapper.content-container h5{ margin-top: 30px; } .row.w-row{ padding-bottom: 30px; } .column-10 { right: 34px; padding-top: 50px; padding-left: 5px; text-align: left; } .column-6 { padding-top: 20px; } .column-11 { text-align: left; } .image { text-align: center; } .image-4.smaller { max-width: 10%; /*margin-bottom:0 !important;*/ } .image-8 { max-width: 80%; margin:0 !important; } .inbound-p-left.inbound-content-container { margin-top: 0px; margin-bottom: 10px; padding-right: 10px; } .image-text-wrapper p:last-child, .inbound-p-left.inbound-content-container p:last-child{ margin-bottom:0 !important; } .inbound-content-container { margin-top: 50px; margin-bottom: 50px; } .inbound-p-left { text-align: left; } .inbound-heading-7 { position: relative; left: 5px; bottom: -5px; display: inline-block; } .column-6.w-col.w-col-6.image-text-wrapper { min-height: 400px; padding-right:10px; padding-left:10px; } .inbound-methodology { position: relative; right: 26px; display: block; width: 1212px; max-width: 105%; margin-right: auto; margin-left: auto; } .image-text-wrapper ul{ margin-top: 0px; padding-left: 20px; } .image-text-wrapper li{ padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; } .p.model-two h3{ margin-top: 40px; } .container-wrapper.content-container iframe{ width:100%; } .triangle-block.grey{ border-top-color: #f4f4f4; border-color: #f4f4f4 transparent transparent; } .open-box{ height:340px !important; width: 100% !important; border-radius: 0 !important; } .container-wrapper.content-container ul{ margin-bottom: 40px; } @media(max-width:991px){ .container-wrapper.content-container img { width: 110%; margin-top:0; } .inbound-methodology.space { right: 17px; max-width: 105%; } .btn.box{ display:none; } .image-4.smaller{ margin-bottom:0 !important; } .column-10{ padding-top:0; } } @media(max-width:767px){ .inbound-methodology { right: 0px;s max-width: 100%; } .column-11{ text-align:center; } .image-8{ width:30% !important; } .column-6.w-col.w-col-6.image-text-wrapper { min-height: auto !important; } } @media (max-width: 479px){ .inbound-methodology { right: 0px; max-width: 100%; padding-top: 10px; } .p.model-two h3{ font-size:25px !important; } .container-wrapper.content-container h2{ font-size:37px; } .container-wrapper.content-container iframe { height: auto; } .image-8{ width:60% !important; } .dt-icons{ display:none; } .image-text-wrapper.contentm-wrapper-bullets{ padding-left:0 !important; } .image-text-wrapper.contentm-wrapper-bullets .inbound-heading-7 { padding-left: 0 !important; position: static; } .second-row-wrapper{ padding-top:0 !important; } .image-10.inbound-methodology.w-hidden-main.w-hidden-medium.w-hidden-small { position: static; display: block !important; max-width: 70%; margin: 30px auto; } } /********* Content Marketing page************/ .dt-icons { position: relative; top: 3px; /*display: block;*/ max-width: 7%; width: 37px; height: 35px; } .image-text-wrapper.contentm-wrapper-bullets { min-height: auto !important; padding-bottom: 20px; padding-right:10px; padding-left:10px; } .image-text-wrapper.contentm-wrapper-bullets .inbound-heading-7{ font-weight:bold; margin-bottom: 20px; padding-left: 10px; } /***********************************/ /*******Animated checkboxes***********/ /*ul.blog-check { width: 290px; margin: 0 auto; }*/ ul.blog-check li { list-style-type: none; padding: 10px; } /*Adding custom checkbox icons*/ .blog-check label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer; } .blog-check label:before, label:after { font-family: FontAwesome; font-size: 21px; /*absolutely positioned*/ position: absolute; top: 0; left: 0; } .blog-check label:before { content: '\f096'; /*unchecked*/ } .blog-check label:after { content: '\f046'; /*checked*/ /*checked icon will be hidden by default by using 0 max-width and overflow hidden*/ max-width: 0; overflow: hidden; opacity: 0.5; /*CSS3 transitions for animated effect*/ transition: all 0.35s; } /*hiding the original checkboxes*/ .blog-check input[type="checkbox"] { display: none; } /*when the user checks the checkbox the checked icon will animate in*/ .blog-check input[type="checkbox"]:checked + label:after { max-width: 25px; /*an arbitratry number more than the icon's width*/ opacity: 1; /*for fade in effect*/ } /*adding some colors for fun*/ .blog-check label:before, .blog-check label:after {color: #40c6f1;} .strikethrough{ text-decoration: line-through; } /***** Blog progress bar*/ .progress progress { position: fixed; left: 0; top: 60px; z-index: 1000; width: 100%; height: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; color: #40c6f1; display:none; } .progress progress::-moz-progress-bar{ background: #40c6f1; color: #40c6f1;} .progress progress::-webkit-progress-value { background: #40c6f1; color: transparent;} .progress progress::-webkit-progress-value:before { background: #40c6f1; color: transparent;} .progress progress::-webkit-progress-value:after { background: #40c6f1; color: transparent;} .progress progress::-webkit-progress-bar{background:transparent;} /*@media(max-width:991px){ .progress progress{ top:63px; } }*/ .st-blog-listing /* Blog Listing Styles */ .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="text"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="password"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="datetime"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="datetime-local"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="date"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="month"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="time"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="week"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="number"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="email"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="url"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="search"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="tel"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="color"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="file"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe select { background-color: #ffffff; border-color: #dfdfdf; border-radius: 3px; border-style: solid; border-width: 2px; color: #c2c2c2; display: block; font: 400 14px/1.42857 'Raleway',sans-serif; height: 55px; margin-bottom: 10px; padding: 8px 12px; vertical-align: middle; width: 100%; margin-top:0px; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="submit"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="button"] { position:static; display:block; margin-top: 20px; float: none; text-align: center; padding-top: 13px; padding-bottom: 13px; background-color: #40c6f1; transition: background-color 500ms ease; color: #fff; border: 0; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { display: inline-block; vertical-align: top; width: 100%; } .st-blog-listing input ul li label{font-size:10px !important;} .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_submit { display: inline-block; vertical-align: top; width: 100%; } .st-blog-listing .hs_blog_struto_blog_subscription{ margin-top: 20px; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe span.hs-form-required, .st-blog-listing h3.form-title { margin-top: 0px; padding-top: 15px; float: none; margin-bottom: 0px; color: #222; text-transform: uppercase; font-size: 16px; display: inline-block; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe span.hs-form-required{ display: none; } .st-blog-listing .hs-form-radio{ width: 50%; float: left; margin-bottom: -5px; } .st-blog-listing form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; float:left; margin: 5px 0; } /* Placeholder Text */ .st-blog-listing .hs-input:-moz-placeholder { color: #c2c2c2; } .st-blog-listing .hs-input::-webkit-input-placeholder { color: #c2c2c2; } .st-blog-listing .content-custom.model-fourteen.v1 { background-color: #ffffff; border-bottom: 2px solid #40c6f1; overflow: visible; padding: 30px; width: 100%; min-height: 322px; } .st-blog-listing .sidebar-subscribe { margin-top: 0px; padding: 15px 30px 30px; background-color: #fff; height: 400px; margin-bottom: 20px; border-style: solid; border-width: 2px; border-color: #efefef #efefef #40c6f1; } .st-blog-listing .sidebar-offer.content-custom.model-twenty-four { box-shadow: none; height: 295px; } .st-blog-listing .sidebar-offer .content-img.model-twenty-four { max-width: 100%; width: 100%; display:none; } .st-blog-listing .recommended-articles-block { background-color: #40c6f1; background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/left-arrow-white.png"); background-position: 5px 50%; background-repeat: no-repeat; background-size: 18px auto; color: #fff; padding: 12px 20px 12px 30px; position: fixed; right: 0; bottom: 540px; -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 180px; z-index: 9999; cursor: pointer; } .st-blog-listing .recommended-block { background-color: #f4f4f4; position: fixed; right: 0; bottom: 260px; width: 300px; z-index: 9999; right: -300px; -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .st-blog-listing .image-text-wrapper.contentm-wrapper-bullets { min-height: auto !important; padding-bottom: 20px; padding-right:10px; padding-left:10px; } .st-blog-listing .recomm-subscribe-block .hs_cos_wrapper_type_blog_subscribe span.hs-form-required, h3.form-title { margin-bottom: 5px; font-size: 16px; } .st-blog-listing .progress progress { position: fixed; left: 0; top: 60px; z-index: 1000; width: 100%; height: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; color: #40c6f1; display:none; } /* Blog sidebar media queries*/ @media (min-width:992px) and (max-width:1199px){ .st-blog-listing .content-custom.model-fourteen.v1{ min-height: 345px !important; } } @media (min-width:1025px) and (max-width:1199px){ .st-blog-listing .sidebar-offer.content-custom.model-twenty-four { height: 330px; } .st-blog-listing .sidebar-subscribe{ height: 385px; } } @media (min-width:992px) and (max-width:1024px){ .st-blog-listing .sidebar-offer.content-custom.model-twenty-four { height: 340px; } } @media (max-width: 991px){ .st-blog-listing .span8.blog-col, .st-blog-listing .span4.blog-col { display: inline-block !important; float: left !important; margin-bottom: 20px; padding: 0; } } @media (min-width:768px) and (max-width: 991px){ .st-blog-listing .content-custom.model-fourteen.v1 { min-height: auto; } .st-blog-listing .sidebar-subscribe { margin-bottom:26px; } .st-blog-listing .hs-form-radio-display { font-size: 15px; } .st-blog-listing .hd.model-eight.v3{font-size:15px;} .st-blog-listing .sidebar-subscribe{ height: 535px; } } @media (min-width:520px) and (max-width: 991px){ .st-blog-listing .hs-form-radio { width: 20%; margin-right: 1%; } .st-blog-listing form.hs-form .hs-form-field ul.inputs-list{width:100%;} } @media (max-width: 991px){ .st-blog-listing .sidebar-offer.content-custom.model-twenty-four { display:none; } .st-blog-listing .subscribe-mobile{margin:0 !important;} .st-blog-listing .sidebar-subscribe{ height: auto; } } @media (max-width: 1200px) { .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field{ width: 100%; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_submit { width: 100%; } } @media (max-width: 1024px){ .st-blog-listing .img-blog-latest { } } @media screen and (max-width: 991px) { .st-blog-listing .content-container, .w-container{ max-width: 100%; } } @media (max-width: 991px) { .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="submit"], .st-blog-listing .hs_cos_wrapper_type_blog_subscribe input[type="button"] { padding: 12px; width:220px; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field{ width: 100%; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_submit { width: 100%; } .st-blog-listing .content-custom.model-fourteen.v1 { min-height: auto; } } @media (max-width: 767px) { .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_email.field.hs-form-field { width: 100%; } .st-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs_submit { width: 100%; } .st-blog-listing .content-column.model-five.v1 { padding-right: 0px; padding-left: 0px; width:100%; } } /***===================================***/ /*===== website edits growth phase ===*/ .content-section.model-six.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202017/Images/Website%20Images/Webpage%20Images/Craig-min-1-min-1.png'); background-position: 40% 100%; background-size: auto 95%; background-repeat: no-repeat; background-attachment: scroll; } .content-column.model-seven.v2 { height: auto; min-height:1px; } .about-crg .content-column.model-seven.v2.w-col.w-col-6._placeholder h2{ margin-bottom:10px; } .btn-model-one.extra{ margin-bottom:20px; padding:5px 20px; font-size:14px; float: none; } @media(max-width:991px){ .content-section.model-six.v2{ background-position: 37% 100%; background-size: auto 75%; } .hs-content-name-showcase-prezi-2017 .content-column.no-p-right .case-study-link-block{ height:142px; } } @media(max-width:767px){ .content-section.model-six.v2{ background-image:none; } .content-column.model-seven.v2{ height:500px; } .content-column.model-seven.v2._placeholder{ height:auto !important; } .hs-content-name-showcase-prezi-2017 .content-column.no-p-right .case-study-link-block{ height:auto; } } @media (max-width: 479px){ .about-crg .inner-content-column.model-eleven{ border-bottom: 1px solid #40c6f1; } } /*------ website edits growth driven design page ------*/ .gdd-page .btn-container.model-two { position: relative; z-index: 999; margin-top: 40px; margin-bottom: 50px; text-align: center; border-bottom: 0px solid #40c6f1; } .gdd-page .video-wasabi-wrap.v1 { margin-bottom: -6px; } .gdd-page .showcase-overlay { background-position: 50% 25%; } .gdd-page .showcase-overlay:hover { background-position: 50% 30px; background-color: rgba(255,255,255,1); border: 1px solid #d4d4d4; } .gdd-page .caption-showcase { top: 80px; } @media (max-width: 1450px) { .gdd-page .caption-showcase { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1360px) { .gdd-page .caption-showcase { padding-right: 10px; padding-left: 10px; } .gdd-page .caption-showcase p { font: 400 14px/1.4 Lato,sans-serif; } } @media (max-width: 1205px) { .gdd-page .caption-showcase { top: 60px; } .gdd-page .showcase-overlay:hover { background-position: 50% 20px; } } @media (max-width: 1024px) { .gdd-page .showcase-overlay { display: none; } } @media (max-width: 767px){ .gdd-page .btn-container.model-two { margin-bottom: -40px; } } @media (max-width: 479px){ .gdd-page .content-section.model-five.v2.pad-top { padding-top: 180px !important; } } /********** ***************** Homepage testimonial slider ************* ***********************************/ .hp-slider { height: 100%; background-color: #fff; } .hp-slider-mask.w-slider-mask { height: 630px !important; /*box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15);*/ width:100% !important; overflow:unset; width:100% !important; background-color: #fff; } .hp-slide { padding-top: 70px; padding-bottom: 80px; background-color: #fff; } .testimonial-wrap .caroufredsel_wrapper{ height:650px !important; border-bottom: none; border-radius: 0; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); width: 100% !important; } .arrows { display: block; width: 60px; height: 60px; background-color: #dd4e00; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #fff; font-size: 25px; } .arrows.left { top: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -30px; margin-right: 131px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .arrows.right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -30px; margin-right: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #testimonialPagination.w-slider-nav{ bottom:20px; } /*.hp-slide .content-column.model-four{ display:table; }*/ .hp-slider .w-slider-nav span{ display:none; } .hp-slider .w-slider-nav a{ background-color: #e2e2e2; width: 12px; height: 12px; margin-right: 15px; position: relative; display: inline-block; cursor: pointer; transition: background-color 100ms,color 100ms; border-radius: 100%; } .hp-slider .w-slider-nav a.selected{ background-color:#40c6f1; } .content-section.np .content-custom.model-eleven{ padding: 6% 4% 0; } @media screen and (max-width: 1024px){ .testimonial-wrap .caroufredsel_wrapper, .hp-slider-mask.w-slider-mask { height: 730px !important; } #testimonialPagination.w-slider-nav{ bottom:20px; } .testimonial-wrap .content-column{ padding-top: 20px; } } @media (max-width: 991px){ .testimonial-wrap .p.model-three.v1 { font-size: 16px; } } @media screen and (max-width: 767px){ .content-section.np .content-custom.model-eleven{ padding:8%; } .testimonial-wrap .caroufredsel_wrapper, .hp-slider-mask.w-slider-mask{ height: 890px !important; } } @media screen and (max-width: 490px){ .testimonial-wrap .caroufredsel_wrapper, .hp-slider-mask.w-slider-mask { height: 950px !important; } } @media screen and (max-width: 479px){ .testimonial-wrap .caroufredsel_wrapper, .hp-slider-mask.w-slider-mask{ height: 1010px !important; } .arrows{ width:40px; height:40px; margin-top: -21px !important; } .arrows.left{ margin-right: 56px !important; } .arrows.right{ margin-right:15px !important; } } @media screen and (max-width: 345px){ .testimonial-wrap .caroufredsel_wrapper, .hp-slider-mask.w-slider-mask{ height: 1080px !important; } } /* ========================================================================== DOCUMENT INFORMATION ========================================================================== * * Document: Struto Microsite Stylesheet * Version: 2.0.0 * Client: Struto Ltd * Author: Deshika Sookoo * * This document was edited to update the latest changes on www.struto.co.uk * This document was originally named struto-main-hanger.css but has been * been changed to struto-main.css. * ========================================================================== NOTES ========================================================================== * * CHECKTHIS keyword implies possible redunant code * Index has prefix '=' and '==' to find in stylesheet * */ .content-section { padding: 4%; } .content-section.model-one { width: 100%; height: 100vh; padding-top: 70px; padding-right: 0%; padding-left: 0%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/hero-bg-1.jpg'); background-position: 50% 0px; background-size: cover; background-attachment: fixed; } .content-section.model-one.v1 { position: relative; z-index: 0; display: block; width: auto; height: auto; margin-right: auto; margin-left: auto; padding: 0px; background-color: #fff; background-image: none; } .content-section.model-five { display: block; padding: 4%; background-color: #fff; } .content-section.model-five.v1 { display: block; background-color: #f4f4f4; background-image: none; } .content-section.model-five.v2 { background-color: #fffdfd; font-size: 18px; } .content-section.model-five.v3 { background-image: none; } .content-section.model-five.v5 { padding-right: 0%; padding-left: 0%; } .content-section.model-five.v6 { padding-bottom: 6%; border-radius: 3px; color: #F49C58; } .content-section.model-five.v7 { padding-bottom: 4%; background-color: #fff; background-image: none; } .content-section.model-five.v8 { height: 630px; } .content-section.model-five.v11 { padding-top: 6%; padding-right: 0%; padding-bottom: 6%; background-image: -webkit-linear-gradient(270deg, hsla(79, 55%, 62%, .85), hsla(79, 55%, 62%, .85)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/pexels-photo-298010-1.jpg'); background-image: linear-gradient(180deg, hsla(79, 55%, 62%, .85), hsla(79, 55%, 62%, .85)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/pexels-photo-298010-1.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-attachment: scroll, fixed; color: #fff; } .content-section.model-five.v12 { background-color: #009ddc; background-image: -webkit-linear-gradient(320deg, rgba(0, 210, 255, .8), rgba(188, 230, 202, .9) 95%, #bce6ca), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/photo-1497833020762-3e42cb553923-1.jpg'); background-image: linear-gradient(130deg, rgba(0, 210, 255, .8), rgba(188, 230, 202, .9) 95%, #bce6ca), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/photo-1497833020762-3e42cb553923-1.jpg'); background-position: 0px 0px, 0px 0px; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, fixed; color: #fff; } .content-section.model-five.v14 { position: relative; padding-top: 220px; background-color: #f4f4f4; background-image: none; background-size: auto; background-attachment: scroll; } .content-section.model-five.v16 { padding-top: 165px; background-color: #f4f4f4; } .content-section.model-five.v17 { padding-top: 0%; } .content-section.model-five.v18 { background-color: #f5f5f5; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-bg-2-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-section.model-five.v19 { background-color: #f4f4f4; } .content-section.model-five.v20 { background-color: #f8f8f8; } .content-section.model-six { padding: 4% 4% 0%; } .content-section.model-six.v1 { background-color: #f4f4f4; background-image: none; } .content-section.model-six.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Craig-min-1-min-1.png'); background-position: 40% 100%; background-size: auto 95%; background-repeat: no-repeat; background-attachment: scroll; } .content-section.model-seven { display: block; margin-bottom: 100px; padding: 4%; background-color: transparent; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-blur2-1.jpg'); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-blur2-1.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, scroll; } .content-section.model-seven.v1 { position: relative; height: 624px; margin-bottom: 101px; background-color: #f2f2f2; background-image: none; } .content-section.model-seven.v2 { background-image: none; } .content-section.model-seven.v4 { position: relative; height: auto; margin-bottom: 0px; padding-top: 0%; padding-bottom: 6%; background-image: -webkit-linear-gradient(305deg, #ffa05a, #ff6464), -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), -webkit-linear-gradient(320deg, #7fdec5, #69d38d); background-image: linear-gradient(145deg, #ffa05a, #ff6464), linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(130deg, #7fdec5, #69d38d); } .content-section.model-eight { padding: 4%; background-color: #222; color: #fff; } .content-section.model-nine { padding: 4%; background-color: #313131; } .content-section.model-three { position: relative; padding-top: 140px; padding-bottom: 80px; color: #fff; } .content-section.model-three.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/1111-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .content-section.model-three.v2 { position: relative; padding-bottom: 0px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-aboutus-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-section.model-three.v3 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-resources-1.jpg'); background-position: 50% 0px; background-size: cover; background-repeat: no-repeat; } .content-section.model-three.v4 { padding-top: 140px; padding-bottom: 240px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-call-1.jpg'); background-position: 50% 50%; background-size: cover; } .content-section.model-three.v5 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/inbound-2017-min-1.png'); background-position: 0px 100%; background-repeat: no-repeat; } .content-section.model-three.v6 { padding-bottom: 50px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/careers-page-banner-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-section.model-three.v7 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-micro-4-3-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-section.model-four { padding: 6% 4%; } .content-section.model-eleven { display: none; padding-top: 4%; padding-bottom: 4%; background-color: #f1f1f1; background-image: none; background-position: 0px 0px; background-size: auto; } .content-section.model-eleven.v1 { display: none; background-color: #ececec; } .content-section.model-ten { padding: 4%; background-image: -webkit-linear-gradient(275deg, rgba(241, 108, 47, .9), rgba(221, 78, 12, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-aboutus-1.jpg'); background-image: linear-gradient(175deg, rgba(241, 108, 47, .9), rgba(221, 78, 12, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-aboutus-1.jpg'); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .content-section.model-ten.v1 { display: none; background-image: -webkit-linear-gradient(275deg, rgba(105, 211, 141, .9), rgba(57, 185, 151, .91)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-aboutus-1.jpg'); background-image: linear-gradient(175deg, rgba(105, 211, 141, .9), rgba(57, 185, 151, .91)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-aboutus-1.jpg'); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .content-section.model-thirteen { height: 685px; padding: 4%; background-color: #f6f6f6; background-image: -webkit-linear-gradient(0deg, #ffa05a, rgba(255, 157, 91, .95) 0%, hsla(0, 100%, 70%, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-bg-placeholder-image-1.jpg'); background-image: linear-gradient(90deg, #ffa05a, rgba(255, 157, 91, .95) 0%, hsla(0, 100%, 70%, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-bg-placeholder-image-1.jpg'); background-position: 0px 0px, 50% 0px; background-size: auto, contain; background-repeat: repeat, repeat; background-attachment: scroll, fixed; } .content-section.model-fourteen { padding: 0%; } .content-section.pillar-hero { padding-top: 20%; padding-bottom: 20%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-image-1.jpg'); background-position: 100% 50%; background-repeat: no-repeat; } .content-section.redesign-section { padding-top: 10%; padding-bottom: 10%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Circle.svg'); background-position: -463px 50%; background-size: 890px; background-repeat: no-repeat; } .content-section.chatbot-section { padding-top: 10%; padding-bottom: 10%; background-image: none; background-repeat: repeat; } .content-section.cta-section { position: relative; padding-top: 6%; padding-bottom: 8%; background-color: #f5f5f5; } .content-section.cta-section.v1 { margin-top: -100px; } .content-section.plan-section { padding-top: 8%; padding-bottom: 5%; } .content-section.plan-section.v1 { margin-top: -139px; padding-top: 0%; } .content-section.tradition-section { padding-top: 0%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Circle.svg'); background-position: 192% 71%; background-size: 1024px; background-repeat: no-repeat; } .content-section.benefits-section { padding-top: 10%; padding-bottom: 10%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/benefits-img-1.jpg'); background-position: 100% 50%; background-repeat: no-repeat; } .content-section.portfolio-section { padding: 0%; } .content-section.portfolio-section.v1 { padding-bottom: 5%; } .content-section.cost-calculator-section { padding-top: 8%; padding-bottom: 8%; } .content-section.np { padding: 0%; } .content-section.microsite-banner { overflow: hidden; height: 730px; padding: 0%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/microsite-banner-1-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-section.microsite-banner.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/microsite-banner-4-1.jpg'); } .content-section.pillar-share { padding-top: 6%; padding-bottom: 6%; border-top: 2px solid #f2f2f2; } .content-section.micro-bg-color { background-color: #f8f8f9; } .content-section.micro-section { padding-top: 6%; padding-bottom: 6%; } .content-section.micro-section.micro-bg-color { padding-top: 6%; padding-bottom: 6%; } /*.content-section.micro-section.how-to-section { padding:6% 20px 20px; }*/ .content-section.micro-section.micro-lessp { padding-top: 4%; padding-bottom: 4%; } .content-section.micro-section.np-left-right { padding-right: 0%; padding-left: 0%; } .content-section.micro-section.np-left-right.wasabi-slider-section { position: relative; } .content-section.micro-section.wasabi-bg-color { background-color: #f8f8f9; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/wasabi-name.svg'); background-position: 0px 50%; background-size: auto 98%; background-repeat: no-repeat; } .content-section.micro-section.maki-bg-color { background-color: #f8f8f9; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Maki/maki-name.svg'); background-position: 0px 50%; background-size: auto 98%; background-repeat: no-repeat; } .content-section.micro-section.vant-bg-color { background-color: #f8f8f9; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Vant/vant-name.svg'); background-position: 0px 50%; background-size: auto 98%; background-repeat: no-repeat; } .content-section.wasabi-banner { height: 730px; background-image: -webkit-linear-gradient(305deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-wasabi-1.jpg'); background-image: linear-gradient(145deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-wasabi-1.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .nav { position: fixed; width: 100%; background-color: transparent; } .nav.nav-down { top: 0px; display: none; padding-top: 15px; padding-bottom: 15px; } .logo-wrapper { width: 100px; height: 38px; margin-top: 12px; margin-bottom: 15px; margin-left: 20px; padding-left: 0px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Struto_logo-1.png'); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; } .logo-wrapper.logo-colour { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Struto_logo-1_1-1.png'); } .inner-content-column.model-two { height: 100%; padding-left: 8%; color: #4e4e4e; } .inner-content-column.model-ten { height: 100%; } .inner-content-column.model-eleven { height: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Craig-min-1.png'); background-position: 0px 100%; background-size: contain; background-repeat: no-repeat; } .inner-content-column.model-three { height: 33%; } .inner-content-column.model-four { padding: 0px 30px; border-left: 10px solid #fff; color: #fff; } .inner-content-column.model-six { padding-left: 30px; color: #fff; } .inner-content-column.model-seven { display: block; width: 80%; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 30px; } .inner-content-column.c-hero-home-split { position: relative; width: 100%; height: 100vh; padding-top: 75px; } .inner-content-column.hero-nav { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 999; display: inline-block; width: 100%; height: 100%; } .inner-content-column.hero-nav.v1 { height: 100%; } .inner-content-column.hero-nav-cta { position: relative; display: inline-block; overflow: hidden; width: 50%; height: 100%; padding: 30px 100px; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .inner-content-column.hero-nav-cta.v1 { z-index: 2; width: 100%; padding-top: 300px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } .inner-content-column.hero-nav-cta.v2 { width: 100%; padding-top: 300px; } .inner-content-column.c-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; } .inner-content-column.c-overlay.c-overlay-hero-cta { position: absolute; z-index: 1; display: block; padding-top: 0px; background-color: rgba(0, 0, 0, .3); } .inner-content-column.hero-nav-cta-img { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 0; display: block; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-wasabi-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .inner-content-column.hero-nav-cta-img.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-micro-4.jpg'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/example-bg.png'); background-position: 50% 50%, 0px 0px; background-size: cover, 125px; background-repeat: no-repeat, no-repeat; } .inner-content-column.fill { position: absolute; left: -900px; bottom: -900px; z-index: 1; width: 100%; height: 100%; border-radius: 0%; background-color: hsla(0, 100%, 70%, .55); } .content-row.model-ten { margin-right: 0px; margin-left: 0px; } .content-row.model-ten.v2 { padding-top: 20px; } .content-row.m-bottom { margin-bottom: 10px; } .content-row.model-one { margin-bottom: 30px; margin-left: -9px; } .content-row.model-twelve { display: block; margin-right: auto; margin-left: auto; padding-top: 20px; } .content-row.micro-cs-row { position: relative; } .content-column { padding-top: 20px; -webkit-perspective: 3000px; perspective: 3000px; } .content-column.model-one { position: relative; width: 50%; height: 100%; padding-right: 0px; padding-bottom: 150px; padding-left: 0px; } .content-column.model-four { min-height: 300px; } .content-column.model-four.v1 { padding-right: 60px; } .content-column.model-six { text-align: center; } .content-column.model-seven { height: 500px; } .content-column.model-seven.v2 { height: auto; padding-bottom: 4%; } .content-column.model-seven.v3 { height: auto; padding-bottom: 4%; } .content-column.model-three { padding-right: 40px; padding-left: 0px; } .content-column.model-three.v1 { padding-right: 25px; padding-left: 10px; } .content-column.model-three.v2 { padding-right: 10px; padding-left: 25px; } .content-column.model-eight { display: inline-block; width: 20%; min-height: 150px; padding: 2% 4%; float: left; text-align: center; } .content-column.model-eight.v1 { position: relative; display: block; padding: 0%; } .content-column.model-eight.v2 { width: 40%; padding-right: 0%; } .content-column.model-eight.v3 { width: 40%; padding-left: 0%; } .content-column.model-eight.v4 { width: 33.333%; padding: 0%; } .content-column.model-twelve.v1 { padding-right: 80px; text-transform: none; } .content-column.model-thirteen { border-right: 1px dashed #ccc; } .content-column.model-thirteen.v1 { border-right-color: transparent; } .content-column.model-fourteen { height: 450px; padding-right: 0px; padding-left: 0px; } .content-column.model-fourteen.v1 { padding-right: 50px; } .content-column.model-fourteen.v2 { height: auto; } .content-column.model-fifteen { padding-right: 20px; padding-left: 20px; } .content-column.model-fifteen.v1 { padding-right: 30px; padding-left: 30px; text-align: center; } .content-column.model-fifteen.v4 { height: 774px; padding: 40px; background-color: #f2f2f2; } .content-column.model-fifteen.v5 { padding: 40px; } .content-column.model-sixteen { position: relative; width: 20%; padding-right: 10px; padding-left: 10px; text-align: center; text-decoration: none; } .content-column.model-sixteen.v1 { margin-bottom: 20px; } .content-column.model-seventeen { padding-right: 10px; } .content-column.model-two { width: 50%; height: 100%; } .content-column.model-two.v1 { display: block; float: left; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/JW-about2-1.jpg'); background-position: 50% 0px; background-size: cover; background-repeat: no-repeat; } .content-column.model-two.v2 { display: inline-block; padding: 15% 6%; float: right; } .content-column.model-five.v1 { padding-right: 5%; } .content-column.model-nine { position: relative; width: 100%; height: 350px; padding: 40px 20px 20px; float: left; } .content-column.model-nine.v1 { background-color: #F49C58; color: #fff; text-align: center; } .content-column.model-nine.v2 { background-color: #ffa05a; color: #fff; text-align: center; } .content-column.model-nine.v3 { background-color: #ff6464; color: #fff; text-align: center; } .content-column.model-nine.v4 { background-color: #00d2ff; color: #fff; text-align: center; } .content-column.model-nine.v5 { background-color: #7fdec5; color: #fff; text-align: center; } .content-column.model-nine.v6 { background-color: #b2d46a; color: #fff; text-align: center; } .content-column.model-eleven { padding: 0px 15px; background-color: transparent; } .content-column.model-eleven.v1 { padding-left: 0px; } .content-column.model-eleven.v2 { padding-right: 25px; padding-left: 25px; } .content-column.model-nineteen { padding: 4%; background-color: #f4f4f4; } .content-column.model-nineteen.v1 { background-image: -webkit-linear-gradient(270deg, rgba(105, 211, 141, .9), rgba(57, 185, 151, .91)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-services-1.jpg'); background-image: linear-gradient(180deg, rgba(105, 211, 141, .9), rgba(57, 185, 151, .91)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-services-1.jpg'); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .content-column.model-nineteen.v2 { background-image: -webkit-linear-gradient(270deg, rgba(241, 108, 47, .9), rgba(221, 78, 12, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/stock-photo-top-view-office-317335031-1.jpg'); background-image: linear-gradient(180deg, rgba(241, 108, 47, .9), rgba(221, 78, 12, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/stock-photo-top-view-office-317335031-1.jpg'); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .content-column.model-twenty-three { padding-left: 35px; } .content-column.model-twenty-three.v1 { padding-right: 0px; padding-left: 0px; } .content-column.model-twenty-four { padding-top: 15px; } .content-column.model-twenty-six { width: 40px; height: 40px; padding-right: 10px; float: left; } .content-column.model-twenty-seven { overflow: visible; padding-top: 5px; } .content-column.no-p-left { padding-left: 0px; } .content-column.no-p-right { padding-right: 0px; } .content-column.model-thirty { min-height: 200px; text-align: center; } .content-column.model-thirty.v1 { border-right: 1px solid #e4e4e4; } .content-column.model-thirty-one { padding: 30px 10px; text-align: center; } .content-column.model-thirty-two { padding: 40px; background-color: #fff; box-shadow: 0 0 140px 0 rgba(0, 0, 0, .33); } .content-column.model-thirty-six { text-align: center; } .content-column.module-one { padding-top: 0px; } .content-column.module-two { margin-bottom: 30px; padding-top: 0px; padding-right: 220px; } .content-column.left { text-align: left; } .content-column.no-p-top { padding-top: 0px; } .content-column.ntp { padding-top: 0px; } .content-column.micro-column--np { padding-top: 0px; padding-right: 0px; padding-left: 0px; float:right !important; } .content-column.micro-column-p-lr { padding-top: 0px; padding-right: 20px; padding-left: 20px; } .content-column.micro-column-p { padding-right: 15px; padding-bottom: 0px; padding-left: 15px; } .hd { text-transform: uppercase; } .hd.model-one { margin-bottom: 10px; font-family: Raleway, sans-serif; color: #000; font-size: 102px; line-height: 90px; text-transform: uppercase; } .hd.model-one.v1 { color: #fff; font-weight: 700; } .hd.model-one.v1.cta-heading { position: relative; z-index: 3; } .hd.model-two { margin-bottom: 20px; font-family: Raleway, sans-serif; color: #fff; font-size: 40px; line-height: 45px; font-weight: 700; text-align: center; text-transform: uppercase; } .hd.model-two.v1 { margin-top: 0px; margin-bottom: 10px; color: #333; font-size: 18px; line-height: 24px; text-align: left; } .hd.model-two.h1 { margin-top: 72px; } .hd.model-two.h1.v2 { text-align: center; } .hd.model-two.v2 { text-align: left; } .hd.model-two.v3 { margin-top: 28px; margin-left: 0px; font-family: Muli, sans-serif; color: #36353b; font-size: 18px; line-height: 23px; text-align: left; text-transform: none; } .hd.model-four { margin-top: 0px; margin-bottom: 0px; font-size: 40px; line-height: 45px; } .hd.model-seven { margin-bottom: 50px; color: #5a5a5a; text-transform: uppercase; } .hd.model-eight { margin-bottom: 0px; float: left; clear: both; color: #222; text-transform: uppercase; } .hd.model-eight.v1 { margin-top: 28px; margin-bottom: 15px; float: none; font-size: 18px; text-align: center; } .hd.model-eight.v2 { display: block; margin-top: 45px; float: none; color: #333; font-weight: 700; text-align: center; } .hd.model-eight.v2.less-margin { margin-top: 24px; } .hd.model-eight.v3 { margin-top: 0px; margin-bottom: 12px; float: none; color: #333233; text-align: left; } .hd.model-eight.v4 { margin-top: 28px; float: none; } .hd.model-eight.v5 { margin-top: 6px; float: none; font-size: 50px; } .hd.model-eight.v6 { margin-top: 30px; margin-bottom: 0px; float: none; text-align: center; } .hd.model-eight.v7 { float: none; text-align: left; } .hd.model-eight.v8 { float: none; text-align: center; } .hd.model-nine { font-size: 88px; font-weight: 400; } .hd.model-nine.v1 { color: #fff; } .hd.model-three { margin-bottom: 10px; } .hd.model-five { margin-top: 5px; float: left; } .hd.model-six { color: #fff; } .hd.model-ten { margin-bottom: 100px; color: #fff; font-size: 50px; line-height: 50px; } .hd.model-eleven { width: 70%; margin-right: auto; margin-left: auto; color: #777; font-size: 20px; line-height: 1.4; font-weight: 400; text-transform: none; } .hd.model-eleven.v1 { margin-bottom: 0px; } .hd.model-eleven.v3 { width: 70%; color: #fff; } .hd.model-eleven.v4 { color: #fff; } .hd.model-eleven.full { width: 100%; } .hd.model-twelve { margin-bottom: 10px; color: #fff; } .p.model-one { color: #000; font-size: 25px; line-height: 35px; text-transform: uppercase; } .p.model-one.v1 { color: #fff; } .p.model-one.v1.cta-eyebrow { position: relative; z-index: 3; } .p.model-two { font-size: 16px; } .p.model-two.v1 { margin-bottom: 0px; padding-right: 35px; padding-left: 35px; color: #777; } .p.model-two.v2 { margin-top: 14px; margin-right: 15px; float: right; } .p.model-two.v3 { display: block; width: 70%; margin-right: auto; margin-left: auto; } .p.model-three { font-size: 20px; } .p.model-three.v1 { font-style: italic; } .p.model-six { margin-bottom: 0px; font-size: 12px; } .p.model-four { margin-bottom: 15px; font-size: 14px; } .p.model-four.v2 { display: block; margin-bottom: 0px; font-size: 16px; } .p.model-five { display: inline-block; color: #777; font-size: 13px; } .p.model-five.v1 { color: #F49C58; font-size: 16px; } .p.model-five.v1:hover { text-decoration: underline; } .p.model-seven { display: block; width: 80%; margin-right: auto; margin-left: auto; } .p.model-eight { color: #777; font-size: 30px; line-height: 1.4; } .mouse-icon { display: block; } .wheel { display: none; } .btn-model-one { display: inline-block; margin-bottom: 10px; padding: 10px 30px; border: 2px solid #F49C58; border-radius: 3px; background-color: transparent; -webkit-transition: box-shadow 350ms ease; transition: box-shadow 350ms ease; font-family: Lato, sans-serif; color: #F49C58; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-model-one:hover { border-color: #F49C58; box-shadow: inset 0 0 0 4px #F49C58; color: #F49C58; } .btn-model-one.v2 { position: absolute; left: 50%; bottom: -36px; display: block; background-color: #fff; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .btn-model-one.v2.inverse { background-color: #F49C58; -webkit-transition: box-shadow 350ms ease, background-color 350ms ease; transition: box-shadow 350ms ease, background-color 350ms ease; color: #fff; } .btn-model-one.v2.inverse:hover { border-width: 2px; background-color: #fff; color: #F49C58; } .btn-model-one.v1 { margin-right: 13px; border-color: #fff; color: #fff; } .btn-model-one.v1:hover { box-shadow: inset 0 0 0 4px #fff; } .btn-model-one.v4 { margin-right: 5px; margin-left: 5px; } .btn-model-one.v4.active { background-color: #F49C58; color: #fff; } .btn-model-one.v5 { display: block; } .btn-model-one.v6 { margin-right: 5px; margin-left: 5px; border-color: #00d2ff; color: #00d2ff; } .btn-model-one.v6:hover { box-shadow: inset 0 0 0 4px #00d2ff; } .btn-model-one.v7 { margin-right: 5px; margin-left: 5px; border-color: #ff6464; color: #ff6464; } .btn-model-one.v7:hover { box-shadow: inset 0 0 0 4px #ff6464; } .btn-model-one.v8 { margin-right: 5px; margin-left: 5px; border-color: #ffa05a; color: #ffa05a; } .btn-model-one.v8:hover { box-shadow: inset 0 0 0 4px #ffa05a; } .btn-model-one.v9 { top: 0px; right: 25px; bottom: 0px; width: auto; height: 47px; margin: auto auto 25px; } .btn-model-one.model-ten { margin-top: 30px; margin-bottom: 0px; margin-left: 20px; padding-right: 15px; padding-left: 15px; float: right; text-align: right; } .btn-model-one.model-twelve { width: 100%; height: 56px; padding-top: 15px; padding-bottom: 15px; border-color: #fff; color: #fff; } .btn-model-one.model-twelve:hover { box-shadow: inset 0 0 0 4px #fff; } .btn-model-one.v10 { top: 0px; right: 207px; bottom: 0px; width: auto; height: 47px; margin-top: auto; margin-right: auto; margin-left: auto; } .btn-model-one.v11 { margin-left: 10px; } .content-img.model-three { position: relative; display: block; width: 300px; height: 300px; margin-right: auto; margin-left: auto; border: 8px none #c7e8e9; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/skeleton-tech-test-image-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-three.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/caroline-harrison-1.jpg'); } .content-img.model-three.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/benedikte-schaltz-1.jpg'); } .content-img.model-five { position: absolute; z-index: 3; width: 90%; -webkit-transform: translate(0px, -50%) translate(-50%, 0px); -ms-transform: translate(0px, -50%) translate(-50%, 0px); transform: translate(0px, -50%) translate(-50%, 0px); } .content-img.model-seven { width: 60px; height: 60px; float: left; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/stock-photo-young-designer-analyzing-data-in-office-326441120-1.jpg'); background-position: 0px 0px; background-size: cover; } .content-img.model-nine { width: 30px; height: 30px; margin-right: 10px; opacity: 0.2; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .content-img.model-nine:hover { opacity: 1; } .content-img.model-nine.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon_twitter-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .content-img.model-nine.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/facebook-logo-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-nine.v3 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon_linkedin-1.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-fourteen { display: block; max-height: 80px; max-width: 150px; margin-right: auto; margin-left: auto; } .content-img.model-fifteen { position: absolute; top: 5%; right: 13px; display: block; width: 70px; height: 70px; margin-bottom: 30px; margin-left: -25px; border: 10px solid #fff; border-radius: 100%; background-color: #fff; text-align: center; } .content-img.model-sixteen { width: 40px; } .content-img.model-eighteen { width: 5em; margin-bottom: 40px; } .content-img.model-eighteen.v1 { width: 50px; margin-right: 20px; margin-bottom: auto; float: left; } .content-img.model-eighteen.v2 { margin-bottom: 0px; } .content-img.model-nineteen { width: 100%; margin-bottom: 20px; } .content-img.model-twenty { width: 100%; margin-bottom: 20px; } .content-img.model-twenty-one { width: 100%; } .content-img.model-twenty-two { width: 90%; } .content-img.model-twenty-three { display: block; width: auto; max-height: 100%; max-width: none; min-height: 100%; } .content-img.model-two { position: relative; z-index: 2; width: 100%; } .content-img.model-four { max-width: 80px; } .content-img.model-eight { width: 100%; height: 423px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/stock-photo-group-of-young-people-employee-workers-with-computer-in-urban-alternative-studio-business-concept-558300457-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-ten { width: 100%; } .content-img.model-twenty-four { max-width: 98%; } .content-img.model-twenty-six { width: 100%; padding: 10px; border: 9px dashed #fff; } .content-img.model-one { display: block; width: 120px; margin-right: auto; margin-left: auto; } .content-img.model-twenty-five { width: 70%; } .content-img.model-twenty-seven { width: 100%; margin-top: 30px; margin-bottom: 30px; } .content-img.model-thirty-five { width: 100%; margin-top: 30px; margin-bottom: 30px; } .content-img.model-thirty-six { margin-top: 5px; } .content-img.model-thiry-seven { position: relative; display: block; width: 60%; margin-top: 30px; margin-right: auto; margin-left: auto; float: none; } .content-img.model-thirty-seven { display: block; width: 50%; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .content-img.model-thirty-one { width: 35px; margin-right: 15px; float: left; } .content-img.model-thirty-nine { width: 40px; margin-right: 15px; float: left; } .content-img.model-thirty-two { display: block; max-height: 550px; margin-right: auto; margin-left: auto; } .content-img.model-fourty { display: block; width: 280px; margin-right: auto; margin-left: auto; } .content-img.model-fourty-one { display: block; width: 85%; margin-right: auto; margin-bottom: 15px; margin-left: auto; } .content-img.tick { width: 10px; height: 10px; } .content-img.arrow-bottom { width: 100%; } .content-img.model-six { width: 120px; } .content-img.bragging-img { width: 113px; margin-bottom: -10px; float:left; margin-right:20px; margin-left: 20%; } .content-img.wr-img { position: relative; top: -120px; margin-bottom: -20px; padding-bottom: 0px; box-shadow: 21px 24px 50px -1px rgba(0, 0, 0, .12); } .content-img.micro-bragging-img { width: 106px; } .content-img.micro-full { width: 100%; } .content-custom.model-one { position: absolute; right: 0px; bottom: 0px; z-index: 1; display: block; border-bottom: 200px solid rgba(221, 78, 12, .8); border-left: 200px solid transparent; } .content-custom.model-four { display: block; margin-top: 15px; background-color: transparent; color: #333; text-align: left; } .content-custom.model-four.v1 { height: 500px; max-height: 600px; padding: 11%; border: 4px solid #fff; background-color: transparent; -webkit-transition: box-shadow 350ms ease, background-color 350ms ease; transition: box-shadow 350ms ease, background-color 350ms ease; } .content-custom.model-four.v1:hover { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-four.v1.vision { height: auto; margin-top: 0px; margin-bottom: 20px; padding: 60px 40px; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-four.v2 { padding: 11% 11% 8%; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-four.v3 { padding: 5% 11% 8% 0%; } .content-custom.model-four.v5 { margin-bottom: 20px; } .content-custom.model-four.v4 { padding: 11% 13%; border: 4px solid #f4f4f4; -webkit-transition: box-shadow 500ms ease; transition: box-shadow 500ms ease; text-align: center; } .content-custom.model-four.v4:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-five { position: relative; width: 100%; height: 100%; padding-bottom: 100px; background-image: none; background-position: 0px 0px; -webkit-transition: box-shadow 200ms ease; transition: box-shadow 200ms ease; color: #fff; text-align: center; text-decoration: none; } .content-custom.model-six { position: absolute; bottom: 0px; display: block; width: 100%; height: 100px; padding-top: 30px; padding-bottom: 30px; background-color: #f5f5f5; opacity: 1; -webkit-transition: opacity 200ms ease, top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease; transition: opacity 200ms ease, top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease; } .content-custom.model-eight { display: block; overflow: hidden; margin-bottom: 30px; padding-left: 15px; color: #fff; text-decoration: none; } .content-custom.model-ten { overflow: hidden; } .content-custom.model-thirteen { margin-bottom: 20px; } .content-custom.model-fourteen { overflow: hidden; min-height: 45px; } .content-custom.model-sixteen { position: relative; border-left: 2px solid #F49C58; } .content-custom.model-seventeen { width: 50%; padding-right: 50px; } .content-custom.model-eighteen { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-eighteen.v1 { position: absolute; padding: 80px 40px 0px; border-bottom: 2px solid #F49C58; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-eighteen.v2 { margin-top: -225px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #F49C58; } .content-custom.model-eighteen.v4 { padding-top: 60px; padding-bottom: 60px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-eighteen.v3 { position: relative; top: -221px; z-index: 2; margin-bottom: -177px; border-bottom: 2px solid #F49C58; background-color: transparent; } .content-custom.model-eighteen.v5 { margin-bottom: 120px; padding: 60px 40px; border-bottom: 2px solid #F49C58; } .content-custom.model-nineteen { position: absolute; bottom: 0px; z-index: 4; width: 100%; min-height: 150px; border-bottom: 1px none #f4f4f4; background-color: #fff; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Graph-right-2-1.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Graph-left-2-1.png'); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Graph-right-2-1.png'), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/Graph-left-2-1.png'); background-position: 0px 0px, 100% 93%, 0px 93%; background-repeat: repeat, no-repeat, no-repeat; } .content-custom.model-nineteen.v1 { background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)); background-position: 0px 0px; background-repeat: repeat; } .content-custom.model-twenty-one { position: relative; } .content-custom.model-twenty-two { width: 45px; margin-right: 30px; float: left; } .content-custom.model-two { width: 100%; } .content-custom.model-three { position: relative; margin: 80px 15%; border-bottom: 2px solid #dedede; } .content-custom.model-seven { position: absolute; width: 15px; height: 15px; border: 4px solid #dedede; border-radius: 50px; background-color: #ff6464; -webkit-transform: translate(0px, -40%); -ms-transform: translate(0px, -40%); transform: translate(0px, -40%); } .content-custom.model-seven.v1 { right: 0px; } .content-custom.model-seven.v2 { left: 50%; -webkit-transform: translate(0px, -40%) translate(-7px, 0px); -ms-transform: translate(0px, -40%) translate(-7px, 0px); transform: translate(0px, -40%) translate(-7px, 0px); } .content-custom.model-seven.v3 { left: 0px; } .content-custom.model-nine { position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; padding-top: 6px; border: 3px solid #fff; border-radius: 30px; background-color: transparent; font-family: Raleway, sans-serif; font-size: 17px; line-height: 10px; font-weight: 700; } .content-custom.model-twenty-four { padding: 30px 50px; border-bottom: 2px solid #F49C58; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .content-custom.model-eleven { margin-bottom: 100px; padding: 6% 4% 0%; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-blur2-1.jpg'); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/bg-blur2-1.jpg'); background-position: 0px 0px, 50% 100%; background-size: auto, cover; background-attachment: scroll, fixed; } .content-custom.model-fifteen { padding: 25px; background-color: #f6f6f6; } .content-custom.model-twenty-six { margin-top: 30px; } .content-custom.model-twenty-eight { padding: 25px; border-radius: 10px; background-color: #f8f8f8; } .content-custom.model-twenty-eight.v1 { position: relative; display: block; width: 100%; height: 580px; margin-bottom: 100px; padding-top: 25px; padding-bottom: 75px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 2px none #f2f2f2; border-radius: 3px 3px 0px 0px; background-color: #fff; } .content-spacer { height: 20px; } .content-spacer.model-two { height: 60px; } .content-spacer.model-two.v2 { height: 20px; } .content-spacer.model-two.v3 { height: 20px; } .content-spacer.model-three { height: 40px; } .content-spacer.model-four { height: 30px; } .content-spacer.model-six { height: 140px; } .content-spacer.v1 { display: block; } .content-spacer.module-one { display: block; width: 90%; height: 2px; margin-right: auto; margin-left: auto; background-color: #ccc; color: hsla(0, 0%, 86%, .5); } .content-spacer.module-one.v1 { width: auto; height: 20px; margin-right: 0px; margin-left: 0px; background-color: transparent; color: #fff; } .content-spacer.model-one { height: 90px; } .content-spacer.model-one.v1 { display: block; height: 70px; } .content-divider { height: 4px; margin-top: 30px; margin-bottom: 30px; background-color: #b8b8b8; } .content-divider.model-one { width: 50px; height: 4px; margin-top: 0px; background-color: #F49C58; } .content-divider.model-one.content-devider-space-top { margin-top: 30px; } .content-divider.model-one.v2 { display: block; margin-right: auto; margin-left: auto; text-align: center; } .content-divider.model-two { display: block; width: 50px; margin: 20px auto; background-color: #fff; } .content-divider.model-two.v1 { display: block; background-color: #F49C58; text-align: left; } .content-divider.model-three { width: 40px; margin-top: 0px; margin-bottom: 20px; } .content-divider.model-three.v1 { background-color: #F49C58; } .text-color-model-one { color: #F49C58; } .text-color-model-one.v3 { color: #fff; } .nav-link { margin-right: 20px; margin-left: 20px; padding: 10px 0px 5px; color: #fff; font-size: 14px; text-transform: uppercase; } .nav-link:hover { box-shadow: inset 0 0 0 0 #000; } .nav-link.w--current { color: #F49C58; } .nav-link.model-one { padding-right: 20px; } .nav-link.model-one.v1 { color: #36353b; } .nav-link.model-two { color: #36353b; } .link-model-one { display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #292929; color: #fff; text-decoration: none; } .link-model-one:hover { border-bottom-style: dotted; border-bottom-color: #F49C58; color: #F49C58; } .form-field { border: 2px solid #fff; background-color: transparent; } .form-field.model-one { height: 56px; margin-bottom: 10px; border-width: 1px; border-color: #fff; border-right-style: none; border-radius: 3px; background-color: #fff; box-shadow: none; -webkit-transition: border 450ms ease; transition: border 450ms ease; } .form-field.model-one:focus { border: 1px solid #F49C58; background-color: #fff; } .form-field.model-one.v1 { background-color: #f2f2f2; } .link-model-two { color: #fff; text-decoration: none; } .link-model-two:hover { border-bottom: 1px dotted #F49C58; color: #F49C58; } .content-footer.model-one { color: #6b6b6b; font-size: 12px; font-style: italic; } .btn-model-four { width: 160px; padding: 15px 30px; float: right; border: 3px solid #F49C58; background-color: #F49C58; color: #fff; font-size: 18px; text-transform: uppercase; } .showcase-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; display: block; background-color: hsla(0, 0%, 100%, 0); background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/mode-circular-button-1.png'); background-position: 50% 75%; background-size: 32px; background-repeat: no-repeat; opacity: 0; -webkit-transition: background-position 300ms ease, opacity 350ms ease; transition: background-position 300ms ease, opacity 350ms ease; color: #000; } .showcase-overlay:hover { border: 1px solid #e0e0e0; background-color: #fff; background-position: 50% 50%; opacity: 1; } .content-container { position: relative; z-index: 2; overflow: visible; } .content-container.model-one { text-align: center; } .content-container.model-one.v2 { margin-top: 30px; } .content-container.model-one.v4 { position: relative; z-index: 4; display: block; padding: 100px 0px; } .content-container.model-one.v6 { margin-top: 120px; padding-top: 60px; } .content-container.model-one.v7 { margin-bottom: 80px; } .content-container.model-two { overflow: visible; } .content-container.model-two.v1 { display: block; } .content-container.model-two.v3 { display: block; width: 960px; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } .content-container.model-four { text-align: center; } .content-container.module-one { background-color: transparent; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/chat-box-bg-colours.svg'); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-attachment: fixed; box-shadow: 0 6px 25px 1px rgba(0, 0, 0, .1); } .link-model-four { width: 40px; height: 40px; margin-right: 5px; margin-left: 5px; border: 2px solid #F49C58; color: #F49C58; line-height: 37px; text-decoration: none; } .link-model-four:hover { background-color: #F49C58; color: #fff; } .link-model-four.active { background-color: #F49C58; color: #c7e8e9; } .link-model-four.active.micro-pagination-active { border-color: #ffa05a; border-radius: 100px; background-color: #ffa05a; color: #fff; } .link-model-four.micro-resources-pagination { border-color: #ffa05a; border-radius: 100px; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #ffa05a; } .link-model-four.micro-resources-pagination:hover { background-color: #ffa05a; color: #fff; } .text-color-model-three { color: #858585; } .text-color-model-three.v1 { font-size: 14px; } .content-list { clear: none; } .content-list.model-one { margin-bottom: 0px; padding-left: 0px; } .content-list.model-ten { margin-bottom: 0px; } .content-list.model-ten.v1 { position: static; padding-right: 30px; padding-left: 30px; } .list-item.model-one { border-bottom: 1px dashed #d5d5d5; -webkit-transition: padding 200ms ease, background-position 350ms cubic-bezier(.6, -.28, .735, .045), background-color 300ms ease; transition: padding 200ms ease, background-position 350ms cubic-bezier(.6, -.28, .735, .045), background-color 300ms ease; } .list-item.model-one:hover { background-color: #fff; background-image: none; } .list-item.model-one.v1 { border-bottom-color: transparent; } .list-item.model-two { padding-left: 44px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/phone.svg'); background-position: 0px 50%; background-size: 30px; background-repeat: no-repeat; } .list-item.model-two.v1 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/support.svg'); background-position: 0px 50%; background-size: 35px; background-repeat: no-repeat; } .list-item.model-two.v2 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-map.svg'); background-position: 0% 19%; background-size: 35px; } .list-item.model-two.v3 { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-map-2.svg'); background-position: 0px 0px; background-size: 32px; } .list-img { margin-right: 30px; float: left; } .list-img.model-one { width: 30px; } .list-img.model-one.v1 { width: 55px; } .list-content { overflow: hidden; } .list-content.model-one { width: 100%; height: 350px; padding: 20px; color: #fff; text-align: center; } .list-content.model-one.v1 { background-color: #F49C58; } .list-content.model-one.v2 { background-color: #ffa05a; } .list-content.model-one.v3 { background-color: #ff6464; } .list-content.model-one.v4 { background-color: #00d2ff; } .list-content.model-one.v5 { background-color: #7fdec5; } .list-content.model-one.v6 { background-color: #b2d46a; } .list-content.v1 { margin-bottom: 15px; } .list-content.module-1 { padding-top: 15px; } .team-subtitle { margin-bottom: 30px; color: #c2c2c2; font-style: italic; } .team-tile { margin-bottom: 5px; color: #000; font-size: 18px; line-height: 18px; font-weight: 700; } .team-tile.model-one { font-size: 16px; } .team-overlay { position: absolute; left: 10px; top: 0px; right: 10px; bottom: 0px; display: block; background-color: rgba(0, 0, 0, .05); background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/mode-circular-button-1_1-1.png'); background-position: 50% 50%; background-size: 32px; background-repeat: no-repeat; } .team-overlay.model-one { display: block; background-color: hsla(0, 0%, 100%, .9); background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/mode-circular-button-1_2-1.png'); background-position: 50% 25%; background-size: 32px; opacity: 0; -webkit-transition: opacity 300ms ease, background-position 300ms ease; transition: opacity 300ms ease, background-position 300ms ease; } .team-overlay.model-one:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/mode-circular-button-1_2-1.png'); background-position: 50% 50%; background-size: 32px; opacity: 1; } .caption-showcase { position: absolute; top: 10%; width: 100%; padding-right: 40px; padding-left: 40px; } .btn-model-six { display: inline-block; margin-right: 20px; margin-bottom: 10px; padding: 10px 30px; border: 2px solid transparent; border-radius: 3px; background-color: #F49C58; -webkit-transition: background-color 400ms ease; transition: background-color 400ms ease; color: #fff; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-model-six:hover { background-color: #ff5a0e; } .btn-model-six.v1 { margin-top: 10px; } .btn-model-six.model-nine { margin-top: 10px; } .btn-model-six.model-ten { margin-top: 30px; float: right; } .btn-model-six.tab-prev { float: right; } .btn-model-six.tab-prev.pillar-red-btn { border-radius: 100px; background-color: #eb6468; } .btn-model-six.tab-prev.pillar-red-btn:hover { background-color: #d14347; } .btn-model-six.tab-next { margin-top: 0px; float: right; } .btn-model-six.tab-next.pillar-red-btn { margin-right: 0px; border-radius: 100px; background-color: #eb6468; } .btn-model-six.tab-next.pillar-red-btn:hover { background-color: #d14347; } .btn-model-six.pillar-blue-btn { border-radius: 100px; background-color: #4fc0ee; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .btn-model-six.pillar-blue-btn:hover { background-color: #33a0cc; box-shadow: 9px 9px 50px 0 rgba(0, 0, 0, .2); } .link-block.model-one { width: 100%; padding: 40px 80px 40px 40px; color: #777; text-decoration: none; } .fadein { position: absolute; top: 70px; right: 0px; bottom: 150px; z-index: 3; display: block; overflow: hidden; width: 50%; } .banner-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; background-image: -webkit-linear-gradient(320deg, rgba(0, 210, 255, .9), rgba(0, 210, 255, .9), #bce6ca); background-image: linear-gradient(130deg, rgba(0, 210, 255, .9), rgba(0, 210, 255, .9), #bce6ca); } .banner-overlay.model-nine { background-color: transparent; background-image: -webkit-linear-gradient(320deg, rgba(0, 210, 255, .9), #bce6ca); background-image: linear-gradient(130deg, rgba(0, 210, 255, .9), #bce6ca); } .team-bio-overlay { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; width: 100%; background-color: hsla(0, 0%, 100%, .95); } .team-bio-wrap { position: relative; display: block; width: 100%; height: 100%; float: none; } .btn-close { position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; color: #F49C58; font-size: 45px; text-decoration: none; } .btn-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .title-position { margin-bottom: 30px; color: #F49C58; font-size: 18px; } .title-name { margin-bottom: 10px; color: #000; font-size: 38px; line-height: 1em; font-weight: 700; } .btn-container.model-one { height: 60px; text-align: center; } .btn-container.model-three { position: relative; display: block; width: 100%; height: 0px; margin-top: 0px; margin-right: auto; margin-left: auto; text-align: center; } .btn-container.model-two { position: relative; z-index: 999; margin-top: 20px; margin-bottom: 50px; text-align: center; } .btn-model-three { display: inline-block; padding: 8px 10px; border: 2px solid #F49C58; border-radius: 2px; -webkit-transition: box-shadow 300ms ease; transition: box-shadow 300ms ease; color: #F49C58; font-size: 12px; text-decoration: none; text-transform: uppercase; } .btn-model-three:hover { box-shadow: inset 0 0 0 3px #F49C58; } .btn-model-three.v1 { display: none; margin-top: 10px; } .btn-model-three.v2 { margin-top: 10px; } .btn-model-three.v2.highlight { margin-top: 0px; padding: 0px; float: left; border-style: none; font-weight: 700; } .btn-model-three.v2.highlight:hover { box-shadow: none; text-decoration: underline; } .text-color-model-two { color: #fff; } .process-slider { position: relative; padding-bottom: 50px; } .process-list-item { position: relative; display: inline-block; width: 16.6666%; } .wrap-process { display: none; } .utility-page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .utility-page-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .utility-page-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .menu-button { display: block; height: 80px; padding: 0px 20px; color: #fff; } .stats-text { margin-bottom: 0px; } .filter-block { margin-bottom: 50px; padding-right: 10px; padding-left: 10px; text-align: center; } .filter-block.v1 { display: none; } .filter-block.btn-wrapper { margin-bottom: 10px; padding: 35px; background-color: #f4f4f4; } .resources-dropdown { padding-top: 13px; padding-right: 18px; padding-bottom: 12px; float: right; border: 2px solid #dfdfdf; border-radius: 3px; font-size: 16px; } .resources-dropdown.v1 { float: left; } .resources-dropdown.v3 { display: block; margin-top: 13px; padding: 3px 10px; float: right; border-color: #F49C58; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #F49C58; font-size: 10px; font-weight: 700; text-decoration: none; text-transform: uppercase; } .resources-dropdown.v3:hover { border-color: #F49C58; background-color: #F49C58; color: #fff; } .resources-dropdown-toggle { display: block; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; font-size: 13px; } .resources-dropdown-icon { margin-right: 0px; color: #F49C58; font-size: 16px; } .resources-dropdown-list { display: none; } .resources-dropdown-list.w--open { margin-top: 24px; border: 2px none #dfdfdf; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2); } .resources-dropdown-list.v1.w--open { left: -115px; } .resources-dropdown-link { background-color: #f5f5f5; -webkit-transition: background-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, color 500ms ease; color: #777; font-size: 16px; text-align: center; } .resources-dropdown-link:hover { border-style: none; background-color: #e4e4e4; color: #777; } .contact-block { margin-bottom: 40px; } .form-dropdown { height: 56px; border-style: none; background-color: #f2f2f2; background-image: -webkit-linear-gradient(270deg, #f2f2f2, #f2f2f2); background-image: linear-gradient(180deg, #f2f2f2, #f2f2f2); } .form-dropdown.model-nine { background-color: #fff; background-image: none; color: #503232; } .form-dropdown.model-nine.v1 { padding-right: 12px; padding-left: 12px; border: 1px solid #fff; color: #333; } .form-textarea { display: inline-block; min-height: 135px; padding-top: 15px; border-style: none; background-color: #f2f2f2; } .form-textarea.model-nine { background-color: #fff; } .form-textarea.model-nine.v2 { min-height: 140px; } .offer-heading-text { margin-bottom: 40px; text-align: center; } .offer-heading-text.v1 { margin-bottom: 30px; color: #F49C58; font-size: 75px; } .offer-heading-text.model-one { margin-top: 30px; margin-bottom: 70px; font-size: 25px; } .offer-heading-text.model-one.v2 { margin-top: 0px; margin-bottom: 35px; text-align: left; } .contact-h2 { font-size: 20px; } .contact-h2.v1 { margin-top: 0px; } .social-links { width: 50px; margin-right: 10px; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; } .social-links:hover { opacity: 0.6; } .form-map { height: 300px; } .img-icon-method { position: relative; display: block; width: 120px; height: 120px; margin-right: auto; margin-left: auto; padding: 34px; border: 2px none #F49C58; border-radius: 100px; background-color: #F49C58; } .img-icon-method.v1 { background-color: #ffa05a; } .img-icon-method.v2 { background-color: #ff6464; } .img-icon-method.v3 { background-color: #00d2ff; } .img-icon-method.v4 { background-color: #7fdec5; } .img-icon-method.v5 { background-color: #b2d46a; } .text-block-metho { position: absolute; top: -6px; right: -3px; width: 40px; height: 40px; padding-top: 5px; border: 5px solid #f4f4f4; border-radius: 100px; background-color: #F49C58; color: #fff; text-align: center; } .text-block-metho.v1 { border-color: #fcfcfc; background-color: #ffa05a; } .text-block-metho.v1.white-border { border-color: #fff; } .text-block-metho.v2 { border-color: #f4f4f4; background-color: #ff6464; } .text-block-metho.v2.white-border { border-color: #fff; } .text-block-metho.v3 { border-color: #fcfcfc; background-color: #00d2ff; } .text-block-metho.v3.white-border { border-color: #fff; } .text-block-metho.v4 { border-color: #f4f4f4; background-color: #7fdec5; } .text-block-metho.v4.white-border { border-color: #fff; } .text-block-metho.v5 { border-color: #fcfcfc; background-color: #b2d46a; } .text-block-metho.v5.white-border { border-color: #fff; } .text-block-metho.v6 { border-color: #fff; } .process-block { margin-bottom: 50px; padding-right: 100px; padding-bottom: 40px; padding-left: 100px; border-bottom: 1px dashed #d1d1d1; text-align: center; } .process-block.last { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none; } .processes-block { width: 33.333%; padding: 100px; float: left; background-color: #f4f4f4; text-align: center; } .processes-block.v1 { background-color: #fcfcfc; text-align: center; } .processes-block.v2 { text-align: center; } .body-content-section { background-color: #c7e8e9; } .content-ui-widget { position: relative; height: 13px; max-width: 100%; border-radius: 100px; background-color: #f2f2f2; } .content-ui-widget.model-one { height: 6px; margin-top: 20px; } .content-ui-widget.model-two { margin-top: 20px; } .content-ui-widget-col { position: static; top: 0px; width: 700px; height: 13px; border-radius: 100px; } .content-ui-widget-col.model-one { width: 500px; height: 6px; background-color: #F49C58; } .content-ui-widget-col.model-one.v1 { width: 250px; background-color: #ffa05a; } .content-ui-widget-col.model-one.v2 { width: 357px; background-color: #ff6464; } .content-ui-widget-col.model-one.v3 { width: 100px; background-color: #00d2ff; } .content-ui-widget-col.model-one.v4 { width: 200px; background-color: #7fdec5; } .content-ui-widget-col.model-two { background-color: #b2d46a; } .content-ui-widget-col.model-two.v1 { background-color: #F49C58; } .content-ui-widget-col.model-two.v2 { background-color: #ffa05a; } .content-cal-widget-tokens-btn { position: absolute; left: 547px; top: -16px; right: 0px; bottom: 0px; width: 43px; height: 43px; padding: 15px; border-radius: 100px; background-color: #333233; box-shadow: 3px 4px 18px 0 rgba(0, 0, 0, .3); text-decoration: none; } .content-cal-widget-tokens-btn.model-one { left: 482px; top: -13px; width: 30px; height: 30px; padding: 12px; } .content-cal-widget-tokens-btn.model-one.v1 { left: 233px; } .content-cal-widget-tokens-btn.model-one.v2 { left: 346px; } .content-cal-widget-tokens-btn.model-one.v3 { left: 80px; } .content-cal-widget-tokens-btn.model-one.v4 { left: 184px; } .content-cal-widget-tokens-btn.v1 { position: static; width: 30px; height: 30px; margin-top: 4px; padding: 4px 5px; background-color: #b2d46a; box-shadow: -2px 2px 17px 0 rgba(0, 0, 0, .3); } .content-cal-widget-tokens-btn.v2 { position: static; width: 30px; height: 30px; margin-top: 4px; padding: 10px; background-color: #fff; box-shadow: -2px 2px 17px 0 rgba(0, 0, 0, .15); } .content-cal-widget-tokens-btn.v3 { position: static; width: 30px; height: 30px; margin-top: 4px; padding: 10px; border: 2px solid #f2f2f2; background-color: #fff; box-shadow: none; } .content-cal-btn-inner-circle { width: 13px; height: 13px; border-radius: 100px; background-color: #b2d46a; box-shadow: 0 0 20px 3px rgba(0, 0, 0, .6); } .content-cal-btn-inner-circle.model-one { width: 6px; height: 6px; background-color: #F49C58; } .content-cal-btn-inner-circle.model-one.v1 { background-color: #ffa05a; } .content-cal-btn-inner-circle.model-one.v2 { background-color: #ff6464; } .content-cal-btn-inner-circle.model-one.v3 { background-color: #00d2ff; } .content-cal-btn-inner-circle.model-one.v4 { background-color: #7fdec5; } .content-cal-btn-inner-circle.model-two.v1 { background-color: #F49C58; } .content-cal-btn-inner-circle.model-two.v2 { background-color: #ffa05a; } .content-cal-btn-inner-circle.v1 { width: 10px; height: 10px; background-color: #ffa05a; box-shadow: none; } .triangle { position: relative; left: 0px; top: 2px; display: block; width: 50px; height: 50px; margin-right: auto; margin-left: auto; padding-top: 21px; border-style: none; border-width: 10px 10px 30px; border-color: transparent transparent #b2d46a; } .ruler-block { margin-top: 5px; } .estimated-tokens-block { display: block; width: 440px; margin-right: auto; margin-left: auto; padding: 15px 15px 30px; border-radius: 100px; background-color: #b2d46a; color: #fff; } .estimated-col-left { width: 49%; float: left; border-right: 2px none #333233; background-color: transparent; } .estimated-col-middle { width: 2px; height: 30px; margin-top: 23px; float: left; background-color: #333233; } .estimated-col-right { width: 49%; float: left; } .pound-sign { position: relative; top: -36px; margin-right: 6px; font-size: 20px; } .pricing-divider { height: 2px; margin-bottom: 30px; background-color: #f4f4f4; } .content-slider-block { padding: 60px 10px 60px 60px; } .design-slider { background-color: transparent; } .content-slider-nav { padding-top: 30px; text-align: left; } .design-services-block { padding: 60px; border-bottom: 2px solid #F49C58; } .triangle-block { display: block; width: 145px; height: 145px; margin-right: auto; margin-left: auto; border-style: solid; border-width: 73px; border-color: #f2f2f2 transparent transparent; } .triangle-block.white { border-top-color: #fff; } .pricing-p { text-align: center; } .slide-menu-wrap { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 9999; padding-top: 15px; padding-bottom: 15px; background-color: #fff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5); } .amount { position: relative; display: block; font-family: Raleway, sans-serif; color: #F49C58; font-size: 20px; line-height: 40px; } .amount-currency { position: relative; top: 0px; margin-bottom: -10px; font-size: 20px; } .amount-description { font-size: 11px; } .testimonial-wrap { margin-bottom: -100px; } .service-list-no { font-family: Raleway, sans-serif; font-size: 55px; font-weight: 700; } .service-list-no.v1 { color: #b2d46a; } .service-list-no.v2 { color: #3ec7f3; } .service-list-no.v3 { color: #F49C58; } .service-list-no.v3.content-num { margin-top: 0px; margin-bottom: 0px; font-size: 30px; line-height: 17px; } .btn-model-five { display: inline-block; padding: 2px 8px; border: 2px solid #F49C58; border-radius: 3px; color: #F49C58; font-size: 12px; text-decoration: none; text-transform: uppercase; } .btn-model-five:hover { background-color: #F49C58; color: #fff; } .list-no { margin-right: 30px; float: left; } .date-wrap { margin-bottom: 20px; } .date-icon-wrap { padding-right: 20px; float: left; } .date-txt { padding-right: 20px; float: left; } .icon-anouncement { width: 20px; } .btn-model-seven { display: inline-block; padding: 8px 10px; border: 2px solid #fff; border-radius: 2px; color: #fff; text-decoration: none; text-transform: uppercase; } .event-label { margin-bottom: 5px; text-transform: uppercase; } .inbound-p-left { text-align: left; } .inbound-p-left.inbound-content-container { margin-top: 0px; margin-bottom: 10px; padding-right: 10px; } .inbound-p-center { font-size: 16px; text-align: left; } .column { padding: 10px 0px 10px 20px; } .inbound-content-container { margin-top: 50px; margin-bottom: 50px; } .heading-2 { text-align: left; } .heading-2.module-one { color: #fff; } .heading-3 { text-align: left; } .heading-3.space-top { margin-top: 30px; } .heading-4 { margin-top: 0px; text-align: left; } .heading-4.model-one { margin-top: 30px; margin-bottom: 20px; } .list-item-2 { margin-bottom: 10px; text-align: left; } .list-item-2.inbound-list-items { padding-top: 10px; padding-bottom: 10px; } .list-item-3 { margin-bottom: 10px; text-align: left; } .list-item-4 { margin-bottom: 10px; text-align: left; } .list-item-5 { margin-bottom: 10px; text-align: left; } .list-item-6 { margin-bottom: 10px; text-align: left; } .inbound-list { overflow: visible; margin-top: 10px; } .inbound-list.model-one { margin-top: 0px; padding-left: 20px; } .inbound-list.list-spage { margin-bottom: 30px; } .content-sub-head { margin-top: 0px; margin-bottom: 0px; margin-left: -20px; padding-left: 0px; color: #777; text-transform: uppercase; } .content-link-block { width: 100%; padding: 10px; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; } .content-link-block:hover { background-color: #f4f4f4; } .content-link-block.num-six { margin-top: 112px; } .content-internal-text-link { color: #F49C58; font-weight: 700; } .content-internal-text-link:hover { text-decoration: none; } .inbound-methodology { position: relative; right: 0px; display: block; overflow: visible; width: 100%; margin-right: auto; margin-left: auto; text-align: center; } .inbound-methodology.space { padding-top: 20px; } .image-5 { display: block; width: 100%; max-width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; } .video-container { max-width: 100%; margin-top: 20px; margin-bottom: 20px; } .image-8 { max-width: 70%; } .highlight-intro-text { margin-bottom: 13px; text-align: left; } .slider-message { position: static; display: inline-block; width: 400px; margin-top: 49px; padding: 20px 10px 10px; float: none; border-style: none none solid; border-width: 4px; border-color: #333; border-radius: 3px; box-shadow: 0 0 6px 0 #e2e2e2, 3px 0 24px 6px #fff; color: #333; text-align: center; } .slider-message-text { padding-bottom: 10px; color: #333; font-size: 16px; text-transform: none; } .slider-message-text.v1 { padding-bottom: 10px; } .list-item-7 { margin-bottom: 20px; } .image-9 { max-width: 100%; } .text-block-2 { margin-bottom: 0px; padding-bottom: 0px; } .important-text-2 { position: relative; left: 52px; right: -15px; bottom: 29px; display: block; } .dt-icons { position: relative; top: 15px; display: block; max-width: 7%; } .dt-icons.icons-big { position: static; top: 0px; max-width: 60%; } .icon-blocks { margin-top: 0px; padding-right: 49px; } .custom-section-2-space { display: block; height: 250px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .custom-section-2-space.module-2 { height: 200px; } .image-11 { display: inline; } .videos { margin-bottom: 30px; } .benefits-text { margin-top: 5px; margin-left: 13px; font-size: 20px; } .table { max-width: 100%; margin-top: 30px; margin-bottom: 30px; } .pricing-desc { color: #aaa; font-size: 13px; text-align: left; } .pricing-total { font-size: 45px; line-height: 45px; font-weight: 700; } .pricing-desc-wrap { float: left; } .pricing-total-title { margin-bottom: 15px; color: #fff; } .estimator-checkbox-wrap { margin-bottom: 0px; } .estimator-checkbox-wrap.model-one { display: inline-block; } .estimator-checkbox-wrap.model-one.v1 { margin-left: 20px; } .pricing-checkbox-label { float: left; } .body-image { width: 100%; margin-bottom: 20px; } .content-disclaimer { color: #aaa; font-size: 12px; } .content-disclaimer.model-two { display: block; width: 80%; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 50px; text-align: center; } .content-disclaimer.model-three { display: block; width: 70%; margin-right: auto; margin-left: auto; text-align: center; } .statistic-title { font-family: Raleway, sans-serif; color: #fff; font-size: 60px; line-height: 1.2; font-weight: 700; } .statistic-desc { color: #fff; font-size: 16px; } .nav-link-arrow { margin-top: 12px; margin-right: 0px; } .nav-link-dorpdown-list { background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .3); } .nav-dropdown-link { -webkit-transition: all 300ms ease; transition: all 300ms ease; font-family: Lato, sans-serif; color: #777; font-size: 16px; text-transform: capitalize; } .nav-dropdown-link:hover { background-color: #e4e4e4; } .blog-internal-main-img { width: 100%; height: 310px; max-width: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/banner-aboutus-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .showcase-img { width: 50px; height: 50px; float: left; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/stride-2-2-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .showcase-img.skeleton { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/skeleton-2-1.jpg'); } .showcase-heading { margin-top: 0px; margin-bottom: 0px; margin-left: 15px; float: left; color: #333; font-size: 16px; font-weight: 700; text-align: left; text-decoration: none; } .showcase-link-block { float: left; color: #333; text-decoration: none; } .showcase-subtext { font-size: 13px; font-style: italic; font-weight: 400; } .case-study-link-block { width: 100%; padding: 35px; background-color: #f4f4f4; color: #333; text-decoration: none; } .showcase-arrow-left { width: 50px; height: 50px; float: left; border: 2px solid #F49C58; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left.svg'); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; } .showcase-content-wrapper { margin-top: 4px; margin-left: 70px; float: none; text-decoration: none; } .showcase-content-wrapper.right { margin-right: 70px; margin-left: 0px; float: none; text-align: right; } .showcase-header { margin-bottom: 0px; font-size: 16px; font-weight: 700; text-transform: uppercase; } .showcase-body-text { margin-bottom: 0px; font-size: 12px; line-height: 18px; font-style: italic; } .showcase-body-text.v1 { margin-bottom: 0px; color: #a3a3a3; text-decoration: none; } .showcase-arrow-right { width: 50px; height: 50px; float: right; border: 2px solid #F49C58; border-radius: 100%; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right.svg'); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; } .pricing-fixed-counter { position: absolute; left: 50%; top: -40px; z-index: 999; width: 60px; padding: 2px 5px; border: 1px solid transparent; border-radius: 100px; background-color: #fff; box-shadow: -5px 8px 32px -1px rgba(0, 0, 0, .29); -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #009ddc; font-size: 14px; font-weight: 700; text-align: center; } .pricing-counter-arrow { position: absolute; left: 50%; bottom: -4px; z-index: 1000; width: 6px; height: 6px; border-style: none; border-bottom-width: 1px; border-bottom-color: #009ddc; border-left-width: 1px; border-left-color: #009ddc; background-color: #fff; -webkit-transform: translate(-50%, 0px) rotate(-45deg); -ms-transform: translate(-50%, 0px) rotate(-45deg); transform: translate(-50%, 0px) rotate(-45deg); } .estimator-form { margin-bottom: 0px; } .estimator-form-block { margin-bottom: 0px; } .p-banner { display: block; width: 80%; margin-right: auto; margin-left: auto; text-align: center; } .estimator-wrap { margin-top: 30px; padding: 45px 45px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #b2d46a; color: #fff; text-align: center; } .estimator-wrap.v1 { margin-top: 0px; } .estimator-calendar-wrap { overflow: hidden; border-radius: 10px; background-color: #f4f4f4; } .estimator-calendar-wrap-inner { padding: 30px; } .estimator-testimonial { padding-top: 80px; padding-right: 0px; padding-left: 0px; border-left-style: none; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/quote.svg'); background-position: 0px 0px; background-size: 50px; background-repeat: no-repeat; font-family: Raleway, sans-serif; color: #777; } .estimator-testimonial-name { font-family: Raleway, sans-serif; color: #F49C58; font-size: 20px; font-weight: 700; } .estimator-testimonial-title { color: #888; } .div-block-11 { position: absolute; left: 50%; top: -75px; width: 150px; height: 150px; border: 8px solid #fff; border-radius: 100%; background-color: #fff; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/stock-photo-smiling-happy-woman-384995470-1.jpg'); background-position: 50% 50%; background-size: 225px; -webkit-transform: translate(-75px, 0px); -ms-transform: translate(-75px, 0px); transform: translate(-75px, 0px); } .video-wasabi-wrap.v1 { margin-bottom: -6px; } .compare-slider-wrap { display: block; overflow: hidden; max-width: 940px; margin-right: auto; margin-left: auto; border-radius: 8px; box-shadow: 25px 25px 80px 0 rgba(0, 0, 0, .28); text-align: center; } .btn-model-eight { position: relative; z-index: 999; width: 250px; height: 70px; padding: 25px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 80px 0 rgba(0, 0, 0, .2); font-family: Lato, sans-serif; color: #F49C58; font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; } .bold-text { font-size: 40px; line-height: 1.2; } .per-month { font-size: 20px; font-weight: 700; } .heading-6 { color: #333; } .paragraph-7 { color: #333; } .process-circles { width: 50px; height: 50px; border-radius: 100%; background-color: #f4f4f4; font-weight: 700; } .process-circles.center { display: block; margin-top: 6px; margin-right: auto; margin-left: auto; padding: 12px; } .process-circles.center.v1 { background-color: #b2d46a; color: #fff; } .process-circles.center.v2 { background-color: #3ec7f3; color: #fff; } .process-circles.center.v3 { background-color: #ffa05a; color: #fff; } .process-outer-circle { position: relative; display: block; width: 65px; height: 65px; margin-right: auto; margin-bottom: 35px; margin-left: auto; padding: 0px; border: 1px solid #e4e4e4; border-radius: 100%; background-color: #fff; } .process-outer-circle.v2 { width: 40px; height: 40px; border-style: none; } .process-line { position: absolute; top: 50%; z-index: -1; overflow: hidden; width: 800px; height: 1px; background-color: #e4e4e4; } .process-line.v1 { width: 650px; height: 2px; background-color: #f2f2f2; } .head-nmt { margin-top: 0px; } .process-bar-wrapper { display: block; width: 900px; margin-right: auto; margin-left: auto; } .link-block-2 { box-shadow: -2px 2px 17px 0 rgba(0, 0, 0, .03); } .cal-content-block { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .select-block { width: 60px; padding: 5px; float: right; border: 2px solid #f2f2f2; border-radius: 30px; } .select-block.v1 { position: relative; width: 33px; height: 33px; margin-right: 10px; border-radius: 2px; text-align: center; } .select-btn { width: 20px; height: 20px; float: left; border-radius: 100%; background-color: #f2f2f2; } .select-btn.v1 { float: right; background-color: #b2d46a; } .select-btn.v1.more-info-text { position: absolute; left: 20px; top: -8px; width: 20px; height: 20px; border: 2px solid #fff; background-color: #F49C58; color: #fff; text-align: center; text-decoration: none; } .select-btn.v1.more-info-text.v2 { position: static; margin-bottom: -5px; margin-left: 6px; float: none; } .pages-text { display: inline-block; margin-top: 6px; } .info-text { position: absolute; left: 41%; top: 0%; display: inline-block; margin-bottom: 0px; font-size: 13px; line-height: 17px; } .info-text.v1 { position: relative; left: 0%; top: -9%; line-height: 10px; } .step-paginator { height: 100%; background-color: transparent; } .step { position: static; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; border: 2px solid #f2f2f2; border-radius: 3px; background-color: #f2f2f2; } .previous { left: 0px; top: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 30px; max-width: 100px; margin-bottom: 35px; margin-left: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 100%; line-height: 100%; } .previous-btn { padding: 5px 0px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-bottom: 1px dashed rgba(0, 0, 0, .4); opacity: 0.35; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; color: #000; font-size: 16px; } .previous-btn.chatbot { width: 57px; margin-top: 7px; margin-left: 80px; } .specify-text-field { width: 114px; margin-bottom: 0px; padding-top: 6px; padding-bottom: 6px; border: 1px solid #f2f2f2; font-size: 12px; } .specify-wrap { display: inline-block; margin-right: 10px; margin-bottom: 0px; float: right; } .content-wrapper { padding-top: 0px; text-align: center; } .content-wrapper.model-nine { text-align: left; } .content-wrapper.model-one { margin-bottom: 10px; } .paragraph-8 { text-align: left; } .heading-7 { margin-top: 15px; text-align: left; text-transform: uppercase; } .vacancy-slider { position: relative; display: block; height: auto; background-color: rgba(51, 51, 51, .2); } .accordion-wrapper { border: 2px solid #fff; border-radius: 5px; } .accordion-heading-wrapper { padding: 20px 20px 20px 10px; background-color: #fff; } .accordion-item { position: relative; margin-bottom: 10px; } .accordion-icon-wrap { display: block; width: 5%; float: right; text-align: center; } .accordion-heading-container { display: block; width: 95%; float: left; color: #333; text-decoration: none; } .panel-open { width: 15px; float: right; } .text-block-3 { display: inline-block; margin-left: 30px; float: left; text-align: left; text-decoration: none; } .accordion_content { position: relative; overflow: hidden; height: 0px; background-color: #f6f6f6; } .accordion_content._1 { display: block; } .accordion_content-inner { position: static; overflow: visible; padding: 40px; border-style: none; border-bottom-width: 2px; border-bottom-color: #d3d3d3; } .accordion_content-inner:hover { background-color: #fafafa; color: #333; } .container-item { position: relative; } ._1st-step { position: relative; display: inline-block; } .form-step { display: inline-block; padding-top: 80px; } .accordion-p { width: 80%; text-align: left; } .accordion-p.model-one { margin-bottom: 5px; color: rgba(51, 51, 51, .6); font-weight: 700; } .accordion-p.model-one.v1 { margin-bottom: 5px; color: #333; } .accordion-h3 { margin-top: 10px; text-align: left; } .accordion-h3.invalid { margin-bottom: 5px; color: rgba(51, 51, 51, .6); } .accordion-h3.module-one { margin-bottom: 5px; color: #F49C58; } .slider-icon { display: none; margin-top: 600px; margin-bottom: 0px; color: #575757; } .slide-nav { display: none; overflow: visible; clear: both; } .card-wrapper { position: relative; left: 0px; top: 0px; right: 0px; height: 300px; background-color: transparent; box-shadow: 1px 1px 50px -5px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform 1500ms ease; transition: -webkit-transform 1500ms ease; transition: transform 1500ms ease; transition: transform 1500ms ease, -webkit-transform 1500ms ease; text-transform: uppercase; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .card-wrapper:hover { -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); } .accordion-btn { display: block; width: auto; padding-top: 20px; float: right; text-decoration: none; } .accordion-btn.w--current { width: auto; } .accordion-btn-text { display: inline-block; padding-top: 2px; float: right; color: #333; text-align: left; text-decoration: none; } .accordion-btn-text:hover { color: #F49C58; } .image-14 { margin-left: 10px; float: right; } .div-image-wrapper { position: relative; height: 300px; max-width: 100%; box-shadow: 1px 0 50px -3px rgba(8, 8, 8, .2); -webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .div-image-wrapper:hover { -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); } .div-image-wrapper.model-one { position: static; left: 0px; top: 0px; right: 0px; z-index: 0; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/careers-page-basic-6.jpg'); background-position: 50% 50%; background-size: cover; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .div-image-wrapper.model-one:hover { -webkit-transform: none; -ms-transform: none; transform: none; } .div-image-wrapper.model-three { position: relative; -webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .div-image-wrapper.model-three:hover { -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); } .div-image-wrapper.model-five { position: relative; background-image: none; -webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .div-image-wrapper.model-five:hover { -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); } .div-image-wrapper.model-six { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/struto-careers-page-image-holder-5-1.jpg'); } .div-image-wrapper.module-seven { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/careers-page-basic-6-3-1.jpg'); } .div-image-wrapper.module-seven.v1 { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .div-image-wrapper.module-seven.v1:hover { -webkit-transform: none; -ms-transform: none; transform: none; } .silder-btn { color: #fff; font-size: 14px; text-align: center; } .left-arrow { position: absolute; left: 0px; bottom: 0px; display: block; width: 150px; margin-bottom: 0px; float: none; clear: none; } .slider-btn-wrapper { position: absolute; left: 0px; bottom: 30px; width: auto; margin-left: 30px; padding: 10px 30px; border: 2px solid #fff; border-radius: 3px; } .slider-btn-wrapper:hover { box-shadow: inset 1px 0 0 4px #fff; } .slider-btn-wrapper.next { position: absolute; left: auto; right: 0px; bottom: 30px; z-index: 2; display: block; width: auto; margin-right: 30px; margin-left: 0px; } .block-content-wrapper { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 1; display: block; width: 100%; height: 100%; padding-top: 60px; padding-right: 60px; padding-left: 60px; direction: ltr; text-align: left; } .block-content-wrapper.module-one { position: absolute; left: 0px; top: 0px; right: 0px; padding-top: 50px; padding-right: 50px; padding-left: 50px; background-color: hsla(0, 100%, 70%, .9); -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .block-content-wrapper.model-three { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 1; padding-top: 50px; padding-right: 50px; padding-left: 50px; background-color: hsla(79, 55%, 62%, .9); opacity: 0.9; -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .block-content-wrapper.model-four { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 1; display: block; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/struto-careers-fam-1.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/struto-careers-fam-1.jpg'); background-position: 0px 0px, 50% 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .block-content-wrapper.model-two { left: 0px; top: 0px; right: 0px; z-index: 2; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/struto-careers-page-image-holder-5-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .block-content-wrapper.model-five { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 2; display: block; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/careers-page-basic-6-5-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .block-content-wrapper.model-four { position: absolute; left: 0px; top: 0px; right: 0px; padding-top: 50px; padding-right: 50px; padding-left: 50px; opacity: 1; } .block-content-wrapper.model-six { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/careers-transparency-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .block-content-wrapper.model-one { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/struto-careers-open-office-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .block-content-wrapper.model-seven { left: 0px; top: 0px; right: 0px; background-image: -webkit-linear-gradient(270deg, rgba(127, 222, 197, .9), rgba(127, 222, 197, .9)); background-image: linear-gradient(180deg, rgba(127, 222, 197, .9), rgba(127, 222, 197, .9)); -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .block-text { position: relative; left: 0px; top: 0px; right: 0px; display: block; direction: ltr; color: #fff; font-size: 16px; line-height: 22px; text-transform: none; } .block-text.module-three { color: #fff; } .block-text.module-four { color: #fff; } .block-h3 { position: relative; left: 0px; top: 0px; right: 0px; display: inline-block; margin-bottom: 10px; color: #fff; font-size: 24px; font-weight: 700; text-align: left; text-transform: uppercase; } .block-h3.module-one { color: #fff; } .block-h3.module-two { color: #fff; } .chat-box-wrapper { margin-top: 20px; padding: 50px 0px; border-style: none; border-width: 2px; border-color: rgba(51, 51, 51, .1); border-radius: 10px; background-color: transparent; } .chat-box-wrapper.slide-1 { display: block; border-style: none; } .chat-box-column { margin-top: 20px; } .chat-box-column.model-one { margin-top: 30px; } .chat-box-column.model-two { display: block; margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-right: 210px; padding-left: 0px; } .chat-box-image-wrapper { float: right; } .chat-box-avatar { margin-right: 30px; float: none; } .chat-box-content-wrapper { padding: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; box-shadow: 0 2px 20px -8px rgba(0, 0, 0, .4); } .chat-box-text { font-size: 16px; } .chat-box-function-wrapper { width: 70%; } .chat-box-previous-btn { position: static; display: block; width: 15%; padding: 15px; float: right; border: 2px solid #ffa05a; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: transparent; text-align: center; } .chat-box-previous-text { display: inline-block; font-size: 16px; font-weight: 700; text-align: center; } .column-8 { display: block; padding-right: 0px; text-align: center; } .chat-box-icon { margin-top: 10px; margin-right: 20px; float: left; } .text-link { margin-top: 20px; margin-right: 10px; float: left; color: #fff; font-size: 16px; text-decoration: none; } .text-link.module-one { color: #333; } .chat-box-btn-wrapper { position: relative; display: block; padding-left: 60px; } .chat-box-btn-wrapper.module-one { position: static; display: inline-block; padding-left: 20px; } .chat-box-btn-wrapper.module-one.v1 { padding-right: 20px; float: right; } .column-9 { position: static; padding-left: 10px; } .chat-box-header { display: block; width: 100%; height: 100px; margin-right: auto; margin-left: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; background-image: -webkit-linear-gradient(270deg, #F49C58, #ffa05a); background-image: linear-gradient(180deg, #F49C58, #ffa05a); } .heading-8 { color: #fff; } .mask { background-image: -webkit-linear-gradient(0deg, rgba(255, 160, 90, .9), hsla(0, 100%, 70%, .9)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/join-the-struto-team-1.jpg'); background-image: linear-gradient(90deg, rgba(255, 160, 90, .9), hsla(0, 100%, 70%, .9)), url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/join-the-struto-team-1.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, scroll; } .paragraph-9 { color: #fff; } .image-back { position: absolute; left: 0px; top: 0px; right: 0px; display: block; margin-right: auto; margin-left: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .image-front { position: absolute; left: 0px; top: 0px; right: 0px; display: block; margin-right: auto; margin-left: auto; } .vancancy-display-text { display: block; float: right; color: #F49C58; } .vancancy-display-text.module-1 { color: rgba(51, 51, 51, .6); } .drop-down-arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .image-wrapper.model-two { height: 300px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/careers-page-basic-6-2-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .right-arrow { position: absolute; z-index: 3; display: none; width: 210px; } .pulsing-cirlce-div { position: absolute; left: 0px; bottom: 0px; width: 20px; height: 20px; margin-bottom: 10px; margin-left: 10px; border-radius: 100px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)); } .chat-box-heading { margin-top: 10px; color: #fff; text-align: center; } .link { text-decoration: underline; } .link.w--current { color: #F49C58; font-weight: 700; text-decoration: none; } .link-2 { text-decoration: none; } .link-2.w--current { color: #F49C58; font-weight: 700; } .link-3 { color: #F49C58; font-weight: 700; text-decoration: none; } .link-3.w--current { font-weight: 700; text-decoration: none; } .link-4 { color: #F49C58; font-weight: 700; text-decoration: none; } .chatbot-bg { position: relative; top: -191px; width: 100%; height: 634px; max-width: 100%; margin-bottom: -100px; padding: 90px 50px 50px; border-radius: 10px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/chrome-flat-browser.svg'); background-position: 50% 0px; background-size: cover; background-repeat: no-repeat; box-shadow: 14px 21px 50px -7px rgba(0, 0, 0, .1); } .chatbot-wrapper { background-color: transparent; } .conversation { display: inline-block; height: 100%; padding-top: 30px; background-color: transparent; } .struto-icon { width: 40px; height: 40px; margin-right: 30px; float: right; border-radius: 100%; } .conversation-wrapper { position: relative; z-index: 10; display: block; padding: 30px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #f8f8f8; box-shadow: 12px 15px 50px -15px rgba(0, 0, 0, .15); text-align: left; } .conversation-content-block { display: block; width: 447px; margin-top: 30px; margin-right: auto; margin-left: auto; } .chatbot-mask { height: 500px; } .chatbot-slide-nav { display: none; } .tab-wrapper { position: relative; display: inline-block; } .chatbot-btns { width: 70%; background-color: transparent; } .chatbot-content { overflow: visible; padding-bottom: 40px; } .chatbot-tab-link { display: none; } .tab-content { width: 100%; } .chatbot-yes-btn { margin-top: 20px; padding: 17px 40px; float: right; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #69d38d; color: #fff; } .wave { display: inline-block; margin-left: 15px; float: left; } .dot { width: 10px; height: 10px; margin-right: 10px; float: left; border-radius: 50%; background-color: #303131; } .dot.blue { background-color: #00d2ff; } .dot.orange { background-color: #ffa05a; } .dot.red { background-color: #ff6464; } .bragging-wrapper img{ margin-top:-20px; } .pillar-heading { font-family: Montserrat, sans-serif; color: #36353b; font-size: 40px; line-height: 55px; } .pillar-heading.ntm { margin-top: 0px; } .pillar-heading.v1 { margin-top: 50px; font-size: 30px; line-height: 40px; } .pillar-highlight-text { text-transform: uppercase; } .pillar-text-wrapper { position: relative; z-index: 999; width: 80%; } .pillar-text-wrapper.v1 { margin-top: -70px; } .pillar-text-wrapper.v2 { display: block; width: 50%; margin-right: auto; margin-left: auto; } .pillar-sub { color: #636365; font-size: 18px; line-height: 30px; } .pillar-sub.redesign-text { margin-top: 18px; margin-bottom: 0px; } .pillar-sub.redesign-text.v1 { width: 70%; } .pillar-subhead-colour { display: inline-block; background-color: transparent; font-family: Montserrat, sans-serif; color: #36353b; font-size: 20px; font-weight: 700; text-transform: uppercase; } .pillar-subhead-colour.green { width: 80%; padding: 20px; background-color: #b0cf6b; color: #fff; font-size: 16px; font-weight: 600; } .pillar-body-heading { margin-top: 20px; margin-bottom: 20px; font-family: Montserrat, sans-serif; color: #36353b; font-size: 20px; line-height: 28px; text-transform: none; } .pillar-p { font-family: Montserrat, sans-serif; color: #636365; line-height: 24px; font-weight: 500; } .pillar-img.redesign-icons { width: 60px; } .content-offer-wrapper { margin-top: 98px; padding: 50px 50px 0px; border: 3px solid #e7e7e7; } .content-body-wrapper { width: 90%; margin-left: 60px; } .download-icon { position: absolute; right: 66px; bottom: -47px; width: 100px; height: 100px; padding: 23px 27px 27px; border-radius: 100%; background-color: #4fc0ee; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .download-icon:hover { background-color: #33a0cc; box-shadow: 10px 14px 50px 0 rgba(0, 0, 0, .2); } .ebook-text { position: absolute; right: 90px; bottom: -104px; float: right; } .numbers { position: absolute; top: 55px; right: -75px; bottom: 0px; display: inline-block; margin-top: 0px; margin-bottom: 0px; font-family: Montserrat, sans-serif; color: #f1f1f1; font-size: 430px; } .numbers.left { left: -32px; top: -153px; right: 0px; z-index: 0; } .numbers.left.v2 { top: -38px; } .numbers.v1 { top: -153px; } .plan-wrapper { position: relative; top: 137px; z-index: 2; padding: 30px 50px 50px; border-bottom: 10px solid #b0cf6b; background-color: #fff; } .plan-wrapper.v1 { top: -80px; right: -10.2%; padding: 60px 30px 60px 40px; } .plan-wrapper.v3 { position: static; top: 0px; margin-top: 0px; margin-left: 50px; padding: 0px; border-bottom-style: none; background-color: transparent; } .plan-wrapper.v2 { top: 0px; margin-left: 30px; } .plan-wrapper.v4 { top: 0px; margin-right: 30px; } .plan-wrapper.v5 { margin-left: 30px; } .plan-wrapper.v6 { margin-right: 30px; } .numbers-wrapper { position: relative; } .numbers-wrapper.v1 { top: -179px; } .traditional-img { position: relative; z-index: 9999; } .hp-slider { height: 620px; background-color: hsla(0, 0%, 100%, 0); } .hp-slider-mask { height: 630px; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15); } .hp-slide { padding-top: 50px; padding-bottom: 60px; } .arrows { display: block; width: 60px; height: 60px; background-color: #dd4e00; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #fff; font-size: 25px; } .arrows:hover { background-color: #b34001; } .arrows.left { top: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -30px; margin-right: 131px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .arrows.right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -30px; margin-right: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .inspiration-wrapper { position: relative; top: 29px; display: inline-block; padding: 20px 40px; border-radius: 5px; background-color: #fff; box-shadow: 11px 11px 50px -3px rgba(0, 0, 0, .15); } .inspiration-text { margin-top: 0px; margin-bottom: 0px; font-family: Montserrat, sans-serif; color: #36353b; text-transform: none; } .pillar-arrow-down { width: 60px; height: 60px; margin-bottom: 70px; } .pillar-arrow-down.v1 { margin-top: 50px; margin-bottom: 0px; } .pillar-arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .redesign-numbers { display: none; } .pillar-social-icons { width: 35px; height: 35px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .pillar-social-icons.v1 { width: 39px; } .pillar-social-icons.twitter { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-twitter_1.svg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .pillar-social-icons.twitter:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-twitter-hover.svg'); } .pillar-social-icons.facebook { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-facebook_1.svg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .pillar-social-icons.facebook:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-facebook-hover.svg'); } .pillar-social-icons.linkedin { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-linkedin_1.svg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .pillar-social-icons.linkedin:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-linkedin-hover.svg'); } .pillar-social-icons.gplus { width: 45px; height: 45px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-gplus.svg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .pillar-social-icons.gplus:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/icon-gplus-hover.svg'); } .social-share-text { margin-top: 7px; margin-bottom: 0px; font-family: Montserrat, sans-serif; color: #36353b; font-size: 22px; font-weight: 600; text-align: left; text-transform: none; } .micro-banner-heading { font-family: Muli, sans-serif; font-size: 55px; line-height: 60px; font-weight: 700; } .micro-hero-wrapper { width: 50%; margin-top: 170px; font-family: Muli, sans-serif; color: #fff; } .micro-hero-wrapper.micro-wasabi-hero-wrapper { margin-top: 130px; } .micro-hero-wrapper.hp { margin-top: 215px; } .micro-hero-sub-head { font-family: Open Sans, sans-serif; color: black; font-size: 20px; line-height: 30px; font-weight: 300; } .micro-section-headings { /* font-family: Muli, sans-serif; color: #36353b; font-size: 40px; line-height: 50px; text-transform: none; */ font-family: Raleway; color: #333; font-size: 46px; font-weight: 900; text-align: center; text-transform: uppercase; } .micro-section-headings.wasabi-less-mar { margin-top: 15px; } .micro-section-headings.left { width: 80%; margin-top: 0px; text-align: left; } .micro-section-headings.v2 { font-size: 22px; line-height: 28px; } .micro-section-subhead ul{ padding-left: 0; } .micro-section-subhead li:before, .micro-section-subhead li { list-style-type:none; } .micro-section-subhead { font-family: Raleway, sans-serif; color: #333; font-size: 19px; line-height: 29px; font-weight: 400; text-transform: none; } .micro-resources .micro-section-subhead, .micro-resources .micro-section-headings { text-align:left; } .micro-content-text-wrapper { display: block; width: 70%; margin-right: auto; margin-left: auto; } .micro-content-text-wrapper.center { text-align: center; } .micro-thump-wrapper { border-radius: 10px; /*background-color: #fff;*/ -webkit-transition: all 500ms ease; transition: all 500ms ease; } .micro-thump-wrapper:hover { box-shadow: 11px 10px 50px 5px rgba(0, 0, 0, .1); } .micro-thump-content { padding: 37px; text-align: left; background-color:#fff; border-radius:0 0 10px 10px; } .micro-template-heading { margin-top: 0px; margin-bottom: 0px; font-family: Muli, sans-serif; color: #36353b; font-size: 30px; } .micro-template-content-text { font-family: Muli, sans-serif; color: #909090; font-size: 16px; line-height: 24px; font-weight: 400; } .micro-template-content-text.testimonial-text { color: #36353b; font-size: 20px; line-height: 32px; font-weight: 700; margin-bottom: 30px; } .micro-btn { margin-right: 9px; padding: 10px 20px; font-size: 16px; border-radius: 100px; background-color: #ffa05a; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: Muli, sans-serif; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; } .micro-btn:hover { background-color: #ff6464; box-shadow: 11px 5px 37px -1px rgba(0, 0, 0, .2); color:#fff; } .micro-btn.v3{ font-size:13px; } .micro-btn.outline { display: inline-block; width: 150px; margin: 0 10px 10px; border: 2px solid #ffa05a; background-color: transparent; color: #ffa05a; text-align: center; } .micro-btn.outline:hover { background-color: #ffa05a; color: #fff; } .micro-column { padding-right: 20px; padding-left: 20px; } .micro-triangles { position: absolute; top: 5px; right: -22px; width: 250px; } .micro-triangles.wasabi-triagle { top: -61px; right: 22px; } .micro-triangles.wasabi-triagle.left { left: 22px; top: auto; right: 0px; bottom: -189px; } .micro-triangles.wasabi-triagle.left.v1 { bottom: -8px; } .micro-triangles.wasabi-triagle.left.v2 { bottom: -291px; } .micro-triangle-wrapper { position: relative; } .micro-slider { background-color: transparent; } .micro-slider.micro-review-slider { overflow: hidden; height: auto; padding-top: 100px; padding-bottom: 100px; } .micro-slider.micro-wasabi-slider { overflow: hidden; height: auto; padding-top: 100px; } .micro-slide { position: relative; overflow: hidden; margin-right: 15px; margin-left: 15px; /*right: -175px;*/ } .micro-slide.micro-slide-col3 { width: 33.333%; } .micro-slider-mask { display: block; overflow: visible; width: 25%; margin-right: auto; margin-left: auto; } .micro-testimonial-wrapper { padding: 40px; border: 1px solid #ededed; border-radius: 10px; } .micro-testimonial-author { font-family: Muli, sans-serif; color: #ffa05a; font-size: 16px; font-weight: 600; text-transform: none; } .micro-testimonial-author.wasabi-testimonial { color: #909090; font-size: 20px; font-weight: 400; } .micro-slide-nav.wasabi-slide-nav { display: block; padding-top: 20px; padding-left: 10px; text-align: left; } .micro-arrows { top: auto; width: 42px; height: 27px; margin-top: 0px; margin-bottom: 0px; color: #8b6161; bottom:0; } .mk-slider-preview .micro-arrows { top: auto; width: 42px; height: 27px; margin-top: 0px; margin-bottom: 0px; color: #8b6161; } .mk-slider-preview .micro-arrows.right { margin-right: 30px; background-size: 32px; } .mk-slider-preview .micro-arrows.left { right:75px; left:auto; background-size: 32px; } .mk-slider-preview .micro-arrows.left:hover { background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left-white.svg'); background-size: 25px; } .mk-slider-preview .micro-arrows.right:hover { background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right-white.svg'); background-size: 25px; } .micro-arrows.left { margin-left: 30px; background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left-white.svg'); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; left: auto; right: 70px; } /* .micro-arrows.left:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left_1.svg'); background-size: 25px; } */ .micro-arrows.right { margin-right: 30px; background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right-white.svg'); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .micro-arrows:hover { opacity: 0.9 } /* .micro-arrows.right:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right_1.svg'); } */ .micro-wasabi-content-wrapper { width: 70%; } .micro-wasabi-content-wrapper.v2 { text-align: left; } .micro-wasabi-content-wrapper.v3 { display: block; margin-right: auto; margin-left: auto; text-align: center; } .micro-wasabi-mask { overflow: visible; /* width: 33.3333%;*/ } .micro-wasabi-slider-img { width: 100%; height: 375px; border: 1px solid #f4f4f4; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .micro-wasabi-slider-img:hover { background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Struto%20Microsite/Images/view-icon.svg'), -webkit-linear-gradient(306deg, rgba(255, 160, 90, .9), hsla(0, 100%, 70%, .9)) !important; background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Struto%20Microsite/Images/view-icon.svg'), linear-gradient(144deg, rgba(255, 160, 90, .9), hsla(0, 100%, 70%, .9)) !important; background-position: 50% 50%, 0px 0px, 50% 50%; background-size: 60px, auto, cover; background-repeat: no-repeat, repeat, no-repeat; } .micro-slider-wasabi { position: absolute; left: unset; top: -324px; overflow: hidden; width: 100% !important; height: auto; padding-top: 70px; background-color: transparent; float: right !important; right: 0; } .wasabi-arrows { position: static; top: 20px; width: 30px; height: 32px; margin-top: 0px; margin-bottom: 0px; } .wasabi-arrows.right { position: relative; top: 0px; margin-right: 30px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right-hover.svg'); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .wasabi-arrows.right:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right_1.svg'); background-size: 25px; } .wasabi-arrows.left { position: relative; top: 32px; right: 0px; margin-right: 70px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left-hover.svg'); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .wasabi-arrows.left:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left_1.svg'); background-size: 25px; } .wasabi-quotations { padding:0 10px; } .pillar-p-link { color: #ffa05a; text-decoration: underline; } .pillar-p-link:hover { text-decoration: none; } .pillar-p-link.green { color: #b2d46a; } .micro-play-btn { position: absolute; right: 25px; bottom: 25px; width: 32px; } .micro-play-btn.v1 { right: 20px; bottom: 20px; } .micro-play-btn.v2 { display: none; } .micro-video-wrapper { position: relative; } .micro-list-item, .micro-list li { color: #909090; font-size: 18px; line-height: 30px; list-style-type: disc; } .micro-list ul{ padding-left: 0px !important; } .micro-list { padding-left: 20px; } .micro-case-study-wrapper { width: 100%; height: 450px; margin-bottom: 350px; padding-top: 60px; padding-right: 40px; padding-left: 40px; background-color: #f8f8f9; } .micro-cs-img { position: relative; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1); } .micro-clients-logos { display: block; max-width: 940px; margin-right: auto; margin-left: auto !important; float: none !important; } .micro-logo-wrapper { width: 100%; height: auto; } .micro-logo-wrapper.light { background-color: #eaebec; } .micro-logo-wrapper.super-light { background-color: #f8f8f9; } .micro-accordion-wrapper { margin-bottom: 10px; border-bottom: 2px solid #e3e3e4; } .micro-accordion-heading-wrap { padding-top: 20px; padding-bottom: 20px; } .micro-accordion-icon { width: 10%; float: right; } .micro-open-panel { width: 18px; float: right; } .micro-accordion-heading-container { width: 90%; float: left; text-decoration: none; } .micro-accordion-text { margin-top: 0px; margin-bottom: 0px; font-family: Muli, sans-serif; color: #909090; font-size: 16px; font-weight: 600; text-transform: none; } .micro-accordion-content { position: relative; overflow: hidden; height: 0px; background-color: #fff; } .micro-accordion-content--inner { padding: 30px; } .micro-resources-wrapper { position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; text-decoration: none; } .micro-resources-wrapper:hover { box-shadow: 8px 11px 50px 0 rgba(0, 0, 0, .07); } .micro-slider-nav { width: 123px; height: 14px; margin-top: 5px; padding-left: 15px; float: left; } .micro-slider-nav--circle { width: 12px; height: 12px; margin-right: 15px; float: left; border-radius: 100px; background-color: #e0e0e1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .micro-slider-nav--circle:hover { background-color: #ffa05a; } .micro-slider-nav--circle.active { background-color: #ffa05a; } .micro-resources-arrows-wrapper { margin-right: 15px; float: right; } .micro-resources-arrow { width: 30px; height: 20px; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left_1.svg'); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; } .micro-resources-arrow.left { margin-right: 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .micro-resources-arrow.left:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-left-hover.svg'); background-size: 30px; } .micro-resources-arrow.right { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right_1.svg'); background-size: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .micro-resources-arrow.right:hover { background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/arrow-right-hover.svg'); background-size: 30px; } .micro-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 730px; background-image: -webkit-linear-gradient(314deg, rgba(255, 160, 90, .9), hsla(0, 100%, 70%, .9)); background-image: linear-gradient(136deg, rgba(255, 160, 90, .9), hsla(0, 100%, 70%, .9)); } .micro-hp-banner-img-wrapper { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; } .micro-hp-img-one { position: absolute; top: 0px; right: 0px; bottom: 0px; height: 730px; } .micro-hp-img-two { position: absolute; top: 0px; right: 0px; bottom: 0px; } .micro-browser-img { width: 100%; } .micro-template-thump-img { width: 100%; } .side-menu { position: fixed; top: 50%; right: 0px; z-index: 999; width: 135px; background-color: #fff; box-shadow: 11px 0 50px 4px rgba(0, 0, 0, .15); } .micro-internal-navigation { display: block; padding: 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: Muli, sans-serif; color: #36353b; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; } .micro-internal-navigation:hover { background-color: #ffa05a; color: #fff; } .micro-internal-navigation.middle { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .scroll-indicator { /*position: absolute;*/ z-index: 999; overflow: hidden; padding-bottom: 100px; } .icn-mouse { position: absolute; left: 0px; right: 0px; bottom: 0px; display: block; overflow: hidden; width: 30px; height: 50px; margin-right: auto; margin-left: auto; border: 2px solid #fcfcfc; border-radius: 25px; } .scroll-wrapper { position: relative; bottom:-40px; } .cta-link { position: relative; overflow: hidden; width: 50%; height: 100%; } .cta-link-block { position: relative; z-index: 2; display: inline-block; overflow: hidden; width: 50%; height: 100%; text-decoration: none; } .navbar-burger { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 9998; display: block; width: 100%; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; background-color: transparent; color: #fff; } .nav-side-menu { display: block; overflow: auto; min-width: 250px; padding-top: 60px; padding-bottom: 15px; float: right; box-shadow: 1px 1px 150px -19px #000; } .nav-side-menu-link-block { display: block; margin-right: auto; margin-left: auto; padding: 10px 40px 10px 30px; } .side-menu-dropdown { display: block; margin-right: auto; margin-left: auto; text-transform: uppercase; } .menu-dropdown-item { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; } .side-menu-dropdown-list { position: static; display: none; background-color: #fff; } .menu-button-icon { display: inline-block; padding: 0px 10px; float: left; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 2rem; line-height: 80px; } .menu-button-text { display: inline-block; font-size: 1.3rem; line-height: 80px; } .side-menu-dropdown-item { padding-left: 30px; } .side-menu-dropdown-item:hover { background-color: #fff; color: #F49C58; } .menu-search-block { margin-right: auto; margin-left: auto; padding: 5px; border: 10px solid transparent; border-radius: 100%; background-color: #00d2ff; -webkit-transition: padding 300ms ease; transition: padding 300ms ease; text-align: center; text-decoration: none; } .menu-search-block:hover { padding: 10px; border-color: #00d2ff; background-color: #0092b1; font-size: 22px; text-decoration: none; } .fa-search-icon { display: inline-block; } .close-btn-menu { position: absolute; top: 0.5px; right: 0.5px; z-index: 9999; display: inline-block; overflow: hidden; width: 30px; height: 30px; border-radius: 100%; text-align: center; text-decoration: none; } .close-btn-menu:hover { top: 0.5px; right: 0.5px; display: inline-block; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .link-block-wrap { position: relative; overflow: hidden; width: 50%; height: 100%; -webkit-transition: none 0ms ease; transition: none 0ms ease; text-decoration: none; } html.w-mod-js *[data-ix="scroll-side-slide"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-2"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-3"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-4"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-5"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="scroll-reveal-6"] { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } html.w-mod-js *[data-ix="slide-menu-hide"] { display: none; -webkit-transform: translate(0px, 200px); -ms-transform: translate(0px, 200px); transform: translate(0px, 200px); } html.w-mod-js *[data-ix="display-none-on-load"] { display: none; } html.w-mod-js *[data-ix="estimator-booking-wrap-initial"] { height: 0px; } html.w-mod-js *[data-ix="video-into-view"] { opacity: 0; -webkit-transform: scale3d(0.6500000000000002, 0.6500000000000002, 0.6500000000000002); transform: scale3d(0.6500000000000002, 0.6500000000000002, 0.6500000000000002); } @media (min-width: 1200px) { .scroll-indicator.scroll-indicator--zigzag { /* position: relative; left: -11px; bottom: -50px;*/ display: block; width: 100%; height: 100px; margin-top: 40px; /*margin-right: auto; margin-left: auto;*/ background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/wavey%201.5sec.svg'); /*background-position: 0px 50%;*/ background-size: 20px; background-repeat: repeat-y; /*-webkit-transform: translate(50%, 0px); -ms-transform: translate(50%, 0px); transform: translate(50%, 0px);*/ background-position: center; } .scroll-text { /*position: absolute; left: 0px; right: 0px; bottom: -110px;*/ display: block; font-family: Muli, sans-serif; color: #fff; font-size: 12px; font-weight: 700; text-align: center; text-transform: uppercase; } .micro-thump-content { height: 320px; } } @media (max-width: 1199px) { .content-img.bragging-img { margin-left: 0; } .slider-mask { width: 100%; } .scroll-indicator.scroll-indicator--zigzag { position: relative; left: -11px; bottom: 60px; display: block; width: 20px; height: 100px; margin-top: 40px; margin-right: auto; margin-left: auto; background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/wavey%201.5sec.svg'); background-position: 0px 50%; background-size: 20px; background-repeat: repeat-y; -webkit-transform: translate(50%, 0px); -ms-transform: translate(50%, 0px); transform: translate(50%, 0px); } .scroll-text { position: absolute; left: 0px; right: 0px; bottom: 0px; display: block; font-family: Muli, sans-serif; color: #fff; font-size: 12px; font-weight: 700; text-align: center; text-transform: uppercase; } } @media(max-width:1024px){ .micro-slide { height: 280px; } .micro-spacer-hide { display: none; } .micro-column{ padding-right:10px; padding-left:10px; } .micro-thump-content{ padding:40px 21px; } } @media (max-width: 1139px) { .micro-btn { display: inline-block; margin-bottom: 10px; } .content-section.micro-section.micro-lessp{ padding: 4% 0 4% 4% !important; } } @media (max-width: 991px) { .content-section.model-five.v7 { padding-bottom: 7%; } .content-section.model-five.v14 { padding-top: 260px; } .content-section.model-five.v16 { padding-top: 200px; } .content-section.model-six { padding-right: 4%; padding-left: 4%; } .content-section.model-six.v2 { background-position: 37% 100%; background-size: auto 75%; } .content-section.model-seven { height: 530px; } .content-section.model-seven.v1 { position: relative; margin-bottom: 87px; } .content-section.model-seven.v2 { height: 1000px; } .content-section.model-three.v1 { padding-right: 30px; padding-left: 30px; } .content-section.pillar-hero { padding-top: 15%; padding-bottom: 15%; background-position: 435% 50%; background-size: 698px; } .content-section.redesign-section { padding-top: 6%; } .content-section.chatbot-section { padding-top: 9%; padding-bottom: 9%; } .content-section.plan-section { padding-top: 13%; } .content-section.plan-section.v1 { margin-top: 0px; padding-top: 8%; } .content-section.micro-section.np-left-right.wasabi-slider-section { padding-left: 20px; } .content-section.micro-section.np-left-right.v1 { padding-right: 30px; padding-left: 30px; } .content-section.micro-section.how-to-section { padding-right: 20px; padding-left: 20px; } .inner-content-column.model-eleven { background-position: 80% 100%; background-size: cover; } .inner-content-column.model-four { border-left-style: none; } .content-row.model-one { margin-bottom: 30px; } .content-column.model-six { padding-bottom: 20px; } .content-column.model-three.v1 { padding-left: 10px; } .content-column.model-three.v2 { padding-right: 10px; padding-left: 25px; } .content-column.model-eight { padding-right: 2%; padding-left: 2%; } .content-column.model-fifteen.v1 { padding-right: 15px; padding-left: 15px; } .content-column.model-fifteen.v4 { height: 827px; padding-right: 20px; padding-left: 20px; } .content-column.model-fifteen.v5 { padding-right: 20px; padding-left: 20px; } .content-column.model-fifteen.nplr { padding-right: 10px; padding-left: 10px; } .content-column.model-sixteen { width: 33.3333%; } .content-column.model-sixteen.v1 { margin-bottom: 10px; } .content-column.model-ten { height: 800px; } .content-column.model-ten.v1 { height: auto; } .content-column.model-eleven.v2 { padding-right: 15px; padding-left: 15px; } .content-column.model-twenty-four { padding-top: 20px; } .content-column.model-thirty-three { padding-right: 30px; } .content-column.no-p-top.v1 { padding-left: 20px; } .hd.model-two { font-size: 30px; } .hd.model-two.v3 { margin-top: 8px; margin-bottom: 0px; margin-left: 5px; font-size: 16px; line-height: 21px; } .hd.model-two.v3.diamond-text { margin-top: 15px; } .hd.model-four { font-size: 35px; } .hd.model-nine { font-size: 80px; line-height: 80px; } .hd.model-three.text-color-model-two { font-size: 14px; } .hd.model-eleven { width: 100%; } .p.model-three.v1 { font-size: 16px; } .p.model-eight { font-size: 25px; } .btn-model-one.v1 { margin-top: 25px; } .content-img.model-three { width: 270px; height: 270px; } .content-img.model-five { width: 100%; } .content-img.model-twenty-two { width: 100%; } .content-img.model-eight { height: 495px; } .content-img.model-ten.v1 { display: block; width: 60%; margin-right: auto; margin-left: auto; } .content-img.model-twenty-five { width: 100%; } .content-img.model-twenty-seven { display: block; margin-right: auto; margin-left: auto; } .content-img.model-twenty-nine { width: 100%; margin-top: 30px; } .content-img.wr-img { top: -100px; } .content-img.micro-bragging-img{ width: 88px; margin-top: -6px; } .content-img.bragging-img { width: 88px; margin-top: 0px; } .bragging-wrapper .content-img.bragging-img { width: 88px; margin-top: -10px; } .content-custom.model-four { width: 80%; } .content-custom.model-four.v1 { width: 100%; } .content-custom.model-four.v2 { width: 100%; padding-top: 8%; padding-right: 8%; padding-left: 8%; } .content-custom.model-four.v3 { width: 100%; } .content-custom.model-four.v6 { width: 101%; } .content-custom.model-eighteen.v1 { position: absolute; padding-right: 20px; padding-left: 20px; } .content-custom.model-twenty-four { height: 683px; } .content-custom.model-twenty-eight.v1 { height: 1110px; } .content-spacer.model-two { height: 40px; } .content-spacer.model-five { height: 20px; } .content-spacer.v1 { display: block; height: 20px; } .text-color-model-one.v1 { font-size: 90px; line-height: 85px; } .content-container.internal.v1 { padding-right: 20px; padding-left: 20px; } .list-item.model-two { background-position: 0px 7px; } .list-item.model-two.v1 { background-position: 0px 6px; } .list-item.model-two.v2 { background-position: 0px 7px; } .list-item.model-two.v3 { background-position: 0px 7px; } .list-content.model-one { padding: 10px; } .team-tile { font-size: 20px; line-height: 20px; } .team-overlay.model-one { width: 33.3333px; } .nav-menu { background-color: #000; } .menu-button.w--open { background-color: #000; } .filter-block { padding-right: 10px; padding-left: 10px; } .offer-heading-text.v1 { font-size: 60px; } .processes-block { padding: 30px; } .content-ui-widget-col { width: 542px; } .content-ui-widget-col.model-one { width: 408px; } .content-cal-widget-tokens-btn.model-one { left: 390px; } .content-slider-block { width: 343px; padding-left: 45px; } .design-slider { height: 375px; } .navbar-icon { color: #fff; } .inbound-methodology { right: 17px; } .inbound-methodology.space { right: 17px; max-width: 105%; } .image-8 { max-width: 100%; } .important-text-2 { left: 65px; bottom: 37px; width: 70%; } .dt-icons { max-width: 15%; } .icon-blocks { padding-right: 0px; } .custom-section-2-space { height: auto; } .benefits-text { margin-top: 0px; } .statistic-title { font-size: 45px; } .case-study-link-block.v1 { height: 132px; padding: 30px; } .p-banner { width: 100%; } .process-line.v1 { width: 419px; } .process-bar-wrapper { width: 580px; } .previous-btn.chatbot { margin-left: 60px; } .conversation-content-block { width: 345px; } .pillar-heading.v1 { display: block; width: 100%; margin-right: auto; margin-left: auto; text-align: center; } .pillar-text-wrapper { width: 100%; } .pillar-text-wrapper.v1 { display: block; width: 80%; margin-top: -95px; margin-right: auto; margin-left: auto; text-align: center; } .pillar-text-wrapper.v2 { width: 65%; text-align: center; } .pillar-sub.redesign-text { margin-top: -10px; } .content-offer-wrapper { padding-right: 30px; padding-left: 30px; } .content-body-wrapper { margin-left: 40px; } .ebook-text { right: 47px; bottom: -27px; width: 50px; } .numbers { right: -67px; } .numbers.left { left: -90px; } .numbers.left.v2 { top: -195px; } .numbers.v1 { top: -185px; right: -90px; } .plan-wrapper.v1 { top: -430px; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; } .plan-wrapper.v3 { margin-left: 0px; } .plan-wrapper.v2 { margin-top: -20px; padding: 20px 30px 30px; } .plan-wrapper.v4 { padding: 20px 30px 30px; } .plan-wrapper.v5 { padding: 20px 30px 30px; } .plan-wrapper.v6 { padding: 20px 30px 30px; } .numbers-wrapper.v1 { top: 0px; } .hp-slider { height: 710px; } .hp-slider-mask { height: 720px; } .pillar-social-icons { width: 28px; height: 28px; } .pillar-social-icons.gplus { width: 37px; height: 37px; } .micro-hero-wrapper.micro-wasabi-hero-wrapper { width: 80%; } .micro-hero-wrapper.hp { width: 65%; } .micro-content-text-wrapper { width: 70%; } .micro-btn { display: inline-block; margin-bottom: 10px; } .micro-triangles { display: none; } .micro-slide { margin:0 12px; } .micro-slider-mask { width: 50%; } .micro-testimonial-wrapper { padding: 25px; } .micro-wasabi-slider-img:hover{ background-position: 50% 35%, 0px 0px, 50% 50%; } .micro-play-btn { right: 20px; bottom: 20px; } .micro-overlay.v1 { padding-left: 4%; } .micro-browser-img { margin-top: -5px; } .micro-template-thump-img { margin-top: -4px; } .micro-slider-wasabi{ height:420px; } } @media (max-width: 767px) { /*.content-spacer.model-three { height: 5px; }*/ /*.micro-wasabi-content-wrapper { margin: 0px 21px 20px; }*/ .hd.model-two.v3.diamond-text br{display:none;} .hd.model-two.v3.diamond-text {margin: 0 auto 20px;} .bragging-wrapper .hd.model-two.v3.diamond-text {margin-top:-20px !important; background-color: #fff;z-index: 9999999999999;position: relative;} .content-img.bragging-img{ float: none; width: 130px; margin: 0 auto 10px; } .content-section.microsite-banner, .micro-overlay{ height: 520px; } .content-section.model-one { height: auto; } .content-section.model-five.v7 { padding-bottom: 9%; } .content-section.model-five.v8 { height: auto; padding-bottom: 6%; } .content-section.model-five.v11 { padding-bottom: 0%; padding-left: 0%; } .content-section.model-five.v14 { padding-top: 4%; padding-bottom: 0%; } .content-section.model-six.v2 { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .content-section.model-seven { height: 630px; } .content-section.model-seven.v1 { height: 1000px; margin-bottom: 150px; } .content-section.model-seven.v2 { height: 1600px; } .content-section.pillar-hero { padding-bottom: 0%; background-image: none; background-size: auto; background-repeat: repeat; } .content-section.redesign-section { padding-top: 0%; padding-bottom: 0%; } .content-section.chatbot-section { padding-top: 5%; padding-bottom: 5%; background-image: none; background-repeat: repeat; } .content-section.cta-section { padding-bottom: 6%; } .content-section.cta-section.v1 { margin-top: 0px; } .content-section.plan-section { padding-top: 5%; padding-bottom: 0%; } .content-section.plan-section.v1 { margin-top: 0px; padding-top: 0%; padding-bottom: 5%; } .content-section.tradition-section { padding-bottom: 0%; } .content-section.benefits-section { padding-top: 5%; padding-bottom: 5%; background-image: none; background-position: 0px 0px; background-repeat: repeat; } .content-section.micro-section.micro-lessp { padding-top: 6%; padding-bottom: 6%; } .content-section.micro-section.np-left-right.wasabi-slider-section { padding-top: 4%; padding-bottom: 4%; padding-left: 4%; padding-right:4%; } .content-section.micro-section.np-left-right.v1 { padding-bottom: 4%; } .content-section.micro-section.wasabi-bg-color, .content-section.micro-section.maki-bg-color, .content-section.micro-section.vant-bg-color, .content-section.micro-section.nova-bg-color{ background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .micro-video-wrapper{display:none;} .content-section.micro-section.how-to-section { padding-right: 20px; padding-left: 20px; } .inner-content-column.model-two { padding-left: 0%; text-align: center; } .inner-content-column.model-eleven { border-bottom: 1px solid #F49C58; background-position: 50% 100%; background-size: contain; } .inner-content-column.model-four { padding-top: 20px; padding-bottom: 20px; padding-left: 0px; } .inner-content-column.model-six { padding-top: 20px; padding-bottom: 20px; padding-left: 0px; } .content-column.model-one { width: 100%; } .content-column.model-four.v1 { min-height: auto; padding-right: 25px; padding-left: 25px; } .content-column.model-seven { margin-bottom: 30px; } .content-column.model-seven.v2 { height: 500px; } .content-column.model-three { margin-top: 20px; padding-right: 0px; } .content-column.model-three.v1 { margin-bottom: 50px; padding-right: 0px; padding-left: 0px; } .content-column.model-three.v2 { padding-right: 0px; padding-left: 0px; } .content-column.model-eight { display: none; width: 20%; height: 125px; padding-top: 0%; } .content-column.model-eight.v1 { position: static; display: block; height: 125px; margin-right: auto; margin-left: auto; float: none; } .content-column.model-twelve.v1 { padding-right: 10px; } .content-column.model-fourteen.v1 { display: block; height: 350px; margin: -20px auto 85px; padding-right: 0px; text-align: center; } .content-column.model-fifteen.v1 { margin-top: 20px; } .content-column.model-fifteen.v3 { display: none; } .content-column.model-fifteen.first { margin-top: 30px; } .content-column.model-fifteen.v4 { height: auto; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } .content-column.model-fifteen.v5 { padding-right: 30px; padding-left: 30px; } .content-column.model-fifteen.nplr { padding-right: 0px; padding-left: 0px; } .content-column.model-sixteen.w--current { display: inline-block; } .content-column.model-sixteen.v1 { overflow: visible; } .content-column.model-seventeen { padding-right: 0px; } .content-column.model-seventeen.v2 { padding-left: 0px; } .content-column.model-two.v1 { overflow: auto; width: 30%; height: 100%; } .content-column.model-two.v2 { overflow: auto; width: 70%; height: 100%; padding-top: 15%; } .content-column.model-five.v1 { padding-right: 0px; padding-left: 0px; } .content-column.model-five.v1.banner-col { padding-right: 20px; padding-left: 20px; } .content-column.model-ten { height: auto; } .content-column.model-ten.v1 { display: none; } .content-column.model-eleven { padding-right: 0px; padding-left: 0px; } .content-column.no-p-left { padding-right: 0px; } .content-column.no-p-right { padding-left: 0px; } .content-column.model-thirty.v1 { border-right-color: transparent; } .content-column.model-thirty-three { padding-bottom: 105px; } .content-column.no-p-top.v1 { padding-left: 30px; } .content-column.micro-column-p-lr { padding-right: 0px; padding-left: 0px; } .content-column.micro-column-p { padding-right: 0px; padding-left: 0px; } .hd.model-one { margin-bottom: 0px; font-size: 45px; line-height: 61px; } .hd.model-two.h1 { margin-top: 70px; margin-right: 50px; margin-left: 50px; padding-right: 8px; } .hd.model-two.v3 { margin-bottom: 15px; text-align: center; } .hd.model-four { margin-top: 15px; font-size: 40px; } .hd.model-seven { margin-bottom: 25px; } .hd.model-eight.v3 { margin-bottom: 6px; text-align: left; } .hd.model-nine { font-size: 62px; line-height: 60px; } .hd.model-ten { margin-bottom: 50px; font-size: 45px; } .p.model-one { font-size: 17px; line-height: 22px; } .p.model-three.v1 { display: block; margin-right: auto; margin-left: auto; } .p.model-five { display: inline-block; } .btn-model-one { margin-bottom: 0px; } .btn-model-one.v2.inverse { bottom: -26px; } .btn-model-one.v1 { margin-top: 0px; padding-top: 11px; padding-bottom: 11px; } .btn-model-one.v4 { width: 100%; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; float: none; } .btn-model-one.v4.active { margin-right: 0px; margin-left: 0px; } .content-img.model-five { width: 260px; } .content-img.model-nine.v2 { margin-top: 10px; } .content-img.model-thirteen { display: block; margin-right: auto; margin-left: auto; text-align: center; } .content-img.model-eighteen { margin-bottom: 20px; } .content-img.model-ten { display: block; margin-right: auto; margin-left: auto; } .content-img.model-ten.v1 { display: block; width: 60%; margin-right: auto; margin-left: auto; } .content-img.model-one { max-width: 50%; margin-bottom: 20px; } .content-img.model-twenty-five { display: block; max-width: 30%; margin-right: auto; margin-left: auto; } .content-img.model-twenty-eight { display: block; width: 75%; margin-right: auto; margin-left: auto; } .content-img.model-thirty-five { padding-top: 0px; } .content-img.micro-img { width: 100%; } .content-custom.model-four { display: block; width: 80%; margin-right: auto; margin-left: auto; text-align: center; } .content-custom.model-four.v1 { margin-bottom: 20px; padding-top: 6%; padding-right: 6%; padding-left: 6%; } .content-custom.model-four.v2 { text-align: left; } .content-custom.model-four.v3 { margin-bottom: 30px; padding-top: 6%; padding-right: 6%; padding-left: 6%; border: 4px solid #fff; } .content-custom.model-eighteen { padding-bottom: 0px; } .content-custom.model-eighteen.v1 { position: relative; padding-top: 30px; } .content-custom.model-eighteen.v4 { padding-bottom: 30px; } .content-custom.model-nineteen { position: relative; border-bottom-style: none; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .content-custom.model-three { display: none; } .content-custom.model-twenty-four { height: auto; } .content-custom.model-eleven { padding-top: 8%; } .content-spacer { height: 5px; } .content-spacer.model-two { height: 30px; } .content-spacer.model-two.v1 { height: 20px; } .content-spacer.model-three.hide { display: none; } .content-spacer.model-five { height: 0px; } .content-spacer.model-six { height: 20px; } .content-spacer.model-one { height: 40px; } .content-spacer.model-one.v1 { height: 40px; } .content-divider.model-one.v1 { margin-top: 30px; } .text-color-model-one { font-size: 16px; line-height: 20px; } .text-color-model-one.v1 { font-size: 70px; line-height: 70px; } .text-color-model-one.v2 { font-size: 40px; line-height: 36px; } .content-container { display: block; overflow: visible; } .content-container.model-one.v1 { margin-top: 50px; } .content-container.model-one.v2 { padding-right: 4%; padding-left: 4%; } .content-container.internal.v1 { padding-right: 20px; padding-left: 20px; } .content-container.micro-hp-container { padding-right: 20px; padding-left: 20px; } .link-model-four.micro-resources-pagination { margin-bottom: 30px; } .list-item.model-two.v2 { background-position: 0px 4px; background-size: 30px; } .list-item.model-two.v3 { background-size: 30px; } .list-content { text-align: left; } .team-overlay.model-one { display: none; } .fadein { top: 0px; display: none; min-height: 300px; } .team-bio-overlay { display: none; overflow: auto; } .team-bio-wrap { overflow: hidden; } .title-position { margin-bottom: 12px; } .title-name { font-size: 25px; } .btn-container.model-two { margin-bottom: 0px; -webkit-transform: translate(0px, 30px); -ms-transform: translate(0px, 30px); transform: translate(0px, 30px); } .btn-model-three.v1 { display: inline-block; margin-top: 5px; margin-bottom: 30px; } .filter-block.btn-wrapper { text-align: left; } .resources-dropdown.v3 { width: 115px; float: none; text-align: center; } .form-map { height: 250px; } .processes-block { width: 100%; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .content-ui-widget.model-one { margin-bottom: 5px; } .content-ui-widget-col { width: 397px; } .content-cal-widget-tokens-btn { left: 365px; } .content-slider-block { width: 100%; padding: 40px 30px 30px; } .design-slider { height: auto; } .content-slider-nav { margin-top: 29px; } .design-services-block { position: static; display: block; padding: 40px 40px 70px; } .triangle-block { width: 79px; height: 79px; border-width: 40px; } .inbound-methodology { right: 0px; max-width: 100%; } .image-5 { margin-bottom: 30px; } .image-8 { position: static; right: 156px; max-width: 30%; } .important-text-2 { left: 80px; bottom: 35px; max-width: 70%; } .dt-icons { max-width: 10%; } .dt-icons.icons-big { display: block; max-width: 40%; margin-right: auto; margin-left: auto; } .benefits-text { margin-top: 5px; } .paragraph-4 { overflow: visible; padding-right: 24px; } .pricing-total { font-size: 38px; line-height: 36px; } .showcase-link-block { float: none; } .case-study-link-block { padding: 30px; } .case-study-link-block.m-top { margin-top: 15px; } .case-study-link-block.v1 { height: auto; padding: 20px; } .showcase-arrow-left { width: 40px; height: 40px; margin-top: 2px; } .showcase-content-wrapper { margin-left: 60px; float: none; } .showcase-content-wrapper.right { margin-right: 60px; } .showcase-arrow-right { width: 40px; height: 40px; margin-top: 2px; } .estimator-wrap { padding-top: 30px; padding-right: 30px; padding-left: 30px; } .process-line.v1 { width: 359px; } .process-bar-wrapper { width: 500px; } .conversation-wrapper { width: 100%; max-width: 100%; } .conversation-content-block { width: 100%; } .pillar-text-wrapper.v1 { width: 100%; margin-top: 50px; margin-bottom: 20px; } .pillar-text-wrapper.v2 { width: 100%; } .pillar-subhead-colour { margin-left: 10px; } .pillar-subhead-colour.green { width: 100%; margin-top: 101px; margin-bottom: 0px; margin-left: 0px; } .content-offer-wrapper { margin-top: 47px; padding-right: 10px; padding-left: 10px; } .content-body-wrapper { width: 100%; margin-top: 20px; margin-left: 0px; } .ebook-text { right: 57px; bottom: -9px; height: 50%; } .numbers { right: -27px; display: none; font-size: 240px; } .plan-wrapper.v1 { top: 0px; right: 0%; } .plan-wrapper.v3 { margin-left: 0px; } .plan-wrapper.v2 { position: static; margin-top: 40px; margin-left: 0px; } .plan-wrapper.v4 { position: static; top: 0px; margin-top: 20px; margin-right: 0px; } .plan-wrapper.v5 { top: 0px; margin-top: 20px; margin-left: 0px; background-color: #fff; } .plan-wrapper.v6 { top: 0px; margin-top: 20px; margin-right: 0px; } .hp-slider { height: auto; } .hp-slider-mask { height: auto; } .arrows { width: 40px; height: 40px; } .arrows.left { margin-top: -21px; margin-right: 61px; } .arrows.right { margin-top: -21px; margin-right: 20px; } .pillar-arrow-down { bottom: -50px; margin-bottom: 30px; } .redesign-numbers { position: absolute; top: -24px; right: 30px; display: inline-block; width: 50px; height: 50px; padding: 9px 15px 11px 14px; border-radius: 100px; background-color: #b0cf6b; font-family: Montserrat, sans-serif; color: #fff; font-size: 20px; font-weight: 500; text-align: center; } .pillar-social-icons { margin-top: 20px; } .social-share-text { text-align: center; } .micro-hero-wrapper.micro-wasabi-hero-wrapper { width: 100%; } .micro-hero-wrapper.hp { margin-top: 125px; width: 100%; } .micro-content-text-wrapper { width: 90%; } .micro-thump-wrapper { margin-bottom: 20px; } .micro-btn.outline { display: inline-block; margin-right: 10px; } .micro-column { padding-right: 0px; padding-left: 0px; } .micro-wasabi-content-wrapper.v2 { width: 100%; } .micro-wasabi-content-wrapper.v3 { width: 100%; text-align: center; } .micro-slider-wasabi { position: static; top: 0px; margin-bottom: 30px; } .micro-play-btn { display: none; } .micro-play-btn.v2 { display: block; } .micro-case-study-wrapper { margin-bottom: 340px; } .micro-logo-wrapper.light.v1 { background-color: #f8f8f9; } .micro-logo-wrapper.super-light.v1 { background-color: #eaebec; } .micro-resources-wrapper { width: 100%; } .micro-hp-banner-img-wrapper { position: static; } .wasabi-testimonial-wrapper { width: 100%; padding:0 !important; } .side-menu { display: none; } .scroll-wrapper { display: none; } } @media (max-width: 479px) { .content-section{ padding:10px; } .content-section.micro-section.acc-section{ padding:20px; } .content-section.model-five.v7 { padding-bottom: 20%; } .content-section.model-six.v1 { padding-bottom: 4%; } .content-section.model-seven { height: 740px; } .content-section.model-seven.v1 { height: 1000px; } .content-section.model-seven.v2 { height: 1650px; } .content-section.model-three.v1 { padding-right: 20px; padding-left: 20px; background-position: 0px 100%; background-size: cover; } .content-section.model-three.v5 { background-position: 0px 100%; } .content-section.cta-section.v1 { margin-top: 0px; } .content-section.plan-section { padding-top: 8%; } .content-section.plan-section.v1 { padding-bottom: 8%; } .content-section.benefits-section { padding-top: 8%; padding-bottom: 8%; } .content-section.microsite-banner { height: 600px; padding-bottom: 6%; } .content-section.micro-section.np-left-right.wasabi-slider-section { padding-left: 20px; } .content-section.micro-section.np-left-right.v1 { padding-right: 10px; padding-left: 10px; } .content-section.wasabi-banner { padding-right: 20px; padding-left: 20px; } .content-column.model-four { min-height: 250px; } .content-column.model-four.v1 { min-height: 400px; } .content-column.model-seven { height: 350px; } .content-column.model-seven.v1 { height: 530px; } .content-column.model-eight { height: 110px; } .content-column.model-eight.v1 { height: 110px; } .content-column.model-fourteen.v1 { height: 240px; margin-bottom: 20px; } .content-column.model-fifteen.v4 { padding-bottom: 40px; } .content-column.model-sixteen { width: 100%; } .content-column.model-seventeen { padding-right: 0px; } .content-column.model-two.v1 { display: block; width: 100%; height: 35%; margin-top: 0px; margin-bottom: 30px; clear: right; } .content-column.model-two.v2 { display: block; overflow: visible; width: 100%; height: 50%; float: none; clear: right; } .content-column.model-twenty-four { padding-left: 0px; } .content-column.model-twenty-two { padding-right: 0px; padding-left: 0px; text-align: center; } .content-column.model-twenty-six.v-1 { padding-top: 8px; } .content-column.micro-column-p-lr { padding-right: 10px; padding-left: 10px; } .hd.model-two { font-size: 37px; line-height: 42px; } .hd.model-two.h1 { margin-top: 43px; margin-bottom: 4px; } .hd.model-four { font-size: 25px; line-height: 35px; } .p.model-two.v2 { display: none; } .btn-model-one.v2.inverse { bottom: -36px; } .btn-model-one.v5 { position: relative; z-index: 2; width: 100%; margin-top: 0px; margin-bottom: 10px; background-color: #fff; } .content-img.model-three { width: 240px; height: 240px; margin-bottom: 30px; } .content-img.model-fifteen { top: 0%; right: -1px; } .content-img.model-ten.v1 { width: 100%; } .content-img.model-twenty-five { max-width: 80%; } .content-img.model-twenty-eight { width: 100%; } .content-img.arrow-bottom { margin-top: -6px; } .content-img.bragging-img{ width: 108px; } .content-img.wr-img { top: -80px; max-width: 90%; } .content-custom.model-nineteen { height: 110px; background-size: 140px, 140px; } .content-custom.model-fifteen { padding-left: 20px; } .content-custom.model-twenty-eight { padding-right: 15px; padding-left: 15px; } .nav-link { margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid #f1f1f1; color: #9e9e9e; } .content-container { position: relative; } .content-container.model-one { padding-right: 10px; padding-left: 10px; } .content-container.model-one.v1 { margin-top: 30px; } .content-container.model-one.v3.np { padding-right: 0px; padding-left: 0px; } .content-container.model-two.v2 { position: static; text-align: left; } .content-container.model-two.v3 { padding-right: 0px; padding-left: 0px; } .content-container.internal.v1 { padding-right: 20px; padding-left: 20px; background-color: #fff; } .content-container.micro-hp-container { padding-right: 20px; padding-left: 20px; } .team-subtitle.model-one { margin-bottom: 15px; } .team-tile.model-one { font-size: 20px; } .team-overlay.model-one { width: 93%; } .btn-model-six.tab-prev.pillar-red-btn { margin-right: 10px; padding: 5px 20px; } .btn-model-six.tab-next.pillar-red-btn { margin-right: 0px; padding: 5px 20px; } .team-bio-overlay { display: none; } .team-bio-wrap { z-index: 9999; } .title-name { display: inline-block; font-size: 25px; } .nav-menu { background-color: #fff; } .stats-text { font-size: 14px; line-height: 20px; } .filter-block { text-align: center; } .filter-block.btn-wrapper { padding: 20px; } .resources-dropdown { margin-top: 9px; padding-right: 8px; float: none; } .resources-dropdown.v2 { float: right; } .resources-dropdown-toggle { padding-left: 10px; } .resources-dropdown-list.w--open { right: -9px; } .resources-dropdown-list.v1.w--open { left: -134px; } .resources-dropdown-list.v2.w--open { right: -2px; } .offer-heading-text.v1 { font-size: 50px; } .content-ui-widget-col { width: 182px; } .content-ui-widget-col.model-one { width: 173px; } .content-ui-widget-col.model-one.v1 { width: 104px; } .content-ui-widget-col.model-one.v2 { width: 154px; } .content-cal-widget-tokens-btn { left: 159px; } .content-cal-widget-tokens-btn.model-one { left: 148px; } .content-cal-widget-tokens-btn.model-one.v1 { left: 86px; } .content-cal-widget-tokens-btn.model-one.v2 { left: 133px; } .estimated-tokens-block { width: 100%; } .design-services-block { padding-top: 30px; padding-right: 20px; padding-left: 20px; } .inbound-p-left.inbound-content-container.space-top { margin-top: 15px; } .inbound-p-left.inbound-content-container.space-left { margin-left: 5px; } .inbound-list { position: relative; z-index: 1; overflow: visible; padding-left: 25px; } .inbound-methodology { right: 0px; max-width: 100%; padding-top: 10px; } .inbound-methodology.space { right: 0px; max-width: 100%; } .image-5 { position: static; left: 0px; display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .image-5.pillar { left: 0px; max-width: 100%; } .image-8 { right: 0px; display: inline-block; max-width: 80%; margin: 30px auto; } .image-9 { max-width: 10%; } .div-block-3 { margin-top: 20px; margin-bottom: 15px; } .text-block-2 { display: inline-block; margin-left: 16px; } .important-text-2 { position: relative; left: -2px; top: -12px; width: 100%; max-width: 100%; margin-top: 6px; padding-top: 0px; } .dt-icons.icons-big { display: block; width: 25px; float: left; } .image-10 { position: static; display: inline-block; max-width: 80%; margin: 30px auto; } .div-block-6 { text-align: center; } .custom-section-2 { padding-right: 0px; padding-left: 0px; } .custom-section-2-space { height: auto; margin-bottom: 30px; } .benefits-text { margin-top: 0px; margin-left: 0px; font-size: 15px; text-align: left; } .table { overflow: hidden; padding-right: 0px; } .pricing-total { font-size: 25px; line-height: 22px; } .div-block-9 { background-image: -webkit-linear-gradient(270deg, #fff, #fff); background-image: linear-gradient(180deg, #fff, #fff); } .div-block-10 { background-color: #fff; } .inbound-list-2 { position: relative; z-index: 1; padding-left: 25px; } .inbound-list-3 { padding-left: 25px; } .p-v1 { margin-top: 10px; } .inbound-list-item { padding-top: 5px; } .showcase-img { margin-bottom: 10px; float: none; } .showcase-heading { margin-left: 0px; float: none; } .case-study-link-block { padding: 20px; } .estimator-wrap { padding-right: 20px; padding-left: 20px; } .process-line.v1 { width: 218px; } .process-bar-wrapper { width: 290px; } .previous-btn.chatbot { margin-left: 0px; } .chat-box-wrapper { border-bottom-color: rgba(51, 51, 51, .4); } .struto-icon { margin-right: 10px; } .conversation-wrapper { padding: 20px; } .chatbot-content { padding-bottom: 30px; } .pillar-heading { font-size: 30px; line-height: 40px; } .download-icon { right: 45px; bottom: -30px; width: 70px; height: 70px; padding: 18px; } .micro-banner-heading { font-size: 40px; line-height: 40px; } .micro-hero-wrapper.hp { margin-top: 125px; } .micro-thump-content { padding: 20px; } .micro-slider-mask { width: 80%; } .micro-play-btn.v2 { right: 12px; bottom: 12px; } .micro-case-study-wrapper { margin-bottom: 220px; padding-right: 20px; padding-left: 20px; } .micro-overlay { height: 600px; } .side-menu { display: none; } .micro-section-headings{ font-size:30px; line-height:1.2; /* text-align:center !important;*/ } .micro-wasabi-content-wrapper.left-spacing .micro-section-headings{ text-align:left !important; } } /* Lazy Loaded - Content slides up with an opacity */ .lazy-load { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); -webkit-transition: 1000ms ease-in-out; transition: 1000ms ease-in-out; } .lazy-load.is-visible { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* Testimonial Slider */ .o-slider.o-slider--small { min-height: 400px; } .o-slider.o-slider--small { min-height: 350px; } .o-slider.o-slider--large { min-height: 550px; } .o-slider.o-slider--testimonial { height: auto; background-color: transparent; } .o-slider.o-slider--testimonial.u-letter-box--super.u-letter-box--medium-tp { padding-top: 30px; } .o-slider__mask { overflow: hidden; margin-right: 70px; margin-left: 70px; } .o-slider__mask.o-slider__mask--full { margin-right: 0px; margin-left: 0px; } .o-slide { position: relative; } .o-slide.o-slide--col3 { width: 33.3333%; } .o-slider__left-arrow { left: 0px; top: 0px; bottom: 0px; } .o-slider__left-arrow.o-slider__left-arrow--testimonial { -webkit-transition: all 500ms ease; transition: all 500ms ease; } .o-slider__pagination { margin-bottom: 20px; } .o-slide__inner { position: relative; z-index: 5; width: 100%; height: 100%; padding-right: 15px; padding-left: 15px; } .slider-wrap { padding: 70px 0px 0; } .slick-list { padding-bottom:60px !important; } .slick-prev.slick-arrow:before { font-family: FontAwesome; content: "\f060"; font-size: 60px; color: #F49C58 !important; } .slick-next, .slick-prev{ top: -50px; } .slick-next.slick-arrow:before { font-family: FontAwesome; content: "\f061"; font-size: 60px; color: #F49C58 !important; } .slick-dots li.slick-active button:before { color: #F49C58; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ color:#e0e0e1 !important; } .slick-dots li button:before { color:#e0e0e1; font-size: 12px; } .slick-dots li { margin: 0; } .slick-dots { right: unset; left: 0; bottom: 0; width: auto !important; bottom:5px; } /* FAQ Accordion */ .o-accordion { width: 100%; margin-bottom: 8px; border: 2px solid #e2e2e2; border-radius: 5px; background-color: transparent; color: ; } .o-accordion--toggle { width: 100%; font-family: ; color: ; font-weight: 300; } .o-accordion--toggle.w--open { width: 100%; background-color: ; font-family: ; color: #fff; font-weight: 300; } .o-accordion__list { position: relative; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-family: ; } .o-accordion__content { padding: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #ececec; display: none; } .o-accordion__content p{ word-break: break-all; } .o-accordion-wrapper { border-bottom: 2px solid #e2e2e2; border-radius: 5px; margin-bottom: 10px; cursor: pointer; } /*.accordion-wrap-section span{ display:table-row; } */ .span12.acc-wrapper-outer{ width:100%; margin: 0 !important; /* display: table-cell;*/ /* border-bottom: 2px solid #e2e2e2; border-radius:5px;*/ } .accordion-wrap-section .span12.widget-span.widget-type-widget_container{ display: table; } .o-accordion-heading-wrap { display: inline-block; padding: 10px 20px 5px; width: 100%; } .o-accordion-icon-wrap { /*float: right;*/ text-align: center; width: 10%; display: block; max-width: 100%; } /*.o-panel-open { float: right; width: 15px; }*/ .o-accordion-heading-container { color: ; float: left; text-decoration: none; width: 100%; display: block; max-width: 100%; padding-top:20px; padding-bottom:20px; font-weight:600; padding-right:20px; } .o-accordion-wrapper .fa { color: #ffa05a; font-size: 35px; position:absolute; right:0; } .o-accordion-wrapper.accordion-open .fa.fa-angle-down, .o-accordion-wrapper.accordion-open .fa.fa-angle-down:before { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 200ms ease; transition: all 200ms ease; } .o-accordion-wrapper .fa.fa-angle-down, .o-accordion-wrapper .fa.fa-angle-down:before { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 200ms ease; transition: all 200ms ease; } /* Wasabi Testimonials */ .wasabi-testimonial-wrapper { padding:0 10px; } /* Cube Animation */ #top-image { background:url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/microsite-banner-2-1.png") no-repeat; position:absolute ; top:0; width:100%; height:100%; background-size: calc(100% + 50px); } #bottom-image { background:url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Microsite/Images/microsite-banner-3-1.png") no-repeat; position:absolute ; top:0; width:100%; height:100%; background-size: calc(100% + 50px); } /* Before & After Slider */ @media(min-width: 1200px){ .slider-mask { width:940px; height:530px; } .AB-slidebar { width: 945px; height: 540px; } .after-slider{ width: 940px; height: 540px; } .before-slider{ width: 940px; height: 540px; } .scroller { top: 50%; } } @media (min-width: 1140px) and (max-width: 1199px){ .micro-btn{ display: inline-block; margin-bottom: 10px; } } @media (min-width: 992px) and (max-width: 1199px){ .left-spacing { width: 480px !important; float: right; padding-left:10px; } .micro-thump-content{ height:450px; padding:40px 10px; } .slider-mask { width:740px; height:417px; } .AB-slidebar { width: 745px; height: 422px; } .after-slider{ width: 740px; height: 417px; } .before-slider{ width: 740px; height: 417px; } .micro-case-study-wrapper { height: 320px; } .scroller { top: 42%; } } @media (min-width: 768px) and (max-width: 991px){ .left-spacing { width: 380px !important; float: none !important; padding:0 10px; } .micro-thump-content { padding: 30px; height: 500px; } .slider-mask { width:540px; height:304px; } .AB-slidebar { width: 545px; height: 309px; } .after-slider{ width: 540px; height:304px; } .before-slider{ width: 540px; height:304px; } .micro-case-study-wrapper { height: 220px; } .scroller { top: 35%; } } @media (min-width: 520px) and (max-width: 767px){ .left-spacing { width: 100% !important; float: none !important; } .micro-thump-content { padding: 30px; } .slider-mask { width:340px; height:190px; } .AB-slidebar { width: 345px; height:195px; } .after-slider{ width: 340px; height:190px; } .before-slider{ width: 340px; height:304px; } .micro-case-study-wrapper { height: 160px; } .scroller { top: 23%; } } @media (max-width: 519px){ .micro-hero-sub-head { font-size: 16px; line-height: 24px; } .left-spacing { width: 100% !important; float: none !important; /*margin: 30px 20px;*/ } .micro-case-study-wrapper{display:none !important;} } .slider-mask { overflow:hidden; margin:0 auto; box-shadow: 25px 25px 80px 0 rgba(0, 0, 0, .28); } .AB-slidebar { position:relative; right: 4px; overflow:hidden; } .slider-aft, .slider-bef { position: absolute; top: 0px; left: 4px; overflow:hidden; } .handle-wrapper { position:relative; width: 8px; height: 540px; left: 50%; z-index:10; } .slider-bar { width: 8px; height: 540px; position: absolute; left: 4px; background-color: white; opacity: 1; pointer-events: auto; cursor: pointer; } .slider-handle { position: relative; top: 8px; left: 0px; z-index: 100; padding:7px; } .scroller{ width: 50px; height:50px; position: absolute; left:-20px !important; transform:translateY(-50%); border-radius:50%; background-color: #40c6f1; opacity:1; transition: opacity 0.12s ease-in-out; pointer-events:auto; cursor: pointer; box-shadow: 3.5px 0px 7px rgba(100, 100, 100, 0.2); border:4px solid white; } .scroller-top{ margin-top:-25px; } .scroller:hover{ opacity:1; } .scrolling{ opacity:1; // z-index: 1; } .scroller__thumb{ width:100%; height:100%; border-radius:50%; padding: 7px; } .scroller:before, .scroller:after{ content:" "; display: block; width: 7px; height: 9999px; position: absolute; left: 50%; margin-left: -3.5px; z-index: 30; transition:0.1s; box-shadow: 3.5px 0px 7px rgba(100, 100, 100, 0.2); } .scroller:before{ top:49px; } .scroller:after{ bottom:49px; } /* If you want to cahnge the colors, make sure you change the fill in the svgs to match */ .scroller-top>.scroller__thumb{ /*border: 5px solid #ffffff;*/ } .scroller-top:before, .scroller-top:after{ background: #ffffff; } div#slider-revealed { position: relative; font-size: 0; -ms-touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; } /*Resources Filter*/ #filterWrapper .jplist-panel { } #filterWrapper .jplist-pagingprev, #filterWrapper .jplist-pagingnext{ display:none; } #filterWrapper .jplist-label { /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #dfdfdf; border-radius: 0; box-shadow: 0 0 1px #ffffff; box-sizing: border-box; color: #40c6f1; float: left; height: auto; line-height: 22px; margin: 10px 10px 0 0; padding: 10px 20px 10.8px; text-shadow: 0 0 0; */ display:none; } #filterWrapper .jplist-panel .jplist-pagination .jplist-current { background-color: #ffa05a; color: #ffffff; font-weight: normal; } #filterWrapper .jplist-panel .jplist-pagination button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffa05a; border-radius: 50px; box-shadow: none; box-sizing: border-box; color: #ffa05a; height: 40px; line-height: 22px; margin: 10px 10px 0 0; padding: 0; text-shadow: 0 0 0; transition: box-shadow 250ms ease 0s; width: 40px; } #filterWrapper .jplist-panel button:hover { background: #ffa05a; box-shadow: 0 0 0 3px #ffa05a inset; color: #fff; -webkit-transition: box-shadow 250ms ease; transition: box-shadow 250ms ease; } #filterWrapper .jplist-drop-down .jplist-dd-panel::after { color: #40c6f1; z-index: 0; } #filterWrapper .jplist-pagesbox{ text-align: center; } #filterWrapper .jplist-pagingmid{ width:100%; } #filterWrapper .jplist-pagination{ float:none; } #filterWrapper .jplist-drop-down .jplist-dd-panel { color: #40c6f1; cursor: pointer; height: auto; line-height: 22px; overflow: hidden; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; text-indent: 0; } .st-showcase-filter .jplist-drop-down .jplist-dd-panel { padding-right: 20px; } .st-showcase-filter .jplist-drop-down .jplist-dd-panel { width: auto !important; } #filterWrapper .jplist-dd-panel{ display:none !important; } #filterWrapper .jplist-drop-down .jplist-dd-panel li{ text-indent: 10px; } #filterWrapper .jplist-drop-down .jplist-dd-panel:after { color: #40c6f1; } #filterWrapper .jplist-drop-down { background: transparent none repeat scroll 0 0; border: 2px solid #dfdfdf; border-radius: 3px; box-shadow: 0 0 1px #fff; box-sizing: border-box; color: #40c6f1; float: left; height: auto; line-height: 22px; margin: 10px 10px 0 0; position: relative; text-shadow: 0 0 0; width: 170px; } #filterWrapper .jplist-drop-down ul { background: #fff none repeat scroll 0 0; border-radius: 0 0 3px 3px; border: medium none; box-shadow: 0 6px 14px 0 rgba(187,187,187,0.5); box-sizing: border-box; list-style: outside none none; margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; width: 166px; z-index: 1000; color: #777; } #filterWrapper { position: relative; } #filterWrapper .jplist-panel.panel-top { width: 100%; z-index: 5; } #filterWrapper .jplist-drop-down.filter-cat { float: right; } #filterWrapper .filter-cont{ display: inline-block; } #filterWrapper .filter-btn { float: left; list-style-type:none; } #filterWrapper.content-section.model-five { padding-top: 60px; } .content-row.model-six.w-row.list.box.text-shadow { margin-top: 120px; } #filterWrapper .jplist-drop-down .jplist-dd-panel:after { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e603"; top: 14px; } #filterWrapper .jplist-panel .jplist-pagination button.jplist-first, #filterWrapper .jplist-panel .jplist-pagination button.jplist-first:hover, #filterWrapper .jplist-panel .jplist-pagination button.jplist-prev, #filterWrapper .jplist-panel .jplist-pagination button.jplist-prev:hover, #filterWrapper .jplist-panel .jplist-pagination button.jplist-last, #filterWrapper .jplist-panel .jplist-pagination button.jplist-last:hover, #filterWrapper .jplist-panel .jplist-pagination button.jplist-next, #filterWrapper .jplist-panel .jplist-pagination button.jplist-next:hover { border: medium none; box-shadow: none; width: 25px; } #filterWrapper .long-list.jplist-drop-down ul { color: #777777; left: -85px; width: 252px; } #filterWrapper .jplist-drop-down ul { color: #777777; } .resources .list-item .content-custom.model-six { height: 130px; } .resources .list-item .content-custom.model-five { padding-bottom: 130px; } .resources .list-item .p.model-two.v1 { padding-left: 20px; padding-right: 20px; } #filterWrapper .jplist-panel { display: block; } @media(max-width: 767px){ #filterWrapper .long-list.jplist-drop-down ul { left: 0; } } @media(max-width: 519px){ #filterWrapper .filter-btn { float: none; } } @media(max-width: 479px){ #filterWrapper .jplist-drop-down { position: absolute; } #filterWrapper .jplist-drop-down.filter-cat { float: left; top: 60px; } #filterWrapper .jplist-panel.panel-top { position: relative; padding-bottom: 50px; } #filterWrapper.content-section.model-five { padding-top: 50px; } } /* Triangles */ .triangle-wrapper, .triangle-wrapper.right{ width: 100%; position: relative; } .triangle-wrapper.left { width: 100%; text-align: left !important; } /*.triangle-wrapper.top { margin-top: -70px; }*/ #triangles{ width: 250px; height: 250px; position: absolute; bottom:-100px; right: 22px; } .overv-micro #triangles{ width:200px; top:-1px; right:0; } .triangle-wrapper.left #triangles{ left:22px; right:unset; top:-160px; } .outlined{ position: absolute; top: 0; } .triangle-outlined { fill:none; stroke:#E0E0E1; stroke-width:5; stroke-miterlimit:10; } .triangle-outlined.coloured { fill:none; stroke:#F49C5C; stroke-width:5; stroke-miterlimit:10; } .triangle-coloured{ stroke:transparent; fill:#F49C5C; stroke-width:10; stroke-miterlimit:10; } .is-visible .outlined .one{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 6s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .two{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 10s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .three{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 5s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .four{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 12s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .five{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 7s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .six{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 9s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .seven{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 8s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .eight{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 11s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .nine{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 9s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .ten{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 12s ease-in-out forwards; animation-delay: 1s; } .is-visible .outlined .eleven{ stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation:drawOutlines 10s ease-in-out forwards; animation-delay: 1s; } @-webkit-keyframes drawOutlines{ 75%{ stroke-dashoffset: 0; } 100%{ stroke-dashoffset: 0; } } .is-visible .triangle-coloured{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-iteration: 1; animation-name: fill; animation-duration: 1s; animation-delay: 9.5s; } .is-visible .triangle-coloured.one{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 33s; } .is-visible .triangle-coloured.two{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 23s; } .is-visible .triangle-coloured.three{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 17s; } .is-visible .triangle-coloured.four{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 39s; } .is-visible .triangle-coloured.five{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 20s; } .is-visible .triangle-coloured.six{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 29s; } .is-visible .triangle-coloured.seven{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 37s; } .is-visible .triangle-coloured.eight{ fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: 1; animation-iteration: 1; animation-name: fillout; animation-duration: 1s; animation-delay: 27s; } @keyframes fill { from { fill-opacity: 0; } to { fill-opacity: 1; } } @keyframes fillout { 0%{ fill-opacity: 0; stroke:#E0E0E1;} 50%{ fill-opacity: 1; stroke:#F49C5C;} 100%{ fill-opacity: 0; stroke:#E0E0E1;} } @media(max-width:1024px){ #triangles{ width:200px; top:-82px; } } @media (max-width: 991px) { .triangle-wrapper, #triangles{ display:none; } } /* Marketplace Preview Slider */ .mk-slider-preview.o-slider.o-slider--small { min-height: 400px; } .mk-slider-preview.o-slider.o-slider--small { min-height: 350px; } .mk-slider-preview.o-slider.o-slider--large { min-height: 550px; } .mk-slider-preview.o-slider.o-slider--testimonial { height: auto; background-color: transparent; } .mk-slider-preview.o-slider.o-slider--testimonial.u-letter-box--super.u-letter-box--medium-tp { padding-top: 30px; } .mk-slider-preview.o-slider__mask { overflow: hidden; margin-right: 70px; margin-left: 70px; } .mk-slider-preview.o-slider__mask.o-slider__mask--full { margin-right: 0px; margin-left: 0px; } .mk-slider-preview.o-slide { position: relative; } .mk-slider-preview.o-slide.o-slide--col3 { width: 33.3333%; } .mk-slider-preview.o-slider__left-arrow { left: 0px; top: 0px; bottom: 0px; } .mk-slider-preview.o-slider__left-arrow.o-slider__left-arrow--testimonial { -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mk-slider-preview.o-slider__pagination { margin-bottom: 20px; } .mk-slider-preview.o-slide__inner { position: relative; z-index: 5; width: 100%; height: 100%; padding-right: 15px; padding-left: 15px; } .mk-slider-preview .slider-wrap { padding: 70px 0px 0; } .mk-slider-preview .slick-list { padding-bottom:70px !important; margin-right:0; } .mk-slider-preview .slick-prev.slick-arrow:before { font-family: FontAwesome; content: "\f060"; font-size: 60px; color: #F49C58 !important; } .mk-slider-preview .slick-next, .mk-slider-preview .slick-prev{ top: -50px; } .mk-slider-preview .slick-next.slick-arrow:before { font-family: FontAwesome; content: "\f061"; font-size: 60px; color: #F49C58 !important; } .mk-slider-preview .slick-dots li.slick-active button:before { color: #F49C58; } .mk-slider-preview .slick-dots { bottom: 0px; text-align: left; margin-left: 0px; } .mk-slider-preview .slick-prev:hover,.mk-slider-preview .slick-prev:focus,.mk-slider-preview .slick-next:hover,.mk-slider-preview .slick-next:focus{ color:#e0e0e1 !important; } .mk-slider-preview .slick-dots li button:before { color:#e0e0e1; font-size: 12px; opacity:1; } .mk-slider-preview .slick-dots li { margin: 0; } .mk-slider-preview .slick-track{ right: 21%; left:auto; } .left-spacing { width: 580px; float: right; } .no-display{display:none !important;} /* Updates 2019*/ .microsite-banner.table-set { display: table; height: 100vh; min-height: 830px; } .micro-hp-container.w-container.table-row-set { display: table-row; /* height: 100vh; */ min-height: 830px; } .micro-top-heading { /* margin-top: -59px; */ font-family: 'Raleway', sans-serif; color: #333; font-size: 24px; font-weight: 400; text-align: left; text-transform: uppercase; padding-bottom: 10px } .micro-hero-sub-head p { color: #333; font-weight: 400; font-size: 20px; } h1 .micro-banner-heading { margin-top: 0; padding-top: 1em; font-family: Raleway; color: #333; font-size: 64px; line-height: 1.5; font-weight: 900; text-align: left; text-transform: uppercase; } .hero-content-wrap { max-width: 560px; margin-left: 10%; } .content-section.microsite-banner.bg-white { overflow: hidden; min-height: 0; padding: 0%; background-image: none; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-color: #fff; height: 100vh; max-height: 93vh; width: 100%; position: relative; padding-bottom: 30px; } .micro-overlay.bg-trans { background-image: none; background-color: transparent; z-index: -1; } .scroll-indicator.scroll-indicator--zigzag { background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202018/images/img/wave-blue.svg) !important; background-size: 20px 70px !important; } .micro-hero-wrapper.hp { margin-top: 0; padding-top: 80px; padding-bottom: 80px; margin-left: 0; display: table-cell; vertical-align: middle; width: 100%; } .image-28 { max-width: 35%; margin-top: 4%; margin-left: 37%; z-index: 0; position: absolute; opacity: 0.75; min-width: 600px; } .scroll-indicator.scroll-indicator--zigzag.v2 { margin-top: 0; /* top: 55px; */ /* bottom: -60px; */ } .scroll-wrapper.v2 { position: relative; left: 50%; transform: translateX(-50%); bottom: 0; -webkit-animation: slide-in-bottom 1s forwards; animation: slide-in-bottom 1s forwards; -webkit-animation-delay: 3700ms; animation-delay: 3700ms; display: inline-block; position: relative; opacity: 0; width: 50px; } .scroll-wrapper.v2 .scroll-text { color: #333; margin-bottom: 10px; } .content-section.micro-section.np-left-right { padding-top: 50px; } @keyframes slide-in-bottom { from { /* -webkit-transform: translateY(0); transform: translateY(0); */ top: 0; opacity: 0; } to { /* -webkit-transform: translate(-50%,-50px); transform: translate(-50%,-50px); */ top: -35px; opacity: 1; } } a.btn-micro.btn-blue { -webkit-animation: slide-in-left 1s forwards; animation: slide-in-left 1s forwards; -webkit-animation-delay: 2500ms; animation-delay: 2500ms; display: inline-block; position: relative; opacity: 0; border-width: 3px; border-radius: 2px; color: #40c6f1; } a.btn-micro.btn-black { -webkit-animation: slide-in-left 1s forwards; animation: slide-in-left 1s forwards; -webkit-animation-delay: 3000ms; animation-delay: 3000ms; display: inline-block; position: relative; opacity: 0; padding: 10px 20px 8px 20px; background-color: #40c6f1; border: 2px solid #40c6f1; border-radius: 2px; } @keyframes slide-in-left { from { -webkit-transform: translateX(-250%); transform: translateX(-250%); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .micro-top-heading { -webkit-animation: slide-in-top 1s forwards; animation: slide-in-top 1s forwards; -webkit-animation-delay: 500ms; animation-delay: 500ms; opacity: 0; transform: translateY(-100%); position: relative; display: block; /* margin-top: 100px; */ } h1 .micro-banner-heading { -webkit-animation: slide-in-top 1s forwards; animation: slide-in-top 1s forwards; -webkit-animation-delay: 1500ms; animation-delay: 1500ms; margin-top: 0; padding-top: 1em; font-family: Raleway; color: #333; font-size: 60px; line-height: 1.2; font-weight: 800; text-align: left; text-transform: uppercase; -webkit-transform: translateY(-150%); transform: translateY(-150%); opacity:0; display: block; padding-top: 0; } .micro-hero-sub-head p { -webkit-animation: slide-in-left 1s forwards; animation: slide-in-left 1s forwards; -webkit-animation-delay: 2000ms; animation-delay: 2000ms; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity:0; } @keyframes slide-in-top { from { -webkit-transform: translateY(-150%); transform: translateY(-150%); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } :focus { outline: none; } /* .fluid-4 { width: 33.333%; float: left; } */ .template-container-1 { height: 800px; padding-right: 0px; padding-left: 0px; background-position: 50% 50%; /* background-position: 0px 0px, 0px 0px; */ background-size: cover; outline: none; } .template-block { /* width: 529px; */ height: 800px; padding: 350px 60px 0px; float: left; clear: left; } .slick-initialized .slick-slide { outline: none !important; } .micro-template-content-text.mt-content-text-white { color: #fff; } .micro-template-content-text { font-family: Muli; color: #909090; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; } img.template-logo { max-width: 240px; height: 60px; margin-bottom: 30px; } .slick-dots li button:before { opacity: 1 !important; } .slick-list.draggable { padding-bottom: 41px !important; } .slick-dots { margin-left: 20px !important; } .template-slider .micro-arrows.left { background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; left: -15px; right: 70px; bottom: 70px; background-color: #333; border-radius: 100%; height: 50px; width: 50px; border: 2px solid #333; } .template-slider .micro-arrows.right { right: 15px; bottom: 70px; background-color: #333; border-radius: 100%; height: 50px; width: 50px; border: 2px solid #333; } a.micro-btn { border-radius: 0; background-color: #000; } .micro-hero-sub-head a.btn-micro.btn-black { background-color: #40c6f1; border-color: #40c6f1; } .micro-hero-sub-head a.btn-micro.btn-black:hover { background-color: transparent; border-color: #40c6f1; color: #40c6f1; } a.btn-micro.btn-blue.v2 { animation: none; background-color: transparent; border: 3px solid #fff; color: #fff; padding: 10px 20px 8px 20px; opacity: 1; margin-bottom: 10px; } a.btn-micro.btn-black.v2 { animation: none; opacity: 1; } a.btn-micro.btn-blue.v2:hover { background-color: #fff; border: 3px solid #fff; border-color: #fff; color: #40c6f1; } a.btn-micro.btn-black.v2:hover { background-color: #fff; border: 2px solid #333; color: #333; } .heading-9.no-uppercase { color: #333; font-size: 3em; text-transform: capitalize; margin-top: 40px; } .heading-9 { font-family: 'Raleway', sans-serif; font-size: 2em; line-height: 1.2em; text-align: left; font-weight: 800; } .c-heading-4.h4-content-normal h4 { padding-top: 0px; color: #fff; font-size: 1.2em; line-height: 1.6em; font-weight: 300; text-align: left; text-transform: capitalize; } .c-heading-4.h4-content-normal.h4-grey h4 { margin-top: 0; margin-bottom: 0; color: #333; font-weight: 400; } .p-text { display: inline-block; margin-top: 20px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; font-family: Muli; color: #333; font-size: 16px; line-height: 1.5em; font-weight: 400; text-align: center; } .p-text.ws-body-text { line-height: 1.4em; } .column-14 { position: static; display: inline-block; overflow: visible; height: 400px; padding-right: 0px; padding-left: 0px; background-color: #f89e5b; background-image: radial-gradient(circle, rgba(221, 78, 12, 0.4), rgba(228, 100, 33, 0.4), rgba(235, 121, 52, 0.68), #f28c47, #f89e5b); } .c-card-block__inner-wrap-2 { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 460px; padding: 30px 40px; background-color: #fff; box-shadow: 7px 7px 50px -15px rgba(0, 0, 0, .2); } .c-card-block__inner-wrap-2.c-card-block-small { width: 350px; margin-left: 70px; padding-right: 30px; padding-left: 30px; text-align: left; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-right { position: relative; display: inline-block; padding: 50px 40px; margin-top: 60px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left.feature-icon-2 { margin-top: 60px; } .ws-left-text-block { padding-left: 60px; padding-right: 10px; } .column-15 { position: static; display: inline-block; height: 400px; padding-right: 0px; background-color: #f89e5b; background-image: radial-gradient(circle, rgba(221, 78, 12, 0.4), rgba(228, 100, 33, 0.4), rgba(235, 121, 52, 0.68), #f28c47, #f89e5b); } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left { display: inline-block; margin-left: 150px; padding: 50px 40px; } .content-spacer.large-content-spacer { display: block; height: 160px; } .ws-right-text-block { padding-right: 60px; padding-left: 10px; } .feature-icon { -webkit-transform: translateX(50%); transform: translateX(50%); opacity:0; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .feature-icon-2 { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity:0; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .is-visible .feature-icon-2, .is-visible .feature-icon { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; -webkit-transition: transform 2000ms ease, opacity 1000ms ease; transition: transform 2000ms ease, opacity 1000ms ease; } .button-wrap-micro { padding-bottom: 60px; } .button-wrap-micro a.btn-micro.btn-blue { padding: 11px 30px; } /* .is-visible .feature-icon { -webkit-animation: slide-in-top 1s forwards; animation: slide-in-top 1s forwards; -webkit-animation-delay: 1500ms; animation-delay: 1500ms; margin-top: 0; padding-top: 1em; font-family: Raleway; color: #333; font-size: 65px; line-height: 1.1em; font-weight: 800; text-align: left; text-transform: uppercase; -webkit-transform: translateY(-150%); transform: translateY(-150%); opacity:0; display: block; padding-top: 0; } @keyframes slide-in-top { from { -webkit-transform: translateY(-150%); transform: translateY(-150%); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } */ a.btn-micro.btn-orange { border: 3px solid #40c6f1; padding: 10px 20px 8px 20px; display: inline-block; background-color: #40c6f1; color: #fff; border-radius: 2px; } a.btn-micro.btn-orange:hover { border: 3px solid #fff; display: inline-block; background-color: #fff; color: #40c6f1; } a.btn-micro.btn-orange.v2 { border: 2px solid #40c6f1; background-color: transparent; color: #40c6f1; border-radius: 2px; } a.btn-micro.btn-orange.v2:hover { border: 2px solid #40c6f1; background-color: #40c6f1; color: #fff; } .c-card-block__inner-wrap-2.c-card-block-small { background-color: #f9f9f9; box-shadow: 6px 0px 20px 2px rgba(0, 0, 0, 0.1); } .c-heading-4.h4-content-normal.h4-grey h4 { color: #333; margin-bottom: 20px; line-height: 1.5; font-size: 18px; font-family: Raleway; font-weight: 400; } .c-heading-4.h4-content-normal.h4-grey .fa { font-size: 14px; display: none; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left.feature-icon-2 { box-shadow: -6px 0px 20px 2px rgba(0, 0, 0, 0.1); } .left-text-column.row-fluid { margin-bottom: 120px; } .c-card-block__inner-wrap-2.c-card-blue { background-color: #fff; background-image: none; border: 5px solid #40c6f1; } .c-card-block__inner-wrap-2.c-card-blue h2.micro-section-headings.quote-h2 { color: #333; padding-top: 100px; } .c-card-block__inner-wrap-2.c-card-blue .p-text.p-text-white { color: #333; } .micro-template-content-text.micro-text-white strong, .micro-template-content-text.micro-text-white { color: #333; } .span6.widget-span.widget-type-custom_widget.quote-form { background-color: #f9f9f9; box-shadow: 6px 0px 20px 2px rgba(0, 0, 0, 0.1); } .c-card-block__inner-wrap-2.c-card-block-small.v3 { background-color: #333; border-left: 5px solid #40c6f1; } .body-container-wrapper { overflow: hidden; } a.btn-micro.btn-blue { margin-bottom: 10px; } .wasabi-testimonial-wrapper h2 { text-transform: none; } .c-heading-4.h4-content-normal.h4-grey.black h4 { color: #333; margin-bottom: 30px; line-height: 1.2; font-size: 18px; text-transform: none; font-weight: 600; } .column-15.last { background-color: #f4f4f4; background-image: none; } @media(max-width:1199px){ .hero-content-wrap { max-width: 560px; padding-top: 80px; padding-bottom: 40px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left { margin-left: 70px; } } @media(max-width:991px){ .template-container-1 { height: 600px; } .template-block { height: 600px; padding: 200px 30px 0px; } .hero-content-wrap { max-width: 560px; margin-left: 100px; margin-bottom: 100px; } .span12.widget-span.widget-type-cell.content-container.w-container { width: 100%; max-width: none; } .c-card-block__inner-wrap-2.c-card-block-small { width: 220px; } .c-heading-4.h4-content-normal.h4-grey h4 { line-height: 1.2; font-size: 14px; } .c-card-block__inner-wrap-2.c-card-block-small { padding-right: 20px; padding-left: 20px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left { display: inline-block; margin-left: 150px; padding-right: 20px; padding-left: 20px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left { margin-left: 50px; } .heading-9.no-uppercase { color: #333; font-size: 2.7em; text-transform: capitalize; } .micro-hero-wrapper.hp { padding-bottom: 0; } } @media(max-width:767px){ .c-card-block__inner-wrap-2 { height: 380px; } .column-15, .column-14 { height: 310px; } .column-15.last, .column-15.last .c-card-block__inner-wrap-2 { height: 400px; } .heading-9.no-uppercase { margin-top: 20px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left.feature-icon-2, .c-card-block__inner-wrap-2.c-card-block-small.c-card-right { margin-top: 0; } .mobile-hide { display: none !important; } .hero-content-wrap { max-width: 560px; margin-left: auto; margin-bottom: 100px; margin-right: auto; } .micro-hero-wrapper.hp { padding-right: 20px; padding-left: 20px; } h1 .micro-banner-heading { font-size: 50px; } .micro-hero-sub-head p { color: #333; font-weight: 300; font-size: 18px; } .slick-dots { /* margin-left: auto !important; */ /* margin-right: auto; */ /* float: none; */ width: 100%; text-align: center; left: 50%; transform: translateX(-50%); bottom: 10px; margin-left: 0 !important; } .template-slider .micro-arrows.left, .template-slider .micro-arrows.right{ height: 40px; width: 40px; bottom: 40px; } .template-slider .micro-arrows.left, .micro-arrows.right { background-size: 20px; } .template-slider .micro-arrows.right{ right: -15px; } .micro-section-headings { font-size: 2.5em; } .micro-section-subhead { font-size: 18px; } .ws-right-text-block, .ws-left-text-block { padding-left: 0; padding-right: 0; } .content-section { padding: 0 20px; } .content-container.model-one { padding-right: 0; padding-left: 0; } .micro-content-text-wrapper { width: 100%; } .c-card-block__inner-wrap-2.c-card-block-small.feature-icon, .c-card-block__inner-wrap-2.c-card-block-small.c-card-left{ width: 100%; margin-left: auto; max-width: 90%; margin-right: auto; float: none; display: block; top: -20px; } .button-wrap-micro { padding-top: 0px; padding-bottom: 60px; } .grid-set { display: grid; grid-template-rows: 2fr; grid-template-columns: 1fr; } .grid-reverse { order: 2; } .left-text-column.row-fluid { margin-bottom: 70px; } .c-heading-4.h4-content-normal.h4-grey h4 { line-height: 1.2; font-size: 16px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left.last { padding: 5% 15%; } .span6.widget-span.widget-type-custom_widget.quote-form { background-color: #f9f9f9; box-shadow: 0px 10px 14px 2px rgba(0, 0, 0, 0.1); width: 100%; top: 0; margin-top: -100px; max-width: 92%; float: none; margin-left: auto; margin-right: auto; } .c-card-block__inner-wrap-2.c-card-blue { top: -100px; height: auto; padding-top: 0px; padding-right: 20px; padding-left: 20px; } .span12 .wasabi-quotations { padding: 0 10px; position: absolute; left: 0; z-index: -1; top: -20px; height: 70px; width: 70px; opacity: 0.2; } } @media(max-width: 479px){ .micro-top-heading { font-size: 22px; } h1 .micro-banner-heading { font-size: 40px; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left.feature-icon-2.v3.last { height: auto; padding: 10%; top: -40px; margin-top: 20px; } .grid-reverse.column-15.span6.last { height: auto; } .c-card-block__inner-wrap-2.c-card-block-small.c-card-left.last { padding: 10%; } .template-block { padding: 100px 30px 0px; } .hero-content-wrap { margin-bottom: 50px; } .ws-right-text-block, .ws-left-text-block { padding-left: 0; padding-right: 0; } .content-section { padding: 0 20px; } .content-container.model-one { padding-right: 0; padding-left: 0; } .micro-content-text-wrapper { width: 100%; } .scroll-indicator.scroll-indicator--zigzag.v2 { top: -10px; } .micro-section-subhead { font-size: 16px; } .content-spacer.model-three { height: 10px; } .template-slider { margin-top: 20px; } a.btn-micro.btn-orange.slider-btn { position: absolute; bottom: 100px; left: 30px; } a.btn-micro.btn-blue.v2.slider-btn { position: absolute; bottom: 150px; left: 30px; } }