/* ========================================================================== 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=Lato:100,300,regular,700,900|Open+Sans:300|Indie+Flower:regular|Oswald:300,regular,700&subset=latin,latin-ext'); @import url('//fonts.googleapis.com/css?family=Montserrat%3A300%2C400&ver=4.8.5'); @import url('//fonts.googleapis.com/css?family=Lato%3A100%2C300%2C400%2C700%2C900%2C100italic%2C300italic%2C400italic%2C700italic%2C900italic&subset=latin&ver=1517550927'); /* 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 / Animations ========================================================================== */ /* Fonts ========================================================================== */ /* =============== Celias =============== */ @font-face { font-family: 'Celias-Thin'; src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Thin/Celias-thin.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Thin/Celias-thin.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Thin/Celias-thin.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Thin/Celias-thin.svg#svgCelias-Thin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Celias-Regular'; src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Regular/Celias-regular.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Regular/Celias-regular.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Regular/Celias-regular.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Regular/Celias-regular.svg#svgCelias-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Celias-Light'; src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Light/Celias-light.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Light/Celias-light.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Light/Celias-light.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Celias/Light/Celias-light.svg#svgCelias-Light') format('svg'); font-weight: normal; font-style: normal; } /* Icon Fonts ========================================================================== */ /* =============== Gizmo =============== */ @font-face { font-family: "SSGizmo"; src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Gizmo/ss-gizmo.eot'); src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Gizmo/ss-gizmo.eot?#iefix') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Gizmo/ss-gizmo.woff') format('woff'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Gizmo/ss-gizmo.ttf') format('truetype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/Gizmo/ss-gizmo.svg#SSGizmo') format('svg'); font-weight: normal; font-style: normal; } .ss-icon, .ss-icon.ss-gizmo, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-gizmo:before, [class*=" ss-"].ss-gizmo:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-gizmo.right:after, [class*=" ss-"].ss-gizmo.right:after { font-family: "SSGizmo"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before, [class*=" ss-"].ss-gizmo.right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: '๎€' } .ss-crosshair:before, .ss-crosshair.right:after { content: 'โŒ–' } .ss-search:before, .ss-search.right:after { content: '๐Ÿ”Ž' } .ss-zoomin:before, .ss-zoomin.right:after { content: '๎€‚' } .ss-zoomout:before, .ss-zoomout.right:after { content: '๎€ƒ' } .ss-view:before, .ss-view.right:after { content: '๐Ÿ‘€' } .ss-attach:before, .ss-attach.right:after { content: '๐Ÿ“Ž' } .ss-link:before, .ss-link.right:after { content: '๐Ÿ”—' } .ss-unlink:before, .ss-unlink.right:after { content: '๎€‘' } .ss-move:before, .ss-move.right:after { content: '๎ฐ' } .ss-write:before, .ss-write.right:after { content: 'โœŽ' } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '๎ฑ' } .ss-erase:before, .ss-erase.right:after { content: 'โœ' } .ss-compose:before, .ss-compose.right:after { content: '๐Ÿ“' } .ss-lock:before, .ss-lock.right:after { content: '๐Ÿ”’' } .ss-unlock:before, .ss-unlock.right:after { content: '๐Ÿ”“' } .ss-key:before, .ss-key.right:after { content: '๐Ÿ”‘' } .ss-backspace:before, .ss-backspace.right:after { content: 'โŒซ' } .ss-ban:before, .ss-ban.right:after { content: '๐Ÿšซ' } .ss-smoking:before, .ss-smoking.right:after { content: '๐Ÿšฌ' } .ss-nosmoking:before, .ss-nosmoking.right:after { content: '๐Ÿšญ' } .ss-trash:before, .ss-trash.right:after { content: '๎ƒ' } .ss-target:before, .ss-target.right:after { content: 'โ—Ž' } .ss-tag:before, .ss-tag.right:after { content: '๎„€' } .ss-bookmark:before, .ss-bookmark.right:after { content: '๐Ÿ”–' } .ss-flag:before, .ss-flag.right:after { content: 'โš‘' } .ss-like:before, .ss-like.right:after { content: '๐Ÿ‘' } .ss-dislike:before, .ss-dislike.right:after { content: '๐Ÿ‘Ž' } .ss-heart:before, .ss-heart.right:after { content: 'โ™ฅ' } .ss-star:before, .ss-star.right:after { content: 'โ‹†' } .ss-sample:before, .ss-sample.right:after { content: '๎ˆ€' } .ss-crop:before, .ss-crop.right:after { content: '๎ˆ' } .ss-layers:before, .ss-layers.right:after { content: '๎ˆ‚' } .ss-layergroup:before, .ss-layergroup.right:after { content: '๎ˆ‡' } .ss-pen:before, .ss-pen.right:after { content: 'โœ’' } .ss-bezier:before, .ss-bezier.right:after { content: '๎Š ' } .ss-pixels:before, .ss-pixels.right:after { content: '๎Šก' } .ss-phone:before, .ss-phone.right:after { content: '๐Ÿ“ž' } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '๎Œ€' } .ss-touchtonephone:before, .ss-touchtonephone.right:after { content: 'โ˜' } .ss-mail:before, .ss-mail.right:after { content: 'โœ‰' } .ss-inbox:before, .ss-inbox.right:after { content: '๐Ÿ“ฅ' } .ss-outbox:before, .ss-outbox.right:after { content: '๐Ÿ“ค' } .ss-chat:before, .ss-chat.right:after { content: '๐Ÿ’ฌ' } .ss-user:before, .ss-user.right:after { content: '๐Ÿ‘ค' } .ss-users:before, .ss-users.right:after { content: '๐Ÿ‘ฅ' } .ss-usergroup:before, .ss-usergroup.right:after { content: '๎€' } .ss-businessuser:before, .ss-businessuser.right:after { content: '๎‡' } .ss-man:before, .ss-man.right:after { content: '๐Ÿ‘จ' } .ss-male:before, .ss-male.right:after { content: '๎‘' } .ss-woman:before, .ss-woman.right:after { content: '๐Ÿ‘ฉ' } .ss-female:before, .ss-female.right:after { content: '๎‘‘' } .ss-raisedhand:before, .ss-raisedhand.right:after { content: 'โœ‹' } .ss-hand:before, .ss-hand.right:after { content: '๎' } .ss-pointup:before, .ss-pointup.right:after { content: '๐Ÿ‘†' } .ss-pointupright:before, .ss-pointupright.right:after { content: '๏”' } .ss-pointright:before, .ss-pointright.right:after { content: '๐Ÿ‘‰' } .ss-pointdownright:before, .ss-pointdownright.right:after { content: '๏”‘' } .ss-pointdown:before, .ss-pointdown.right:after { content: '๐Ÿ‘‡' } .ss-pointdownleft:before, .ss-pointdownleft.right:after { content: '๏”’' } .ss-pointleft:before, .ss-pointleft.right:after { content: '๐Ÿ‘ˆ' } .ss-pointupleft:before, .ss-pointupleft.right:after { content: '๏”“' } .ss-cart:before, .ss-cart.right:after { content: '๎”€' } .ss-creditcard:before, .ss-creditcard.right:after { content: '๐Ÿ’ณ' } .ss-calculator:before, .ss-calculator.right:after { content: '๎•‘' } .ss-barchart:before, .ss-barchart.right:after { content: '๐Ÿ“Š' } .ss-piechart:before, .ss-piechart.right:after { content: '๎•ฐ' } .ss-box:before, .ss-box.right:after { content: '๐Ÿ“ฆ' } .ss-home:before, .ss-home.right:after { content: 'โŒ‚' } .ss-globe:before, .ss-globe.right:after { content: '๐ŸŒŽ' } .ss-navigate:before, .ss-navigate.right:after { content: '๎™ฐ' } .ss-compass:before, .ss-compass.right:after { content: '๎™ฑ' } .ss-signpost:before, .ss-signpost.right:after { content: '๎™ฒ' } .ss-location:before, .ss-location.right:after { content: '๎›' } .ss-floppydisk:before, .ss-floppydisk.right:after { content: '๐Ÿ’พ' } .ss-database:before, .ss-database.right:after { content: '๎ž ' } .ss-hdd:before, .ss-hdd.right:after { content: '๎žฐ' } .ss-microchip:before, .ss-microchip.right:after { content: '๎Ÿ€' } .ss-music:before, .ss-music.right:after { content: 'โ™ซ' } .ss-headphones:before, .ss-headphones.right:after { content: '๐ŸŽง' } .ss-discdrive:before, .ss-discdrive.right:after { content: '๎ฉ‚' } .ss-volume:before, .ss-volume.right:after { content: '๐Ÿ”ˆ' } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '๐Ÿ”‰' } .ss-mediumvolume:before, .ss-mediumvolume.right:after { content: '๎ ƒ' } .ss-highvolume:before, .ss-highvolume.right:after { content: '๐Ÿ”Š' } .ss-airplay:before, .ss-airplay.right:after { content: '๎ €' } .ss-camera:before, .ss-camera.right:after { content: '๐Ÿ“ท' } .ss-picture:before, .ss-picture.right:after { content: '๐ŸŒ„' } .ss-video:before, .ss-video.right:after { content: '๐Ÿ“น' } .ss-webcam:before, .ss-webcam.right:after { content: '๎ฉ' } .ss-film:before, .ss-film.right:after { content: '๎ขฐ' } .ss-playvideo:before, .ss-playvideo.right:after { content: '๎ขก' } .ss-videogame:before, .ss-videogame.right:after { content: '๐ŸŽฎ' } .ss-play:before, .ss-play.right:after { content: 'โ–ถ' } .ss-pause:before, .ss-pause.right:after { content: '๎ข ' } .ss-stop:before, .ss-stop.right:after { content: 'โ– ' } .ss-record:before, .ss-record.right:after { content: 'โ—' } .ss-rewind:before, .ss-rewind.right:after { content: 'โช' } .ss-fastforward:before, .ss-fastforward.right:after { content: 'โฉ' } .ss-skipback:before, .ss-skipback.right:after { content: 'โฎ' } .ss-skipforward:before, .ss-skipforward.right:after { content: 'โญ' } .ss-eject:before, .ss-eject.right:after { content: 'โ' } .ss-repeat:before, .ss-repeat.right:after { content: '๐Ÿ”' } .ss-replay:before, .ss-replay.right:after { content: 'โ†บ' } .ss-shuffle:before, .ss-shuffle.right:after { content: '๐Ÿ”€' } .ss-index:before, .ss-index.right:after { content: '๎ค‚' } .ss-storagebox:before, .ss-storagebox.right:after { content: '๎ค' } .ss-book:before, .ss-book.right:after { content: '๐Ÿ“•' } .ss-notebook:before, .ss-notebook.right:after { content: '๐Ÿ““' } .ss-newspaper:before, .ss-newspaper.right:after { content: '๐Ÿ“ฐ' } .ss-gridlines:before, .ss-gridlines.right:after { content: '๎ˆ†' } .ss-rows:before, .ss-rows.right:after { content: '๎ฆก' } .ss-columns:before, .ss-columns.right:after { content: '๎ฆข' } .ss-thumbnails:before, .ss-thumbnails.right:after { content: '๎ฆฃ' } .ss-mouse:before, .ss-mouse.right:after { content: '๎ฉ€' } .ss-usb:before, .ss-usb.right:after { content: '๎ฎ†' } .ss-desktop:before, .ss-desktop.right:after { content: '๐Ÿ’ป' } .ss-laptop:before, .ss-laptop.right:after { content: '๎จ€' } .ss-tablet:before, .ss-tablet.right:after { content: '๎จ' } .ss-smartphone:before, .ss-smartphone.right:after { content: '๎จ‚' } .ss-cell:before, .ss-cell.right:after { content: '๐Ÿ“ฑ' } .ss-battery:before, .ss-battery.right:after { content: '๐Ÿ”‹' } .ss-highbattery:before, .ss-highbattery.right:after { content: '๎จ' } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '๎จ‘' } .ss-lowbattery:before, .ss-lowbattery.right:after { content: '๎จ’' } .ss-chargingbattery:before, .ss-chargingbattery.right:after { content: '๎จ”' } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '๐Ÿ’ก' } .ss-washer:before, .ss-washer.right:after { content: '๎ช€' } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '๎ฌ€' } .ss-download:before, .ss-download.right:after { content: '๎ฌ' } .ss-downloadbox:before, .ss-downloadbox.right:after { content: '๎ฌ‚' } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: '๎ญ€' } .ss-upload:before, .ss-upload.right:after { content: '๎ญ' } .ss-uploadbox:before, .ss-uploadbox.right:after { content: '๎ญ‚' } .ss-fork:before, .ss-fork.right:after { content: '๎ฎ€' } .ss-merge:before, .ss-merge.right:after { content: '๎ฎ' } .ss-refresh:before, .ss-refresh.right:after { content: 'โ†ป' } .ss-sync:before, .ss-sync.right:after { content: '๎ฎ‚' } .ss-loading:before, .ss-loading.right:after { content: '๎ฎƒ' } .ss-file:before, .ss-file.right:after { content: '๐Ÿ“„' } .ss-files:before, .ss-files.right:after { content: '๎ฐ€' } .ss-addfile:before, .ss-addfile.right:after { content: '๎ฐ' } .ss-removefile:before, .ss-removefile.right:after { content: '๎ฐ‚' } .ss-checkfile:before, .ss-checkfile.right:after { content: '๎ฐƒ' } .ss-deletefile:before, .ss-deletefile.right:after { content: '๎ฐ„' } .ss-exe:before, .ss-exe.right:after { content: '๎ฐฐ' } .ss-zip:before, .ss-zip.right:after { content: '๎ฐฑ' } .ss-doc:before, .ss-doc.right:after { content: '๎ฐฒ' } .ss-pdf:before, .ss-pdf.right:after { content: '๎ฐด' } .ss-jpg:before, .ss-jpg.right:after { content: '๎ฐต' } .ss-png:before, .ss-png.right:after { content: '๎ฐถ' } .ss-mp3:before, .ss-mp3.right:after { content: '๎ฐท' } .ss-rar:before, .ss-rar.right:after { content: '๎ฐธ' } .ss-gif:before, .ss-gif.right:after { content: '๎ฐน' } .ss-folder:before, .ss-folder.right:after { content: '๐Ÿ“' } .ss-openfolder:before, .ss-openfolder.right:after { content: '๐Ÿ“‚' } .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: '๎ฑถ' } .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: '๎ฑท' } .ss-quote:before, .ss-quote.right:after { content: 'โ€œ' } .ss-unquote:before, .ss-unquote.right:after { content: 'โ€' } .ss-print:before, .ss-print.right:after { content: 'โŽ™' } .ss-copier:before, .ss-copier.right:after { content: '๎ต‚' } .ss-fax:before, .ss-fax.right:after { content: '๐Ÿ“ ' } .ss-scanner:before, .ss-scanner.right:after { content: '๎ตƒ' } .ss-printregistration:before, .ss-printregistration.right:after { content: '๎ต„' } .ss-shredder:before, .ss-shredder.right:after { content: '๎ต€' } .ss-expand:before, .ss-expand.right:after { content: 'โคข' } .ss-contract:before, .ss-contract.right:after { content: '๎ธ' } .ss-help:before, .ss-help.right:after { content: 'โ“' } .ss-info:before, .ss-info.right:after { content: 'โ„น' } .ss-alert:before, .ss-alert.right:after { content: 'โš ' } .ss-caution:before, .ss-caution.right:after { content: 'โ›”' } .ss-logout:before, .ss-logout.right:after { content: '๎ธ‚' } .ss-login:before, .ss-login.right:after { content: '๎ธƒ' } .ss-scaleup:before, .ss-scaleup.right:after { content: '๎ธ„' } .ss-scaledown:before, .ss-scaledown.right:after { content: '๎ธ…' } .ss-plus:before, .ss-plus.right:after { content: '+' } .ss-hyphen:before, .ss-hyphen.right:after { content: '-' } .ss-check:before, .ss-check.right:after { content: 'โœ“' } .ss-delete:before, .ss-delete.right:after { content: 'โก' } .ss-notifications:before, .ss-notifications.right:after { content: '๐Ÿ””' } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '๐Ÿ”•' } .ss-clock:before, .ss-clock.right:after { content: 'โฒ' } .ss-stopwatch:before, .ss-stopwatch.right:after { content: 'โฑ' } .ss-alarmclock:before, .ss-alarmclock.right:after { content: 'โฐ' } .ss-egg:before, .ss-egg.right:after { content: '๏„€' } .ss-eggs:before, .ss-eggs.right:after { content: '๏„‡' } .ss-cheese:before, .ss-cheese.right:after { content: '๏„' } .ss-chickenleg:before, .ss-chickenleg.right:after { content: '๐Ÿ—' } .ss-pizzapie:before, .ss-pizzapie.right:after { content: '๎ฟ ' } .ss-pizza:before, .ss-pizza.right:after { content: '๐Ÿ•' } .ss-cheesepizza:before, .ss-cheesepizza.right:after { content: '๎ฟก' } .ss-frenchfries:before, .ss-frenchfries.right:after { content: '๐ŸŸ' } .ss-apple:before, .ss-apple.right:after { content: '๐Ÿ' } .ss-carrot:before, .ss-carrot.right:after { content: '๏„‘' } .ss-broccoli:before, .ss-broccoli.right:after { content: '๏„—' } .ss-cucumber:before, .ss-cucumber.right:after { content: '๏„–' } .ss-orange:before, .ss-orange.right:after { content: '๐ŸŠ' } .ss-lemon:before, .ss-lemon.right:after { content: '๐Ÿ‹' } .ss-onion:before, .ss-onion.right:after { content: '๏„•' } .ss-bellpepper:before, .ss-bellpepper.right:after { content: '๏„”' } .ss-peas:before, .ss-peas.right:after { content: '๏„’' } .ss-grapes:before, .ss-grapes.right:after { content: '๐Ÿ‡' } .ss-strawberry:before, .ss-strawberry.right:after { content: '๐Ÿ“' } .ss-bread:before, .ss-bread.right:after { content: '๐Ÿž' } .ss-mug:before, .ss-mug.right:after { content: 'โ˜•' } .ss-mugs:before, .ss-mugs.right:after { content: '๏„ซ' } .ss-espresso:before, .ss-espresso.right:after { content: '๎ฟฐ' } .ss-macchiato:before, .ss-macchiato.right:after { content: '๎ฟฑ' } .ss-cappucino:before, .ss-cappucino.right:after { content: '๎ฟฒ' } .ss-latte:before, .ss-latte.right:after { content: '๎ฟณ' } .ss-icedcoffee:before, .ss-icedcoffee.right:after { content: '๎ฟด' } .ss-coffeebean:before, .ss-coffeebean.right:after { content: '๎ฟต' } .ss-coffeemilk:before, .ss-coffeemilk.right:after { content: '๎ฟถ' } .ss-coffeefoam:before, .ss-coffeefoam.right:after { content: '๎ฟท' } .ss-coffeesugar:before, .ss-coffeesugar.right:after { content: '๎ฟธ' } .ss-sugarpackets:before, .ss-sugarpackets.right:after { content: '๏„ต' } .ss-capsule:before, .ss-capsule.right:after { content: '๎ฟน' } .ss-capsulerecycling:before, .ss-capsulerecycling.right:after { content: '๎ฟบ' } .ss-insertcapsule:before, .ss-insertcapsule.right:after { content: '๎ฟป' } .ss-tea:before, .ss-tea.right:after { content: '๐Ÿต' } .ss-teabag:before, .ss-teabag.right:after { content: '๎ฟผ' } .ss-jug:before, .ss-jug.right:after { content: '๏„ฆ' } .ss-pitcher:before, .ss-pitcher.right:after { content: '๏†›' } .ss-kettle:before, .ss-kettle.right:after { content: '๏†œ' } .ss-wineglass:before, .ss-wineglass.right:after { content: '๐Ÿท' } .ss-sugar:before, .ss-sugar.right:after { content: '๏„ด' } .ss-oven:before, .ss-oven.right:after { content: '๏…€' } .ss-stove:before, .ss-stove.right:after { content: '๏…' } .ss-vent:before, .ss-vent.right:after { content: '๏…ƒ' } .ss-exhaust:before, .ss-exhaust.right:after { content: '๏…„' } .ss-steam:before, .ss-steam.right:after { content: 'โ™จ' } .ss-dishwasher:before, .ss-dishwasher.right:after { content: '๏†’' } .ss-toaster:before, .ss-toaster.right:after { content: '๏†“' } .ss-microwave:before, .ss-microwave.right:after { content: '๏†”' } .ss-electrickettle:before, .ss-electrickettle.right:after { content: '๏†•' } .ss-refrigerator:before, .ss-refrigerator.right:after { content: '๏†–' } .ss-freezer:before, .ss-freezer.right:after { content: '๏†—' } .ss-utensils:before, .ss-utensils.right:after { content: '๐Ÿด' } .ss-cookingutensils:before, .ss-cookingutensils.right:after { content: '๏…‘' } .ss-whisk:before, .ss-whisk.right:after { content: '๏…’' } .ss-pizzacutter:before, .ss-pizzacutter.right:after { content: '๏…“' } .ss-measuringcup:before, .ss-measuringcup.right:after { content: '๏…ข' } .ss-colander:before, .ss-colander.right:after { content: '๏…ฃ' } .ss-eggtimer:before, .ss-eggtimer.right:after { content: '๏…ฅ' } .ss-platter:before, .ss-platter.right:after { content: '๏…ฆ' } .ss-plates:before, .ss-plates.right:after { content: '๏…ง' } .ss-steamplate:before, .ss-steamplate.right:after { content: '๏†˜' } .ss-cups:before, .ss-cups.right:after { content: '๏„ช' } .ss-steamglass:before, .ss-steamglass.right:after { content: '๏†™' } .ss-pot:before, .ss-pot.right:after { content: '๏…จ' } .ss-steampot:before, .ss-steampot.right:after { content: '๏†š' } .ss-chef:before, .ss-chef.right:after { content: '๏…ฒ' } .ss-weathervane:before, .ss-weathervane.right:after { content: '๏ˆ€' } .ss-thermometer:before, .ss-thermometer.right:after { content: '๏ˆ' } .ss-thermometerup:before, .ss-thermometerup.right:after { content: '๏ˆƒ' } .ss-thermometerdown:before, .ss-thermometerdown.right:after { content: '๏ˆ„' } .ss-droplet:before, .ss-droplet.right:after { content: '๐Ÿ’ง' } .ss-sunrise:before, .ss-sunrise.right:after { content: '๐ŸŒ…' } .ss-sunset:before, .ss-sunset.right:after { content: '๐ŸŒ‡' } .ss-sun:before, .ss-sun.right:after { content: 'โ˜€' } .ss-cloud:before, .ss-cloud.right:after { content: 'โ˜' } .ss-clouds:before, .ss-clouds.right:after { content: '๏ˆ ' } .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: 'โ›…' } .ss-rain:before, .ss-rain.right:after { content: 'โ˜”' } .ss-rainheavy:before, .ss-rainheavy.right:after { content: '๏ˆค' } .ss-lightning:before, .ss-lightning.right:after { content: 'โ˜‡' } .ss-thunderstorm:before, .ss-thunderstorm.right:after { content: 'โ›ˆ' } .ss-umbrella:before, .ss-umbrella.right:after { content: 'โ˜‚' } .ss-rainumbrella:before, .ss-rainumbrella.right:after { content: '๏‰ฐ' } .ss-rainbow:before, .ss-rainbow.right:after { content: '๐ŸŒˆ' } .ss-rainbowclouds:before, .ss-rainbowclouds.right:after { content: '๏ˆ”' } .ss-fog:before, .ss-fog.right:after { content: '๏ˆ‘' } .ss-wind:before, .ss-wind.right:after { content: '๏ˆ’' } .ss-tornado:before, .ss-tornado.right:after { content: '๏ˆ“' } .ss-snowflake:before, .ss-snowflake.right:after { content: 'โ„' } .ss-snowcrystal:before, .ss-snowcrystal.right:after { content: 'โ†' } .ss-lightsnow:before, .ss-lightsnow.right:after { content: '๏ˆฐ' } .ss-snow:before, .ss-snow.right:after { content: '๏ˆฑ' } .ss-heavysnow:before, .ss-heavysnow.right:after { content: '๏ˆฒ' } .ss-hail:before, .ss-hail.right:after { content: '๏‰„' } .ss-crescentmoon:before, .ss-crescentmoon.right:after { content: '๐ŸŒ™' } .ss-waxingcrescentmoon:before, .ss-waxingcrescentmoon.right:after { content: '๐ŸŒ’' } .ss-firstquartermoon:before, .ss-firstquartermoon.right:after { content: '๐ŸŒ“' } .ss-waxinggibbousmoon:before, .ss-waxinggibbousmoon.right:after { content: '๐ŸŒ”' } .ss-waninggibbousmoon:before, .ss-waninggibbousmoon.right:after { content: '๐ŸŒ–' } .ss-lastquartermoon:before, .ss-lastquartermoon.right:after { content: '๐ŸŒ—' } .ss-waningcrescentmoon:before, .ss-waningcrescentmoon.right:after { content: '๐ŸŒ˜' } .ss-fan:before, .ss-fan.right:after { content: '๏Š€' } .ss-bike:before, .ss-bike.right:after { content: '๐Ÿšฒ' } .ss-wheelchair:before, .ss-wheelchair.right:after { content: 'โ™ฟ' } .ss-briefcase:before, .ss-briefcase.right:after { content: '๐Ÿ’ผ' } .ss-hanger:before, .ss-hanger.right:after { content: '๏† ' } .ss-comb:before, .ss-comb.right:after { content: '๏†ก' } .ss-medicalcross:before, .ss-medicalcross.right:after { content: '๏’ฐ' } .ss-up:before, .ss-up.right:after { content: 'โฌ†' } .ss-upright:before, .ss-upright.right:after { content: 'โฌˆ' } .ss-right:before, .ss-right.right:after { content: 'โžก' } .ss-downright:before, .ss-downright.right:after { content: 'โฌŠ' } .ss-down:before, .ss-down.right:after { content: 'โฌ‡' } .ss-downleft:before, .ss-downleft.right:after { content: 'โฌ‹' } .ss-left:before, .ss-left.right:after { content: 'โฌ…' } .ss-upleft:before, .ss-upleft.right:after { content: 'โฌ‰' } .ss-navigateup:before, .ss-navigateup.right:after { content: '๏”€' } .ss-navigateright:before, .ss-navigateright.right:after { content: 'โ–ป' } .ss-navigatedown:before, .ss-navigatedown.right:after { content: '๏”' } .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'โ—…' } .ss-retweet:before, .ss-retweet.right:after { content: '๏˜€' } .ss-share:before, .ss-share.right:after { content: '๏˜' } /* =============== FontAwesome =============== */ /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.3'); src: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'); font-weight: normal; font-style: normal } i[class^="fa-"], em[class^="fa-"]{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa { 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 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-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 { -ms-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-pp: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-resistance: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" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } /* =============== Icons =============== */ .sf-icon { font-size: 30px; line-height: 26px; padding: 0; width: auto; height: 28px; background-image: none; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .sf-icon-float-none { display: inline-block; margin-right: 0; } .sf-icon { color: #1b305d; } /* Animations ========================================================================== */ /* ========================================================================== 2. BASE STYLES ========================================================================== */ /* =============== Base =============== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; min-height: 100%; margin: 0; padding: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background-color: #0a8ed6; color: #444444; font-family: Celias-Light; font-weight: 400; font-style: normal; font-size: 15px; line-height: 24px; -webkit-font-smoothing: antialiased; } #site-wrapper {overflow: hidden;} /* Page Center */ .container-fluid .row-fluid .page-center { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; float: none; } @media (min-width: 768px) { .container-fluid .row-fluid .page-center { max-width: 750px; } } @media (min-width: 992px) { .container-fluid .row-fluid .page-center { max-width: 970px; } } @media (min-width: 1200px) { .container-fluid .row-fluid .page-center { max-width: 1170px; } } /* Highlighted Text ::-moz-selection { color: #fff; background: #333; text-shadow: none; } ::selection { color: #fff; background: #333; text-shadow: none; } */ /* =============== Typography =============== */ /* Basic text */ p { margin: 0 0 24px;} p:last-child { margin-bottom: 0; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small {font-size: 85%;} mark, .mark { padding: .2em; background-color: #fcf8e3; } b,strong {font-weight: bold;} dfn {font-style: italic;} em {} cite {} code, kbd, pre, samp {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;} code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } img { vertical-align: middle; } iframe {border: 0;max-width: 100%;} /* Video Wrap */ .video-wrap { padding-bottom: 56.25%; position: relative; width: 100%; } .video-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Headings */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, h1 a {color: #222222;} h2, h2 a {color: #1b305d;} h3, h3 a {color: #1b305d;} h4, h4 a {color: #222222;} h5, h5 a {color: #222222;} h6, h6 a {color: #222222;} h1, .h1 {font-size: 36px;} h2, .h2 {font-size: 30px;} h3, .h3 {font-size: 24px;} h4, .h4 {font-size: 18px;} h5, .h5 {font-size: 14px;} h6, .h6 {font-size: 12px;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #076bb2;} h1, h2 { font-family: Celias-Light; font-weight: normal; } h3, h4, h5, h6 { font-family: Celias-Regular; font-weight: 400; } h1 { line-height: 50px; font-size: 40px; } h2 { line-height: 40px; font-size: 30px; } h3 { line-height: 34px; font-size: 22px; margin-top: 0px; margin-bottom: 20px; } h4 { line-height: 22px; font-size: 16px; margin-bottom: 15px; } h5 { line-height: 20px; font-size: 14px; margin-bottom: 15px; } h6 { line-height: 18px; font-size: 12px; margin-bottom: 10px; text-transform: uppercase; } /* Anchor Links */ a { outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-decoration: none; color: #0a8ed6; } a:active, a:hover {outline: 0;} a:hover, a:focus { color: #076bb2; text-decoration: none; } /* Lists */ ul { list-style: none; margin: 0 0 20px; padding: 0; line-height: 160%; } .custom_tabs-module ul, .hs_cos_wrapper_type_rich_text ul { list-style: disc inside none; } ol { margin: 0 0 20px; padding: 0 0 0 20px; line-height: 160%; } ul ul, ol ul, ul ol, ol ol {margin-bottom: 0;} li {} dl { margin-top: 0; margin-bottom: 20px; } dt, dd {line-height: 1.42857143;} dl dt, dl dd {line-height: 180%;} dt {font-weight: bold;} dd {margin-left: 0;margin-bottom: 20px;} @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } /* Custom List */ .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } /* Block Quotes */ blockquote, blockquote p { font-size: 18px; line-height: 28px; font-style: italic; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } /* Horizontal Rules */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } hr.divider { margin: 0 0 30px; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e4e4e4; display: block; } .hs_cos_wrapper_type_rich_text hr.divider {margin-bottom: 10px;} /* Table */ table { border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; border-bottom: 1px solid #e4e4e4; max-width: 100%; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; font-weight: bold; } td, th { padding: 0; } table td { padding: 6px 10px 6px 0; border-top: 1px solid #e4e4e4; } table tr > th { padding-right: 20px; } table tr td img {max-width: 100%;} table p { font-size: 15px; line-height: 24px; } @media all and (-ms-high-contrast:none) { table {width: auto;} table tr td img {width: 100%;} } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /* ========================================================================== Snippet Code ========================================================================== */ /* Align elements ========================================================================== */ .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right {float: right !important;} .pull-left {float: left !important;} .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 0 auto; } /* Fixed ELement */ .affix {position: fixed;} @-ms-viewport { width: device-width; } .h0 {height: 0;} .h10 {height: 10px;} .h20 {height: 20px;} .h30 {height: 30px;} .h40 {height: 40px;} .h50 {height: 50px;} /* Hidden elements ========================================================================== */ .hidden {display: none !important;} .hide {display: none !important;} .show {display: block !important;} .invisible {visibility: hidden;} .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Text ========================================================================== */ .text-left {text-align: left;} .text-right {text-align: right;} .text-center {text-align: center;} .text-justify {text-align: justify;} .text-nowrap {white-space: nowrap;} .text-lowercase {text-transform: lowercase;} .text-uppercase {text-transform: uppercase;} .text-capitalize {text-transform: capitalize;} .text-muted {color: #777;} /* =============== Text Primary =============== */ .text-primary {color: #337ab7;} a.text-primary:hover, a.text-primary:focus { color: #286090; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } /* =============== Text Success =============== */ .text-success {color: #3c763d;} a.text-success:hover, a.text-success:focus { color: #2b542c; } .bg-success {background-color: #dff0d8;} a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } /* =============== Text info =============== */ .text-info {color: #31708f;} a.text-info:hover, a.text-info:focus { color: #245269; } .bg-info {background-color: #d9edf7;} a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } /* =============== Text warning =============== */ .text-warning {color: #8a6d3b;} a.text-warning:hover, a.text-warning:focus { color: #66512c; } .bg-warning {background-color: #fcf8e3;} a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } /* =============== Text danger =============== */ .text-danger {color: #a94442;} a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-danger {background-color: #f2dede;} a.bg-danger:hover, a.bg-danger:focus {background-color: #e4b9b9;} /* Page Header ========================================================================== */ /*.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }*/ /* Address ========================================================================== */ address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } /* Custom Columns ========================================================================== */ .custom_column-lg.span1, .custom_column-lg.span2, .custom_column-lg.span3, .custom_column-lg.span4, .custom_column-lg.span5, .custom_column-lg.span6, .custom_column-lg.span7, .custom_column-lg.span8, .custom_column-lg.span9, .custom_column-lg.span10, .custom_column-lg.span11, .custom_column-lg.span12, .custom_column-md.span1, .custom_column-md.span2, .custom_column-md.span3, .custom_column-md.span4, .custom_column-md.span5, .custom_column-md.span6, .custom_column-md.span7, .custom_column-md.span8, .custom_column-md.span9, .custom_column-md.span10, .custom_column-md.span11, .custom_column-md.span12, .custom_column.span1, .custom_column.span2, .custom_column.span3, .custom_column.span4, .custom_column.span5, .custom_column.span6, .custom_column.span7, .custom_column.span8, .custom_column.span9, .custom_column.span10, .custom_column.span11, .custom_column.span12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; margin-left: 0; } @media (min-width: 768px) { .custom_column.span1, .custom_column.span2, .custom_column.span3, .custom_column.span4, .custom_column.span5, .custom_column.span6, .custom_column.span7, .custom_column.span8, .custom_column.span9, .custom_column.span10, .custom_column.span11, .custom_column.span12 {float: left;} .custom_column.span12 {width: 100%;} .custom_column.span11 {width: 91.66666667%;} .custom_column.span10 {width: 83.33333333%;} .custom_column.span9 {width: 75%;} .custom_column.span8 {width: 66.66666667%;} .custom_column.span7 {width: 58.33333333%;} .custom_column.span6 {width: 50%;} .custom_column.span5 {width: 41.66666667%;} .custom_column.span4 {width: 33.33333333%;} .custom_column.span3 {width: 25%;} .custom_column.span2 {width: 16.66666667%;} .custom_column.span1 {width: 8.33333333%;} } @media (min-width: 992px) { .custom_column-md.span1, .custom_column-md.span2, .custom_column-md.span3, .custom_column-md.span4, .custom_column-md.span5, .custom_column-md.span6, .custom_column-md.span7, .custom_column-md.span8, .custom_column-md.span9, .custom_column-md.span10, .custom_column-md.span11, .custom_column-md.span12 {float: left;} .custom_column-md.span12 {width: 100%;} .custom_column-md.span11 {width: 91.66666667%;} .custom_column-md.span10 {width: 83.33333333%;} .custom_column-md.span9 {width: 75%;} .custom_column-md.span8 {width: 66.66666667%;} .custom_column-md.span7 {width: 58.33333333%;} .custom_column-md.span6 {width: 50%;} .custom_column-md.span5 {width: 41.66666667%;} .custom_column-md.span4 {width: 33.33333333%;} .custom_column-md.span3 {width: 25%;} .custom_column-md.span2 {width: 16.66666667%;} .custom_column-md.span1 {width: 8.33333333%;} } @media (min-width: 1200px) { .custom_column-lg.span1, .custom_column-lg.span2, .custom_column-lg.span3, .custom_column-lg.span4, .custom_column-lg.span5, .custom_column-lg.span6, .custom_column-lg.span7, .custom_column-lg.span8, .custom_column-lg.span9, .custom_column-lg.span10, .custom_column-lg.span11, .custom_column-lg.span12 {float: left;} .custom_column-lg.span12 {width: 100%;} .custom_column-lg.span11 {width: 91.66666667%;} .custom_column-lg.span10 {width: 83.33333333%;} .custom_column-lg.span9 {width: 75%;} .custom_column-lg.span8 {width: 66.66666667%;} .custom_column-lg.span7 {width: 58.33333333%;} .custom_column-lg.span6 {width: 50%;} .custom_column-lg.span5 {width: 41.66666667%;} .custom_column-lg.span4 {width: 33.33333333%;} .custom_column-lg.span3 {width: 25%;} .custom_column-lg.span2 {width: 16.66666667%;} .custom_column-lg.span1 {width: 8.33333333%;} } /* =============== Boostrap Columns =============== */ .row { margin-right: -15px; margin-left: -15px; } .row:after, .row:before { clear: both; content: ""; } .row:after {display: table;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 {width: 100%;} .col-xs-11 {width: 91.66666667%;} .col-xs-10 {width: 83.33333333%;} .col-xs-9 {width: 75%;} .col-xs-8 {width: 66.66666667%;} .col-xs-7 {width: 58.33333333%;} .col-xs-6 {width: 50%;} .col-xs-5 {width: 41.66666667%;} .col-xs-4 {width: 33.33333333%;} .col-xs-3 {width: 25%;} .col-xs-2 {width: 16.66666667%;} .col-xs-1 {width: 8.33333333%;} .col-xs-pull-12 {right: 100%;} .col-xs-pull-11 {right: 91.66666667%;} .col-xs-pull-10 {right: 83.33333333%;} .col-xs-pull-9 {right: 75%;} .col-xs-pull-8 {right: 66.66666667%;} .col-xs-pull-7 {right: 58.33333333%;} .col-xs-pull-6 {right: 50%;} .col-xs-pull-5 {right: 41.66666667%;} .col-xs-pull-4 {right: 33.33333333%;} .col-xs-pull-3 {right: 25%;} .col-xs-pull-2 {right: 16.66666667%;} .col-xs-pull-1 {right: 8.33333333%;} .col-xs-pull-0 {right: auto;} .col-xs-push-12 {left: 100%;} .col-xs-push-11 {left: 91.66666667%;} .col-xs-push-10 {left: 83.33333333%;} .col-xs-push-9 {left: 75%;} .col-xs-push-8 {left: 66.66666667%;} .col-xs-push-7 {left: 58.33333333%;} .col-xs-push-6 {left: 50%;} .col-xs-push-5 {left: 41.66666667%;} .col-xs-push-4 {left: 33.33333333%;} .col-xs-push-3 {left: 25%;} .col-xs-push-2 {left: 16.66666667%;} .col-xs-push-1 {left: 8.33333333%;} .col-xs-push-0 {left: auto;} .col-xs-offset-12 {margin-left: 100%;} .col-xs-offset-11 {margin-left: 91.66666667%;} .col-xs-offset-10 {margin-left: 83.33333333%;} .col-xs-offset-9 {margin-left: 75%;} .col-xs-offset-8 {margin-left: 66.66666667%;} .col-xs-offset-7 {margin-left: 58.33333333%;} .col-xs-offset-6 {margin-left: 50%;} .col-xs-offset-5 {margin-left: 41.66666667%;} .col-xs-offset-4 {margin-left: 33.33333333%;} .col-xs-offset-3 {margin-left: 25%;} .col-xs-offset-2 {margin-left: 16.66666667%;} .col-xs-offset-1 {margin-left: 8.33333333%;} .col-xs-offset-0 {margin-left: 0;} @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 {width: 8.33333333%;} .col-sm-pull-12 {right: 100%;} .col-sm-pull-11 {right: 91.66666667%;} .col-sm-pull-10 {right: 83.33333333%;} .col-sm-pull-9 {right: 75%;} .col-sm-pull-8 {right: 66.66666667%;} .col-sm-pull-7 {right: 58.33333333%;} .col-sm-pull-6 {right: 50%;} .col-sm-pull-5 {right: 41.66666667%;} .col-sm-pull-4 {right: 33.33333333%;} .col-sm-pull-3 {right: 25%;} .col-sm-pull-2 {right: 16.66666667%;} .col-sm-pull-1 {right: 8.33333333%;} .col-sm-pull-0 {right: auto;} .col-sm-push-12 {left: 100%;} .col-sm-push-11 {left: 91.66666667%;} .col-sm-push-10 {left: 83.33333333%;} .col-sm-push-9 {left: 75%;} .col-sm-push-8 {left: 66.66666667%;} .col-sm-push-7 {left: 58.33333333%;} .col-sm-push-6 {left: 50%;} .col-sm-push-5 {left: 41.66666667%;} .col-sm-push-4 {left: 33.33333333%;} .col-sm-push-3 {left: 25%;} .col-sm-push-2 {left: 16.66666667%;} .col-sm-push-1 {left: 8.33333333%;} .col-sm-push-0 {left: auto;} .col-sm-offset-12 {margin-left: 100%;} .col-sm-offset-11 {margin-left: 91.66666667%;} .col-sm-offset-10 {margin-left: 83.33333333%;} .col-sm-offset-9 {margin-left: 75%;} .col-sm-offset-8 {margin-left: 66.66666667%;} .col-sm-offset-7 {margin-left: 58.33333333%;} .col-sm-offset-6 {margin-left: 50%;} .col-sm-offset-5 {margin-left: 41.66666667%;} .col-sm-offset-4 {margin-left: 33.33333333%;} .col-sm-offset-3 {margin-left: 25%;} .col-sm-offset-2 {margin-left: 16.66666667%;} .col-sm-offset-1 {margin-left: 8.33333333%;} .col-sm-offset-0 {margin-left: 0;} } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;} .col-md-12 {width: 100%;} .col-md-11 {width: 91.66666667%;} .col-md-10 {width: 83.33333333%;} .col-md-9 {width: 75%;} .col-md-8 {width: 66.66666667%;} .col-md-7 {width: 58.33333333%;} .col-md-6 {width: 50%;} .col-md-5 {width: 41.66666667%;} .col-md-4 {width: 33.33333333%;} .col-md-3 {width: 25%;} .col-md-2 {width: 16.66666667%;} .col-md-1 {width: 8.33333333%;} .col-md-pull-12 {right: 100%;} .col-md-pull-11 {right: 91.66666667%;} .col-md-pull-10 {right: 83.33333333%;} .col-md-pull-9 {right: 75%;} .col-md-pull-8 {right: 66.66666667%;} .col-md-pull-7 {right: 58.33333333%;} .col-md-pull-6 {right: 50%;} .col-md-pull-5 {right: 41.66666667%;} .col-md-pull-4 {right: 33.33333333%;} .col-md-pull-3 {right: 25%;} .col-md-pull-2 {right: 16.66666667%;} .col-md-pull-1 {right: 8.33333333%;} .col-md-pull-0 {right: auto;} .col-md-push-12 {left: 100%;} .col-md-push-11 {left: 91.66666667%;} .col-md-push-10 {left: 83.33333333%;} .col-md-push-9 {left: 75%;} .col-md-push-8 {left: 66.66666667%;} .col-md-push-7 {left: 58.33333333%;} .col-md-push-6 {left: 50%;} .col-md-push-5 {left: 41.66666667%;} .col-md-push-4 {left: 33.33333333%;} .col-md-push-3 {left: 25%;} .col-md-push-2 {left: 16.66666667%;} .col-md-push-1 {left: 8.33333333%;} .col-md-push-0 {left: auto;} .col-md-offset-12 {margin-left: 100%;} .col-md-offset-11 {margin-left: 91.66666667%;} .col-md-offset-10 {margin-left: 83.33333333%;} .col-md-offset-9 {margin-left: 75%;} .col-md-offset-8 {margin-left: 66.66666667%;} .col-md-offset-7 {margin-left: 58.33333333%;} .col-md-offset-6 {margin-left: 50%;} .col-md-offset-5 {margin-left: 41.66666667%;} .col-md-offset-4 {margin-left: 33.33333333%;} .col-md-offset-3 {margin-left: 25%;} .col-md-offset-2 {margin-left: 16.66666667%;} .col-md-offset-1 {margin-left: 8.33333333%;} .col-md-offset-0 {margin-left: 0;} } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;} .col-lg-12 {width: 100%;} .col-lg-11 {width: 91.66666667%;} .col-lg-10 {width: 83.33333333%;} .col-lg-9 {width: 75%;} .col-lg-8 {width: 66.66666667%;} .col-lg-7 {width: 58.33333333%;} .col-lg-6 {width: 50%;} .col-lg-5 {width: 41.66666667%;} .col-lg-4 {width: 33.33333333%;} .col-lg-3 {width: 25%;} .col-lg-2 {width: 16.66666667%;} .col-lg-1 {width: 8.33333333%;} .col-lg-pull-12 {right: 100%;} .col-lg-pull-11 {right: 91.66666667%;} .col-lg-pull-10 {right: 83.33333333%;} .col-lg-pull-9 {right: 75%;} .col-lg-pull-8 {right: 66.66666667%;} .col-lg-pull-7 {right: 58.33333333%;} .col-lg-pull-6 {right: 50%;} .col-lg-pull-5 {right: 41.66666667%;} .col-lg-pull-4 {right: 33.33333333%;} .col-lg-pull-3 {right: 25%;} .col-lg-pull-2 {right: 16.66666667%;} .col-lg-pull-1 {right: 8.33333333%;} .col-lg-pull-0 {right: auto;} .col-lg-push-12 {left: 100%;} .col-lg-push-11 {left: 91.66666667%;} .col-lg-push-10 {left: 83.33333333%;} .col-lg-push-9 {left: 75%;} .col-lg-push-8 {left: 66.66666667%;} .col-lg-push-7 {left: 58.33333333%;} .col-lg-push-6 {left: 50%;} .col-lg-push-5 {left: 41.66666667%;} .col-lg-push-4 {left: 33.33333333%;} .col-lg-push-3 {left: 25%;} .col-lg-push-2 {left: 16.66666667%;} .col-lg-push-1 {left: 8.33333333%;} .col-lg-push-0 {left: auto;} .col-lg-offset-12 {margin-left: 100%;} .col-lg-offset-11 {margin-left: 91.66666667%;} .col-lg-offset-10 {margin-left: 83.33333333%;} .col-lg-offset-9 {margin-left: 75%;} .col-lg-offset-8 {margin-left: 66.66666667%;} .col-lg-offset-7 {margin-left: 58.33333333%;} .col-lg-offset-6 {margin-left: 50%;} .col-lg-offset-5 {margin-left: 41.66666667%;} .col-lg-offset-4 {margin-left: 33.33333333%;} .col-lg-offset-3 {margin-left: 25%;} .col-lg-offset-2 {margin-left: 16.66666667%;} .col-lg-offset-1 {margin-left: 8.33333333%;} .col-lg-offset-0 {margin-left: 0;} } /* =============== Custom Hubspot Columns =============== */ .content-wrapper > div {margin: 0 -15px;} /* Custom Column Blog Content */ .content-wrapper .blog-content.span1, .content-wrapper .blog-content.span2, .content-wrapper .blog-content.span3, .content-wrapper .blog-content.span4, .content-wrapper .blog-content.span5, .content-wrapper .blog-content.span6, .content-wrapper .blog-content.span7, .content-wrapper .blog-content.span8, .content-wrapper .blog-content.span9, .content-wrapper .blog-content.span10, .content-wrapper .blog-content.span11, .content-wrapper .blog-content.span12, /* Custom Column Blog Sidebar Content */ .content-wrapper .blog-sidebar.span1, .content-wrapper .blog-sidebar.span2, .content-wrapper .blog-sidebar.span3, .content-wrapper .blog-sidebar.span4, .content-wrapper .blog-sidebar.span5, .content-wrapper .blog-sidebar.span6, .content-wrapper .blog-sidebar.span7, .content-wrapper .blog-sidebar.span8, .content-wrapper .blog-sidebar.span9, .content-wrapper .blog-sidebar.span10, .content-wrapper .blog-sidebar.span11, .content-wrapper .blog-sidebar.span12, /* Custom Column Main Content */ .content-wrapper .main-content.span1, .content-wrapper .main-content.span2, .content-wrapper .main-content.span3, .content-wrapper .main-content.span4, .content-wrapper .main-content.span5, .content-wrapper .main-content.span6, .content-wrapper .main-content.span7, .content-wrapper .main-content.span8, .content-wrapper .main-content.span9, .content-wrapper .main-content.span10, .content-wrapper .main-content.span11, .content-wrapper .main-content.span12, /* Custom Column Sidebar Content */ .content-wrapper .sidebar.span1, .content-wrapper .sidebar.span2, .content-wrapper .sidebar.span3, .content-wrapper .sidebar.span4, .content-wrapper .sidebar.span5, .content-wrapper .sidebar.span6, .content-wrapper .sidebar.span7, .content-wrapper .sidebar.span8, .content-wrapper .sidebar.span9, .content-wrapper .sidebar.span10, .content-wrapper .sidebar.span11, .content-wrapper .sidebar.span12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; margin-left: 0; width: 100%; float: none; } @media (min-width: 992px) { /* Custom Column Blog Content */ .content-wrapper .blog-content.span1, .content-wrapper .blog-content.span2, .content-wrapper .blog-content.span3, .content-wrapper .blog-content.span4, .content-wrapper .blog-content.span5, .content-wrapper .blog-content.span6, .content-wrapper .blog-content.span7, .content-wrapper .blog-content.span8, .content-wrapper .blog-content.span9, .content-wrapper .blog-content.span10, .content-wrapper .blog-content.span11, .content-wrapper .blog-content.span12 {float: left;} .content-wrapper .blog-content.span12 {width: 100%;} .content-wrapper .blog-content.span11 {width: 91.66666667%;} .content-wrapper .blog-content.span10 {width: 83.33333333%;} .content-wrapper .blog-content.span9 {width: 75%;} .content-wrapper .blog-content.span8 {width: 66.66666667%;} .content-wrapper .blog-content.span7 {width: 58.33333333%;} .content-wrapper .blog-content.span6 {width: 50%;} .content-wrapper .blog-content.span5 {width: 41.66666667%;} .content-wrapper .blog-content.span4 {width: 33.33333333%;} .content-wrapper .blog-content.span3 {width: 25%;} .content-wrapper .blog-content.span2 {width: 16.66666667%;} .content-wrapper .blog-content.span1 {width: 8.33333333%;} /* Custom Column Blog Sidebar Content */ .content-wrapper .blog-sidebar.span1, .content-wrapper .blog-sidebar.span2, .content-wrapper .blog-sidebar.span3, .content-wrapper .blog-sidebar.span4, .content-wrapper .blog-sidebar.span5, .content-wrapper .blog-sidebar.span6, .content-wrapper .blog-sidebar.span7, .content-wrapper .blog-sidebar.span8, .content-wrapper .blog-sidebar.span9, .content-wrapper .blog-sidebar.span10, .content-wrapper .blog-sidebar.span11, .content-wrapper .blog-sidebar.span12 {float: left;} .content-wrapper .blog-sidebar.span12 {width: 100%;} .content-wrapper .blog-sidebar.span11 {width: 91.66666667%;} .content-wrapper .blog-sidebar.span10 {width: 83.33333333%;} .content-wrapper .blog-sidebar.span9 {width: 75%;} .content-wrapper .blog-sidebar.span8 {width: 66.66666667%;} .content-wrapper .blog-sidebar.span7 {width: 58.33333333%;} .content-wrapper .blog-sidebar.span6 {width: 50%;} .content-wrapper .blog-sidebar.span5 {width: 41.66666667%;} .content-wrapper .blog-sidebar.span4 {width: 33.33333333%;} .content-wrapper .blog-sidebar.span3 {width: 25%;} .content-wrapper .blog-sidebar.span2 {width: 16.66666667%;} .content-wrapper .blog-sidebar.span1 {width: 8.33333333%;} /* Custom Column Main Content */ .content-wrapper .main-content.span1, .content-wrapper .main-content.span2, .content-wrapper .main-content.span3, .content-wrapper .main-content.span4, .content-wrapper .main-content.span5, .content-wrapper .main-content.span6, .content-wrapper .main-content.span7, .content-wrapper .main-content.span8, .content-wrapper .main-content.span9, .content-wrapper .main-content.span10, .content-wrapper .main-content.span11, .content-wrapper .main-content.span12 {float: left;} .content-wrapper .main-content.span12 {width: 100%;} .content-wrapper .main-content.span11 {width: 91.66666667%;} .content-wrapper .main-content.span10 {width: 83.33333333%;} .content-wrapper .main-content.span9 {width: 75%;} .content-wrapper .main-content.span8 {width: 66.66666667%;} .content-wrapper .main-content.span7 {width: 58.33333333%;} .content-wrapper .main-content.span6 {width: 50%;} .content-wrapper .main-content.span5 {width: 41.66666667%;} .content-wrapper .main-content.span4 {width: 33.33333333%;} .content-wrapper .main-content.span3 {width: 25%;} .content-wrapper .main-content.span2 {width: 16.66666667%;} .content-wrapper .main-content.span1 {width: 8.33333333%;} /* Custom Column Sidebar Content */ .content-wrapper .sidebar.span1, .content-wrapper .sidebar.span2, .content-wrapper .sidebar.span3, .content-wrapper .sidebar.span4, .content-wrapper .sidebar.span5, .content-wrapper .sidebar.span6, .content-wrapper .sidebar.span7, .content-wrapper .sidebar.span8, .content-wrapper .sidebar.span9, .content-wrapper .sidebar.span10, .content-wrapper .sidebar.span11, .content-wrapper .sidebar.span12 {float: left;} .content-wrapper .sidebar.span12 {width: 100%;} .content-wrapper .sidebar.span11 {width: 91.66666667%;} .content-wrapper .sidebar.span10 {width: 83.33333333%;} .content-wrapper .sidebar.span9 {width: 75%;} .content-wrapper .sidebar.span8 {width: 66.66666667%;} .content-wrapper .sidebar.span7 {width: 58.33333333%;} .content-wrapper .sidebar.span6 {width: 50%;} .content-wrapper .sidebar.span5 {width: 41.66666667%;} .content-wrapper .sidebar.span4 {width: 33.33333333%;} .content-wrapper .sidebar.span3 {width: 25%;} .content-wrapper .sidebar.span2 {width: 16.66666667%;} .content-wrapper .sidebar.span1 {width: 8.33333333%;} } /* =============== 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 {} .header-container {} /* ========================================================================== Custom Header ========================================================================== */ #custom_header {} #custom_mobile-header {display: none;} @media (max-width: 1024px) { #custom_header {display: none;} #custom_mobile-header {display: block;} } /* Custom Header Top ========================================================================== */ #custom_header .custom_header-top { border-bottom: 1px solid #e3e3e3; background: #ededed; } #custom_header .custom_header-top .col1 {text-align: left;} #custom_header .custom_header-top .col2 {text-align: right;} #custom_header .custom_header-top .widget-type-rich_text { font-size: 12px; line-height: 36px; color: #222222; } #custom_header .custom_header-top strong {color: #1b305d;} #custom_header .custom_header-top h5.pull-left strong {padding-left: 15px;} #custom_header .custom_header-top table {border: 0;} @media (min-width: 1025px) and (max-width: 1199px) { #custom_header .custom_header-top .custom_column.col1 table.pull-left {width: 50%;} #custom_header .custom_header-top .custom_column.col1 h5.pull-right {width: 50%;} } /* Custom Header Pay Button */ a.custom_header-pay-btn, .custom_header-pay-btn { font-weight: bold; margin-top: 3px; padding-bottom: 3px; width: 150px; height: 35px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0392d8; color: white; font-size: 16px; float: right; } /* Custom Header Bottom ========================================================================== */ .custom_header-bottom { border-bottom: 1px solid #ffffff; background-color: #ffffff; position: relative; z-index: 101; } .custom_header-bottom .page-center {position: relative;} /* =============== Header Sticky =============== */ #custom_header-wrapper { position: relative; z-index: 1000; width: 100%; display: block; float: none; } #custom_header-wrapper > div.row-fluid-wrapper > div.row-fluid { -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); transition: height 0.5s ease-in-out, transform 0.5s ease-in-out/*, background-color 0.5s ease-in-out */; -moz-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out/*, background-color 0.5s ease-in-out */; -webkit-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out/*, background-color 0.5s ease-in-out */; -o-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out/*, background-color 0.5s ease-in-out */; position: relative; z-index: 100; } #custom_header-wrapper > div.row-fluid-wrapper > div.row-fluid, #custom_header-wrapper .custom_menu-container, .custom-menu-primary .hs-menu-wrapper > ul > li > a, .custom_header-search .header-search-link-alt {height: 140px;} .custom-menu-primary .hs-menu-wrapper > ul > li > a, .custom_header-search .header-search-link-alt {line-height: 140px;} /* Fixed Header */ #custom_header-wrapper > div.row-fluid-wrapper.isFixed > div.row-fluid { background-color: #ffffff; border-bottom: 1px solid#ffffff; } /* Resize Header */ #custom_header-wrapper.resizeHeader > div.row-fluid-wrapper > div.row-fluid, #custom_header-wrapper.resizeHeader .custom_menu-container, .resizeHeader .custom-menu-primary .hs-menu-wrapper > ul > li > a, .resizeHeader .custom_header-search .header-search-link-alt { height: 110px; } .resizeHeader .custom-menu-primary .hs-menu-wrapper > ul > li > a, .resizeHeader .custom_header-search .header-search-link-alt {line-height: 110px;} /* =============== Custom Menu Container =============== */ #custom_header-wrapper .custom_menu-container { transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; position: relative; text-align: right; max-width: 100%; width: 100%; margin: 0; padding: 0 15px; } .custom_menu-container .row-fluid > .widget-span { font-family: Celias-Regular; font-weight: 400; font-style: normal; font-size: 15px; float: none; margin: 0; width: auto; position: relative; } .custom_menu-container .row-fluid > .custom-menu-primary { display: inline-block; text-align: center; margin: 0 auto; vertical-align: top; } .custom_menu-container .row-fluid > .custom_header-search { display: inline-block; text-align: center; margin: 0 0 0 -3px; } /* Custom Header Search */ .custom_header-search form.hs-form { position: absolute; right: 0; background-color: #fff; border: 1px solid #f0f0f0; top: 140px; width: 250px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); display: none; line-height: 160%; margin: 0!important; } .custom_header-search form label, .custom_header-search form a.hs-button {display: none;} .custom_header-search form:after { content: ""; position: absolute; top: 0; right: 15px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e3e3e3; margin-top: -9px; } .custom_header-search form .hs-input { border: 0; background: transparent; padding: 15px 20px; width: 100%; margin: 0; height: 50px; display: block; color: #252525; font-size: 14px; outline: 0; } /* Custom Header Search - Trigger */ .custom_header-search .header-search-link-alt { padding: 0 15px; display: block; transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; color: #252525; } .custom_header-search:hover .header-search-link-alt { color: #0a8ed6; background-color: #f7f7f7; } .custom_header-search .header-search-link-alt i { display: inline-block; height: 17px; vertical-align: -3px; line-height: 100%; font-size: 16px; } /* =============== Custom Logo =============== */ #custom_header-wrapper .custom_column.logo { position: absolute; left: 0; top: 0; height: 100%; width: auto; z-index: 99; max-width: 25%; } .custom_logo a { display: block; max-height: 100%; height: 140px; position: relative; text-align: left; line-height: 0; font-size: 0; } .resizeHeader .custom_logo a {height: 110px;} .custom_logo a:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } .custom_logo a img { height: auto; max-height: 80px; height: 80px; max-width: 100%; width: auto; display: inline-block; vertical-align: middle; } .custom_logo .retina {display: none;} .custom_logo .text-logo { display: table-cell; vertical-align: middle; } /* Custom Header Mobile ========================================================================== */ #custom_mobile-header .custom_mobile-header-top { background-color: #ffffff; padding: 10px 20px; border-bottom: 1px solid #fff; color: #444444; } #custom_mobile-header .custom_mobile-header-top a {color: #222;} #custom_mobile-header .custom_mobile-header-bottom { background-color: #ffffff; padding: 20px; position: relative; border-bottom: 1px solid #ffffff; width: 100%; left: 0; z-index: 9999; } #custom_mobile-header .custom_mobile-logo { max-height: 80px; max-width: 50%; float: left; text-align: left; } #custom_mobile-header .custom_mobile-logo .custom_logo a { line-height: 0; height: auto; } #custom_mobile-header .custom_mobile-logo img { height: auto; max-height: 100%; width: auto; max-width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; max-height: 80px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .custom_logo .standard {display: none;} .custom_logo .retina {display: inline-block;} } /* =============== Content =============== */ .body-container-wrapper {background-color: #f9f9f9;} .body-container {} .content-wrapper { padding-top: 20px; padding-bottom: 50px; } .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} .content-wrapper .main-content > div, .content-wrapper .sidebar > div {margin: 0 -15px;} .content-wrapper .main-content > div > div, .content-wrapper .sidebar > div > div {padding-right: 30px;} .content-wrapper .sidebar > div > div > .widget-span {padding: 10px;background-color: #ffffff;} @media (max-width: 767px) { .content-wrapper .main-content > div > div, .content-wrapper .sidebar > div > div { padding: 0 15px; } } .main-content .hs_cos_wrapper_type_rich_text:after {clear: both;content: "";display: table;} .main-content .hs_cos_wrapper_type_rich_text { display: block; margin-bottom: 20px; } .main-content .hs_cos_wrapper_type_space { border-bottom: 1px dotted #e4e4e4; margin-bottom: 30px; display: block; } .sidebar .widget-type-widget_container > span > div {margin-bottom: 20px;} .sidebar .widget-type-widget_container > span > div:last-child {margin-bottom: 0;} .sidebar .widget-type-widget_container {padding-bottom: 35px;} /* Custom Contents */ .custom_top-content.widget-span, .custom_bottom-content.widget-span {min-height: 0;} .custom_top-content .widget-span.widget-type-widget_container, .custom_bottom-content .widget-span.widget-type-widget_container {min-height: 0;} .custom_top-content .hs_cos_wrapper_type_header {display: block;margin-bottom: 20px;} .custom_top-content .hs_cos_wrapper_type_header:after { clear: both; content: ""; display: table; } /* Custom Panes */ .custom_bottom-pane.widget-span, .custom_top-pane.widget-span { min-height: 0; } .custom_top-pane .hs_cos_wrapper_type_linked_image img, .custom_bottom-pane .hs_cos_wrapper_type_linked_image img { width: 100%!important; height: auto; display: block; position: relative; z-index: 2; } .custom_bottom-pane .hs_cos_wrapper > .page-center {margin-bottom: 20px;} /* ========================================================================== Unique Templates ========================================================================== */ /* One Column ========================================================================== */ body.one-column .content-wrapper .main-content > div, body.one-column .content-wrapper .sidebar > div {margin: 0;} body.one-column .content-wrapper .main-content > div > div, body.one-column .content-wrapper .sidebar > div > div {padding-right: 0;} body.one-column .main-content .hs_cos_wrapper_type_module { background-color: #f7f7f7; margin-top: -20px; padding-top: 20px; position: relative; padding-bottom: 35px; } body.one-column .main-content .hs_cos_wrapper_type_module:before, body.one-column .main-content .hs_cos_wrapper_type_module:after { background-color: #f7f7f7; width: 50vw; content: ""; position: absolute; top: 0; height: 100%; } body.one-column .main-content .hs_cos_wrapper_type_module:before {left: -50vw;} body.one-column .main-content .hs_cos_wrapper_type_module:after {right: -50vw;} body.one-column .main-content .hs_cos_wrapper_type_header {position: relative;z-index: 20;} body.one-column .main-content .hs_cos_wrapper_type_header h1 {margin-top: 15px;margin-bottom: 0;} body.one-column .main-content .hs_cos_wrapper_type_rich_text:last-child {margin-bottom: 0;} @media (max-width: 767px) { body.one-column .content-wrapper .main-content > div > div, body.one-column .content-wrapper .sidebar > div > div {padding-left: 0;} body.one-column .main-content .hs_cos_wrapper_type_header h1 { word-wrap: normal; white-space: normal; } body.one-column .main-content .hs_cos_wrapper_type_rich_text > div.h50:first-child {display: none;} } /* Two Column Left ========================================================================== */ body.two-column-left .hs_cos_wrapper_type_header h1 {margin-top: 0;} body.two-column-left .content-wrapper .sidebar > div > div > .widget-span {background-color: transparent;padding: 0;} body.two-column-left .content-wrapper .main-content > div > div > .widget-span {background-color: #fff;padding: 10px;} @media (max-width: 991px) { body.two-column .custom_top-content {padding: 0;} } @media (min-width: 768px) and (max-width: 992px) { body.two-column-left .content-wrapper .sidebar, body.two-column-left .content-wrapper .main-content { width: 100%!important; float: none!important; } } /* Three Column ========================================================================== */ body.three-column .content-wrapper .main-content:last-child > div > div > .widget-span {background-color: #fff;} @media (min-width: 768px) and (max-width: 991px) { body.three-column .content-wrapper .main-content:nth-child(1) {margin-bottom: 20px;} body.three-column .content-wrapper .main-content:nth-child(2), body.three-column .content-wrapper .main-content:nth-child(3) { float: left!important; width: 50%!important; margin: 0; } } @media (max-width: 767px) { body.three-column .content-wrapper > div:nth-child(2) > div { display: flex; flex-flow: row wrap; } body.three-column .content-wrapper .main-content:nth-child(1) {order: 1;} body.three-column .content-wrapper .main-content:nth-child(2) {order: 3;} body.three-column .content-wrapper .main-content:nth-child(3) {order: 2;} body.three-column .content-wrapper .main-content .alignleft {width: 100%;} } /* Two Column Equal ========================================================================== */ @media (max-width: 991px) { body.two-column-equal .content-wrapper > div.row-fluid-wrapper:nth-child(2) > div.row-fluid:before, body.two-column-equal .content-wrapper > div.row-fluid-wrapper:nth-child(2) > div.row-fluid:after {display: none;} body.two-column-equal .content-wrapper > div.row-fluid-wrapper:nth-child(2) > div.row-fluid { display: flex; flex-flow: row wrap; } body.two-column-equal .content-wrapper .main-content:first-child {order: 2;} body.two-column-equal .content-wrapper .main-content { order: 1; flex: 1 0 100%; } } /* Custom Contact Us ========================================================================== */ body.custom_contactus .hs_cos_wrapper_type_header, body.custom_contactus .hs_cos_wrapper_type_section_header {display: block;overflow: hidden;} body.custom_contactus .hs_cos_wrapper_type_section_header{margin-bottom: 20px;} body.custom_contactus .hs_cos_wrapper_type_header h1 {margin-top: 15px;margin-bottom: 35px;} body.custom_contactus .hs_cos_wrapper_type_section_header h1 {margin: 0 0 10px;} body.custom_contactus .main-content .hs_cos_wrapper_type_rich_text:last-child {margin-bottom: 0;} body.custom_contactus .content-wrapper .main-content:nth-child(2) > div > div > .widget-span {padding: 10px;background-color: #fff;} @media (min-width: 768px) and (max-width: 991px) { body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid:after, body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid:before {display: none;} body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid { display: flex; flex-flow: row wrap; } body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid > .main-content:first-child { flex: 1 0 66%; order: 1; } body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid > .main-content:first-child .hs_cos_wrapper_type_rich_text { column-count: 2; margin-top: 117px; margin-bottom: 117px; } body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid > .main-content:nth-child(3) { flex: 1 0 34%; order: 2; } body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid > .main-content:nth-child(3) > div > div {padding-right: 0;} body.custom_contactus .content-wrapper > div:nth-child(2) > div.row-fluid > .main-content:nth-child(2) { flex: 1 0 100%; order: 3; } } /* Custom Testimonials Template ========================================================================== */ body.custom_testimonials-template .content-wrapper {padding-top: 0;padding-bottom: 0;} body.custom_testimonials-template .main-content:last-child .widget-type-widget_container { background-color: #ffffff; padding: 3%; } body.custom_testimonials-template .main-content h3:first-child {line-height: 48px;margin-bottom: 25px;} body.custom_testimonials-template .main-content .hs_cos_wrapper_type_space {border: 0;} @media (min-width: 768px) and (max-width: 992px) { body.custom_testimonials-template .content-wrapper .main-content { width: 50%; float: left; } } /* Custom Certified Template ========================================================================== */ body.custom_certified-jew .body-container {background-color: #1b305d;} body.custom_certified-jew .body-container .content-wrapper {padding: 0 15px;} body.custom_certified-jew .body-container .content-wrapper .main-content > div > div, body.custom_certified-jew .body-container .content-wrapper .sidebar > div > div { padding: 0; } /* Custom Home ========================================================================== */ /* =============== Custom Home Section One =============== */ body.custom_home #custom_section-1 { background-image: url(//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Layout/home-slider-background-1.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center; } body.custom_home #custom_section-1 .page-center > .row {margin: 0;} body.custom_home #custom_section-1 .custom_column.col1 { background-color: #1b305d; padding-left: 3px; padding-right: 3px; color: #fff; } body.custom_home #custom_section-1 .custom_column.col1 * {color: #fff;} body.custom_home #custom_section-1 .custom_column.col1 .hs_cos_wrapper_type_header {text-align: center;} body.custom_home #custom_section-1 .custom_column.col1 .row {margin: 0;min-height: 259px;} body.custom_home #custom_section-1 .custom_column.col1 .custom_column {padding: 0;} body.custom_home #custom_section-1 .custom_column.col1 .custom_column + .custom_column > span > div {overflow: hidden;margin: 1px 0;} body.custom_home #custom_section-1 .custom_column.col2 {padding: 0;} body.custom_home #custom_section-1 .custom_column.col2 > div { background-color: #ffffff; padding-left: 2px; padding-right: 2px; } body.custom_home #custom_section-1 .custom_column.col2 .widget-type-widget_container {padding: 0 20px;} body.custom_home #custom_section-1 .custom_column.col2 .widget-type-widget_container h3:first-child {padding: 15px 0;margin: 0;} @media (min-width: 768px) and (max-width: 991px) { body.custom_home #custom_section-1 > .page-center { max-width: 100%; padding: 0; } body.custom_home #custom_section-1 .custom_column.col1, body.custom_home #custom_section-1 .custom_column.col2 { width: 50%; } body.custom_home #custom_section-1 .custom_column.col1 {padding: 0 10px;} body.custom_home #custom_section-1 .custom_column.col1 .hs_cos_wrapper_type_header {text-align: left;} body.custom_home #custom_section-1 .custom_column.col1 .hs_cos_wrapper_type_header h1 { font-family: Celias-Light; line-height: 40px; font-weight: normal; font-style: normal; font-size: 30px; } body.custom_home #custom_section-1 .custom_column.col1 table.alignright, body.custom_home #custom_section-1 .custom_column.col1 table.alignleft {margin-left: 0;margin-right: 0;} } @media (max-width: 767px) { body.custom_home #custom_section-1 .page-center {padding: 0;} body.custom_home #custom_section-1 .custom_column.col1 {padding: 5px 10px;} body.custom_home #custom_section-1 .custom_column.col1 .custom_column { clear: both; float: none; } body.custom_home #custom_section-1 .alignleft, body.custom_home #custom_section-1 .alignright { margin-left: 0; margin-right: 0; } } /* =============== Custom Home Slick Gallery =============== */ body.custom_home #custom_section-1 .hs_cos_gallery_main {padding: 0px 18px;margin: 0;max-height: 450px;} body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-track {display: block;} body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-list {max-height: 100%;} body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide {margin: 0;} body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper {display: block;max-height: 450px;} @media (min-width: 992px) { /* Custom Home Slick Image */ body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper img { width: auto; position: relative; z-index: 20; top: -1px; } /* Custom Home Slick Caption */ body.custom_home #custom_section-1 .hs_cos_gallery_main .caption { background-color: #0a8ed6; position: absolute; right: 40px; top: 155px; color: #fff; padding: 10px 30px 30px; } body.custom_home #custom_section-1 .hs_cos_gallery_main .caption * {color: #fff;} /* Slick Image/Caption CoupleHug */ body.custom_home #custom_section-1 .slick-slide-inner-wrapper.custom_couplehug > img {float: right;margin-right: 95px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.custom_couplehug .caption { background-color: #fff; left: 89px; top: 124px; right: auto; padding: 10px 10px 10px 30px; min-width: 325px; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.custom_couplehug .caption * {color: #1b305d;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.custom_couplehug .caption a {color: #222;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.custom_couplehug .caption a:hover { color: #076bb2; } /* Slick Image/Caption Piggy */ body.custom_home #custom_section-1 .slick-slide-inner-wrapper.piggy > img { top: -187px; left: 69px; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.piggy .caption { right: 198px; top: 91px } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.piggy .caption * {text-align: right;} /* Slick Image/Caption Couple */ body.custom_home #custom_section-1 .slick-slide-inner-wrapper.couple > img {left: 29px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.couple .caption { top: 88px; right: 60px; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.couple .caption * {text-align: right;} /* Slick Image/Caption Jeweller */ body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller > img { float: right; right: 168px; top: 38px; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller .caption { background-color: #fff; left: 119px; top: 122px; right: auto; padding: 10px 10px 10px 30px; min-width: 374px; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller .caption * {color: #1b305d;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller .caption a {color: #222;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller .caption a:hover { color: #076bb2; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.boat2 .caption * {text-align: right;} } /* Custom Home Slick Arrows */ body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-arrow:before {display: none;} body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-arrow { background: url('//cdn2.hubspot.net/hubfs/3423100/JewellersLoop_March2018/Layout/slider-nav.png'); background-position: center left; width: 36px; height: 38px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); margin-top: -25px; } body.custom_home #custom_section-1 .hs_cos_gallery_main:hover .slick-arrow { opacity: 1; filter: alpha(opacity=100); } body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-next { background-position: center right; right: 1px; } /* Custom Home Slick Pagination */ body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-dots { position: absolute; bottom: 10px; margin: 0; left: 0; width: 100%; } body.custom_home #custom_section-1 .slick-dots li {margin: 0;} body.custom_home #custom_section-1 .slick-dots li button:before {display: none;} body.custom_home #custom_section-1 .slick-dots li button { background-image: url(https://cdn2.hubspot.net/hubfs/5372915/JewellersLoop_March2018/Layout/skin-4.png); background-position: 0px -150px; width: 20px; padding: 0; } body.custom_home #custom_section-1 .slick-dots li.slick-active button {background-position: -75px -150px;} @media screen and (min-width: 992px) and (max-width: 1199px) { body.custom_home #custom_section-1 .hs_cos_gallery_main {padding: 0;margin: 0;} body.custom_home #custom_section-1 .hs_cos_gallery_main, body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper{max-height: 404px;} body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper img {max-width: 60vw;} body.custom_home #custom_section-1 .hs_cos_gallery_main .caption { right: 10px; top: 147px; } body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper img { margin-right: 0; max-width: 687px; } body.custom_home #custom_section-1 .slick-slide-inner-wrapper.custom_couplehug .caption {left: 75px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.piggy > img {max-width: 450px;left: 52px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.piggy .caption {right: 85px;top: 62px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.couple > img {max-width: 800px;top: 20px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.couple .caption {top: 70px;right: 10px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller > img {max-width: 430px;right: 70px;} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.jeweller .caption {left: 112px} body.custom_home #custom_section-1 .slick-slide-inner-wrapper.boat2 > img {left: -40px;} } @media (max-width: 991px) { body.custom_home #custom_section-1 .hs_cos_gallery_main, body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper { max-height: none; padding: 0; } body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper { display: flex; max-height: none; flex-flow: row wrap; padding: 10px 0; } body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper > img { order: 2; height: auto; align-self:flex-start; flex: 1 0 100%; } body.custom_home #custom_section-1 .hs_cos_gallery_main .slick-slide-inner-wrapper > .caption { flex: 1 0 100%; order: 1; background-color: #0a8ed6; padding: 10px 30px 30px; color: #fff; } body.custom_home #custom_section-1 .hs_cos_gallery_main .caption * {color: #fff;} } /* =============== Custom Home Section Two =============== */ body.custom_home #custom_section-2 {padding-top: 40px;} /*body.custom_home #custom_section-2 .widget-type-widget_container .hs_cos_wrapper_type_rich_text { display: block; margin-bottom: 40px; } body.custom_home #custom_section-2 .widget-type-widget_container .hs_cos_wrapper_type_cta { display: block; padding: 30px 0; text-align: center; }*/ body.custom_home #custom_section-2 .custom_cta-wrapper { text-align: center; margin-top: 55px; padding: 30px 0; } @media (max-width: 767px) { body.custom_home #custom_section-2 h1 { font-family: Celias-Light; line-height: 40px; font-weight: normal; font-style: normal; font-size: 30px; color: #1b305d; } } /* ========================================================================== Custom Global Module ========================================================================== */ /* Section Image Border ========================================================================== */ .custom_section-image-border img { width: 100%; height: auto; display: block; position: relative; z-index: 2; } /* Custom Jewellery Insurance ========================================================================== */ .custom_jewellery-insurance:after { clear: both; content: ""; display: table; } .custom_jewellery-insurance > div.dotted-border { border-bottom: 1px dotted #e4e4e4; padding-top: 20px; margin-bottom: 10px; } /* Custom HelpFul Links ========================================================================== */ #custom_helpful-links h3 { font-family: Celias-Regular; line-height: 48px; font-weight: 400; font-style: normal; font-size: 16px; text-overflow: ellipsis; color: #222222; margin-bottom: 25px; } #custom_helpful-links .hs-menu-wrapper ul { display: block; line-height: 160%; } #custom_helpful-links .hs-menu-wrapper ul li:first-child {border-top: 0;} #custom_helpful-links .hs-menu-wrapper ul li { border-top: 1px solid #e4e4e4; line-height: 150%; float: none; width: 100%; } #custom_helpful-links .hs-menu-wrapper ul li a { padding: 10px 0; display: block; color: #0a8ed6; } #custom_helpful-links .hs-menu-wrapper ul li.active > a, #custom_helpful-links .hs-menu-wrapper ul li a:hover {color: #076bb2;} #custom_helpful-links .hs-menu-wrapper ul li a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } @media (max-width: 991px) { #custom_helpful-links {display: none;} } /* Custom Jewellery Insurance ========================================================================== */ .custom_jewellery-insurance h3.form-title {display: none;} .custom_jewellery-insurance form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; line-height: 1.42857143; color: #333; background-color: #fff; max-width: 350px; padding-left: 5px; margin: 0!important; } .custom_jewellery-insurance form .hs-richtext p { font-size: 14px; line-height: 170%; margin: 0 0 0 -5px; } .custom_jewellery-insurance form .hs-form-required {display: none;} .custom_jewellery-insurance form a { color: #428bca; text-decoration: none; } .custom_jewellery-insurance form a:hover {color: #2a6496;} .custom_jewellery-insurance form .hs-form-field { padding: 6px 7px 6px 0; border-top: 1px solid #ededed; display: table; width: 100%; position: relative; font: inherit; line-height: 2; } .custom_jewellery-insurance form .hs-form-field.hs-recaptcha {text-align: center;} .custom_jewellery-insurance .grecaptcha-badge {margin: 0 auto;} .custom_jewellery-insurance form .hs-form-field > label {display: table-cell;vertical-align: middle;width: 1%;} .custom_jewellery-insurance form .hs-form-field > .input {display: table-cell;width: 100%;vertical-align: middle;} .custom_jewellery-insurance form .hs-form-field .hs-input { font-family: inherit; font-size: inherit; line-height: inherit; outline: 0; border-radius: 0; box-shadow: none; display: block; width: 100%; max-width: 279px; float: right; background: #ffff; height: auto; margin: 0; color: #000; padding: 1px 6px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; height: 34px; } @-moz-document url-prefix() { .custom_jewellery-insurance form .hs-form-field .hs-input {border: 2px inset ThreeDLightShadow;} } .custom_jewellery-insurance form .hs-form-field .hs-error-msgs { position: absolute; background: #fff; width: auto; left: auto; right: 0; top: auto; width: 80%; border: 1px solid #A9A9A9; bottom: 80%; } .custom_jewellery-insurance form .hs-form-field .hs-error-msgs:after { content: ""; position: absolute; border-width: 5px 5px 5px 5px; border-style: solid; border-color: #A9A9A9 transparent transparent transparent; display: block; bottom: -10px; } .custom_jewellery-insurance form .hs-form-field .hs-error-msgs label { padding: 5px; } .custom_jewellery-insurance form .hs_error_rollup { margin: 20px 0; background-color: #f00; color: #fff; padding: 5px; } .custom_jewellery-insurance form .hs_error_rollup .hs-error-msgs {margin:0;} .custom_jewellery-insurance form .hs_submit { padding: 6px 10px 6px 0; border-top: 1px solid #ededed; width: 100%; position: relative; text-align: right; } .custom_jewellery-insurance form .hs-button.primary.large { display: inline-block; line-height: 18px; height: auto; font-size: 16px; padding: 10px; margin: 0 10px 20px 0; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; position: relative; overflow: hidden; outline: none; text-shadow: none; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; max-width: 100%; } /* =============== Footer =============== */ .footer-container-wrapper {} .footer-container {} /* ========================================================================== Custom Footer ========================================================================== */ #custom_footer {} /* Custom Footer Top ========================================================================== */ #custom_footer .custom_footer-top { background: #1b305d; color: #fff; padding: 40px 0 0; } #custom_footer .custom_footer-top a {color: #fff;} #custom_footer .custom_footer-top a:hover {color: #cccccc;} @media only screen and (max-width: 767px) { #custom_footer .custom_footer-top { padding: 30px 10px 10px; } } /* =============== Custom Footer Top Modules =============== */ #custom_footer .custom_footer-top .custom_column .widget-span > div {padding-bottom: 30px;} #custom_footer .custom_footer-top .custom_column .widget-span > div.widget-type-header {padding-bottom: 0;} /* =============== Custom Footer Top Headings =============== */ #custom_footer .custom_footer-top .hs_cos_wrapper_type_header { margin-bottom: 25px; height: auto; overflow: hidden; display: block; } #custom_footer .custom_footer-top h3:first-child { font-family: Celias-Regular; line-height: 18px; font-weight: bold; font-style: normal; font-size: 12px; margin-bottom: 20px; margin-top: 10px; color: #fff; text-transform: uppercase; } /* =============== Custom Footer Top Vertical Nav =============== */ #custom_footer .hs-menu-wrapper.hs-menu-flow-vertical > ul > li:first-child {border-top: 0;} #custom_footer .hs-menu-wrapper.hs-menu-flow-vertical > ul > li { line-height: 150%; border-top: 1px solid #0a8ed6; } #custom_footer .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a { padding: 10px 0; display: block; } #custom_footer .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } /* Custom Footer Bottom ========================================================================== */ #custom_footer .custom_footer-bottom { background-color: #0a8ed6; color: #fff; padding: 15px 0; overflow: hidden; font-size: 12px; } #custom_footer .custom_footer-bottom a {color: inherit;} /* =============== Custom Footer Bottom Columns =============== */ #custom_footer .custom_footer-bottom .text-left { font-size: 11px; float: left; margin-bottom: 0; line-height: 40px; max-width: 50%; width: 100%; } #custom_footer .custom_footer-bottom .text-right { font-size: 11px; margin-bottom: 0; margin-left: 0; line-height: 40px; float: right; text-align: right; max-width: 50%; } @media only screen and (max-width: 991px) { #custom_footer .custom_footer-bottom {padding: 20px;} #custom_footer .custom_footer-bottom .text-left { width: 100%; float: none; margin-bottom: 20px; max-width: 100%; text-align: center; } #custom_footer .custom_footer-bottom .text-right { width: 100%; float: none; max-width: 100%; text-align: center; } } /* Back To Top */ #toTop { height: 50px; width: 50px; background-color: #191919; background-color: rgba(20, 20, 20, 0.4); position: fixed; bottom: -80px; right: 10px; z-index: 1000; padding: 9px 13px 7px 13px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); opacity: 0; } #toTop i { line-height: 42px; font-size: 24px; color: #fff; display: block; width: 24px; margin: 0 auto; } @media only screen and (max-width: 767px) { #toTop { padding: 7px 10px 5px; opacity: 0.6 !important; } } @media only screen and (max-width: 479px) { #toTop { padding: 12px 10px 5px; width: 60px; height: 60px; } #toTop i { font-size: 34px; width: 34px; line-height: 48px; } } /* ========================================================================== 4. MAIN NAVIGATION ========================================================================== */ /* =============== Vertical Menu =============== */ .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul {line-height: 160%;} .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li:first-child {border-top: 0;} .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li { border-top: 1px solid #e4e4e4; line-height: 150%; } .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li a { padding: 10px 0; display: block; color: #076bb2; } .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li a:hover {color: #076bb2;} .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul ul { background-color: #fff; padding: 0 10px; } /* =============== Custom Menu Primary =============== */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul { line-height: inherit; text-align: center; } .custom-menu-primary .hs-menu-wrapper > ul > li { float: left; position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { padding: 0 15px; display: block; transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out; color: #252525; } .custom-menu-primary .hs-menu-wrapper > ul > li.active > a {color: #1b305d;} .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a { background-color: #f7f7f7; color: #0a8ed6; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul { -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2); box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2); background-color: #fff; min-width: 180px; } .custom-menu-primary .hs-menu-wrapper > ul ul li { line-height: 150%; text-align: left; position: relative; border-top: 1px solid #e3e3e3; } .custom-menu-primary .hs-menu-wrapper > ul ul li:first-child {border-top: 0;} .custom-menu-primary .hs-menu-wrapper > ul ul li.hs-item-has-children:after { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; position: absolute; right: 15px; top: 50%; text-decoration: inherit; font-size: 14px; margin-top: -10px; } .custom-menu-primary .hs-menu-wrapper > ul ul li a { padding: 10px 15px; font-weight: normal; font-size: 14px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; display: block; color: #666666; } .custom-menu-primary .hs-menu-wrapper > ul ul li:hover > a { color: #000000; background: #f7f7f7; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } } @media screen and (min-width: 1025px) and (max-width: 1199px) { .custom-menu-primary .hs-menu-wrapper > ul > li > a {padding: 0 10px;} } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ .mobile-trigger, .child-trigger{ display: none; } .custom-menu-mobile .hs-menu-wrapper, .custom-menu-mobile #mobile-menu {display: none!important;} #mobile-menu.mobile-menu { display: none; } @media (max-width: 1024px) { .custom-menu-mobile {min-height: 0!important;} /* ===== Mobile Toggle Button ===== */ .mobile-header-opts { position: absolute; top: 50%; margin-top: -10px; right: 25px; } a.mobile-menu-link { line-height: inherit; width: 20px; height: 14px; font-size: 24px; display: inline-block; text-indent: -9999em; vertical-align: middle; top: 50%; position: relative; margin-top: -13px; color: #222; } a.mobile-menu-link span, a.mobile-menu-link span:before, a.mobile-menu-link span:after { background: #fff; } a.mobile-menu-link span.menu-bars, a.mobile-menu-link span.menu-bars:before, a.mobile-menu-link span.menu-bars:after { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; background-color: #222; display: block; position: absolute; width: 20px; height: 3px; left: 0; } a.mobile-menu-link span.menu-bars:before, a.mobile-menu-link span.menu-bars:after { content: ""; } a.mobile-menu-link span.menu-bars {top: 6px;} a.mobile-menu-link span.menu-bars:before { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; top: -6px; z-index: 10; } a.mobile-menu-link span.menu-bars:after { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 6px; } .mobile-open a.mobile-menu-link span.menu-bars {background-color: transparent !important;} .mobile-open a.mobile-menu-link span.menu-bars:before { -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -o-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); } .mobile-open a.mobile-menu-link span.menu-bars:after { -webkit-transform: translateY(-7px) translateX(1px) rotate(-45deg); -moz-transform: translateY(-7px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-7px) translateX(1px) rotate(-45deg); -o-transform: translateY(-7px) translateX(1px) rotate(-45deg); transform: translateY(-7px) translateX(1px) rotate(-45deg); } /* ===== Mobile Child Toggle Buttons ===== */ #mobile-menu > ul > li.hs-item-has-children > a span.child-trigger {display: inline;} #mobile-menu > ul > li.hs-item-has-children > a span.child-trigger:after { content: '\F501'; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 12px; margin-left: 10px; opacity: 0.5; } /* ===== Mobile Menu Styles ===== */ #mobile-menu { background-color: #222; color: #e4e4e4; } body > #mobile-menu { /* display: none; */ position: fixed; top: 0; right: 0; z-index: 98; visibility: hidden; width: 280px; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow-y: scroll; } html.mobile-open, body.mobile-open {overflow: hidden;} body.mobile-open > #mobile-menu {visibility: visible;} .custom-menu-mobile #mobile-menu {display: none;} .mobile-open #site-wrapper { -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } #site-wrapper { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; z-index: 999; } /* Mobile Menu Styles */ #mobile-menu > ul { font-family: Celias-Regular; font-weight: 400; font-style: normal; font-size: 16px; max-height: 100%; position: relative; overflow-x: hidden; padding-bottom: 60px; width: 100%; } #mobile-menu > ul > li:first-child {border-top: 0;} #mobile-menu > ul li {float: none!important;width: 100%!important;border-top: 1px solid #444;} #mobile-menu > ul > li a { display: block; padding: 10px 20px; background: transparent; color: #fff; width: 100%; } #mobile-menu > ul > li:hover > a {color: #e5dece!important;} #mobile-menu > ul li.hs-item-has-children > a:after { content: '\F501'; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 12px; margin-left: 10px; opacity: 0.5; } #mobile-menu > ul ul {display: none;} #mobile-menu > ul ul li {font-size: 13px;} #mobile-menu > ul ul li a {padding-left: 30px;} #mobile-menu > ul ul ul li a {padding-left: 45px;} #mobile-menu > ul ul ul ul li a {padding-left: 60px;} #mobile-menu > ul ul ul ul ul li a {padding-left: 75px;} #mobile-menu.mobile-menu { display: block; } } /* ========================================================================== 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 h1 {} .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 {margin-bottom: 0;} .post-header h2 a {} /* Blog Author and Avatar */ #hubspot-author_data {font-style: italic;font-size: 0.9em;overflow: hidden;margin-bottom: 20px;} #hubspot-author_data:after { content: ''; display: block; clear: both; } #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {padding-top: 10px;} #hubspot-author_data .hs-author-avatar img { max-width: 100px; float: left; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc; } .blog-listing-wrapper .post-listing .post-item .post-body {margin-top: 20px;} .blog-post-wrapper .post-body {margin-top: 20px;} /* 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: 210px; height: auto; width: auto; display: inline-block !important; float: right; margin: 20px 0 20px 20px; } /* Read More Link */ a.more-link { display: inline-block; margin: 5px 0; } /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /* Blog Social Sharing Icons */ .hs-blog-social-share { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; color: #e2e2e2; margin: 0; padding: 7px 0; height: auto; } .blog-section .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { clear: right; display: block; float: left; font-size: medium; height: 26px; margin: 0 15px 0 0; padding: 0; background: none; } /* Blog Commments */ .custom_listing_comments {border: 1px solid #ccc;padding: 10px;margin: 10px 0;} #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 {text-align: center;margin: 20px 0;} .blog-pagination a {margin: 0 5px;} .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 {margin-bottom: 10px;} h2.post-listing-simple {} h2.post-listing-simple a {} /* =============== Blog Sidebar =============== */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {margin-bottom: 40px;} /* =============== 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; line-height: 1.3; margin-bottom: 10px; } /* Author Name */ .hs-author-profile h2.hs-author-name { margin: 0 0 10px 0; } h3.hs-author-listing-header {margin: 20px 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 {} .hs-author-social-label { display: inline-block; margin-right: 8px; font-weight: bold; vertical-align: middle; } .hs-author-social-links a.hs-author-social-link { font-size: 30px; display: inline-block; padding-right: 5px!important; vertical-align: middle; } @media (max-width:767px) { .hs-author-profile .span2 {float: left;} .hs-author-profile .span10 {overflow: hidden;padding-left: 15px;} .hs-author-profile .hs-author-avatar img { max-width: 100px; margin-bottom: 10px; } } @media (max-width: 479px) { .hs-author-profile .span2 {float: none;} .hs-author-profile .span10 {overflow: hidden;padding-left: 0;} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-height: 100%; max-width: 100%; height: auto; width: auto; display: block !important; float: none; margin: 10px auto; } } /* ========================================================================== 6. FORMS ========================================================================== */ .checkbox-row input { position: relative; top: 5px; } #hs-pwd-widget-password { height: auto !important; margin-top: 5px !important; } #email-prefs-form .email-edit { max-width: 100%!important; } /* =============== Global Form Styles =============== */ form.hs-form {margin-top: 15px;} /* Form Field */ .hs-form-field { font-family: Celias-Light; line-height: 24px; font-weight: 400; font-style: normal; font-size: 15px; } /* Descriptions */ .hs-field-desc {} /* Labels and Legends */ label {} .hs-form-field > label { display: block; margin-bottom: -5px; } .hs-form-field .hs-form-required {font-size: 0;} .hs-form-field .hs-form-required:before { content: " (required)"; display: inline; font-size: 15px; } /* One Line Inputs */ .inpust {position: relative;} input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } 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 { width: 100%; margin-top: 6px; margin-bottom: 15px; padding: 6px; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-size: 14px; height: 36px; color: #222222; outline: 0; } 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 { height: 254px; } 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; } form.hs-form .hs-form-field ul.inputs-list li input {} 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 */ .hs-error-msgs {margin: 0 0 5px;} .hs-error-msgs label {color: red;} .hs_error_rollup { margin: 1em 0.5em 2em; padding: 0.2em 1em; border: 2px solid #f7e700; } .hs_error_rollup .hs-error-msgs label {color: inherit;} /* Placeholder Text */ ::-webkit-input-placeholder {} /* Webkit Browsers */ :-moz-placeholder {} /* Firefox 18- */ ::-moz-placeholder {} /* Firefox 19+ */ :-ms-input-placeholder {} /* 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 =============== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* ========================================================================== 7. BUTTONS ========================================================================== */ /* =============== All Global Buttons (Excluding CTAs) =============== */ .hs-button.primary, input[type="submit"], input[type="button"] { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e5dece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 0; color: #ffffff; cursor: pointer; display: inline-block; font: inherit; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 10px 20px 0; max-width: 100%; outline: none; overflow: hidden; padding: 14px 22px; position: relative; text-decoration: none; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; vertical-align: middle; } .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #222222; border-color: #ffffff; color: #ffffff; } .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 ButtonS =============== */ /* Custom Grey Button */ .custom_grey-button, .custom_grey-button:focus { display: inline-block; font-size: 12px; line-height: 20px; height: auto; padding: 14px 26px; margin: 0 0 30px 0; font-weight: bold; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; position: relative; outline: 0; text-shadow: none; text-decoration: none; vertical-align: middle; letter-spacing: 1px; max-width: 100%; line-height: 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; border-color: #444; background-color: #444; } .custom_grey-button span {display: inline-block;} .custom_grey-button i { font-size: 18px; margin-left: 10px; vertical-align: -3px; } .custom_grey-button:hover { background-color: #333; border-color: #333; color: #fff; } /* ========================================================================== 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: 1024px) {} /* =============== Landscape tablet and smaller devices =============== */ @media (max-width: 767px) {} /* =============== Landscape phones and smaller devices =============== */ @media (max-width: 479px) {}