/***********************************************/ /* 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;} /****************************************/ /* Variables */ /****************************************/ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* */ /* */ /* */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ /* */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ @font-face { font-family: 'Core Sans M 35'; src: url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_35_Light.eot') format('embedded-opentype'), url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_35_Light.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: 'Core Sans M 45'; src: url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_45_Regular.eot')format('embedded-opentype'), url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_45_Regular.ttff') format('truetype'); font-weight: normal; } @font-face { font-family: 'Core Sans M 47'; src: url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_47_Cn_Regular.eot') format('embedded-opentype'), url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_47_Cn_Regular.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: 'Core Sans M 65'; src: url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_65_Bold.eot') format('embedded-opentype'), url('//2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/OnlineBusinessSystems_June2016_Fonts/S-Core_-_Core_Sans_M_65_Bold.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: 'Core Sans M 55'; src: url('https://2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/zOnlineBusinessSystems_June2016_Fonts/Core_Sans_M_55_Medium.eot') format('embedded-opentype'), url('https://2140526.fs1.hubspotusercontent-na1.net/hubfs/2140526/zOnlineBusinessSystems_June2016_Fonts/Core_Sans_M_55_Medium.ttf') format('truetype'); font-weight: normal; } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p { margin: 0 0 10px; } small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.1; color: inherit; font-family: 'Core Sans M 65', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 65px; margin-top: 20px; margin-bottom: 10px; } h2 { font-size: 40px; margin-top: 20px; margin-bottom: 10px; } h3 { color:;#7b7f8c; font-size: 30px; margin-top: 20px; margin-bottom: 10px; } h4 { font-size: 25px; color: #dc0031; margin-top: 10px; margin-bottom: 10px; } h5 { font-size: 18px; margin-top: 10px; margin-bottom: 10px; } h6 { font-size: 14px; margin-top: 10px; margin-bottom: 10px; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} ul { list-style: none; } ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} a, .btn.btn-border, .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label, .blog-pagination a, .blog-pagination span { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } button, input[type="submit"], input[type="button"], .btn { -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .form-control, .form-group .form-control, .form-group.is-focused .form-control, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn.focus:disabled, .btn:disabled:active, .btn.active:disabled, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.btn-simple, .btn.btn-default.btn-simple, .btn.btn-primary.btn-simple, .btn.btn-danger.btn-simple, .btn.btn-rose.btn-simple, .btn.btn-white.btn-simple, .btn.btn-border, .btn.btn-border:hover, .btn.btn-border:focus, .navbar button.navbar-toggle, .navbar button.navbar-toggle:hover, .btn.btn-facebook.btn-simple, .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple, .btn.btn-twitter.btn-simple, .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple, .btn.btn-pinterest.btn-simple, .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple, .btn.btn-google.btn-simple, .navbar .navbar-nav > li > a.btn.btn-google.btn-simple, .btn.btn-linkedin.btn-simple, .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple, .btn.btn-dribbble.btn-simple, .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple, .btn.btn-github.btn-simple, .navbar .navbar-nav > li > a.btn.btn-github.btn-simple, .btn.btn-youtube.btn-simple, .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple, .btn.btn-instagram.btn-simple, .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple, .btn.btn-reddit.btn-simple, .navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple, .btn.btn-tumblr.btn-simple, .navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple, .btn.btn-behance.btn-simple, .navbar .navbar-nav > li > a.btn.btn-behance.btn-simple, .btn.btn-snapchat.btn-simple, .navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple, .btn.btn-deviantart.btn-simple, .navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple, .btn.btn-vimeo.btn-simple, .navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple, .form-group.is-focused select.form-control, .form-group.has-warning .form-control, .form-group.has-error .form-control, .form-group.has-success .form-control, .form-group.has-info .form-control, select.form-control { box-shadow: none; } .form-control, .form-group .form-control { float: none; border: 0; border-radius: 0; background-color: transparent; background-image: -webkit-gradient(linear,left top, left bottom,from(#ef2138),to(#ef2138)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2)); background-image: -webkit-linear-gradient(#ef2138),to(#ef2138),-webkit-linear-gradient(#d2d2d2,#d2d2d2); background-image: linear-gradient(#ef2138),to(#ef2138),linear-gradient(#d2d2d2,#d2d2d2); background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-size: 0 2px, 100% 1px; font-weight: 400; -webkit-transition: background 0s ease-out; transition: background 0s ease-out; } .form-group.is-focused .form-control, .form-group .form-control:focus { outline: none; background-image: -webkit-gradient(linear,left top, left bottom,from(#ef2138),to(#ef2138)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2)); background-image: -webkit-linear-gradient(#ef2138),to(#ef2138),-webkit-linear-gradient(#d2d2d2,#d2d2d2); background-image: linear-gradient(#ef2138),to(#ef2138),linear-gradient(#d2d2d2,#d2d2d2); background-size: 100% 2px,100% 1px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ .navbar .navbar-brand { font-size: 18px; } a:not(.btn) { -webkit-transition: 0.3s ease; transition: 0.3s ease; } a:not(.btn):hover { opacity: 0.75; } body, .btn, .form-control, ul, ol { font-size: 14px; } .navbar, .navbar a { font-size: 14px; } body { font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.618; } ul, ol, output { line-height: 1.618; } h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.618; } p { margin: 0 0 10px; } button, input[type="submit"], input[type="button"], .btn { font-size: 12px; font-weight: 400; } .btn:not(.btn-just-icon):not(.btn-fab) .fa { font-size: 18px; } .btn.btn-just-icon { font-size: 20px; line-height: 20px; } .btn.btn-just-icon.btn-lg { font-size: 22px; } .btn .fa { font-size: 17px; } legend { font-size: 21px; } output { font-size: 14px; } button, input, select, textarea { font-size: inherit; line-height: inherit; } .form-control { font-size: 14px; line-height: 1.42857; } .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder, .checkbox label, .form-group .checkbox label, .radio label, .form-group .radio label, label, .form-group label { font-size: 14px; font-weight: 400; line-height: 1.42857; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-moz-placeholder, .form-group .form-control:-ms-input-placeholder, .form-group .form-control::-webkit-input-placeholder { font-weight: 400; } .form-group label.control-label { font-size: 11px; font-weight: 400; line-height: 1.07143; } .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { font-size: 14px; line-height: 1.42857; } .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label { font-size: 11px; line-height: 1.07143; } label.control-label { font-size: 11px; font-weight: 400; line-height: 1.07143; } label.subscribe-label { font-weight: 300; } table > thead > tr > th { font-size: 17px; font-weight: 300; } .help-block { font-size: 11px; } .navbar .navbar-brand { line-height: 30px; } .navbar .hs-menu-wrapper > ul > li > a { font-weight: 400; } .navbar .hs-menu-wrapper > ul > li > a .fa { font-size: 20px; } .navbar .hs-menu-children-wrapper li > a { font-size: 13px; } .navbar .hs-menu-children-wrapper li > a > i { font-size: 20px; } .navbar .hs-menu-children-wrapper li > a .fa { font-size: 20px; } .searchform:after, .search-form:after { font-size: 18px; } @media (min-width: 769px) { .navbar.full-screen-menu .navbar-nav > li a { font-size: 17px; } } @media (max-width: 768px) { .navbar .navbar-nav li > a > i, .navbar .navbar-nav li > a .fa { font-size: 22px; } .navbar .navbar-nav li .caret { font-size: 20px; } .navbar .navbar-nav li .hs-item-has-children > i, .navbar .navbar-nav li .hs-item-has-children .fa { font-size: 20px; } .navbar .navbar-nav .hs-item-has-children .hs-menu-children-wrapper li a { line-height: 20px; } .navbar .navbar-nav .hs-item-has-children .hs-menu-children-wrapper li a .caret { line-height: 1; } } body { color: #3c4858; font-family: Roboto, Helvetica, Arial, Sans-serif; direction: ltr; } h1, h2, h3, h4, h5, h6 { font-family: 'Core Sans M 47', Sans-serif !important; } a { color: #9c27b0; } a:hover, a:focus { color: #89229b; text-decoration: none; } blockquote p { font-style: italic; } h3 { margin: 20px 0 10px; } h5 { margin-bottom: 15px; } h6.category { text-transform: uppercase; } .footer-container-wrapper h4, .footer-container-wrapper h4 a, .footer-container-wrapper h4 a:hover, .footer-container-wrapper h5, .footer-container-wrapper a, .footer-container-wrapper a:hover { color: #333; text-decoration: none; word-wrap: break-word; } h1.title, .contactus h2.title,{ margin-bottom: 30px; } h2.title { margin-bottom: 10px; } .description, .footer-container-wrapper { color: #999; } .subscribe-description { color: #efefef; } .text-warning { color: #ff9800; } .text-primary { color: #9c27b0; } .text-danger { color: #f44336; } .text-success { color: #4caf50; } .text-info { color: #00bcd4; } .text-rose { color: #e91e63; } .text-gray { color: #999; } .single-post .blog-post .section-text h1, .single-post .blog-post .section-text h2, .single-post .blog-post .section-text h3, .single-post .blog-post .section-text h4, .single-post .blog-post .section-text h5, .single-post .blog-post .section-text h6, .single-post .blog-post .section-text p { margin: 0 0 15px; } .tooltip { opacity: 0; -webkit-transition: opacity,-webkit-transform 0.2s ease; transition: opacity,-webkit-transform 0.2s ease; transition: opacity,transform 0.2s ease; transition: opacity,transform 0.2s ease,-webkit-transform 0.2s ease; -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .tooltip.in { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .tooltip.left .tooltip-arrow { border-left-color: #fff; } .tooltip.right .tooltip-arrow { border-right-color: #fff; } .tooltip.top .tooltip-arrow { border-top-color: #fff; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #fff; } .tooltip-inner { min-width: 130px; padding: 10px 15px; border: none; border-radius: 3px; color: #555; background: #fff; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); font-size: 12px; line-height: 1.5; text-transform: none; } .screen-reader-text { overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; width: 1px; height: 1px; } .screen-reader-text:focus { display: block; clip: auto !important; z-index: 100000; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; border-radius: 3px; color: #21759b; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font-size: 14px; font-weight: bold; line-height: normal; text-decoration: none; /* Above WP toolbar. */ } .container-fluid .row-fluid .page-center { float: none; margin-right: auto; margin-left: auto; } .container-fluid .row-fluid .page-center { padding: 0; max-width: 100%; } @media (min-width: 749px) { .container-fluid .row-fluid .page-center { padding-left: 15px; padding-right: 15px; max-width: 748px; } } @media (min-width: 768px) { .container-fluid .row-fluid .page-center { padding-left: 15px; padding-right: 15px; max-width: 750px; } } @media (min-width: 992px) { .container-fluid .row-fluid .page-center { padding-left: 15px; padding-right: 15px; max-width: 970px; } } @media (min-width: 1200px) { .container-fluid .row-fluid .page-center { padding-left: 15px; padding-right: 15px; max-width: 1170px; } } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ .content-wrapper { padding:20px!important; } body { overflow-x: hidden; background-color: #e5e5e5; margin: 0; direction: ltr; } * { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } embed, iframe, img, object, video, button, input, select, textarea { max-width: 100%; } img { height: auto; } ul, ol { margin-bottom: 30px; } legend { border-bottom: 0; } .container { max-width: 100%; } .animation-transition-fast, .navbar, .panel .panel-heading i, .section-cards .card { -webkit-transition: all 150ms ease; transition: all 150ms ease; } .thumbnail { padding: 0; border: 0 none; border-radius: 0; } .section-image .description .default-link, .section-image .default-link, .title .default-link, .default-link:hover, .default-link { color: #fff; } .description .default-link { color: #999; } body.menu-open { overflow: hidden; } /*-------------------------------------------------------------- ## Buttons --------------------------------------------------------------*/ :focus, :active, ::-moz-focus-inner { outline: 0 !important; } button, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, .btn::-moz-focus-inner { border: 0; } button, input, select, textarea { padding: 7px; font-family: inherit; } button:focus, input:focus, select:focus, textarea:focus { outline: 0 !important; } button, input[type="submit"], input[type="button"], .btn { position: relative; margin: 10px 1px; padding: 12px 30px; border: none; border-radius: 3px; white-space: normal; letter-spacing: 0; text-transform: uppercase; will-change: box-shadow,transform; } input[type="number"] { padding: 0; } button, input[type="submit"], input[type="button"], .btn, .btn.btn-default { box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); } button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn:hover, .btn:focus, .btn:active, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover { outline: none; color: #fff; background-color: #999; } .btn > a:hover, .btn > a:focus, .btn > a:active, .btn:hover > a, .btn:focus > a, .btn:active > a { color: #fff; } .btn.btn-simple, .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-default.btn-simple, .btn.btn-default.btn-simple:hover, .btn.btn-default.btn-simple:focus, .btn.btn-default.btn-simple:active { color: #999; background-color: transparent; } button, input[type="submit"], input[type="button"], .btn.btn-primary { box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); } button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); } .btn.btn-primary.btn-simple, .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active { color: #ef2138; background-color: transparent; } button, button:hover, input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, input#searchsubmit, .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover { color: #fff; background-color: #ef2138; } .btn.btn-danger { box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); } .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active { box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); } .btn.btn-danger.btn-simple, .btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active, .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover { color: #fff; background-color: #f44336; } .btn.btn-white { color: #999; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); } .btn.btn-white.btn-white:focus, .btn.btn-white.btn-white:hover { color: #fff; background-color: rgba(153, 153, 153, 0.6); } .btn.btn-white.btn-simple { color: #fff; background: transparent; } .btn.btn-round { border-radius: 30px; } .btn:not(.btn-just-icon):not(.btn-fab) .fa { position: relative; } .btn.btn-just-icon { padding: 12px; } .btn.btn-just-icon:hover { box-shadow: none; } .btn.btn-just-icon i { width: 20px; } .btn.btn-just-icon.btn-lg { padding: 13px 18px; } .btn.btn-border { border: 1px solid #d2d2d2; color: #999; background: transparent; } .btn.btn-border:hover, .btn.btn-border:focus { color: #3c4858; background: transparent; } .btn .fa { position: relative; top: -1px; vertical-align: middle; } .navbar button.navbar-toggle, .navbar button.navbar-toggle:hover { color: #555; } .navbar .button:hover { color: #e91e63; box-shadow: none !important; } .btn.btn-facebook, .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active, .navbar .navbar-nav > li > a.btn.btn-facebook, .navbar .navbar-nav > li > a.btn.btn-facebook:hover, .navbar .navbar-nav > li > a.btn.btn-facebook:focus, .navbar .navbar-nav > li > a.btn.btn-facebook:active { color: #fff; background-color: #3b5998; } .btn.btn-facebook, .navbar .navbar-nav > li > a.btn.btn-facebook { box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); } .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active, .navbar .navbar-nav > li > a.btn.btn-facebook:hover, .navbar .navbar-nav > li > a.btn.btn-facebook:focus, .navbar .navbar-nav > li > a.btn.btn-facebook:active { box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); } .btn.btn-facebook.btn-simple, .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple { color: #3b5998; background-color: transparent; } .btn.btn-twitter, .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active, .navbar .navbar-nav > li > a.btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter:hover, .navbar .navbar-nav > li > a.btn.btn-twitter:focus, .navbar .navbar-nav > li > a.btn.btn-twitter:active { color: #fff; background-color: #55acee; } .btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter { box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); } .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active, .navbar .navbar-nav > li > a.btn.btn-twitter:hover, .navbar .navbar-nav > li > a.btn.btn-twitter:focus, .navbar .navbar-nav > li > a.btn.btn-twitter:active { box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); } .btn.btn-twitter.btn-simple, .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple { color: #55acee; background-color: transparent; } .btn.btn-pinterest, .btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active, .navbar .navbar-nav > li > a.btn.btn-pinterest, .navbar .navbar-nav > li > a.btn.btn-pinterest:hover, .navbar .navbar-nav > li > a.btn.btn-pinterest:focus, .navbar .navbar-nav > li > a.btn.btn-pinterest:active { color: #fff; background-color: #cc2127; } .btn.btn-pinterest, .navbar .navbar-nav > li > a.btn.btn-pinterest { box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); } .btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active, .navbar .navbar-nav > li > a.btn.btn-pinterest:hover, .navbar .navbar-nav > li > a.btn.btn-pinterest:focus, .navbar .navbar-nav > li > a.btn.btn-pinterest:active { box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); } .btn.btn-pinterest.btn-simple, .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple { color: #cc2127; background-color: transparent; } .btn.btn-google, .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active, .navbar .navbar-nav > li > a.btn.btn-google, .navbar .navbar-nav > li > a.btn.btn-google:hover, .navbar .navbar-nav > li > a.btn.btn-google:focus, .navbar .navbar-nav > li > a.btn.btn-google:active { color: #fff; background-color: #dd4b39; } .btn.btn-google, .navbar .navbar-nav > li > a.btn.btn-google { box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); } .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active, .navbar .navbar-nav > li > a.btn.btn-google:hover, .navbar .navbar-nav > li > a.btn.btn-google:focus, .navbar .navbar-nav > li > a.btn.btn-google:active { box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); } .btn.btn-google.btn-simple, .navbar .navbar-nav > li > a.btn.btn-google.btn-simple { color: #dd4b39; background-color: transparent; } .btn.btn-linkedin, .btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active, .navbar .navbar-nav > li > a.btn.btn-linkedin, .navbar .navbar-nav > li > a.btn.btn-linkedin:hover, .navbar .navbar-nav > li > a.btn.btn-linkedin:focus, .navbar .navbar-nav > li > a.btn.btn-linkedin:active { color: #fff; background-color: #0976b4; } .btn.btn-linkedin, .navbar .navbar-nav > li > a.btn.btn-linkedin { box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); } .btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active, .navbar .navbar-nav > li > a.btn.btn-linkedin:hover, .navbar .navbar-nav > li > a.btn.btn-linkedin:focus, .navbar .navbar-nav > li > a.btn.btn-linkedin:active { box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); } .btn.btn-linkedin.btn-simple, .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple { color: #0976b4; background-color: transparent; } .btn.btn-dribbble, .btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active, .navbar .navbar-nav > li > a.btn.btn-dribbble, .navbar .navbar-nav > li > a.btn.btn-dribbble:hover, .navbar .navbar-nav > li > a.btn.btn-dribbble:focus, .navbar .navbar-nav > li > a.btn.btn-dribbble:active { color: #fff; background-color: #ea4c89; } .btn.btn-dribbble, .navbar .navbar-nav > li > a.btn.btn-dribbble { box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); } .btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active, .navbar .navbar-nav > li > a.btn.btn-dribbble:hover, .navbar .navbar-nav > li > a.btn.btn-dribbble:focus, .navbar .navbar-nav > li > a.btn.btn-dribbble:active { box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); } .btn.btn-dribbble.btn-simple, .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple { color: #ea4c89; background-color: transparent; } .btn.btn-github, .btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active, .navbar .navbar-nav > li > a.btn.btn-github, .navbar .navbar-nav > li > a.btn.btn-github:hover, .navbar .navbar-nav > li > a.btn.btn-github:focus, .navbar .navbar-nav > li > a.btn.btn-github:active { color: #fff; background-color: #333; } .btn.btn-github, .navbar .navbar-nav > li > a.btn.btn-github { box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); } .btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active, .navbar .navbar-nav > li > a.btn.btn-github:hover, .navbar .navbar-nav > li > a.btn.btn-github:focus, .navbar .navbar-nav > li > a.btn.btn-github:active { box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); } .btn.btn-github.btn-simple, .navbar .navbar-nav > li > a.btn.btn-github.btn-simple { color: #333; background-color: transparent; } .btn.btn-youtube, .btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active, .navbar .navbar-nav > li > a.btn.btn-youtube, .navbar .navbar-nav > li > a.btn.btn-youtube:hover, .navbar .navbar-nav > li > a.btn.btn-youtube:focus, .navbar .navbar-nav > li > a.btn.btn-youtube:active { color: #fff; background-color: #e52d27; } .btn.btn-youtube, .navbar .navbar-nav > li > a.btn.btn-youtube { box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); } .btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active, .navbar .navbar-nav > li > a.btn.btn-youtube:hover, .navbar .navbar-nav > li > a.btn.btn-youtube:focus, .navbar .navbar-nav > li > a.btn.btn-youtube:active { box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); } .btn.btn-youtube.btn-simple, .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple { color: #e52d27; background-color: transparent; } .btn.btn-instagram, .btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active, .navbar .navbar-nav > li > a.btn.btn-instagram, .navbar .navbar-nav > li > a.btn.btn-instagram:hover, .navbar .navbar-nav > li > a.btn.btn-instagram:focus, .navbar .navbar-nav > li > a.btn.btn-instagram:active { color: #fff; background-color: #125688; } .btn.btn-instagram, .navbar .navbar-nav > li > a.btn.btn-instagram { box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); } .btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active, .navbar .navbar-nav > li > a.btn.btn-instagram:hover, .navbar .navbar-nav > li > a.btn.btn-instagram:focus, .navbar .navbar-nav > li > a.btn.btn-instagram:active { box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); } .btn.btn-instagram.btn-simple, .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple { color: #125688; background-color: transparent; } .btn.btn-reddit, .btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active, .navbar .navbar-nav > li > a.btn.btn-reddit, .navbar .navbar-nav > li > a.btn.btn-reddit:hover, .navbar .navbar-nav > li > a.btn.btn-reddit:focus, .navbar .navbar-nav > li > a.btn.btn-reddit:active { color: #fff; background-color: #ff4500; } .btn.btn-reddit, .navbar .navbar-nav > li > a.btn.btn-reddit { box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); } .btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active, .navbar .navbar-nav > li > a.btn.btn-reddit:hover, .navbar .navbar-nav > li > a.btn.btn-reddit:focus, .navbar .navbar-nav > li > a.btn.btn-reddit:active { box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); } .btn.btn-reddit.btn-simple, .navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple { color: #ff4500; background-color: transparent; } .btn.btn-tumblr, .btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active, .navbar .navbar-nav > li > a.btn.btn-tumblr, .navbar .navbar-nav > li > a.btn.btn-tumblr:hover, .navbar .navbar-nav > li > a.btn.btn-tumblr:focus, .navbar .navbar-nav > li > a.btn.btn-tumblr:active { color: #fff; background-color: #35465c; } .btn.btn-tumblr, .navbar .navbar-nav > li > a.btn.btn-tumblr { box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); } .btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active, .navbar .navbar-nav > li > a.btn.btn-tumblr:hover, .navbar .navbar-nav > li > a.btn.btn-tumblr:focus, .navbar .navbar-nav > li > a.btn.btn-tumblr:active { box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); } .btn.btn-tumblr.btn-simple, .navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple { color: #35465c; background-color: transparent; } .btn.btn-behance, .btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active, .navbar .navbar-nav > li > a.btn.btn-behance, .navbar .navbar-nav > li > a.btn.btn-behance:hover, .navbar .navbar-nav > li > a.btn.btn-behance:focus, .navbar .navbar-nav > li > a.btn.btn-behance:active { color: #fff; background-color: #1769ff; } .btn.btn-behance, .navbar .navbar-nav > li > a.btn.btn-behance { box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); } .btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active, .navbar .navbar-nav > li > a.btn.btn-behance:hover, .navbar .navbar-nav > li > a.btn.btn-behance:focus, .navbar .navbar-nav > li > a.btn.btn-behance:active { box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); } .btn.btn-behance.btn-simple, .navbar .navbar-nav > li > a.btn.btn-behance.btn-simple { color: #1769ff; background-color: transparent; } .btn.btn-snapchat, .btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active, .navbar .navbar-nav > li > a.btn.btn-snapchat, .navbar .navbar-nav > li > a.btn.btn-snapchat:hover, .navbar .navbar-nav > li > a.btn.btn-snapchat:focus, .navbar .navbar-nav > li > a.btn.btn-snapchat:active { color: #fff; background-color: #fffc00; } .btn.btn-snapchat, .navbar .navbar-nav > li > a.btn.btn-snapchat { box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12); } .btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active, .navbar .navbar-nav > li > a.btn.btn-snapchat:hover, .navbar .navbar-nav > li > a.btn.btn-snapchat:focus, .navbar .navbar-nav > li > a.btn.btn-snapchat:active { box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2); } .btn.btn-snapchat.btn-simple, .navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple { color: #fffc00; background-color: transparent; } .btn.btn-deviantart, .btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active, .navbar .navbar-nav > li > a.btn.btn-deviantart, .navbar .navbar-nav > li > a.btn.btn-deviantart:hover, .navbar .navbar-nav > li > a.btn.btn-deviantart:focus, .navbar .navbar-nav > li > a.btn.btn-deviantart:active { color: #fff; background-color: #05cc47; } .btn.btn-deviantart, .navbar .navbar-nav > li > a.btn.btn-deviantart { box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12); } .btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active, .navbar .navbar-nav > li > a.btn.btn-deviantart:hover, .navbar .navbar-nav > li > a.btn.btn-deviantart:focus, .navbar .navbar-nav > li > a.btn.btn-deviantart:active { box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2); } .btn.btn-deviantart.btn-simple, .navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple { color: #05cc47; background-color: transparent; } .btn.btn-vimeo, .btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active, .navbar .navbar-nav > li > a.btn.btn-vimeo, .navbar .navbar-nav > li > a.btn.btn-vimeo:hover, .navbar .navbar-nav > li > a.btn.btn-vimeo:focus, .navbar .navbar-nav > li > a.btn.btn-vimeo:active { color: #fff; background-color: #1ab7ea; } .btn.btn-vimeo, .navbar .navbar-nav > li > a.btn.btn-vimeo { box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12); } .btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active, .navbar .navbar-nav > li > a.btn.btn-vimeo:hover, .navbar .navbar-nav > li > a.btn.btn-vimeo:focus, .navbar .navbar-nav > li > a.btn.btn-vimeo:active { box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2); } .btn.btn-vimeo.btn-simple, .navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple { color: #1ab7ea; background-color: transparent; } /*-------------------------------------------------------------- ## Forms --------------------------------------------------------------*/ legend { margin-bottom: 20px; } output { padding-top: 8px; } .radio label, .checkbox label { min-height: 20px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .label { border-radius: 2px; background-color: #fff; } .label.label-default { background-color: #fff; } .label.label-primary { background-color: #9c27b0; } .label.label-success { background-color: #4caf50; } .label.label-danger { background-color: #f44336; } .label.label-rose { background-color: #e91e63; } .form-control { height: 36px; padding: 7px 0; } .form-control-static { min-height: 34px; padding-top: 8px; padding-bottom: 8px; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-moz-placeholder, .form-group .form-control:-ms-input-placeholder, .form-group .form-control::-webkit-input-placeholder { color: #aaa; } .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { background-color: transparent; } .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { border-bottom: 1px dotted #d2d2d2; background-image: none; } .form-control { margin-bottom: 7px; } .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder, .checkbox label, .form-group .checkbox label, .radio label, .form-group .radio label, label, .form-group label { color: #aaa; } label.control-label { margin: 16px 0 0; color: #aaa; } .help-block { margin-top: 0; } .form-group { position: relative; padding-bottom: 7px; margin-bottom: 15px; } .form-group .form-control { margin-bottom: 7px; } .form-group label.control-label { margin: 16px 0 0; color: #aaa; } .form-group input[type=file] { position: relative; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .form-group textarea { resize: none; } .form-group textarea ~ .form-control-highlight { margin-top: -11px; } .form-group .help-block { display: none; position: absolute; margin-top: 0; } .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label { position: absolute; pointer-events: none; } .form-group.label-floating label.control-label { will-change: left,top,contents; } .form-group.label-placeholder:not(.is-empty) label.control-label { display: none; } .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { top: -7px; left: 0; } .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label { top: -28px; left: 0; } .form-group.is-focused .form-control .material-input:after { background-color: #9c27b0; } .form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label { color: #aaa; } .form-group.is-focused select.form-control { border-color: #d2d2d2; } .form-group.has-warning.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9800), to(#ff9800)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#ff9800, #ff9800), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-warning label.control-label { color: #ff9800; } .form-group.has-error.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-error label.control-label { color: #f44336; } .form-group.has-success.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-success label.control-label { color: #4caf50; } .form-group.has-info.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#00bcd4)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#00bcd4, #00bcd4), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-info label.control-label, .form-group.has-info .help-block { color: #00bcd4; } select.form-control { border: 0; border-radius: 0; } select.form-control[multiple], select .form-group.is-focused select.form-control[multiple] { height: 85px; } .input-group-btn .btn { margin: 0 0 7px; } .input-group .input-group-btn { padding: 0 12px; } .input-group .input-group-addon { padding: 6px 15px 0; border: 0; background: transparent; } .form-control-feedback { opacity: 0; } .has-success .form-control-feedback { opacity: 1; color: #4caf50; } .has-error .form-control-feedback { opacity: 1; color: #f44336; } .searchform label, .search-form label { display: table-cell; width: 100%; padding-right: 25px; vertical-align: top; } .searchform, .search-form { display: table; position: relative; } .searchform input[type=submit], .searchform button, .search-form input[type=submit], .search-form button { display: table-cell; top: -19px; width: 45px; padding-right: 0; padding-left: 0; text-align: center; vertical-align: top; text-indent: -9999px; } .searchform input[type=search], .search-form input[type=search] { height: 36px; } .searchform:after, .search-form:after { position: absolute; top: 0; right: 15px; color: #fff; font-family: "Fontawesome"; content: "\f002"; pointer-events: none; } /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* ========================================================================== Header ========================================================================== */ .header-container {} .custom-header-group { padding: 10px 0; position: fixed; background-color: #323437; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,0,0,0.2); width: 100% !important; top: 0px; z-index: 11; } .custom-header-group .hidden-phone { margin: 0 !important; width: 75%; } /* Search styling */ .hestia-search-in-menu .form-group .form-control { color: #FFF; } .hestia-nav-search { padding: 0 15px; } .hestia-nav-search .hestia-search-submit { padding: 10px 15px; } @media (min-width: 768px) { .navbar:not(.nav-searching) .hestia-search-in-nav, .navbar:not(.nav-searching) .hestia-search-in-nav .search-field { padding: 0; } .navbar.nav-searching .hestia-search-in-nav { max-width: 200px; opacity: 1; } .nav-searching .custom-menu-primary .hs-menu-wrapper > ul li:not(.hestia-search-in-menu) { visibility: hidden; opacity: 0; } .hestia-nav-search { padding: 0; } .search-submit-wrapper { display: none; } .search-field-wrapper { float: right; } .custom-header-group .hestia-toggle-search { color: #fff; display: block; padding: 12.5px; } .custom-header-group .hestia-toggle-search::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); content: ""; -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .custom-menu-primary .hs-menu-wrapper > ul > li::hover .hestia-toggle-search:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .custom-header-group .hestia-search-in-nav { position: absolute; right: 40px; box-sizing: border-box; width: 200px; max-width: 0; padding: 5px; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .hestia-search-in-menu { display: inline-block; position: relative; z-index: 999; vertical-align: middle; cursor: pointer; } .hestia-search-in-menu form { margin: 0; padding: 0; } li.hestia-search-in-menu:hover .hestia-toggle-search { background: #555; } } /* Logo styling */ .header-container .hs_cos_wrapper_type_logo {} .header-container .hs_cos_wrapper_type_logo a { padding: 0 15px; display: inline-block; } .header-container .hs_cos_wrapper_type_logo a img { width: auto; max-height: 50px; } /* ========================================================================== Content ========================================================================== */ .body-container-wrapper { margin-top: -28px; padding:0px 0px; } .body-container {} .body-container .page-center { padding:35px 0px; } .custom-banner-image { position: relative; } .custom-banner-page-title { padding-top: 110px !important; text-align: center; color: #fff; } .custom-banner-page-title h1 { color: #fff; font-size: 42px; font-weight: 700; line-height: 1.1; margin: 20px 0 10px; text-decoration: none; word-wrap: break-word; } .custom-banner-page-subtitle h3 { color: #fff; font-size: 30px; font-weight: 700; line-height: 1; text-align: center; margin: 20px 0 10px; text-decoration: none; word-wrap: break-word; padding-bottom: 110px !important; } .banner-filter { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; } .banner-filter2 { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; } .main.main-raised { background-color: #fff; margin: -60px auto 0 auto !important; padding: 50px 0; float: none; width: 96%; border-radius: 6px 6px 0 0; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .main.main-raised::before { display: table; content: ""; } @media (max-width: 768px) { .main.main-raised { margin-right: 0; margin-left: 0; border-radius: 0; width: 100%; } } .main.main-raised > div { margin: 0 auto; width: 90%; } @media (min-width: 749px) { .main.main-raised > div { width: 70%; } } @media (min-width: 768px) { .main.main-raised > div { width: 65%; } } @media (min-width: 992px) { .main.main-raised > div { width: 60%; } } @media (min-width: 1200px) { .main.main-raised > div { width: 50%; } } /* Unique Pages ========================================================================== */ /* Homepage */ /* Contact Us */ /* About Us */ /* Modular & Reusable Components ========================================================================== */ /* Callouts */ /* Social Media Custom Icons */ /* Additional Menus aside from the Main Nav */ /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper { background: #fff; color: #333; padding: 30px 0 18px; } .footer-container-wrapper h4 { font-weight: 700; font-size: 18px; line-height: 1.4; margin-bottom: 20px; margin-top: 10px; } .footer-container-wrapper a:hover { color: #ef2138; } .custom-footer-about, .custom-explore-wrapper, .custom-footer-right-wrapper{ margin-bottom: 30px; padding-left: 15px; display: block; } .custom-footer-top { margin-bottom: 10px; background-color:transparent; } .custom-footer-bottom { text-align: center; } .custom-footer-bottom .custom-copyright { border-top: 1px solid rgba(255,255,255,0.2); padding-top: 35px; } .custom-footer-bottom .custom-copyright p { color: #fff; font-family: Arial, Helvetica, sans-serif !important; } .custom-footer-about { } .custom-footer-about p { font-family: Arial, Helvetica, sans-serif !important; } .custom-footer-about p a { color: #fff; letter-spacing: 1px; } .custom-footer-about p a:hover { text-decoration: none; color: #aeadb1; } .custom-footer-menu ul, .custom-footer-contact ul { margin: 0 !important; padding: 0 0 0 10px; list-style: none; } .custom-footer-menu ul li:first-child, .custom-footer-contact ul li:first-child { padding-top: 0; } .custom-footer-menu ul li, .custom-footer-contact ul li { padding-top: 5px; line-height: 1.6; transform: none !important; font-weight: 500 !important; } .custom-footer-menu ul li a, .custom-footer-contact ul li a { color: #3d4760; display: inline-block !important; font-family: 'Core Sans M 47', Sans-serif; font-weight: 600; font-size:17px; line-height: 1.4; position: relative; padding: 5px 10px 5px 10px!important; text-decoration: none; text-transform: uppercase; } .custom-footer-menu ul li a i, .custom-footer-contact ul li a i { color: #333; } .custom-js-import{ min-height:0px !important; display: none; } .footer-right img { max-width:217px!important; } .footer-right .hs_cos_wrapper_widget { text-align:right; } body .custom-footer-menu ul li:first-child, body .custom-footer-contact ul li:first-child { padding-top: 5px; line-height: 1.6; transform: none !important; font-weight: 500 !important; } .footer-social a { color:#3C4858; margin-right:30px; } .footer-social a i { font-size:20px; } .footer-copyright { text-align:center; font-family:"Helvetica", Core Sans, Sans-serif; font-size:14px; } body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width:initial; } @media (max-width: 767px) { .custom-copyright { margin: 0 20px !important; } } @media (min-width: 767px) and (max-width: 991px) { .custom-footer-about, .custom-explore-wrapper, .custom-footer-right-wrapper { width: 100% !important; margin-left: 0 !important; } } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:#323437; float: right; margin-right: -15px; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:transparent; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color: rgba(255,255,255,0.92); padding: 15px; border-radius: 3px; line-height: 20px; font-size: 18px; font-family: 'Core Sans M 47', sans-serif; font-weight: 600; letter-spacing:1px; text-transform: uppercase; } .custom-menu-primary .hs-menu-wrapper > ul > li.active > a, .custom-menu-primary .hs-menu-wrapper > ul > li.active.active-branch > a, .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a{ color:#dbdbdb; background-color: #555; text-decoration: none; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover { color:#dbdbdb; background-color: #555; text-decoration: none; } .custom-menu-primary .hs-menu-wrapper > ul > li.clicked > a { color: #555; background-color: #e7e7e7; } .custom-menu-primary .hs-menu-wrapper>ul>li>a:focus { text-decoration: none; } .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children>a:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 7px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 0; visibility: hidden; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children.clicked > ul.hs-menu-children-wrapper{ opacity: 1 !important; visibility: visible !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul{ display:none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children.clicked > ul{ display:block; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ position: absolute; top: 100%; left: 0; z-index: 1000 !important; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; background-color: #323437; border: 0; border-radius: 3px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-background-clip: padding-box; background-clip: padding-box; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:transparent; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#ffffff; margin: 0 5px; padding: 10px; border-radius: 2px; background-color: transparent; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#dbdbdb; text-decoration: none; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } @media (min-width: 768px) { .custom-menu-primary .hs-menu-wrapper > ul a { font-size: 14px; } } @media (max-width: 1199px){ .custom-menu-primary .hs-menu-wrapper>ul{ margin-right: 0; } } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } } /* ========================================================================== 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. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } /* To hide div on mobile devices */ .mobileHide { display: inline; } @media screen and (max-width: 600px){ .mobileHide { display: none;} } @media (max-width: 767px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * 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 .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .search-field-wrapper { display: table-cell; width: 100%; padding: 0; vertical-align: bottom; } .search-submit-wrapper { display: table-cell; width: 50px; padding: 0; padding-left: 6px; vertical-align: top; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; cursor: pointer; position: fixed; top: 18px; right: 15px; width: auto; height: auto; padding: 8px 10px 8px 10px; background: #323437; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; color: #ffffff; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#dbdbdb; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#dbdbdb; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -4px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #ffffff; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; /* Position top line */ } .mobile-trigger i:after{ top: 6px; /* Position bottom line */ } .mobile-open .mobile-trigger i { background-color: transparent !important; } .mobile-open .mobile-trigger i:before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-open .mobile-trigger i:after { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after { background-color: #dbdbdb; /* Icon color */ } /* Child Toggle Button ========================================================================== */ .navbar .hs-menu-wrapper li:hover > a .child-trigger i { color: #dbdbdb; } .child-trigger{ display: inline-block; position: absolute; z-index: 100; top: 10px; right: 15px; box-sizing: content-box; width: 30px; height: 30px; margin-left: 0; border: 1px solid #FFFFFF; border-radius: 2px; color: #FFFFFF; font-family: Fontawesome; text-align: center; cursor: pointer; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; } .child-trigger i:before{ font: normal normal normal 14px / 1 FontAwesome; content: ""; } .child-trigger i, .child-trigger i:before{ display: inline-block; position: relative; top: 4px; content: "\f0d7"; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .child-trigger.child-open i, .child-trigger.child-open i:before { top: 3px; } .child-trigger.child-open i:before{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hestia-toggle-search, .hestia-toggle-search .fa { display: none; } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-header-group { display: table !important; width: 100% !important; min-height: 70px !important; } .custom-menu-primary.visible-phone, .custom-menu-primary.visible-phone .widget-type-menu { min-height: 1px; } .custom-menu-primary.js-enabled{ position: relative; padding-top: 0px; /* Makes room for button */ margin: 0; overflow-y: auto !important; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0 15px; overflow-y: auto; max-height: -webkit-calc(100% - 70px); max-height: calc(100% - 70px); -webkit-overflow-scrolling: auto; margin-top: 18px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -webkit-overflow-scrolling: touch; } .custom-menu-primary .hs-menu-wrapper{ background-color:#323437; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 12px; /* Font size of top level list items */ line-height: 20px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper>ul{ } .custom-menu-primary .hs-menu-wrapper > ul li{ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 15px; color: #ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#dbdbdb; /* link hover color set by global mobile-aColorHover variable */ } .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children>a:after{ display: none; } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper>ul ul{ background-color: transparent; border: 0px; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 0px; /* Indent Child lists */ font-size: 13px; color: #5c5c64; padding: 5px 15px 5px 25px; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color: #fff; background-color: #555; text-decoration: none; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @media (max-width: 1199px) { .navbar .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 991px) { .navbar .navbar-nav > li { margin-right: 10px; margin-left: 10px; } .btn.btn-simple { padding-right: 0; padding-left: 0; text-align: left; } } @media (min-width: 992px) { .navbar .navbar-collapse { text-align: center; } .navbar .navbar-center { display: inline-block; float: none; } .navbar .navbar-nav > li { margin: 0; } .navbar .navbar-nav > li.btn { margin: 0 10px; } .navbar .navbar-nav > li.btn:last-child { margin-right: 0; } .footer-container-wrapper .span4 { padding: 0 15px; } } @media (min-width: 769px) { .form-horizontal .control-label { padding-top: 8px; } .hs-item-has-children .hs-menu-children-wrapper { display: block; visibility: hidden; margin-top: -20px; opacity: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .hs-item-has-children.open .hs-menu-children-wrapper, .hs-item-has-children:hover .hs-menu-children-wrapper { visibility: visible; margin-top: 1px; opacity: 1; } .navbar .navbar-nav > li { display: inline-block; float: none; } .container > .navbar-header { display: table-cell !important; float: none; min-width: 250px; vertical-align: middle; } .navbar:not(.hestia_right) .navbar-collapse { display: table-cell !important; width: 100%; text-align: right; vertical-align: middle; } .navbar.hestia_center .navbar-collapse { display: block !important; text-align: center; } .navbar.hestia_center .navbar-right { display: block; float: none !important; text-align: center; } .navbar.hestia_right .navbar-right { float: left !important; margin-top: 20px; } .navbar.navbar-scroll-point.hestia_right .navbar-right { margin-top: 0; } .navbar.hestia_right.navbar-not-transparent .navbar-right { margin-top: 10px; -webkit-transition: margin 0.3s ease; transition: margin 0.3s ease; } .navbar.hestia_right.navbar-not-transparent.navbar-scroll-point .navbar-right { margin-top: 0; } .navbar.hestia_right .header-widgets-wrapper .widget.widget_search .form-group { margin-bottom: 0; padding-bottom: 0; } .navbar.hestia_right .header-widgets-wrapper .widget.widget_search input[type=submit] { top: -8px; margin: 0; } .navbar.full-screen-menu.navbar-transparent .navbar-toggle { color: #fff; } .menu-open .navbar.full-screen-menu.navbar-transparent .navbar-toggle { color: #555; } .navbar.full-screen-menu.hestia_center .navbar-toggle { position: absolute; top: 0; right: 0; margin-top: 23px; -webkit-transition: 0.2s ease; transition: 0.2s ease; } .navbar.full-screen-menu.navbar-scroll-point.hestia_center .navbar-toggle { top: 10px; margin-top: 8px; } .navbar.full-screen-menu > .container { display: table; position: relative; } .navbar.full-screen-menu.hestia_right .navbar-right { margin-top: 0; } .navbar.full-screen-menu.hestia_right .navbar-toggle { display: table-cell; } .navbar.full-screen-menu .navbar-toggle { display: block; z-index: 999999; } .navbar.full-screen-menu .full-screen-menu-close { display: none; } .navbar.full-screen-menu .navbar-collapse .navbar-nav { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; } .navbar.full-screen-menu .navbar-collapse.in .navbar-nav { display: block !important; visibility: visible; opacity: 1; pointer-events: inherit; } .navbar.full-screen-menu .navbar-nav { position: fixed; z-index: 9999; top: 0; bottom: 0; left: 0; width: 100%; padding-top: 100px; background-color: rgba(255, 255, 255, 0.9); overflow-X: auto; } .navbar.full-screen-menu .navbar-nav ul > li, .navbar.full-screen-menu .navbar-nav ul > li.btn:last-child { display: table; margin: 20px auto; } .navbar.full-screen-menu.navbar-not-transparent .navbar-nav { background-color: rgba(255, 255, 255, 0.9); } .navbar:not(.full-screen-menu).navbar-scroll-point.hestia_center .navbar-header { display: none !important; } .navbar:not(.full-screen-menu).navbar-scroll-point.hestia_right .navbar-header, .navbar:not(.full-screen-menu).navbar-scroll-point.hestia_right .header-sidebar-wrapper { display: none !important; } .navbar.full-screen-menu.navbar-scroll-point.hestia_center .navbar-header { padding-bottom: 0; } body.menu-open .navbar.navbar-transparent.full-screen-menu { color: #555; } body.menu-open .navbar.navbar-transparent.full-screen-menu .navbar-collapse.collapse.in .navbar-nav > .btn.active > a, body.menu-open .navbar.navbar-transparent.full-screen-menu .navbar-collapse.collapse.in .navbar-nav > .btn.active > a:hover { color: #fff; } } @media (max-width: 768px) { .navbar .navbar-toggle { margin-right: 0; } .navbar .hs-menu-children-wrapper li:hover a { box-shadow: none; } .navbar.hestia_center .navbar-header { width: auto; max-width: none; padding: 0; } .navbar.hestia_center .navbar-header .navbar-brand { float: left; } .navbar.navbar-transparent { color: #555; background: #fff; } .navbar.navbar-transparent .hs-menu-wrapper li a, .navbar.navbar-transparent .hs-menu-wrapper i, .navbar.navbar-transparent .hs-menu-wrapper li.btn a, .navbar.navbar-transparent .hs-menu-wrapper .btn.hs-menu-children-wrapper.open > li a { opacity: 1; } .navbar.navbar-default li.btn a, .navbar.navbar-default li.btn a i { color: #fff !important; } .navbar.navbar-default .hs-menu-wrapper .open:not(.btn) a { color: #555; background: transparent; } .navbar.navbar-default li a:hover, .navbar.navbar-default li a:focus, .navbar.navbar-default ul.hs-menu-children-wrapper li a:hover, .navbar.navbar-default ul.hs-menu-children-wrapper li a:focus, .navbar.navbar-not-transparent li a:hover, .navbar.navbar-not-transparent li a:focus, .navbar.navbar-not-transparent ul.hs-menu-children-wrapper li a:hover, .navbar.navbar-not-transparent ul.hs-menu-children-wrapper li a:focus { box-shadow: none; } .navbar .container { display: table; width: 100%; min-height: 70px; } .navbar.navbar-fixed-top .navbar-collapse { overflow-y: auto; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; max-height: -webkit-calc(100% - 70px); max-height: calc(100% - 70px); margin-top: 70px; margin-right: 0; margin-left: 0; background: #fff; -webkit-overflow-scrolling: auto; } .navbar.header-with-topbar.navbar-fixed-top .navbar-collapse { max-height: -webkit-calc(100% - 110px); max-height: calc(100% - 110px); margin-top: 110px; } .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse { max-height: -webkit-calc(100% - 70px); max-height: calc(100% - 70px); margin-top: 70px; } .navbar .hs-menu-wrapper { margin: 7.5px 0; } .navbar .hs-menu-wrapper .navbar-text { margin-top: 15px; margin-bottom: 15px; color: inherit; } .navbar .hs-menu-wrapper .open .hs-menu-children-wrapper > .dropdown-header { border: 0; color: inherit; } .navbar .hs-menu-wrapper li { float: left; box-sizing: border-box; width: 100%; margin: 0; padding: 0; } .navbar .hs-menu-wrapper li.btn { margin-top: 10px; } .navbar .hs-menu-wrapper li > a { text-align: left; } .navbar .navbar-nav li > a > i, .navbar .navbar-nav li > a .fa { margin-right: 12px; } .navbar .hs-menu-wrapper li.btn > a, .navbar .hs-menu-wrapper li.button > a { text-align: left; } .navbar .hs-menu-wrapper > ul > .open > a:hover, .navbar .hs-menu-wrapper > ul > .open > a:focus { color: #FFFFFF; background-color: transparent; } .navbar .hs-menu-wrapper li a:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); content: ""; -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .navbar .hs-menu-wrapper li a:hover:before, .navbar .hs-menu-wrapper li a:focus:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar .hs-menu-wrapper li:hover > a i { color: #e91e63; } .navbar .hs-menu-wrapper .hs-item-has-children.btn a > .caret { border-color: #fff; color: #fff; } .navbar .hs-menu-wrapper .hs-item-has-children li { padding: 0; } .navbar .hs-menu-wrapper .hs-item-has-children a { position: relative; } .navbar .hs-menu-wrapper .hs-item-has-children a .caret { display: inline-block; position: absolute; z-index: 100; top: 10px; right: 15px; box-sizing: content-box; width: 30px; height: 30px; margin-left: 0; border: 1px solid #555; border-radius: 2px; color: #555; font-family: Fontawesome; text-align: center; cursor: pointer; } .navbar .hs-menu-wrapper .hs-item-has-children a .caret:hover { opacity: 0.8; } .navbar .hs-menu-wrapper .hs-item-has-children a .caret:before { display: inline-block; position: relative; top: 5px; content: "\f107"; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .navbar .hs-menu-wrapper .hs-item-has-children a .caret.caret-open:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .navbar .hs-menu-wrapper .hs-item-has-children a > i, .navbar .hs-menu-wrapper .hs-item-has-children a .fa { margin-right: 12px; } .navbar .hs-menu-wrapper .hs-item-has-children.open .caret:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .navbar .hs-menu-wrapper .hs-item-has-children.open .hs-menu-children-wrapper { display: block !important; } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper { position: static; width: 100%; margin-top: 0; padding: 0; background: transparent; box-shadow: none; } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper.open { display: block !important; } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li a { margin: 0; padding: 15px 0 15px 30px; } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li a:hover, .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li a:focus { color: #ffffff; background-color: transparent; } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li a:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); content: ""; -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li a:hover:before, .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li a:focus:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar .hs-menu-wrapper .hs-item-has-children .hs-menu-children-wrapper li li a { padding: 15px 0 15px 45px; } .navbar .dropdown-submenu:hover > .hs-menu-children-wrapper { display: none !important; } .navbar .dropdown-submenu:hover > a { background: transparent !important; box-shadow: none; } .navbar .navbar-brand h1, .navbar .navbar-brand p { padding: 10px 0; } .navbar .dropdown-submenu.open > a { color: inherit; background: transparent !important; box-shadow: none; } .navbar .hs-menu-children-wrapper li a, .navbar.navbar-not-transparent .hs-menu-children-wrapper li a { color: #FFFFFF; } .navbar .hs-menu-children-wrapper i, .navbar.navbar-not-transparent .hs-menu-children-wrapper i { opacity: 1; } .navbar.navbar-transparent .open .hs-menu-children-wrapper > li > a:hover, .navbar.navbar-transparent .open .hs-menu-children-wrapper > li > a:focus, .navbar.navbar-transparent .open .hs-menu-children-wrapper > .active > a, .navbar.navbar-transparent .open .hs-menu-children-wrapper > .active > a:hover, .navbar.navbar-transparent .open .hs-menu-children-wrapper > .active > a:focus, .navbar.navbar-transparent .open .hs-menu-children-wrapper > .disabled > a, .navbar.navbar-transparent .open .hs-menu-children-wrapper > .disabled > a:hover, .navbar.navbar-transparent .open .hs-menu-children-wrapper > .disabled > a:focus { color: inherit; background-color: transparent; } .navbar.navbar-transparent .hs-menu-wrapper > .active > a { color: #555; } .navbar .open .hs-menu-children-wrapper > li > a:hover, .navbar .open .hs-menu-children-wrapper > li > a:focus, .navbar .open .hs-menu-children-wrapper > .active > a, .navbar .open .hs-menu-children-wrapper > .active > a:hover, .navbar .open .hs-menu-children-wrapper > .active > a:focus, .navbar .open .hs-menu-children-wrapper > .disabled > a, .navbar .open .hs-menu-children-wrapper > .disabled > a:hover, .navbar .open .hs-menu-children-wrapper > .disabled > a:focus { color: #e91e63; background-color: transparent; } .navbar .hs-menu-children-wrapper li > a > i { opacity: 1; } .single .section { padding: 30px 0 0; } .single .section.section-blog-info { padding: 15px 0 30px; } .media .avatar, .media-body .avatar, .media-area .avatar { width: 35px; height: 35px; margin: 0; } .subscribe-line .btn { margin-top: 15px; } ul.children { padding-left: 5px; border-left: 1px #cfcfcf solid; } .blog-post .section-comments .comment-respond .author { display: none; } .footer.footer-big { padding: 30px 0 26px; } .footer .footer-menu { width: 100%; } .footer-container-wrapper .copyright { display: inline-block; float: none !important; width: 100%; padding: 10px 0; text-align: center; } .navbar.navbar-transparent { border-radius: 0; } .navbar.navbar-transparent > .container { padding-top: 10px; } .main-raised { margin-right: 0; margin-left: 0; border-radius: 0; } hr { margin-top: 0; } .single.single-post .section-blog-info .entry-social { margin: 15px 0 30px; } .single.single-post .section-blog-info .card-profile { margin-top: 20px; } .page .section.section-text { padding: 30px 0; } .single-post .page-header.header-small .container, .page .page-header.header-small .container, .blog .page-header.header-small .container, .archive .page-header.header-small .container, .category .page-header.header-small .container { padding: 170px 15px 90px; } .single-post .page-header.header-small .container .hestia-title, .page .page-header.header-small .container .hestia-title, .blog .page-header.header-small .container .hestia-title, .archive .page-header.header-small .container .hestia-title, .category .page-header.header-small .container .hestia-title { margin-top: 0; } .home:not(.blog) .main-raised { margin-top: 0; } .home:not(.blog) .page-header { min-height: 0; } .header .carousel .item .container { padding-top: 170px; padding-bottom: 100px; } .header .buttons > .btn-right ~ .btn-left { margin-top: 40px; } .header.header-with-topbar .carousel .item .container { padding-top: 210px; } .header .carousel .carousel-control { margin-top: 35px; } .header.header-with-topbar .carousel .carousel-control { margin-top: 55px; } .carousel .item .container.container-height-auto { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .carousel .carousel-control.left .fa { left: 10px; } .carousel .carousel-control.right .fa { right: 10px; } .navbar-nav .nav-cart { display: none; } .obfx-sharing-bottom { left: 0; } .carousel .buttons .btn-left + .btn-right, .carousel .buttons .btn-left, .carousel .buttons .btn-right { margin: 0 15px 15px; } .navbar.full-screen-menu .responsive-nav-cart + .navbar-toggle { float: right; margin-right: 10px; } } @media (max-width: 480px) { .single .main-raised { margin: -60px 0 30px; } .comment-respond .form-submit input { display: block; float: none !important; margin: 0 auto; } .alternative-blog-row { display: table; width: 100%; margin: 0 auto; table-layout: fixed; } .alternative-blog-row div:first-child { display: table-footer-group; } .alternative-blog-row div:last-child { display: block; padding: 0; } .contactus .card-contact { margin-top: 30px; } .contactus .card-contact .content { padding: 30px 15px 0; } #hs_cos_wrapper_widget_1686929390513 { display: block !important; padding-left: 0px !important; } #hs_cos_wrapper_widget_1666987446314 { display: block !important; padding-bottom: 20px !important; padding-left: 0px !important } } @media (min-width: 480px) and (max-width: 767px) { .form-horizontal .form-group .control-label { text-align: right; } } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ .aos-init[data-aos] { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 1.25s; -moz-transition-duration: 1.25s; transition-duration: 1.25s; will-change: transform, opacity; } .aos-init[data-aos].hestia-table-two { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; } .aos-init[data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .aos-init[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .aos-init[data-aos=fade-up] { -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0); } .aos-init[data-aos=fade-down] { -webkit-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0); } .aos-init[data-aos=fade-right] { -webkit-transform: translate3d(-35px, 0, 0); transform: translate3d(-35px, 0, 0); } .aos-init[data-aos=fade-left] { -webkit-transform: translate3d(35px, 0, 0); transform: translate3d(35px, 0, 0); } /*-------------------------------------------------------------- # Font Awesome --------------------------------------------------------------*/ /*!* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license(Font:SIL OFL 1.1,CSS:MIT License) */@font-face { font-family:'FontAwesome';src:url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('https://static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(359deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1); -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1) } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1); -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1) } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x,.fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before,.fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before,.fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before,.fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before,.fa-image:before,.fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before,.fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before,.fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before,.fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before,.fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before,.fa-users:before { content: "\f0c0" } .fa-chain:before,.fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before,.fa-scissors:before { content: "\f0c4" } .fa-copy:before,.fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before,.fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before,.fa-reorder:before,.fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before,.fa-sort:before { content: "\f0dc" } .fa-sort-down:before,.fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before,.fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before,.fa-undo:before { content: "\f0e2" } .fa-legal:before,.fa-gavel:before { content: "\f0e3" } .fa-dashboard:before,.fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before,.fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before,.fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before,.fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before,.fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before,.fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before,.fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before,.fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before,.fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before,.fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before,.fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before,.fa-usd:before { content: "\f155" } .fa-rupee:before,.fa-inr:before { content: "\f156" } .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before { content: "\f157" } .fa-ruble:before,.fa-rouble:before,.fa-rub:before { content: "\f158" } .fa-won:before,.fa-krw:before { content: "\f159" } .fa-bitcoin:before,.fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before,.fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before,.fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before,.fa-bank:before,.fa-university:before { content: "\f19c" } .fa-mortar-board:before,.fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-square:before,.fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before,.fa-car:before { content: "\f1b9" } .fa-cab:before,.fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before,.fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before,.fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before,.fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before,.fa-rebel:before { content: "\f1d0" } .fa-ge:before,.fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before,.fa-weixin:before { content: "\f1d7" } .fa-send:before,.fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before,.fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } /*-------------------------------------------------------------- # Addsearch Styling changes --------------------------------------------------------------*/ #addsearch-results .addsearch-result-item-sub { min-height: 133px; } #addsearch-results .addsearch-result-item-sub div { min-height: 133px; } #addsearch-results .addsearch-result-item-sub h1 a { padding: 11px 0; } #addsearch-results-right { display: none; } .addsearch { width: 100%; color: white; font-weight: bold; } #addsearch-results-mid { width: 449px !important; } #addsearch-results.addsearch-d { display: none; } #addsearch-d { display: none; } #element.style { display: none; } #addsearch-results.addsearch-d { width: 447px !important; left: 56.3%; } .addsearch-result-item-container { background-image: none !important; } .addsearch-result-item-sub { background-image: none !important; } #addsearch-results .addsearch-result-item-sub div { padding: 0px 14px 0px 15px; } #addsearch-results .addsearch-result-item-sub h1 a { color: #dc0031; } #addsearch-mobile-field { font-family: 'Core Sans M 65', sans-serif !important; } #addsearch-results.addsearch-m .addsearch-result-item-sub h1 a { color: #dc0031 !important; } #addsearch-result-item-container { background-image: none !important; } #addsearch-result-item-sub { background-image: none !important; } /* Art 11-25-2019 to 12-23-2019 ========================================================================== */ /* New Style Header */ .obs2019.custom-header-group { background-color: #3d4760; border-top:4px solid #dc1f36; border-bottom:0; padding:15px 0 15px 0; box-shadow:none; } .obs2019 .custom-menu-primary .hs-menu-wrapper > ul { background-color:transparent; } .obs2019 .custom-menu-primary .hs-menu-wrapper > ul > li.active > a, .custom-menu-primary .hs-menu-wrapper > ul > li.active.active-branch > a, .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a { background-color:transparent; font-weight:600; } /* Agile + RPA Landers ========================================================================== */ /* Form body container */ body.obs2019 .body-container .round-corners.white { background-color:#fff; padding:60px; border-radius:40px; box-shadow:0 4px 30px rgba(0,0,0,0.1); z-index:2; position:relative; } /* Form: Background */ body.obs2019 .body-container .round-corners.white .widget-type-form, body.obs2019 .body-container .round-corners.white .hs_cos_wrapper_type_form form { background-color:transparent; } body.obs2019 .body-container .round-corners.white .hs_cos_wrapper_type_form form fieldset label { line-height: 1.6em; font-size: 1.2em; font-weight:400; display: inline-block; padding-top: 15px; } /* Form: Field labels */ body.obs2019 .hs-form .hs-form-field label { margin-bottom:10px; } /* Required asterixes on form labels */ body.obs2019 span.hs-form-required { top:-4px; color:#dc1f36; } /* Form: Input fields */ body.obs2019 .body-container .round-inputs .hs_cos_wrapper_type_form form input[type="text"], body.obs2019 .body-container .round-inputs .hs_cos_wrapper_type_form form input[type="email"], body.obs2019 .body-container .round-inputs .hs_cos_wrapper_type_form form input[type="tel"], body.obs2019 .body-container .round-inputs .hs_cos_wrapper_type_form form textarea { border-radius: 30px; line-height: 1.2em; font-size: 1.2em; padding: 10px 25px; border:2px solid #dedede; box-shadow: none; width:100%; } /* Form: Buttons */ body.obs2019 .hs_cos_wrapper_type_form .hs-button.primary, body.obs2019 .hs_cos_wrapper_type_form input[type="submit"] { background-color:#fff; border:2px solid #1E98DB; color:#1E98DB; font-family:Open Sans, sans-serif; font-size:1.2em; font-weight:600; letter-spacing: initial; line-height:1.2em; text-transform: capitalize; padding:20px 30px; border-radius:40px; transition-duration:.18s; } body.obs2019 .hs_cos_wrapper_type_form input[type="submit"]:hover { background-color:#1E98DB; color:#fff; } /* Headings: H2+H3 Red Underline (black+white) */ body.obs2019 .brand-underline h2, body.obs2019 .brand-underline h3 { color:#333; position:relative; } body.obs2019 .brand-underline h2:after, body.obs2019 .brand-underline h3:after { background-color: #dc1f36; content: " "; width: 26px; height: 5px; display: block; margin:30px auto; } body.obs2019 .brand-underline-white h2, body.obs2019 .brand-underline-white h3 { color:#fff; position:relative; } body.obs2019 .brand-underline-white h2:after, body.obs2019 .brand-underline-white h3:after { background-color: #dc1f36; content: " "; width: 26px; height: 5px; display: block; margin-top: 30px; margin-bottom: 30px; } /* Headings: H2+H3 Purple Underline (dark gray) */ body.obs2019 .brand-underline-purple h2, body.obs2019 .brand-underline-purple h3 { color:#3C4858; position:relative; } body.obs2019 .brand-underline-purple h2:after, body.obs2019 .brand-underline-purple h3:after { background-color: #71266f; content: " "; width: 26px; height: 5px; display: block; margin-left:calc(50% - 13px); margin-top:30px; margin-bottom:50px; } body.obs2019 .brand-underline.left h2:after, body.obs2019 .brand-underline.left h3:after { margin:30px 0; } body.obs2019 .brand-underline-purple.heading-big.text-center h2 { font-size:3em; font-weight:600!important; text-align:center; } body.obs2019 .brand-underline.smaller h3 { font-size:2em; } /* Rounded images */ body.obs2019 .round-borders span img { border-radius:30px!important; box-shadow:0 14px 30px rgba(0,0,0,0.21) !important; } /* courses */ body.obs2019 .course-block h3 { margin-top:0; } /* Dividers */ body.obs2019 .divider-bottom { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; } /* Header images for inside pages */ body.obs2019 .header-banner .banner-filter { filter:contrast(75%) brightness(50%); } /* Header Divider Triangle */ body.obs2019 .arrow-up { width: 0; height: 0; border-left: 55px solid transparent; border-right: 55px solid transparent; border-bottom: 55px solid #f8f8f8; margin-left:calc(50% - 55px); margin-bottom:0; } body.obs2019 .widget-type-custom_widget.header-arrow { margin-bottom:-30px; } /* Page: Off-colored stripe section */ .fiord { color:#fff; background-color:#000013; width:100%; text-align:center; line-height:2.6em; padding:40px 0 40px 0; } .fiord.grey { background-color:#f2f2f2; color:#333; } .fiord h3 { font-size:2.6em; font-weight:600; margin-bottom:60px; } .fiord .brand-underline-purple h3:after { margin-top:30px; } /* RPA Lander ========================================================================== */ body.obs2019 .blogpost-column h3 { color:#EF2138; font-size:1.6em; font-weight:600; text-align:center; } body.obs2019 .blogpost-column .blogpost-category p { font-size:1.4em; font-weight:600; text-align:center; } body.obs2019 .blogpost-column img { border-radius:30px; margin:15px auto 30px; display:block; } body.obs2019 .blogpost-column .blogpost-content p { font-size:1.2em; line-height:1.6em; min-height:150px; } body.obs2019 .blogpost-column .blogpost-button { margin-top:40px; text-align:center; } body.obs2019 .blogpost-column .blogpost-button a { background-color:#fff; border:2px solid #1E98DB; color:#1E98DB; font-family:Open Sans, sans-serif; font-size:1.2em; font-weight:600; letter-spacing: initial; line-height:1.2em; text-transform: capitalize; padding:20px 30px; border-radius:40px; text-decoration:none; transition-duration:.18s; } body.obs2019 .blogpost-column .blogpost-button a:hover { background-color:#1E98DB; color:#fff; } /* Meet RPA team */ body.obs2019 .meet-team-container { background-color:#fff; border-radius:30px; padding:40px 40px 80px 40px!important; box-shadow:0 30px 40px rgba(0,0,0,0.26); } body.obs2019 .meet-team h4 { font-size:2em; text-align:center; font-weight:600; } body.obs2019 .meet-team .team-portrait img { border-radius:30px; margin:15px auto 30px; display:block; } body.obs2019 .meet-team .team-title { font-size:1.6em; } body.obs2019 .meet-team .team-title, body.obs2019 .meet-team .team-position { text-align:center; } body.obs2019 .meet-team .team-position p { font-size:1.3em; } body.obs2019 .meet-team .team-content { text-align:initial; font-size:1.3em; line-height:1.6em; color:#555; } body.obs2019 .meet-team .team-button { margin-top:40px; text-align:center; } body.obs2019 .meet-team .team-button a { background-color:#fff; border:2px solid #1E98DB; color:#1E98DB; font-family:Open Sans, sans-serif; font-size:1.2em; font-weight:600; letter-spacing: initial; line-height:1.2em; text-transform: capitalize; padding:20px 30px; border-radius:40px; text-decoration:none; transition-duration:.18s; white-space:nowrap; } body.obs2019 .meet-team .team-button a:hover { background-color:#1E98DB; color:#fff; } /* dividers */ .vertical-divider { border-top:2px solid #dedede; padding-top:50px; margin-top:50px; } /* misc */ body.obs2019 .bg-image-section { min-height:270px; } body.obs2019 .page-header h1 { color:#3C4858; font-size:3em; } body.obs2019 h1 { text-align:center; color:#fff; margin-top:65px; } .center-img img.hs-image-widget, .center-img img { margin:0 auto!important; max-width:225px!important; display:block!important; } /* Negative margins and custom aux alignment */ body.obs2019 .mt-40 { margin-top:-40px!important; } body.obs2019 .mt-60 { margin-top:-60px!important; } body.obs2019 .mt-80 { margin-top:-80px!important; } /* End of Art edits */ /* NPS Scores */ .hs_nps_score .input ul li { display: inline; list-style-type: none; padding: 5px; width: 100%; } .hs_nps_score .input input[type="radio"] { opacity: 0; position: fixed; width: 0; } .hs_nps_score .input label { background-color: #ffffff; font-family: sans-serif, Arial; font-size: 16px; border: 1px solid #444; border-radius: 4px; width: 50px; height: 50px; display: table-cell; vertical-align: middle; } input[type="radio"]:checked + span { background-color:#ccc; line-height: 48px; width: 100%; vertical-align: middle; display: inline-block; } .hs_nps_score .input label:hover { background-color:#ccc; }