/* @import url('http://example.com/example_style.css'); */ @import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'); @import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic|Open+Sans:100,200,300,400,500,600,700,800,900|Open+Sans:100,200,300,400,500,600,700,800,900|Merriweather:300,300italic,400,400italic,700,700italic,900,900italic); @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Archivo+Black'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /********************************************************************/ /********************************************************************/ /* COPY & PASTE THE CODE GIVEN ON THE HOMEPAGE IN THE SECTION BELOW */ /********************************************************************/ /********************************************************************/ /* change your site's color here */ /* change your site's secondary color here */ /* change your site's color here */ /* change your site's secondary color here */ /* Add the font family you wish to use. You may need to import it above. */ /* This affects only headers on the site. Add the font family you wish to use. You may need to import it above. */ /* This sets the universal color of dark text on the site */ /* This sets the width of the website */ /* To make this a fixed header, change the value to "fixed" - otherwise, set it to "static" */ /* This affects all grey background sections */ /* More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */ /* For Headers; More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */ /* "0" for square edges, "10px" for rounded edges, "40px" for pill shape; This will change all buttons */ /* If your image is not to sit on the bottom of the frame, change this value to "100px", otherwise keep it at 0 */ /********************************************************************/ /********************************************************************/ /* COPY & PASTE THE CODE GIVEN ON THE HOMEPAGE IN THE SECTION ABOVE */ /********************************************************************/ /********************************************************************/ /*********************************************/ /* Do not change the values below this section */ /*********************************************/ /* This is the main color of the site */ /* this is the hover state of the main color of the site */ /* This is the secondary color of the site */ /* This is the hover state of the secondary color of the site */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ ::selection { background: #00677c; color: #ffffff; } ::-moz-selection { background: #00677c; color: #ffffff; } *:focus { outline: 2px dashed #8b2231; box-shadow: 0 0 0 4px rgba(249, 220, 92, 1); } body { font-family: Open Sans, sans-serif; margin: 0; color: #252325; overflow-x: hidden; } body, p { font-size: 18px; line-height: 1.75em; font-weight: normal; font-family: Open Sans, sans-serif !important; } body iframe { /* display: none;*/ } /*.blog iframe { display: block !important; } */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} @media (min-width: 768px) { .custom-menu-primary.js-enabled { width: 70% !important; } } .mouse_scroll { display: block; margin: 0 auto; width: 20px; height: 77px; /*margin-top: 125px;*/ cursor:pointer; position: absolute; bottom: 35px; left: 50%; margin-left: -10px; } .m_scroll_arrows { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 0 0 5px 4px; width: 13px; height: 13px; } .unu { margin-top: 1px; } .unu, .doi, .trei { animation: mouse-scroll 1.5s infinite; -webkit-animation: mouse-scroll 1.5s infinite; -moz-animation: mouse-scroll 1.5s infinite; } .unu { animation-delay:.1s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; } .doi { animation-delay: .2s; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; margin-top: -6px; } .trei { animation-delay: .3s; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; margin-top: -6px; } .mouse { height: 34px!important; width: 20px; border-radius: 14px; transform: none; border: 2px solid white; top: 170px; } .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; height: 4px; width: 4px; border: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; } .wheel { -webkit-animation: mouse-wheel 1.5s linear infinite; -moz-animation: mouse-wheel 1.5s linear infinite; animation: mouse-wheel 1.5s linear infinite; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } .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 { } .header-container-wrapper { z-index: 10; } .body-container-wrapper { /*padding-top: 0!important;*/ } .footer-container-wrapper { } .page-center { max-width: 1100px; margin: 0 auto !important; float: none !important; padding: 0 20px; } @media screen and (max-width: 1100px) { .page-center { padding: 0 20px; } } h1, h2, h3, h4, h5, h6 { font-family: Merriweather !important; line-height: 1.5em; font-weight: normal; -webkit-margin-before: 0; } h1 { font-size: 48px; color: #8b2232; } h2 { font-size: 28px; color: #8b2232; } h3 { font-size: 24px; color: #626466; } .footer h3, .footer-copyright h3, .cta-bottom-banner h3 { color: #FFF; } .footer h2 { color: #FFF; font-size: 24px !important; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } .cta-bottom-banner p { font-family: Merriweather !important; font-size: 24px; color: #FFF; line-height: 1.5em; font-weight: normal; -webkit-margin-before: 0; } .hero-text h1, .hero-text h2, .hero-text p, .banner-text-group h1, .banner-text-group h2, .banner-text-group p { font-family: 'Archivo Black', sans-serif !important; } @media all and (max-width: 767px) { h1 { font-size: 40px; } h2 { font-size: 28px; } h3 { font-size: 20px; } } @media all and (max-width: 600px) { h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } } hr { height: 3px; background-color: #bdbdbd; max-width: 100px; margin: 25px auto; float: none; border: none; } a:link, a:visited, a:active { color: #227baa; text-decoration: underline; } a:hover { color: rgba(25, 56, 75, .7); text-decoration: none; } /* custom anchor handle */ /************************/ .body-container .row-fluid-wrapper[role="region"] a { text-decoration: underline !important; } .body-container .row-fluid-wrapper[role="region"] .span3 a, .body-container .row-fluid-wrapper[role="region"] .span4 a, .social-icons a { text-decoration: none !important; } .post-cta { text-decoration: underline !important; } .products h3 a { color: #8b2232 !important; } .body-container .row-fluid-wrapper[role="region"] .products-specialized h3 a { text-decoration: none !important; } .blog .body-container .row-fluid a.post-item-link { text-decoration: none !important; } /****************************/ /* end custom anchor handle */ .underline--special { background-image: linear-gradient(#ffedec, #ffedec); border-bottom: 1px dashed #b06e69; background-repeat: no-repeat; background-size: 100% 0.2em; background-position: 0 110%; transition: background-size 0.25s ease-in; } .underline--special:hover { background-size: 100% 88%; } ul { -webkit-padding-start: 20px; } img { height: auto; width: auto; } .widget-type-raw_jinja { min-height: 0 !important; } .fa-pulse { -webkit-animation: fa-spin .9s infinite steps(8); animation: fa-spin .9s infinite steps(8); } .hs_cos_wrapper_type_custom_widget, .widget-type-custom_widget { min-height: 0!important; } .banner-overlay { padding: 0 0 200px; background: rgba(11, 47, 61, 0.75); position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .banner-text-group { padding: 230px 0 170px; } .banner-text-group { padding-bottom: 115px!important; } @media (max-width: 767px) { .banner-text-group { padding: 130px 0 0; } .town-insurance-listings { width: 335px !important; float: none !important; margin: 30px auto !important; } /* .banner-overlay, .hero-overlay { position: relative !important; } */ .home .mid-page-cta .image-cta-section-content { padding-top: 0 !important; padding-bottom: 0 !important; } .banner-overlay .widget-type-global_group { height: 120px; } .banner-text-group h1, .banner-text-group p { font-size: 28px !important; } } /* @media (max-width: 490px) { .banner-overlay, .hero-overlay { background: none !important; } } */ @media (min-width: 768px) and (max-width: 1400px) { .footer .page-center { width: 90%; } } /* ========================= */ /* HEADER */ /* ========================= */ a.skip-to-content { padding: 6px; position: absolute; top: -60px; left: 0px; color: #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-radius: 8px; background: #8b2231; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 100; } a.skip-to-content:focus, a.skip-to-content:active { position: absolute; left: 0px; top: 0px; outline-color: transparent; -webkit-transition: top .1s ease-in; transition: top .1s ease-in; } .page-header { background-color: rgba(255,255,255,0); position: fixed; padding: 15px 0 15px; width: 100% !important; z-index: 50; } .page-header .page-center { max-width: 1500px !important; } @media (max-width: 767px) { .page-header { position: fixed; padding: 0 0 10px; } } .page-header .row-fluid [class*="span"] { min-height: 0px !important; } .page-header .page-center { position: relative; } #page-header { position: fixed; background-color: #FFF; } @media all and (max-width: 767px) { .page-header, #page-header { position: relative !important; margin-bottom: 190px; } .hero { background-color: #FFF !important; height: auto !important; /* background-position: right 66px !important; */ } .home .mid-page-cta { padding: 50px 0 !important; } } .page-header-scroll { background-color: rgba(255,255,255,.95); padding: 0; position: absolute; top: 0; z-index: 50; } .lp-noheader .company-logo img { max-height: 45px !important; width: auto !important; } .page-header-scroll .company-logo img { /* height: 30px !important; padding-top: 4px; */ width: initial !important; height: auto !important; } .company-logo { -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .company-logo img { -webkit-transition-property: height, width; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } @media all and (max-width: 767px) { .company-logo img { height: 30px !important; width: auto !important; padding-top: 7px; } } @media all and (max-width: 315px) { .company-logo img { height: 24px !important; } } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { color: #8b2232; padding: 15px 0; font-size: 17px; line-height: 25px; font-weight: 700; text-transform: capitalize; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } /* .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { color: #681723; } */ .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active-branch a { border-bottom: 2px solid #8b2232 !important; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active-branch ul li a { border-bottom: none !important; } @media (min-width: 768px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { color: #8b2232; } } .page-header-scroll .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { color: #8b2232; } .page-header-scroll .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a:hover { color: #681723; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div { background: transparent; border-radius: 10px; position: relative; margin: -7px 0; padding: 5px 10px; font-size: 13px; font-weight: 600; text-align: center; letter-spacing: .08em; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div { color: #fff; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div { background: transparent; color: #76da61; border-radius: 10px; border: 2px solid #76da61; position: relative; margin: -7px 0; padding: 5px 10px; font-size: 13px; font-weight: 600; text-align: center; letter-spacing: .08em; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div { background-color: #76da61; color: #fff; } @media screen and (min-width: 768px) { .custom-menu-primary { } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: right; position: relative; height: 60px; margin-top: 10px; top: 50%; right: 0; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { background-color: #f1f1f1; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper { background-color: #f1f1f1; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 800px; left: -360px; top: 77px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { height: 550px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper { background-color: #f1f1f1; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 600px; left: -322px; top: 77px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { top: 77px; } } @media screen and (max-width: 1480px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { top: 75px; } } .submenuheader { font-size: 14px; border-bottom: 2px solid #dddbdb; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { margin-right: 30px; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul:first-child > li { position: relative; } @media (max-width: 1060px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul:first-child > li:before { left: -8px; } } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul:first-child > li:first-child:before { content: ""; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child { margin-right: 0; } /*.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a { border-bottom: 0 solid #76da61; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out;*/ } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch a, .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover { /*padding-bottom: 12px; border-bottom: 3px solid #76da61;*/ } /* .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active a, .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover { border-bottom: 3px solid #8b2232; } */ /* .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch:last-child a { border-bottom: 0px solid #76da61 !important; } */ .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch ul li a { padding-bottom: 15px; border-bottom: none; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover div { -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li a { color: #8b2232; font-size: 12px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li a:hover { /*padding-bottom: 15px; border-bottom: 0 solid #76da61;*/ color: #681723; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { padding: 0 10px; width: 200px; z-index:50; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover { /*border-left: 3px solid #76da61; background-color: #f7f7f7; padding-left: 7px*/ } @media (min-width: 768px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover { border-left: none !important; width: 160px; float: left; } } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a:hover { padding-bottom: 15px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul li:hover { /*border-left: 3px solid #76da61; background-color: #f7f7f7;*/ } .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: 0px; top: 41px; background-color: #f1f1f1; height: 650px; border-left: 1px solid #dddbdb; width: 200px; } .page-header-scroll .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { top: 70px; } .page-header-scroll .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { top: 45px; } .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:first-child { border-left: none; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(2):hover ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(3):hover ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(2):hover ul.hs-menu-children-wrapper li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper li:nth-child(2) a { padding-left: 34px !important; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width: 180px !important; float: left; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width: 100% !important; } .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 { width: 100%; height: auto !important; } .submenuheader { font-weight: bold !important; font-size: 16px !important; color: #8b2232 !important; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { padding: 0; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul:first-child > li:before { content: ""; } } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { min-width: 0px; white-space: normal; width: auto !important; max-width: none !important; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a { padding: 10px 0; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a:hover { /*padding: 10px 0;*/ } } @media screen and (min-width: 900px) and (max-width: 1100px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { margin-right: 20px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child { margin-right: 20px; } } @media screen and (min-width: 768px) and (max-width: 1060px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { margin-right: 11px; } } @media all and (min-width: 1152px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-size: 15px !important; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { margin-right: 24px !important; } } @media screen and (min-width: 866px) and (max-width: 1151px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-size: 12px !important; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { margin-right: 13px !important; } } @media screen and (min-width: 767px) and (max-width: 865px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-size: 11px !important; } } @media all and (max-width: 767px) { .custom-menu-primary .hs-menu-flow-horizontal ul li a { padding: 15px 10px !important; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div { max-width: 150px; } .footer { text-align: center; } .footer .footer-block img{ margin: 0 auto 20px 0 !important; float: none !important; } } .top-header { padding: 2px; height: 32px; background-color: ; color: #fff; } @media all and (max-width: 767px) { .top-header { display: none !important; } } .top-header .social-icons { float: right; } .top-header .social-icons a { margin-right: 25px; } .top-header .social-icons a:last-child { margin-right: 0; } .top-header .social-icons a:link { color: #fff; } .top-header .social-icons a:active { color: #fff; } .top-header .social-icons a:visited { color: #fff; } .top-header .social-icons a:hover { color: #fff; text-decoration: underline; } .footer .social-icons { color: #d2d2d2; margin-top: 5px; } .footer .footer-bottomright-image img { max-width: 70px; width: 100%; } .footer .social-icons a { margin-right: 25px; } .footer .social-icons a:last-child { margin-right: 0; } .footer .social-icons a:link { color: #d2d2d2; } .footer .social-icons a:active { color: #d2d2d2; } .footer .social-icons a:visited { color: #d2d2d2; } .footer .social-icons a:hover { color: #19384b; text-decoration: underline; transition: color .3s ease-in-out; } .top-header ul { -webkit-margin-before: 0; -webkit-margin-after: 0; } .top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a { color: #fff; font-size: 13px; line-height: 26px; font-weight: 400; padding: 0; margin-right: 20px; } .top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a { margin-right: 0; } /* ========================= */ /* FOOTER */ /* ========================= */ .footer { background-color: #626466; color: #FFF; padding: 50px 0; } .footer, .footer p { font-size: 13px; line-height: 1.5em; } .footer h1 { font-size: 36px; line-height: 1.5em; } .footer h2 { font-size: 30px; line-height: 1.5em; } .footer h3 { font-size: 24px; line-height: 1.5em; } .footer h4 { font-size: 18px; line-height: 1.5em; } .footer-block { } .footer-block a { color: #ffffff !important; } .footer .widget-type-post_listing ul { list-style-type: none; -webkit-padding-start: 0; } .footer .widget-type-post_listing ul li { margin-bottom: 15px; } .footer-copyright { background-color: #626466; color: #FFF; padding: 20px 0; } .page-footer-copyright { text-align: center; } /* ========================= */ /* BUTTONS & CTAS */ /* ========================= */ .cta-container { margin-top: 20px; } .cta-button { margin-top: 20px; width: auto !important; background: rgba(0,0,0,0) !important; display: inline-block; text-align: center; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .cta-button:hover { background: rgba(0,0,0,0) !important; } .filled-button { border: 3px solid #76da61; background: #76da61; border-radius: 10px; padding: 15px 25px; color: #fff !important; font-size: 24px; font-weight: normal; display: inline-block; text-align: center; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .filled-button:hover { background: rgba(118, 218, 97, .7); border-color: rgba(118, 218, 97, .7); } .home.one .filled-button:hover { background: transparent; color: #76da61; border-color: #76da61; } .bordered-button { border: 3px solid #76da61; padding: 15px 25px; border-radius: 10px; color: #76da61 !important; background: transparent; font-size: 24px; font-weight: normal; display: inline-block; text-align: center; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .bordered-button:hover { background: #76da61; color: #fff !important; } .bordered-button-primary { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 24px; font-weight: normal; display: inline-block; text-align: center; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .bordered-button-primary:hover { background: #19384b; color: #fff !important; } .bordered-button-white { border: 3px solid #fff; padding: 15px 25px; border-radius: 10px; color: #fff !important; background: transparent; font-size: 24px; font-weight: normal; display: inline-block; text-align: center; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .bordered-button-white:hover { background: #fff; color: #19384b !important; } @media all and (max-width: 600px) { .filled-button, .bordered-button, .bordered-button-primary, .bordered-button-white { /*float: left; */ margin: 10px 10px 10px 0; } } .hero-overlay { background: rgba(11, 47, 61, 0.75); top: 0; left: 0; width: 100%; height: 100%; /* background: -webkit-linear-gradient(-45deg, 0%, ) 100%); background: linear-gradient(135deg, 0%, 100%); */ } /* ========================= */ /* HOME */ /* ========================= */ .hero { color: #fff; background-color: #444444; background-size: cover; background-repeat: no-repeat; position: relative; } .home .banner-text-group { padding: 257px 0 58px 0; text-align: center; } .home .banner-text-group h1 { color: #FFF; font-size: 48px; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.45); } .banner-text-group h1, .banner-text-group h2, .banner-text-group p { color: #FFF; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.45); } @media all and (max-width: 767px) { .hero { background-attachment: scroll !important; /* background-size: 100% auto; */ } .home.one .hero-font-group { display: none; } .home.one .hero-overlay { padding: 0 !important; } .home.one .banner-text-group { display: none; } } .home.one .header { display: none; } /* .home.one .hero-overlay { padding: 250px 0; padding-top: 0px; } */ .stats-overlay { padding: 130px 0; } .home.one .hero-font-group { padding-top: 250px; } .hero .header { text-align: left; } .hero-text { font-size: 20px; } .hero .header h1 { -webkit-margin-before: 0; -webkit-margin-after: 0; text-transform: none; } .light-hero { padding: 150px 0; padding-top: 150px; } .home .about-section { background-color: #f9f7f7; padding: 70px 0 30px 0; } .about-section-headers h2, .about-section-header h3, .about-section-headers h4, .about-section-headers h5, .about-section-headers h6 { -webkit-margin-after: 40px; } .about-section-icons { margin-top: 6px; } .home .about-element { } .second-testimonial-image { float: right !important; } .testimonial-image { border-radius: 0 !important; } .testimonial-image:first-child { transform:rotate(180deg); } .home .full-width-light-grey-bg.content-section.tidbits-section { padding-bottom: 40px; } .home .testimonial-section { background-color: #8b2332; color: #FFF; } .home .testimonial-section h2 { color: #FFF; } .circle-border { border: 2px solid #19384b; background-color: rgba(0,0,0,0); border-radius: 50%; } .icon-wrapper { height: 220px; width: 220px; margin: 0 auto 30px !important; float: none!important; } @media (max-width: 920px) and (min-width: 768px) { .icon-wrapper { height: 180px; width: 180px; } } .font-awesome-icon { color: #19384b; height: 100px; width: 100px; font-size: 80px; text-align: center; vertical-align: middle; margin: 34px auto!important; float: none!important; } .icon-wrapper-stats { height: 150px; width: 150px; margin: 0 auto 30px !important; float: none!important; } .font-awesome-icon-stats { color: #76da61; height: 100px; width: 100px; font-size: 80px; text-align: center; vertical-align: middle; margin: 34px auto!important; float: none!important; } .stat-image img { max-height: 110px; } .home .mid-page-cta .image-cta-section-content { padding-bottom: 50px; padding-top: 50px !important; } .home .mid-page-cta .cta-section-text h4, .home .mid-page-cta .cta-section-text p { margin: 0; } .home .mid-page-cta .cta-image { text-align: center; } .home .fun-facts-section { background-color: #444444; color: #ffffff; /*padding: 130px 0;*/ background-size: cover; background-repeat: no-repeat; } @media all and (max-width: 767px) { .home .fun-facts-section { background-attachment: scroll !important; } } .fun-facts-section-headers { } .home .fun-facts-section h3 { color: #969696; } .home .fun-fact-piece { text-align: center; } .home .fun-facts-section .ff-item { font-size: 40px; color: #FFF !important; } @media all and (max-width: 767px) { .home .fun-fact-piece { margin-top: 30px; } } .blog-tri-section { background-color: #444444; } .home .blog-list-section { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,.2); padding: 60px 0; } .blog-section-headers { margin-bottom: 40px; } .blog-section-underheaders { margin-top: 60px; } .home.one a.hs-rss-title { color: #313334; line-height: 1.16667em; } .home.one a.hs-rss-title:hover { color: #76da61; } .home.one .hs-rss-item .hs-rss-description p { font-size: 20px; line-height: 1.59091em; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-description a { background: #76da61; border: 3px solid #76da61; border-radius: 10px; padding: 8px 26px; color: #fff !important; font-size: 24px; font-weight: normal; display: block; margin-top: 28px; max-width: 132px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-description a:hover { background: rgba(118, 218, 97, .7); border-color: rgba(118, 218, 97, .7); } .home.one .rss-container { max-width: 1500px; margin: 0 auto !important; float: none !important; } .home.one .hs-rss-item { margin-bottom: 0; } .home.one .hs-rss-item.hs-with-featured-image { background-color: #f1f1f1; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 50%; float: right; padding: 84px 84px; text-align: left; } @media all and (max-width:1200px) { .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 64px; } } @media all and (max-width: 1000px) { .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 40px; } } .home.one .hs-rss-item.hs-with-featured-image:nth-child(odd) .hs-rss-item-text { float: left; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text .hs-rss-title { font-size: 26px; line-height: 1.5em; font-weight: 700; height: 140px; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { width: /*100%;*/ 50%; overflow: hidden; float:left; } .home.one .hs-rss-item.hs-with-featured-image:nth-child(odd) .hs-rss-item-image-wrapper { float: right; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image { height: 475px; width: auto; min-width: 100%; max-width: none; } @media (max-width: 767px) { .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper, .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text { clear: both; width: 100%; } .home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image { max-width: 100%; height: auto; } } .recent-blog-items { width: 28.9%; float: left; display: block; position: relative; padding: 10px; border: solid 1px #ddd; margin-left: 2%; } .recent-blog-items:first-child { margin-left: 0; } .recent-blog-items .post-item{ height: 100%; width: 100%; margin: 0 0 20px 0; height: 200px; } .recent-blog-items .post-title h3 { font-size: 20px !important; font-weight: 800 !important; line-height: 1.5em !important; /* text-transform: uppercase; */ color: #8b2232; text-decoration: none; } .recent-blog-items .post-text p, .recent-blog-items .post-text a { line-height: 1.75em; font-size: 18px; color: #444; } .recent-blog-items a { color: 444; text-decoration: none !important; } .recent-blog-items .post-cta { margin: 0 auto !important; float: none !important; color: #1c1c1c; font-weight: bold; } .home .testimonials-section { color: #fff; padding: 30px; } @media all and (max-width: 767px) { .home .blog-tri-section { background-attachment: scroll !important; } } .testimonial-box { padding: 80px; } @media all and (max-width: 1200px) { .testimonial-box { padding: 40px; } } @media all and (max-width: 767px) { .testimonial-box { padding: 80px; } } @media all and (max-width: 600px) { .testimonial-box { padding: 40px; } } .home .testimonial-box h3 { font-size: 25px; text-transform: none; } .home .testimonial-box h4 { font-size: 20px; color: rgba(255,255,255,.5); font-style: italic; text-transform: none; } .home .brands-section { padding: 30px 0; } @media (max-width: 767px) { .recent-blog-items { width: 85%; margin: 20px auto !important; float: none !important; } .recent-blog-items .post-title h4 { font-size: 22px; } .recent-blog-items .post-text p, .recent-blog-items .post-text a { line-height: 1.5em; font-size: 16px; } } .brands-section ul { list-style-type: none; } .brands-section ul li { border: 1px solid #ddd; border-bottom: none; border-left: none; float: left; width: 24%; text-align: center; margin: 0; } .brands-section ul li:hover { background-color: #76da61; } .brands-section ul li img { max-height: 90px; height: 90px; padding: 66px; } .brands-section ul li:first-child, .brands-section ul li:nth-child(2), .brands-section ul li:nth-child(3), .brands-section ul li:nth-child(4) { border-top: none; } .brands-section ul li:nth-child(4n+4), .brands-section ul li:last-child { border-right: none; } @media (max-width: 960px) { .brands-section ul li, .brands-section ul li:nth-child(4n+4) { width: 32.3%; border: 1px solid #ddd; border-bottom: none; border-left: none; } .brands-section ul li:first-child, .brands-section ul li:nth-child(2), .brands-section ul li:nth-child(3), { border-top: none; } .brands-section ul li:last-child { border-right: 1px solid #ddd; } .brands-section ul li:nth-child(3n+3) { border-right: none; border-top: none; border-bottom: 1px solid #ddd; } .brands-section ul li:last-child { border-bottom: none; } .brands-section ul li img { padding: 66px 72px; } } @media (max-width: 767px) { .brands-section ul li, .brands-section ul li:nth-child(4n+4), .brands-section ul li:nth-child(3) { width: 49%; border: 1px solid #ddd; border-bottom: none; border-left: none; } .brands-section ul li:last-child { border-right: 1px solid #ddd; } .brands-section ul li:nth-child(2n+2) { border-right: none; border-top: none; border-bottom: 1px solid #ddd; } .brands-section ul li:last-child { border-bottom: none; } .brands-section ul li img { padding: 66px 0px; } } @media (max-width: 550px) { .brands-section ul li, .brands-section ul li:nth-child(4n+4), .brands-section ul li:nth-child(3), .brands-section ul li:nth-child(2n+2), .brands-section ul li:first-child { width: 100%; border: 1px solid #ddd; border-top: none; } /*.brands-section ul li img { padding: 66px 175px; }*/ } @media (max-width: 550px) { .brands-section ul li:first-child { width: 100%; border-top: 1px solid #ddd; } } @media (max-width: 550px) { .brands-section ul li:last-child { width: 100%; border-bottom: 1px solid #ddd; } } .more-solutions-section { background-color: #ffffff; padding: 130px 0; } .home .more-solutions-content { } .home .more-solutions-content h2 { -webkit-margin-before: 0; } .cta-bottom-banner { background-color: #8b2232 !important; padding:30px 0; color: #ffffff; } .coversmart-bottom-banner { background-color: #00677c !important; padding: 30px 0; color: #ffffff; } .coversmart-content-banner { background-color: #f8f6f7 !important; padding: 30px 0; color: #ffffff; } .coversmart-cta { display: inline block; font-size: 24px; font-weight: normal; text-align: center; background: rgb(0,103,124); border-radius: 6px; border-width: 0px; color: rgb(255,255,255) !important; font-family: sans-serif; height: auto; transition: all .4s ease; padding: 15px 18px; text-shadow: none; width: auto; line-height: 1.5em; } .coversmart-cta:hover { color: #fff; background: rgba(0,103,124, .9) } .announcement-banner { background-color: #00677c !important; padding: 30px 0; color: #ffffff; float: left; display: block; position: relative; overflow: hidden; width: 100%; } .announcement-banner h1, .announcement-banner h2, .announcement-banner h3, .announcement-banner h4, .announcement-banner h5 { color:#FFF; } .bottom-cta-right { text-align: right; margin: 0; } @media all and (max-width: 767px) { .bottom-cta-right { text-align: left; } } .new-about .banner-text-group { padding: 240px 0 150px; } .new-about .mid-page-cta { padding-top: 0 !important; } .new-about .awards-section { padding: 30px 0; } .new-about .first-fact { background: -moz-linear-gradient(top, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%, rgba(185,185,185,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%,rgba(185,185,185,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%,rgba(185,185,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f7f7', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */ } .new-about .second-fact { background: -moz-linear-gradient(top, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%, rgba(185,185,185,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%,rgba(185,185,185,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%,rgba(185,185,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f7f7', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */ } .new-about .third-fact { background: -moz-linear-gradient(top, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%, rgba(185,185,185,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%,rgba(185,185,185,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(249,247,247,0) 0%, rgba(249,247,247,0.7) 70%, rgba(186,186,186,1) 99%,rgba(185,185,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f7f7', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */ } .new-about .first-image-box, .new-about .second-image-box, .new-about .third-image-box { } .new-about .first-text-box, .new-about .second-text-box, .new-about .third-text-box { padding: 20px; } @media (min-width: 767px) { .new-about .first-text-box, .new-about .third-text-box { padding: 70px 10% 40px 40px; } .new-about .second-text-box { padding: 70px 40px 40px 10%; } } @media (max-width: 1220px) { .new-about .first-text-box, .new-about .third-text-box { padding: 40px 4% 40px 40px; } .new-about .second-text-box { padding: 40px 40px 40px 4%; } .new-about .first-image-box, .new-about .second-image-box, .new-about .third-image-box { margin-top: 5%; } } @media (max-width: 1000px) and (min-width: 768px) { .new-about .first-image-box, .new-about .second-image-box, .new-about .third-image-box { margin-top: 10%; } } .new-about .fun-facts-section-headers h2 { color: #FFF; font-weight: bold; } .biz-top .header, .product-pages .header, .resources .header { background: none; } .biz-top .banner-text-group { /*padding: 230px 0 170px;*/ padding-top: 100px; } .biz-top .header h1 { font-size: 55px; text-align: center; } .biz-top .biz-icons .hs_cos_wrapper_type_rich_text { border-radius: 3px !important; background-color: #F9F7F8; box-shadow: 5px 0px 4px #BABABA; margin: 25px 0 !important; } .biz-top .specialized-section { padding: 40px 0; background-color: #F9F7F8; } .products-specialized { border-radius: 3px !important; background-color: #FFF; box-shadow: 5px 0px 4px #BABABA; margin: 15px 0 !important; display: inline-block; padding: 20px; border: 1px solid #bababa; } @media (max-width: 1160px) and (min-width: 970px) { .products-specialized { min-height: 320px !important; } } @media (max-width: 969px) and (min-width: 768px) { .products-specialized { min-height: 362px !important; } } @media (min-width: 1161px) { .products-specialized { min-height: 270px !important; } } .specialized-image { width: 30%; float: left; padding-top: 30px; } .specialized-text { width: 65%; float: left; margin-left: 3%; } .specialized-text h3, .industry h3 { font-size: 24px; margin-bottom: 5px; line-height: 1.25em; } .specialized-text p { margin-top: 0; } .industry .content-section h3 { color: #8b2232; font-weight: bold; } .industry-top-cta { position: relative; } .industry-image { display: block; width: 100%; height: auto; } @media (min-width: 960px) { .industry-image-overlay { font-size: 30px; } } .industry-image-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .industry-image-overlay h2 { margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #FFF; width: 100%; font-family: 'Archivo Black', sans-serif !important; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.45); text-align: center; } .industry-image-overlay:hover { position: absolute; top: 0; height: 100%; width: 100%; background: rgba(139, 34, 50, 0.5); } .product-specialist-box { border-radius: 3px !important; background-color: #F9F7F8; box-shadow: 5px 0px 4px #BABABA; padding: 20px; border: 1px solid #bababa; } .product-specialist-box h3 { font-weight: bold; } .product-specialist-box img { max-width: 200px; max-height: 200px; width: auto; height: auto; } .product-specialist-box h4 { color: #8b2232; font-size: 1.25em; margin-bottom: 10px; } .product-specialist-box p { font-size: 0.85em; } @media (max-width: 767px) { .industry-top-cta:first-child { margin-bottom: 40px; } .product-specialist-box { margin-bottom: 30px; } .flex { -webkit-transform: scaleY(-1); transform: scaleY(-1); } } .biz-testimonials { margin-top: 50px; } @media (min-width: 768px) { .footer-form-group { padding-right: 30px; } } .footer .page-center:first-child { margin-bottom: 30px !important; } .footer .second-roww { padding: 30px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .footer-form .hs-button.primary { width: auto !important; min-width: 0 !important; padding: 10px; font-size: 16px; color: #FFF !important; background-color: #8b2232; border: none; } .footer-form-group .hs-form.stacked { margin-top: 0 !important; } .footer-links a { color: #FFF !important; padding: 5px 0 !important; } /* ========================= */ /* PAGE */ /* ========================= */ .top-section { } .header { text-align: center; } .content-section { padding: 50px 0; } .lesser-content-section { padding: 50px 0; } .content-section-flat-top { padding: 0 0 100px; } .full-width-white-bg { background: #ffffff; } .full-width-light-grey-bg { background: #f7f7f7; } .full-width-secondary-bg { background: #76da61; } .full-width-primary-bg { background: #19384b; } .full-width-gradient-bg { background: -webkit-linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%); background: linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%); background: -webkit-linear-gradient(105deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%); background: linear-gradient(-15deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%); } .page-banner-hero { color: #fff; background-color: #8b2232; /*padding: 50px 0; padding-top: 50px;*/ background-size: cover; background-repeat: no-repeat; min-height: 550px !important; position: relative; } @media all and (max-width: 767px) { .page-banner-hero { background-attachment: scroll !important; background-color: #FFF !important; height: auto !important; /* background-position: right 66px !important; background-size: 100% auto !important; */ min-height: 350px !important; } .banner-overlay, .banner-text-group { padding: 0 !important; } .content-section { padding-top: 20px !important; } } .page-banner-hero .header { text-align: left; } .page-banner-hero .header h1 p { font-size: 48px; -webkit-margin-before: 0; -webkit-margin-after: 0; text-transform: uppercase !important; text-align: center; } @media (max-width: 456px) { .page-banner-hero .header h1 { font-size: 50px; } } @media (max-width: 389px) { .page-banner-hero .header h1 { font-size: 45px; } } @media (max-width: 356px) { .page-banner-hero .header h1 { font-size: 40px; } } .center-image { text-align: center; } .page-sidebar { } .page-content { } .left-column-area { } .middle-column-area { } .right-column-area { } @media all and (min-width: 768px) { .with-sidebar .page-sidebar { float: right; } .with-sidebar .page-content { float: left; padding-right: 20px; } .page-content-left { padding-right: 10px; } .page-content-right { padding-left: 10px; } } @media (max-width: 502px) { .with-sidebar .page-content img { float: none !important; } } .page-sidebar .hs_cos_wrapper_type_post_listing ul { list-style-type: none; -webkit-padding-start: 0; } .page-sidebar .hs_cos_wrapper_type_post_listing ul li { margin-bottom: 15px; } .page-sidebar .hs_cos_wrapper_type_post_listing ul li a { color: #252325; } .page-sidebar .hs_cos_wrapper_type_post_listing li { position: relative !important; padding-left: 20px !important; } .page-sidebar .hs_cos_wrapper_type_post_listing li:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; content: "\f105"; font-size: 28px; color: #19384b; } .call-back-gradient { background: -webkit-radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* Safari 5.1-6.0 */ background: -o-radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* For Opera 11.6-12.0 */ background: -moz-radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* For Firefox 3.6-15 */ background: radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* Standard syntax */ } .about .top-call-back { color: #fff; } .about .top-icons-section { background-color: #ffffff; padding: 100px 0; } .tidbits-section h2, .tidbits-section h3 .tidbits-section h4, .tidbits-section h5, .tidbits-section h6 { -webkit-margin-after: 20px; } .about .tidbit img { border-radius: 50%; } .about .tidbit { border: 1px solid #252325; border-radius: 10px; padding: 30px; } @media all and (min-width: 768px) { .about .page-content-left { padding-right: 20px; } .about .page-content-right { padding-left: 20px; } } @media (max-width: 767px) { .banner-text-group { padding: 130px 0 0; } .product-form { margin: 40px 0 60px 0; } .product-bottom-form { padding-top: 60px; } .contact .full-header, .lp-noheader .full-header { height: 50px; } .contact .banner-text-group, .lp-noheader .banner-text-group { padding: 0 !important; display: none !important; } .contact .content-section, .lp-noheader .content-section { padding-top: 0px !important; } .lp-noheader .page-banner-hero { background-image: none !important; background-color: #FFF !important; min-height: 0px !important; } .lp-noheader .banner-overlay { padding-bottom: 0 !important; } .flex { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .contact-form { padding-top: 50px; } .about .banner-overlay { padding: 0 0 200px; } .about .banner-text-group { padding: 200px 0 0; } } .product-pages .intro-section { padding: 50px 0 100px 0; } .banner-overlay { padding: 0 !important; } .header h1 { text-align: center; font-weight: bold; color: #FFF; padding: 30px; text-transform: uppercase !important; } .header h2 { text-transform: uppercase !important; text-align: center; font-size: 48px; } @media (max-width: 767px) { .about .big-image1 { margin: 25px 0; } .product-pages .banner-text-group { display: none !important; } .banner-text-group { display: none !important; } } .about .small-image1 { padding: 0 0 15px 0; } .about .small-image2 { padding: 15px 0 0 0; } @media (max-width: 1279px) { .about .small-image1 { padding: 0 0 12px 0; } .about .small-image2 { padding: 12px 0 0 0; } } @media (max-width: 767px) { .about .big-image2 { margin: 25px 0; } } .about .small-image3 { padding: 0 0 15px 0; } .about .small-image4 { padding: 15px 0 0 0; } @media (max-width: 1279px) { .about .small-image3 { padding: 0 0 12px 0; } .about .small-image4 { padding: 12px 0 0 0; } } .about .image-group { padding: 20px 0; } .locations-bottom-form { max-width: 500px; margin: 40px auto !important; float: none !important; padding: 0 30px; } .services .top-icons-section { background-color: #ffffff; padding: 100px 0; } .services .top-element { } .services .icon-column { padding: 0 12px; } .services .back-and-forth-section { background: -webkit-linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%); background: linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%); background: -webkit-linear-gradient(105deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%); background: linear-gradient(-15deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%); } .services .back-and-forth { position: relative; } .services .back-and-forth .hs_cos_wrapper_type_rich_text { max-width: 70%; display: block; clear: both; text-align: justify !important; margin-bottom: 100px; } .services .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) { float: right; } .services .back-and-forth .hs_cos_wrapper_type_rich_text:last-child { margin-bottom: 0; } @media all and (max-width: 480px) { .services .back-and-forth .hs_cos_wrapper_type_rich_text { max-width: 100%; } .services .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) { float: none; } /* .page-banner-hero, .hero { background-position: right 130px !important; } */ .services .services-bullets-container { max-width: 1500px; margin: 0 auto !important; float: none !important; } } @media all and (max-width: 1500px) { .services .services-bullets-container { padding: 0 20px; } } .services .why-us-bullets .hs_cos_wrapper_type_rich_text { position: relative; max-width: 90%; margin-top: 40px; padding-left: 50px; } .services .why-us-bullets .hs_cos_wrapper_type_rich_text:before { font-family: FontAwesome; content: '\f013'; color: #19384b; vertical-align: middle; font-size: 40px; position: absolute; top: 15px; left: 0; } .services .services-image-section-text-container { } .services-image-section-text-container h1, .services-image-section-text-container h2, .services-image-section-text-container h3, .services-image-section-text-container h4, .services-image-section-text-container h5, .services-image-section-text-container h6 { -webkit-margin-after: 10px; } .services-image-section-text-container p { -webkit-margin-before: 0; } .services .services-image-section-text .hs_cos_wrapper_type_rich_text { margin-top: 40px; } .services .center-image { position: relative; } .services .center-image img { position: absolute; top: 50%; right: 0; left: 0; margin: auto; } .sercvice-image-icon img { width: 100% !important; } .team .team-listing .hs_cos_wrapper_type_rich_text { margin-top: 100px; } .team .team-listing h3, .team .team-listing h4 { -webkit-margin-after: 0; } .team .page-content img { width: 100% !important; } @media (max-width: 767px) { .team .ceo-image img { display: block; margin: 0 auto!important; float: none!important; } } .team .ceo-message p { font-size: 28px; } @media (max-width: 975px) { .team .ceo-message p { font-size: 25px; } } @media (max-width: 786px) { .team .ceo-message p { font-size: 22px; } } /*.team .lesser-content-section img { border-radius: 50%; }*/ .team .employees-list p { margin: 0; } .team .employees-list hr { border-top: 2px dotted #696969; max-width: 100% !important; background: none !important; } .team-box { box-shadow: 0 0 5px rgba(0,0,0,0.2); background-color: #f9f7f8; padding: 10px; width: 85% !important; float: none !important; margin: -40px auto 0 !important; position: relative; z-index: 3; border-radius: 5px; } .employees-list a:hover { color: inherit; } /* a.administration-readmore, a.claims-readmore, a.benefits-readmore, a.transportation-readmore, a.hospitality-readmore, a.personalcommercial-readmore, a.nationalacc-readmore, a.accounting-readmore, a.marketing-readmore { cursor: pointer; } .administration-full, .claims-full, .benefits-full, .transportation-full, .hospitality-full, .personalcommercial-full, .nationalacc-full, .accounting-full, .marketing-full { display: none; } .administration.show .administration-full, .claims.show .claims-full, .benefits.show .benefits-full, .transportation.show .transportation-full, .hospitality.show .hospitality-full, .personalcommercial.show .personalcommercial-full, .nationalacc.show .nationalacc-full, .accounting.show .accounting-full, .marketing.show .marketing-full { display: block !important; } .administration h2:before, .claims h2:before, .benefits h2:before, .transportation h2:before, .hospitality h2:before, .personalcommercial h2:before, .nationalacc h2:before, .accounting h2:before, .marketing h2:before { content: "\f0da"; font-family: FontAwesome; margin-right: 20px; } .administration.show h2:before, .claims.show h2:before, .benefits.show h2:before, .transportation.show h2:before, .hospitality.show h2:before, .personalcommercial.show h2:before, .nationalacc.show h2:before, .accounting.show h2:before,.marketing.show h2:before { content: "\f0d7" !important; } */ @media (max-width: 767px) { .team-box { max-width: 380px; margin-bottom: 50px !important; } .team-title { text-align: center; border-right: none; } } .team-title { padding: 5px; } .team-title h3 { margin-bottom: 0; font-size: 1em; font-weight: 600; color: #8b2232; } .team-title h4 { margin-bottom: 0; font-size: .8em; font-weight: 600; color: #8b2232; } .team-title p { margin-bottom: 0; font-size: 12px; color: #414042; } .team-social { padding: 5px; } .team-social img { margin-right: 5px; margin-left: 5px; vertical-align: middle; } .team-social a { padding: 5px; } .case-studies .cs-listing { padding-bottom: 100px; } .case-studies .cs-listing .hs_cos_wrapper_type_rich_text { margin-top: 100px; } .case-studies .cs-listing h3, .team .team-listing h4 { -webkit-margin-after: 0; } .case-studies .content-section img { border-radius: 50%; } .case-study h1 { font-size: 48px; } .case-study .header-content { padding:5px 0; } .case-study .upper-box { background-color: #76da61; color: white; padding:10px 0; } .case-study .upper-box p { font-size: 20px; } .case-study .lp-section-header { text-align: center; } .case-study .image-banner img { z-index: -1; overflow: hidden; width:100vw !important; } .case-study .image-banner-container { overflow: hidden; height: 400px; } .case-study .main-content { padding-right: 20px; padding-left: 20px; } .case-study .right-form { padding: 6px; } .case-study .right-offer { padding: 20px; } .case-study .float-offer { margin-top: -50px; padding: 20px 10px 10px; background-color: rgba(248,248,248,.8); box-shadow: 0px 4px 3px #999 !important; } .case-study .offer-cta { margin-left: 8%; margin-right: 8%; } @media all and (min-width: 768px) { .case-study .float-form { margin-top: -350px; padding: 20px 10px 10px; background-color: rgba(248,248,248,.8); box-shadow: 0px 4px 3px #999 !important; } } .case-study .float-form { padding: 20px 10px 30px; } .case-study .addl-info { padding-top: 50px; } .case-study .footer-details { padding: 10px 0; text-align: center; } .case-study .footer-container-wrapper { padding: 0; margin: 0; background: transparent; border: none; } .case-study .dark-bg { background:#555; color:#fff; padding:20px 0; } .case-study h1 { -webkit-margin-before: .67em; } .case-study .main-content ul { list-style-type: none; -webkit-padding-start: 10px; } .case-study .main-content li { position: relative; margin-bottom: 25px; min-height: 30px; padding-left: 20px; } .case-study .main-content li:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; content: "\f105"; font-size: 28px; color: #19384b; } @media (min-width: 768px) { .products .biz-icons .hs_cos_wrapper_type_rich_text { min-height: 535px; } } .products .biz-icons .hs_cos_wrapper_type_rich_text, .resources .library-col .hs_cos_wrapper_type_rich_text { border: 1px solid #efefef; padding: 20px; border-radius: 40px; margin: 15px 0; } .products .biz-icons img { max-height: 100% !important; } .products .biz-icons .hs_cos_wrapper_type_rich_text img, .resources .library-col .hs_cos_wrapper_type_rich_text img { width: 100% !important; } .products .biz-icons .hs_cos_wrapper_type_rich_text:hover, .products-specialized:hover { border: 3px solid #8b2232; } .home-icons { padding: 20px; } .home-icons:hover { border: 3px solid #8b2232; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .resources-parallax a { color: #FFF; } .resources-service-box h3 { font-size: 20px !important; font-weight: bold; } .resources .resources-service-box { text-align: center; } .resources .resources-service-box img { max-width: 200px !important; max-height: 200px !important; width: auto !important; height: auto !important; } .products .content-section p { font-size: 18px; } .dark .content-section img { width: 100%; } .products .content-section h3 { font-size: 24px; } .contact .contact-phone, .contact .contact-email { position: relative; } .contact-header h2 { -webkit-margin-before: .667em; -webkit-margin-after: 0; line-height: 25px; } .contact .contact-phone span:before { font-family: FontAwesome; content: "\f095"; vertical-align: middle; margin-right: 10px; color: #19384b; } .contact .contact-email span:before { font-family: FontAwesome; content: "\f017"; vertical-align: middle; margin-right: 10px; color: #19384b; } .contact .contact-image { margin-top: 50px; } @media (max-width: 767px) { .contact .banner-overlay { padding: 0 0 200px; } .contact .banner-text-group { padding: 200px 0 0; } } .contact iframe, .townpages iframe { display: block !important; } .service-areas img { width: 100%; } /*================================ */ /* PRICING TABLES */ /*================================ */ .pricing-tables-container { padding-top:50px; } .featured-pricing-table { background:#fff; border-radius:5px; font-weight:bold; padding-bottom:30px; box-shadow: 0 2px 2px #aaa; } .featured-pricing-table h2, .pricing-table h2 { -webkit-margin-after: 0; } .featured-pricing-table h1, .featured-pricing-table h2, .featured-pricing-table h3, .featured-pricing-table h4 { font-weight:bold; } .featured-pricing-table.cta-center { margin-top:20px; } .pricing-table { background:#fff; border-radius:5px; margin-top:90px; padding-bottom:30px; box-shadow: 0 2px 2px #aaa; } @media all and (max-width: 767px) { .featured-pricing-table { margin-top: 90px; } } @media all and (min-width: 768px) { .pricing-table-animated:hover { transform: translate(0, -30px;); -webkit-transform: translate(0, -30px); /** Chrome & Safari **/ -o-transform: translate(0, -30px); /** Opera **/ -moz-transform: translate(0, -30px); /** Firefox **/ transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } } .pricing-table-animated { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all .5s ease-in-out; /** Firefox **/ -o-transition: all .5s ease-in-out; /** Opera **/ } .pricing-table ul { list-style-type: none; } .featured-pricing-table ul { list-style-type: none; } .pricing-table li { margin:30px 0 30px 20px; } .featured-pricing-table li { margin:30px 0 30px 20px; } .best-value { padding:10px 0 20px; border-radius:5px 5px 0 0; background:#76da61; color:#fff; } .best-value h3 { -webkit-margin-after: 0; } .pricing-section a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 28px; font-weight: normal; margin-top: 200px; } .pricing-section a:hover { background: #19384b; color: #fff!important; } .pricing.two .pricing-section a { margin-top: 50px; } @media all and (max-width: 600px) { .pricing.two .pricing-section a { margin-left: 20px; } } .pricing-box { } .price-table { background: #19384b; padding: 50px 0; } @media (max-width: 767px) { .price-table-text { text-align: center; } } .pricing-box.style1 { background: #fff; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; /*border-top: 4px solid #fff;*/ border-radius: 25px; } @media (max-width: 767px) { .pricing-box.style1 { margin-top: 20px; } } .pricing-box.style1:hover { box-shadow: 0 0 9px rgba(0,0,0,.4); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style1 .price-table { background: #19384b; padding: 50px 0; border-top-left-radius: 25px; border-top-right-radius: 25px; } .style1 .price-table-price-text { color: #ffffff; } .style1 .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style1 a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style1 a:hover { background: #19384b; color: #fff!important; } .pricing-box.style1.featured { background: #fff; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-top: 4px solid #fff; } @media (max-width: 767px) { .pricing-box.style1.featured { margin-top: 20px; } } .pricing-box.style1.featured:hover { box-shadow: 0 0 9px rgba(0,0,0,.4); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style1.featured .price-table { background: #76da61; padding: 50px 0; } .pricing-box.style1.featured .price-table-price-text { color: #ffffff; } .pricing-box.style1.featured .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style1.featured a { border: 3px solid #76da61; padding: 15px 25px; border-radius: 10px; color: #76da61 !important; background: transparent; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style1.featured a:hover { background: #76da61; color: #fff!important; } .pricing-box.style2 { background: #545454; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-radius: 25px; } @media (max-width: 767px) { .pricing-box.style2 { margin-top: 20px; } } .pricing-box.style2:hover { box-shadow: 0 0 9px rgba(0,0,0,.9); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style2 .price-table { background: #6b6b6b; margin: 5px auto; border-top-left-radius: 25px; border-top-right-radius: 25px; } .style2 .price-table-price-text { color: #ffffff; } .style2 .price-table-text { line-height: 2em; padding: 0 15px 25px; color: #fff; } .pricing-box.style2 a { padding: 15px 25px; border-radius: 10px; color: #fff!important; background: #6b6b6b; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; border: none; } .pricing-box.style2 a:hover { background: transparent!important; color: #fff!important; } .pricing-box.style2.featured { background: #3f3f3f; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } @media (max-width: 767px) { .pricing-box.style2.featured { margin-top: 20px; } } .pricing-box.style2.featured:hover { box-shadow: 0 0 9px rgba(0,0,0,.9); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style2.featured .price-table { background: #d9dee0; margin: 5px auto; } .pricing-box.style2.featured .price-table-price-text { color: #6b6b6b; } .pricing-box.style2.featured .price-table-text { line-height: 2em; padding: 0 15px 25px; color: #fff; } .pricing-box.style2.featured a { padding: 15px 25px; border-radius: 10px; color: #fff!important; background: #6b6b6b; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; border: none; } .pricing-box.style2.featured a:hover { background: #fff!important; color: #3f3f3f!important; } .pricing-box.style3 { background: #f9f9f9; /*border-top: 10px solid #d9dee0; border-bottom: 2px solid #d9dee0;*/ box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-radius: 25px; } @media (max-width: 767px) { .pricing-box.style3 { margin-top: 20px; } } .pricing-box.style3:hover { box-shadow: 0 0 9px rgba(0,0,0,.4); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style3 .price-table { background: #f9f9f9; margin: -5px auto 15px; /*border-bottom: 2px solid #e5e5e5;*/ /*border-bottom: 4px double #e5e5e5;*/ border-top-left-radius: 25px; border-top-right-radius: 25px; } .style3 .price-table-price-text { color: #777; } .style3 .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style3 a { border: 1px solid #d9dee0; padding: 15px 25px; border-radius: 10px; color: #777!important; background: #d9dee0; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style3 a:hover { border: 1px solid #6b6b6b; } .pricing-box.style3.featured { background: #f9f9f9; border-top: 10px solid #76da61; border-bottom: 2px solid #76da61; box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } @media (max-width: 767px) { .pricing-box.style3.featured { margin-top: 20px; } } .pricing-box.style3.featured:hover { box-shadow: 0 0 9px rgba(0,0,0,.4); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style3.featured .price-table { background: #f9f9f9; margin: -5px auto 15px; /*border-bottom: 2px solid #e5e5e5;*/ border-bottom: 4px double #e5e5e5; } .pricing-box.style3.featured .price-table-price-text { color: #777; } .pricing-box.style3.featured .price-table-text { line-height: 2em; padding: 0 15px 10px; } .pricing-box.style3.featured a { border: 1px solid #333; padding: 15px 25px; border-radius: 10px; color: #fff!important; background: #76da61; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; border: none; } .pricing-box.style3.featured a:hover { border: 1px solid #6b6b6b; color: #333!important; background: transparent!important; } .pricing-box.style4 { background: #d9dee0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; /*border-top: 4px solid #d9dee0;*/ border-radius: 25px; } @media (max-width: 767px) { .pricing-box.style4 { margin-top: 20px; } } .pricing-box.style4:hover { box-shadow: 0 0 9px rgba(0,0,0,.4); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style4 .price-table { background: #76da61; padding: 50px 0; border-top-left-radius: 25px; border-top-right-radius: 25px; } .style4 .price-table-price-text { color: #fff; } .style4 .price-table-text { line-height: 2em; padding: 0 15px 25px; } .style4 .price-table-text p { border-bottom: 1px dashed #999; } .pricing-box.style4 a { border: 3px solid #76da61; padding: 15px 25px; border-radius: 10px; color: #76da61 !important; background: transparent; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style4 a:hover { background: #76da61; color: #fff!important; } .pricing-box.style4.featured { background: #d9dee0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-top: 4px solid #d9dee0; } @media (max-width: 767px) { .pricing-box.style4.featured { margin-top: 20px; } } .pricing-box.style4.featured:hover { box-shadow: 0 0 9px rgba(0,0,0,.4); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style4.featured .price-table { background: #19384b; padding: 50px 0; } .pricing-box.style4.featured .price-table-price-text { color: #ffffff; } .pricing-box.style4.featured .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style4.featured a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style4.featured a:hover { background: #19384b; color: #fff!important; } .pricing-box.style1-v2 { background: #fff; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-top: 4px solid #fff; } @media (max-width: 767px) { .pricing-box.style1-v2 { margin-top: 20px; } } .pricing-box.style1-v2:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style1-v2 .price-table { background: #19384b; padding: 50px 0; } .style1-v2 .price-table-price-text { color: #ffffff; } .style1-v2 .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style1-v2 a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style1-v2 a:hover { background: #19384b; color: #fff!important; } .pricing-box.style1-v2.featured { background: #fff; margin-top: 20px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-top: 4px solid #fff; } @media (max-width: 767px) { .pricing-box.style1-v2.featured { margin-top: 20px; } } .pricing-box.style1-v2.featured:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style1-v2.featured .price-table { background: #76da61; padding: 50px 0; } .pricing-box.style1-v2.featured .price-table-price-text { color: #ffffff; } .pricing-box.style1-v2.featured .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style1-v2.featured a { border: 3px solid #76da61; padding: 15px 25px; border-radius: 10px; color: #76da61 !important; background: transparent; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style1-v2.featured a:hover { background: #76da61; color: #fff!important; } .pricing-box.style2-v2 { background: #545454; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } @media (max-width: 767px) { .pricing-box.style2-v2 { margin-top: 20px; } } .pricing-box.style2-v2:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style2-v2 .price-table { background: #6b6b6b; margin: 5px auto; } .style2-v2 .price-table-price-text { color: #ffffff; } .style2-v2 .price-table-text { line-height: 2em; padding: 0 15px 25px; color: #fff; } .pricing-box.style2-v2 a { padding: 15px 25px; border-radius: 10px; color: #fff!important; background: #6b6b6b; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; border: none; } .pricing-box.style2-v2 a:hover { background: transparent!important; color: #fff!important; } .pricing-box.style2-v2.featured { background: #3f3f3f; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } @media (max-width: 767px) { .pricing-box.style2-v2.featured { margin-top: 20px; } } .pricing-box.style2-v2.featured:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style2-v2.featured .price-table { background: #d9dee0; margin: 5px auto; } .pricing-box.style2-v2.featured .price-table-price-text { color: #6b6b6b; } .pricing-box.style2-v2.featured .price-table-text { line-height: 2em; padding: 0 15px 25px; color: #fff; } .pricing-box.style2-v2.featured a { padding: 15px 25px; border-radius: 10px; color: #fff!important; background: #6b6b6b; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; border: none; } .pricing-box.style2-v2.featured a:hover { background: #fff!important; color: #3f3f3f!important; } .pricing-box.style3-v2 { background: #f9f9f9; border-top: 10px solid #d9dee0; border-bottom: 2px solid #d9dee0; box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } @media (max-width: 767px) { .pricing-box.style3-v2 { margin-top: 20px; } .contact .banner-overlay { padding: 0 0 200px !important; } } .pricing-box.style3-v2:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style3-v2 .price-table { background: #f9f9f9; margin: -5px auto 15px; /*border-bottom: 2px solid #e5e5e5;*/ border-bottom: 4px double #e5e5e5; } .style3-v2 .price-table-price-text { color: #777; } .style3-v2 .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style3-v2 a { border: 1px solid #d9dee0; padding: 15px 25px; border-radius: 10px; color: #777!important; background: #d9dee0; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style3-v2 a:hover { border: 1px solid #6b6b6b; } .pricing-box.style3-v2.featured { background: #f9f9f9; border-top: 10px solid #76da61; border-bottom: 2px solid #76da61; box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } @media (max-width: 767px) { .pricing-box.style3-v2.featured { margin-top: 20px; } } .pricing-box.style3-v2.featured:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style3-v2.featured .price-table { background: #f9f9f9; margin: -5px auto 15px; /*border-bottom: 2px solid #e5e5e5;*/ border-bottom: 4px double #e5e5e5; } .pricing-box.style3-v2.featured .price-table-price-text { color: #777; } .pricing-box.style3-v2.featured .price-table-text { line-height: 2em; padding: 0 15px 10px; } .pricing-box.style3-v2.featured a { border: 1px solid #333; padding: 15px 25px; border-radius: 10px; color: #fff!important; background: #76da61; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; border: none; } .pricing-box.style3-v2.featured a:hover { border: 1px solid #6b6b6b; color: #333!important; background: transparent!important; } .pricing-box.style4-v2 { background: #d9dee0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-top: 4px solid #d9dee0; } @media (max-width: 767px) { .pricing-box.style4-v2 { margin-top: 20px; } } .pricing-box.style4-v2:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .style4-v2 .price-table { background: #76da61; padding: 50px 0; } .style4-v2 .price-table-price-text { color: #fff; } .style4-v2 .price-table-text { line-height: 2em; padding: 0 15px 25px; } .style4-v2 .price-table-text p { border-bottom: 1px dashed #999; } .pricing-box.style4-v2 a { border: 3px solid #76da61; padding: 15px 25px; border-radius: 10px; color: #76da61 !important; background: transparent; font-size: 17px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style4-v2 a:hover { background: #76da61; color: #fff!important; } .pricing-box.style4-v2.featured { background: #d9dee0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; border-top: 4px solid #d9dee0; } @media (max-width: 767px) { .pricing-box.style4-v2.featured { margin-top: 20px; } } .pricing-box.style4-v2.featured:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style4-v2.featured .price-table { background: #19384b; padding: 50px 0; } .pricing-box.style4-v2.featured .price-table-price-text { color: #ffffff; } .pricing-box.style4-v2.featured .price-table-text { line-height: 2em; padding: 0 15px 25px; } .pricing-box.style4-v2.featured a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 28px; font-weight: normal; margin-top: 0px; display: inline-block; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .pricing-box.style4-v2.featured a:hover { background: #19384b; color: #fff!important; } .price-table-price-text { color: #ffffff; } .price-table-black { background: #242424; padding: 50px 0; } .price-table-primary { background: #19384b; padding: 50px 0; } .price-table-secondary { background: #76da61; padding: 50px 0; } .price-table-text { line-height: 2em; padding: 0 15px 25px; } /* ============================= */ /* ACCORDIAN */ /* ============================= */ .accordion { } .accordion_group { margin-bottom: 2px; background: #19384b; } .accordion_header { cursor: pointer; font-size: 30px; line-height: 16px; width: 100%; padding: 25px 40px; color: #fff; } .accordion_text { padding: 20px 30px; color: #565656; background: #f1f1f1; } /* ========================= */ /* FORMS */ /* ========================= */ .hs-button.primary { padding:25px 0; text-align: center; font-size:24px; background: transparent; border-radius: 10px; color: #8b2232 !important; border: 3px solid #8b2232 !important; margin-top:10px; min-width:100%; max-width: 100%; white-space: normal; display: block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .hs-button.primary:hover { background-color: #8b2232 !important; color: #fff !important; } body .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; } 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 textarea, body select { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; padding: 10px 10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; font-weight: normal; color: #252325; margin:4px 0 5px; letter-spacing: 0.5px; border-radius: 0; } .hs-form { margin-top:20px; } ul.inputs-list { -webkit-padding-start: 0; } .hs-form-radio { list-style-type:none; } .hs-form-booleancheckbox { list-style-type:none; } .hs-form fieldset { max-width: none !important; } .hs-form fieldset.form-columns-1 .input { margin-right: 0!important; } .hs-form fieldset.form-columns-2 .input { margin-right: 8px; } .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input { margin-right: 0; } .hs-form fieldset.form-columns-3 .input { margin-right: 12px; } .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input { margin-right: 0; } .hs-form fieldset.form-columns-1 .hs-input { width: 100%!important; } .hs-form fieldset.form-columns-1 input[type=checkbox], .hs-form fieldset.form-columns-1 input[type=radio] { width:auto!important; } .hs-form-field .hs_email { display:inline-block; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {} body label { font-size: 14px; font-weight: normal; letter-spacing: 0.5px; line-height: 20px; } /* ========================= */ /* LANDING PAGES */ /* ========================= */ .landing .float-form { background: rgba(255,255,255, .9); } @media all and (min-width: 768px) { .landing .float-form { margin-top: -400px; } } .landing .float-form .hs_cos_wrapper_type_form { padding: 25px; box-shadow: 1px 1px 5px rgba(0,0,0,.5); border-radius: 0; } .landing .webinar-form { background: rgba(255,255,255, .9); } .landing .webinar-form .hs_cos_wrapper_type_form { padding: 25px; box-shadow: 0px 0px 5px rgba(0,0,0,.5); border-radius: 0; } .landing h2 { } .landing.thank-you .page-banner-hero h3 { -webkit-margin-before: 1em; } .landing.thank-you .page-banner-hero { padding: 100px 0; padding-top: 100px; } .landing.thank-you.three .page-banner-hero { padding: 150px 0; padding-top: 150px; } .landing.thank-you .page-banner-hero a { border: 3px solid #fff; padding: 15px 25px; border-radius: 10px; color: #fff !important; background: transparent; font-size: 28px; font-weight: normal; /*margin-top: 200px;*/ display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .landing.thank-you .page-banner-hero a:hover { background: #fff; color: #19384b !important; } .landing.thank-you .page-banner-hero .company-logo a:hover { background: none !important; } .landing.thank-you .cta-section { background: #f7f7f7; box-shadow: 1px 1px 5px rgba(0,0,0,.5); padding: 20px; } .landing.thank-you .page-banner-hero { padding: 0; } /*.landing.thank-you .banner-overlay { padding: 100px 0; }*/ .landing.thank-you .cta-banner { padding: 30px; } .thank-you-image-background .header a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 28px; font-weight: normal; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .thank-you-image-background .header a:hover { background: #19384b; color: #fff !important; } .landing-section { padding: 50px; box-shadow: 0 0 15px rgba(0,0,0,.2); } .thank-you-section { padding: 50px; background: #fff; } .thank-you-section .company-logo { text-align: center; margin-bottom: 60px; } .landing .thank-you-section .header { margin-bottom: 50px; } /*.landing .landing-sub-hero { box-shadow: 0 -2px 12px rgba(0,0,0,.2); }*/ .landing .form-side-text { margin-top: 20px; } .landing .form-side-sharing { margin-top: 20px; } .landing .landing-section .page-content:first-child { border-right: 1px solid #f0f0f0; } @media all and (min-width:768px) { .landing .landing-section .page-content:first-child { padding-right: 20px; } } .landing .float-form { position: relative; } .landing .float-form h3, .landing .page-content h3 { -webkit-margin-before: .5em; } .form-arrow-tag { background: #19384b; color: #fff; border: 4px solid #fff; border-right: none; width: 60px; height: 60px; position: absolute; top: 30px; left: -64px; text-align: center; font-size: 53px; } @media all and (max-width: 767px) { .form-arrow-tag { display: none !important; } } .landing .page-content ul { list-style-type: none; -webkit-padding-start: 10px; } .landing .page-content li { position: relative; margin-bottom: 10px; min-height: 30px; padding-left: 20px; } .landing .page-content li:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; content: "\f105"; font-size: 28px; color: #19384b; } .landing .center-image { text-align:center; z-index:2; } @media all and (min-width: 768px) { .landing .center-image { margin:-700px auto 0; } } .landing-hero { background-color: #444; /*padding: 100px 0;*/ } .testimonial-box { margin-top:25px; padding:20px; } .testimonial-box, .testimonial-box p { font-size:14px; line-height:19px; } .testimonial-image { max-height:75px; max-width:75px; overflow:hidden; border-radius:50px; margin-right:20px; } .second-testimonial-image { margin-top: 20px !important; position: absolute; right: 0; bottom: 20px; } @media all and (max-width: 767px) { .testimonial-image { margin: 0 20px 0 0 !important; float: none !important; } .second-testimonial-image { float: right !important; } } .testimonial-text { margin-left:20px; margin-right:0; } @media (max-width: 767px) { .testimonial-text { margin-left:0px; } } .testimonial-name { font-weight:600; margin-top:10px; margin-bottom: 10px; } .landing .form-content-section { padding: 100px 0; /*color: #fff;*/ } .landing .form-section-text h2 { -webkit-margin-after: 0; } .landing .form-content-section .hs-button.primary { color: #fff; border-color: #fff; min-width: auto; width: 50%; } .landing .form-content-section .hs-button.primary:hover { background: #fff; color: #19384b; } .landing .center-image-area { padding: 100px 0 0px; } /*.landing.for-pricing .landing-hero { background: -webkit-linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%); background: linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%); background: -webkit-linear-gradient(105deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%); background: linear-gradient(-15deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%); }*/ /*.landing.for-pricing .company-logo { margin-bottom: 40px; }*/ .landing.for-pricing .banner-text-group { padding: 250px 0 0; } .landing.for-pricing .banner-text-group h1 { color: #fff; } .landing.for-pricing .banner-text-group h3 { color: #fff; } /*.landing .pricing-section a { border: 3px solid #19384b; padding: 15px 25px; border-radius: 10px; color: #19384b !important; background: transparent; font-size: 28px; font-weight: normal; margin-top: 200px; } .landing .pricing-section a:hover { background: #19384b; color: #ff!important; } */ /*.landing .pricing-box { background: #fff; }*/ .landing .price-table-price-text { color: #ffffff; } .landing .price-table-black { background: #242424; padding: 50px 0; } .landing .price-table-secondary { background: #19384b; padding: 50px 0; } .landing .price-table-primary { background: #76da61; padding: 50px 0; } .landing .price-table-text { line-height: 2em; padding: 0 15px 25px; } .landing .back-and-forth { background-color: #555; color: #fff; } .landing .back-and-forth h1, .landing .back-and-forth h2, .landing .back-and-forth h3, .landing .back-and-forth h4, .landing .back-and-forth h5, .landing .back-and-forth h6 { -webkit-margin-after: 10px; } .landing .back-and-forth h4 { -webkit-margin-after: 0; } .landing .back-and-forth { position: relative; } .landing .back-and-forth .header { margin-bottom: 30px; } .landing .back-and-forth .hs_cos_wrapper_type_rich_text { max-width: 70%; display: block; clear: both; margin-bottom: 80px; font-size: 12px; } .landing .back-and-forth .hs_cos_wrapper_type_rich_text img { border-radius: 50%; } .landing .back-and-forth .hs_cos_wrapper_type_rich_text p { text-align: justify !important; } .landing .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) { float: right; } .landing .back-and-forth .hs_cos_wrapper_type_rich_text:last-child { margin-bottom: 0; } @media all and (max-width: 600px) { .landing .back-and-forth .hs_cos_wrapper_type_rich_text { max-width: 100%; } .landing .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) { float: none; } } .landing .to-form-link { margin-top: 50px; } .landing .to-form-link a { border: 3px solid #76da61; padding: 15px 25px; border-radius: 10px; color: #76da61 !important; background: transparent; font-size: 28px; font-weight: normal; display: inline-block; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .landing .to-form-link a:hover { background: #76da61; color: #fff !important; } /* ========================= */ /* LONG LANDING */ /* ========================= */ .landing.long .hero { background-position: center top; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 0; } .landing.long .company-logo { margin:0 0 80px; text-align: center; } .landing.long .hero-blackout { background-color: rgba(16,16,16,.6); padding: 50px 0; } .landing.long .hero-header h1 { color: #fff; font-size: 40px; margin: 0 auto !important; } .landing.long .hero-header h3 { color: #fff; font-size: 20px; } .landing.long .header { text-align: center; } .landing.long .header-section-line { max-width: 800px; height: 3px; background-color: #fff; color: #fff; margin: 20px auto!important; float:none!important; text-align:center; opacity: .6; } .landing.long .buttons-collection { text-align: center; margin-top: 40px; margin-bottom: 20px; text-decoration: none; text-transform: uppercase; } .landing.long .cta-button { color: #fff; border: 2px solid #fff; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; padding: 18px 36px; font-size: 18px; font-weight: 600; min-width: 150px; text-transform: uppercase; margin: 10px 0; display: inline-block; } .landing.long .cta-button:link { color: #fff; } .landing.long .cta-button:visited { color: #fff; } .landing.long .cta-button:hover { color: #fff; background: #19384b; } .landing.long .mobile-form-section { background: #363534; color: #fff; display: none !important; padding: 2px 0; } .landing.long .mobile-image-section { background: #fff; padding: 5px 0 0; display: none !important; } .landing.long .mobile-image { margin 0 auto; float: none; text-align: center; } .landing.long .mobile-image img { width: 80% !important; } .landing.long .mobile-form-section .hs-form-required { display: none; } .landing.long .flat-line { background: #19384b; width: 70px; margin: 20px auto; display: block; height: 1px; border: none; } .landing.long .column-section { background: #fff; z-index: 10; padding: 30px 0; } /*.landing.long .column-section h3 { font-size: 16px; }*/ .landing.long .column-header { margin-bottom: 20px; } .landing.long .image-section { background: #fff; padding: 50px 0 0; } .landing.long .image-section p { font-size: 18px; margin-bottom: 20px; } .landing.long .image-section h2 { font-size: 32px; } .landing.long .center-image { margin: 0 auto; float: none; text-align: center; } .landing.long .quote-section { color:#000000; padding: 50px 0; width: 30%; margin: 0 auto !important; } .landing.long .quote-text { color: #fff; } .landing.long .quote-text h3{ padding-left: 20px; padding-right: 20px; margin: 0 auto !important; } .landing.long .quote-text h1, .quote-text h2, .quote-text h3, .quote-text h4, .quote-text h5, .quote-text h6 { text-transform: none; } .landing.long .quote-section-background { background: #363534; padding: 30px 0 0; } .landing.long .quote-image { margin: 0 auto; float: none; text-align: center; width: 128px; height: auto; opacity: 0.7; padding-bottom: 10px; } .landing.long .quote-image-wrapper { background-color: #363534; position: relative; max-width: 128px; max-height: 128px; margin: 10px auto 40px !important; float: none !important; text-align: center; overflow: hidden; border-radius: 50%; z-index: 2; padding-bottom: 10px; } .landing.long .form-section { background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; color: #fff; } .landing.long .form-section-blackout { background-color: rgba(16,16,16,.7); padding: 50px 0; } .landing.long .form-section h2 { font-size: 60px; } .landing.long .footer-section { background-color: #363534; color: #fff; text-align: center; padding: 10px 0; } .landing.long .bottom-logo { margin: 0 auto !important; float: none !important; text-align: center; } .landing.long .desktop-menu { margin: 0 auto !important; float: none !important; text-align: center; } .landing.long .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul { text-align: center; margin: 0 auto !important; float: none !important; } .landing.long .desktop-menu a { color: #fff; } .landing.long .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal li > a { font-size: 14px; padding: 0 15px; margin-top: 10px; } .landing.long .mobile { display: none !important; } .landing.ebook .company-logo { text-align: center; margin-bottom: 60px; } .landing.long .hero a { border: 3px solid #fff; padding: 15px 25px; border-radius: 10px; color: #fff !important; background: transparent; font-size: 28px; font-weight: normal; } .landing.long .hero a:hover { background: #fff; color: #19384b !important; } .landing.long .hero .company-logo a { border: none; } .landing.long .hero .company-logo a:hover { background: transparent; color: initial !important; } /* ========================= */ /* LANDING TRIAL */ /* ========================= */ .landing.trial .landing-sub-hero h3 { -webkit-margin-before: 1em; } .landing.trial .landing-sub-hero { padding: 100px 0; } .landing.trial .bottom-call-back { color: #fff; } .landing.trial .bottom-call-back a { border: 3px solid #fff; padding: 15px 25px; border-radius: 10px; color: #fff !important; background: transparent; font-size: 28px; font-weight: normal; } .landing.trial .bottom-call-back a:hover { background: #fff; color: #76da61 !important; } .landing.trial .page-banner-hero { padding: 0; } /*.landing.trial .banner-overlay { padding: 150px 0; }*/ .landing.trial .cta-banner { padding: 30px; } @media (max-width: 470px) { .landing.trial .page-content img { width: 200px !important; } } @media (max-width: 470px) { .landing.trial .page-content img { width: 150px !important; } } .landing.home-lander .white-overlay { background-color: rgba(255,255,255,.3); padding-bottom: 50px; padding-top: 50px; } .landing.home-lander .hero { padding-top: 50px; } @media all and (max-width:767px) { .landing.home-lander .hero { background-attachment: scroll !important; } } .landing.home-lander .company-logo { text-align: center; margin-bottom: 50px; } .landing.home-lander .button-and-link { margin: 50px 0; } .landing.home-lander .hero a { color: #fff; text-decoration: underline; } .landing.home-lander .hero a:hover { color: rgba(255,255,255,.7); } /* ========================= */ /* BLOG */ /* ========================= */ .bloglisting-toptext { margin-bottom: 40px; } body.blog.jobs, body.blog.portfolio { background-color: #242424; } .super-page-center { max-width: 800px; padding:0 50px; margin: 0 auto!important; float: none!important; } .blog blockquote { /* -webkit-margin-start: 10px; */ font-size: 1em; width:60%; margin:30px auto; font-family:Merriweather; font-style:italic; color: #555555; padding:1.2em 30px 1.2em 30px; border-left:8px solid #8b2231 ; line-height:1.3; position: relative; background:#EDEDED; } blockquote span{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em; } .blog img { height: auto; } .blog .blog-comments { width: 70%; } @media (max-width: 940px) { .blog .blog-comments { width: 80%; } } @media (max-width: 830px) { .blog .blog-comments { width: 85%; } } @media (max-width: 678px) { .blog .blog-comments { width: 90%; } } @media (max-width: 485px) { .blog .blog-comments { width: 95%; } } @media (max-width: 400px) { .blog .blog-comments { width: 100%; } } .blog.classic .main-page { background:#f3f3f3; padding:22px 20px 50px; padding-top: 22px; } @media all and (max-width: 600px) { .blog.classic .main-page { padding-left: 0; padding-right: 0; } } .blog.classic .blog-main-page .post-listing a:link { color:#76da61; } .blog.classic .blog-main-page .post-listing a:visited { color:#76da61; } .blog.classic .hs-featured-image { min-width: 100%; margin: 0; float: none; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.classic .blog-post-item .hs-featured-image-wrapper { overflow: hidden; height: 400px; width: 100%; } .blog.classic .blog-post-item .hs-featured-image { height: 500px; width: auto; min-width: 100%; max-width: 150%; } .blog-post-listing-text p { font-size: 0.85em; } .blog-post-listing-text strong { font-weight: normal; } .blog-post-listing-text a { color: #414042; } .blog-post-listing-text a.more-link { color: #8b2232; font-size: 0.85em; } @media all and (max-width: 600px) { .blog.classic .blog-post-item .hs-featured-image-wrapper { height: auto; } .blog.classic .blog-post-item .hs-featured-image { height: auto; width: 100%; max-width: none; } } .blog.classic .post-body.clearfix { text-align:left; } .blog.classic .blog-pagination { clear:both; margin: 0 auto; float:none; text-align: center; } .blog.classic .blog-post-item { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; padding:0; margin:0 0 22px; overflow: hidden; float:left; min-width: 100%; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.classic .blog-post-item h2 { font-size:24px; } .blog.classic .post-header h2 { font-size:24px; line-height: 1.5em; } .blog.classic .post-header { padding: 20px; font-size: 18px; } .blog.classic .post-header p { font-size: 18px; } /*.blog.classic .blog-post-item .post-header-title { min-height: 90px; }*/ .blog.classic .featured-blog .post-header-title a { color: #fff; } .blog.classic .featured-blog .post-header-title a:hover { color: rgba(25, 56, 75, .7); } .blog.classic .featured-link:link { color: #fff; } .blog.classic .featured-link:active { color: #fff; } .blog.classic .featured-link:visited { color: #fff; } .blog.classic .featured-link:hover { color: #fff; } .blog.classic .featured-link .post-item a { color: #fff; } .blog.classic .blog-link:link { color: #565656; } .blog.classic .blog-link:visited { color: #565656; } .blog.classic .blog-link:active { color: #565656; } .blog.classic .blog-link:hover { color: rgba(25, 56, 75, .7); } .blog.classic .blog-cta-button { margin:0 auto 40px; text-align:center; float:none; display: inline-block; } .blog.classic .blog-post-wrapper .cell-wrapper { font-size: 18px; line-height: 34px; } .blog.classic .blog-post-wrapper .cell-wrapper p { font-size: 18px; line-height: 34px; } .blog.classic .blog-item { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; padding:20px; } .blog.classic .display-author { font-size:20px; } .blog.classic .author-avatar-small-container { max-width:60px; max-height:60px; overflow:hidden; border-radius:30px; } .blog.classic .author-avatar-small { width:60px; height:auto; } .blog.classic .blog-sidebar { padding-bottom:50px; } .blog.classic .blog-sidebar-item ul { list-style-type:none; -webkit-padding-start:0; } .blog.classic .blog-sidebar-item li { margin: 10px 0; font-size: 12px; line-height: 1.5em; } .blog.classic .blog-sidebar-item li a { color: #565656; } .blog.classic .blog-sidebar-item li a:hover { color: rgba(25, 56, 75, .7); } .blog.classic .blog-sidebar-item { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; padding: 0 20px; margin:0 0 40px 20px; } @media all and (max-width: 767px) { .blog.classic .blog-sidebar-item { margin-top: 20px; margin-left: 0; } } .blog.classic .sidebar-item { margin: 30px 0; } .blog.classic .sidebar-social-sharing { text-align: left; } .blog.classic .sidebar-social-sharing a { margin: 0 7px; } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; padding-left: 20px; width: 76%; font-family: Open Sans; font-size: 12px; line-height: 1.5em; } @media all and (max-width: 400px) { .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 70%; } } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a { color: #565656; } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a:hover { color: rgba(25, 56, 75, .7); } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-title { font-size: 12px; } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { overflow: hidden; height: 50px; width: 20%; border: 5px solid transparent; box-shadow: 0px 0px 20px -5px #000; -webkit-box-shadow: 0px 0px 20px -5px #000; } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { height: 50px; width: auto; min-width: auto; max-width: none; } .blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image img { height: 50px; width: auto; max-width: none; } .blog.classic .sidebar-cta { margin: 0 auto; float: none; text-align: center; } .blog.classic .topic-cloud ul { list-style-type: none; -webkit-padding-start: 0; font-family: Merriweather; } .blog.classic .topic-cloud ul li { display: inline-block; float: left; margin: 5px; font-size: 10px; } .blog.classic .topic-cloud ul li a { background: #19384b; color: #fff; padding: 3px 4px; } .blog.classic .topic-cloud ul li a:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.classic .list-topics { margin: 0 20px 20px; font-size: 12px; line-height: 2em; font-family: Merriweather; } .blog.classic .list-topics a { color: #fff; margin: 3px 0; } .blog.classic .list-topics a:hover { color: #fff; } .blog.classic .blog-post-item .list-topics { min-height: 50px; } .blog.classic .topic-link { background: #19384b; color: #fff; padding: 3px 5px; margin: 3px 0; } .blog.classic .topic-link:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.classic .blog-piece { } /* ============== */ /* BLOG 2 */ /* ============== */ .blog.two .main-page { background:#f3f3f3; padding:22px 20px 50px; padding-top: 22px; } @media all and (max-width: 600px) { .blog.two .main-page { padding-left: 0; padding-right: 0; } } .blog.two .hs-blog-header { text-align: center; margin-bottom: 30px; } .blog.two .blog-main-page .post-listing a:link { color:#76da61; } .blog.two .blog-main-page .post-listing a:visited { color:#76da61; } .blog.two .hs-featured-image-wrapper { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .blog.two .hs-featured-image { min-width: 100%; margin: 0; float: none; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.two .blog-post-item .hs-featured-image-wrapper { overflow: hidden; height: 200px; width: 100%; } .blog.two .blog-post-item .hs-featured-image { height: 250px; width: auto; min-width: auto; max-width: none; } .blog.two .featured-blog .hs-featured-image-overlay { background: -webkit-radial-gradient(rgba(0,0,0,.6),rgba(0,0,0,.65),rgba(0,0,0,1)); /* Safari */ background: -o-radial-gradient(rgba(0,0,0,.6),rgba(0,0,0,.65),rgba(0,0,0,1)); /* Opera 11.6 to 12.0 */ background: -moz-radial-gradient(rgba(0,0,0,.6),rgba(0,0,0,.65),rgba(0,0,0,1)); /* Firefox 3.6 to 15 */ background: radial-gradient(rgba(0,0,0,.6),rgba(0,0,0,.65),rgba(0,0,0,1)); /* Standard syntax */ } .blog.two .featured-blog .hs-featured-image-wrapper { background-repeat: no-repeat; background-size: cover; overflow: hidden; height: 350px; width: 100%; opacity: .6; } .blog.two .featured-blog .hs-featured-image { width: auto; min-width: auto; max-width: 100%; opacity:.6; } .blog.two .post-body.clearfix { text-align:left; } .blog.two .blog-pagination { clear:both; margin: 0 auto; float:none; text-align: center; } .blog.two .blog-post-item { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; max-width: 48.380599%; padding:0; margin:0 0 22px; min-height: 475px; overflow: hidden; float:left; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.two .blog-post-item h2 { font-size:24px; } .blog.two .blog-post-item-right { float: right; } .blog.two .featured-blog { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; width: 100%; max-height: 350px; min-height: 350px; margin:0 0 22px; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.two .post-header h2 { font-size:18px; line-height: 1.5em; } .blog.two .post-header { padding: 20px; font-size: 12px; } .blog.two .post-header p { font-size: 12px; } .blog.two .blog-post-item .post-header-title { min-height: 90px; } .blog.two .featured-blog .post-header-title a { color: #fff; } .blog.two .featured-blog .post-header-title a:hover { color: rgba(25, 56, 75, .7); } .blog.two .featured-blog .post-header { color: #fff; margin: -275px auto 0; max-width: 350px; opacity: 1; position: relative; z-index: 10; } .blog.two .featured-blog .post-header h2 { font-size: 24px; } .blog.two .featured-link:link { color: #fff; } .blog.two .featured-link:active { color: #fff; } .blog.two .featured-link:visited { color: #fff; } .blog.two .featured-link:hover { color: #fff; } .blog.two .featured-link .post-item a { color: #fff; } .blog.two .blog-link:link { color: #565656; } .blog.two .blog-link:visited { color: #565656; } .blog.two .blog-link:active { color: #565656; } .blog.two .blog-link:hover { color: rgba(25, 56, 75, .7); } .blog.two .blog-cta-button { margin:0 auto 40px; text-align:center; float:none; display: inline-block; } .blog.two .blog-post-wrapper .cell-wrapper { font-size: 18px; line-height: 34px; } .blog.two .blog-post-wrapper .cell-wrapper p { font-size: 18px; line-height: 34px; } .blog.two .blog-item { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; padding:20px; } .blog.two .display-author { font-size:20px; } .blog.two .author-avatar-small-container { max-width:60px; max-height:60px; overflow:hidden; border-radius:30px; } .blog.two .author-avatar-small { width:60px; height:auto; } .blog.two .blog-sidebar { padding-bottom:50px; } .blog.two .blog-sidebar-item ul { list-style-type:none; -webkit-padding-start:0; } .blog.two .blog-sidebar-item li { margin: 10px 0; font-size: 12px; line-height: 1.5em; } .blog.two .blog-sidebar-item li a { color: #565656; } .blog.two .blog-sidebar-item li a:hover { color: rgba(25, 56, 75, .7); } .blog.two .blog-sidebar-item { background:#fff; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; padding: 0 20px; margin:0 0 40px 20px; } @media all and (max-width: 767px) { .blog.two .blog-sidebar-item { margin-top: 20px; margin-left: 0; } } .blog.two .sidebar-item { margin: 30px 0; } .blog.two .sidebar-social-sharing { text-align: left; } .blog.two .sidebar-social-sharing a { margin: 0 7px; } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; padding-left: 20px; width: 76%; font-family: Open Sans; font-size: 12px; line-height: 1.5em; } @media all and (max-width: 400px) { .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 70%; } } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a { color: #565656; } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a:hover { color: rgba(25, 56, 75, .7); } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-title { font-size: 12px; } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { overflow: hidden; height: 50px; width: 20%; border: 5px solid transparent; box-shadow: 0px 0px 20px -5px #000; -webkit-box-shadow: 0px 0px 20px -5px #000; } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { height: 50px; width: auto; min-width: auto; max-width: none; } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image img { height: 50px; width: auto; max-width: none; } .blog.two .sidebar-cta { margin: 0 auto; float: none; text-align: center; } .blog.two .topic-cloud ul { list-style-type: none; -webkit-padding-start: 0; font-family: Merriweather; } .blog.two .topic-cloud ul li { display: inline-block; float: left; margin: 5px; font-size: 10px; } .blog.two .topic-cloud ul li a { background: #19384b; color: #fff; padding: 3px 4px; } .blog.two .topic-cloud ul li a:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.two .list-topics { margin: 0 20px 20px; font-size: 12px; line-height: 2em; font-family: Merriweather; } .blog.two .list-topics a { color: #fff; margin: 3px 0; } .blog.two .list-topics a:hover { color: #fff; } .blog.two .blog-post-item .list-topics { min-height: 50px; } .blog.two .topic-link { background: #19384b; color: #fff; padding: 3px 5px; margin: 3px 0; } .blog.two .topic-link:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.two .featured-blog .list-topics { float: none; margin: 0 auto; max-width: 350px; position: relative; z-index: 10; } @media only screen and (max-width: 600px) { .blog.two .blog-post-item { max-width: 100%; padding:0; margin:0 0.6% 40px; min-height: 400px; overflow: hidden; float:none; } .blog.two .blog-post-item .hs-featured-image-wrapper { overflow: hidden; height: 200px; width: 100%; } .blog.two .blog-post-item .hs-featured-image { height: auto; width: 100%; min-width: auto; max-width: none; } .blog.two .featured-blog .post-header-title a { color: #565656; } .blog.two .featured-blog .post-header-title a:hover { color: ; } .blog.two .sidebar-social-sharing a { margin: 0 3px; } .blog.two .featured-blog .hs-featured-image-overlay { background: transparent; } .blog.two .featured-blog .hs-featured-image-wrapper { opacity: 1; } .blog.two .featured-blog { width: 100%; max-height: none; min-height: 500px; margin:0 0 40px; } .blog.two .featured-blog .post-header { margin: 0; text-align: left; } .blog.two .featured-blog .list-topics { text-align: left; margin: 0 0 20px; } .blog.two .featured-link:link { color: #565656; } .blog.two .featured-link:active { color: #565656; } .blog.two .featured-link:visited { color: #565656; } .blog.two .featured-link:hover { color: #565656; } .blog.two .featured-link .post-item a { color: #565656; } } @media screen and (max-width: 460px) { .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { height: 50px; } .blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { height: 50px; } } /* ===================== */ /* BLOG CARDS */ /* ===================== */ @media all and (max-width: 600px) { .blog.cards .super-page-center { padding: 0; } } @media all and (max-width: 767px) { .blog-slider-area { display: none !important; } } .blog.cards .blog-post-wrapper .cell-wrapper { font-size: 18px; line-height: 34px; } .blog.cards .blog-post-wrapper .cell-wrapper p { font-size: 18px; line-height: 34px; } .blog.cards .post-body { font-size: 18px; line-height: 34px; color: #565656; } .blog.cards .post-body p, .blog.cards .post-body h6, .blog.cards .post-body h1, .blog.cards .post-body h2, .blog.cards .post-body h3, .blog.cards .post-body h4, .blog.cards .post-body h5 { font-size: 18px; line-height: 34px; color: #565656; } .blog.cards .blog-item { background:#fff; padding:20px; margin: 20px 0; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; } .blog.cards .full-width-header-section { padding: 30px 0; } .blog.cards .blog-main-page { background: #f6f7f8; padding: 20px 0; } .blog.cards .post-summary p { font-size: 13px; } .blog.cards .float-all-left { float: left; max-width: 32%; margin-right: 2%; } .blog.cards .float-all-middle { float: left; max-width: 32%; margin-right: 2%; } .blog.cards .float-all-right { float: right; max-width: 32%; } .blog.cards .float-contents a { color: #565656; } .blog.cards .float-contents a:hover { color: #787878; } .blog.cards .float-contents .post-item { background: #fff; padding: 0; height: 300px; margin: 20px 0; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; } .blog.cards .float-contents .hs-featured-image-wrapper { min-width: 100%!important; float: center!important; padding: 0; height: 300px; max-height: 300px; overflow: hidden; background-color: #222; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .float-contents .hs-featured-image { height: 450px; width: auto; min-width: auto; max-width: none; opacity: .4; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .float-contents .post-item .post-header { padding: 15px 10px 0; font-size: 16px; line-height: 19px; margin-top: -250px; text-align: center; color: #fff; position: relative; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .float-contents .post-item .post-header h1, .blog.cards .float-contents .post-item .post-header h2, .blog.cards .float-contents .post-item .post-header h4, .blog.cards .float-contents .post-item .post-header h5, .blog.cards .float-contents .post-item .post-header h6 { font-size: 16px; line-height: 19px; } .blog.cards .float-contents .post-item .post-header h3 { font-size: 24px; line-height: 28px; } .blog.cards .float-contents .post-item .post-header p { font-size: 16px; line-height: 19px; } .blog.cards .float-contents .post-item .post-summary { padding: 0 10px 15px; font-size: 16px; line-height: 19px; margin-top: -250px; display: none; z-index: 10; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .author-social-media { margin: 20px 0; } .blog.cards .author-social-media a { margin: 0 10px; font-size: 20px; } .blog.cards .author-avatar-small { vertical-align:middle; border-radius:50%; width: 80px; } .blog.cards p.author-date { font-size: 13px; line-height: 16px; } .blog.cards .float-contents .post-item-link:hover .post-summary { display: block; z-index: 10; } .blog.cards .float-contents .post-item-link:hover .post-header { display: none; } .blog.cards .float-contents .post-item-link:hover .hs-featured-image { opacity: 0.25; } .blog.cards .float-contents .post-item-link:hover .hs-featured-image-wrapper { background-color: #fff; } .blog.cards .float-contents .post-item .post-header .read-more-link { clear: left; } .blog.cards .blog-pagination { clear: left; text-align: center; } .blog.cards .list-topics { margin: 0 10px 20px; font-size: 12px; line-height: 2em; font-family: Open Sans; position: relative; z-index: 10; color: #fff; text-align: center; } .blog.cards .float-contents .post-item-link:hover .post-summary { display: block; z-index: 10; } .blog.cards .float-contents .post-item-link:hover .post-header { display: none; } .blog.cards .float-contents .post-item-link:hover .hs-featured-image { opacity: 0.15; } .blog.cards .float-contents .post-item-link:hover .hs-featured-image-wrapper { background-color: #fff; } .blog.cards .float-contents .post-item-link:hover .list-topics { text-align: left; } .blog.cards .featured-item, .blog.cards .feat-item-1, .blog.cards .feat-item-2, .blog.cards .feat-item-3 { -webkit-transition:all .5s ease-in-out!important; transition: all .5s ease-in-out!important; } .blog.cards .featured-item { position: relative; height: 400px; margin-bottom: 30px; } .blog.cards .feat-item-1, .blog.cards .feat-item-2, .blog.cards .feat-item-3 { position: absolute; top: 0; left: 0; } .blog.cards .invisible { opacity: 0; } .blog.cards .featured-item a { color: #565656; } .blog.cards .featured-item a:hover { color: #787878; } .blog.cards .featured-item .post-item { background: #fff; padding: 0; height: 400px; margin: 20px 0; box-shadow: 0px 2px 20px -10px #000; -webkit-box-shadow: 0px 2px 20px -10px #000; } .blog.cards .featured-item .hs-featured-image-wrapper { min-width: 100%!important; padding: 0; height: 400px; max-height: 500px; overflow: hidden; background-color: #222; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .featured-item .hs-featured-image { height: auto; width: 100%; min-width: auto; max-width: none; opacity: .4; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .featured-item .post-item .post-header { padding: 15px 30px 0; font-size: 16px; line-height: 19px; margin-top: -350px; width: 50%; text-align: left; color: #fff; position: relative; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.cards .featured-item .list-topics { text-align: left; margin-left: 30px; } .blog.cards .featured-item .post-item .post-header h1, .blog.cards .featured-item .post-item .post-header h2, .blog.cards .featured-item .post-item .post-header h4, .blog.cards .featured-item .post-item .post-header h5, .blog.cards .featured-item .post-item .post-header h6 { font-size: 16px; line-height: 19px; } .blog.cards .featured-item .post-item .post-header h3 { font-size: 24px; line-height: 28px; } .blog.cards .featured-item .post-item .post-header p { font-size: 16px; line-height: 19px; } .blog.cards .featured-item .post-item-link:hover .post-header { color: #444; } .blog.cards .featured-item .post-item-link:hover .hs-featured-image { opacity: 0.15; } .blog.cards .featured-item .post-item-link:hover .hs-featured-image-wrapper { background-color: #fff; } .blog.cards .featured-item .post-header .read-more-link { clear: left; } .blog.cards .featured-item .post-item-link:hover .list-topics { text-align: left; } .blog.cards .slider-buttons { display:block; margin-top: 40px; } .blog.cards .footer-object ul { list-style-type: none; -webkit-padding-start: 0; } .blog.cards .footer-object ul li { margin: 15px 0; } .blog.cards .footer-object ul li a:link { color: #fff; } .blog.cards .footer-object ul li a:active { color: #fff; } .blog.cards .footer-object ul li a:visited { color: #fff; } .blog.cards .footer-object ul li a:hover { color: #19384b; } .blog.cards .topic-cloud ul { list-style-type: none; -webkit-padding-start: 0; font-family: Merriweather; } .blog.cards .topic-cloud ul li { display: inline-block; float: left; margin: 5px; font-size: 12px; } .blog.cards .topic-cloud ul li a { background: #19384b; color: #fff; padding: 3px 4px; text-shadow: 1px 1px rgba(15, 15, 15, .7); } .blog.cards .topic-cloud ul li a:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.cards .list-topics a { color: #fff; text-shadow: 1px 1px rgba(15, 15, 15, .7); margin: 3px 0; } .blog.cards .list-topics a:hover { color: #fff; } .blog.cards .blog-list-topics a { color: #fff; margin: 3px 0; } .blog.cards .blog-list-topics a:hover { color: #fff; } .blog.cards .topic-link { background: #19384b; color: #fff; padding: 3px 5px; margin: 3px auto; z-index: 10; text-shadow: 1px 1px rgba(15, 15, 15, .5) } .blog.cards .bottom-line { margin: 40px 0 30px; background-color: #676767; color: #676767; } .blog.cards .full-width-footer-section { background-color: #515151; padding: 30px 0; color: #fff; } .blog.cards .copyright-section { text-align: center; margin-top: 25px; padding-top: 25px; border-top: 1px solid #fff; } .blog.cards .hs-form { margin-top:20px; } .blog.cards .hs-form-field .hs_email { display:inline-block; } .blog.cards .blog-subscribe-callout { padding: 10px; height: 80px; margin-bottom: 42px; } .blog.cards .blog-subscribe-callout h2 { color:#19384b; } .blog.cards .blog-subscribe-callout .hs-form { margin-top: 0; } .blog.cards .blog-subscribe-callout input[type="email"] { width: 60%; max-width: 60%; float:left; margin-top: 0; } .blog.cards .blog-subscribe-callout .hs-button.primary { width: 39%; max-width: 39%; float:right; min-width: auto; padding: 10px; margin-top: 0; text-shadow: 1px 1px rgba(15, 15, 15, .3); border-radius: 10px; } .blog.cards .blog-subscribe-callout label { display:none; } .blog.cards .blog-subscribe-callout h3 { -webkit-margin-before: 1em; } @media all and (max-width: 767px) { .blog.cards .blog-subscribe-callout { display: none !important; } } .blog.cards .blog-subscribe-callout .super-page-center { padding: 0; } /*================================ */ /* BLOG CREATIVE */ /*================================ */ .full-width-blog-author-bg { background-color: #3d3d3d; color:#fff; padding: 50px 0; } .blog.creative .blog-menu { background: #19384b; padding-top:20px; height:70px; } .blog.creative .slider-image-blackout { background: -webkit-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* Standard syntax (must be last) */ padding:100px 0 100px; color: #fff; } .blog.creative .full-slider { display:block; } .blog.creative .fixed-social-menu { z-index:1; top: 60px; width: 100%; float:none; text-align:center; margin: 60px auto 0; } .blog.creative .fixed-social-bottom-menu { float:none; text-align:center; margin: 30px auto 0; } .blog.creative .fixed-social-bottom-menu ul { -webkit-padding-start:0px; } .blog.creative .categories { float:none; margin:0 auto; text-align:center; } .blog.creative .categories .hs-menu-wrapper.hs-menu-flow-horizontal ul { float:none; margin:0 auto; text-align:center; } .blog.creative .categories ul li.active a { color:#111; border:1px solid #ccc; border-bottom:none; border-top:2px solid #19384b; background:#f6f7f8; } .blog.creative .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal li>a { font-size: 18px; padding: 15px 26px; color:#656565; } .blog.creative .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal li > a:hover { color:#111; background:none; } .blog.creative .blog-menu h2 { font-size:54px; font-weight:900; -webkit-margin-after:1em; } .blog.creative .blog-menu .hs-menu-item ul >li.active { background:#fff; text-align:center; color:#333!important; } .blog.creative .blog-main-page { background:#f6f7f8; padding:20px; } .blog.creative .blog-main-page .post-listing a:link { color:#252325; } .blog.creative .blog-main-page .post-listing a:visited { color: #252325; } .blog.creative .blog-sidebar { padding-bottom:50px; } .blog.creative .blog-sidebar ul { list-style-type:none; } .blog.creative .blog-sidebar ul > li { margin-top:8px; } .blog.creative .blog-sharing-buttons { margin:30px auto; float:none; } .blog.creative .blog-sidebar-item { background:#fff; border:1px solid #e5e5e5; padding:20px; margin:0 0 40px; } .blog.creative .blog-main-page .hs-featured-image-wrapper { background-color:#fff; position:relative; width:150px; float:left; padding:0; margin-right:20px; height:150px; overflow:hidden; border-radius:50%; z-index:2; background-attachment: scroll; } @media all and (max-width: 600px) { .blog.creative .blog-main-page .hs-featured-image-wrapper { float: none; margin: 0 auto; } } .blog.creative .blog-main-page .hs-image-div { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 150px; width: 150px; } .blog.creative .blog-main-page .hs-featured-image { min-width:200%; max-width:200%; position: absolute; vertical-align:middle; top:0; left:-50%; } .blog.creative .post-body.clearfix { text-align:left; margin-top:-20px; } .blog.creative .post-item { background:#fff; border:1px solid #e5e5e5; padding:40px; margin:0 0 40px; -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.creative .post-item h2 { font-size:24px; } .blog.creative .post-item:hover { color:#fff; background:#19384b; } .blog.creative .post-listing-simple:hover { color:#fff; } .blog.creative #hs-featured-image { -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .blog.creative .post-item:hover #hs-featured-image { opacity:.4!important; } .blog.creative .blog-cta-button { margin:0 auto 40px; text-align:center; float:none; border-radius: 10px; display: inline-block; } .blog.creative .blog-post-wrapper .cell-wrapper { font-size: 18px; line-height: 34px; } .blog.creative .blog-post-wrapper .cell-wrapper p { font-size: 18px; line-height: 34px; } .blog.creative .blog-item { background:#fff; border:1px solid #e5e5e5; padding:20px; } .blog.creative .sidebar-cta { text-align: left; margin: 10px auto; } .blog.creative .cta-form { float: none; margin: 0 auto; background-color:#ddd; display: inline-block; } .blog.creative .cta-header { text-align:center; color:#fff; background-color:#19384b; padding: 10px 20px 30px; } .blog.creative .cta-form-padder { padding: 0 10% 20px; } .blog.creative .growth-driven-design h1 { font-size: 20px; } .blog.creative .growth-driven-design h2 { font-size: 40px; } .blog.creative .display-author { font-size:20px; } .blog.creative .author-avatar-small-container { max-width:60px; max-height:60px; overflow:hidden; border-radius:30px; } .blog.creative .author-avatar-small { width:60px; height:auto; } .blog .author-social-media { margin:10px 0 20px; } .blog .author-social-media a { margin:0 10px; font-size:18px; color: #fff; } @media all and (min-width: 768px) { .blog.creative .hs-featured-image { display: none !important; } } .blog .hs-author-profile { margin-bottom: 20px; } /* =============== */ /* JOBS */ /* =============== */ .blog.cards.jobs .blog-listing-wrapper .post-header { background-color: #19384b; margin-top: 0 !important; padding: 10px !important; } .blog.cards.jobs .post-header h3 { -webkit-margin-after: 0; } .blog.cards.jobs .post-summary { display: block! important; margin-top: 20px !important; } .blog.cards.jobs .float-contents .post-item-link:hover .post-header { display: block; } .blog.cards.jobs .list-topics { margin: 20px 10px; } .blog.cards.jobs .float-contents .post-item-link:hover .list-topics { text-align: center; } .blog.cards.jobs .float-contents .post-item { height: auto; overflow: hidden; } .blog.cards.jobs .job-form-header { background-color: #19384b; color: #fff; } .blog.cards.jobs .job-form-header h2, .blog.cards.jobs .job-form-header h3, .blog.cards.jobs .job-form-header h4 { -webkit-margin-before: 15px; } .blog.cards.jobs .job-form-header p { -webkit-margin-after: 15px; } .blog.cards.jobs .blog-item.no-top { margin-top: 0; } @media all and (max-width: 600px) { .blog.cards.jobs .super-page-center { padding: 0; } } /* ================== */ /* PORTFOLIO */ /* ================== */ .blog.portfolio .main-page { background-color: #f7f7f7; padding: 30px 0; } .bloglisting-section-wrapper { padding-top: 40px; background-color: #f9f7f7; } .bloglisting .main-page { padding-bottom: 0 !important; } a.previous-posts-link { float: left; } a.next-posts-link { float: right; } .main-blog .main-page { background-color: #FFF !important; } .blog.portfolio .float-all-left { float: left; max-width: 49%; margin-right: 2%; } .blog.portfolio .float-all-middle { float: left; max-width: 49%; margin-right: 0; } .blog.portfolio .float-all-right { float: right; max-width: 32%; } .blog.portfolio .post-item { background: #fff; margin-bottom: 20px; } .blog.portfolio .hs-featured-image-wrapper { width: 100%; min-width: 100%; max-width: 100%; overflow: hidden; height: auto; } .blog.portfolio .hs-featured-image { float: none; margin: 0; min-width: 100%; } .blog.portfolio .post-header { padding: 20px 20px 0; } .blog.portfolio .topic-cloud { margin-bottom: 20px; } .blog.portfolio .topic-cloud ul { list-style-type: none; -webkit-padding-start: 0; font-family: Merriweather; } .blog.portfolio .topic-cloud ul li { display: inline-block; float: left; margin: 5px; font-size: 12px; } .blog.portfolio .topic-cloud ul li a { background: #19384b; color: #fff; padding: 3px 4px; } .blog.portfolio .topic-cloud ul li a:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.portfolio .list-topics { margin: 0 20px 20px; padding-bottom: 20px; font-size: 12px; line-height: 2em; font-family: Merriweather; } .blog.portfolio .list-topics a { color: #fff; margin: 3px 0; } .blog.portfolio .list-topics a:hover { color: #fff; } .blog.portfolio .blog-post-item .list-topics { min-height: 50px; } .blog.portfolio .topic-link { background: #19384b; color: #fff; padding: 3px 5px; margin: 3px 0; } .blog.portfolio .topic-link:hover { background: rgba(25, 56, 75, .7); color: #fff; } .blog.portfolio .blog-pagination { clear:both; margin: 0 auto 20px; float:none; text-align: center; } @media all and (max-width: 767px) { .float-all-left { float: left; max-width: 100% !important; margin-right: 0 !important; } .float-all-middle { float: right; max-width: 100% !important; margin-right: 0 !important; } .float-all-right { float: right; max-width: 100% !important; margin-right: 0 !important; } } .blog.portfolio.gallery .post-header { padding-bottom: 20px; } .blog.portfolio.gallery .post-header h6 { -webkit-margin-after: 0; font-weight: normal; } @media all and (max-width: 600px) { .blog .main-page, .blog .blog-main-page { padding: 20px 0 !important; } } .blog .blog-sidebar-item .hs_cos_wrapper_type_post_listing li { position: relative !important; padding-left: 20px !important; } .blog .blog-sidebar-item .hs_cos_wrapper_type_post_listing li a { color: #252325; } .blog .blog-sidebar-item .hs_cos_wrapper_type_post_listing li:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; content: "\f105"; font-size: 28px; color: #209fd9; } /* ===================== */ /* ANIMATION ELEMENTS */ /* ===================== */ .animation-element { opacity: 0; position: relative; } /*animation element sliding left*/ .animation-element.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } .animation-element.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-right { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); } .animation-element.slide-right.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.fade-in { opacity: 0; -webkit-animation-delay: -5s; /* Chrome, Safari, Opera */ animation-delay: -5s;v } .animation-element.fade-in.in-view { opacity: 1; -webkit-animation-delay: -5s; /* Chrome, Safari, Opera */ animation-delay: -5s; } .bounce-up { opacity: 0; -moz-transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, 200px, 0px); -webkit-transform: translate3d(0px, 200px, 0px); -o-transform: translate(0px, 200px); -ms-transform: translate(0px, 200px); transform: translate3d(0px, 200, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bounce-up.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .delay-1s { -webkit-animation-delay: -1s; /* Chrome, Safari, Opera */ animation-delay: -1s; } .delay-2s { -webkit-animation-delay: -2s; /* Chrome, Safari, Opera */ animation-delay: -2s; } .delay-3s { -webkit-animation-delay: -3s; /* Chrome, Safari, Opera */ animation-delay: -3s; } .delay-4s { -webkit-animation-delay: -4s; /* Chrome, Safari, Opera */ animation-delay: -4s; } .delay-5s { -webkit-animation-delay: -5s; /* Chrome, Safari, Opera */ animation-delay: -5s; } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special 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. */ @media (min-width: 768px){ a.mobile-trigger, a.child-trigger { display: none !important; /* Hide button on Desktop */ } } @media (max-width: 767px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* my own thing */ #elevate-header .hs-menu-wrapper.hs-menu-flow-horizontal li > a { color:#222; } /* Menu Reset - Remove styling from desktop version of custom-menu-primary */ /* Place any additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary *{ display: inline-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: #343434; } /* Toggle Button ========================================================================== */ a.mobile-trigger { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 0px; /* Position Button at top right of screen */ right: 10px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 12px 10px; background: #ffffff; /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 16px; font-weight: normal; text-align: left; text-transform: capitalize; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #343434; } a.mobile-trigger span{ display: inline; } a.mobile-trigger span:before{ position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-trigger span:after{ position: relative; right: -1px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #ffffff; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } /* Change button when menu is open */ .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; /* Button color transition effect */ -moz-transition:background-color 0.2s linear; /* Button color transition effect */ transition:background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ } .mobile-open a.mobile-trigger span:after{ opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-trigger i { display: inline; position: relative; top: -5px; margin-left: 5px; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 15px; /* Icon line width */ height: 2px; /* Icon line height */ background-color: #343434; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -6px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 6px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /* Child Toggle Button ========================================================================== */ a.child-trigger { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } a.child-trigger:hover { text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ a.child-trigger span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger span:after { position: absolute; content: ''; } a.child-trigger span, a.child-trigger span:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #343434; /* Icon color */ display: block; } a.child-trigger span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } /* Menu Styles on Mobile Devices ========================================================================== */ /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-flow-horizontal, .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-flow-horizontal{ position: absolute; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); overflow: hidden; /* height: 100vh; */ } .custom-menu-primary .hs-menu-flow-horizontal{ padding: 40px 0 0 0; /* Padding to add room for close button */ background-color: #fff; /* Menu background color set off global mobile-menuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li{ position: relative; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-flow-horizontal ul li a{ padding: 0 10px; } .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{ color: #343434; }/* link hover color set by global mobile-aColorHover variable */ /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } @media (min-width: 768px) { .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:after { content: ''; display: block; position: absolute; left: 20px; bottom: 100%; width: 0; height: 0; border-bottom: 10px solid white; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } .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:after, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:after { border-bottom: none!important; border-top: none!important; border-left: none!important; border-right: none!important; } } .product-bottom-form, .home-bottom-form { margin: 0 auto !important; float: none !important; } .home-bottom-form, .home-bottom-form .page-center { margin: 0 auto !important; float: none !important; } .carriers .left-column-area { text-align: center; } .claims .first-text { } .claims .second-text { } .claims .first-form, .claims .second-form { max-width: 450px; margin: 80px auto !important; float: none !important; } .claims .numbers-header { text-align: center; } @media (min-width: 768px) { .header-cta { width: 9% !important; margin-left: 3% !important; } } a#cta_button_431858_b2aabdfb-147d-4e46-9671-35a782668fed { width: 97px; padding: 0 20px; margin-top: 16px; } @media (max-width: 767px) { a#cta_button_431858_b2aabdfb-147d-4e46-9671-35a782668fed { position: absolute; top: -1px; left: 44%; } } @media (max-width: 480px) { /* #page-header { padding-bottom: 50px; } */ a#cta_button_431858_b2aabdfb-147d-4e46-9671-35a782668fed { top: 45px; left: 34%; } } .full-article-footer { border-top: 1px solid #e0dfdb !important; } .avatar-module { display: inline; vertical-align: middle; } .avatar-module img { border-radius: 100px !important; width: auto !important; max-height: 200px !important; max-width: 200px; height: auto !important; float: left !important; margin-right: 30px !important; } .article-footer { padding: 20px 10px 10px 10px !important; min-height: 115px !important; display: table !important; } a.author-link { color: #7a1111; text-decoration: none !important; } .full-article-footer p { margin-left: 230px; font-size: 16px; font-style: italic; } /*.article-header { font-size: 12px !important; font-style: italic; }*/ @media (max-width: 550px) { .avatar-module { width: 100%; text-align: center; display: inline-block; } .avatar-module img { margin: 0 auto !important; float: none !important; } .full-article-footer p { margin-left: 0px; } } @media (max-width: 767px) and (min-width: 480px) { .testimonial-image:first-child { float: left !important; } .testimonial-image { margin: 0 20px 0 0 !important; } .testimonial-name { float: left !important; margin: 10px 0 !important; } .testimonial-box { padding: 20px 20px 70px !important; } .second-testimonial-image { float: right !important; } } @media (max-width: 479px) { .testimonial-image:first-child { float: left !important; } .testimonial-image { margin: 0 20px 0 0 !important; } .second-testimonial-image { display: none !important; } } .product-overlay { display: none; } .products:hover .product-overlay { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(139, 34, 50, 0.5); color: #FFF; text-align: center; } .owl-prev { position: absolute; left: -80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 40px; color: #111; border-radius: 50px; height: 40px; width: 40px; text-align: center; border: 2px solid #111; } .owl-next { position: absolute; right: -80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 40px; border-radius: 50px; height: 40px; width: 40px; text-align: center; } .owl-next:hover, .owl-prev:hover { background-color: #c17d7d; color: #FFF; border: none; } .owl-prev, .owl-next { /*opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;*/ } .owl-nav button { background: none; border: none; font-size: 32px; color: #8b2332; cursor: pointer; } .owl-nav button:hover { color: white !important; } .owl-nav button:focus { outline: none; } .owl-prev .fa { margin-left: -4px; } .owl-next .fa { margin-right: -4px; } .owl-prev.visible, .owl-next.visible { opacity: 1; } .owl-next.visible { right: -50px; } .owl-prev.visible { left: -50px; } .no-js .owl-carousel, .owl-carousel.owl-loaded { max-width: 700px; margin-left: auto !important; margin-right: auto !important; float: none !important; } @media (max-width: 800px) { .no-js .owl-carousel, .owl-carousel.owl-loaded { max-width: 80%; } } .listing-sidebar-post-listing, .listing-sidebar-post-filter, .reviews { background-color: #FFF; padding: 20px; border: 2px solid #626466; margin-bottom: 20px; } .ty-page-subform-cta .hs-button.primary { min-width: 200px; font-size: 20px; padding: 15px 0; } .agencypage .widget-type-raw_html iframe, .second-flexible iframe { max-width: 100%; width: 100%; display: block !important; } .agencypage body iframe { display: block !important; } .careers table { width: 100%; border: none; border-collapse: collapse; border-top: 1px solid #cdcdcd; } .careers table:last-child { border-bottom: 1px solid #cdcdcd; } .careers td { border-spacing: initial; border-collapse: collapse; padding: 15px; } .careers td:nth-child(3n) { text-align: right; } .careers td, .careers td span, .careers td p, .careers td ul, .careers td ul li { font-size: 14px !important; line-height: 1.75em !important; font-family: Niveau_Regular, 'Lato', sans-serif !important; } .careers td h3, .careers td h3 span { font-size: 18px !important; line-height: 1.5em !important; font-family: Niveau_Regular, 'Lato', sans-serif !important; } .careers .table-header { font-weight: bold; font-size: 1.2em; cursor: pointer; } .award-logo { text-align: center; } .award-logo img { max-height: 120px; height: auto !important; width: auto !important; } @media (max-width: 767px) and (min-width: 500px) { .award-logo { width: 50% !important; float: left !important; margin: 20px 0; } } @media (max-width: 500px) { .award-logo {margin: 20px 0; } } .has-banner-form #hs_cos_wrapper_module_145011741792872709{ padding-top: 0 !important; } .has-banner-form .hide-desktop{ display: none; } .banner-with-text-and-button .banner-overlay, .has-banner-form .banner-overlay{ background: rgba(139, 34, 50, 0.3) !important; display: flex; align-items: center; align-content: center; padding-top: 100px !important; } .has-banner-form .banner-overlay > div{ max-width: 1200px; display: table; margin: 0 auto; } .has-banner-form .page-banner-hero .header h1, .page-banner h1, .banner-with-text-and-button .banner-text-group h1{ padding: 0; line-height: 1.3; font-size: 40px; text-align: left !important; color: #FFF; font-weight: 700; font-family: 'Archivo Black', sans-serif !important; text-transform: uppercase; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.45); } .banner-with-text-and-button .banner-text-group p{ font-size: 18px; font-weight: 400; line-height: 1.5; font-family: Open Sans, sans-serif !important; } .banner-with-text-and-button .banner-text-group{ padding-top: 0 !important; } .page-banner .banner-button{ margin-top: 15px; } .page-banner .banner-button a, .banner-with-text-and-button .banner-text-group .hs-button{ text-decoration: none; text-transform: uppercase; background: #8b2232; color: #FFF; padding: 10px 30px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: table; margin-top: 20px; } .page-banner .banner-button a:hover, .banner-with-text-and-button .banner-text-group .hs-button:hover{ opacity: 0.5; } .has-banner-form .banner-widget-form label{ display: none !important; } .has-banner-form .banner-widget-form fieldset{ margin-bottom: 5px; } .has-banner-form .banner-widget-form{ background: rgba(255, 255, 255, 0.7); padding: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 35px; } .has-banner-form .banner-widget-form form{ margin: 0; } .has-banner-form .banner-widget-form .hs-form-field .hs-error-msgs{ display: none !important; } .has-banner-form .banner-widget-form .hs-form-field input, .has-banner-form .banner-widget-form .hs-form-field textarea, .has-banner-form .banner-widget-form .hs-form-field select{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; resize: none; outline: none; } .has-banner-form .banner-widget-form .hs-form-field input:focus, .has-banner-form .banner-widget-form .hs-form-field textarea:focus{ border-color: #8b2232; } .has-banner-form .banner-widget-form .hs-form-field select{ height: 39px; } .has-banner-form .banner-widget-form .hs-error-msgs{ list-style-type: none; } .has-banner-form .banner-widget-form .hs-error-msgs li label{ display: block !important; text-align: center; color: red; } .has-banner-form .banner-widget-form input[type="submit"]{ text-transform: uppercase; padding: 10px 0; border: none !important; background: #8b2232; color: #FFF !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 16px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .has-banner-form .banner-widget-form input[type="submit"]:hover{ color: #8b2232 !important; background: #FFF; } @media (max-width: 1200px) { .has-banner-form .page-banner-hero{ min-height: 650px !important; } .has-banner-form .page-banner-hero .header h1{ font-size: 30px; } .has-banner-form .banner-overlay{ padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 767px) { .has-banner-form .hide-desktop{ display: table; width: 100%; } .has-banner-form .page-banner-hero{ min-height: 550px !important; } .has-banner-form .hide-mobile{ display: none; } .has-banner-form .banner-overlay{ padding-top: 65px !important; } .has-banner-form .banner-widget-form{ margin: 0; } .has-banner-form .page-banner-hero .header h1{ font-size: 26px; } } @media (max-width: 480px) { .has-banner-form .page-banner-hero { min-height: 720px !important; } .has-banner-form .page-banner-hero .header h1{ font-size: 24px; } .has-banner-form .banner-widget-form .hs-form-field input, .has-banner-form .banner-widget-form .hs-form-field textarea, .has-banner-form .banner-widget-form .hs-form-field select{ width: 100% !important; margin-left: 0; margin-right: 0; margin-bottom: 8px; } .hs-form fieldset.form-columns-2 .input{ margin: 0 !important; } .has-banner-form .banner-widget-form fieldset{ margin-bottom: 0; } } div.contact-form iframe{ display: none !important; } /* .banner-text-group h1, .banner-text-group h2{ display: table; margin: 0 auto; background: rgba(0,0,0,0.7); padding: 5px 10px; } */ /* .banner-overlay{ position: relative; } .banner-overlay::before{ width: 100%; height: 100%; background: rgba(139, 34, 50, 0.3) !important; content: ""; display: block; position: absolute; top: 0; left: 0; } */ .hidden{ display: none !important; } .current{ display: block !important; } .banner-text-group h1{ white-space: break-spaces; word-break: break-word; } @media(min-width: 768px) { .dropdown-trigger, .menu-trigger{ display: none !important; } .hs-menu-wrapper{ display: block !important; } } @media (max-width: 767px) { #hero .banner-text-group{ display: flex !important; position: absolute; top: 40px; height: 100%; width: 100%; left: 0; align-items: center; justify-content: center; align-content: center; } .banner-text-group .header, .banner-text-group .hs_cos_wrapper{ padding-top: 0 !important; } .banner-text-group #hs_cos_wrapper_module_145011741792872709{ padding-top: 0 !important; } .menu-trigger{ display: block; } .hs-tools-menu.hs-collapsed{ display: none !important; } .hs-menu-wrapper{ display: none; } div.banner-text-group{ display: block !important; } .banner-text-group h1, .banner-text-group p, .banner-text-group h2{ font-size: 28px !important; line-height: 1.2; padding: 0 5px; word-break: break-word; } #page-header{ padding: 0; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } #page-header .menu-trigger{ position: absolute; top: 10px; right: 20px; font-size: 24px; color: #8b2232 !important; } #page-header .mobile-trigger{ top: 5px !important; } #page-header .custom-menu-primary .hs-menu-wrapper ul li{ border-top: 1px solid #CFCFCF; } #page-header .custom-menu-primary .hs-menu-wrapper ul li .hs-menu-children-wrapper{ position: static !important; top: 0; } #page-header .custom-menu-primary .hs-menu-wrapper ul li a{ padding: 5px 10px !important; border-bottom: none !important; display: table !important; float: left; width: auto !important; } #page-header .custom-menu-primary .hs-menu-wrapper ul li a.child-trigger{ float: right; padding: 0 !important; height: auto !important; margin-top: 20px; } #page-header .hs-menu-wrapper .dropdown-trigger{ float: right !important; color: #8b2232 !important; position: absolute; right: 0; } #page-header .hs-menu-wrapper .dropdown-trigger i{ color: #8b2232 !important; } .content-section{ padding: 0 15px; } } .hidden-err-message { display:none !important; } #storage-landing-page-header{ padding: 15px 0; } #storage-landing-page-header .phone-number{ float: right; margin-top: 30px; } #storage-landing-page-header .phone-number a{ color: rgb(139, 32, 49); } #storage-landing-page-header .phone-number a:hover{ text-decoration: underline; } #storage-landing-page-banner{ padding: 30px; } #storage-landing-page-banner{ background: url('https://f.hubspotusercontent00.net/hubfs/431858/Images/064fc46a-self-storage_100000000000000000001o.jpg') no-repeat center center; background-size: cover; padding: 110px 0 55px; } #storage-landing-page-banner .heading h1{ color: #FFF; font-size: 50px; line-height: 60px; font-weight: 700; margin-bottom: 15px; } #storage-landing-page-banner .heading p{ color: #FFF; font-size: 16px; line-height: 1.4; margin-bottom: 27px; font-weight: 700; } #storage-landing-page-banner .form-heading{ text-align: center; font-size: 20px; color: rgb(139, 32, 49); } #storage-landing-page-banner .banner-form{ background: rgba(236,236,236,0.9); border-style: solid; border-width: 1px; border-color: #ccc; padding: 25px 45px; } #storage-landing-page-banner .banner-form input[type="text"], #storage-landing-page-banner .banner-form input[type="email"]{ margin-bottom: 8px; } #storage-landing-page-banner .banner-form input[type="submit"]{ background: rgba(139, 32, 49, 1); font-size: 24px; font-weight: 700; margin: 20px 0 0 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #FFF !important; padding: 7px 0; } #storage-landing-page-banner .banner-form input[type="submit"]:hover{ opacity: 0.5; } #storage-landing-page-banner .banner-form .note{ display: block; text-align: center; font-size: 13px; font-weight: 700; color: rgb(255, 2, 2); } #storage-landing-page-banner .banner-form .submitted-message{ text-align: center; color: green; } #storage-landing-page-banner .author-bio{ border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 25px 0; } #storage-landing-page-banner .author-bio img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #FFF; } #storage-landing-page-banner .author-bio .quote blockquote{ margin: 0; color: #FFF; font-size: 14px; font-style: italic; line-height: 1.5; margin-bottom: 20px; } #storage-landing-page-banner .author-bio .quote .author{ color: #FFF; font-size: 16px; margin: 0; line-height: 1.1; } #storage-landing-page-banner .author-bio .quote .position{ font-size: 13px; color: #FFF; margin: 0; } #storage-landing-page-widgets{ background: rgba(245, 245, 245, 1); padding: 40px 15px; } #storage-landing-page-widgets img{ width: 100%; height: 200px; } #storage-landing-page-widgets h3{ color: rgb(139, 32, 49); font-family: 'Merriweather', serif; font-size: 24px; font-weight: 700; margin: 25px 0 16px; max-width: 80%; } #storage-landing-page-contact{ background: url('https://f.hubspotusercontent00.net/hubfs/431858/Assets/6ee92b1d-storage-bg_100000000000000000001o.jpg') no-repeat center center; background-size: cover; padding: 40px 0; background-attachment: fixed; position: relative; } #storage-landing-page-contact::before{ display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 0; } #storage-landing-page-contact > div{ position: relative; z-index: 1; } #storage-landing-page-contact .heading h3{ color: #FFF; font-family: 'Merriweather', serif; font-size: 36px; font-weight: 700; max-width: 500px; margin: 0 auto; text-align: center; line-height: 1.2; position: relative; } #storage-landing-page-contact .heading::after{ display: block; content: ""; width: 50px; height: 4px; border-bottom: 4px solid #FFF; left: 0; right: 0; bottom: 0; margin: 0 auto 30px; padding-bottom: 30px; } #storage-landing-page-contact .sub-heading h4{ font-weight: 700; color: rgb(255, 255, 255); font-family: 'Merriweather', serif; font-size: 26px; line-height: 42px; text-align: center; } #storage-landing-page-contact .button .hs-button{ background: rgba(139,32,49,1); display: table; width: 245px; font-size: 24px; line-height: 29px; color: #FFF; text-decoration: none !important; margin: 0 auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding: 12px 0; text-align: center; } #storage-landing-page-contact .button .hs-button:hover{ opacity: 0.8; } #storage-landing-page-map .heading h3{ display: block; text-align: center; font-size: 26px; color: rgb(139, 32, 49); margin: 0 0 30px; } #storage-landing-page-map .desc p{ display: block; text-align: center; font-size: 16px; width: 100%; max-width: 700px; margin: 0 auto 30px; } #storage-landing-page-map{ padding: 40px 0; } #storage-landing-page-map .list-items ul li{ font-size: 13px; list-style: disc; color: rgb(104, 104, 104); line-height: 1.6; } #storage-landing-page-testimonials{ padding: 40px 0; background: rgba(245, 245, 245, 1); } #storage-landing-page-testimonials .heading h3{ text-align: center; font-size: 21px; margin-bottom: 10px; display: block; color: rgb(139, 32, 49); font-weight: 700; } #storage-landing-page-testimonials p{ background: rgba(255, 255, 255, 0.5); position: relative; padding: 20px; font-size: 14px; } #storage-landing-page-testimonials p::before{ display: block; content: ""; width: 95px; height: 89px; position: absolute; top: -40px; left: -25px; background: url('https://f.hubspotusercontent00.net/hubfs/431858/Images/117163373_628063964500385_1401006038486894608_n.png') no-repeat center center; } #storage-landing-page-testimonials label{ color: rgb(139, 32, 49); font-weight: 700; } #storage-landing-page-footer{ padding: 20px 0; } #storage-landing-page-footer .copy{ text-align: center; display: block; font-size: 14px; color: rgb(211, 211, 211); margin: 0; } #storage-landing-page-footer .phone-number{ float: right; margin-top: 30px; } #storage-landing-page-footer .phone-number a{ color: rgb(139, 32, 49); } #storage-landing-page-footer .phone-number a:hover{ text-decoration: underline; } @media (max-width: 767px) { #storage-landing-page-header .hs_cos_wrapper_type_linked_image{ display: table; margin: 0 auto; } #storage-landing-page-header .phone-number{ display: block; text-align: center; float: none; margin-top: 30px; } #hs_cos_wrapper_widget_1604053114623373, #hs_cos_wrapper_widget_1604324255241{ display: table !important; margin: 30px auto; padding: 0 !important; } #hs_cos_wrapper_widget_1604425149962472, #hs_cos_wrapper_widget_1604425144120470, #hs_cos_wrapper_widget_1604429525600257{ display: table; margin: 10px auto !important; } .author-bio{ margin-bottom: 25px !important; } } #hsresults li{ padding: 30px; margin-bottom: 30px; border: 1px solid #8b2232; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #hsresults li:hover{ background: #eee; } #hsresults li .hs-search-results__title{ font-size: 24px; color: #8b2232; text-decoration: none; display: block; margin-bottom: 20px; } #hsresults li .hs-search-results__title:hover{ text-decoration: underline; } .hs-search-results__pagination{ margin-top: 30px; } .hs-search-results__pagination a{ color: #FFF; background: #8b2232; padding: 8px 15px; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hs-search-results__pagination a:hover{ opacity: 0.5; } .hs-search-field__bar{ width: 100%; max-width: 350px; float: right; margin-top: -13px; border: 1px solid #CCC; } .page-header-scroll .hs-search-field__bar{ margin-top: 0; } .hs-search-field__bar input[type="text"]{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 35px; border: none; float: left; width: 80%; } .hs-search-field__bar button{ border: none; background: none; float: right; height: 44px; } .hs-search-field__bar button span svg{ height: 15px; } .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child, .hs_cos_wrapper_type_menu ul > li:last-child{ margin-right: 0 !important; } /*.search-results{ margin-top: 110px; } */ .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul{ margin-top: 5px; } .hero-overlay > div:nth-child(2){ margin-top: 35px; } @media (max-width: 767px) { .hs-search-field__bar{ margin-right: 30px; margin-top: -31px; max-width: 350px; } } @media (max-width: 500px) { .hs-search-field__bar{ max-width: 170px; } } @media (max-width: 400px) { .hs-search-field__bar{ max-width: 120px; } } /* Interact Marketing IM * Handling Error Messages for forms */ ul.no-list.hs-error-msgs { display: none !important; } /* Search Results Page */ .search-results-title { margin-top: 100px !important; } @media(max-width: 790px) { .search-results-title { margin-top: 20px !important; }