/* ========================================================================== HubSpot Migrations Services - COS Boilerplate v2.0.0 ========================================================================== */ /* ========================================================================== Table of Contents: 1. EXTERNAL RESOURCES 2. BASE STYLES 3. COS STRUCTURE 4. MAIN NAVIGATION 5. BLOG 6. FORMS 7. BUTTONS 8. MISCELLANEOUS 9. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. EXTERNAL RESOURCES ========================================================================== */ /* =============== @import, @font-face, and CSS File Includes =============== */ /* EX: @import url('http://example.com/example_style.css'); */ @import url('//fonts.googleapis.com/css?family=Varela+Round%3A400%7CHind%3A700%2C300%7CMontserrat%3A700%7CPlayfair+Display%3A400&subset=latin&ver=1503099046'); /* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */ /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Responsive Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-top: 0px; padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 0 0 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 { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Fix radio button and check box fields in multi column forms*/ .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .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; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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; } .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; } /* Vertical Menu ========================================================================== */ .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; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .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.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .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; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .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"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * 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;} /* 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; padding: 0; 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} /* FlexSlider Necessary Styles *********************************/ .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%;} /* 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("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; top: 40%; 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; } } .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; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* 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; } /* ========================================================================== Fonts / Icon Fonts / Keyframes / ========================================================================== */ /* Fonts ========================================================================== */ /* =============== Open Sans =============== */ @font-face { font-family: 'Open Sans'; src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Light/OpenSans-Light-webfont.eot'); src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Light/OpenSans-Light-webfont.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Light/OpenSans-Light-webfont.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Light/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Regular/OpenSans-Regular-webfont.eot'); src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Regular/OpenSans-Regular-webfont.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Regular/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Semibold/OpenSans-Semibold-webfont.eot'); src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Semibold/OpenSans-Semibold-webfont.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Semibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Semibold/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Bold/OpenSansBold-webfont.eot'); src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Bold/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Bold/OpenSansBold-webfont.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Bold/OpenSansBold-webfont.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/OpenSans/Bold/OpenSansBold-webfont.svg#OpenSansBold') format('svg'); font-weight: 700; font-style: normal; } /* Icon Fonts ========================================================================== */ [class^="icon-"], [class*=" icon-"] { background-color: #27CFC3; border-radius: 999px 999px 999px 999px; -moz-border-radius: 999px 999px 999px 999px; -webkit-border-radius: 999px 999px 999px 999px; -o-border-radius: 999px 999px 999px 999px; color: #fff; display: inline-block; font-size: 16px; height: 32px; line-height: 32px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 32px; top: -2px; word-spacing: 1px; } /* =============== icomoon =============== */ @font-face { font-family: 'icomoon'; src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/icomoon/icomoon.eot'); src: url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/icomoon/icomoon.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/icomoon/icomoon.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/icomoon/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'icomoon'!important; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-salient-x, .icon-salient-search, .icon-salient-right-arrow, .icon-salient-left-arrow, .icon-salient-right-line, .icon-salient-back-to-all, .icon-salient-left-arrow-thin, .icon-salient-right-arrow-thin, .icon-salient-down-arrow-thin, .icon-salient-down-arrow, .icon-salient-google-plus, .ascend .mfp-image-holder .mfp-close, .ascend .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close, .icon-salient-facebook, .icon-salient-twitter, .icon-salient-pinterest, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-plus, .icon-salient-cart, body[data-is="minimal"] [class^="icon-"].icon-reorder, .icon-salient-pencil, .icon-be, .icon-vimeo, .icon-soundcloud, .icon-button-arrow, .icon-salient-thin-line, .icon-salient-spotify, .icon-salient-m-user, .salient-page-submenu-icon, .icon-salient-m-clock, .video-play-button, .mejs-controls .mejs-button button { font-family: 'icomoon'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-salient-m-bag:before { content: "\e900"; } .icon-salient-m-eye:before { content: "\e015"; } .icon-salient-m-clock:before { content: "\e016"; } .icon-salient-m-gear:before { content: "\e023"; } .icon-salient-m-heart:before { content: "\e024"; } .icon-salient-m-search:before { content: "\e036"; } .icon-salient-m-prev:before { content: "\e050"; } .icon-salient-m-rewind:before { content: "\e051"; } .icon-salient-m-play:before { content: "\e052"; } .icon-salient-m-pause:before { content: "\e053"; } .icon-salient-m-stop:before { content: "\e054"; } .icon-salient-m-ff:before { content: "\e055"; } .icon-salient-m-next:before { content: "\e056"; } .icon-salient-m-user:before { content: "\e074"; } .icon-salient-m-chat:before { content: "\e076"; } .icon-salient-m-social:before { content: "\e081"; } .icon-salient-m-left-arrow:before { content: "\e094"; } .icon-salient-m-right-arrow:before { content: "\e095"; } .icon-salient-m-sound:before { content: "\e098"; } .icon-salient-m-mute:before { content: "\e099"; } .icon-salient-m-close:before { content: "\e117"; } .icon-salient-m-menu:before { content: "\e120"; } .icon-salient-x:before { content: "\e003"; } .icon-salient-search:before { content: "\e002"; } .icon-salient-right-arrow:before { content: "\e000"; } .icon-salient-left-arrow:before { content: "\e001"; } .icon-salient-right-line:before { content: "\e004"; } .icon-salient-back-to-all:before { content: "\e005"; } .icon-salient-right-arrow-thin:before { content: "\e006"; } .icon-salient-left-arrow-thin:before { content: "\e007"; } .icon-salient-down-arrow-thin:before { content: "\e00c"; } .icon-salient-down-arrow:before { content: "\e008"; } .icon-salient-google-plus:before { content: "\e009"; } .icon-salient-facebook:before { content: "\e00a"; } .icon-salient-twitter:before { content: "\e00b"; } .icon-salient-pinterest:before { content: "\e00d"; } .icon-salient-heart:before { content: "\e00e"; } .icon-salient-heart-2:before { content: "\e00f"; } .icon-salient-plus:before { content: "\e010"; } .icon-salient-cart:before { content: "\e012"; } .icon-salient-pencil:before { content: "\e011"; } .icon-be:before { content: "\e013"; } .icon-vimeo:before { content: "\e014"; } .icon-soundcloud:before { content: "\e600"; } .icon-button-arrow:before { content: "\e601"; } .icon-salient-thin-line:before { content: "\e602"; } .icon-salient-spotify:before { content: "\f1bc"; } /* =============== Linecons =============== */ @font-face { font-family: linecons; src: url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/linecons/linecons.eot); src: url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/linecons/linecons.eot?#iefix) format('embedded-opentype'), url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/linecons/linecons.ttf) format('truetype'), url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/linecons/linecons.woff) format('woff'), url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/linecons/linecons.svg#linecons) format('svg'); font-weight: 400; font-style: normal } [class*=" linecon-icon-"], [class^=linecon-icon-] { font-family: linecons!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .linecon-icon-heart:before { content: "\e600" } .linecon-icon-cloud:before { content: "\e601" } .linecon-icon-star:before { content: "\e602" } .linecon-icon-tv:before { content: "\e603" } .linecon-icon-sound:before { content: "\e604" } .linecon-icon-video:before { content: "\e605" } .linecon-icon-trash:before { content: "\e606" } .linecon-icon-user:before { content: "\e607" } .linecon-icon-key:before { content: "\e608" } .linecon-icon-search:before { content: "\e609" } .linecon-icon-eye:before { content: "\e60a" } .linecon-icon-bubble:before { content: "\e60b" } .linecon-icon-stack:before { content: "\e60c" } .linecon-icon-cup:before { content: "\e60d" } .linecon-icon-phone:before { content: "\e60e" } .linecon-icon-news:before { content: "\e60f" } .linecon-icon-mail:before { content: "\e610" } .linecon-icon-like:before { content: "\e611" } .linecon-icon-photo:before { content: "\e612" } .linecon-icon-note:before { content: "\e613" } .linecon-icon-food:before { content: "\e614" } .linecon-icon-t-shirt:before { content: "\e615" } .linecon-icon-fire:before { content: "\e616" } .linecon-icon-clip:before { content: "\e617" } .linecon-icon-shop:before { content: "\e618" } .linecon-icon-calendar:before { content: "\e619" } .linecon-icon-wallet:before { content: "\e61a" } .linecon-icon-vynil:before { content: "\e61b" } .linecon-icon-truck:before { content: "\e61c" } .linecon-icon-world:before { content: "\e61d" } .linecon-icon-clock:before { content: "\e61e" } .linecon-icon-paperplane:before { content: "\e61f" } .linecon-icon-params:before { content: "\e620" } .linecon-icon-banknote:before { content: "\e621" } .linecon-icon-data:before { content: "\e622" } .linecon-icon-music:before { content: "\e623" } .linecon-icon-megaphone:before { content: "\e624" } .linecon-icon-study:before { content: "\e625" } .linecon-icon-lab:before { content: "\e626" } .linecon-icon-location:before { content: "\e627" } .linecon-icon-display:before { content: "\e628" } .linecon-icon-diamond:before { content: "\e629" } .linecon-icon-pen:before { content: "\e62a" } .linecon-icon-bulb:before { content: "\e62b" } .linecon-icon-lock:before { content: "\e62c" } .linecon-icon-tag:before { content: "\e62d" } .linecon-icon-camera:before { content: "\e62e" } .linecon-icon-settings:before { content: "\e62f" } /* =============== steadysets =============== */ @font-face { font-family: steadysets; src: url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/steadysets/steadysets.eot); src: url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/steadysets/steadysets.eot?#iefix) format('embedded-opentype'), url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/steadysets/steadysets.ttf) format('truetype'), url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/steadysets/steadysets.woff) format('woff'), url(//cdn2.hubspot.net/hubfs/2470564/3DEO_September2017/Fonts/steadysets/steadysets.svg#icomoon) format('svg'); font-weight: 400; font-style: normal } [class*=" steadysets-icon-"], [class^=steadysets-icon-] { font-family: steadysets!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .steadysets-icon-type:before { content: "\e600" } .steadysets-icon-box:before { content: "\e601" } .steadysets-icon-archive:before { content: "\e602" } .steadysets-icon-envelope:before { content: "\e603" } .steadysets-icon-email:before { content: "\e604" } .steadysets-icon-files:before { content: "\e605" } .steadysets-icon-uniE606:before { content: "\e606" } .steadysets-icon-connection-empty:before { content: "\e607" } .steadysets-icon-connection-25:before { content: "\e608" } .steadysets-icon-connection-50:before { content: "\e609" } .steadysets-icon-connection-75:before { content: "\e60a" } .steadysets-icon-connection-full:before { content: "\e60b" } .steadysets-icon-microphone:before { content: "\e60c" } .steadysets-icon-microphone-off:before { content: "\e60d" } .steadysets-icon-book:before { content: "\e60e" } .steadysets-icon-cloud:before { content: "\e60f" } .steadysets-icon-book2:before { content: "\e610" } .steadysets-icon-star:before { content: "\e611" } .steadysets-icon-phone-portrait:before { content: "\e612" } .steadysets-icon-phone-landscape:before { content: "\e613" } .steadysets-icon-tablet:before { content: "\e614" } .steadysets-icon-tablet-landscape:before { content: "\e615" } .steadysets-icon-laptop:before { content: "\e616" } .steadysets-icon-uniE617:before { content: "\e617" } .steadysets-icon-barbell:before { content: "\e618" } .steadysets-icon-stopwatch:before { content: "\e619" } .steadysets-icon-atom:before { content: "\e61a" } .steadysets-icon-syringe:before { content: "\e61b" } .steadysets-icon-pencil:before { content: "\e61c" } .steadysets-icon-chart:before { content: "\e61d" } .steadysets-icon-bars:before { content: "\e61e" } .steadysets-icon-cube:before { content: "\e61f" } .steadysets-icon-image:before { content: "\e620" } .steadysets-icon-crop:before { content: "\e621" } .steadysets-icon-graph:before { content: "\e622" } .steadysets-icon-select:before { content: "\e623" } .steadysets-icon-bucket:before { content: "\e624" } .steadysets-icon-mug:before { content: "\e625" } .steadysets-icon-clipboard:before { content: "\e626" } .steadysets-icon-lab:before { content: "\e627" } .steadysets-icon-bones:before { content: "\e628" } .steadysets-icon-pill:before { content: "\e629" } .steadysets-icon-bolt:before { content: "\e62a" } .steadysets-icon-health:before { content: "\e62b" } .steadysets-icon-map-marker:before { content: "\e62c" } .steadysets-icon-stack:before { content: "\e62d" } .steadysets-icon-newspaper:before { content: "\e62e" } .steadysets-icon-uniE62F:before { content: "\e62f" } .steadysets-icon-coffee:before { content: "\e630" } .steadysets-icon-bill:before { content: "\e631" } .steadysets-icon-sun:before { content: "\e632" } .steadysets-icon-vcard:before { content: "\e633" } .steadysets-icon-shorts:before { content: "\e634" } .steadysets-icon-drink:before { content: "\e635" } .steadysets-icon-diamond:before { content: "\e636" } .steadysets-icon-bag:before { content: "\e637" } .steadysets-icon-calculator:before { content: "\e638" } .steadysets-icon-credit-cards:before { content: "\e639" } .steadysets-icon-microwave-oven:before { content: "\e63a" } .steadysets-icon-camera:before { content: "\e63b" } .steadysets-icon-share:before { content: "\e63c" } .steadysets-icon-bullhorn:before { content: "\e63d" } .steadysets-icon-user:before { content: "\e63e" } .steadysets-icon-users:before { content: "\e63f" } .steadysets-icon-user2:before { content: "\e640" } .steadysets-icon-users2:before { content: "\e641" } .steadysets-icon-unlocked:before { content: "\e642" } .steadysets-icon-unlocked2:before { content: "\e643" } .steadysets-icon-lock:before { content: "\e644" } .steadysets-icon-forbidden:before { content: "\e645" } .steadysets-icon-switch:before { content: "\e646" } .steadysets-icon-meter:before { content: "\e647" } .steadysets-icon-flag:before { content: "\e648" } .steadysets-icon-home:before { content: "\e649" } .steadysets-icon-printer:before { content: "\e64a" } .steadysets-icon-clock:before { content: "\e64b" } .steadysets-icon-calendar:before { content: "\e64c" } .steadysets-icon-comment:before { content: "\e64d" } .steadysets-icon-chat-3:before { content: "\e64e" } .steadysets-icon-chat-2:before { content: "\e64f" } .steadysets-icon-chat-1:before { content: "\e650" } .steadysets-icon-chat:before { content: "\e651" } .steadysets-icon-zoom-out:before { content: "\e652" } .steadysets-icon-zoom-in:before { content: "\e653" } .steadysets-icon-search:before { content: "\e654" } .steadysets-icon-trashcan:before { content: "\e655" } .steadysets-icon-tag:before { content: "\e656" } .steadysets-icon-download:before { content: "\e657" } .steadysets-icon-paperclip:before { content: "\e658" } .steadysets-icon-checkbox:before { content: "\e659" } .steadysets-icon-checkbox-checked:before { content: "\e65a" } .steadysets-icon-checkmark:before { content: "\e65b" } .steadysets-icon-refresh:before { content: "\e65c" } .steadysets-icon-reload:before { content: "\e65d" } .steadysets-icon-arrow-right:before { content: "\e65e" } .steadysets-icon-arrow-down:before { content: "\e65f" } .steadysets-icon-arrow-up:before { content: "\e660" } .steadysets-icon-arrow-left:before { content: "\e661" } .steadysets-icon-settings:before { content: "\e662" } .steadysets-icon-battery-full:before { content: "\e663" } .steadysets-icon-battery-75:before { content: "\e664" } .steadysets-icon-battery-50:before { content: "\e665" } .steadysets-icon-battery-25:before { content: "\e666" } .steadysets-icon-battery-empty:before { content: "\e667" } .steadysets-icon-battery-charging:before { content: "\e668" } .steadysets-icon-uniE669:before { content: "\e669" } .steadysets-icon-grid:before { content: "\e66a" } .steadysets-icon-list:before { content: "\e66b" } .steadysets-icon-wifi-low:before { content: "\e66c" } .steadysets-icon-folder-check:before { content: "\e66d" } .steadysets-icon-folder-settings:before { content: "\e66e" } .steadysets-icon-folder-add:before { content: "\e66f" } .steadysets-icon-folder:before { content: "\e670" } .steadysets-icon-window:before { content: "\e671" } .steadysets-icon-windows:before { content: "\e672" } .steadysets-icon-browser:before { content: "\e673" } .steadysets-icon-file-broken:before { content: "\e674" } .steadysets-icon-align-justify:before { content: "\e675" } .steadysets-icon-align-center:before { content: "\e676" } .steadysets-icon-align-right:before { content: "\e677" } .steadysets-icon-align-left:before { content: "\e678" } .steadysets-icon-file:before { content: "\e679" } .steadysets-icon-file-add:before { content: "\e67a" } .steadysets-icon-file-settings:before { content: "\e67b" } .steadysets-icon-mute:before { content: "\e67c" } .steadysets-icon-heart:before { content: "\e67d" } .steadysets-icon-enter:before { content: "\e67e" } .steadysets-icon-volume-decrease:before { content: "\e67f" } .steadysets-icon-wifi-mid:before { content: "\e680" } .steadysets-icon-volume:before { content: "\e681" } .steadysets-icon-bookmark:before { content: "\e682" } .steadysets-icon-screen:before { content: "\e683" } .steadysets-icon-map:before { content: "\e684" } .steadysets-icon-measure:before { content: "\e685" } .steadysets-icon-eyedropper:before { content: "\e686" } .steadysets-icon-support:before { content: "\e687" } .steadysets-icon-phone:before { content: "\e688" } .steadysets-icon-email2:before { content: "\e689" } .steadysets-icon-volume-increase:before { content: "\e68a" } .steadysets-icon-wifi-full:before { content: "\e68b" } /* =============== Font Awesome =============== */ @font-face { font-family: 'FontAwesome'; src: url('//cdn2.hubspot.net/hubfs/3875556/JCSControls_September2017/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.2'); src: url('//cdn2.hubspot.net/hubfs/3875556/JCSControls_September2017/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.2') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/3875556/JCSControls_September2017/Fonts/FontAwesome/fontawesome-webfont.svg#fontawesomeregular?v=4.2') format('svg'), url('//cdn2.hubspot.net/hubfs/3875556/JCSControls_September2017/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.2') format('woff'), url('//cdn2.hubspot.net/hubfs/3875556/JCSControls_September2017/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.2') format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"], [class*="fa-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /*a [class^="icon-"],a [class*=" icon-"]{display:inline;}*/ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul>li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"] { background-image: none; } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-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); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -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 } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-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); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-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); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .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-remove:before, .fa-close:before, .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, .fa-bar-chart: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-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .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, .fa-gratipay: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: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-buoy: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-y-combinator-square:before, .fa-yc-square:before, .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" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } /* ========================================================================== 2. BASE STYLES ========================================================================== */ /* =============== Base =============== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; } html, body { min-height: 100%; margin: 0; padding: 0; } html { overflow-x: hidden; overflow-y: scroll; max-width: 100%; } body { background-color: #1F1F1F; -webkit-font-smoothing: antialiased; font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-size: 16px; line-height: 31px; font-weight: 400; color: #000; } /* Page Center */ .container-fluid .row-fluid .page-center { float: none; width: 100%; max-width: 880px; margin: 0 auto; position: relative; } @media only screen and (max-width: 1000px) and (min-width: 690px) { .container-fluid .row-fluid .page-center {max-width: 600px;} } @media only screen and (max-width: 690px) { .container-fluid .row-fluid .page-center {max-width: 300px;} } @media only screen and (max-width: 690px) and (min-width: 480px) { .container-fluid .row-fluid .page-center {max-width: 420px;} } @media only screen and (min-width: 1000px) { .container-fluid .row-fluid .page-center { max-width: 1425px; margin: 0 auto; padding-left: 90px; padding-right: 90px; } } /* Highlighted Text ::-moz-selection { color: #fff; background: #333; text-shadow: none; } ::selection { color: #fff; background: #333; text-shadow: none; } */ /* =============== Typography =============== */ /* Basic text */ p { -webkit-font-smoothing: subpixel-antialiased; margin: 0; padding-bottom: 27px; } p:last-child {padding: 0;} small {} .bold, strong, b { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-weight: 600; } em, i { font-family: 'Playfair Display', Arial, Helvetica, sans-serif;; font-size: 15px; line-height: 15px; font-weight: 400; } cite {} code { display: block; clear: both; overflow: auto; padding: 10px 20px 20px 20px; white-space: pre; background-color: #f0f0f0; font: 12px "Andale Mono",Courier,"Courier New",monospace; } pre {} sup { font-size: 10px; vertical-align: super; } sub { font-size: 10px; vertical-align: sub; } img { vertical-align: baseline; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #000; letter-spacing: -0.5px; font-weight: normal; -webkit-font-smoothing: antialiased; font-family: Hind; font-weight: 700; margin: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 32px; line-height: 32px; margin-bottom: 7px; } h2 { font-size: 28px; line-height: 28px; font-weight: 300; margin-bottom: 10px; } h3 { font-size: 24px; line-height: 24px; margin-bottom: 8px; } h4 { font-size: 22px; line-height: 22px; margin-bottom: 8px; } h5 { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; text-transform: none; font-size: 20px; line-height: 20px; font-weight: 400; margin-bottom: 7px; } h6 { font-family: Montserrat, Arial, Helvetica, sans-serif;; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; line-height: 18px; font-weight: 700; margin-bottom: 7px; } /* Anchor Links */ a { color: #1e83ec; text-decoration: none; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; } a:hover { color: inherit; } :focus { outline: 0; } /* Lists */ ul, ol { margin-top: 0; margin-left: 30px; margin-bottom: 30px; padding: 0; } ul ul, ul ol, ol ol, ol ul {} li {} /* Block Quotes */ blockquote { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-size: 18px; line-height: 33px; font-weight: 400; padding-left: 0px; letter-spacing: 0.5px; margin-bottom: 30px; } blockquote p {} blockquote small {} /* Horizontal Rules */ hr {} /* Table */ table { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-size: 16px; line-height: 31px; font-weight: 400; margin: 0 0 20px; padding: 0; width: 100%; border-collapse: collapse; border-spacing: 0; background-color: #fff; border-top: 1px solid #ececec; } table tr:nth-child(2n+1) { background-color: #fcfcfc; } caption, th, td { font-weight: normal; text-align: left; } td { border-color: #ececec; border-left: none; border-style: none solid solid none; border-top: medium none; border-width: medium 1px 1px medium; font-size: 13px; padding: 10px; } tr th:first-child, tr td:first-child { border-left-style: solid; border-left-width: 1px; border-color: #ececec; } /* =============== EU Cookie Confirmation Bar =============== */ /* Confirmation Outer Wrapper*/ #hs-eu-cookie-confirmation {} /* Confirmation Inner Wrapper*/ #hs-eu-cookie-confirmation-inner {} #hs-eu-cookie-confirmation-inner p{} /* Confirmation Button */ #hs-en-cookie-confirmation-buttons-area {} a#hs-eu-confirmation-button {} /* ========================================================================== 3. 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-wrapper { background-color: #fff; } .header-container {} .header-container-wrapper.invisible {visibility: visible!important;} .detached #custom_header { position: fixed!important; z-index: 9998!important; -webkit-transition: -webkit-transform .3s, height .3s, background .4s, opacity .3s, border-color 0.4s; -moz-transition: -moz-transform .3s, height .3s, background .4s, opacity .3s, border-color 0.4s; -o-transition: -o-transform .3s, height .3s, background .4s, opacity .3s, border-color 0.4s; transition: transform .3s, height .3s, background .4s, opacity .3s, border-color 0.4s; -webkit-transform: translateY(0)!important; -moz-transform: translateY(0)!important; -o-transform: translateY(0)!important; transform: translateY(0)!important; border-color: rgba(255,255,255,0); } .invisible #custom_header { -webkit-transform: translateY(-100%)!important; -moz-transform: translateY(-100%)!important; -o-transform: translateY(-100%)!important; transform: translateY(-100%)!important; -webkit-transition: -webkit-transform .2s!important; -moz-transition: -moz-transform .2s!important; -o-transition: -o-transform .2s!important; transition: transform .2s!important; z-index: 9998!important; } /* ========================================================================== Custom Header ========================================================================== */ #custom_header { width: 100%; top: 0px; left: 0px; position: fixed; padding: 20px 0px 0px 0px; background-color: #fff; background-color: rgba(255,255,255,0.96); z-index: 9998; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); } /* Custom Header Logo ========================================================================== */ #custom_header .custom_logo { width: auto; float: left; } .custom_logo a { width: auto; max-width: none; display: block; line-height: 22px; font-size: 22px; letter-spacing: -1.5px; color: #444; font-family: 'Open Sans', Arial, Helvetica, sans-serif;; font-weight: 600; margin-bottom: 20px; } .custom_logo a img { /* max-height: 30px; */ text-indent: -9999px; max-width: none; width: auto!important; margin-bottom: 0px; display: block; transition: opacity 0.4s ease; height: 40px; } /* Custom Header Search ========================================================================== */ .header-container .row-fluid .custom_header-search {display: none;} #custom-search { background-color: #fff; background-color: rgba(255,255,255,0.96); display: none; height: 95%; left: 0px; overflow: visible; padding: 0; position: absolute; position: fixed; top: 0px; transform: scale(1, 0); opacity: 0; width: 100%; z-index: 10000; z-index: 1010; -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; } #custom-search.show-search { opacity: 1; transform: scale(1, 1); -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); } #custom-search > div > span { display: block; padding: 0 40px; } #custom-search #hs-search-module {position: relative;} #custom-search form, #custom-search .search-text-info { position: relative; opacity: 0; } #custom-search .search-text-info { text-align: center; display: block; color: rgba(0,0,0,0.4); margin-top: 15px; } #custom-search form {bottom: 10px;} #custom-search .search-text-info {top: 10px;} #custom-search form.show { -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); opacity: 1; bottom: 0; } #custom-search .search-text-info.show { opacity: 1; -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); top: 0; } #custom-search form label, #custom-search form a.hs-button {display: none;} #custom-search form .hs-input { width: 100%; color: #888; font-size: 43px; line-height: 43px; position: relative; padding: 0px!important; background-color: rgba(0, 0, 0, 0); border: 0px; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -o-box-shadow: none!important; font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000!important; height: auto!important; font-size: 80px!important; text-align: center!important; } @media only screen and (max-device-width: 2600px) and (min-device-width: 481px) { #custom-search > div {height: 100%;} #custom-search #hs-search-module {top: 20px;} } #custom-search .page-center {position: static;} #custom-search-close { position: absolute; top: 25px!important; right: 25px; } #custom-search-close a { position: absolute; right: 0px; top: 24px; display: block; width: 24px; height: 17px; line-height: 22px; z-index: 10; right: 0!important; top: 0!important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; } #custom-search-close a:hover { transform: rotate(90deg) translateZ(0); -webkit-transform: rotate(90deg) translateZ(0); } #custom-search-close a:hover span {color: #1e83ec!important;} #custom-search-close a span { color: #000; font-size: 20px!important; height: 20px!important; line-height: 19px!important; background-color: rgba(0, 0, 0, 0)!important; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } #custom-search-close a span:before {content: "\e117";} /* =============== Search Trigger =============== */ .search-trigger > div.custom_search-button { line-height: 12px; position: relative; float: left; padding: 8px 0; } .search-trigger .custom_search-button > span { border-left: 1px solid #e7e7e7; padding-left: 19px; display: block; } .search-trigger a { padding-left: 23px; padding: 0px 0px 0px 0px; width: 24px; height: 24px; display: block; background-position: right top; background-repeat: no-repeat; box-sizing: content-box; -moz-box-sizing: content-box; color: #888; } .search-trigger a span { color: rgba(0,0,0,0.48); font-size: 18px; line-height: 24px; width: 32px; height: 24px; background-color: rgba(0, 0, 0, 0); -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; padding-left: 3px; } .search-trigger a:hover span {color: #1e83ec;} .search-trigger a span:before {content: "\e036";text-decoration: inherit;display: inline-block;speak: none;} /* =============== Content =============== */ .body-container-wrapper { background-color: #f9f9f9; padding-bottom: 40px; } .body-container {} .content-wrapper { padding-top: 5%; padding-bottom: 35px; } .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} .custom_banner-module .parallax_section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; position: relative; } .row-bg-wrap { overflow: hidden; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .row-bg-wrap:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; z-index: 2; background-color: #005187; opacity: 0.3; } .row-bg.using-image { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-attachment: scroll; top: auto; bottom: 0; -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9); transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9); } .custom_banner-content { position: relative; z-index: 2; color: #fff; } .custom_banner-title h1 { font-size: 80px; line-height: 64px; text-align: center; margin: 0; color: #fff; } .custom_banner-subtitle h1 { font-size: 32px; line-height: 44px; text-align: center; color: #fff; margin: 0; } @media (max-width: 1000px) { .row-bg.using-image { margin-top: 0!important; height: 100%!important; transform: none!important; -webkit-transform: none!important; background-attachment: scroll!important; background-position: 50%!important; } } /* =============== Footer =============== */ .footer-container-wrapper {} .footer-container {} #to-top { display: block; position: fixed; text-align: center; line-height: 12px!important; right: 17px; bottom: -30px; color: #fff; cursor: pointer; z-index: 10000; height: 29px; width: 29px; background-color: rgba(0,0,0,0.25); background-repeat: no-repeat; background-position: center; transition: background-color 0.1s linear, bottom 0.2s linear; -moz-transition: background-color 0.1s linear, bottom 0.2s linear; -webkit-transition: background-color 0.1s linear, bottom 0.2s linear; -o-transition: background-color 0.1s linear, bottom 0.2s linear; border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; overflow: hidden; } #to-top.in {bottom: 17px;} #to-top:after, #to-top:before { display: block; content: ' '; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #000; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: all 0.3s cubic-bezier(.55,0,.1,1); -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1); -moz-transition: all 0.3s cubic-bezier(.55,0,.1,1); border-radius: 100px; -webkit-border-radius: 100px; } #to-top:before { background-color: rgba(255,255,255,0.25); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; z-index: 2; } #to-top i { line-height: 29px!important; width: 29px!important; height: 29px!important; font-size: 14px!important; top: 0px!important; left: 0px!important; text-align: center!important; position: relative; z-index: 10; background-color: rgba(0, 0, 0, 0)!important; -webkit-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; display: block; } #to-top:hover:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); background-color: #1e83ec; } #to-top:hover i { -webkit-transform: translate(0, -29px)!important; -ms-transform: translate(0, -29px)!important; transform: translate(0, -29px)!important; } /* ========================================================================== Custom Footer ========================================================================== */ #custom_footer { background-color: #fff; color: #898989; position: relative; z-index: 10; } #custom_footer a {color: #898989;} #custom_footer a:hover {color: #1e83ec;} #custom_footer h3 { margin-bottom: 12px; font-family: Montserrat; text-transform: uppercase!important; letter-spacing: 1px; font-size: 12px; font-weight: 700; color: #494949!important; line-height: 22px; } /* Custom Footer Top ========================================================================== */ #custom_footer .custom_footer-top {padding: 55px 0;} #custom_footer .custom_footer-top p {padding-bottom: 20px;} #custom_footer .custom_footer-top p:last-child {padding-bottom: 0;} #custom_footer .custom_footer-top img {margin-bottom: 15px;} @media only screen and (max-width: 1000px) and (min-width: 690px) { #custom_footer .custom_footer-top .custom_column.span3 { width: 48%!important; margin-bottom: 40px; margin-right: 15px; margin-left: 0px!important; padding: 15px; float: left; } #custom_footer .custom_footer-top .custom_column.span3:nth-child(2n) {margin-right: 0;} #custom_footer .custom_footer-top .custom_column.span3:last-child, #custom_footer .custom_footer-top .custom_column.span3:nth-last-child(2) {margin-bottom: 0;} } @media (min-width: 690px) { #custom_footer .custom_footer-top .custom_column.span3:first-child {margin-left: 0;} #custom_footer .custom_footer-top .custom_column.span3 { width: 23.5%; margin-left: 2%; } } @media (max-width: 1000px) { #custom_footer .custom_footer-top .custom_column {margin-bottom: 40px;} #custom_footer .custom_footer-top .custom_column:last-child {margin-bottom: 0;} } /* Custom Footer Bottom ========================================================================== */ #custom_footer .custom_footer-bottom { background-color: #1f1f1f; border-top: 1px solid rgba(255,255,255,0.18); padding: 20px 0px; font-size: 12px; color: #777; } /* =============== Copyright =============== */ .copyright p { line-height: 22px; margin-top: 3px; padding: 0; } @media only screen and (max-width: 1000px) and (min-width: 690px) { #custom_footer .copyright { width: 49%; margin-bottom: 0px; } } /* ========================================================================== 4. MAIN NAVIGATION ========================================================================== */ /* =============== Vertical Menu =============== */ .body-container .hs-menu-wrapper.hs-menu-flow-vertical ul { background-color: #F9F9F9; } .body-container .hs-menu-wrapper.hs-menu-flow-vertical li a { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-size: 16px; line-height: 22.4px; font-weight: 400; color: #888; margin: 0 13px; position: relative; padding: 5px; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body-container .hs-menu-wrapper.hs-menu-flow-vertical li a:after { -webkit-transition: width .3s ease-out, left .3s ease-out, border-color .3s ease-out; transition: width .3s ease-out, left .3s ease-out, border-color .3s ease-out; position: absolute; display: block; bottom: -6px; left: 0; width: 0; border-top: 2px solid #1e83ec; content: ''; padding-bottom: inherit; } .body-container .hs-menu-wrapper.hs-menu-flow-vertical li.active-branch > a:after, .body-container .hs-menu-wrapper.hs-menu-flow-vertical li.active > a:after, .body-container .hs-menu-wrapper.hs-menu-flow-vertical li:hover > a:after { width: 100%; left: 0; } .body-container .hs-menu-wrapper.hs-menu-flow-vertical ul ul {padding: 0 20px;} .body-container .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts ul li a {white-space: normal!important;} .body-container .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul {max-width: 250px;} @media (max-width: 768px) { .body-container .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul li a {white-space: normal!important;} } /* =============== Custom Menu Primary =============== */ #custom_header .custom-menu-primary { float: right; width: auto; margin-left: 0; } .custom-menu-primary .hs-menu-wrapper > .search-trigger { float: right; overflow: visible!important; transition: padding 0.8s ease; min-height: 1px; line-height: 1px; margin-left: 15px; right: 0; height: 100%; overflow: hidden; } /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul { float: right; overflow: visible!important; transition: padding 0.8s ease, margin 0.25s ease; min-height: 1px; line-height: 1px; } .custom-menu-primary .hs-menu-wrapper > ul > li { line-height: 12px; font-size: 12px; position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-size: 16px; line-height: 22.4px; font-weight: 400; color: #888; margin: 0 13px; position: relative; padding: 9px 0 29px; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .custom-menu-primary .hs-menu-wrapper > ul li > a:after { -webkit-transition: width .3s ease-out, left .3s ease-out, border-color .3s ease-out; transition: width .3s ease-out, left .3s ease-out, border-color .3s ease-out; position: absolute; display: block; bottom: -6px; left: 50%; width: 0; border-top: 2px solid #1e83ec; content: ''; padding-bottom: inherit; } .custom-menu-primary .hs-menu-wrapper > ul li.active-branch > a:after, .custom-menu-primary .hs-menu-wrapper > ul li.active > a:after, .custom-menu-primary .hs-menu-wrapper > ul li:hover > a:after { width: 100%; left: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{} /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul { background-color: #fff; padding: 10px; } .custom-menu-primary .hs-menu-wrapper > ul ul li{} .custom-menu-primary .hs-menu-wrapper > ul ul li a { font-family: 'Varela Round', Arial, Helvetica, sans-serif;; font-size: 16px; line-height: 22.4px; font-weight: 400; color: #888; position: relative; padding: 9px 0; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{} /* 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; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width: 1001px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } } @media (max-width: 1199px) { .custom-menu-primary .hs-menu-wrapper > ul > li > a {margin: 0 10px;} } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ #mobile-menu, .mobile-trigger, .child-trigger { display: none; } .mobile-menu-shadow {display: none;} @media (max-width: 1000px) { /* ===== Mobile Toggle Button ===== */ .mobile-trigger { display: block; position: absolute; right: -2px; top: 7px; width: 36px; height: 28px; text-align: right; margin-bottom: 10px; z-index: 10000; } .mobile-trigger i { font-family: 'icomoon'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background-color: rgba(0, 0, 0, 0)!important; color: #a9a9a9; line-height: 34px; font-size: 18px; width: 22px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; } .icon-reorder:before { content: '\e120'!important; font-size: 24px!important; } .slide_out_area_close { position: absolute; right: 22px; top: 23px; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 34px!important; height: 34px!important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; color: #ddd!Important; font-size: 18px!important; max-width: none!important; line-height: 32px!important; font-family: 'Open Sans'; font-weight: 400; display: block; } .slide_out_area_close span { background-color: rgba(0, 0, 0, 0)!important; -webkit-backface-visibility: hidden; color: #fff !important; font-size: 18px !important; height: 34px !important; left: -2px; line-height: 32px !important; max-width: none !important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -moz-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; width: 34px !important; font-size: 24px!important; display: block; } .slide_out_area_close span:before {content: "\e117";} .slide_out_area_close:hover { border-color: rgba(255, 255, 255, 0.7); } .slide_out_area_close:hover span { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .mobile-menu-shadow { -webkit-backface-visibility: hidden; background-color: rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; z-index: 9996; opacity: 0; visibility: hidden; transition: opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1), visibility 700ms cubic-bezier(0.645, 0.045, 0.355, 1); display: block; } .mobile-open .mobile-menu-shadow { opacity: 1; visibility: visible; } /* ===== Mobile Child Toggle Buttons ===== */ .child-trigger { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 41px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover { text-decoration: none; } .child-trigger i { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after { position: absolute; content: ''; } .child-trigger i, .child-trigger i:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #fff; /* Icon color */ display: block; } .child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i {} .child-trigger.child-open i:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } /* ===== Mobile Menu Styles ===== */ #site-wrapper { left: 0; position: relative; transition: left 700ms cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-open #site-wrapper { left: -300px; transition: left 700ms cubic-bezier(0.645, 0.045, 0.355, 1); } #custom_header { transition: transform .3s, height .3s, background .4s, opacity .3s, border-color 0.4s, left 700ms cubic-bezier(0.645, 0.045, 0.355, 1)!important; left: 0; padding-top: 10px; } .mobile-open #custom_header {left: -300px;} .mobile-open .invisible #custom_header {transform: none!important;} #custom_header .custom_logo { position: absolute; float: none; width: auto; } #custom_header.custom_header-lp .custom_logo {position: static;} #custom_header.custom_header-lp .custom_logo a {margin-bottom: 13px;} .custom_logo a { margin-top: 7px; margin-bottom: 23px; } .custom_logo a img {height: 30px;} #custom_header .custom-menu-primary { width: 100%; min-height: 54px; line-height: 34px; } /* 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 */ #mobile-menu .hs-menu-wrapper { margin-bottom: 25px; margin-top: -7px; } #mobile-menu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ #mobile-menu { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; z-index: 1000000; background-color: #1e83ec; padding: 33px; overflow: auto; display: block; transition: right 700ms cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-open #mobile-menu { right: 0; } #mobile-menu .hs-menu-wrapper > ul { line-height: 31px; } #mobile-menu .hs-menu-wrapper > ul li { float: none; display: list-item; font: inherit; } #mobile-menu .hs-menu-wrapper > ul li > a:after { display: none; } #mobile-menu .hs-menu-wrapper > ul > li > a { font-size: 36px; line-height: 36px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px; opacity: 0.7; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; color: #fff; display: inline; margin: 0; padding: 0; } #mobile-menu .hs-menu-wrapper > ul > li > a:hover {opacity: 1;} #mobile-menu .hs-menu-wrapper .search-trigger { display: none!important; } #mobile-menu .hs-menu-wrapper > ul ul li {padding: 10px 0;} #mobile-menu .hs-menu-wrapper > ul ul li a { color: #fff; opacity: 0.7; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px; font-size: 26px; line-height: 1; } } /* ========================================================================== 5. BLOG ========================================================================== */ /* =============== General Blog Styles =============== */ /* Blog Post and Listing Body Class */ .blog {} /* Blog Post */ .hs-blog-post {} /* Blog Listing */ .hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* =============== Blog Content Column =============== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header { text-align: center; padding-top: 5px; padding-bottom: 35px; margin-bottom: 35px; } .hs-blog-header h1 { font-family: Hind; text-transform: none; letter-spacing: -2px; font-size: 50px; line-height: 50px; font-weight: 700; padding: 16px 0 16px 0; max-width: 1000px; margin: 0 auto!important; position: relative; top: 3px; text-align: center; } .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 { font-family: Hind, Arial, Helvetica, sans-serif;; font-size: 24px; line-height: 24px; font-weight: 700; } .post-header h2 a { color: inherit; } .hs-blog-listing .post-header { margin-bottom: 12px; font-size: 12px; color: #888; } /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data:after { content: ''; display: block; clear: both; } #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img { width: 50px; float: left; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .entry-meta { font-size: 11px; color: #888; margin: 8px 0 18px; } .entry-meta span { padding: 0 10px; border-left: 1px solid #ddd; font-size: 11px; line-height: 16px; color: #888; display: inline-block; } .entry-meta span:first-child {border-left: 0;} .entry-meta span a {color: inherit;} .entry-meta span a:hover {color: #1e83ec;} /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { box-shadow: 0px 1px 3px rgba(0,0,0,.08); background-color: #fff; border-radius: 4px; padding: 20px; margin-bottom: 30px; } .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-height: 170px; max-width: 100%; height: auto; width: auto; display: inline-block !important; float: right; margin: 20px 0 20px 20px; } /* Read More Link */ a.more-link { margin: 20px 0 0; display: inline-block; } .custom_listing_comments { border: 1px solid rgba(0,0,0,0.06); padding: 10px; margin: 10px 0; font-size: 12px; color: #888; } /* Blog Topics List */ #hubspot-topic_data { font-size: 12px; color: #888; } #hubspot-topic_data a.topic-link {} .tags-entry { font-family: Montserrat; text-transform: uppercase; letter-spacing: 9px; font-size: 16px; line-height: 30px; font-weight: 700; color: #888; top: 0px; position: relative; padding-left: 10px; } .tags-entry a { border: 2px solid #000; padding: 4px 8px; border-radius: 100px; margin: 5px 6px 15px 5px; display: inline-block; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; font-size: 12px; color: #000; font-family: Montserrat; text-transform: uppercase!important; letter-spacing: 1px; font-size: 12px; font-weight: 700; } .tags-entry a:hover { background-color: #1e83ec!important; border-color: #1e83ec!important; color: #fff; } /* Blog Social Sharing Icons */ .hs-blog-social-share { margin-top: 20px; padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; width: auto; line-height: 0px; } /* Blog Commments */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination {} .blog-pagination a {} .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /* Blog All Posts Page */ .hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* =============== Blog Sidebar =============== */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {margin-bottom: 50px;} .blog .blog-sidebar .widget-span.widget-type-header {margin-bottom: 0;} .blog-sidebar h3:first-child { font-family: Montserrat; text-transform: uppercase!important; letter-spacing: 1px; font-size: 12px; font-weight: 700; color: #999; margin-bottom: 12px; } .blog-sidebar .hs-rss-module {margin-bottom: 30px;} .blog-sidebar .hs-rss-item {padding: 4px 0;margin: 0;} .blog-sidebar .hs-rss-item:first-child {padding-top: 0;} .blog-sidebar .hs-rss-item:last-child {padding-bottom: 0;} .blog-sidebar .hs-rss-item a {color: #1e83ec;} .blog-sidebar .hs-rss-item a:hover {color: inherit;} .blog-sidebar .hs-rss-byline { display: block; line-height: 13px; font-size: 11px; margin-bottom: 6px; color: #999; } .blog-sidebar .widget-module ul {margin: 0;list-style: none;margin: 0 0 30px;} .blog-sidebar .widget-module ul li {padding: 4px 0;} .blog-sidebar .widget-module ul li:first-child {padding-top: 0;} .blog-sidebar .widget-module ul li:last-child {padding-bottom: 0;} .blog-sidebar .widget-module ul li a {display: block;} /* =============== Blog Author Page and Author Bio =============== */ .hs-blog-listing .hs-author-profile { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; } .hs-blog-post .hs-author-profile { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 20px 0; margin: 20px 0 20px 0; } .hs-author-profile .hs-author-profile:after { content: ''; display: block; clear: both; } /* Author Avatar */ .hs-author-profile .hs-author-avatar { float: left; margin-right: 15px; max-width: 100px; } .hs-author-profile .hs-author-avatar img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; } /* Author Bio Wrapper*/ .hs-author-profile .hs-author-bio { overflow: hidden; } /* Author Name */ .hs-author-profile h2.hs-author-name { margin: 0 0 10px 0; } /* Author Social Follow Me */ .hs-author-profile .hs-author-social-section {} .hs-author-profile .hs-author-social-label {} .hs-author-profile .hs-author-social-links {} .hs-author-profile .hs-author-social-link {} .hs-author-profile .hs-social-facebook {} .hs-author-profile .hs-social-linkedin {} .hs-author-profile .hs-social-twitter {} .hs-author-profile .hs-social-google-plus {} /* ========================================================================== 6. FORMS ========================================================================== */ #hs-pwd-widget-password { height: auto !important; border-bottom: 1px solid #e0e0e0; margin: 10px 0 25px!important; } .checkbox-row input { position: relative; top: 8px; } #email-prefs-form .email-edit { width: 100% !important; max-width: 100% !important; height: auto !important; border-bottom: 1px solid #e0e0e0; margin: 10px 0 25px!important; } /* =============== Global Form Styles =============== */ /* Form Field */ .hs-form-field {padding-bottom: 15px;} /* Descriptions */ .hs-field-desc {} /* Labels and Legends */ .hs-form-field > label { font-family: Varela Round; font-weight: 600; } .hs-form-field > .input { position: relative; display: inline-block; width: 100%; overflow: hidden; } .hs-form-field > .input:after, .hs-form-field > .input:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; display: block; height: 3px; border-bottom: 1px solid #e0e0e0; } .hs-form-field > .input:after { display: block; border-bottom: 2px solid #1e83ec; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98); transition: transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98); bottom: 0px; } .hs-form-field.focus > .input:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* One Line Inputs */ 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"], input[type="file"], textarea, select { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; border: none!important; position: relative; margin: 0; font-size: 14px; padding-top: 13px!important; padding-bottom: 13px!important; padding-left: 0!important; padding-right: 0!important; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, textarea:focus, select:focus {} /* Separate Styles for Multiple Line Inputs */ textarea {} textarea:focus {} /* Separate Styles for Drop Downs */ select {} select:focus {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; margin: 0; } form.hs-form .hs-form-field ul.inputs-list li input {} .hs-form-field.hs_subscribe > .input:after, .hs-form-field.hs_subscribe > .input:before {display: none;} input[type="radio"] {} input[type="checkbox"] {} /* Required */ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {} /* Error */ form.hs-form .hs-form-field ul.inputs-list.hs-error-msgs {margin: 0;padding: 0;} .hs-error-msgs label { background: none repeat scroll 0 0 #fff; top: -11px; padding: 2px 6px; border: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-size: 1em; font-weight: normal; display: block; position: relative; color: #1e83ec!important; } /* Placeholder Text */ ::-webkit-input-placeholder {color: inherit;} /* Webkit Browsers */ :-moz-placeholder {color: inherit;} /* Firefox 18- */ ::-moz-placeholder {color: inherit;} /* Firefox 19+ */ :-ms-input-placeholder {color: inherit;} /* IE10 */ /* =============== Multi Column Form =============== */ .hs-form fieldset.form-columns-1 {} .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form fieldset.form-columns-2 {} .hs-form fieldset.form-columns-2 .hs-form-field {} .hs-form fieldset.form-columns-3 {} .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} form.hs-form fieldset { max-width: none; } form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { form.hs-form fieldset .hs-form-field { padding: 0; } form.hs-form fieldset.form-columns-3 .hs-form-field, form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* =============== Blog Comment Form =============== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* =============== Blog Subscription Form =============== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* =============== Google Search Form =============== */ @-webkit-keyframes text-in-from-left { 50% { opacity: 0; -webkit-transform: translateX(15px) translateY(0px); font-size: 14px; } 51% { opacity: 0; -webkit-transform: translateX(-10px) translateY(-26px); font-size: 12px; line-height: 12px; } 100% { opacity: 1; -webkit-transform: translateX(0px) translateY(-26px); font-size: 12px; line-height: 12px; } } @keyframes text-in-from-left { 50% { opacity: 0; transform: translateX(15px) translateY(0px); font-size: 14px; } 51% { opacity: 0; transform: translateX(-10px) translateY(-26px); font-size: 12px; line-height: 12px; } 100% { opacity: 1; transform: translateX(0px) translateY(-26px); font-size: 12px; line-height: 12px; } } @-webkit-keyframes text-out-from-left { 0% { -webkit-transform: translateY(-26px) translateX(0px); font-size: 12px; line-height: 12px; } 50% { opacity: 0; -webkit-transform: translateX(-10px) translateY(-26px); font-size: 12px; line-height: 12px; } 51% { opacity: 0; -webkit-transform: translateX(15px) translateY(0px); font-size: 14px; } 100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); } } @keyframes text-out-from-left { 0% { transform: translateY(-27px) translateX(0px); font-size: 12px; line-height: 12px; } 50% { opacity: 0; transform: translateX(-10px) translateY(-27px); font-size: 12px; line-height: 12px; } 51% { opacity: 0; transform: translateX(15px) translateY(0px); font-size: 14px; } 100% { opacity: 1; transform: translateX(0px) translateY(0px); } } .body-container .widget-type-google_search form { position: relative; overflow: hidden; } .body-container .widget-type-google_search form .input { position: relative; padding-top: 35px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; display: inline-block; width: 100%; } .body-container .widget-type-google_search form label { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; display: inline-block; margin: 0!important; font-family: Varela Round; font-weight: 400!important; } .body-container .widget-type-google_search form label > span { position: absolute; top: 50%; left: 0; font-size: 14px; margin-top: 17px; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #acacac!important; } .body-container .widget-type-google_search form label span span { -webkit-transition: all 0.25s cubic-bezier(.39,.71,.56,.98); transition: all 0.25s cubic-bezier(.39,.71,.56,.98); -webkit-animation: text-out-from-left 0.25s cubic-bezier(.39,.71,.56,.98) forwards; animation: text-out-from-left 0.25s cubic-bezier(.39,.71,.56,.98) forwards; color: #acacac!important; display: inline-block; } .body-container .widget-type-google_search form .input.filled label span span { -webkit-animation: text-in-from-left 0.25s cubic-bezier(.39,.71,.56,.98) forwards; animation: text-in-from-left 0.25s cubic-bezier(.39,.71,.56,.98) forwards; } .body-container .widget-type-google_search form label:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; display: block; height: 3px; border-bottom: 1px solid #e0e0e0; display: block; border-bottom: 2px solid #1e83ec; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98); transition: transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98); bottom: 0px; } .body-container .widget-type-google_search form .input.filled label:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .body-container .widget-type-google_search form label:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; display: block; height: 3px; border-bottom: 1px solid #e0e0e0; } .body-container .widget-type-google_search form a.hs-button { font-family: Montserrat; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; position: absolute; right: 0px; top: 30px; margin: 0; line-height: 22px; line-height: 24px; padding: 16px 23px; border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; } .body-container .widget-type-google_search form a.hs-button:hover {background-color: #1e83ec;} .body-container .widget-type-google_search form .hs-input {padding-right: 75px;} /* ========================================================================== 7. BUTTONS ========================================================================== */ /* =============== All Global Buttons (Excluding CTAs) =============== */ .hs-button.primary, input[type="submit"], input[type="button"] { background-color: #333; border: none; color: #fff; cursor: pointer; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: auto; font-family: Montserrat; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; padding: 16px 23px; } .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover { background-color: #1e83ec; } .hs-button.primary:focus, input[type="submit"]:focus, input[type="button"]:focus {} /* =============== Form Module Button =============== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* =============== Blog Comment Button =============== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* =============== Blog Subscription Button =============== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* =============== Google Search Button =============== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* =============== Custom Button =============== */ .nectar-button { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; color: #fff; font-family: Montserrat; font-weight: 700; font-size: 12px; letter-spacing: 2px!important; padding: 13px 18px; position: relative; text-transform: uppercase; top: -3px; margin-bottom: 10px; opacity: 1; line-height: 20px; background-color: #27CFC3; display: inline-block; } .nectar-button.large { font-size: 13px; padding: 15px 22px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; background-color: #1e83ec; } .nectar-button.has-icon, .nectar-button.tilt.has-icon { padding-left: 42px; padding-right: 42px; } .nectar-button span { left: 0px; transition: opacity 0.2s ease-out, left 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out; position: relative; color: #fff; } .nectar-button i { font-size: 18px; line-height: 18px; width: 18px; position: absolute; top: 50%; right: 30px; margin-top: -9px; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; font-size: 20px; width: auto; background-color: rgba(0, 0, 0, 0)!important; } .nectar-button:hover {color: #fff!important;opacity: 0.75;} .nectar-button:hover span {left: -18px;} .nectar-button:hover i { opacity: 1!important; -ms-filter: "alpha(opacity=100)"; right: 24px; } /* ========================================================================== 8. MISCELLANEOUS ========================================================================== */ /* Styles that do not fit into any of the available sections above can go here. */ /* ========================================================================== 9. MEDIA QUERIES ========================================================================== */ /* =============== Screen sizes smaller than .page-center =============== */ @media (max-width: 1000px) { .blog .blog-content, .blog .blog-sidebar {width: 100%;margin-left: 0;} } /* =============== Landscape tablet and smaller devices =============== */ @media (max-width: 767px) { .main-content, .sidebar, .blog-sidebar, .blog-content { margin-top: 25px; } .main-content:first-child, .sidebar:first-child, .blog-sidebar:first-child, .blog-content:first-child { margin-top: 0; } } @media (max-width: 690px) { .copyright {margin-bottom: 24px;} } /* =============== Landscape phones and smaller devices =============== */ @media (max-width: 479px) {}