/* Theme Name: Logistic Theme URI: http://logistic.freevision.me/ Author: freevision Author URI: http://themeforest.net/user/freevision/portfolio Description: Logistic is a premium responsive Wordpress theme created especially for logistic & transportation companies, offices. Version: 8.8 Text Domain: logistic Domain Path: /lang License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready */ /** * Built on the Whiteboard Framework * http://whiteboardframework.com */ /*------------------------------------------------------------------ [Table of contents] 1 - Resets 2 - Typography presets 3 - Mono social icon font 4 - Default layout 5 - If is admin bar active 6 - General styles 7 - Layout styles 8 - Centered content margins 9 - Comment form 10 - Comments 11 - Author page 12 - Author page 13 - Next & previous post arrows 14 - Pagination 15 - Featured image 16 - Tooltipsy tooltip 17 - Google maps background 18 - To top button 19 - Wordpress overrides and fixes 20 - Search Form - Search Icon 21 - Search Page 22 - Masonry Gallery Page Template 23 - Sidr - Side Menu 24 - Mobile Menu 25 - Video background 26 - Youtube background 27 - Widgets 28 - Contact Form 7 29 - Essentials Grid 30 - Revolution Slider 31 - CSS3 Waypoint Animations 32 - Parallax Row 33 - Full Width Page Centered Content & Parallax Stuff 34 - Visual Composer Overrides ** Components (Shortcodes) ** 35 - Separator 36 - Tabs 37 - Accordion 38 - Call to action 39 - Map 40 - Single Image 41 - Tour Section 42 - Flexslider 43 - Icon 44 - Custom List 45 - Clean Slider 46 - Team Member 47 - Divider 48 - Title With Icon 49 - Testimonials Slider 50 - Owl Carousel 51 - Morph Text 52 - Master Slider 54 - Mail Chimp 55 - Grid Gallery Page Template 57 - Row Slider (full page) 58 - 404 & Countdown Template 59 - Misc Page Templates 60 - Anything Wrapper 2 61 - Flip Box 62 - Fancybox 63 - Fancy Post Accordion 64 - Colored Content Box 65 - Image Box With Caption 66 - Fancy Image Box 67 - Horizontal Menu 68 - Responsive Definitions 69 - Animate.css -------------------------------------------------------------------*/ /** * Resets */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%} /* Typography presets ------------------ */ abbr, acronym{ border-bottom: 1px dotted; cursor: help; font-variant: small-caps; } address,cite,em,i{font-style: italic;} a, #side-nav-bar a>i { -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; text-decoration: none; outline: none; } a:active, a:focus {text-decoration: underline;} a[href^=tel]{/*prevent blue mobile safari phone number*/ color:inherit; text-decoration:none; } /** * Mono social icon font */ @font-face { font-family: 'Mono Social Icons Font'; src: url('font/mono/MonoSocialIconsFont-1.10.eot'); src: url('font/mono/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('font/mono/MonoSocialIconsFont-1.10.woff') format('woff'), url('font/mono/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); src: url('font/mono/MonoSocialIconsFont-1.10.ttf') format('truetype'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'Mono Social Icons Font'; src: url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); } } span.symbol, a.symbol:before { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } /** * Default layout */ .container{overflow: hidden;} #content { width: 508px; /* 5 columns */ margin: 0; overflow: hidden; } #content.no-sidebar {width: 100%;} body.single-post #content.no-sidebar {width: 100%;} #sidebar { width: 184px; /* 3 columns */ float: right; margin: 0; padding: 20px; overflow: hidden; } ::selection {background: #c6d8cd;} ::-moz-selection {background: #c6d8cd;} img::selection {background: transparent;} img::-moz-selection {background: transparent;} /** * If is admin bar active */ body.admin-bar #header{margin-top:32px;} #wpadminbar{ -webkit-backface-visibility:hidden !important; backface-visibility:hidden !important; } /** * General styles */ .serif,cite,blockquote { font-family: 'times new roman', palatino,palatino linotype,georgia,times,serif; font-weight: normal; } .post h2,.post h3,.post h4,.post h5,.post h6 {margin: 12px 0 12px 0;} .monospace,var,code {font-family: courier new, courier, monospace;} .amp { font-style: italic; font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif; font-weight: normal; } a:link {} a:visited {text-decoration: underline !important;} a:hover,a:active {text-decoration: underline;} .post-content ul, .post-content ol {padding-left: 24px;} .post-content, .page-content {word-wrap: break-word;} input[type='number'] {-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;} input, textarea, select { border: none; padding: 12px 30px; outline: none; -webkit-transition: all .2s; transition: all .2s; resize: none; } #request-a-rate input[type=submit], #content input[type=submit] { text-transform:uppercase; letter-spacing:2px; border-radius:30px; } #request-a-rate input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #request-a-rate textarea, #request-a-rate select, #content input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #content textarea, #content select, #sidebar input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #sidebar textarea, #sidebar select { text-transform:uppercase; letter-spacing:2px; border-bottom: 2px solid #dedede; padding: 8px 0; margin:0; width:100%; } input:hover, textarea:hover, input:focus, textarea:focus {} textarea { min-height: 150px; width: 100%; } blockquote:before { font-family: 'ozythemes'; content:"\e4c6"; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; top: 20px; left: 20px; } blockquote { text-align: justify; padding: 20px 20px 20px 60px; font-size: 30px; line-height: 37px; position: relative; border: 1px solid #dedede; margin: 20px; } blockquote p {padding: 0 !important;} blockquote p:first-letter blockquote:first-letter { font-size: 24px; padding-right: 1px; } blockquote cite {font-size: 20px;} .post-excerpt-quote blockquote { border: none !important; margin: 0 !important; padding: 0 0 0 20px !important; } .post-excerpt-quote blockquote p {padding: inherit !important;} .post-excerpt-quote blockquote:before { top: 0 !important; left: 0 !important; } /** * Layout styles */ *, *:after { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-width: 100%; height: 100%; -webkit-backface-visibility: hidden; -ms-overflow-x:hidden; } /* if logged in and admin bar visible, add 32px top margin */ body.logged-in.admin-bar #main #header {margin-top: 32px !important;} /* Jetpack fix. bringing serious issues in chrome if you keep it visible */ #wpstats {display: none !important;} /** * Centered content margins */ #main>.container { overflow: auto; position: relative; z-index: 1; margin:0 auto; } body.single #main>.container #content, body.single #main>.container #sidebar, body.has-page-title #main>.container {padding-top: 35px;} body.single #main>.container {padding-top: 0;} body.single #main>.container #content.has-super-header, body.single #main>.container #sidebar.has-super-header{padding-top: 25px;} #title { display:block; float:left; position: relative; z-index: 1; } #title>a { height: 100%; display: inline-block; vertical-align: middle; } #title img { vertical-align: middle !important; max-width: 100% !important; } #content {position: relative;} .page-content img, .page-content .wp-caption, .post-content img, .post-content .wp-caption, #content img[class^="wp-image"] { max-width: 100%; height: auto; } #page-title-wrapper {position: relative;} #page-title-wrapper>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 100%; } .page-title {font-weight: 300 !important;} .page-title a {text-decoration: none;} #widget-alert { background: #C6D8CD; border: 1px #5b816a solid; padding: 24px; margin-bottom: 24px; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 6px 0;} .page-content p:empty,.post-content p:empty {display: none;} #content iframe {max-width:100%} .page-content [class^="embed-"], .post-content [class^="embed-"] {max-width: 100%;} .left-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .left-sidebar .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 420px; } .page-content [class^="embed-"]>iframe[class*="-player"], .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 520px; } #sidebar {padding: 0;} body.no-page-title #sidebar {margin-top:36px;} #sidebar.left-sidebar {float: left;} #sidebar .widget {margin-bottom: 20px;} #footer-widget-bar ul, #footer-widget-bar li, #sidebar ul, #sidebar li { padding: 0; margin: 0 ; list-style: none; -webkit-transition: all .2s; transition: all .2s; } #sidebar .widget>h4{ margin-bottom:20px !important; padding-bottom:20px !important; border-bottom: 1px solid #dedede; } #sidebar .widget {margin-bottom: 30px !important;} #footer-widget-bar li { padding: 5px 0 5px 0; } #sidebar .widget li { border-bottom: 1px solid #dedede; padding: 8px 0 8px 0; } #footer-widget-bar .widget li:first-child, .widget ul:first-child>li:first-child, #sidebar .widget li:first-child {padding-top: 0 !important;} #footer-widget-bar .children, #sidebar .children {padding-left: 10px;} #footer-widget-bar .children .children, #sidebar .children .children {padding-left: 10px;} #footer-widget-bar *:not(input), #footer *:not(input) { font-size:12px; } #footer { clear: both; z-index: 3; border-top:1px solid #444444; } #footer footer { height: 100%; line-height: 40px; } #footer .container { padding: 0; overflow:inherit !important; } #footer .container>div { width: 50%; overflow: hidden; float:left; } #footer .top-social-icons>a { height:100% !important; width:50px !important; } #footer .top-social-icons>a>span { font-size:45px !important; opacity:.5; } #footer .top-social-icons>a:hover>span { opacity:1; } div.top-social-icons { display:inline-block; text-align:right; float:right; } div.top-social-icons>a:first-child{border-left:1px solid #dedede;} div.top-social-icons>a { display: inline-block; font-size: 28px !important; line-height: 28px !important; text-align:center !important; font-weight:300 !important; text-decoration: none !important; overflow: hidden; width:30px; height:29px; /*1px smallar to prevent line conflict with parent*/ border-right:1px solid #dedede; } div.top-social-icons>a>span, div#social-icons>a>span { -webkit-transition: all .4s; transition: all .4s; } #footer-content {padding: 20px;} #footer-widget-bar { padding-top: 4px; padding-bottom: 4px; } #footer-widget-bar>.container { padding-left:16px; padding-right:16px; } #footer-widget-bar>.container>section { width: 25%; position: relative; padding:50px 20px 0 20px; float: left; } #footer-widget-bar>.container>section>div.widget {padding-bottom:50px;} #footer-widget-bar>.container>section>div.widget>div.separator { margin:0 auto 50px auto; width:90%; height:1px; border-bottom:1px solid #dedede; } #footer-widget-bar>.container>section>div.widget:first-child>div.separator {display:none;} #footer-widget-bar>.container>section>div.separator { position:absolute; right:-10px; top:0; margin:0 10px; border-right:1px solid #dedede; width:1px; height:100%; } #footer-widget-bar>.container>section:nth-child(3){clear: right;} #footer-widget-bar>.container>section>div.widget>h4, #footer-widget-bar>.container>section>div.widget h4.footer-widget-title {margin-bottom:20px;} #footer-widget-bar>.container>section>div.widget>span.line { display: block; border: 1px solid red; width: 40px; position: relative; margin-top: -17px; margin-bottom: 27px; } #footer-widget-bar>.container>section>div.widget>#mc_signup { margin:0 auto !important; } #footer-widget-bar>.container>section>div.widget>#mc_signup .mc_merge_var {margin-bottom:3px !important;} #footer-widget-bar>.container>section>div.widget>#mc_signup form {margin-bottom:0 !important;} /** * Request A Rate Form */ #request-a-rate { background-color:rgba(255,255,255,1.00); z-index:999; position:fixed; top:-100%; left:0; width:100%; height:100%; padding:35px; overflow:auto; } #request-a-rate>div { margin:0 auto; max-width:1170px; } #request-a-rate>a.close { position:absolute; display:block; top:35px; right:35px; width:48px; height:48px; line-height:48px; font-size:48px; font-weight:700; border:1px solid #000; color:#000; text-align:center; border-radius:50%; text-decoration:none; } #request-a-rate>a.close>i{margin-left:-1px;} /** * Tracking Form */ #header #freevision_tracker_form { display:block; position:absolute; right: 15px; max-height:0 !important; min-height:0 !important; border:1px solid #d3d3d3 !important; background-color:#fff; opacity:0; overflow:hidden; z-index:-10000; -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.05); transition: all .5s ease; } #header #freevision_tracker_form tbody { display: inherit; margin: 20px; } #header #freevision_tracker_form {max-width: 350px;} body.tracker-form-open #header #freevision_tracker_form { max-height:400px !important; opacity:1; z-index:10000; } #header #freevision_tracker_form label { display:inline-block; padding:20px 0 10px 0; } body.tracker-form-open #header #freevision_tracker_form { margin-top:85px; } #header #freevision_tracker_form * { /*font-size:14px !important;*/ } #freevision_tracker_id_field { margin-bottom:10px; border-bottom: 2px solid currentColor; padding-left: 0 !important; padding-right: 0 !important; } #freevision_tracker_id_field, #freevision_tracker_query_button{ width:100%; } #freevision_tracker_query_button{cursor:pointer;} #freevision_tracker_id_field {padding-bottom:10px;} @media only screen and (max-width: 768px) and (min-width: 480px) { /*479*/ #freevision_tracker_form { transform:scale(0.50); -webkit-transform:scale(0.50); transform-origin:0 0; -webkit-transform-origin:0 0; } } @media only screen and (max-width: 479px) { #freevision_tracker_form.freevision-tracker-form-shortcode tbody {padding: 40px 20px;} } @media only screen and (min-width: 1025px) { li.menu-item-use-custom + li.menu-item-use-custom { margin-left: 17px; } } /** * Comment form */ form {margin-bottom: 1.5em;} #commentform, #comments-form form { clear: both; margin-top: 12px; } #commentform .half-input input, #comments-form form .half-input input, #comments-form form .full-input input {width: 100% !important;} textarea, input:not([type=submit]) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform textarea, #commentform input:not([type=submit]), #comments-form form p textarea, #comments-form form p input:not([type=submit]), #footer-widget-bar .widget input:not([type=submit]), #sidebar .widget input:not([type=submit]) {width: 100%;} #footer-widget-bar .widget input, #footer-widget-bar .widget textarea, #footer-widget-bar .widget select { border-width:2px !important; border-style:solid !important; background-color:transparent; border-radius:30px; } #footer-widget-bar .widget textarea { padding: 10px 10px; border-radius: 25px; } input[type=submit] { margin: 0; cursor: pointer; } #commentform p, #comments-form form p {margin: 0 0 12px;} #commentform .half-input:nth-child(2), #comments-form form .half-input:nth-child(2) {float: left !important;} #commentform .full-input, #comments-form form .full-input { float: left; display: inline-block; width: 100%; } #commentform .half-input, #comments-form form .half-input { float: right; width: 49%; } #comments #respond {margin-bottom: 24px;} #comments>h3 {padding-bottom: .5em;} #comments #cancel-comment-reply-link { display: inherit; float: right; padding-bottom: 12px; } .ozy-half-input { float:left; width: 48%; overflow:hidden; clear:both; } .ozy-half-input-last { float: right; width: 48%; overflow:hidden; } p.ozy-half-input input, p.ozy-half-input-last input { width:100%; } .ozy-full-input, .ozy-full-input input {width: 100%;} #commentform .required, #comments-form form .required {color: #F00;} /** * Comments */ #comments li.comment ul, #comments li.comment ol {padding-left: 24px;} #comments ol li.comment { clear: both; list-style: none; overflow: auto; /*margin-bottom: 20px;*/ } .comment-body { padding: 30px; clear: both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #F0F0F0; } .author-box>div{display: inline-block;} .comment-body .reply>a { display: inline-block; padding: 6px 10px; text-decoration: none; } .comment-body .reply{ text-align:right; padding-top: 12px; } .comment-body{margin-bottom:20px;} #comments-form #respond {margin-top: 55px;} .comment-body>div>img, .author-box>div>img{ display:block; float:left; margin:0 10px 0 0; } #comments .children li.comment { width:95%; float:right; } #post-author { float: left; clear: both; padding: 30px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; width: 100%; } #post-author h3 { padding-bottom: .5em; margin-left: 0; } #post-author .gravatar { display: block; float: left; width: 95px; padding: 0 !important; } #post-author #author-link p { padding: 12px; text-align: right; padding-right: 0; } .comment .comment-meta>a {font-size: 80%;} .post-content .more-link {font-weight: bold;} .comment .comment-body {position: relative;} .comment .comment-body .reply { position: absolute; padding: 0 !important; top: 30px; right: 30px; } /** * Author page */ .author-page .author-bio { display: inline-block; clear: both; margin-bottom: 2.5em; } .author-page .author-bio .avatar { width: 80px; padding-right: 12px; float: left; } .author-page .post-single:last-child {border-bottom: 1px solid transparent !important;} /** * Author page */ .post-excerpt-aside>div, .post-excerpt-status>div { font-family: "Times New Roman", Times, serif; font-size: 19px; } .post-format-status .post-submeta, .post-format-aside .post-submeta, .post-format-audio .post-submeta {margin-top: 10px;} .simple-post-format {margin-bottom: 20px;} .simple-post-format>div { padding: 60px 90px 55px 60px; background-color: rgba(0,0,0, 0.8); background-size: cover; background-repeat: no-repeat; position: relative; } .simple-post-format>div>span { display: block; position: absolute; right: 0; top: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; padding-top: 5px; } .post-excerpt-status>div>h2, .post-excerpt-quote>div>h2{display:none !important;} .simple-post-format>div>span:before{font-family: "ozythemes";} .post-excerpt-status>div>span:before{content: "\e4b9";} .post-excerpt-aside>div>span:before{content: "\e017";} .post-excerpt-link>div>span:before{content: "\e122";} .post-excerpt-quote>div>span:before{content: "\e017";} .post-excerpt-audio>div>span:before{content: "\e0c5";} .post-excerpt-audio>div { padding: 0 !important; height: 150px; } .post-excerpt-audio .audio-thumb { position: absolute; left:0; top: 0; width: 150px; } .post-excerpt-audio>div>div { margin-left: 150px; padding-left: 20px; height: 100%; position: relative; } .post-excerpt-audio>div>div .mejs-container { position: absolute; bottom: 0; left: 0; } .a-page-title { border-bottom: 1px solid transparent; -webkit-transition: all .2s; transition: all .2s; } .a-page-title:hover {text-decoration: none;} .post-title { margin:0 0 12px 0; font-style:inherit !important; } .post.has_thumb .post-title {margin:12px 0 12px 0 !important;} .post .pagination { margin-top:10px; font-weight: 700; } .post .pagination>a { display:inline-block; padding:5px 10px; margin:0 5px; border:1px solid #dedede; } .post .post-content {margin-top: 0 !important;} .post-single { padding-bottom: 40px; margin-bottom: 20px; margin-top: 22px; width: 100%; clear: both; float: left; } div.sticky.post-single { border:2px solid #000; padding:10px; } .post-single:first-child {margin-top: 0 !important;} #content>.post-single:first-of-type {margin-top: 0 !important;} #content>.post-single:first-of-type .postGallerySlider, #content>.post-single:first-of-type .featured-thumbnail {margin-top: 0 !important;} .postGallerySlider, .featured-thumbnail {margin: 0 0 22px 0;} .post-single .post-content {margin: 0 !important;} #single-blog-tags:empty {display: none !important;} #single-blog-tags { display: inline-block; margin: 30px 0; width: 100%; } #single-blog-tags>strong { display: inline-block; float:left; padding: 5px 10px 0 0; } #single-blog-tags>a { display: inline-block; padding: 0 10px; margin-right: 4px; margin-bottom: 6px; background-color: #222222; color: #fff; text-decoration: none; font-size: 12px; line-height: 32px; } .page-content, .post-content {position: relative;} .post .post-content, .post-single .post-content {margin: 22px 0;} .post-audio, .post-video {margin-bottom: 22px;} .post-submeta { position: relative; display: inline-block; width: 100%; margin-top: 30px; line-height: 46px; } .single .post-submeta { border-top: 1px solid #dedede; padding-top: 30px; } .post-submeta>a.button { display: block; float: left; position: relative; width: 46px; height: 46px; padding-top: 4px; margin-right: 4px; font-size: 24px; line-height: 46px; text-align: center; text-decoration: none; border:1px solid transparent; } .post-submeta>span.share-buttons>a { font-size:36px; text-decoration:none; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .page-template-page-full-blog-php .read-more { display:block !important; float:none !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:46px!important; text-decoration:none !important; padding-bottom:10px !important; margin-left:-2px !important; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .page-template-page-full-blog-php .read-more:hover, .post-submeta>span.share-buttons>a:hover { opacity:.7; } .post-submeta>a.blog:hover {background-color: #e4e4e4;} .post-submeta>a>span { position: absolute; top: -4px; right: 0; display: block; background-color:#FF0000; font-size: 11px; height: 16px; width: 16px; border-radius: 50%; color: #fff; line-height: 16px; text-align: center; padding-left: 2px; } .post-submeta>a:not(.button) { display: inline-block; float: right; font-weight: 300; } .post-submeta>div { position: relative; float: left; height: 42px; line-height:32px; /*35px;*/ width: 220px; margin-left: 30px; display: none; } .post-submeta>div>div {float: left;} .post-submeta>div>div.button { background-color: #222222; padding: 0 10px; } .post-submeta>div>div.button>a { text-decoration: none; font-size: 32px; display: inline-block; padding-top:5px; } .post-submeta>div>div.button>a>span { color: #fff; opacity: 0.5; } .post-submeta>div>div.button>a:hover>span {opacity: 1;} .post-submeta>div>div.arrow { width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #222222 transparent transparent; margin-top: 18px; } .post-meta { display: inline-block; width: 100%; } .post-meta p:empty {display: none;} .post-meta p { display: block; position: relative; float: left; margin: 0 4px 0 0 !important; font-weight: 500 !important; overflow: visible; } .post-content .post-audio {margin-bottom: 12px;} .post-content .post-audio iframe {width: 100%;} .post-content .post-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .post-video iframe, .post-video object, .post-video embed, .post-audio iframe, .post-audio object, .post-audio embed { width: 100%; max-width: 100%; } .chat-transcript {margin-bottom: 24px;} .chat-row {margin-bottom: 12px;} .chat-row .fn {font-weight: 700;} .chat-row .chat-text { border: 1px solid #dedede; padding: 12px; } /** * Next & previous post arrows */ @keyframes animation-right-arrow{0%{margin-left:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-moz-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-o-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-ms-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@keyframes animation-left-arrow{0%{margin-left:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-o-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-ms-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}} #ozy-related-posts-wrapper{ position:relative; margin-top:35px; } #newer-older-posts-wrapper{position:relative;} .newer-older { position:absolute; right:0; top:0; text-align: right; } .newer-older>a {padding-left: 20px;} .newer-older.newer-older-blog {margin-top: 1em;} .nav-box { width: 200px; position: fixed; left: 0; top: 460px; z-index: 1; } .nav-box.next i{animation:animation-right-arrow ease 3s;animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation:animation-right-arrow ease 3s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation:animation-right-arrow ease 3s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation:animation-right-arrow ease 3s;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-ms-animation:animation-right-arrow ease 3s;-ms-animation-iteration-count:infinite;-ms-animation-fill-mode:forwards}.nav-box.previous i{animation:animation-left-arrow ease 3s;animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation:animation-left-arrow ease 3s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation:animation-left-arrow ease 3s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation:animation-left-arrow ease 3s;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-ms-animation:animation-left-arrow ease 3s;-ms-animation-iteration-count:infinite;-ms-animation-fill-mode:forwards} .nav-box.next { left: inherit; right: 0; } .nav-box>a { display: block; width:200px; text-align: center; padding:0 30px; text-decoration: none; } .nav-box>a>img, .nav-box>a>span, .nav-box>a>i { margin: 0 auto; display: block; } .nav-box>a>i { font-size: 32px; line-height: 32px; padding: 30px 0 20px 0; } .nav-box>a>img { width:100px; height:100px; } .nav-box>a>img, .nav-box>a>span { opacity: 0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .nav-box>a:hover>img, .nav-box>a:hover>span {opacity: 1;} /** * Pagination */ .page-pagination>a, .page-pagination>span { display: block; float: left; width: 32px; height: 32px; line-height: 28px; font-size: 16px; text-align: center; text-decoration: none; margin-right: 6px; transition: all .2s; border: 1px solid #dedede; } .page-pagination>a:hover {background-color: transparent;} #comment-navigation { display:inline-block; width:100%; } /** * Thumb image */ .featured-thumbnail { position: relative; overflow: hidden; margin-bottom: 22px; background-size:cover; background-position: center center; } .featured-thumbnail>img {display: block;visibility:hidden;max-width:100%;height:auto;} .featured-thumbnail:hover>a { opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .featured-thumbnail>a { display: block; position: absolute; background-color:#000000; background-color:rgba(0,0,0,0.5); width: 100%; height: 100%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .featured-thumbnail>a>span { position: absolute; color: #fff !important; font-size: 32px; width: 42px; height: 42px; line-height: 42px; text-align: center; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; } .featured-thumbnail-header { width:100%; height:400px; background-position:center center; background-size:cover; overflow:hidden; } .featured-thumbnail-header>div { position:relative; height:100%; width:100%; } .featured-thumbnail-header>div>div { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .featured-thumbnail-header>div>div>div { position:relative; max-width:1140px; margin:0 auto; text-align:center; } .featured-thumbnail-header>div>div>div>h1 { text-align:center; padding-bottom:20px; } .featured-thumbnail-header>div>div>div>div.post-meta { display:inline-block; width:inherit !important; } .featured-thumbnail-header>div>div.a, .featured-thumbnail-header>div>div.b { width:53%; height:32px; position:absolute; top:inherit !important; bottom:0; background-color:#fff; } .featured-thumbnail-header>div>div.a { right:51%; transform: skew(45deg, 0deg) ; -webkit-transform: skew(45deg, 0deg) ; -moz-transform: skew(45deg, 0deg) ; -o-transform: skew(45deg, 0deg) ; -ms-transform: skew(45deg, 0deg) ; } .featured-thumbnail-header>div>div.b { left:50%; transform: skew(-45deg, 0deg) ; -webkit-transform: skew(-45deg, 0deg) ; -moz-transform: skew(-45deg, 0deg) ; -o-transform: skew(-45deg, 0deg) ; -ms-transform: skew(-45deg, 0deg) ; } #sidebar.has-super-header{padding-top:35px;} /** * Tooltipsy tooltip */ .tooltipsy { padding: 6px; max-width: 200px; color: #000 !important; background-color: #fff !important; margin-bottom: 5px; font-size: 11px !important; transition: all .4s; -webkit-transition: all .4s; } .tooltipsy:after { content: ''; position: absolute; border: 10px solid transparent; border-left-color: #fff !important; bottom: -3px; left: 50%; z-index: -1; } .tooltipsy.white{ color: #fff !important; background-color: #000 !important; } .tooltipsy.white:after { bottom:10px; top: -10px; border-left-color: #000 !important; } /** * Google maps background */ #ozy-google-map-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; } #google-maps-info-box { width:200px; height:60px; } /** * To top button */ #to-top-button { opacity: 0; position: fixed; z-index: 999; width: 32px; height: 32px; right: 12px; bottom: -32px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; transition: all .2s; -webkit-transition: all .2s; } body.has-nicescroll #to-top-button { right:27px; } #to-top-button>span { display: inline-block; font-size: 14px; font-weight: 300; line-height: 32px; width: 32px; text-align: center; padding-top: 1px; margin-left: -1px; } /** * Wordpress overrides and fixes */ .mejs-controls .mejs-time-rail .mejs-time-current { /*jetpack audio player progress bar*/ background:#333;background:rgba(200,200,200,0.8) !important;background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8))) !important;background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important; } .wp-caption { margin-top: 12px; margin-bottom: 12px; position: relative; display: inline-block !important; width: auto !important; } .wp-caption img {display: block;} .wp-caption:hover>p { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .wp-caption>p { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; padding: 6px 12px !important; *background-color:#000000; background-color: rgba(0,0,0,.5); color: #fff; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .alignleft { float: left; margin: 0 12px 12px 0; } .textaligncenter {text-align: center;} .aligncenter { margin: 0 auto; display: block; } .alignright { float: right; margin: 0 0 12px 12px; } .none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */ display: none; } .no-bottom-margin{ margin-bottom:0 !important; } .clear {clear: both;} .left {float: left;} .right {float: right;} .left-w-padding {float: left;padding-right:20px;} .right-w-padding {float: right;;padding-left:20px;} .bypostauthor,.gallery-caption,.wp-caption-text,.sticky {/**/} dt { font-weight: bold; text-decoration: underline; padding: 0.5em 0 0 0; } dd { margin: 0; padding: 0 0 0.5em 0; } #content table { max-width: 100%; width: 100%; border-spacing:0; border-collapse:collapse; margin-bottom: 1.5em; } #content table th, #content table td { border: 1px solid #dedede; padding: 6px; } #content br { margin-top: 0.5em; display: block; content: ' '; } #request-a-rate p, #content p { margin: 0; padding-top: .50em; padding-bottom: .50em; } /** * Search Form - Search Icon */ .wp-search-form { position: relative; } .wp-search-form i.oic-simple-line-icons-129, .wp-search-form i.oic-pe-icon-7-stroke-24, .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-zoom { position: absolute; width: 22px; height: 22px; top: 50%; left: 12px; margin-top: -8px; opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-simple-line-icons-129 { left: inherit; cursor:pointer; right: 12px; } .wp-search-form #search { padding-left: 32px !important;} /** * Search Page */ body.search article.result { border: 1px solid #dedede; width: 366px; margin-bottom: 20px; padding: 20px; } body.search article.result img { max-width:100%; height: auto; } body.search #gutter-sizer {width:3%;} /** * Masonry Gallery Page Template */ .ozy-masonry-gallery { width:calc(100% + 10px); margin-left:-10px; } .ozy-masonry-gallery>div{ width:calc(25% - 10px); margin:0 0 10px 10px; } .ozy-masonry-gallery>div>a { position:relative; display:block; } .ozy-masonry-gallery>div>a>span { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,.75); opacity:0; text-align:center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-masonry-gallery>div>a:hover>span { opacity:1; } .ozy-masonry-gallery>div>a>span>h5 { position:absolute; top: 50%; width:100%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); color:#fff !important; } .ozy-masonry-gallery>div img { max-width:100%; display:block; } /** * Video background */ div.video-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; vertical-align: top; } div.video-background video { min-height: 100%; min-width:100%; z-index: -2 !important; } div.video-background .ui-video-background { display: none !important; } div.video-background>div { position:absolute; width:100%; height:100%; top:0; left:0; background:url(images/video-pattern.png) repeat fixed !important; z-index:10; } #video-background>video{ max-width: none !important; } /** * Youtube background */ #tubular-container { top: 0; left: 0; z-index: -2 !important; } #tubular-shield { position: fixed !important; background:url(images/video-pattern.png) repeat fixed !important; z-index: -1 !important; } /* Related posts */ .ozy-related-posts { width: 100% !important; padding: 10px 0 0 0 !important; margin-left: 0 !important; list-style: none; display: inline-block; } .ozy-related-posts .ozy-owlcarousel .item.item-extended>a .overlay-one-bg>h2{ font-size:16px !important; padding-left:15px; padding-right:15px; } /** * Single Blog */ .ozy-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .ozy-video-wrapper iframe, .ozy-video-wrapper object, .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-video-wrapper[data-twttr-id*="twttr-sandbox"] { position: inherit !important; height: inherit !important; padding: 0; } .post-audio .ozy-video-wrapper { padding-bottom: inherit !important; padding-top: inherit !important; height: inherit !important; } .post-audio .ozy-video-wrapper iframe, .post-audio .ozy-video-wrapper object, .post-audio .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: auto !important; } .ozy-video-wrapper .twitter-tweet {height: auto !important;} .ozy-header-slider, .ozy-footer-slider { width:100%; min-height: 100px; position:relative; z-index:0; } @media only screen and (max-width: 768px) { .ozy-header-slider { margin-top: 72px; } } /*protected post form*/ .post-content form.post-password-form label {font-weight:700;} .post-content form.post-password-form input {width:inherit !important;} /** * Widgets */ .widget li>a {text-decoration: none;} #footer-text>div { display: inline-block; float: left; } .ozy-latest-posts { display: inline-block; clear: both; } .ozy-latest-posts>a { position: relative; display: inline-block; width: 48%; margin-bottom: 12px; float: left; text-transform: uppercase; font-weight: 700; } .ozy-latest-posts>a:hover>span { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100) } .ozy-latest-posts>a>span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-latest-posts>a:nth-child(odd){float:left;} .ozy-latest-posts>a:nth-child(even){float:right;} .ozy-latest-posts>a>img { display: block; width: 100%; height: auto; } .ozy-latest-posts-with-thumbs>li>a>span>small, .ozy-simple-latest-posts>li>small {display: block;} .ozy-latest-posts-with-thumbs>li {border:1px solid transparent !important;} .ozy-latest-posts-with-thumbs>li>a{ display:table; width: 100%; } .ozy-simple-latest-posts>li>a, .ozy-latest-posts-with-thumbs>li>a {text-transform:uppercase;} .ozy-latest-posts-with-thumbs>li>a>img { width: 100px !important; max-width: none !important; height: auto; float: left; } .ozy-latest-posts-with-thumbs>li>a>span { vertical-align: top;/*middle*/ display: table-cell; width: 100%; padding-left: 15px; } .tagcloud>a { text-decoration: none; padding: 5px 10px; display: inline-block; margin-bottom: 4px; font-size: 80%; } .widget li>span.post-date { /*classic recent posts widget*/ display: block; font-size: 80%; } .widget ul ul { /*classic custom menu widget and rest*/ border-top: 1px solid #dedede; padding-top: 8px !important; margin-top: 8px !important; margin-left: 20px !important; } .widget ul.menu li a>i { margin-left: 0 !important; margin-right: 5px !important; } .widget ul.menu li .dropdown-menu { padding-top: 0 !important; } .widget ul.menu li a>i, .widget ul.menu li[class^="oic-"]:before { padding-right: 6px; vertical-align: middle; } .widget ul ul>li:last-child { border-bottom: 1px solid transparent !important; padding-bottom: 0 !important; } /* generics */ .widget br{ content: ' '; display:block; margin-bottom:.5em; } .widget img{max-width:100%;} .widget select {width: 100%;max-width:100%;} .widget>ul>li>a.rsswidget{ display:inline-block; width:100%; font-weight:700; } .widget>ul>li>div.rssSummary{ border-top:1px solid #dedede; margin-top:10px; padding-top:10px; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px;text-align:center; } #wp-calendar tbody td { border: 1px solid #fff; text-align: center; padding:8px 0;} #wp-calendar tbody td:hover { background: #fff;color:#000 } #wp-calendar tbody .pad,#wp-calendar tbody .pad:hover { background: none;border:none !important; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .opening-time { display:inline-block; padding:20px; border:2px solid #000; width:100%; } .opening-time dl dt, .opening-time dl dd { float:left; display:block; padding:0; text-decoration:none; font-weight:normal; width:50%; } .widget .testimonial-box { text-align:center !important; border-bottom:2px solid #444; padding-bottom:20px; margin-bottom:20px; } .widget .testimonial-box>p { padding:10px 30px 0 30px; position:relative; } .widget .testimonial-box>p>i.icon-1, .widget .testimonial-box>p>i.icon-2 { position:absolute; font-size:22px !important; } .widget .testimonial-box>p>i.icon-1 { left:0; top:0; -webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1); } .widget .testimonial-box>p>i.icon-2 { right:0; bottom:-10px; -webkit-transform: rotate(-180deg) scaleX(-1); -moz-transform: rotate(-180deg) scaleX(-1); -o-transform: rotate(-180deg) scaleX(-1); -ms-transform: rotate(-180deg) scaleX(-1); transform: rotate(-180deg) scaleX(-1); } .widget .testimonial-box>p { font-size:1.2em !important; } .widget .testimonial-box>h6 { margin-top:30px !important; font-size:1.8em !important; font-weight:300 !important; } /** * File Download Box Widget */ .filedownload-box>ul>li>img { padding-right:10px; vertical-align: sub; } /** * Contact Form 7 */ .ozy-wide-box { width:100%; } /** * Revolution Slider */ .wpb_revslider_element ul, .wpb_revslider_element ol { padding-left:0 !important; } /*buttons*/ .ozy-revo-button { position: relative; display: inline-block; margin-right: 10px; margin-left: 0; vertical-align: middle; text-align: center; font-weight: 700; cursor: pointer; zoom: 1; text-decoration: none !important; letter-spacing: 1px; -webkit-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; -moz-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; -ms-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; -o-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; } .ozy-revo-button.large { padding: 15px 24px; font-size: 14px; line-height: 100%; } .ozy-revo-button.medium { padding:12px 26px; font-size:12px; line-height:100% } .ozy-revo-button.outline { border-width: 1px!important; border-style: solid!important; } .ozy-revo-button.light { border-color: #fff!important; color: #fff; } .ozy-revo-button.light:hover { background-color: #fff; color: #222222; } .ozy-revo-button.dark { border-color: #222!important; color: #222; } .ozy-revo-button.dark:hover { background-color: #222222; color: #fff; } .ozy-revo-button.light.filled { background-color: #fff; border-color: #222!important; color: #222; } .ozy-revo-button.light.filled:hover { background-color: #222; border-color: #fff!important; color: #fff; } .ozy-revo-button.dark.filled { background-color: #222; border-color: #222!important; color: #fff; } .ozy-revo-button.dark.filled:hover { background-color: #fff; border-color: #fff!important; color: #222; } /** * CSS3 Waypoint Animations */ .ozy-waypoint-animate { opacity: 0; } .ozy-start-animation.ozy-appear { animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -webkit-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity:1; } @-webkit-keyframes ozy-appear { 0%{-webkit-transform:translate(0, -10%); opacity:0;} 100%{-webkit-transform:translate(0, 0); opacity:1;} } @-moz-keyframes ozy-appear { 0%{-moz-transform:translate(0, -10%); opacity:0;} 100%{-moz-transform:translate(0, 0); opacity:1;} } @-o-keyframes ozy-appear { 0%{-o-transform:translate(0, -10%); opacity:0;} 100%{-o-transform:translate(0, 0); opacity:1;} } @keyframes ozy-appear { 0%{transform:translate(0, -10%); opacity:0;} 100%{transform:translate(0, 0); opacity:1;} } .ozy-start-animation.ozy-fade-appear { animation:ozy-fade-appear; -webkit-animation:ozy-fade-appear; -moz-animation:ozy-fade-appear; -o-animation:ozy-fade-appear; opacity:1; } @-webkit-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @-moz-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @-o-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } /* * Parallax Row */ .wpb_row {position: relative; /*do not remove this*/} .wpb_row.ozy-custom-row {background-repeat:no-repeat;} .wpb_row.ozy-custom-row.parallax {background-position: 50% 50%;background-size:cover;} .wpb_row.ozy-custom-row.parallax .parallax-wrapper {position: relative;} /* * Full Width Page Centered Content & Parallax Stuff */ #footer>footer>.container, #page-title-wrapper>div { padding-left: 36px; padding-right: 36px; } .ozy-page-model-full #footer>footer>.container, .ozy-page-model-full #footer-widget-bar>.container {width: 100%;} .ozy-page-model-no-sidebar.ozy-page-model-full #main>.container {width: 100%} .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row.ozy-custom-full-row>.parallax-wrapper { padding-left: inherit; padding-right: inherit; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left: 36px;} .ozy-page-model-has-sidebar #main>.container>#content {float: left;} .ozy-page-model-full #main>.container>#content, .ozy-page-model-full #footer-widget-bar>.widget-container, .ozy-page-model-full #footer>footer>.container {margin: 0 auto;} .ozy-page-model-full #footer-widget-bar, .ozy-page-model-full #footer {width: 100%;} .ozy-custom-fullheight-row { overflow: hidden; padding: 0 !important; } .ozy-page-model-full #content .wpb_row.vc_row-fluid>div.parallax-wrapper, .ozy-page-model-full #content .wpb_row, .ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-row.parallax .parallax-wrapper { max-width: 1242px;/*1140px;*/ margin-left: auto; margin-right: auto; } /*fix row inside row margin issue*/ .vc_row:not(.ozy-custom-full-row) div.parallax-wrapper div.parallax-wrapper { margin-left:-15px !important; margin-right:-15px !important; } .vc_row.ozy-custom-full-row .vc_column-inner { padding-left:0 !important; padding-right:0 !important; } .ozy-page-model-full #page-title-wrapper>div, .ozy-page-model-full #page-title-wrapper>div.parallax-wrapper { max-width: 1212px;/*1140px;*/ margin-left: auto; margin-right: auto; } .ozy-page-model-full #footer-widget-bar>.container, .ozy-page-model-full #footer>footer { max-width:100%; } .ozy-page-model-full #footer>footer { overflow: hidden; } #content.no-vc { max-width: 1140px; padding-bottom:35px; } .ozy-page-model-full #page-title-wrapper.ozy-custom-full-row>div.parallax-wrapper, .ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-full-row>div.parallax-wrapper, .ozy-page-model-full #page-title-wrapper, .ozy-page-model-full #content .wpb_row.vc_row, .ozy-page-model-full #content .wpb_row.vc_row-fluid { width: 100%; max-width: 100% !important; } .ozy-page-model-boxed .parallax-wrapper>.wpb_column { /*1.7 boxed better*/ padding-left:0; padding-right:0; } /*.ozy-page-model-boxed.ozy-page-model-no-sidebar #main {*/ .ozy-page-model-boxed #main { /*display: inline-block;*/ position: relative; max-width:1212px; margin-left:auto; margin-right:auto; } .ozy-row-has-video { position: relative; overflow: hidden; } .ozy-row-has-video .video-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:url(images/video-pattern.png); } .ozy-row-has-video .video-mask.has-bg { filter: alpha(opacity=0.7); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } @media only screen and (max-width: 600px) { .slider-video { width: 100% !important; height: 100% !important; object-fit: cover !important; } } #content>.wpb_row.vc_row-fluid:first-child {padding-top: 0 !important;} .container.no-vc .vc_col-sm-12.wpb_column.vc_column_container, .ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row:not(.ozy-custom-full-row) { padding-left: 36px !important; padding-right: 36px !important; } .ozy-row-zero-space .wpb_column { padding-left: 0 !important; padding-right: 0 !important; } /** * Plugin Fix */ .responsive-map div{max-width:none !important;} /** * Gutenberg */ ul.wp-block-gallery { padding-left: 0!important; } blockquote.wp-block-quote.is-large:before { top: 0px; left: 5px; font-size: 24px; } /** * Cookie Notice */ #ozy-cookie_notice_banner { display: none; position: fixed; width: 300px; top: auto; left: 0; right: 0; bottom: -300px; padding: 20px; font-family: "serif", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman"; font-size: 13px; letter-spacing: .8px; text-align: center; z-index: 99; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #ozy-cookie_notice_banner>div { text-align: justify; } #ozy-cookie_notice_banner.show { display: table; } #ozy-cookie_notice_banner.in-viewport { bottom: 0px; } #ozy-cookie_notice_banner a:not(.generic-button) { color: currentColor !important; text-decoration: underline; } #ozy-cookie_notice_banner>a.generic-button { display: inline-block; margin: 20px auto 0 auto; padding: 10px 20px; border: 1px solid currentColor !important; } @media only screen and (max-width: 768px) { #ozy-cookie_notice_banner.show { display: block; } #ozy-cookie_notice_banner>div { width: 100%; } #ozy-cookie_notice_banner>a.generic-button { position: unset; display: inline-block; top: inherit; transform: none; margin: 15px auto 0 auto; } } /** * Visual Composer Overrides */ .wpb_widgetised_column ul{padding-left: inherit !important;} .wpb_row>.video-mask.has-bg { position: absolute; left:0; right:0; width:100%; height:100%; } .gmaps-cover { position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; z-index:1; } .wpb_gmaps_widget .wpb_wrapper{padding: 0 !important;} .vc_heading_white h1, .vc_heading_white h2, .vc_heading_white h3, .vc_heading_white h4, .vc_heading_white h5, .vc_heading_white h6 {color:#fff !important;} .wpb_button_a, .vc_btn {margin-right: 10px;} .vc_btn-lg {padding:20px 22px !important;} .vc_btn_full_width { margin-top:0 !important; margin-right:0 !important; width:100% !important; text-align:center !important; padding-top:30px !important; padding-bottom:30px !important; } .wpb_row { margin-left: 0 !important; margin-right: 0 !important; } .wpb_row > .wpb_column > .wpb_wrapper .wpb_content_element:last-child {margin-bottom: 35px;} .vc-icon-ozy_vc_before_after {background:url(images/admin/tweet_32.png) no-repeat;} /** * Separator */ .vc_separator {margin-top: 35px;} /** * Tabs */ .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {background-color: transparent !important;} .wpb_tabs .wpb_tabs_nav li{ border: 1px solid #dedede; margin-right: -1px !important; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {padding: 1em 0 !important;} .full-tabs .wpb_wrapper ul.wpb_tabs_nav:before, .full-tabs .wpb_wrapper ul.wpb_tabs_nav:after {display: none !important;} .full-tabs ul.wpb_tabs_nav { width: 100%; display: table; table-layout: fixed; /* optional, for equal spacing */ border-collapse: separate; } .full-tabs.wpb_tabs .wpb_tabs_nav li { display: table-cell; text-align: center; vertical-align: middle; float: none; max-width: 100%; font-size: 120%; } /** * Accordion */ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { border: 1px solid #dedede; margin-bottom: -1px !important; outline: none; } /** * Call to action */ .wpb_button { text-shadow: none !important; -webkit-transition: all .4s; transition: all .4s; } .wpb_call_to_action { background-color:transparent !important; border: 1px solid transparent !important; padding: 0 !important; /*35px 0 0 0*/ } /** * Map */ .wpb_map_wraper {padding: 0 !important;} .ozy-multi-google-map *, .gm-style *{max-width:none !important;} [data-icon]:before{display:none;} /** * Single Image */ .wpb_single_image{ max-width:100%; /*ie 11 overlay issue fix*/ } .wpb_single_image img { display: block; clear: both; } .wpb_single_image.vc_align_center>div img {margin: 0 auto;} .zoom.wpb_single_image {overflow: hidden;} /** * Tour Section */ .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li { border: 1px solid #dedede; margin-bottom: -1px !important; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li>a { -webkit-transition: all .4s; transition: all .4s; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active>a, .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover>a {padding-left: 1.5em;} .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {padding: 0 1em !important;} /** * Flexslider */ .flexslider{ border: none !important; } /** * Icon */ .ozy-icon { overflow: hidden !important; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .ozy-icon-a, .ozy-icon-a:hover, .ozy-icon-a:active {text-decoration: none;} .ozy-icon.align-center { display: block !important; text-align: center; margin: 0 auto; } .ozy-icon.regular { font-size: 16px !important; width: 50px; height: 50px; line-height: 44px; } .ozy-icon.large { font-size: 32px !important; width: 80px; height: 80px; line-height: 78px; } .ozy-icon.xlarge { font-size: 48px !important; width: 120px; height: 120px; line-height: 120px; } .ozy-icon.xxlarge { font-size: 64px !important; width: 180px; height: 180px; line-height: 187px; } .ozy-icon.xxxlarge { font-size: 128px !important; width: 256px; height: 256px; line-height: 283px;} .ozy-icon.square, .ozy-icon.circle, .ozy-icon.circle2 { text-align: center; margin-bottom: 0.5em; display: inline-block; overflow: visible; text-shadow: 0 0 1px rgba(0,0,0,0.3); } .ozy-icon.square { padding: 6px; background:#686868; color:#fff; } .ozy-icon.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 6px; background:#686868; color:#fff; } .ozy-icon.circle2 { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; padding: 4px; border:2px solid #686868; color:#686868; } a>.ozy-icon { -webkit-transition: all .4s; transition: all .4s; opacity: 1; } /** * Custom List */ .ozy-custom-list {padding: 0 !important;} .ozy-custom-list>li { list-style: none; } .ozy-custom-list>li>span.oic {padding-right: 6px; font-size: 22px; } .ozy-custom-list>li>span:not(.oic){vertical-align:top;line-height:22px;} /** * Clean Slider */ .clean-slider .nivo-directionNav, .clean-slider .nivo-controlNav, .clean-slider .flex-direction-nav, .clean-slider .flex-control-nav {display: none;} .nivoSlider, .flexslider { border: 0px solid transparent !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } /** * Team Member */ /* Caption Style 3 */ .ozy-team_member figure { margin: 0; position: relative; } .ozy-team_member figure img { max-width: 100%; display: block; position: relative; } .ozy-team_member figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #222222; } .ozy-team_member figcaption h3 { font-size: 19px !important; font-weight: 700 !important; } .ozy-team_member figcaption h5 {font-size: 14px !important;} .ozy-team_member figcaption p {font-size: 12px !important;} .ozy-team_member figcaption h3, .ozy-team_member figcaption p { margin: 0; padding: 0; color: #fff !important; } .ozy-team_member figure {overflow: hidden;} .ozy-team_member figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } /*.no-touch */ .ozy-team_member figure:hover img, .ozy-team_member figure.hover img { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .ozy-team_member figcaption { height: 200px; width: 100%; top: auto; bottom: 0; opacity: 0; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } /*.no-touch */ .ozy-team_member figure:hover figcaption, .ozy-team_member figure.hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .ozy-team_member figure figcaption>div {margin-top: 10px;} .ozy-team_member figure figcaption>div>a { padding: 0 5px; text-decoration: none !important; } .ozy-team_member figure figcaption>div>a>span { font-size: 24px !important; color: #fff !important; filter: alpha(opacity=0.6); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all .4s; transition: all .4s; } .ozy-team_member figure figcaption>div>a:hover>span { filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff !important; } /** * Divider */ .ozy-content-divider { clear: both; } .ozy-divider-cap-left, .ozy-divider-cap-right, .ozy-divider-cap-center {clear: both;} .ozy-content-divider { position:relative; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; } .ozy-content-divider legend { font-weight: 400; font-size: 140%; } .ozy-content-divider legend.dcenter {padding: 0 18px 0 18px;} .ozy-content-divider legend.dleft {padding: 0 18px 0 0;} .ozy-content-divider legend.dright {padding: 0 0 0 18px;} h1.ozy-divider-cap-center, h2.ozy-divider-cap-center, h3.ozy-divider-cap-center, h4.ozy-divider-cap-center, h5.ozy-divider-cap-center, h6.ozy-divider-cap-center {text-align: center;} h1.ozy-divider-cap-right, h2.ozy-divider-cap-right, h3.ozy-divider-cap-right, h4.ozy-divider-cap-right, h5.ozy-divider-cap-right, h6.ozy-divider-cap-right {text-align: right;} /** * Title With Icon */ .title-with-icon-wrapper.connected { position: relative; margin-bottom: 35px; } .title-with-icon-wrapper .title-with-icon span { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .title-with-icon-wrapper.connected:before { content: ''; width: 0px; height: auto; border-left: 1px solid #222222; position: absolute; left: 25px; top: 50px; bottom: -36px; } .title-with-icon-wrapper.connected:last-child {margin-bottom: 0;} .title-with-icon-wrapper.connected:last-child:before {display: none;} .title-with-icon-wrapper.connected.large:before { left: 40px; top: 80px; } .title-with-icon-wrapper.connected.xlarge:before { left: 60px; top: 120px; } .title-with-icon-wrapper.connected.xxlarge:before { left: 90px; top: 180px; } .title-with-icon-wrapper.connected.xxxlarge:before { left: 128px; top: 256px; } .title-with-icon-wrapper>.title-with-icon {margin-bottom: 0 !important;} .title-with-icon-wrapper>.top-cs.title-with-icon-content {text-align: center;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.medium {padding-left: 65px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.large {padding-left: 95px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xlarge {padding-left: 135px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxlarge {padding-left: 195px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxxlarge{padding-left: 271px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.medium {padding-left: 65px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.large {padding-left: 56px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xlarge {padding-left: 77px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxlarge {padding-left: 106px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxxlarge{padding-left: 145px;} .title-with-icon { display:table !important; cursor:default; } .title-with-icon.top-style { text-align:center !important; width:100%; } .title-with-icon>h1, .title-with-icon>h2, .title-with-icon>h3, .title-with-icon>h4, .title-with-icon>h5, .title-with-icon>h6 { display:table-cell; vertical-align:middle !important; border-left:15px solid transparent; } .title-with-icon>h1>a,.title-with-icon>h2>a,.title-with-icon>h3>a,.title-with-icon>h4>a,.title-with-icon>h5>a,.title-with-icon>h6>a{text-decoration:none;} .title-with-icon>h1.no-icon, .title-with-icon>h2.no-icon, .title-with-icon>h3.no-icon, .title-with-icon>h4.no-icon, .title-with-icon>h5.no-icon, .title-with-icon>h6.no-icon {border-left:none !important;} .title-with-icon.top-style>h1, .title-with-icon.top-style>h2, .title-with-icon.top-style>h3, .title-with-icon.top-style>h4, .title-with-icon.top-style>h5, .title-with-icon.top-style>h6 { display:block !important; float:none !important; border-left:none !important; } .title-with-icon.top-style>span:after, .title-with-icon.top-style>a>span:after { display:table !important; clear:both !important; content:'' !important; } .title-with-icon.top-style>span, .title-with-icon.top-style>a>span { margin-right:0px !important; float:none !important; display:block !important; margin:0 auto 20px auto !important; text-decoration: none !important; } .title-with-icon.top-style>a {text-decoration: none !important;} .title-with-icon>span.medium, .title-with-icon>span.large, .title-with-icon>span.xlarge, .title-with-icon>span.xxlarge, .title-with-icon>span.xxxlarge, .title-with-icon>a>span.medium, .title-with-icon>a>span.large, .title-with-icon>a>span.xlarge, .title-with-icon>a>span.xxlarge, .title-with-icon>a>span.xxxlarge { width:50px; height:50px; line-height:56px !important; font-size:16px !important; text-align:center; display:inline-block !important; background-image:none !important; text-decoration:none !important; } .title-with-icon>span.large, .title-with-icon>a>span.large { width:80px; height:80px; line-height:90px !important; font-size:32px !important; } .title-with-icon>span.xlarge, .title-with-icon>a>span.xlarge { width:120px; height:120px; line-height:134px !important; font-size:48px !important; } .title-with-icon>span.xxlarge, .title-with-icon>a>span.xxlarge { width:180px; height:180px; line-height:200px !important; font-size:64px !important; } .title-with-icon>span.xxxlarge, .title-with-icon>a>span.xxxlarge { width:256px; height:256px; line-height:294px !important; font-size:128px !important; } .title-with-icon>span.large.clear, .title-with-icon>a>span.large.clear { width:40px !important; height:40px !important; line-height:55px !important; margin-bottom:0 !important; } .title-with-icon>span.xlarge.clear, .title-with-icon>a>span.xlarge.clear { width:60px !important; height:60px !important; line-height:60px !important; margin-bottom:0 !important; } .title-with-icon>span.xxlarge.clear, .title-with-icon>a>span.xxlarge.clear { width:90px !important; height:90px !important; line-height:90px !important; margin-bottom:0 !important; } .title-with-icon>span.xxxlarge.clear, .title-with-icon>a>span.xxxlarge.clear { width:128px !important; height:128px !important; line-height:128px !important; margin-bottom:0 !important; } .title-with-icon>span.rounded, .title-with-icon>a>span.rounded {border-bottom:none !important;} .title-with-icon>span.medium.rounded, .title-with-icon>a>span.medium.rounded, .title-with-icon>span.large.rounded, .title-with-icon>a>span.large.rounded, .title-with-icon>span.xlarge.rounded, .title-with-icon>a>span.xlarge.rounded, .title-with-icon>span.xxlarge.rounded, .title-with-icon>a>span.xxlarge.rounded, .title-with-icon>span.xxxlarge.rounded, .title-with-icon>a>span.xxxlarge.rounded, .title-with-icon>span.circle, .title-with-icon>a>span.circle { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .title-with-icon>span.clear, .title-with-icon>a>span.clear { background-color:transparent !important; border-bottom:none !important; } .title-with-icon>span.rounded, .title-with-icon>span.rectangle, .title-with-icon>span.circle {overflow: hidden;} .title-with-icon>a>span.circle, .title-with-icon>span.circle {border:1px solid #dedede;} /** * Interactive Box */ .ozy-iabox-wrapper {} .ozy-iabox { position: relative; padding: 30px 36px !important; background-size: cover; background-position: center center; overflow: hidden; } .ozy-iabox>a { display: block; position: absolute; width: 100%; height: 100%; padding: 30px 36px !important; top: 0; left: 0; text-decoration: none; z-index: 1; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-iabox>i, .ozy-iabox>a>i { display: block; position: absolute; font-size: 32px; width: 32px; height: 32px; line-height: 32px; text-align: center; padding-top: 2px; right: 36px; bottom: 36px; } .ozy-iabox:hover>a { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ozy-iabox>div, .ozy-iabox>h2 { position: relative; z-index: 1; } .ozy-iabox>a>.heading, .ozy-iabox>.heading { margin-bottom: 15px; font-weight: 300 !important; } .ozy-iabox>video { position: absolute; min-width: 100%; min-height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: inline-block; z-index: 0; } /** * Testimonials Slider */ .ozy-testimonials .owl-prev, .ozy-testimonials .owl-next{ display:none !important; } .ozy-testimonials.ozy-owlcarousel .owl-pagination { bottom:-50px !important; } .ozy-testimonials { backround-color: transparent !important; margin-bottom: 3.5em; } .ozy-testimonials .thumb { float: right; display: block; width: 48px !important; height: 48px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ozy-testimonials img { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; } .ozy-testimonials .username { line-height: 48px; padding-right: 10px; } .ozy-testimonials .thumb>span { display: block; overflow: hidden; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ozy-testimonials .owl-item>div { text-align: center; position: relative; width: auto; } .ozy-testimonials .owl-item .info .itext { float: right; text-align: right; padding-right: 10px; } .ozy-testimonials .owl-item .info { white-space:nowrap; text-align: right !important; margin-top: 40px; display: inline-block; position: relative; width: auto; } .ozy-testimonials .owl-item .subtitle {top: 30px;} .ozy-testimonials .owl-item .username {top: 20px;} .ozy-testimonials {width: 100% !important;} .ozy-testimonials .testimonial { font-size: 140%; line-height: 140%; font-weight: 300; width:70%; margin:0 auto; } /** * Count To */ .ozy-counter>.timer { font-size: 57px; font-weight: bold; line-height: 57px; text-align: center; } .ozy-counter>span { display: block; font-size: 13px; text-align: center; } .ozy-counter>.hr { display: block; margin: 20px auto; width: 30px; height: 1px; background-color: #000; } /** * Extra CSS definitions */ .row-botton-button { display: block; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 60px; font-size: 32px !important; line-height: 60px !important; text-align: center; font-weight: 700; } .ozy-floating-box { position: relative; } .ozy-vertical-centered-element, .ozy-floating-box>div { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ozy-owlcarousel.navigation-off .owl-controls, .owl-carousel.with-feed .owl-controls { display: none !important; } /* display none until init */ .owl-carousel, .owl-carousel div { max-width: none !important; } .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; overflow:hidden; } .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .ozy-owlcarousel .item, .grabbing {cursor:url(images/handnmove.cur) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-post-slider { margin-bottom:25px; } .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-item.active>div {/*fixes non fitting image on page load*/ width: 100% !important; height: auto !important; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 8px; height: 8px; margin: 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #000; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 100px; background: url(images/progress.gif) no-repeat center center } .ozy-owlcarousel[data-items="1"] .item { margin: 0 !important; } .ozy-owlcarousel .item>img { display: block; width: 100%; height: auto; } .ozy-owlcarousel .item.item-extended { position: relative; overflow: hidden; /*add this to make sure there is no 1px extra space under the items*/ } .ozy-owlcarousel .item.item-extended p.instagram-meta {text-align: center;} .ozy-owlcarousel .item.item-extended p.instagram-meta span { font-size:32px; padding-right:20px; } .ozy-owlcarousel .item.item-extended p.instagram-meta span i { padding-top:10px; padding-right:10px; } .ozy-owlcarousel .item.item-extended>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-owlcarousel .item.item-extended>a.hover .overlay-one, .ozy-owlcarousel .item.item-extended>a:hover .overlay-one {top: 100%; /*-100% for different effect*/} .ozy-owlcarousel .item.item-extended>a:hover .overlay-two {top: 0;} .ozy-owlcarousel.with-feed .item.item-extended>a.hover .overlay-two h2 {text-align: center;} .zoom.wpb_single_image>div>div>img, .zoom.wpb_single_image>div>div>a>img, .ozy-owlcarousel .item.item-extended>img, .ozy-image-with-caption>figure>img, .ozy-fancyimagebox>img { max-width:100%; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: all .7s cubic-bezier(.86,0,.07,1); -moz-transition: all .7s cubic-bezier(.86,0,.07,1); -o-transition: all .7s cubic-bezier(.86,0,.07,1); transition: all .7s cubic-bezier(.86,0,.07,1); } .zoom.wpb_single_image div:hover>a>img, .zoom.wpb_single_image div:hover>img, .ozy-owlcarousel .item.item-extended:hover>img, .ozy-image-with-caption:hover>figure>img, .ozy-fancyimagebox:hover>img { -moz-transform:scale(1.3) rotate(-8deg); -webkit-transform:scale(1.3) rotate(-8deg); -o-transform:scale(1.3) rotate(-8deg); transform:scale(1.3) rotate(-8deg); } .ozy-owlcarousel .item.item-extended>a>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-owlcarousel .item.item-extended>a .overlay-one { position: relative; -webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } .ozy-owlcarousel .item.item-extended>a .overlay-one>* { -moz-box-sizing: border-box; color: #FFFFFF; position: absolute; text-align: center; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -43%); -ms-transform: translate(0px, -43%); width: 100%; text-align: center; margin: 0 !important; } .ozy-owlcarousel .item.item-extended>a .overlay-one>h4 {padding:10px;} .ozy-owlcarousel .item.item-extended>a .overlay-one>span { font-size: 80px; line-height: 100px; display: block; } .ozy-owlcarousel .item.item-extended>a .overlay-two { background-color: rgba(255,255,255,0.5); top: 101%; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } .ozy-owlcarousel .item.item-extended>a .overlay-two>p { position: absolute; bottom: 10px; padding: 30px; font-size: 20px; line-height: 27px; font-weight: 300 !important; } .ozy-owlcarousel .item.item-extended>a .overlay-two>p>span { display: block; font-size: 26px; line-height: 36px; padding-top: 30px; } .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div { position: absolute;width: 100%;top: 50%;transform: translate(0, -50%);-webkit-transform: translate3d(0, -50%,0);-ms-transform: translate(0, -50%);padding: 0 20px; } .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>h2, .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>h5 { font-weight: 300 !important; text-align: center !important; } /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding:0 150px; position:absolute; width: 100%; left:0; top: 50%; -webkit-transform: translate(100px,-50%); -moz-transform: translate(100px,-50%); -ms-transform: translate(100px,-50%); transform: translate(100px,-50%); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-owlcarousel.single .owl-item.active .caption { -webkit-transform: translate(0px,-50%); -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ozy-owlcarousel.single .owl-item .caption a.generic-button, .ozy-owlcarousel.single .owl-item .caption a.frame { display:inline-block; margin-top:10px; border:2px solid #ffffff; padding:6px 14px; text-decoration:none; } .ozy-owlcarousel.single .owl-item .caption a.generic-button { border:none !important; } .ozy-owlcarousel.single .owl-buttons .owl-prev, .ozy-owlcarousel.single .owl-buttons .owl-next { position: absolute; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; top:0; height:100%; left:0; width:100px; height:100%; text-align:center; line-height:64px; font-size:64px; background-color:transparent !important; padding:0 !important; margin:0 !important; } .ozy-owlcarousel.single .owl-buttons .owl-prev i, .ozy-owlcarousel.single .owl-buttons .owl-next i { display:block; position:absolute; width:100%; text-align:center; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ozy-owlcarousel.single .owl-buttons .owl-next { left:inherit; right:0; } .ozy-owlcarousel.single .owl-controls { text-align: center; margin-top: -28px; } .ozy-owlcarousel.single .owl-pagination { position: relative; bottom: 40px; background: rgba(255, 255, 255, 0.2); height: 10px; display: inline-block; } @media only screen and (max-width: 1200px) { .ozy-owlcarousel.single .owl-pagination {bottom: 40px; } } @media only screen and (max-width: 760px) { .ozy-owlcarousel.single .owl-pagination { bottom: 20px; } } .ozy-owlcarousel.single .owl-pagination .progressbar { position: absolute; top: 0; bottom: 0; left: 5px; max-width: 97%; width: 0px; background: white; z-index: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; } .ozy-owlcarousel.single .owl-pagination .owl-page { display: inline-block; z-index: 10; position: relative; width: 20px; height: 20px; background: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin-left: 80px; top:-5px; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } .ozy-owlcarousel.single .owl-controls .owl-page span { width: 10px !important; height: 10px !important; } @media only screen and (max-width: 1200px) { .ozy-owlcarousel.single .owl-pagination .owl-page { margin-left: 40px; } } .ozy-owlcarousel.single .owl-pagination .owl-page:after { content: ''; display: block; position: absolute; top: -1px; left: -1px; width: 22px; height: 22px; background: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 9px solid white; transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; } .ozy-owlcarousel.single .owl-pagination .owl-page.active:after { border-width: 6px; } .ozy-owlcarousel.single .owl-pagination .owl-page:first-child { margin-left: 0; } /*Owl Testimonial Box*/ .ozy-owlcarousel .item.item-extended.testimonial { border-radius:4px; margin:0 10px; } .ozy-owlcarousel .item.item-extended.testimonial>div>a {text-decoration:none;} .ozy-owlcarousel .item.item-extended.testimonial>div>a>img {float:left;} .ozy-owlcarousel .item.item-extended.testimonial>div>a>div { position:absolute; background-color:#000; background-color:rgba(0,0,0,.8); color:#fff; } .ozy-owlcarousel .item.item-extended.testimonial>div>a { display:block; min-height:400px; text-decoration:none; background-size:cover; background-repeat:no-repeat; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one { /*bottom:100%;*/ bottom:80px; opacity:0; border-top-left-radius:4px; border-top-right-radius:4px; padding:36px; text-align:center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1, .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 { position:absolute; font-size:18px !important; opacity:.5; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1 { left:15px; top:15px; -webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1); } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 { right:15px; bottom:15px; -webkit-transform: rotate(-180deg) scaleX(-1); -moz-transform: rotate(-180deg) scaleX(-1); -o-transform: rotate(-180deg) scaleX(-1); -ms-transform: rotate(-180deg) scaleX(-1); transform: rotate(-180deg) scaleX(-1); } .ozy-owlcarousel .item.item-extended.testimonial:hover>div>a>div.one { opacity:1; bottom:100px; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two { bottom:0; height:100px; padding:15px; width:100%; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span { position:absolute; top:50%; width:62%; transform: translate(15px, -50%); -webkit-transform: translate(15px, -50%); -ms-transform: translate(15px, -50%); font-size:90%; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span>br{margin:0 !important;} .ozy-owlcarousel .item.item-extended.testimonial>div>a .profile-pic { float:left; width:70px; height:70px; border-radius:4px; } /*Owl WooCommerce Carousel*/ .ozy-owlcarousel.woocommerce-carousel .item-extended figure {position:relative;} .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); opacity:0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } .ozy-owlcarousel.woocommerce-carousel .item-extended:hover div.overlay { opacity:1; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.info { text-align:center; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div { position:absolute; width:50%; height:110px; top:50%; left:50%; margin-left:-25%; margin-top:-60px; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a { display:inline-block; width:100%; line-height:50px; text-align:center; font-size:12px; text-decoration:none; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button { background-color:#fff !important; color:#000 !important; margin-bottom:10px; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details { background-color:#000 !important; color:#fff !important; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button:hover {background-color:rgba(255,255,255,0.7) !important;} .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details:hover {background-color:rgba(0,0,0,0.7) !important;} /** * Morph Text */ .morphext > span {display: none;} .morphext > .animated {display: inline-block;} .ozy-tlt, .ozy-text-rotate {overflow: hidden;} /** * Master Slider */ .ms-moz .ms-slide-bgcont>img { transform: translateX(0px); }/*firefox fix for 2.9.9*/ .ms-tabs .ms-thumb>h2{line-height:inherit !important;} .master-slider div:not(.ms-tooltip), .master-slider img { max-width: none !important; } .master-slider a { -webkit-transition: none !important; -moz-transition : none !important; transition: none !important; } .wpb_row .master-slider-parent * { /*fix for non fittin sliders like iPhone slider*/ -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .ms-skin-black-1 .ms-tooltip-point .ms-point-center{margin: -6px 0 0 -6px !important;} .ms-tooltip-point .ms-point-center{border-color:#FF0004 !important;background-color:#CC0003 !important;} .ms-skin-black-1 .ms-tabs .ms-thumb-frame { background-color: #2c2c2c; text-shadow: none !important; color: #fff; border: solid 1px #000; } .ms-skin-black-1 .ms-tabs .ms-thumb-frame-selected {background: #000 !important;} .ms-skin-black-1 .ms-thumb-ol {border-bottom-color:#000 !important;} .page-template-page-masterslider-full-php #main { display: block !important; width: 100% !important; height: 100% !important; } .page-template-page-masterslider-full-php #main>.container { width: 100% !important; height: 100% !important; overflow: hidden !important; } .master-slider-parent { padding-bottom:0 !important; } div.ms-thumbs-cont { max-width: none !important; } /** * Mail Chimp */ .mc_custom_border_hdr, .mc_var_label.mc_header.mc_header_email, .mergeRow{display:none !important;} .mc_form_inside{position: relative;} .mc_merge_var{width: 100%;padding-right: 86px;} .mc_signup_submit{ min-width: 140px; position: absolute; right: 0; padding: 0; text-align: right; bottom: 0; } .mc_signup_submit>input{ padding:12px 10px; } #footer-wrapper #mc_signup_form .mc_input { border-top-right-radius:0!important; border-bottom-right-radius:0!important; } #footer-wrapper #mc_signup_submit { border-top-left-radius:0!important; border-bottom-left-radius:0!important; } /*#mc_signup_submit{margin-top:1.4em !important;}*/ @-moz-document url-prefix() { #mc_signup_submit{height:49px;} } /** * Mail Chimp Widget */ form.ns_widget_mailchimp_form{ position: relative; padding-bottom: 20px; } .ns_widget_mailchimp_email_input_wrapper, .ns_widget_mailchimp_form > p { position: relative; padding: 0; } form.ns_widget_mailchimp_form input[type=email] { background-color:transparent !important; } form.ns_widget_mailchimp_form input.button, form.ns_widget_mailchimp_form input.button:focus { position: absolute !important; left: auto !important; height: 100% !important; top: 0 !important; right: 0 !important; padding-left: 15px !important; padding-right: 15px !important; border-radius: 30px !important; } form.ns_widget_mailchimp_form label{display: none !important;} /** * Grid Gallery Page Template */ .ozy-grid-gallery { width: 100%; height: auto; } .ozy-grid-gallery>ul { padding:0 !important; } .ozy-grid-gallery li { width: 25%; position: relative; float: left; overflow: hidden; } .ozy-grid-gallery .transform { -webkit-transition: all .25s cubic-bezier(.2, .31, .36, 1); -moz-transition: all .25s cubic-bezier(.2, .31, .36, 1); -o-transition: all .25s cubic-bezier(.2, .31, .36, 1); transition: all .25s cubic-bezier(.2, .31, .36, 1); } .ozy-grid-gallery span { width: 100%; height: 100%; display: block; } .ozy-grid-gallery img { position: relative; /*width: auto\9;*/ width: 100%; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .ozy-grid-gallery .info { width: 100%; height: 100%; position: absolute; z-index: 10; background: #000; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); } .ozy-grid-gallery .info h3 {color:#fff !important;} .ozy-grid-gallery .title { font-weight: bold; font-size: 20px; color: rgb(43, 43, 43); position: relative; top: 45%; } .page-template-page-grid-gallery-php #main>.container { padding:0 !important; } .page-template-page-grid-gallery-php #main>.container>#content { max-width:100% !important; width:100% !important; padding:0 !important; } /** * 404 & Countdown Template */ body.page-template-page-countdown-php #ozycounter, body.error404 #error404 { padding-top: 60px; position: relative; z-index: 1; } body.page-template-page-countdown-php #ozycounter h1, body.page-template-page-countdown-php #ozycounter p, body.error404 #error404 h1, body.error404 #error404 p { color: #fff !important; text-align: center; } body.error404 #error404 input { margin-top: 60px; width: 100%; } /*body.error404 #error404 .wp-search-form i.oic-zoom {top: 83px;}*/ body.error404 #error404 .wp-search-form {margin-top:35px;} body.page-template-page-countdown-php #canvas, body.error404 #canvas { display: block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; } body.page-template-page-countdown-php .post-content { margin-top:30px !important; text-align:center; } body.page-template-page-countdown-php #ozycounter #counter { margin-top:30px; display:inline-block; } body.page-template-page-countdown-php #ozycounter .desc>div { width:25%; text-align:center; float:left; } body.page-template-page-countdown-php #ozycounter #counter .cntSeparator { font-size:32px; font-weight:700; color:#fff; margin:0 10px; line-height:71px; } body.page-template-page-countdown-php #trees, body.error404 #trees { position:absolute; bottom:0; left:0; width:100%; height:457px; background:url(images/assets/trees2.png) no-repeat bottom center; background-size:cover; } /** * Misc Page Templates */ body.error404, body.page-template-page-countdown-php, body.page-template-page-masterslider-full-php { padding: 0 !important; margin: 0 !important; } body.error404 #main, body.page-template-page-countdown-php #main, .page-template-page-masterslider-full-php #main { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate(0, 0); -ms-transition: -ms-transform 0.28s ease-in-out; -moz-transition: -moz-transform 0.28s ease-in-out; -webkit-transition: -webkit-transform 0.28s ease-in-out; transition: transform 0.28s ease-in-out; position: relative; } /** * Anything Wrapper 2 */ .ozy-anything-wrapper-x .parallax-wrapper {max-width:100% !important;} .ozy-anything-wrapper-x.v-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .ozy-anything-wrapper-x.v-bottom { position: absolute; top:inherit; bottom:0; } .ozy-anything-wrapper-x.h-center { position: absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .ozy-anything-wrapper-x.h-right { position: absolute; right:0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } .ozy-anything-wrapper-x.v-center.h-center { transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } .ozy-anything-wrapper-x.v-center.h-right { transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); } /** * Flip Box */ /* simple */ .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; max-width: inherit !important; } .flip-container p>br {margin-bottom: 1em !important;} /* START: Accommodating for IE */ .flip-container:hover .back,.flip-container.hover .back {-webkit-transform:rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);} .flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);} /* END: Accommodating for IE */ .flip-container, .flip-container .front,.flip-container .back {width:100%;height:100%;/*border-radius:2px;*/} .flip-container .front h3,.flip-container .front p, .flip-container .back h3, .flip-container .back p {text-align: center;} .flip-container .front i,.flip-container .back i {display: block;font-size: 48px;line-height: 48px;text-align: center;margin: 20px 0;} .flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-ms-transition: 0.6s;-moz-transition: 0.6s;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;display: block;position: relative;height: 100%;} .flip-container .front,.flip-container .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;-ms-transition: 0.6s;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;display: block;position: absolute;top: 0;left: 0;padding: 36px;background-repeat: no-repeat;background-position: center center;} .flip-container .front{-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);z-index: 2;} .flip-container .back{-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);} /* vertical */ .vertical.flip-container{position: relative;} .vertical .back{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);transform: rotateX(180deg);} .vertical.flip-container .flipper{-webkit-transform-origin: 100% 213.5px;-moz-transform-origin: 100% 213.5px;-ms-transform-origin: 100% 213.5px;transform-origin: 100% 213.5px;} /* START: Accommodating for IE */ .vertical.flip-container:hover .back,.vertical.flip-container.hover .back{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);} .vertical.flip-container:hover .front,.vertical.flip-container.hover .front{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);} /* END: Accommodating for IE */ /** * Horizontal Menu Stuff */ #header, #head-mobile { width: 100%; z-index: 3; position:fixed; top:0; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05); } body.ozy-page-model-boxed #header { max-width:1212px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } #header #slide-menu { float: right; position: absolute; right: 0; top: 0; z-index: 999; -webkit-transition: background .2s; transition: background .2s; } #header .container { margin:0 auto; padding: 0 36px; overflow: inherit !important; } #header>header>div.container{position:relative;} #top-search { position: relative; background-color: #444444 !important; width:100%; z-index:-10; opacity:0; top:0; left:0; -webkit-transition:opacity .25s linear; -moz-transition:opacity .25s linear; transition:opacity .25s linear } .search-input-unfold { width:100%; height:0; display:block; overflow:hidden; position:relative; -webkit-transition:height .25s .2s; -moz-transition:height .25s .2s; transition:height .25s .2s; -webkit-perspective:1600; -moz-perspective:1600; perspective:1600px } .search-input-unfold form { background-color:#fff; height:120px; position:relative; -webkit-transform:rotateX(-100deg); -moz-transform:rotateX(-100deg); -ms-transform:rotateX(-100deg); -o-transform:rotateX(-100deg); transform:rotateX(-100deg); -webkit-transform-origin:top center; -moz-transform-origin:top center; -ms-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-transition:all .25s linear; -moz-transition:all .25s linear; transition:all .25s linear } .search-input-unfold.open { height:120px; -webkit-transition-delay:0; -moz-transition-delay:0; transition-delay:0; } .search-input-unfold.open form { -webkit-transform:rotateX(0); -moz-transform:rotateX(0); -ms-transform:rotateX(0); -o-transform:rotateX(0); transform:rotateX(0); -webkit-transition-delay:.2s; -moz-transition-delay:.2s; transition-delay:.2s; border-bottom:1px inset rgba(0,0,0,0.2); } #top-search.open { opacity:1; z-index:10 } #top-search>form>* {color:#444444 !important;} #top-search>form>input[type=text]{ border:none !important; background-color: transparent !important; width:100%; font-size:60px; line-height:80px; padding-top:20px !important; padding-left:100px !important; padding-right:100px !important; } #top-search i { font-size:60px !important; width:60px !important; height:60px !important; margin-top:-30px !important; } #top-search i.oic-pe-icon-7-stroke-24 {left:20px;} #top-search i.oic-pe-icon-7-stroke-139 {right:20px;} /** * Info Bar */ #info-bar{ width:100%; background-color:#000; height:42px; color:#fff; font-size:12px; } #info-bar i { font-size:18px; line-height:42px; } #info-bar>div>span {vertical-align:super;} #info-bar>div { width:100%; padding:9px 30px; } /** * WPML language switcher */ div.ozy-selectBox {border:1px solid rgba(255, 255, 255, .5);border-radius:20px;padding:0 10px;} div.ozy-selectBox>i { font-size: 12px !important; line-height: 16px !important; padding-right: 10px !important; vertical-align: sub; } div.ozy-selectBox {position:relative;display:inline-block;cursor:default;text-align:left;line-height:22px;clear:both;color:#fff;} span.ozy-selected {width:110px;padding-right:10px;overflow:hidden;vertical-align:middle;} span.ozy-selected>a{text-decoration:none !important;display:inline-block;} span.ozy-selectArrow {width:10px;text-align:center;font-size:10px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} span.ozy-selectArrow,span.ozy-selected {position:relative;z-index:1;} div.ozy-selectOptions { position:absolute;left:0;top:30px;width:168px;display:none;z-index:1000; padding:10px 0; -webkit-box-shadow: 0px 7px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 5px 3px rgba(0,0,0,0.1); box-shadow: 0px 7px 5px 3px rgba(0,0,0,0.1); } span.ozy-selectOption {display:block;width:168px;line-height:20px;padding:5px 10px;} span.ozy-selectOption>a {transition:none !important;text-decoration:none !important;display:inline-block;width:100%;} span.ozy-selectOption:hover {} #info-bar div.top-social-icons>a { border:none !important; line-height: 24px !important; } div.ozy-selectOptions:before { content: ""; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid red; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -12px; left: 20px; } div[class^="top-info-line-"] { display:none; vertical-align: top; height: 22px; line-height: 22px; margin-top: 2px; } div[class^="top-info-line-"]>span { line-height:22px; vertical-align:inherit; } div[class^="top-info-line-"]>span>i { padding-left:30px; padding-right:10px; line-height:inherit !important; font-size:inherit !important; } div[class="top-info-line-1"]{ display:inline-block; } #info-bar.left div.ozy-selectBox, #info-bar.left div[class^="top-info-line-"] { float:right; } #info-bar.left div[class^="top-info-line-"] { padding-right:30px; } #info-bar.left div.top-social-icons { float:left; } @media only screen and (max-width: 1023px) { #info-bar{display:none;} } @media only screen and (max-width: 1024px) { #info-bar div.top-social-icons {display:none;} } /** * Post List With Title */ .ozy-postlistwithtitle-feed>a { display:inline-block; width:100%; border-bottom:1px solid #dedede; text-decoration:none; text-align: center; padding: 20px 0; } .ozy-postlistwithtitle-feed>a:first-child{border-top:1px solid #dedede;} .ozy-postlistwithtitle-feed>a>p:nth-child(odd){text-transform:uppercase;} .ozy-postlistwithtitle-feed>a:hover * { -webkit-transition: all .2s; transition: all .2s; } /** * Simple Info Box */ .ozy-simlple-info-box { position:relative; background-size:cover !important; border-radius:4px; transform-origin:top center; -webkit-transition:all .10s ease-in-out; -moz-transition:all .10s ease-in-out; transition:all .10s ease-in-out; margin-left:10px; margin-right:10px; } .ozy-simlple-info-box:hover { margin-top:-20px; } .ozy-simlple-info-box>section { width:100%; height:100%; /*padding:10px 30px 20px 30px;*//*v3.0*/ padding:10px 30px 80px 30px;/*v3.1*/ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:4px; } .ozy-simlple-info-box>section>a { position:absolute; /*v3.1*/ bottom:20px; /*v3.1*/ display:inline-block; border:1px solid #fff; padding:6px 18px; font-size:11px !important; /*margin-top:20px;*/ /*v3.0*/ border-radius:220px; text-decoration:none; } .ozy-simlple-info-box h1, .ozy-simlple-info-box h2, .ozy-simlple-info-box h3, .ozy-simlple-info-box h4, .ozy-simlple-info-box h5, .ozy-simlple-info-box h6 { line-height:1.1em !important; } /** * Fancybox */ .fancybox-inner img{max-width:100%;} .fancybox-inner img.block{display:block;} /** * Simple Hove Image Box */ .ozy-simple-hove-box>h5 { position:relative; padding-left:30px; margin-bottom:10px; } .ozy-simple-hove-box>h5>span.cbox{ width:18px; height:18px; display:block; position:absolute; top:50%; left:0; margin-top:-9px; } .ozy-simple-hove-box>a { position:relative; display:block; } .ozy-simple-hove-box>a>img { display:block; max-width:100%; } .ozy-simple-hove-box>a>section { position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; -webkit-transition: all .2s; transition: all .2s; } .ozy-simple-hove-box>a>section>p { padding:20px; text-align:center; } .ozy-simple-hove-box>a:hover>section { opacity:1; } /** * Row Background Slider */ #ozy-background-cycler{ padding:0; margin:0; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; display:none; } #ozy-background-cycler.centered { max-width:1140px; left:50%; transform:translateX(-50%); } #ozy-background-cycler>div{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-position:center center; background-size:cover; } #ozy-background-cycler>div.active{z-index:3} /** * Latest Blog Posts */ ul.blog-listing-latest { list-style-type:none !important;padding-left:0 !important;display:inline-block;} ul.blog-listing-latest>li{ float:left; clear:both; margin-bottom:20px; } ul.blog-listing-latest>li h4{line-height:1em !important;} ul.blog-listing-latest>li div.box-date{background-color:#000;float:left;margin:0 20px 20px 0;min-height:60px;width:50px} ul.blog-listing-latest>li div.box-date>span{display:block;text-align:center} ul.blog-listing-latest>li div.box-date>span.d{background-color:#666;font-size:22px;font-weight:700;line-height:40px} ul.blog-listing-latest>li div.box-date>span.m{font-size:12px;text-transform:uppercase} ul.blog-listing-latest>li div.info-bar{font-size:90%} ul.blog-listing-latest>li div.box-wrapper{margin-left:70px} /** * Spinner List */ .ozy-spinner-list>ul { padding:0 !important; } .ozy-spinner-list>ul>li { list-style:none; } .ozy-spinner-list>ul>li>div { position: relative; margin:0 auto; padding:0 36px; -webkit-transition: all .2s; transition: all .2s; } .ozy-spinner-list>ul>li>div>a { display:inline-block; font-size:30px; text-decoration:none !important; width:100%; padding:60px 0; } .ozy-spinner-list>ul>li>div:hover { padding-left:76px; } .ozy-spinner-list>ul>li>div>a>span { display:block; font-size:11px; font-style:italic; padding-top:10px; } /** * News Bar */ .ozy-news-bar>ul { padding:0 !important; } .ozy-news-bar>ul>li { list-style:none; float:left; width:25%; padding-right:36px; } .ozy-news-bar>ul>li:first-child { padding-left:36px; } .ozy-news-bar>ul>li>h1 { margin:0 0 10px 0 !important; line-height:1em !important; } .ozy-news-bar>ul>li a { font-weight:700; } .ozy-news-bar>ul>li:first-child>h1 { font-size:68px !important; font-weight:700 !important; } .ozy-news-bar>ul>li:first-child>h2 { font-size:34px !important; font-weight:700 !important; } .ozy-news-bar>ul>li:first-child>a { display:inline-block; padding:6px 2px 6px 18px; border-radius:22px; margin-top:10px; font-weight:500 !important; text-decoration:none !important; } .ozy-news-bar>ul>li:first-child>a>i { padding-left:20px !important; font-size:24px !important; vertical-align: middle; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } .ozy-news-bar>ul>li:first-child>a:hover>i{padding-left:30px !important;} /** * Fancy Post Accordion */ .ozy-fancyaccordion-feed>a { display:inline-block; width:100%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-top:-1px; text-decoration:none; } .ozy-fancyaccordion-feed>a:first-child {margin-top:1px;} .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span { position: relative; display:block; margin:0 auto; max-width:1140px; } .ozy-fancyaccordion-feed>a>span>h3 {padding:10px 0;} .ozy-fancyaccordion-feed>a>span>h3.t { margin-left:180px; display:inline-block; } .ozy-fancyaccordion-feed>a>span>div.d { position:absolute; display:block; float:left; width:160px; height:100%; padding:10px 0; border-right:1px solid #dedede; } .ozy-fancyaccordion-feed>a>span>h3.i { display:block; width:32px; font-size:42px !important; font-weight:300 !important; margin:30px 0 0 0 !important; float:right; text-align:center; line-height:0 !important; } .ozy-fancyaccordion-feed>a>span>i { display:block; float:right; font-size:32px; text-align:center; } .ozy-fancyaccordion-feed>a>p:nth-child(odd) {text-transform:uppercase;} .ozy-fancyaccordion-feed>div.panel { overflow:hidden; display:none; } .ozy-fancyaccordion-feed>div.panel>div { margin-left:159px; border-left:1px solid #dedede; padding:20px 0 20px 20px; } span.plus-icon { display:block; width:32px; height:32px; top:50%; right:0; margin-top:-16px; position:absolute;; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; animation-duration: 1s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in-out; animation-fill-mode: both; } span.plus-icon>span { position:absolute; background-color:#000; width:32px; height:32px; } span.plus-icon>.v { width:4px; left:50%; margin-left:-2px; } span.plus-icon>.h { height:4px; top:50%; margin-top:-2px; } .ozy-fancyaccordion-feed span.category { position: relative; margin-left:20px; padding:3px 5px; font-size:12px !important; top: -4px; } span.plus-icon.open {-webkit-animation-name: plusToClose;-moz-animation-name: plusToClose;animation-name: plusToClose;} span.plus-icon.close {-webkit-animation-name: closeToPlus;-moz-animation-name: closeToPlus;animation-name: closeToPlus;} @-webkit-keyframes plusToClose {100% {transform: rotate(405deg);}} @-webkit-keyframes closeToPlus {0% {transform: rotate(405deg);}100% {transform: rotate(0deg);}} @-moz-keyframes plusToClose {100% {transform: rotate(405deg);}} @-moz-keyframes closeToPlus {0% {transform: rotate(405deg);}100% {transform: rotate(0deg);}} @keyframes plusToClose {100% {transform: rotate(405deg);}} @keyframes closeToPlus {0% {transform: rotate(405deg);}100% {transform: rotate(0deg);}} /** * Colored Content Box */ .ozy-colored-content-box>section {text-align:center;} .ozy-colored-content-box img {max-width:100%;} .ozy-colored-content-box>section.overlay { position:absolute; width:100%; height:80px; bottom:0; left:0; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } .ozy-colored-content-box:hover>section.overlay { bottom:100%; opacity:0; } .ozy-colored-content-box>section>span.caption:after { content: ""; display: table; clear:both; } .ozy-colored-content-box>section>span.tag { display:block; font-size:12px; } .ozy-colored-content-box>section>span.caption { padding:6px 10px; margin-bottom: 10px; display:inline-block !important; } .ozy-colored-content-box:hover>section.overlay-two { top:0; margin-top:0; } .ozy-colored-content-box>section.overlay-two { position:absolute; width:100%; height:100%; top:100%; margin-top:-6px; z-index:1; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } /** * Image Box With Caption */ .ozy-image-with-caption section {padding:30px;} .ozy-image-with-caption section span.tag{ display:inline-block; margin-top: 5px; margin-bottom: 5px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .ozy-image-with-caption figure { overflow:hidden; position:relative; } .ozy-image-with-caption figure>span { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0; -webkit-transition: all .2s; transition: all .2s; } .ozy-image-with-caption:hover figure>span {opacity:1;} .ozy-image-with-caption figure>span>i { font-size:128px; line-height:128px; width:128px; height:128px; position:absolute; top:50%; margin-top:-64px; left:50%; margin-left:-64px; } .ozy-image-with-caption-wrapper.column-2>a, .ozy-image-with-caption-wrapper.column-3>a, .ozy-image-with-caption-wrapper.column-4>a {float:left;} .ozy-image-with-caption-wrapper.column-4>a {width:25%;} .ozy-image-with-caption-wrapper.column-1>a {width:100%;} .ozy-image-with-caption-wrapper.column-2>a {width:50%;} .ozy-image-with-caption-wrapper.column-3>a {width:33.333%;} @media only screen and (max-width: 920px) { .ozy-image-with-caption-wrapper.column-4>a, .ozy-image-with-caption-wrapper.column-2>a, .ozy-image-with-caption-wrapper.column-3>a {width:50%;} } @media only screen and (max-width: 479px) { .ozy-image-with-caption-wrapper.column-4>a, .ozy-image-with-caption-wrapper.column-2>a, .ozy-image-with-caption-wrapper.column-3>a {width:100%;} } /** * Fancy Image Box */ .ozy-colored-content-box, .ozy-image-with-caption, .ozy-fancyimagebox { position: relative; overflow:hidden; display:block; text-decoration:none !important; } .ozy-colored-content-box img, .ozy-image-with-caption img, .ozy-fancyimagebox img { position:relative; display:block; } .ozy-fancyimagebox>section { position:absolute; width:100%; height:100%; top:0; left:0; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .ozy-fancyimagebox>section>section { position:absolute; bottom:0; width:100%; padding-bottom:40px; text-align:center; } .ozy-fancyimagebox>section>section>span.tag { display:inline-block; padding:3px 9px; border:1px solid red; font-size:80%; background-color:rgba(0,0,0,0.40); } .ozy-fancyimagebox>section>section>span.line { width:50px; height:1px; display:inline-block; border-bottom:1px solid red; } /** * Timeline */ .ozy-timeline-wrapper { position: relative; padding-top: 40px; } .ozy-timeline-wrapper>.timeline-caption { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; font-weight: 300 !important; } .ozy-timeline-wrapper>.timeline-caption>span { padding: 10px 15px; border-radius: 2px; background-color: #222222; color: #fff; } .timeline { list-style: none; padding: 20px 0 20px 0 !important; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 55px; font-size: 1.5em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-title{margin-top: 0;color:inherit;} .timeline-body > p,.timeline-body > ul{margin-bottom: 0;} .timeline-body > p + p{margin-top: 5px;} @media (max-width: 767px) { ul.timeline:before{left: 40px;} ul.timeline > li > .timeline-panel{width: calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);} ul.timeline > li > .timeline-badge{left:15px;margin-left: 0;top: 16px;} ul.timeline > li > .timeline-panel{float: right;} ul.timeline > li > .timeline-panel:before{border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;} ul.timeline > li > .timeline-panel:after{border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;} } /** * Knockout Text */ .ozy-knockout-text { background-blend-mode: exclusion; background-position: center center; } .ozy-knockout-text>div { mix-blend-mode: screen; text-align: center; background-color: white; margin: 0px; } .ozy-knockout-text>div h2.masked-text { color: black; font-weight:900 !important; } /** * Wide Call to Action */ .ozy-wide-call-to-action { max-height:160px; height:160px; overflow:hidden; position:relative; } .ozy-wide-call-to-action>div.gradient { position:absolute; width: 770px; top: -168px; height: 589px; transform:rotate(-20deg); } .ozy-wide-call-to-action>div.gradient>div { position:absolute; height:115px; font-size:40px; right:150px; top: 230px; transform: rotate(20deg); } .ozy-wide-call-to-action>div.gradient>div>h3 { font-size:30px !important; margin:0 !important; line-height: 1.2em !important; } .ozy-wide-call-to-action>div.bar { height:115px; width:100%; background-color:#000; position:absolute; bottom:0; left:0; } .ozy-wide-call-to-action>div.bar>div { float:right; width:50%; height:115px; } .ozy-wide-call-to-action>div.bar>div>i { font-size:70px; font-weight:100; line-height:115px; } .ozy-wide-call-to-action>div.bar>div>div { position:relative; display:inline-block; width:30%; height:115px; vertical-align:bottom; } .ozy-wide-call-to-action>div.bar>div>div>h5, .ozy-wide-call-to-action>div.bar>div>div>a { position:absolute; top:50%; transform:translateY(-50%); margin:0 !important; } .ozy-wide-call-to-action>div.bar>div>div>a { display:inline-block; padding: 0 17px; height: 44px; line-height: 44px; border-radius: 22px; text-decoration: none; white-space:nowrap !important; font-weight:700; left:50%; transform:translate(-50%, -50%); } .ozy-wide-call-to-action>div.bar>div>div>h5>br{margin:0!important;} @media screen and (max-width:1400px){ .ozy-wide-call-to-action>div.gradient { width: 500px; } .ozy-wide-call-to-action>div.gradient>div { top:190px; } .ozy-wide-call-to-action>div.bar>div>div{ width:42%; } } @media screen and (max-width:1100px){ .ozy-wide-call-to-action { max-height:inherit; height:inherit; } .ozy-wide-call-to-action>div { position:inherit !important; } .ozy-wide-call-to-action>div.gradient { top:inherit; left:inherit; width:100%; height:160px; transform:rotate(0deg); } .ozy-wide-call-to-action>div.bar>div { width:100%; float:none; padding:0 30px; } .ozy-wide-call-to-action>div.gradient>div { top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; } } @media screen and (max-width:479px){ .ozy-wide-call-to-action>div.bar>div>i/*, .ozy-wide-call-to-action>div.bar>div>div.part2*/ { display:none !important; } .ozy-wide-call-to-action>div.bar>div>div.part1, .ozy-wide-call-to-action>div.bar>div>div.part2 { height:auto; padding:20px 0; } .ozy-wide-call-to-action>div.bar>div>div.part1, .ozy-wide-call-to-action>div.bar>div>div.part1>*, .ozy-wide-call-to-action>div.bar>div>div.part2, .ozy-wide-call-to-action>div.bar>div>div.part2>* { width:100%; text-align:center; } .ozy-wide-call-to-action>div.gradient>div { width:100%; height:auto; } .ozy-wide-call-to-action>div.bar, .ozy-wide-call-to-action>div.bar>div { height:auto; } .ozy-wide-call-to-action>div.bar>div>div>h5, .ozy-wide-call-to-action>div.bar>div>div>a { position:inherit; transform:none; left:inherit; top:inherit; } } /** * Hover Card */ .ozy-hover-card { position:relative; transform:translateY(-75px); z-index: 1; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); } .ozy-hover-card>div { background-color:#fff; -webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */ /*-webkit-box-shadow: 0px 4px 5px 6px rgba(0,0,0,0.02); -moz-box-shadow: 0px 4px 5px 6px rgba(0,0,0,0.02); box-shadow: 0px 4px 5px 6px rgba(0,0,0,0.02); */ } .ozy-hover-card>div.f { position:absolute; bottom:-20px; opacity:0; z-index:999; } .ozy-hover-card:hover>div.f { bottom:0; opacity:1; padding-bottom:20px; } .ozy-hover-card:hover>div.f a { display:inline-block; padding-top:10px; font-weight:700; text-decoration:none; } .ozy-hover-card>div.f a>span { font-size:11px !important; } .ozy-hover-card:hover>div.f a:hover>span { border-bottom:2px solid #000; } .ozy-hover-card:hover>div.s { /*transform:translateY(100%);*/ transform:translateY(0); opacity:0; } .ozy-hover-card>div.s { -webkit-transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */ z-index:998; } .ozy-hover-card>div>div>h3 { margin:0 !important; font-weight:700 !important; } .ozy-hover-card>div>div { padding:15px 20px; } .ozy-hover-card>div>div>i { font-size:72px !important; } @media screen and (max-width:479px){ .ozy-hover-card { margin:10px 0; transform:none; } .ozy-hover-card>div.f { position:relative; opacity:1; } .ozy-hover-card>div.s { display:none; } } /** * Service Box */ .ozy-service-box { display:inline-block; padding:20px 30px 0 30px; text-align:center; text-decoration:none !important; border:1px solid #dedede; background-color:#fff; } .ozy-service-box>i { display:inline-block; width:100%; font-size:80px; transition:all 200ms linear; } .ozy-service-box>i.s { font-size:64px; } .ozy-service-box>span { display:inherit !important; padding: 20px 0 0 0; font-size:115%; font-weight:700 !important; transition:all 200ms linear; } /** * Primary Menu */ @media screen and (min-width:1120px){ body.classic-menu #top-menu .menu-item-wpml>a, body.classic-menu #top-menu .menu-item-search>a {padding-right:0 !important;} body.classic-menu #top-menu .menu-item-wpml>a {padding-right:17px !important;} body.classic-menu #top-menu .menu-item-wpml>ul{width:140px !important;} body.classic-menu #top-menu .menu-item-wpml>ul>li>a {min-width:140px !important;} body.classic-menu #top-menu .menu-item-wpml>a:before, body.classic-menu #top-menu .menu-item-wpml>a:after {display:none !important;} body.classic-menu #top-menu .menu-item-wpml>a>span, body.classic-menu #top-menu .menu-item-search>a>span { width:44px; height:44px; border:1px solid red; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; text-align: center; } body.classic-menu #top-menu .menu-item-wpml>a>span>span, body.classic-menu #top-menu .menu-item-search>a>span>span {display:none;} body.classic-menu #top-menu .menu-item-search>a>span {text-indent:4px;} body.classic-menu #top-menu .menu-item-search:last-child {margin-right:17px;} body.classic-menu #top-menu.left .logo { left:inherit; right:0; } body.classic-menu #top-menu.left>ul {float:left;} body.classic-menu #top-menu.left .menu-item-wpml:first-child>a { margin-left:17px; padding-right:0 !important; } } /*logistic logo click mobile menu fix*/ @media screen and (max-width: 1120px) { body.classic-menu #top-menu #head-mobile { z-index:998 !important; } #top-menu, #top-menu .logo { z-index:999 !important; } } /*clickable mobile menu*/ @media screen and (max-width: 1024px) { body.classic-menu #top-menu .logo { z-index:999; /*width:70%; margin-left:15%*/ width: 100%; } } #top-menu .logo{ padding:0 36px; position:absolute; left:0; top:0; z-index: 999; } #top-menu .logo #logo { z-index:999; } #top-menu .logo>a>img {vertical-align:middle;} nav#top-menu{ position:relative; width:100%; } body.classic-menu #top-menu > ul { display:inline-block; float:right; margin-right:19px; position:absolute; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } body.classic-menu #top-menu, body.classic-menu #top-menu ul, body.classic-menu #top-menu ul li, body.classic-menu #top-menu ul li a, body.classic-menu #top-menu #head-mobile{ border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body.classic-menu #top-menu ul ul ul{z-index:1} body.classic-menu #top-menu ul li a>img { margin-right: 5px; vertical-align: bottom; } body.classic-menu #top-menu:after, body.classic-menu #top-menu > ul:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } body.classic-menu #top-menu #head-mobile{display:none} body.classic-menu #top-menu > ul > li{float:left} body.classic-menu #top-menu > ul > li > a{ padding:0 17px; font-size:12px; letter-spacing:1px; text-decoration:none; color:#ddd; font-weight:700; } body.classic-menu #top-menu > ul > li.has-sub > a{padding-right:30px} body.classic-menu #top-menu > ul > li.has-sub > a:after{ position:absolute; top:50%; margin-top:-1px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''; } body.classic-menu #top-menu > ul > li.has-sub > a:before{ position:absolute; /*top:19px;*/ top:50%; margin-top:-4px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease; } body.classic-menu #top-menu > ul > li.has-sub:hover > a:before{ margin-top:0px; height:0; } body.classic-menu #top-menu ul ul{ position:absolute; left:-9999px; } body.classic-menu #top-menu ul ul li{ /*height:0;*/ height: auto; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; background:#333; transition:all .25s ease; } body.classic-menu #top-menu li:hover > ul{left:auto} body.classic-menu #top-menu li:hover > ul > li{min-height:35px;} body.classic-menu #top-menu ul ul ul{ margin-left:100%; top:0; } body.classic-menu #top-menu ul ul li a{ border-bottom:1px solid rgba(150,150,150,0.15); padding:11px 15px; min-width:200px; font-size:12px; text-decoration:none; color:#ddd; font-weight:500; } body.classic-menu #top-menu ul ul li:last-child > a, body.classic-menu #top-menu ul ul li.last-item > a{border-bottom:0} body.classic-menu #top-menu ul ul li.has-sub > a:after{ position:absolute; top:16px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''; } body.classic-menu #top-menu ul ul li.has-sub > a:before{ position:absolute; top:13px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease; } body.classic-menu #top-menu ul ul > li.has-sub:hover > a:before{top:17px;height:0} body.classic-menu #top-menu ul ul li.has-sub:hover, body.classic-menu #top-menu > ul ul{ box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); -webkit-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); } @media screen and (max-width:1280px){ body.classic-menu #top-menu>ul>li.has-sub>a:before, body.classic-menu #top-menu>ul>li.has-sub>a:after{display:none;} body.classic-menu #top-menu>ul>li>a{padding:0 8px !important;font-size:12px!important;} } @media screen and (max-width:1120px){ body.admin-bar #header{margin-top:0px;} #page-title-wrapper{margin-top:72px;}/*add margin to title as same as height of menu bar*/ .logo{ position:absolute; top:0; left: 0; width:100%; height:46px; text-align:center; float:none; } body.overlay-menu .logo{ text-align:inherit; } body.overlay-menu .menu-item-search { top: 14px !important; z-index:9997 !important; } body.overlay-menu .primary-menu-bar-wrapper button { top: 22px !important; z-index:9999 !important; } body.overlay-menu .primary-menu-bar-wrapper nav { z-index:9998 !important; } .logo>a>img { max-height:46px; width:inherit; } .logo2{display:none} nav#top-menu{width:100%;} #top-menu{width:100%} #top-menu, #top-menu .logo { line-height:72px !important; height:72px !important; } body.classic-menu #top-menu ul { width:100%; display:none; } body.classic-menu #top-menu > div { z-index: 1; } body.classic-menu #top-menu > ul{ display: inline-block !important; position: absolute; top: -100vh; height:inherit !important; line-height:inherit !important; margin-right: 0 !important; z-index: 0; transition: all .5s ease; } body.classic-menu #top-menu > ul.open { opacity: 1; top: 108px; } body.classic-menu #top-menu ul li{ width:100%; border-top:1px solid #444; } body.classic-menu #top-menu>ul>li:last-child {border-bottom:1px solid #444;} body.classic-menu #top-menu ul li:hover{background:#363636;} body.classic-menu #top-menu ul ul li, body.classic-menu #top-menu li:hover > ul > li{height:auto} body.classic-menu #top-menu ul li a, body.classic-menu #top-menu ul ul li a{ width:100%; border-bottom:0; } body.classic-menu #top-menu > ul > li{float:none} body.classic-menu #top-menu ul ul li a{padding-left:25px} body.classic-menu #top-menu ul ul ul li a{padding-left:35px} body.classic-menu #top-menu ul ul li a{background:none;} body.classic-menu #top-menu ul ul li:hover > a, body.classic-menu #top-menu ul ul, body.classic-menu #top-menu ul ul ul{ position:relative; left:0; width:100%; margin:0; text-align:left; } body.classic-menu #top-menu > ul > li.has-sub > a:after, body.classic-menu #top-menu > ul > li.has-sub > a:before, body.classic-menu #top-menu ul ul > li.has-sub > a:after, body.classic-menu #top-menu ul ul > li.has-sub > a:before{display:none} body.classic-menu #top-menu #head-mobile{ display:block; padding:23px; color:#ddd; font-size:12px; font-weight:700; } body.classic-menu #top-menu .menu-button{ width:55px; height:46px; position:absolute; right:0; top:14px; cursor:pointer; z-index: 12399994; } body.classic-menu #top-menu .menu-button:after{ position: absolute; top: 22px; right: 20px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } body.classic-menu #top-menu .menu-button:before{ -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; position:absolute; top:16px; right:20px; display:block; height:2px; width:20px; background:#ddd; content:''; } body.classic-menu #top-menu .menu-button.menu-opened:after{ -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; top:23px; border:0; height:2px; width:19px; background:#fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } body.classic-menu #top-menu .menu-button.menu-opened:before{ top:23px; background:#fff; width:19px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } body.classic-menu #top-menu .submenu-button{ position:absolute; z-index:99; right:0; top:0; display:block; border-left:1px solid #444; height:46px; width:46px; cursor:pointer; } body.classic-menu #top-menu .submenu-button.submenu-opened{background:#262626} body.classic-menu #top-menu ul ul .submenu-button{ height:34px; width:34px; } body.classic-menu #top-menu .submenu-button:after{ position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; content:''; } body.classic-menu #top-menu ul ul .submenu-button:after{ top:15px; right:13px; } body.classic-menu #top-menu .submenu-button:before{ position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; content:''; } body.classic-menu #top-menu ul ul .submenu-button:before{ top:12px; right:16px; } body.classic-menu #top-menu .submenu-button.submenu-opened:before{display:none} body.classic-menu #top-menu ul ul ul li.active a{border-left:none;} body.classic-menu #top-menu > ul > li.has-sub > ul > li.active > a, body.classic-menu #top-menu > ul ul > li.has-sub > ul > li.active > a{border-top:none} body.classic-menu #top-menu .menu-item-search>a>span>i, body.classic-menu #top-menu .menu-item-wpml>a>span>img {padding-right:5px;} #top-search>form>input[type=text] {font-size:16px;} #top-search i { font-size: 40px !important; margin-top: -22px !important; } } /** * Overlay Menu */ body.overlay-menu.open #top-menu .logo { z-index: 0; } body.overlay-menu .primary-menu-bar-wrapper ul { list-style: none; margin: 0; padding: 0; } body.overlay-menu .primary-menu-bar-wrapper button { background-color: transparent; position: absolute; z-index: 2; top: 45px; left:inherit; right:35px; border: none; width: 36px; height: 25px; outline: none; cursor:pointer; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; font-size:40px; } body.overlay-menu .primary-menu-bar-wrapper button.two { top:42px; } body.overlay-menu.open .primary-menu-bar-wrapper button.two {/*prevent double X appears when menu open*/ opacity:0; } body.overlay-menu .primary-menu-bar-wrapper button:before { content: ""; position: absolute; top: -15px; right: 0; bottom: 0; left: 0; margin: auto; /*right: auto;*/ width: 36px; height:4px; background: #fff; box-shadow: 0 0.25em 0 0 #fff, 0 0.5em 0 0 #fff; -webkit-transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out, background 0.2s ease-out, box-shadow 0.2s ease-out; transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out, background 0.2s ease-out, box-shadow 0.2s ease-out; } body.overlay-menu .primary-menu-bar-wrapper button:after { opacity: 0; content: '×'; color: white; position: absolute; top: 16px; left: -4px; font-family:initial; font-size: 76px; line-height: 0; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } body.overlay-menu .primary-menu-bar-wrapper button:active { -webkit-transform: translateY(2px); transform: translateY(2px); } body.overlay-menu .primary-menu-bar-wrapper button:hover {opacity: .5} body.overlay-menu.open .primary-menu-bar-wrapper button:before { opacity: 0; width: 0; } body.overlay-menu.open .primary-menu-bar-wrapper button:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(360deg); transform: translate3d(0, 0, 0) rotate(360deg); -webkit-transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out; transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; } body.overlay-menu .primary-menu-bar-wrapper nav { z-index: 1; position: fixed; top: -100%; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } body.overlay-menu .primary-menu-bar-wrapper nav:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0, 0, 0, 0.95); width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; -webkit-transform: scale(0.04), translateY(9999px); transform: scale(0.04), translateY(9999px); overflow: hidden; } body.overlay-menu.open .primary-menu-bar-wrapper nav {top: 0;} body.overlay-menu.open .primary-menu-bar-wrapper nav:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; } body.overlay-menu .primary-menu-bar-wrapper ul.menu { position: fixed; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; color: white; } body.overlay-menu .primary-menu-bar-wrapper ul.menu li { line-height:1.4em !important; opacity: 0; text-align: center; -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); } body.overlay-menu .primary-menu-bar-wrapper ul.menu>li {padding:2px 10px;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li li {padding:2px 5px;} body.overlay-menu .primary-menu-bar-wrapper ul.menu>li>a {letter-spacing:-2px;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li ul>li { font-size:20px; line-height:27px; } body.overlay-menu .primary-menu-bar-wrapper ul.menu li a {text-decoration:none;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li:not(.dropdown):before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; left: auto; background-color: white; height: 100%; width: 0; overflow: hidden; -webkit-transition: width 0.14s ease-out; transition: width 0.14s ease-out; } body.overlay-menu .primary-menu-bar-wrapper ul.menu li:not(.dropdown):hover:before { left: 0; right: auto; width: 100%; } body.overlay-menu.open .primary-menu-bar-wrapper ul.menu li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; } body.overlay-menu.open .primary-menu-bar-wrapper ul.menu li, body.overlay-menu.open .primary-menu-bar-wrapper #menu-social-icons, body.overlay-menu.open .primary-menu-bar-wrapper #top-search { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons { position:absolute; bottom:30px; left:50%; height:48px; opacity:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-transition: opacity 0.75s; transition: opacity 0.75s; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>div { line-height:1em !important; width:60px; height:2px; background-color:red; /*margin:0 auto 20px auto;*/ margin: 30px auto 0px auto; } body.overlay-menu.open .primary-menu-bar-wrapper #menu-social-icons {line-height:1em !important;opacity:1;text-align: center;} body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a { display: inline-block; text-align:center !important; text-decoration: none !important; overflow: hidden; width:30px; height:40px; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a>span { font-size: 23px !important; line-height: 46px !important; font-weight:300 !important; -webkit-transition: color .4s; transition: color .4s; } body.overlay-menu .primary-menu-bar-wrapper .menu li.dropdown>a:after { font-family:'ozythemes'; content:"\e442"; font-weight:100; font-size:30px; display:table-cell; position:absolute; /*top:8px;*/ top:0; right:-40px; } body.overlay-menu .primary-menu-bar-wrapper .menu li.open.dropdown>a:after {content:"\e50e";} body.overlay-menu .primary-menu-bar-wrapper .menu li>ul {margin:0 auto;} body.overlay-menu .primary-menu-bar-wrapper .menu li { display:table; margin:0 auto; } body.overlay-menu .primary-menu-bar-wrapper .menu>li, body.overlay-menu .primary-menu-bar-wrapper .menu>li>ul>li { width:auto !important; } body.overlay-menu .primary-menu-bar-wrapper .menu li>a {position:relative;} body.overlay-menu .menu-item-search { position:absolute; top:38px; right:100px; line-height:44px !important; } body.overlay-menu .menu-item-search>a { height: 44px; line-height: 44px; font-family: "Raleway"; font-weight: 900; font-size: 13px; } body.overlay-menu .menu-item-search>a>span { width:44px; height:44px; border:1px solid red; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; text-align: center; } body.overlay-menu #overlay-language-switcher { /*width:100%;*/ display:inline-block; } body.overlay-menu #overlay-language-switcher>li { float:left; } body.overlay-menu #overlay-language-switcher>li:not(:first-child):before { content: ' / '; display:inline-block; padding:0 10px; } @media only screen and (max-height: 800px) { body.overlay-menu .primary-menu-bar-wrapper ul.menu>li {font-size:22px !important;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li ul>li{font-size:16px !important;} body.overlay-menu .primary-menu-bar-wrapper .menu li.dropdown>a:after{ font-size:22px; top:3px; right:-30px; } body.overlay-menu.open .primary-menu-bar-wrapper #menu-social-icons{ width:100% !important; text-align:center !important; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>div{height:1px !important;} body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a{width:30px !important;} body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a>span { font-size: 26px !important; line-height: 26px !important; } } @-webkit-keyframes menu-animation { 0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0px); transform: scale(0.02) translateY(0px); } 61% { -webkit-transform: scale(0.04); transform: scale(0.04); } 99.9% { height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { -webkit-transform: scale(2); transform: scale(2); height: 100%; padding-bottom: 0; border-radius: 0; } } @keyframes menu-animation { 0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0px); transform: scale(0.02) translateY(0px); } 61% { -webkit-transform: scale(0.04); transform: scale(0.04); } 99.9% { height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { -webkit-transform: scale(2); transform: scale(2); height: 100%; padding-bottom: 0; border-radius: 0; } } /** * Particles Background */ .vc_row.has-particle-background { overflow:hidden; } #particles-js{ position:absolute; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /** * Responsive Definitions */ @media only screen and (max-width: 1024px) { .ozy-page-model-boxed #main {display: block !important;} .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row>.parallax-wrapper{ padding-left:0 !important; padding-right:0 !important; } /*mailchimp bottom widget*/ .mc_signup_submit{position:inherit !important;} .mc_merge_var{padding:0 !important;} .mc_merge_var input, .mc_signup_submit #mc_signup_submit { width:100% !important; margin:0 !important; } #footer-wrapper #mc_signup_form .mc_input { border-top-right-radius:30px !important; border-bottom-right-radius:30px !important; } #footer-wrapper #mc_signup_submit { border-top-left-radius:30px !important; border-bottom-left-radius:30px !important; } } @media only screen and (max-width: 920px) { #to-top-button {display: none !important;} .ozy-anything-wrapper {padding: 20px !important;} .ozy-fancyaccordion-feed span.category{display:none;} .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {margin-bottom: 35px !important;} .wpb_gmaps_widget.wpb_content_element {margin-bottom:0 !important;} #footer-widget-bar, #footer-widget-bar>.container {padding-bottom:0 !important;} #footer-widget-bar{padding-top:20px;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } .ozy-page-model-boxed #main>.container{padding: 0;} .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container{ width: 100%; -webkit-text-size-adjust: 100%; } #title {height: 60px !important;} #tagline {line-height: 20px !important;} #content {width: 100%;} #sidebar {width: 100%;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .ozy-latest-posts>a { width: 15.66666666666667%; margin-right: 1%; } .ozy-icon {margin-bottom:20px !important;} .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:36px; } span.plus-icon {right:36px;} /* page */ #page-title-wrapper {min-height:80px !important;} /* vc */ #footer>footer>.container, #footer-widget-bar>.container, #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left:20px !important; padding-right:20px !important; } } @media only screen and (max-width: 800px) { #footer-widget-bar>.container>section{padding:0px 20px 0 20px;} div.parallax-wrapper div.parallax-wrapper{ margin-left:0 !important; margin-right:0 !important; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left:0 !important;} /*full page*/ body.page-template-page-row-slider-php .ozy-page-model-full #content>.wpb_row.vc_row-fluid>div.parallax-wrapper, #full-page .wpb_row>div.parallax-wrapper {height:100% !important;} #full-page #content>.wpb_row>div.parallax-wrapper>div.vc_column_container {height:50% !important;} #full-page .ozy-anything-wrapper-x {width:100% !important;} /*fancy accordion*/ .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:15px; } .ozy-fancyaccordion-feed>a>span>.d {display:none !important;} .ozy-fancyaccordion-feed>a>span>h3.t{margin-left:0 !important;} .ozy-fancyaccordion-feed>div.panel>div{ margin-left:0 !important; border:none !important; padding:20px 0 !important; } span.plus-icon {right:15px;} /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding-top:20px !important; } .ozy-owlcarousel.single .owl-item .caption h1 { font-size:20px !important; line-height:1em !important; } /*news box*/ .ozy-news-bar>ul>li{ width:100%; padding:20px 36px; } /*single side navigation & info bar*/ .info-bar, .nav-box{display:none !important;} } @media only screen and (max-width: 768px) and (min-width: 480px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; } .ozy-page-model-boxed #main>.container{padding: 0;} .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container{ width: 100%; -webkit-text-size-adjust: 100%; } #content {width: 100%;} #sidebar {width: 100%;} #footer .container {padding-top: 0;} #footer-content { border: 0; padding: 10px; } #single-blog-tags>a { display: inline-block; float: left; margin-bottom: 6px; } /*news box*/ .ozy-news-bar>ul>li{ width:100%; padding:20px 36px; } /*flip box*/ .flip-container .front p, .flip-container .back p, #ozy-share-div>span {display: none !important;} #ozy-share-div>.share-icon {padding: 2px !important;} #ozy-related-posts-wrapper > .newer-older {top: -25px !important;} #ozy-related-posts-wrapper>h4{margin-top: 30px !important;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .ozy-icon {margin-bottom:20px !important;} /* vc */ body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; } .vc_responsive .wpb_row .vc_col-sm-4 { width: 100% !important; padding-bottom:36px; } #page-title-wrapper>div, .ozy-page-model-full .container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left:36px !important; padding-right:36px !important; } /*layout*/ #footer-widget-bar>.container>section { width: 49% !important; } #footer-widget-bar>.container>section:nth-child(3) { clear:both; } .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:36px; } span.plus-icon {right:36px;} } @media only screen and (max-width: 479px) { .container { padding: 0 10px !important; width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } #main>.container {padding: 0 !important;} #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 20px !important; padding-right: 20px !important; } #page-title-wrapper { max-height:200px !important; overflow:visible !important; } .wpb_row, .ozy-page-model-full #content .wpb_row.ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row, .ozy-page-model-full .container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) {/*, .ozy-page-model-has-sidebar #main>.container*/ padding-left:0 !important; padding-right:0 !important; } body.has-page-title #main>.container {padding-top: 0 !important;} #tagline {line-height: 20px !important;} #content.left-sidebar, #content.right-sidebar, #content {width: 100%;} #content.no-vc{padding:10px !important;} .ozy-spacer {height:10px !important;} .ozy-owlcarousel .item.item-extended>a .overlay-two>p, .flip-container .front p, .flip-container .back p, .ozy-team_member figcaption p {display:none !important;} .ozy-team_member figcaption {height:170px !important;} .full-tabs.wpb_tabs .wpb_tabs_nav li {display:block !important;margin-top:-1px !important;} #sidebar { padding: 15px; width: 100%; /* 3 columns */ float: none; } #sidebar>ul:first-child>li>h4 {border-bottom: none !important;} #footer-widget-bar .widget-area>.separator{display:none;} #footer .container {padding-top: 0;} #footer .top-social-icons>a{border-color:transparent !important} #footer-content { border: 0; padding: 10px; } #footer>footer>.container{height:100% !important;line-height:1.5em !important;} #footer>footer>.container>div{padding-top:15px !important;width: 100% !important;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .simple-post-format>div {padding: 10px 10px 5px 10px !important;} .simple-post-format>div>span {display: none !important;} .post-excerpt-quote blockquote, .simple-post-format.post-excerpt-aside>div {max-width: 230px !important;} blockquote { padding: 10px 10px 10px 30px !important; text-align: inherit !important; } blockquote:before { top: 10px !important; left: 10px !important; } blockquote, .post-excerpt-quote blockquote { font-size: 14px !important; line-height: 21px !important; } .post-excerpt-quote blockquote>p {max-width: 190px !important;} .post-excerpt-audio>div>div { margin-left:0 !important; padding-left: 0 !important; max-width: 210px !important; } .post-excerpt-audio>div img {display:none !important;} /* Single */ .ozy-related-posts>li { width: 100% !important; padding-left: 0 !important; margin-bottom: 20px !important; } #ozy-share-div>span {display: none !important;} #ozy-share-div>.share-icon {padding: 2px !important;} #ozy-related-posts-wrapper > .newer-older {top: -25px !important;} #ozy-related-posts-wrapper > .newer-older a {font-size: 80%;} /*layout*/ #footer-widget-bar>.container>section { width: 99% !important; margin-right: 0; } #footer .top-social-icons>a>span{line-height:inherit !important;} .ozy-icon {margin-bottom:20px !important;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxlarge{padding-left:0;} /*fancy accordion*/ .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:15px; } .ozy-fancyaccordion-feed>a>span>.d {display:none !important;} .ozy-fancyaccordion-feed>a>span>h3.t{margin-left:0 !important;} .ozy-fancyaccordion-feed>div.panel>div{ margin-left:0 !important; border:none !important; padding:20px 0 !important; } span.plus-icon {display:none !important;} .ozy-tlt, h1{ font-size:26px !important; line-height:32px !important; } h2{ font-size:22px !important; line-height:30px !important; } h3{ font-size:18px !important; line-height:22px !important; } h6{ font-size:12px !important; line-height:20px !important; letter-spacing:normal !important; } /*news box*/ .ozy-news-bar>ul>li{ width:100%; padding:20px 36px; } /*anything wrapper 2*/ .ozy-anything-wrapper-x {padding:20px !important;} /*single slider*/ .ozy-owlcarousel.single .owl-item .caption{padding:0 !important;} /*vc override*/ .vc_col-xs-1,.vc_col-sm-1,.vc_col-md-1,.vc_col-lg-1,.vc_col-xs-2,.vc_col-sm-2,.vc_col-md-2,.vc_col-lg-2,.vc_col-xs-3,.vc_col-sm-3, .vc_col-md-3,.vc_col-lg-3,.vc_col-xs-4,.vc_col-sm-4,.vc_col-md-4,.vc_col-lg-4,.vc_col-xs-5,.vc_col-sm-5,.vc_col-md-5,.vc_col-lg-5, .vc_col-xs-6,.vc_col-sm-6,.vc_col-md-6,.vc_col-lg-6,.vc_col-xs-7,.vc_col-sm-7,.vc_col-md-7,.vc_col-lg-7,.vc_col-xs-8,.vc_col-sm-8, .vc_col-md-8,.vc_col-lg-8,.vc_col-xs-9,.vc_col-sm-9,.vc_col-md-9,.vc_col-lg-9,.vc_col-xs-10,.vc_col-sm-10,.vc_col-md-10,.vc_col-lg-10, .vc_col-xs-11,.vc_col-sm-11,.vc_col-md-11,.vc_col-lg-11,.vc_col-xs-12,.vc_col-sm-12,.vc_col-md-12,.vc_col-lg-12{padding-left:10px;padding-right:10px;} body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container { margin-left:0 !important; margin-right:0 !important; padding-left:10px !important; padding-right:10px !important; } .vc_responsive .wpb_row .vc_col-sm-4 { width: 100% !important; padding-bottom:20px; } } /* * Visual Composer Row Gap Fix */ .vc_row.vc_column-gap-1>.parallax-wrapper>.vc_column_container{padding:.5px}.vc_row.vc_column-gap-2{margin-left:-16px;margin-right:-16px}.vc_row.vc_column-gap-2>.parallax-wrapper>.vc_column_container{padding:1px}.vc_row.vc_column-gap-3{margin-left:-16.5px;margin-right:-16.5px}.vc_row.vc_column-gap-3>.parallax-wrapper>.vc_column_container{padding:1.5px}.vc_row.vc_column-gap-4{margin-left:-17px;margin-right:-17px}.vc_row.vc_column-gap-4>.parallax-wrapper>.vc_column_container{padding:2px}.vc_row.vc_column-gap-5{margin-left:-17.5px;margin-right:-17.5px}.vc_row.vc_column-gap-5>.parallax-wrapper>.vc_column_container{padding:2.5px}.vc_row.vc_column-gap-10{margin-left:-20px;margin-right:-20px}.vc_row.vc_column-gap-10>.parallax-wrapper>.vc_column_container{padding:5px}.vc_row.vc_column-gap-15{margin-left:-22.5px;margin-right:-22.5px}.vc_row.vc_column-gap-15>.parallax-wrapper>.vc_column_container{padding:7.5px}.vc_row.vc_column-gap-20{margin-left:-25px;margin-right:-25px}.vc_row.vc_column-gap-20>.parallax-wrapper>.vc_column_container{padding:10px}.vc_row.vc_column-gap-25{margin-left:-27.5px;margin-right:-27.5px}.vc_row.vc_column-gap-25>.parallax-wrapper>.vc_column_container{padding:12.5px}.vc_row.vc_column-gap-30{margin-left:-30px;margin-right:-30px}.vc_row.vc_column-gap-30>.parallax-wrapper>.vc_column_container{padding:15px}.vc_row.vc_column-gap-35{margin-left:-32.5px;margin-right:-32.5px}.vc_row.vc_column-gap-35>.parallax-wrapper>.vc_column_container{padding:17.5px} /** * Animate.css - http://daneden.me/animate * Licensed under the ☺ license (http://licence.visualidiot.com/) */ .animation{-webkit-animation: infinite;-moz-animation: infinite;animation: infinite;}.animated{-webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both;}.animated.hinge{-webkit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;}@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@-moz-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@-o-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }.flash{-webkit-animation-name:flash; -moz-animation-name:flash; -o-animation-name:flash; animation-name:flash;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);} }@-moz-keyframes shake{0%, 100%{-moz-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-moz-transform:translateX(10px);} }@-o-keyframes shake{0%, 100%{-o-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-o-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-o-transform:translateX(10px);} }@keyframes shake{0%, 100%{transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);} 20%, 40%, 60%, 80%{transform:translateX(10px);} }.shake{-webkit-animation-name:shake; -moz-animation-name:shake; -o-animation-name:shake; animation-name:shake;} @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);} 40%{-webkit-transform:translateY(-30px);} 60%{-webkit-transform:translateY(-15px);} }@-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);} 40%{-moz-transform:translateY(-30px);} 60%{-moz-transform:translateY(-15px);} }@-o-keyframes bounce{0%, 20%, 50%, 80%, 100%{-o-transform:translateY(0);} 40%{-o-transform:translateY(-30px);} 60%{-o-transform:translateY(-15px);} } @keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);} 40%{transform:translateY(-30px);} 60%{transform:translateY(-15px);} }.bounce{-webkit-animation-name:bounce; -moz-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce;} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);} }@-moz-keyframes tada{0%{-moz-transform:scale(1);} 10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0);} }@-o-keyframes tada{0%{-o-transform:scale(1);} 10%, 20%{-o-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);} 100%{-o-transform:scale(1) rotate(0);} }@keyframes tada{0%{transform:scale(1);} 10%, 20%{transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);} 100%{transform:scale(1) rotate(0);} }.tada{-webkit-animation-name:tada; -moz-animation-name:tada; -o-animation-name:tada; animation-name:tada;} @-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center;} 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);} }@-moz-keyframes swing{20%{-moz-transform:rotate(15deg);} 40%{-moz-transform:rotate(-10deg);} 60%{-moz-transform:rotate(5deg);} 80%{-moz-transform:rotate(-5deg);} 100%{-moz-transform:rotate(0deg);} }@-o-keyframes swing{20%{-o-transform:rotate(15deg);} 40%{-o-transform:rotate(-10deg);} 60%{-o-transform:rotate(5deg);} 80%{-o-transform:rotate(-5deg);} 100%{-o-transform:rotate(0deg);} }@keyframes swing{20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0deg);} }.swing{-webkit-transform-origin:top center; -moz-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; -moz-animation-name:swing; -o-animation-name:swing; animation-name:swing;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);} }@-moz-keyframes wobble{0%{-moz-transform:translateX(0%);} 15%{-moz-transform:translateX(-25%) rotate(-5deg);} 30%{-moz-transform:translateX(20%) rotate(3deg);} 45%{-moz-transform:translateX(-15%) rotate(-3deg);} 60%{-moz-transform:translateX(10%) rotate(2deg);} 75%{-moz-transform:translateX(-5%) rotate(-1deg);} 100%{-moz-transform:translateX(0%);} }@-o-keyframes wobble{0%{-o-transform:translateX(0%);} 15%{-o-transform:translateX(-25%) rotate(-5deg);} 30%{-o-transform:translateX(20%) rotate(3deg);} 45%{-o-transform:translateX(-15%) rotate(-3deg);} 60%{-o-transform:translateX(10%) rotate(2deg);} 75%{-o-transform:translateX(-5%) rotate(-1deg);} 100%{-o-transform:translateX(0%);} }@keyframes wobble{0%{transform:translateX(0%);} 15%{transform:translateX(-25%) rotate(-5deg);} 30%{transform:translateX(20%) rotate(3deg);} 45%{transform:translateX(-15%) rotate(-3deg);} 60%{transform:translateX(10%) rotate(2deg);} 75%{transform:translateX(-5%) rotate(-1deg);} 100%{transform:translateX(0%);} }.wobble{-webkit-animation-name:wobble; -moz-animation-name:wobble; -o-animation-name:wobble; animation-name:wobble;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.1);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes pulse{0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.1);} 100%{-moz-transform:scale(1);} } @-o-keyframes pulse{0%{-o-transform:scale(1);} 50%{-o-transform:scale(1.1);} 100%{-o-transform:scale(1);} } @keyframes pulse{0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} }.pulse{-webkit-animation-name:pulse; -moz-animation-name:pulse; -o-animation-name:pulse; animation-name:pulse;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in;} } @-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out;} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out;} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in;} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function:ease-in;} 100%{-moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in;} } @-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0); -o-animation-timing-function:ease-out;} 40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function:ease-out;} 50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function:ease-in;} 80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function:ease-in;} 100%{-o-transform:perspective(400px) scale(1); -o-animation-timing-function:ease-in;} } @keyframes flip{0%{transform:perspective(400px) rotateY(0); animation-timing-function:ease-out;} 40%{transform:perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function:ease-out;} 50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in;} 80%{transform:perspective(400px) rotateY(360deg) scale(.95); animation-timing-function:ease-in;} 100%{transform:perspective(400px) scale(1); animation-timing-function:ease-in;} }.flip{-webkit-backface-visibility:visible !important; -webkit-animation-name:flip; -moz-backface-visibility:visible !important; -moz-animation-name:flip; -o-backface-visibility:visible !important; -o-animation-name:flip; backface-visibility:visible !important; animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;} } @-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateX(-10deg);} 70%{-moz-transform:perspective(400px) rotateX(10deg);} 100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1;} } @-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-o-transform:perspective(400px) rotateX(-10deg);} 70%{-o-transform:perspective(400px) rotateX(10deg);} 100%{-o-transform:perspective(400px) rotateX(0deg); opacity:1;} } @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{transform:perspective(400px) rotateX(-10deg);} 70%{transform:perspective(400px) rotateX(10deg);} 100%{transform:perspective(400px) rotateX(0deg); opacity:1;} }.flipInX{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipInX; -moz-backface-visibility:visible !important; -moz-animation-name:flipInX; -o-backface-visibility:visible !important; -o-animation-name:flipInX; backface-visibility:visible !important; animation-name:flipInX;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;} }@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0;} }@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-o-transform:perspective(400px) rotateX(90deg); opacity:0;} }@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{transform:perspective(400px) rotateX(90deg); opacity:0;} }.flipOutX{-webkit-animation-name:flipOutX; -webkit-backface-visibility:visible !important; -moz-animation-name:flipOutX; -moz-backface-visibility:visible !important; -o-animation-name:flipOutX; -o-backface-visibility:visible !important; animation-name:flipOutX; backface-visibility:visible !important;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;} } @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} } @-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-o-transform:perspective(400px) rotateY(-10deg);} 70%{-o-transform:perspective(400px) rotateY(10deg);} 100%{-o-transform:perspective(400px) rotateY(0deg); opacity:1;} } @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0deg); opacity:1;} }.flipInY{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipInY; -moz-backface-visibility:visible !important; -moz-animation-name:flipInY; -o-backface-visibility:visible !important; -o-animation-name:flipInY; backface-visibility:visible !important; animation-name:flipInY;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} } @-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} } @-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-o-transform:perspective(400px) rotateY(90deg); opacity:0;} } @keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{transform:perspective(400px) rotateY(90deg); opacity:0;} }.flipOutY{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipOutY; -moz-backface-visibility:visible !important; -moz-animation-name:flipOutY; -o-backface-visibility:visible !important; -o-animation-name:flipOutY; backface-visibility:visible !important; animation-name:flipOutY;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@-moz-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@-o-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }.fadeIn{-webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn;} @-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(20px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInUp{0%{opacity:0; -o-transform:translateY(20px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInUp{0%{opacity:0; transform:translateY(20px);} 100%{opacity:1; transform:translateY(0);} }.fadeInUp{-webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp;} @-webkit-keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInDown{0%{opacity:0; -moz-transform:translateY(-20px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInDown{0%{opacity:0; -o-transform:translateY(-20px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInDown{0%{opacity:0; transform:translateY(-20px);} 100%{opacity:1; transform:translateY(0);} }.fadeInDown{-webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown;} @-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-20px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInLeft{0%{opacity:0; -moz-transform:translateX(-20px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInLeft{0%{opacity:0; -o-transform:translateX(-20px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInLeft{0%{opacity:0; transform:translateX(-20px);} 100%{opacity:1; transform:translateX(0);} }.fadeInLeft{-webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft;} @-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInRight{0%{opacity:0; -moz-transform:translateX(20px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInRight{0%{opacity:0; -o-transform:translateX(20px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInRight{0%{opacity:0; transform:translateX(20px);} 100%{opacity:1; transform:translateX(0);} }.fadeInRight{-webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight;} @-webkit-keyframes fadeInUpBig{0%{opacity:0; -webkit-transform:translateY(2000px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInUpBig{0%{opacity:0; -moz-transform:translateY(2000px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInUpBig{0%{opacity:0; -o-transform:translateY(2000px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInUpBig{0%{opacity:0; transform:translateY(2000px);} 100%{opacity:1; transform:translateY(0);} }.fadeInUpBig{-webkit-animation-name:fadeInUpBig; -moz-animation-name:fadeInUpBig; -o-animation-name:fadeInUpBig; animation-name:fadeInUpBig;} @-webkit-keyframes fadeInDownBig{0%{opacity:0; -webkit-transform:translateY(-2000px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInDownBig{0%{opacity:0; -moz-transform:translateY(-2000px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInDownBig{0%{opacity:0; -o-transform:translateY(-2000px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInDownBig{0%{opacity:0; transform:translateY(-2000px);} 100%{opacity:1; transform:translateY(0);} }.fadeInDownBig{-webkit-animation-name:fadeInDownBig; -moz-animation-name:fadeInDownBig; -o-animation-name:fadeInDownBig; animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0; -webkit-transform:translateX(-2000px);} 100%{opacity:1; -webkit-transform:translateX(0);} } @-moz-keyframes fadeInLeftBig{0%{opacity:0; -moz-transform:translateX(-2000px);} 100%{opacity:1; -moz-transform:translateX(0);} } @-o-keyframes fadeInLeftBig{0%{opacity:0; -o-transform:translateX(-2000px);} 100%{opacity:1; -o-transform:translateX(0);} } @keyframes fadeInLeftBig{0%{opacity:0; transform:translateX(-2000px);} 100%{opacity:1; transform:translateX(0);} }.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig; -moz-animation-name:fadeInLeftBig; -o-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRightBig{0%{opacity:0; -webkit-transform:translateX(2000px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInRightBig{0%{opacity:0; -moz-transform:translateX(2000px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInRightBig{0%{opacity:0; -o-transform:translateX(2000px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInRightBig{0%{opacity:0; transform:translateX(2000px);} 100%{opacity:1; transform:translateX(0);} }.fadeInRightBig{-webkit-animation-name:fadeInRightBig; -moz-animation-name:fadeInRightBig; -o-animation-name:fadeInRightBig; animation-name:fadeInRightBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@-moz-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@-o-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }.fadeOut{-webkit-animation-name:fadeOut; -moz-animation-name:fadeOut; -o-animation-name:fadeOut; animation-name:fadeOut;} @-webkit-keyframes fadeOutUp{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(-20px);} } @-moz-keyframes fadeOutUp{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(-20px);} } @-o-keyframes fadeOutUp{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(-20px);} } @keyframes fadeOutUp{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(-20px);} }.fadeOutUp{-webkit-animation-name:fadeOutUp; -moz-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp;} @-webkit-keyframes fadeOutDown{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(20px);} }@-moz-keyframes fadeOutDown{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(20px);} }@-o-keyframes fadeOutDown{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(20px);} }@keyframes fadeOutDown{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(20px);} }.fadeOutDown{-webkit-animation-name:fadeOutDown; -moz-animation-name:fadeOutDown; -o-animation-name:fadeOutDown; animation-name:fadeOutDown;} @-webkit-keyframes fadeOutLeft{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(-20px);} }@-moz-keyframes fadeOutLeft{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(-20px);} }@-o-keyframes fadeOutLeft{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(-20px);} }@keyframes fadeOutLeft{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(-20px);} }.fadeOutLeft{-webkit-animation-name:fadeOutLeft; -moz-animation-name:fadeOutLeft; -o-animation-name:fadeOutLeft; animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutRight{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(20px);} }@-moz-keyframes fadeOutRight{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(20px);} }@-o-keyframes fadeOutRight{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(20px);} }@keyframes fadeOutRight{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(20px);} }.fadeOutRight{-webkit-animation-name:fadeOutRight; -moz-animation-name:fadeOutRight; -o-animation-name:fadeOutRight; animation-name:fadeOutRight;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(-2000px);} }@-moz-keyframes fadeOutUpBig{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(-2000px);} }@-o-keyframes fadeOutUpBig{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(-2000px);} }@keyframes fadeOutUpBig{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(-2000px);} }.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig; -moz-animation-name:fadeOutUpBig; -o-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(2000px);} }@-moz-keyframes fadeOutDownBig{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(2000px);} }@-o-keyframes fadeOutDownBig{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(2000px);} }@keyframes fadeOutDownBig{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(2000px);} }.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig; -moz-animation-name:fadeOutDownBig; -o-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(-2000px);} }@-moz-keyframes fadeOutLeftBig{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(-2000px);} }@-o-keyframes fadeOutLeftBig{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(-2000px);} }@keyframes fadeOutLeftBig{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(-2000px);} }.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig; -moz-animation-name:fadeOutLeftBig; -o-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(2000px);} } @-moz-keyframes fadeOutRightBig{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(2000px);} } @-o-keyframes fadeOutRightBig{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(2000px);} } @keyframes fadeOutRightBig{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(2000px);} }.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig; -moz-animation-name:fadeOutRightBig; -o-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig;} @-webkit-keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3);} 50%{opacity:1; -webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(.9);} 100%{-webkit-transform:scale(1);} }@-moz-keyframes bounceIn{0%{opacity:0; -moz-transform:scale(.3);} 50%{opacity:1; -moz-transform:scale(1.05);} 70%{-moz-transform:scale(.9);} 100%{-moz-transform:scale(1);} }@-o-keyframes bounceIn{0%{opacity:0; -o-transform:scale(.3);} 50%{opacity:1; -o-transform:scale(1.05);} 70%{-o-transform:scale(.9);} 100%{-o-transform:scale(1);} }@keyframes bounceIn{0%{opacity:0; transform:scale(.3);} 50%{opacity:1; transform:scale(1.05);} 70%{transform:scale(.9);} 100%{transform:scale(1);} }.bounceIn{-webkit-animation-name:bounceIn; -moz-animation-name:bounceIn; -o-animation-name:bounceIn; animation-name:bounceIn;} @-webkit-keyframes bounceInUp{0%{opacity:0; -webkit-transform:translateY(2000px);} 60%{opacity:1; -webkit-transform:translateY(-30px);} 80%{-webkit-transform:translateY(10px);} 100%{-webkit-transform:translateY(0);} } @-moz-keyframes bounceInUp{0%{opacity:0; -moz-transform:translateY(2000px);} 60%{opacity:1; -moz-transform:translateY(-30px);} 80%{-moz-transform:translateY(10px);} 100%{-moz-transform:translateY(0);} }@-o-keyframes bounceInUp{0%{opacity:0; -o-transform:translateY(2000px);} 60%{opacity:1; -o-transform:translateY(-30px);} 80%{-o-transform:translateY(10px);} 100%{-o-transform:translateY(0);} }@keyframes bounceInUp{0%{opacity:0; transform:translateY(2000px);} 60%{opacity:1; transform:translateY(-30px);} 80%{transform:translateY(10px);} 100%{transform:translateY(0);} }.bounceInUp{-webkit-animation-name:bounceInUp; -moz-animation-name:bounceInUp; -o-animation-name:bounceInUp; animation-name:bounceInUp;} @-webkit-keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-2000px);} 60%{opacity:1; -webkit-transform:translateY(30px);} 80%{-webkit-transform:translateY(-10px);} 100%{-webkit-transform:translateY(0);} }@-moz-keyframes bounceInDown{0%{opacity:0; -moz-transform:translateY(-2000px);} 60%{opacity:1; -moz-transform:translateY(30px);} 80%{-moz-transform:translateY(-10px);} 100%{-moz-transform:translateY(0);} }@-o-keyframes bounceInDown{0%{opacity:0; -o-transform:translateY(-2000px);} 60%{opacity:1; -o-transform:translateY(30px);} 80%{-o-transform:translateY(-10px);} 100%{-o-transform:translateY(0);} }@keyframes bounceInDown{0%{opacity:0; transform:translateY(-2000px);} 60%{opacity:1; transform:translateY(30px);} 80%{transform:translateY(-10px);} 100%{transform:translateY(0);} }.bounceInDown{-webkit-animation-name:bounceInDown; -moz-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px);} 60%{opacity:1; -webkit-transform:translateX(30px);} 80%{-webkit-transform:translateX(-10px);} 100%{-webkit-transform:translateX(0);} }@-moz-keyframes bounceInLeft{0%{opacity:0; -moz-transform:translateX(-2000px);} 60%{opacity:1; -moz-transform:translateX(30px);} 80%{-moz-transform:translateX(-10px);} 100%{-moz-transform:translateX(0);} }@-o-keyframes bounceInLeft{0%{opacity:0; -o-transform:translateX(-2000px);} 60%{opacity:1; -o-transform:translateX(30px);} 80%{-o-transform:translateX(-10px);} 100%{-o-transform:translateX(0);} }@keyframes bounceInLeft{0%{opacity:0; transform:translateX(-2000px);} 60%{opacity:1; transform:translateX(30px);} 80%{transform:translateX(-10px);} 100%{transform:translateX(0);} }.bounceInLeft{-webkit-animation-name:bounceInLeft; -moz-animation-name:bounceInLeft; -o-animation-name:bounceInLeft; animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%{opacity:0; -webkit-transform:translateX(2000px);} 60%{opacity:1; -webkit-transform:translateX(-30px);} 80%{-webkit-transform:translateX(10px);} 100%{-webkit-transform:translateX(0);} }@-moz-keyframes bounceInRight{0%{opacity:0; -moz-transform:translateX(2000px);} 60%{opacity:1; -moz-transform:translateX(-30px);} 80%{-moz-transform:translateX(10px);} 100%{-moz-transform:translateX(0);} }@-o-keyframes bounceInRight{0%{opacity:0; -o-transform:translateX(2000px);} 60%{opacity:1; -o-transform:translateX(-30px);} 80%{-o-transform:translateX(10px);} 100%{-o-transform:translateX(0);} }@keyframes bounceInRight{0%{opacity:0; transform:translateX(2000px);} 60%{opacity:1; transform:translateX(-30px);} 80%{transform:translateX(10px);} 100%{transform:translateX(0);} }.bounceInRight{-webkit-animation-name:bounceInRight; -moz-animation-name:bounceInRight; -o-animation-name:bounceInRight; animation-name:bounceInRight;} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);} 25%{-webkit-transform:scale(.95);} 50%{opacity:1; -webkit-transform:scale(1.1);} 100%{opacity:0; -webkit-transform:scale(.3);} }@-moz-keyframes bounceOut{0%{-moz-transform:scale(1);} 25%{-moz-transform:scale(.95);} 50%{opacity:1; -moz-transform:scale(1.1);} 100%{opacity:0; -moz-transform:scale(.3);} }@-o-keyframes bounceOut{0%{-o-transform:scale(1);} 25%{-o-transform:scale(.95);} 50%{opacity:1; -o-transform:scale(1.1);} 100%{opacity:0; -o-transform:scale(.3);} }@keyframes bounceOut{0%{transform:scale(1);} 25%{transform:scale(.95);} 50%{opacity:1; transform:scale(1.1);} 100%{opacity:0; transform:scale(.3);} }.bounceOut{-webkit-animation-name:bounceOut; -moz-animation-name:bounceOut; -o-animation-name:bounceOut; animation-name:bounceOut;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);} 20%{opacity:1; -webkit-transform:translateY(20px);} 100%{opacity:0; -webkit-transform:translateY(-2000px);} }@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0);} 20%{opacity:1; -moz-transform:translateY(20px);} 100%{opacity:0; -moz-transform:translateY(-2000px);} }@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0);} 20%{opacity:1; -o-transform:translateY(20px);} 100%{opacity:0; -o-transform:translateY(-2000px);} }@keyframes bounceOutUp{0%{transform:translateY(0);} 20%{opacity:1; transform:translateY(20px);} 100%{opacity:0; transform:translateY(-2000px);} }.bounceOutUp{-webkit-animation-name:bounceOutUp; -moz-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);} 20%{opacity:1; -webkit-transform:translateY(-20px);} 100%{opacity:0; -webkit-transform:translateY(2000px);} }@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0);} 20%{opacity:1; -moz-transform:translateY(-20px);} 100%{opacity:0; -moz-transform:translateY(2000px);} }@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0);} 20%{opacity:1; -o-transform:translateY(-20px);} 100%{opacity:0; -o-transform:translateY(2000px);} }@keyframes bounceOutDown{0%{transform:translateY(0);} 20%{opacity:1; transform:translateY(-20px);} 100%{opacity:0; transform:translateY(2000px);} }.bounceOutDown{-webkit-animation-name:bounceOutDown; -moz-animation-name:bounceOutDown; -o-animation-name:bounceOutDown; animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);} 20%{opacity:1; -webkit-transform:translateX(20px);} 100%{opacity:0; -webkit-transform:translateX(-2000px);} }@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0);} 20%{opacity:1; -moz-transform:translateX(20px);} 100%{opacity:0; -moz-transform:translateX(-2000px);} }@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0);} 20%{opacity:1; -o-transform:translateX(20px);} 100%{opacity:0; -o-transform:translateX(-2000px);} }@keyframes bounceOutLeft{0%{transform:translateX(0);} 20%{opacity:1; transform:translateX(20px);} 100%{opacity:0; transform:translateX(-2000px);} }.bounceOutLeft{-webkit-animation-name:bounceOutLeft; -moz-animation-name:bounceOutLeft; -o-animation-name:bounceOutLeft; animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);} 20%{opacity:1; -webkit-transform:translateX(-20px);} 100%{opacity:0; -webkit-transform:translateX(2000px);} }@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0);} 20%{opacity:1; -moz-transform:translateX(-20px);} 100%{opacity:0; -moz-transform:translateX(2000px);} }@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0);} 20%{opacity:1; -o-transform:translateX(-20px);} 100%{opacity:0; -o-transform:translateX(2000px);} }@keyframes bounceOutRight{0%{transform:translateX(0);} 20%{opacity:1; transform:translateX(-20px);} 100%{opacity:0; transform:translateX(2000px);} }.bounceOutRight{-webkit-animation-name:bounceOutRight; -moz-animation-name:bounceOutRight; -o-animation-name:bounceOutRight; animation-name:bounceOutRight;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center; -webkit-transform:rotate(-200deg); opacity:0;} 100%{-webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1;} } @-moz-keyframes rotateIn{0%{-moz-transform-origin:center center; -moz-transform:rotate(-200deg); opacity:0;} 100%{-moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1;} } @-o-keyframes rotateIn{0%{-o-transform-origin:center center; -o-transform:rotate(-200deg); opacity:0;} 100%{-o-transform-origin:center center; -o-transform:rotate(0); opacity:1;} } @keyframes rotateIn{0%{transform-origin:center center; transform:rotate(-200deg); opacity:0;} 100%{transform-origin:center center; transform:rotate(0); opacity:1;} }.rotateIn{-webkit-animation-name:rotateIn; -moz-animation-name:rotateIn; -o-animation-name:rotateIn; animation-name:rotateIn;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0;} 100%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1;} }@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0;} 100%{-moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1;} }@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0;} 100%{-o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1;} }@keyframes rotateInUpLeft{0%{transform-origin:left bottom; transform:rotate(90deg); opacity:0;} 100%{transform-origin:left bottom; transform:rotate(0); opacity:1;} }.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft; -moz-animation-name:rotateInUpLeft; -o-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0;} 100%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1;} }@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0;} 100%{-moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1;} }@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}} .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}} @-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}} @-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}} .rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}} @-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}} @-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}} .rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}} @-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}} @-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0;}} @keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center; transform:rotate(200deg);opacity:0;}} .rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}} @-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}} @-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}} .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}} @-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}} @-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}} .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}} @-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}} @-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}} .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}} @-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}} @-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}} .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes hinge{0%{-webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}20%, 60%{-webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}80%{-webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform:translateY(700px); opacity:0;}} @-moz-keyframes hinge{0%{-moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}20%, 60%{-moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}40%{-moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}80%{-moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}100%{-moz-transform:translateY(700px); opacity:0;}} @-o-keyframes hinge{0%{-o-transform:rotate(0); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}20%, 60%{-o-transform:rotate(80deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}40%{-o-transform:rotate(60deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}80%{-o-transform:rotate(60deg) translateY(0); opacity:1; -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}100%{-o-transform:translateY(700px); opacity:0;}} @keyframes hinge{0%{transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out;}20%, 60%{transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out;} 40%{transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out;}80%{transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out;}100%{transform:translateY(700px); opacity:0;}} .hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn{0%{opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg);}} @-moz-keyframes rollIn{0%{opacity:0; -moz-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -moz-transform:translateX(0px) rotate(0deg);}} @-o-keyframes rollIn{0%{opacity:0; -o-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -o-transform:translateX(0px) rotate(0deg);}} @keyframes rollIn{0%{opacity:0; transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; transform:translateX(0px) rotate(0deg);}} .rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);}} @-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg);}} @-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg);}} @keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg);}100%{opacity:0;transform:translateX(100%) rotate(120deg);}} .rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut;} /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-webkit-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-webkit-transform:translateX(0%) skewX(-15deg); opacity:1;}100%{-webkit-transform:translateX(0%) skewX(0deg); opacity:1;}} @-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-moz-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-moz-transform:translateX(0%) skewX(-15deg); opacity:1;}100%{-moz-transform:translateX(0%) skewX(0deg); opacity:1;}} @-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-o-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-o-transform:translateX(0%) skewX(-15deg); opacity:1;} 100%{-o-transform:translateX(0%) skewX(0deg); opacity:1;}} @keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg); opacity:0;}60%{transform:translateX(-20%) skewX(30deg); opacity:1;}80%{transform:translateX(0%) skewX(-15deg); opacity:1;}100%{transform:translateX(0%) skewX(0deg); opacity:1;}} .lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;} .animated.lightSpeedIn{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;} /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-webkit-transform:translateX(100%) skewX(-30deg); opacity:0;}} @-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-moz-transform:translateX(100%) skewX(-30deg); opacity:0;}} @-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-o-transform:translateX(100%) skewX(-30deg); opacity:0;}} @keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg); opacity:1;}100%{transform:translateX(100%) skewX(-30deg); opacity:0;}} .lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} .animated.lightSpeedOut{-webkit-animation-duration:0.25s;-moz-animation-duration:0.25s;-o-animation-duration:0.25s;animation-duration:0.25s;} /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg);}10%{-webkit-transform:skewX(-8deg);}20%{-webkit-transform:skewX(7deg);}30%{-webkit-transform:skewX(-6deg);}40%{-webkit-transform:skewX(5deg);}50%{-webkit-transform:skewX(-4deg);}60%{-webkit-transform:skewX(3deg);}70%{-webkit-transform:skewX(-2deg);}80%{-webkit-transform:skewX(1deg);}90%{-webkit-transform:skewX(0deg);}100%{-webkit-transform:skewX(0deg);}} @-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg);}10%{-moz-transform:skewX(-8deg);}20%{-moz-transform:skewX(7deg);}30%{-moz-transform:skewX(-6deg);}40%{-moz-transform:skewX(5deg);}50%{-moz-transform:skewX(-4deg);}60%{-moz-transform:skewX(3deg);}70%{-moz-transform:skewX(-2deg);}80%{-moz-transform:skewX(1deg);}90%{-moz-transform:skewX(0deg);}100%{-moz-transform:skewX(0deg);}} @-o-keyframes wiggle{0%{-o-transform:skewX(9deg);}10%{-o-transform:skewX(-8deg);}20%{-o-transform:skewX(7deg);}30%{-o-transform:skewX(-6deg);}40%{-o-transform:skewX(5deg);}50%{-o-transform:skewX(-4deg);}60%{-o-transform:skewX(3deg);}70%{-o-transform:skewX(-2deg);}80%{-o-transform:skewX(1deg);}90%{-o-transform:skewX(0deg);}100%{-o-transform:skewX(0deg);}} @keyframes wiggle{0%{transform:skewX(9deg);} 10%{transform:skewX(-8deg);} 20%{transform:skewX(7deg);} 30%{transform:skewX(-6deg);} 40%{transform:skewX(5deg);} 50%{transform:skewX(-4deg);} 60%{transform:skewX(3deg);} 70%{transform:skewX(-2deg);} 80%{transform:skewX(1deg);} 90%{transform:skewX(0deg);} 100%{transform:skewX(0deg);}} .wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} .animated.wiggle{-webkit-animation-duration:0.75s;-moz-animation-duration:0.75s;-o-animation-duration:0.75s;animation-duration:0.75s;} /* HARDSHIP PAGE STYLES */ .sprk-o-StrokeIconSymbol circle, .sprk-o-StrokeIconSymbol ellipse, .sprk-o-StrokeIconSymbol line, .sprk-o-StrokeIconSymbol path, .sprk-o-StrokeIconSymbol g, .sprk-o-StrokeIconSymbol polygon, .sprk-o-StrokeIconSymbol polyline, .sprk-o-StrokeIconSymbol rect { fill: inherit; stroke: inherit; stroke-width: inherit } .sprk-o-FilledIconSymbol circle, .sprk-o-FilledIconSymbol ellipse, .sprk-o-FilledIconSymbol line, .sprk-o-FilledIconSymbol path, .sprk-o-FilledIconSymbol g, .sprk-o-FilledIconSymbol polygon, .sprk-o-FilledIconSymbol polyline, .sprk-o-FilledIconSymbol rect { fill: inherit; stroke: inherit; stroke-width: inherit } .sprk-o-FilledSmallIconSymbol circle, .sprk-o-FilledSmallIconSymbol ellipse, .sprk-o-FilledSmallIconSymbol line, .sprk-o-FilledSmallIconSymbol path, .sprk-o-FilledSmallIconSymbol g, .sprk-o-FilledSmallIconSymbol polygon, .sprk-o-FilledSmallIconSymbol polyline, .sprk-o-FilledSmallIconSymbol rect { fill: inherit; stroke: inherit; stroke-width: inherit } .sprk-c-Icon { height: 16px; width: 16px; stroke: #333; fill: none; stroke-width: 3px } .sprk-c-Icon--filled, .sprk-c-Icon--filled-small { stroke: none; fill: #333 } .sprk-c-Icon--stroke-current-color { stroke: currentColor } .sprk-c-Icon--filled-current-color { fill: currentColor } .sprk-c-Icon--l { height: 32px; width: 32px; stroke-width: 2px } .sprk-c-Icon--xl { height: 64px; width: 64px; stroke-width: 1.5px } .sprk-c-Icon--xxl { height: 128px; width: 128px; stroke-width: 1px } .sprk-c-Icon--toggle { transform-origin: center; transition: transform 0.3s ease } .sprk-c-Icon--open { transform: rotate(-180deg) } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: 0.67em 0 } figcaption, figure, main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, html [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type='checkbox'], [type='radio'] { box-sizing: border-box; padding: 0 } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } html { box-sizing: border-box } *, *::after, *::before { box-sizing: inherit } blockquote, caption, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, legend, ol, p, pre, table, td, th, ul { margin: 0; padding: 0 } table { border-collapse: collapse } pre { overflow: auto } button, input, optgroup, select, textarea { font: inherit } abbr[title], dfn[title] { cursor: help } img { font-style: italic } .sprk-b-TextInput, [type='date'], [type='datetime'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 100%; line-height: inherit; padding: 0; margin: 0; background: none; border: 0 } select { background: none; font-size: 100% } textarea { resize: vertical } button, label, option, select { cursor: pointer } .sprk-b-TextInput:active, .sprk-b-TextInput:focus, textarea:active, textarea:focus { cursor: text } ::-moz-selection { background: #13a48e; color: #333; text-shadow: none } ::selection { background: #13a48e; color: #333; text-shadow: none } hr { display: block; height: 1px; border: 0; border-top: 1px solid #e6e6e6; padding: 0; margin: 1em 0 } audio, canvas, iframe, img, svg, video { vertical-align: middle } fieldset { border: 0; margin: 0; padding: 0 } .sprk-o-Box { display: block; padding: 16px 16px 16px 16px } .sprk-o-Box > :last-child { margin-bottom: 0 } .sprk-o-Box--flush { padding: 0 } .sprk-o-Box--tiny { padding: 4px 4px 4px 4px } .sprk-o-Box--small { padding: 8px 8px 8px 8px } .sprk-o-Box--large { padding: 32px 32px 32px 32px } .sprk-o-Box--huge { padding: 64px 64px 64px 64px } .sprk-o-Box--misc-a { padding: 24px } .sprk-o-Box--misc-b { padding: 40px } .sprk-o-Box--misc-c { padding: 48px } .sprk-o-Box--misc-d { padding: 80px } .sprk-o-Box--inset-short-tiny { padding: 2px 4px 2px 4px } .sprk-o-Box--inset-short-small { padding: 4px 8px 4px 8px } .sprk-o-Box--inset-short-medium { padding: 4px 8px 4px 8px } .sprk-o-Box--inset-short-large { padding: 16px 32px 16px 32px } .sprk-o-Box--inset-short-huge { padding: 32px 64px 32px 64px } .sprk-o-Box--inset-tall-tiny { padding: 6px 4px 6px 4px } .sprk-o-Box--inset-tall-small { padding: 12px 8px 12px 8px } .sprk-o-Box--inset-tall-medium { padding: 12px 8px 12px 8px } .sprk-o-Box--inset-tall-large { padding: 16px 32px 16px 32px } .sprk-o-Box--inset-tall-huge { padding: 96px 64px 96px 64px } .sprk-o-CenteredColumn { margin: 0 auto; max-width: 64rem } .sprk-o-HorizontalList { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .sprk-o-HorizontalList > li { margin-right: 16px } .sprk-o-HorizontalList > li:last-child { margin-right: 0 } .sprk-o-HorizontalList--spacing-tiny { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .sprk-o-HorizontalList--spacing-tiny > li { margin-right: 4px } .sprk-o-HorizontalList--spacing-tiny > li:last-child { margin-right: 0 } .sprk-o-HorizontalList--spacing-small { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .sprk-o-HorizontalList--spacing-small > li { margin-right: 8px } .sprk-o-HorizontalList--spacing-small > li:last-child { margin-right: 0 } .sprk-o-HorizontalList--spacing-medium { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .sprk-o-HorizontalList--spacing-medium > li { margin-right: 16px } .sprk-o-HorizontalList--spacing-medium > li:last-child { margin-right: 0 } .sprk-o-HorizontalList--spacing-large { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .sprk-o-HorizontalList--spacing-large > li { margin-right: 32px } .sprk-o-HorizontalList--spacing-large > li:last-child { margin-right: 0 } .sprk-o-HorizontalList--spacing-huge { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .sprk-o-HorizontalList--spacing-huge > li { margin-right: 64px } .sprk-o-HorizontalList--spacing-huge > li:last-child { margin-right: 0 } .sprk-o-HorizontalList--center { -ms-flex-pack: center; justify-content: center } .sprk-o-HorizontalList--right { -ms-flex-pack: end; justify-content: flex-end } .sprk-o-HorizontalList--left { -ms-flex-pack: start; justify-content: flex-start } .sprk-o-HorizontalList--fill { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .sprk-o-HorizontalList--fill > li { -ms-flex: 1; flex: 1; text-align: center } .sprk-o-HorizontalList--delimited-split-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--delimited-split-distribution > li::after { margin-left: 8px; margin-right: 8px; content: "," } .sprk-o-HorizontalList--delimited-split-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--delimited-left-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--delimited-left-distribution > li::after { margin-left: 16px; content: "," } .sprk-o-HorizontalList--delimited-left-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--delimited-right-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--delimited-right-distribution > li::after { margin-right: 16px; content: "," } .sprk-o-HorizontalList--delimited-right-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList > [data-delimiter]::after { content: attr(data-delimiter) !important } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-split-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-split-distribution > li::after { margin-left: 2px; margin-right: 2px; content: "," } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-split-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-left-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-left-distribution > li::after { margin-left: 4px; content: "," } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-left-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-right-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-right-distribution > li::after { margin-right: 4px; content: "," } .sprk-o-HorizontalList--spacing-tiny.sprk-o-HorizontalList--delimited-right-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-split-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-split-distribution > li::after { margin-left: 4px; margin-right: 4px; content: "," } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-split-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-left-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-left-distribution > li::after { margin-left: 8px; content: "," } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-left-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-right-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-right-distribution > li::after { margin-right: 8px; content: "," } .sprk-o-HorizontalList--spacing-small.sprk-o-HorizontalList--delimited-right-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-split-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-split-distribution > li::after { margin-left: 8px; margin-right: 8px; content: "," } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-split-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-left-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-left-distribution > li::after { margin-left: 16px; content: "," } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-left-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-right-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-right-distribution > li::after { margin-right: 16px; content: "," } .sprk-o-HorizontalList--spacing-medium.sprk-o-HorizontalList--delimited-right-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-split-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-split-distribution > li::after { margin-left: 16px; margin-right: 16px; content: "," } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-split-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-left-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-left-distribution > li::after { margin-left: 32px; content: "," } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-left-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-right-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-right-distribution > li::after { margin-right: 32px; content: "," } .sprk-o-HorizontalList--spacing-large.sprk-o-HorizontalList--delimited-right-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-split-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-split-distribution > li::after { margin-left: 32px; margin-right: 32px; content: "," } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-split-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-left-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-left-distribution > li::after { margin-left: 64px; content: "," } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-left-distribution > li:last-child::after { content: '' } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-right-distribution > li { margin-right: 0 } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-right-distribution > li::after { margin-right: 64px; content: "," } .sprk-o-HorizontalList--spacing-huge.sprk-o-HorizontalList--delimited-right-distribution > li:last-child::after { content: '' } .sprk-o-VerticalList { list-style: none; margin: 0; padding: 0 } .sprk-o-VerticalList > li { display: block } .sprk-o-VerticalList--delimited > li::after { content: ", " } .sprk-o-VerticalList--delimited > li:last-child::after { content: '' } .sprk-o-VerticalList > [data-delimiter]::after { content: attr(data-delimiter) } .sprk-o-Flag { display: -ms-flexbox; display: flex } .sprk-o-Flag__figure { padding-right: 16px } .sprk-o-Flag__body { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0 } .sprk-o-Flag__body > :last-child, .sprk-o-Flag__body { margin-bottom: 0 } .sprk-o-Flag--rev { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Flag--rev > .sprk-o-Flag__figure { padding-right: 0; padding-left: 16px } .sprk-o-Flag--flush > .sprk-o-Flag__figure { padding-right: 0; padding-left: 0 } .sprk-o-Flag--tiny > .sprk-o-Flag__figure { padding-right: 4px } .sprk-o-Flag--tiny.sprk-o-Flag--rev > .sprk-o-Flag__figure { padding-right: 0; padding-left: 4px } .sprk-o-Flag--small > .sprk-o-Flag__figure { padding-right: 8px } .sprk-o-Flag--small.sprk-o-Flag--rev > .sprk-o-Flag__figure { padding-right: 0; padding-left: 8px } .sprk-o-Flag--large > .sprk-o-Flag__figure { padding-right: 32px } .sprk-o-Flag--large.sprk-o-Flag--rev > .sprk-o-Flag__figure { padding-right: 0; padding-left: 32px } .sprk-o-Flag--huge > .sprk-o-Flag__figure { padding-right: 64px } .sprk-o-Flag--huge.sprk-o-Flag--rev > .sprk-o-Flag__figure { padding-right: 0; padding-left: 64px } .sprk-o-Flag--middle { -ms-flex-align: center; align-items: center } @media all and (max-width: 25em) { .sprk-o-Flag--middle.sprk-o-Flag--stacked { -ms-flex-align: stretch; align-items: stretch } } .sprk-o-Flag--bottom { -ms-flex-align: end; align-items: flex-end } @media all and (max-width: 25em) { .sprk-o-Flag--bottom.sprk-o-Flag--stacked { -ms-flex-align: stretch; align-items: stretch } } @media all and (max-width: 25em) { .sprk-o-Flag--stacked { -ms-flex-direction: column; flex-direction: column } .sprk-o-Flag--stacked > .sprk-o-Flag__figure { padding-right: 0; padding-left: 0; margin-bottom: 16px } .sprk-o-Flag--stacked.sprk-o-Flag--tiny > .sprk-o-Flag__figure { padding-right: 0; padding-left: 0; margin-bottom: 4px } .sprk-o-Flag--stacked.sprk-o-Flag--small > .sprk-o-Flag__figure { padding-right: 0; padding-left: 0; margin-bottom: 8px } .sprk-o-Flag--stacked.sprk-o-Flag--large > .sprk-o-Flag__figure { padding-right: 0; padding-left: 0; margin-bottom: 32px } .sprk-o-Flag--stacked.sprk-o-Flag--huge > .sprk-o-Flag__figure { padding-right: 0; padding-left: 0; margin-bottom: 64px } } .sprk-o-Box::after, fieldset::after, form::after, .sprk-u-ClearFix::after { content: ''; display: table; clear: both } .sprk-u-Width-5 { width: 5% !important } .sprk-u-Width-10 { width: 10% !important } .sprk-u-Width-15 { width: 15% !important } .sprk-u-Width-20 { width: 20% !important } .sprk-u-Width-25 { width: 25% !important } .sprk-u-Width-30 { width: 30% !important } .sprk-u-Width-35 { width: 35% !important } .sprk-u-Width-40 { width: 40% !important } .sprk-u-Width-45 { width: 45% !important } .sprk-u-Width-50 { width: 50% !important } .sprk-u-Width-55 { width: 55% !important } .sprk-u-Width-60 { width: 60% !important } .sprk-u-Width-65 { width: 65% !important } .sprk-u-Width-70 { width: 70% !important } .sprk-u-Width-75 { width: 75% !important } .sprk-u-Width-80 { width: 80% !important } .sprk-u-Width-85 { width: 85% !important } .sprk-u-Width-90 { width: 90% !important } .sprk-u-Width-95 { width: 95% !important } .sprk-u-Width-100 { width: 100% !important } .sprk-u-ptn, .sprk-u-pvn, .sprk-u-pan { padding-top: 0 !important } .sprk-u-pts, .sprk-u-pvs, .sprk-u-pas { padding-top: 8px !important } .sprk-u-ptm, .sprk-u-pvm, .sprk-u-pam { padding-top: 16px !important } .sprk-u-ptl, .sprk-u-pvl, .sprk-u-pal { padding-top: 32px !important } .sprk-u-pth, .sprk-u-pvh, .sprk-u-pah { padding-top: 64px !important } .sprk-u-prn, .sprk-u-phn, .sprk-u-pan { padding-right: 0 !important } .sprk-u-prs, .sprk-u-phs, .sprk-u-pas { padding-right: 8px !important } .sprk-u-prm, .sprk-u-phm, .sprk-u-pam { padding-right: 16px !important } .sprk-u-prl, .sprk-u-phl, .sprk-u-pal { padding-right: 32px !important } .sprk-u-prh, .sprk-u-phh, .sprk-u-pah { padding-right: 64px !important } .sprk-u-pbn, .sprk-u-pvn, .sprk-u-pan { padding-bottom: 0 !important } .sprk-u-pbs, .sprk-u-pvs, .sprk-u-pas { padding-bottom: 8px !important } .sprk-u-pbm, .sprk-u-pvm, .sprk-u-pam { padding-bottom: 16px !important } .sprk-u-pbl, .sprk-u-pvl, .sprk-u-pal { padding-bottom: 32px !important } .sprk-u-pbh, .sprk-u-pvh, .sprk-u-pah { padding-bottom: 64px !important } .sprk-u-pln, .sprk-u-phn, .sprk-u-pan { padding-left: 0 !important } .sprk-u-pls, .sprk-u-phs, .sprk-u-pas { padding-left: 8px !important } .sprk-u-plm, .sprk-u-phm, .sprk-u-pam { padding-left: 16px !important } .sprk-u-pll, .sprk-u-phl, .sprk-u-pal { padding-left: 32px !important } .sprk-u-plh, .sprk-u-phh, .sprk-u-pah { padding-left: 64px !important } .sprk-u-mtn, .sprk-u-mvn, .sprk-u-man { margin-top: 0 !important } .sprk-u-mts, .sprk-u-mvs, .sprk-u-mas { margin-top: 8px !important } .sprk-u-mtm, .sprk-u-mvm, .sprk-u-mam { margin-top: 16px !important } .sprk-u-mtl, .sprk-u-mvl, .sprk-u-mal { margin-top: 32px !important } .sprk-u-mth, .sprk-u-mvh, .sprk-u-mah { margin-top: 64px !important } .sprk-u-mrn, .sprk-u-mhn, .sprk-u-man { margin-right: 0 !important } .sprk-u-mrs, .sprk-u-mhs, .sprk-u-mas { margin-right: 8px !important } .sprk-u-mrm, .sprk-u-mhm, .sprk-u-mam { margin-right: 16px !important } .sprk-u-mrl, .sprk-u-mhl, .sprk-u-mal { margin-right: 32px !important } .sprk-u-mrh, .sprk-u-mhh, .sprk-u-mah { margin-right: 64px !important } .sprk-u-mbn, .sprk-u-mvn, .sprk-u-man { margin-bottom: 0 !important } .sprk-u-mbs, .sprk-u-mvs, .sprk-u-mas { margin-bottom: 8px !important } .sprk-u-mbm, .sprk-u-mvm, .sprk-u-mam { margin-bottom: 16px !important } .sprk-u-mbl, .sprk-u-mvl, .sprk-u-mal { margin-bottom: 32px !important } .sprk-u-mbh, .sprk-u-mvh, .sprk-u-mah { margin-bottom: 64px !important } .sprk-u-mln, .sprk-u-mhn, .sprk-u-man { margin-left: 0 !important } .sprk-u-mls, .sprk-u-mhs, .sprk-u-mas { margin-left: 8px !important } .sprk-u-mlm, .sprk-u-mhm, .sprk-u-mam { margin-left: 16px !important } .sprk-u-mll, .sprk-u-mhl, .sprk-u-mal { margin-left: 32px !important } .sprk-u-mlh, .sprk-u-mhh, .sprk-u-mah { margin-left: 64px !important } @keyframes rotate-infinite { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes width-zero-to-full { from { width: 0 } to { width: 100% } } @keyframes opacity-one-to-zero { 0% { opacity: 1 } 100% { opacity: 0 } } .sprk-b-Blockquote { margin: 0 } .sprk-b-Blockquote__quote { margin: 0 } .sprk-b-Blockquote__quote:last-of-type { margin: 0 } .sprk-b-Blockquote__source { display: block; text-indent: 0 } .sprk-b-Blockquote__source::before { content: "-" } .sprk-b-Label { display: block; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: .875rem; font-weight: 400; line-height: 1; padding: 0; margin: 0 0 8px 0 } .sprk-b-Label--disabled { color: #cfcfcf } .sprk-b-Label--no-input { padding: 0; transform: none } .sprk-b-Label--inline { display: inline-block } .sprk-b-InputContainer__visibility-toggle .sprk-b-Label--inline { font-size: .875rem } .sprk-b-ErrorContainer { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 8px 0 0 0 } [hidden].sprk-b-ErrorContainer { display: none } .sprk-b-ErrorIcon { fill: #f5be40; stroke: none; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 1.25rem; width: 1.25rem } .sprk-b-ErrorText { color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: .8125rem; font-weight: 400; line-height: 1.4; margin: 0 0 0 6px } .sprk-b-Select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid #cfcfcf; border-radius: 4px; box-shadow: none; background: none; color: #333; font-size: 1rem; font-weight: 300; line-height: 1.3; outline: 0; padding: 12px 45px 12px 13px; width: 100% } .sprk-b-Select:focus { border-color: #13a48e } .sprk-b-Select:-moz-focusring { color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #333 } .sprk-b-Select:focus::-ms-value { color: #333; background: none; border-color: #13a48e } .sprk-b-Select::-ms-expand { display: none } .sprk-b-SelectContainer__icon { float: right; margin-top: -31px; margin-right: 19px; stroke-width: 6px } .sprk-b-Select[disabled] { border-color: #cfcfcf; background-color: #cfcfcf; color: gray } .sprk-b-Select--error, .sprk-b-Select--error:focus { border-color: #f5be40 } .sprk-b-SelectionContainer { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: 0 0 16px 0 } .sprk-b-SelectionContainer .sprk-b-Label { font-weight: 300 } .sprk-b-SelectionContainer .sprk-b-Label--inline { margin: 0 } .sprk-b-SelectionContainer [type='radio'], .sprk-b-SelectionContainer [type='checkbox'] { -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto; width: auto; margin: 0 8px 0 0 } .sprk-b-Fieldset { padding: 16px 0 0 0 } .sprk-b-Fieldset .sprk-b-Label { margin: 0 } .sprk-b-TextInput, .sprk-b-InputContainer__input { box-shadow: none; border: 2px solid #cfcfcf; border-radius: 4px; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 300; line-height: 1.3; height: 48px; outline: 0; padding: 0 16px; transition: border-color 0.15s ease } .sprk-b-TextInput:focus { border-color: #13a48e } .sprk-b-TextInput--error, .sprk-b-TextInput--error:focus { border-color: #f5be40 } .sprk-b-TextInput[disabled] { background-color: #cfcfcf; border-color: #cfcfcf; color: gray; cursor: not-allowed } .sprk-b-TextInput--has-svg-icon { padding: 12px 0 12px 40px } .sprk-b-TextInput--has-text-icon { padding: 0 0 1px 37px } .sprk-b-InputContainer__input--has-icon-right { padding: 0 37px 1px 12px } .sprk-b-TextInput[readonly] { color: #f7f7f7 } .sprk-b-HelperText { color: gray; font-size: .8125rem; font-weight: 300; line-height: 1.3; margin: 8px 0 0 0 } ::-webkit-input-placeholder { font-size: 1rem; font-weight: 300; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; line-height: normal; color: gray } ::-moz-placeholder { font-size: 1rem; font-weight: 300; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: gray } :-ms-input-placeholder { font-size: 1rem; font-weight: 300; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: gray } :-moz-placeholder { font-size: 1rem; font-weight: 300; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: gray } .sprk-b-TextInputIconContainer, .sprk-b-InputContainer__icon-container { position: relative } .sprk-b-InputContainer__icon-container--narrow { max-width: 6.5rem } .sprk-b-InputContainer__icon-container .sprk-c-Icon, .sprk-b-TextInputIconContainer .sprk-c-Icon, .sprk-b-InputContainer__icon { margin-left: 16px; margin-top: 16px; position: absolute; z-index: 1 } .sprk-b-InputContainer__icon-container .sprk-b-InputContainer__icon--right { top: 38px; left: 71px; margin: 0; stroke-width: 1px; fill: #333 } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-c-Icon { margin-top: 24px } .sprk-b-TextInputIconContainer--has-text-icon::before { content: "$"; display: block; font-size: 1rem; font-weight: 700; line-height: 1; margin-left: 16px; position: absolute; top: calc(100% - 2em); z-index: 1 } .sprk-b-InputContainer { margin: 0 0 32px 0; max-width: 100% } .sprk-b-InputContainer--huge { max-width: 37.5rem; position: relative } .sprk-b-InputContainer__visibility-toggle { margin: 6px 0 0 0 } .sprk-b-InputContainer--huge .sprk-b-TextInput, .sprk-b-InputContainer--huge .sprk-b-Select { position: relative; transition: top 0.3s, color 0.3s, font-size 0.3s; transition-delay: 0s; height: 64px; border-width: 2px; border-radius: 4px; font-size: 1.25rem; padding: 0 24px; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.08) } .sprk-b-InputContainer--huge .sprk-b-Select { padding-right: 45px } .sprk-b-InputContainer--huge .sprk-b-TextInput:focus, .sprk-b-InputContainer--huge .sprk-b-Select:focus { border-width: 2px } .sprk-b-InputContainer--huge .sprk-b-TextInput:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInput.sprk-b-TextInput--float-label:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInput.sprk-b-Input--has-floating-label:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-Select.sprk-b-Input--has-floating-label { font-size: 1.25rem } .sprk-b-InputContainer--huge .sprk-b-TextInput::placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder, .sprk-b-InputContainer--huge .sprk-b-Select.sprk-b-Input--has-floating-label { font-size: 1.25rem } .sprk-b-InputContainer--huge .sprk-b-TextInput:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInput.sprk-b-TextInput--float-label:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInput.sprk-b-Input--has-floating-label:-ms-input-placeholder { font-size: 1.25rem } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput { padding: 12px 0 12px 40px } .sprk-b-InputContainer--huge .sprk-b-SelectContainer__icon { margin-top: -40px } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer :first-child.sprk-b-TextInput { padding: 0 40px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--float-label, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-Input--has-floating-label { opacity: 1; padding-top: 16px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus::-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus::-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label::-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--float-label::-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label::-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-Input--has-floating-label::-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden::-ms-input-placeholder { opacity: 1; transition-delay: 100ms; transition-property: opacity } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus:-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--float-label:-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label:-ms-input-placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-Input--has-floating-label:-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:-ms-input-placeholder { opacity: 1; transition-delay: 100ms; transition-property: opacity } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus::placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus::placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden::placeholder { opacity: 1; transition-delay: 100ms; transition-property: opacity } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput::-ms-input-placeholder { opacity: 0 } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:-ms-input-placeholder { opacity: 0 } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput::placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput::placeholder { opacity: 0 } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:-ms-input-placeholder, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:-ms-input-placeholder { color: transparent; opacity: 1; transition: color 0s } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:-ms-input-placeholder { opacity: 1; color: gray } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:focus, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden.sprk-b-TextInput.sprk-b-TextInput--float-label, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden.sprk-b-TextInput.sprk-b-Input--has-floating-label { padding: 0 24px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden + .sprk-b-Label { left: -10000px; width: 1px; height: 1px; overflow: hidden } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:not(:placeholder-shown) { padding: 0 24px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:not(:placeholder-shown) + .sprk-b-Label { left: -10000px; width: 1px; height: 1px; overflow: hidden } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:disabled, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select:disabled, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select.sprk-b-Input--has-floating-label { padding-top: 16px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:disabled { color: transparent } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:disabled.sprk-b-TextInput--label-hidden { color: gray } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:not(:placeholder-shown) { padding-top: 16px } .sprk-b-InputContainer--huge > :first-child.sprk-b-Label + .sprk-b-TextInputIconContainer .sprk-b-TextInput:-ms-input-placeholder { opacity: 1 } .sprk-b-InputContainer--huge > :first-child.sprk-b-Label + .sprk-b-TextInputIconContainer .sprk-b-TextInput::placeholder { opacity: 1 } .sprk-b-InputContainer--huge > :first-child.sprk-b-Label + .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--label-hidden:focus { padding: 12px 0 12px 40px } .sprk-b-InputContainer--huge > :first-child.sprk-b-Label + .sprk-b-TextInputIconContainer .sprk-b-TextInput:not(:placeholder-shown), .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--label-hidden:not(:placeholder-shown) { padding: 12px 0 12px 40px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput + .sprk-b-Label { position: absolute; top: 21.33333px; font-size: 1.25rem; padding: 0 26px; transition: top 0.3s, color 0.3s, font-size 0.3s; transform: translateZ(0); pointer-events: none } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select:focus + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus + .sprk-b-Label { font-size: .8125rem; top: 10px; color: #13a48e } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select.sprk-b-Input--has-floating-label + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--float-label + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-Input--has-floating-label + .sprk-b-Label { font-size: .8125rem; top: 10px; color: #333 } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:not(:placeholder-shown) + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput:not(:placeholder-shown) + .sprk-b-Label { font-size: .8125rem; top: 10px; color: #13a48e } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:not(:placeholder-shown) + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput:not(:placeholder-shown) + .sprk-b-Label { color: #333 } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--error:focus + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--error:focus + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--error.sprk-b-TextInput--float-label + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--error.sprk-b-TextInput--float-label + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--error.sprk-b-Input--has-floating-label + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--error.sprk-b-Input--has-floating-label + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select.sprk-b-Select--error:focus + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select.sprk-b-Select--error.sprk-b-Input--has-floating-label + .sprk-b-Label { color: #333 } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--error:not(:placeholder-shown) + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select.sprk-b-Select--error + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput.sprk-b-TextInput--error:not(:placeholder-shown) + .sprk-b-Label { color: #333 } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon > :first-child.sprk-b-TextInput + .sprk-b-Label { padding: 0 40px } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput:focus + .sprk-b-Label { padding: 0 40px } .sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:disabled + .sprk-b-Label, .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon .sprk-b-TextInputIconContainer .sprk-b-TextInput:disabled + .sprk-b-Label, .sprk-b-InputContainer--huge > :first-child.sprk-b-Select:disabled + .sprk-b-Label { top: 21.33333px; font-size: 1.25rem; color: gray; cursor: not-allowed } .sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer--has-text-icon::before { top: 50%; font-size: 1.25rem } .sprk-b-TextArea { border: 2px solid #cfcfcf; border-radius: 4px; box-shadow: none; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 300; height: auto; line-height: 1.3; margin: 0 0 16px 0; min-height: 125px; outline: 0; padding: 16px; transition: border-color 0.15s ease } .sprk-b-TextArea:focus { border-color: #13a48e } .sprk-b-TextArea--error, .sprk-b-TextArea--error:focus { border-color: #f5be40 } .sprk-b-TextArea[disabled] { background-color: #cfcfcf; border-color: #cfcfcf; color: gray; cursor: not-allowed } .sprk-b-Link { color: #333; border-bottom: .09375rem solid #cfcfcf; font-weight: 500; position: relative; text-decoration: none; transition: .3s } .sprk-b-Link:visited { color: #404040; border-bottom: .09375rem solid #cfcfcf } .sprk-b-Link:hover, .sprk-b-Link:active, .sprk-b-Link:focus { color: #333; border-bottom: .09375rem solid #333 } .sprk-b-Link--simple { color: #333; border-bottom: .0625rem solid rgba(0, 0, 0, 0); font-weight: 300 } .sprk-b-Link--simple:visited { border-bottom: .0625rem solid rgba(0, 0, 0, 0) } .sprk-b-Link--simple:hover, .sprk-b-Link--simple:active, .sprk-b-Link--simple:focus { transition: .3s; color: #333; border-bottom: .0625rem solid #333 } .sprk-b-Link--has-icon { border-bottom: 0 solid rgba(0, 0, 0, 0); font-weight: 500 } .sprk-b-Link--has-icon:hover, .sprk-b-Link--has-icon:active, .sprk-b-Link--has-icon:focus, .sprk-b-Link--has-icon:visited { border-bottom: 0 solid rgba(0, 0, 0, 0); color: #13a48e } .sprk-b-Link--has-icon .sprk-c-Icon { color: #13a48e; stroke: #13a48e; fill: rgba(0, 0, 0, 0) } .sprk-b-Link--disabled, .sprk-b-Link--disabled .sprk-c-Icon { color: #cfcfcf; stroke: #cfcfcf; fill: rgba(0, 0, 0, 0); pointer-events: none; border-bottom: 0 solid #cfcfcf; font-weight: 500 } .sprk-b-Link--disabled:visited, .sprk-b-Link--disabled:hover, .sprk-b-Link--disabled:active, .sprk-b-Link--disabled:focus, .sprk-b-Link--disabled .sprk-c-Icon:visited, .sprk-b-Link--disabled .sprk-c-Icon:hover, .sprk-b-Link--disabled .sprk-c-Icon:active, .sprk-b-Link--disabled .sprk-c-Icon:focus { border-bottom: 0 solid #cfcfcf; color: #cfcfcf } .sprk-b-Link--plain { border: none } .sprk-b-Link--plain:hover, .sprk-b-Link--plain:active, .sprk-b-Link--plain:focus, .sprk-b-Link--plain:visited { border: none } .sprk-b-List { margin-left: 16px } .sprk-b-List--bare { margin-left: 0; padding-left: 0; list-style-type: none } .sprk-b-List--indented { margin-left: 32px } .sprk-b-TableContainer { display: block; max-width: 100%; overflow: auto } .sprk-b-Table { width: 100% } [rowspan] { vertical-align: middle } [rowspan='1'] { vertical-align: top } .sprk-b-Table tbody tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f7f7f7 } .sprk-b-Table th { background-color: #333; color: #fff; font-size: 1rem; font-weight: 500; border-right-width: 2px; border-right-color: #fff; border-right-style: solid; text-align: center } .sprk-b-Table td { text-align: center } .sprk-b-Table tr > th:last-of-type { border-right: 0 } .sprk-b-Table--secondary td { text-align: left } .sprk-b-Table--secondary thead tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f7f7f7 } .sprk-b-Table--secondary th { background-color: #fff; color: #333; text-align: left; border-right-width: 0; border-right-color: #fff; border-right-style: solid } .sprk-b-Table--grouped-columns .sprk-b-Table--grouped-column { border: 0; background-color: #333; font-size: .8125rem; font-weight: normal } .sprk-b-Table--row-comparison .sprk-b-Table__empty-heading { background-color: #fff } .sprk-b-Table--secondary-row-comparison { border-collapse: separate; border-top: 0; border-bottom: 0; border-spacing: 0 15px; margin-top: -0 15px; margin-bottom: -0 15px } .sprk-b-Table--secondary-row-comparison td { border-top-width: 1px; border-top-style: solid; border-top-color: #f7f7f7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f7f7f7 } .sprk-b-Table--secondary-row-comparison tr > td:last-of-type { border-right-width: 1px; border-right-style: solid; border-right-color: #f7f7f7 } .sprk-b-Table--fixed { table-layout: fixed } .sprk-b-Table--striped-even tbody tr:nth-child(even) { background-color: #f7f7f7 } .sprk-b-Table--bordered-columns-inside { border-left-width: 0 } .sprk-b-Table--bordered-columns-inside th:last-child, .sprk-b-Table--bordered-columns-inside td:last-child { border-right-width: 0 } .sprk-b-Table--striped tbody tr:nth-child(odd), .sprk-b-Table--striped-odd tbody tr:nth-child(odd) { background-color: #f7f7f7 } .sprk-b-Table--spacing-large th, .sprk-b-Table--spacing-large td { padding: 32px 32px 32px 32px } .sprk-b-Table--spacing-medium th, .sprk-b-Table--spacing-medium td { padding: 16px 16px 16px 16px } .sprk-b-Table--spacing-small th, .sprk-b-Table--spacing-small td { padding: 8px 8px 8px 8px } .sprk-b-Table--bordered { border-top: 1px solid #333; border-right: 1px solid #333 } .sprk-b-Table--bordered tr { border-bottom: 1px solid #333 } .sprk-b-Table--bordered th, .sprk-b-Table--bordered td { border-left: 1px solid #333 } .sprk-b-Table--bordered-inside { border-top-width: 0; border-right-width: 0 } .sprk-b-Table--bordered-inside tbody tr:last-child { border-bottom-width: 0 } .sprk-b-Table--bordered-inside th:first-child, .sprk-b-Table--bordered-inside td:first-child { border-left-width: 0 } .sprk-b-Table--bordered-rows th, .sprk-b-Table--bordered-rows td { border-bottom: 1px solid #333 } .sprk-b-Table--bordered-rows-inside tbody tr:last-child th, .sprk-b-Table--bordered-rows-inside tbody tr:last-child td { border-bottom-width: 0 } .sprk-b-Table--bordered-columns { border-left: 1px solid #333 } .sprk-b-Table--bordered-columns th, .sprk-b-Table--bordered-columns td { border-right: 1px solid #333 } .sprk-b-TableHighlight { background-color: #c8102e !important; color: #fff !important } .sprk-b-Numerical { text-align: right } @font-face { font-display: swap; font-family: RocketSans; src: url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Bold.woff2") format("woff2"), url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Bold.woff") format("woff"); font-weight: 700 } @font-face { font-display: swap; font-family: RocketSans; src: url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Medium.woff2") format("woff2"), url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Medium.woff") format("woff"); font-weight: 500 } @font-face { font-display: swap; font-family: RocketSans; src: url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Regular.woff2") format("woff2"), url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Regular.woff") format("woff"); font-weight: 400 } @font-face { font-display: swap; font-family: RocketSans; src: url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Light.woff2") format("woff2"), url("https://www.rockomni.com/mcds/assets/GlobalContent/NonStockImages/Fonts/RocketSans-Light.woff") format("woff"); font-weight: 300 } h1, .sprk-b-TypeDisplayOne { line-height: 1.03; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 2.75rem; font-weight: bold } h1::before, h1::after, .sprk-b-TypeDisplayOne::before, .sprk-b-TypeDisplayOne::after { content: ''; display: block; height: 0; width: 0 } h1::before, .sprk-b-TypeDisplayOne::before { margin-bottom: calc(-.11364em + 0px) } h1::after, .sprk-b-TypeDisplayOne::after { margin-top: calc(-.11364em + 0px) } @media screen and (min-width: 43.75rem) { h1, .sprk-b-TypeDisplayOne { line-height: 1.03; font-size: 2.75rem } h1::before, h1::after, .sprk-b-TypeDisplayOne::before, .sprk-b-TypeDisplayOne::after { content: ''; display: block; height: 0; width: 0 } h1::before, .sprk-b-TypeDisplayOne::before { margin-bottom: calc(-.09259em + 0px) } h1::after, .sprk-b-TypeDisplayOne::after { margin-top: calc(-.09259em + 0px) } } h2, .sprk-b-TypeDisplayTwo { line-height: 1; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 2rem; font-weight: bold } h2::before, h2::after, .sprk-b-TypeDisplayTwo::before, .sprk-b-TypeDisplayTwo::after { content: ''; display: block; height: 0; width: 0 } h2::before, .sprk-b-TypeDisplayTwo::before { margin-bottom: calc(-.15625em + 0px) } h2::after, .sprk-b-TypeDisplayTwo::after { margin-top: calc(-.15625em + 0px) } @media screen and (min-width: 43.75rem) { h2, .sprk-b-TypeDisplayTwo { line-height: 1; font-size: 2.5rem } h2::before, h2::after, .sprk-b-TypeDisplayTwo::before, .sprk-b-TypeDisplayTwo::after { content: ''; display: block; height: 0; width: 0 } h2::before, .sprk-b-TypeDisplayTwo::before { margin-bottom: calc(-.125em + 0px) } h2::after, .sprk-b-TypeDisplayTwo::after { margin-top: calc(-.125em + 0px) } } h3, .sprk-b-TypeDisplayThree { line-height: 1.6; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1.75rem; font-weight: 300 } h3::before, h3::after, .sprk-b-TypeDisplayThree::before, .sprk-b-TypeDisplayThree::after { content: ''; display: block; height: 0; width: 0 } h3::before, .sprk-b-TypeDisplayThree::before { margin-bottom: calc(-.17857em + 0px) } h3::after, .sprk-b-TypeDisplayThree::after { margin-top: calc(-.17857em + 0px) } @media screen and (min-width: 43.75rem) { h3, .sprk-b-TypeDisplayThree { line-height: 1.32; font-size: 2.125rem } h3::before, h3::after, .sprk-b-TypeDisplayThree::before, .sprk-b-TypeDisplayThree::after { content: ''; display: block; height: 0; width: 0 } h3::before, .sprk-b-TypeDisplayThree::before { margin-bottom: calc(-.00706em + 0px) } h3::after, .sprk-b-TypeDisplayThree::after { margin-top: calc(-.00706em + 0px) } } h4, .sprk-b-TypeDisplayFour { line-height: 1.23; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1.625rem; font-weight: bold } h4::before, h4::after, .sprk-b-TypeDisplayFour::before, .sprk-b-TypeDisplayFour::after { content: ''; display: block; height: 0; width: 0 } h4::before, .sprk-b-TypeDisplayFour::before { margin-bottom: calc(-.19231em + 0px) } h4::after, .sprk-b-TypeDisplayFour::after { margin-top: calc(-.19231em + 0px) } h5, .sprk-b-TypeDisplayFive { line-height: 1.2; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1.25rem; font-weight: 500 } h5::before, h5::after, .sprk-b-TypeDisplayFive::before, .sprk-b-TypeDisplayFive::after { content: ''; display: block; height: 0; width: 0 } h5::before, .sprk-b-TypeDisplayFive::before { margin-bottom: calc(-.25em + 0px) } h5::after, .sprk-b-TypeDisplayFive::after { margin-top: calc(-.25em + 0px) } h6, .sprk-b-TypeDisplaySix { line-height: 1.2; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1.25rem; font-weight: 300; line-height: 1.2 } h6::before, h6::after, .sprk-b-TypeDisplaySix::before, .sprk-b-TypeDisplaySix::after { content: ''; display: block; height: 0; width: 0 } h6::before, .sprk-b-TypeDisplaySix::before { margin-bottom: calc(-.25em + 0px) } h6::after, .sprk-b-TypeDisplaySix::after { margin-top: calc(-.25em + 0px) } .sprk-b-TypeDisplaySeven { line-height: 1; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1 } .sprk-b-TypeDisplaySeven::before, .sprk-b-TypeDisplaySeven::after { content: ''; display: block; height: 0; width: 0 } .sprk-b-TypeDisplaySeven::before { margin-bottom: calc(-.3125em + 0px) } .sprk-b-TypeDisplaySeven::after { margin-top: calc(-.3125em + 0px) } .sprk-b-TypeBodyOne { line-height: 1.6; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 500 } .sprk-b-TypeBodyOne::before, .sprk-b-TypeBodyOne::after { content: ''; display: block; height: 0; width: 0 } .sprk-b-TypeBodyOne::before { margin-bottom: calc(-.3125em + 0px) } .sprk-b-TypeBodyOne::after { margin-top: calc(-.3125em + 0px) } p, body, .sprk-b-TypeBodyTwo { line-height: 1.6; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 300 } p::before, p::after, body::before, body::after, .sprk-b-TypeBodyTwo::before, .sprk-b-TypeBodyTwo::after { content: ''; display: block; height: 0; width: 0 } p::before, body::before, .sprk-b-TypeBodyTwo::before { margin-bottom: calc(-.3125em + 0px) } p::after, body::after, .sprk-b-TypeBodyTwo::after { margin-top: calc(-.3125em + 0px) } .sprk-b-TypeBodyThree { line-height: 2; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 300 } .sprk-b-TypeBodyThree::before, .sprk-b-TypeBodyThree::after { content: ''; display: block; height: 0; width: 0 } .sprk-b-TypeBodyThree::before { margin-bottom: calc(-.3125em + 0px) } .sprk-b-TypeBodyThree::after { margin-top: calc(-.3125em + 0px) } .sprk-b-TypeBodyFour { line-height: 1.84; color: #333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: .8125rem; font-weight: 300 } .sprk-b-TypeBodyFour::before, .sprk-b-TypeBodyFour::after { content: ''; display: block; height: 0; width: 0 } .sprk-b-TypeBodyFour::before { margin-bottom: calc(-.38462em + 0px) } .sprk-b-TypeBodyFour::after { margin-top: calc(-.38462em + 0px) } .sprk-b-PageTitle::before { content: ''; width: 32px; border-top-width: 5px; border-top-style: solid; border-top-color: #c8102e; padding: 0 0 24px } @media all and (min-width: 54rem) { .sprk-b-PageTitle::before { border-top-width: 6px; padding: 0 0 16px } } .sprk-o-Stack { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100% } .sprk-o-Stack--center-row { -ms-flex-pack: center; justify-content: center } .sprk-o-Stack--end-row { -ms-flex-pack: end; justify-content: flex-end } @media all and (min-width: 20rem) { .sprk-o-Stack--end-row\@xxs { -ms-flex-pack: end; justify-content: flex-end } } @media all and (min-width: 30rem) { .sprk-o-Stack--end-row\@xs { -ms-flex-pack: end; justify-content: flex-end } } @media all and (min-width: 42.5rem) { .sprk-o-Stack--end-row\@s { -ms-flex-pack: end; justify-content: flex-end } } @media all and (min-width: 55rem) { .sprk-o-Stack--end-row\@m { -ms-flex-pack: end; justify-content: flex-end } } @media all and (min-width: 67.5rem) { .sprk-o-Stack--end-row\@l { -ms-flex-pack: end; justify-content: flex-end } } @media all and (min-width: 80rem) { .sprk-o-Stack--end-row\@xl { -ms-flex-pack: end; justify-content: flex-end } } .sprk-o-Stack--end-column { -ms-flex-align: end; align-items: flex-end } @media all and (min-width: 20rem) { .sprk-o-Stack--end-column\@xxs { -ms-flex-align: end; align-items: flex-end } } @media all and (min-width: 30rem) { .sprk-o-Stack--end-column\@xs { -ms-flex-align: end; align-items: flex-end } } @media all and (min-width: 42.5rem) { .sprk-o-Stack--end-column\@s { -ms-flex-align: end; align-items: flex-end } } @media all and (min-width: 55rem) { .sprk-o-Stack--end-column\@m { -ms-flex-align: end; align-items: flex-end } } @media all and (min-width: 67.5rem) { .sprk-o-Stack--end-column\@l { -ms-flex-align: end; align-items: flex-end } } @media all and (min-width: 80rem) { .sprk-o-Stack--end-column\@xl { -ms-flex-align: end; align-items: flex-end } } .sprk-o-Stack--center-column { -ms-flex-align: center; align-items: center } .sprk-o-Stack__item { -ms-flex: 0 0 auto; flex: 0 0 auto } .sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-bottom: 4px } .sprk-o-Stack--small > .sprk-o-Stack__item { margin-bottom: 8px } .sprk-o-Stack--medium > .sprk-o-Stack__item { margin-bottom: 16px } .sprk-o-Stack--large > .sprk-o-Stack__item { margin-bottom: 32px } .sprk-o-Stack--huge > .sprk-o-Stack__item { margin-bottom: 64px } .sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-bottom: 24px } .sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-bottom: 40px } .sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-bottom: 48px } .sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-bottom: 80px } .sprk-o-Stack--tiny > .sprk-o-Stack__item:last-child, .sprk-o-Stack--small > .sprk-o-Stack__item:last-child, .sprk-o-Stack--medium > .sprk-o-Stack__item:last-child, .sprk-o-Stack--large > .sprk-o-Stack__item:last-child, .sprk-o-Stack--huge > .sprk-o-Stack__item:last-child, .sprk-o-Stack--misc-a > .sprk-o-Stack__item:last-child, .sprk-o-Stack--misc-b > .sprk-o-Stack__item:last-child, .sprk-o-Stack--misc-c > .sprk-o-Stack__item:last-child, .sprk-o-Stack--misc-d > .sprk-o-Stack__item:last-child { margin-bottom: 0 } @media all and (min-width: 20rem) { [class*='sprk-o-Stack__item--sixth@xxs'], [class*='sprk-o-Stack__item--fifth@xxs'], [class*='sprk-o-Stack__item--fourth@xxs'], [class*='sprk-o-Stack__item--third@xxs'], [class*='sprk-o-Stack__item--half@xxs'], [class*='sprk-o-Stack__item--three-fifths@xxs'], [class*='sprk-o-Stack__item--three-tenths@xxs'], [class*='sprk-o-Stack__item--seven-tenths@xxs'], [class*='sprk-o-Stack__item--three-fourths@xxs'], [class*='sprk-o-Stack__item--two-fifths@xxs'] { margin: 0 !important } } @media all and (min-width: 30rem) { [class*='sprk-o-Stack__item--sixth@xs'], [class*='sprk-o-Stack__item--fifth@xs'], [class*='sprk-o-Stack__item--fourth@xs'], [class*='sprk-o-Stack__item--third@xs'], [class*='sprk-o-Stack__item--half@xs'], [class*='sprk-o-Stack__item--three-fifths@xs'], [class*='sprk-o-Stack__item--three-tenths@xs'], [class*='sprk-o-Stack__item--seven-tenths@xs'], [class*='sprk-o-Stack__item--three-fourths@xs'], [class*='sprk-o-Stack__item--two-fifths@xs'] { margin: 0 !important } } @media all and (min-width: 42.5rem) { [class*='sprk-o-Stack__item--sixth@s'], [class*='sprk-o-Stack__item--fifth@s'], [class*='sprk-o-Stack__item--fourth@s'], [class*='sprk-o-Stack__item--third@s'], [class*='sprk-o-Stack__item--half@s'], [class*='sprk-o-Stack__item--three-fifths@s'], [class*='sprk-o-Stack__item--three-tenths@s'], [class*='sprk-o-Stack__item--seven-tenths@s'], [class*='sprk-o-Stack__item--three-fourths@s'], [class*='sprk-o-Stack__item--two-fifths@s'] { margin: 0 !important } } @media all and (min-width: 55rem) { [class*='sprk-o-Stack__item--sixth@m'], [class*='sprk-o-Stack__item--fifth@m'], [class*='sprk-o-Stack__item--fourth@m'], [class*='sprk-o-Stack__item--third@m'], [class*='sprk-o-Stack__item--half@m'], [class*='sprk-o-Stack__item--three-fifths@m'], [class*='sprk-o-Stack__item--three-tenths@m'], [class*='sprk-o-Stack__item--seven-tenths@m'], [class*='sprk-o-Stack__item--three-fourths@m'], [class*='sprk-o-Stack__item--two-fifths@m'] { margin: 0 !important } } @media all and (min-width: 67.5rem) { [class*='sprk-o-Stack__item--sixth@l'], [class*='sprk-o-Stack__item--fifth@l'], [class*='sprk-o-Stack__item--fourth@l'], [class*='sprk-o-Stack__item--third@l'], [class*='sprk-o-Stack__item--half@l'], [class*='sprk-o-Stack__item--three-fifths@l'], [class*='sprk-o-Stack__item--three-tenths@l'], [class*='sprk-o-Stack__item--seven-tenths@l'], [class*='sprk-o-Stack__item--three-fourths@l'], [class*='sprk-o-Stack__item--two-fifths@l'] { margin: 0 !important } } @media all and (min-width: 80rem) { [class*='sprk-o-Stack__item--sixth@xl'], [class*='sprk-o-Stack__item--fifth@xl'], [class*='sprk-o-Stack__item--fourth@xl'], [class*='sprk-o-Stack__item--third@xl'], [class*='sprk-o-Stack__item--half@xl'], [class*='sprk-o-Stack__item--three-fifths@xl'], [class*='sprk-o-Stack__item--three-tenths@xl'], [class*='sprk-o-Stack__item--seven-tenths@xl'], [class*='sprk-o-Stack__item--three-fourths@xl'], [class*='sprk-o-Stack__item--two-fifths@xl'] { margin: 0 !important } } @media all and (min-width: 20rem) { .sprk-o-Stack--split\@xxs, .sprk-o-Stack--split-reverse\@xxs { -ms-flex-direction: row; flex-direction: row } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item { margin-bottom: 0 } .sprk-o-Stack--split\@xxs.sprk-o-Stack--tiny > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-right: 4px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--small > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--small > .sprk-o-Stack__item { margin-right: 8px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--medium > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--medium > .sprk-o-Stack__item { margin-right: 16px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--large > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--large > .sprk-o-Stack__item { margin-right: 32px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--huge > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--huge > .sprk-o-Stack__item { margin-right: 64px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-a > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-right: 24px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-b > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-right: 40px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-c > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-right: 48px } .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-d > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-right: 80px } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--sixth\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--sixth\@xxs { -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--fifth\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--fifth\@xxs { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--fourth\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--fourth\@xxs { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--third\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--third\@xxs { -ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--half\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--half\@xxs { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--three-fourths\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--three-fourths\@xxs { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--three-fifths\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--three-fifths\@xxs { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--three-tenths\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--three-tenths\@xxs { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--seven-tenths\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--seven-tenths\@xxs { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% } .sprk-o-Stack--split\@xxs > .sprk-o-Stack__item--two-fifths\@xxs, .sprk-o-Stack--split-reverse\@xxs > .sprk-o-Stack__item--two-fifths\@xxs { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media all and (min-width: 20rem) { .sprk-o-Stack--split\@xxs.sprk-o-Stack--tiny>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--small>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--medium>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--large>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--huge>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-a>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-b>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-c>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xxs.sprk-o-Stack--misc-d>.sprk-o-Stack__item: last-child { margin-right: 0 } } @media all and (min-width: 30rem) { .sprk-o-Stack--split\@xs, .sprk-o-Stack--split-reverse\@xs { -ms-flex-direction: row; flex-direction: row } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item { margin-bottom: 0 } .sprk-o-Stack--split\@xs.sprk-o-Stack--tiny > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-right: 4px } .sprk-o-Stack--split\@xs.sprk-o-Stack--small > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--small > .sprk-o-Stack__item { margin-right: 8px } .sprk-o-Stack--split\@xs.sprk-o-Stack--medium > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--medium > .sprk-o-Stack__item { margin-right: 16px } .sprk-o-Stack--split\@xs.sprk-o-Stack--large > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--large > .sprk-o-Stack__item { margin-right: 32px } .sprk-o-Stack--split\@xs.sprk-o-Stack--huge > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--huge > .sprk-o-Stack__item { margin-right: 64px } .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-a > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-right: 24px } .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-b > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-right: 40px } .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-c > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-right: 48px } .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-d > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-right: 80px } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--sixth\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--sixth\@xs { -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--fifth\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--fifth\@xs { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--fourth\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--fourth\@xs { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--third\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--third\@xs { -ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--half\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--half\@xs { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--three-fourths\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--three-fourths\@xs { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--three-fifths\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--three-fifths\@xs { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--three-tenths\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--three-tenths\@xs { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--seven-tenths\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--seven-tenths\@xs { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% } .sprk-o-Stack--split\@xs > .sprk-o-Stack__item--two-fifths\@xs, .sprk-o-Stack--split-reverse\@xs > .sprk-o-Stack__item--two-fifths\@xs { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media all and (min-width: 30rem) { .sprk-o-Stack--split\@xs.sprk-o-Stack--tiny>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--small>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--medium>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--large>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--huge>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-a>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-b>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-c>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xs.sprk-o-Stack--misc-d>.sprk-o-Stack__item: last-child { margin-right: 0 } } @media all and (min-width: 42.5rem) { .sprk-o-Stack--split\@s, .sprk-o-Stack--split-reverse\@s { -ms-flex-direction: row; flex-direction: row } .sprk-o-Stack--split\@s > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item { margin-bottom: 0 } .sprk-o-Stack--split\@s.sprk-o-Stack--tiny > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-right: 4px } .sprk-o-Stack--split\@s.sprk-o-Stack--small > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--small > .sprk-o-Stack__item { margin-right: 8px } .sprk-o-Stack--split\@s.sprk-o-Stack--medium > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--medium > .sprk-o-Stack__item { margin-right: 16px } .sprk-o-Stack--split\@s.sprk-o-Stack--large > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--large > .sprk-o-Stack__item { margin-right: 32px } .sprk-o-Stack--split\@s.sprk-o-Stack--huge > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--huge > .sprk-o-Stack__item { margin-right: 64px } .sprk-o-Stack--split\@s.sprk-o-Stack--misc-a > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-right: 24px } .sprk-o-Stack--split\@s.sprk-o-Stack--misc-b > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-right: 40px } .sprk-o-Stack--split\@s.sprk-o-Stack--misc-c > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-right: 48px } .sprk-o-Stack--split\@s.sprk-o-Stack--misc-d > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-right: 80px } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--sixth\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--sixth\@s { -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--fifth\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--fifth\@s { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--fourth\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--fourth\@s { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--third\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--third\@s { -ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--half\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--half\@s { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--three-fourths\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--three-fourths\@s { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--three-fifths\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--three-fifths\@s { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--three-tenths\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--three-tenths\@s { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--seven-tenths\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--seven-tenths\@s { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% } .sprk-o-Stack--split\@s > .sprk-o-Stack__item--two-fifths\@s, .sprk-o-Stack--split-reverse\@s > .sprk-o-Stack__item--two-fifths\@s { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media all and (min-width: 42.5rem) { .sprk-o-Stack--split\@s.sprk-o-Stack--tiny>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--small>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--medium>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--large>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--huge>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--misc-a>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--misc-b>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--misc-c>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@s.sprk-o-Stack--misc-d>.sprk-o-Stack__item: last-child { margin-right: 0 } } @media all and (min-width: 55rem) { .sprk-o-Stack--split\@m, .sprk-o-Stack--split-reverse\@m { -ms-flex-direction: row; flex-direction: row } .sprk-o-Stack--split\@m > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item { margin-bottom: 0 } .sprk-o-Stack--split\@m.sprk-o-Stack--tiny > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-right: 4px } .sprk-o-Stack--split\@m.sprk-o-Stack--small > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--small > .sprk-o-Stack__item { margin-right: 8px } .sprk-o-Stack--split\@m.sprk-o-Stack--medium > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--medium > .sprk-o-Stack__item { margin-right: 16px } .sprk-o-Stack--split\@m.sprk-o-Stack--large > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--large > .sprk-o-Stack__item { margin-right: 32px } .sprk-o-Stack--split\@m.sprk-o-Stack--huge > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--huge > .sprk-o-Stack__item { margin-right: 64px } .sprk-o-Stack--split\@m.sprk-o-Stack--misc-a > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-right: 24px } .sprk-o-Stack--split\@m.sprk-o-Stack--misc-b > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-right: 40px } .sprk-o-Stack--split\@m.sprk-o-Stack--misc-c > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-right: 48px } .sprk-o-Stack--split\@m.sprk-o-Stack--misc-d > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-right: 80px } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--sixth\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--sixth\@m { -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--fifth\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--fifth\@m { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--fourth\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--fourth\@m { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--third\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--third\@m { -ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--half\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--half\@m { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--three-fourths\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--three-fourths\@m { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--three-fifths\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--three-fifths\@m { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--three-tenths\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--three-tenths\@m { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--seven-tenths\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--seven-tenths\@m { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% } .sprk-o-Stack--split\@m > .sprk-o-Stack__item--two-fifths\@m, .sprk-o-Stack--split-reverse\@m > .sprk-o-Stack__item--two-fifths\@m { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media all and (min-width: 55rem) { .sprk-o-Stack--split\@m.sprk-o-Stack--tiny>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--small>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--medium>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--large>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--huge>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--misc-a>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--misc-b>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--misc-c>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@m.sprk-o-Stack--misc-d>.sprk-o-Stack__item: last-child { margin-right: 0 } } @media all and (min-width: 67.5rem) { .sprk-o-Stack--split\@l, .sprk-o-Stack--split-reverse\@l { -ms-flex-direction: row; flex-direction: row } .sprk-o-Stack--split\@l > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item { margin-bottom: 0 } .sprk-o-Stack--split\@l.sprk-o-Stack--tiny > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-right: 4px } .sprk-o-Stack--split\@l.sprk-o-Stack--small > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--small > .sprk-o-Stack__item { margin-right: 8px } .sprk-o-Stack--split\@l.sprk-o-Stack--medium > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--medium > .sprk-o-Stack__item { margin-right: 16px } .sprk-o-Stack--split\@l.sprk-o-Stack--large > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--large > .sprk-o-Stack__item { margin-right: 32px } .sprk-o-Stack--split\@l.sprk-o-Stack--huge > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--huge > .sprk-o-Stack__item { margin-right: 64px } .sprk-o-Stack--split\@l.sprk-o-Stack--misc-a > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-right: 24px } .sprk-o-Stack--split\@l.sprk-o-Stack--misc-b > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-right: 40px } .sprk-o-Stack--split\@l.sprk-o-Stack--misc-c > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-right: 48px } .sprk-o-Stack--split\@l.sprk-o-Stack--misc-d > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-right: 80px } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--sixth\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--sixth\@l { -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--fifth\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--fifth\@l { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--fourth\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--fourth\@l { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--third\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--third\@l { -ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--half\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--half\@l { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--three-fourths\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--three-fourths\@l { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--three-fifths\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--three-fifths\@l { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--three-tenths\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--three-tenths\@l { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--seven-tenths\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--seven-tenths\@l { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% } .sprk-o-Stack--split\@l > .sprk-o-Stack__item--two-fifths\@l, .sprk-o-Stack--split-reverse\@l > .sprk-o-Stack__item--two-fifths\@l { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media all and (min-width: 67.5rem) { .sprk-o-Stack--split\@l.sprk-o-Stack--tiny>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--small>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--medium>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--large>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--huge>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--misc-a>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--misc-b>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--misc-c>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@l.sprk-o-Stack--misc-d>.sprk-o-Stack__item: last-child { margin-right: 0 } } @media all and (min-width: 80rem) { .sprk-o-Stack--split\@xl, .sprk-o-Stack--split-reverse\@xl { -ms-flex-direction: row; flex-direction: row } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item { margin-bottom: 0 } .sprk-o-Stack--split\@xl.sprk-o-Stack--tiny > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--tiny > .sprk-o-Stack__item { margin-right: 4px } .sprk-o-Stack--split\@xl.sprk-o-Stack--small > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--small > .sprk-o-Stack__item { margin-right: 8px } .sprk-o-Stack--split\@xl.sprk-o-Stack--medium > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--medium > .sprk-o-Stack__item { margin-right: 16px } .sprk-o-Stack--split\@xl.sprk-o-Stack--large > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--large > .sprk-o-Stack__item { margin-right: 32px } .sprk-o-Stack--split\@xl.sprk-o-Stack--huge > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--huge > .sprk-o-Stack__item { margin-right: 64px } .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-a > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-a > .sprk-o-Stack__item { margin-right: 24px } .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-b > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-b > .sprk-o-Stack__item { margin-right: 40px } .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-c > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-c > .sprk-o-Stack__item { margin-right: 48px } .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-d > .sprk-o-Stack__item, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-d > .sprk-o-Stack__item { margin-right: 80px } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--sixth\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--sixth\@xl { -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--fifth\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--fifth\@xl { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--fourth\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--fourth\@xl { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--third\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--third\@xl { -ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--half\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--half\@xl { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--three-fourths\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--three-fourths\@xl { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--three-fifths\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--three-fifths\@xl { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--three-tenths\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--three-tenths\@xl { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--seven-tenths\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--seven-tenths\@xl { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% } .sprk-o-Stack--split\@xl > .sprk-o-Stack__item--two-fifths\@xl, .sprk-o-Stack--split-reverse\@xl > .sprk-o-Stack__item--two-fifths\@xl { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media all and (min-width: 80rem) { .sprk-o-Stack--split\@xl.sprk-o-Stack--tiny>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--small>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--medium>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--large>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--huge>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-a>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-b>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-c>.sprk-o-Stack__item: last-child, .sprk-o-Stack--split\@xl.sprk-o-Stack--misc-d>.sprk-o-Stack__item: last-child { margin-right: 0 } } @media all and (min-width: 20rem) { .sprk-o-Stack__item--flex\@xxs { -ms-flex: 1; flex: 1 } } @media all and (min-width: 30rem) { .sprk-o-Stack__item--flex\@xs { -ms-flex: 1; flex: 1 } } @media all and (min-width: 42.5rem) { .sprk-o-Stack__item--flex\@s { -ms-flex: 1; flex: 1 } } @media all and (min-width: 55rem) { .sprk-o-Stack__item--flex\@m { -ms-flex: 1; flex: 1 } } @media all and (min-width: 67.5rem) { .sprk-o-Stack__item--flex\@l { -ms-flex: 1; flex: 1 } } @media all and (min-width: 80rem) { .sprk-o-Stack__item--flex\@xl { -ms-flex: 1; flex: 1 } } .sprk-o-Stack__item--end-column { -ms-flex-item-align: end; align-self: flex-end } @media all and (min-width: 30rem) { .sprk-o-Stack__item--end-column\@xxs { -ms-flex-item-align: end; align-self: flex-end } } @media all and (min-width: 30rem) { .sprk-o-Stack__item--end-column\@xs { -ms-flex-item-align: end; align-self: flex-end } } @media all and (min-width: 42.5rem) { .sprk-o-Stack__item--end-column\@s { -ms-flex-item-align: end; align-self: flex-end } } @media all and (min-width: 55rem) { .sprk-o-Stack__item--end-column\@m { -ms-flex-item-align: end; align-self: flex-end } } @media all and (min-width: 67.5rem) { .sprk-o-Stack__item--end-column\@l { -ms-flex-item-align: end; align-self: flex-end } } @media all and (min-width: 80rem) { .sprk-o-Stack__item--end-column\@xl { -ms-flex-item-align: end; align-self: flex-end } } .sprk-o-Stack__item--start-column { -ms-flex-item-align: start; align-self: flex-start } @media all and (min-width: 20rem) { .sprk-o-Stack__item--start-column\@xxs { -ms-flex-item-align: start; align-self: flex-start } } @media all and (min-width: 30rem) { .sprk-o-Stack__item--start-column\@xs { -ms-flex-item-align: start; align-self: flex-start } } @media all and (min-width: 42.5rem) { .sprk-o-Stack__item--start-column\@s { -ms-flex-item-align: start; align-self: flex-start } } @media all and (min-width: 55rem) { .sprk-o-Stack__item--start-column\@m { -ms-flex-item-align: start; align-self: flex-start } } @media all and (min-width: 67.5rem) { .sprk-o-Stack__item--start-column\@l { -ms-flex-item-align: start; align-self: flex-start } } @media all and (min-width: 80rem) { .sprk-o-Stack__item--start-column\@xl { -ms-flex-item-align: start; align-self: flex-start } } .sprk-o-Stack__item--center-column { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } @media all and (min-width: 20rem) { .sprk-o-Stack__item--center-column\@xxs { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media all and (min-width: 30rem) { .sprk-o-Stack__item--center-column\@xs { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media all and (min-width: 42.5rem) { .sprk-o-Stack__item--center-column\@s { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media all and (min-width: 55rem) { .sprk-o-Stack__item--center-column\@m { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media all and (min-width: 67.5rem) { .sprk-o-Stack__item--center-column\@l { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media all and (min-width: 80rem) { .sprk-o-Stack__item--center-column\@xl { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media all and (min-width: 20rem) { .sprk-o-Stack--split-reverse\@xxs { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--tiny>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--small>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--medium>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--large>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--huge>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-a>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-b>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-c>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xxs.sprk-o-Stack--misc-d>.sprk-o-Stack__item: first-child { margin-right: 0 } } @media all and (min-width: 30rem) { .sprk-o-Stack--split-reverse\@xs { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--tiny>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--small>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--medium>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--large>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--huge>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-a>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-b>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-c>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xs.sprk-o-Stack--misc-d>.sprk-o-Stack__item: first-child { margin-right: 0 } } @media all and (min-width: 42.5rem) { .sprk-o-Stack--split-reverse\@s { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--tiny>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--small>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--medium>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--large>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--huge>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-a>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-b>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-c>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@s.sprk-o-Stack--misc-d>.sprk-o-Stack__item: first-child { margin-right: 0 } } @media all and (min-width: 55rem) { .sprk-o-Stack--split-reverse\@m { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--tiny>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--small>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--medium>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--large>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--huge>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-a>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-b>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-c>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@m.sprk-o-Stack--misc-d>.sprk-o-Stack__item: first-child { margin-right: 0 } } @media all and (min-width: 67.5rem) { .sprk-o-Stack--split-reverse\@l { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--tiny>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--small>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--medium>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--large>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--huge>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-a>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-b>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-c>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@l.sprk-o-Stack--misc-d>.sprk-o-Stack__item: first-child { margin-right: 0 } } @media all and (min-width: 80rem) { .sprk-o-Stack--split-reverse\@xl { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--tiny>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--small>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--medium>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--large>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--huge>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-a>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-b>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-c>.sprk-o-Stack__item: first-child, .sprk-o-Stack--split-reverse\@xl.sprk-o-Stack--misc-d>.sprk-o-Stack__item: first-child { margin-right: 0 } } .sprk-c-Accordion { border-top: 2px solid #e6e6e6; max-width: 53.125rem; width: 100% } .sprk-c-Accordion__item--open + .sprk-c-Accordion__item--open::before { display: none } .sprk-c-Accordion__item { border-bottom: 2px solid #e6e6e6 } .sprk-c-Accordion__heading { -ms-flex: 1; flex: 1 } .sprk-c-Accordion__icon { -ms-flex: 0 0 auto; flex: 0 0 auto } .sprk-c-Accordion__summary { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; padding: 24px 0; text-decoration: none } .sprk-c-Accordion__summary:hover .sprk-c-Accordion__heading { color: #13a48e; text-decoration: none } .sprk-c-Accordion__item--open .sprk-c-Accordion__icon { color: #13a48e } .sprk-c-Accordion__content { padding: 0 0 32px } .sprk-c-Alert { -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #f7f7f7; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.08); border-radius: 4px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .sprk-c-Alert--info { background-color: #f1faff; border: 1px solid #007dba; color: #333 } .sprk-c-Alert--info .sprk-c-Alert__icon:first-child { color: #007dba } .sprk-c-Alert--info .sprk-c-Alert__text { color: #333 } .sprk-c-Alert--success { background-color: #edfdfb; border: 1px solid #13a48e; color: #333 } .sprk-c-Alert--success .sprk-c-Alert__icon:first-child { color: #13a48e } .sprk-c-Alert--success .sprk-c-Alert__text { color: #333 } .sprk-c-Alert--fail { background-color: #fff8e8; border: 1px solid #f5be40; color: #333 } .sprk-c-Alert--fail .sprk-c-Alert__icon:first-child { color: #f5be40 } .sprk-c-Alert--fail .sprk-c-Alert__text { color: #333 } .sprk-c-Alert__content { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; padding: 16px 16px 16px 24px } .sprk-c-Alert__text { color: #333; font-size: 1rem; font-weight: 400; line-height: 1.5 } .sprk-c-Alert__content, .sprk-c-Alert__icon .sprk-c-Icon { -ms-flex: 1; flex: 1 } .sprk-c-Alert__icon { -ms-flex: 0 0 auto; flex: 0 0 auto } .sprk-c-Alert__icon:first-child { margin: 0 24px 0 0 } .sprk-c-Alert .sprk-c-Icon { height: 32px; width: 32px } .sprk-c-Alert__icon--dismiss { -ms-flex-item-align: start; align-self: flex-start; background-color: transparent; border: 0; color: #333; padding: 16px 24px 16px 16px } .sprk-c-Alert__icon--dismiss .sprk-c-Icon { height: 16px; width: 16px } .sprk-c-Button { -webkit-appearance: none; background-color: #13a48e; border-color: #13a48e; border-radius: 4px; border-style: solid; border-width: 2px; color: #fff; cursor: pointer; display: inline-block; font-family: inherit; font-size: inherit; font-weight: 500; letter-spacing: .62px; line-height: normal; margin: 0; overflow: visible; padding: 16px 24px; text-align: center; text-decoration: none; transition: all .3s; vertical-align: middle; white-space: normal } .sprk-c-Button:hover, .sprk-c-Button:active, .sprk-c-Button:focus { background-color: #01947e; border-color: #01947e; box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08); color: #fff; text-decoration: none } .sprk-c-Button:visited { color: #fff } .sprk-c-Button--compact { padding: 8px 16px 8px 16px } .sprk-c-Button--full\@xs { width: 100% } @media screen and (min-width: 30rem) { .sprk-c-Button--full\@xs { width: auto } } .sprk-c-Button--full\@sm, .sprk-c-Button--full\@s { width: 100% } @media screen and (min-width: 42.5rem) { .sprk-c-Button--full\@sm, .sprk-c-Button--full\@s { width: auto } } .sprk-c-Button--secondary { background-color: #fff; border: 2px solid #cfcfcf; color: #333; letter-spacing: .62px } .sprk-c-Button--secondary:visited { color: #333 } .sprk-c-Button--secondary:hover, .sprk-c-Button--secondary:active, .sprk-c-Button--secondary:focus { box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08); background-color: #fff; border: 2px solid #333; color: #333 } .sprk-c-Button--tertiary { background-color: rgba(0, 0, 0, 0); box-shadow: none; border: none; color: #333; letter-spacing: normal } .sprk-c-Button--tertiary:hover, .sprk-c-Button--tertiary:active, .sprk-c-Button--tertiary:focus { background-color: rgba(0, 0, 0, 0); color: #333; box-shadow: none } .sprk-c-Button--tertiary:visited { color: #333 } .sprk-c-Button--tertiary::after { content: ''; border-bottom: .125em solid #cfcfcf; display: block; width: 100%; padding-top: .125em; margin: 0 auto } .sprk-c-Button--tertiary:hover::after, .sprk-c-Button--tertiary:active::after, .sprk-c-Button--tertiary:focus::after { border-color: #333; transition: border .3s ease-in-out } .sprk-b-Button::-moz-focus-inner { border: 0; padding: 0 } .sprk-c-Button.sprk-is-Disabled, .sprk-c-Button[disabled] { opacity: 1; pointer-events: none; box-shadow: none; background-color: #cfcfcf; border-width: 2px; border-color: rgba(0, 0, 0, 0); border-style: solid; color: #fff } .sprk-c-Button.sprk-is-Disabled:hover, .sprk-c-Button.sprk-is-Disabled:active, .sprk-c-Button.sprk-is-Disabled:focus, .sprk-c-Button[disabled]:hover, .sprk-c-Button[disabled]:active, .sprk-c-Button[disabled]:focus { background-color: #cfcfcf; border-color: rgba(0, 0, 0, 0); color: #fff } .sprk-c-Button.sprk-is-Disabled:visited, .sprk-c-Button[disabled]:visited { color: #fff } .sprk-c-Button--secondary.sprk-is-Disabled, .sprk-c-Button--secondary[disabled] { box-shadow: none; background-color: rgba(0, 0, 0, 0); border-color: #cfcfcf; color: #cfcfcf } .sprk-c-Button--tertiary.sprk-is-Disabled, .sprk-c-Button--tertiary[disabled] { box-shadow: none; border: none; color: #cfcfcf; background-color: rgba(0, 0, 0, 0) } .sprk-c-Card { box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.08); border-radius: 8px; max-width: 26.5625rem } @media all and (min-width: 42.5rem) { .sprk-c-Card { box-shadow: 0 3px 18px 1px rgba(0, 0, 0, 0.08) } } .sprk-c-Card--standout { box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.1) } @media all and (min-width: 42.5rem) { .sprk-c-Card--standout { box-shadow: 0 4px 40px 2px rgba(0, 0, 0, 0.1) } } .sprk-c-Card__content, .sprk-c-Card__header { padding: 24px } .sprk-c-Card__header { background-color: #13a48e; color: #fff } .sprk-c-Card__media, .sprk-c-Card__header { border-radius: 8px 8px 0 0 } .sprk-c-Card__container { -ms-flex: 0 1 26.5625rem; flex: 0 1 26.5625rem; min-width: 0 } @media all and (min-width: 30rem) { .sprk-o-Stack__item.sprk-o-Stack__item--flex\@xs.sprk-c-Card { -ms-flex: 0 1 26.5625rem; flex: 0 1 26.5625rem; min-width: 0% } } @media all and (min-width: 42.5rem) { .sprk-o-Stack__item.sprk-o-Stack__item--flex\@s.sprk-c-Card { -ms-flex: 0 1 26.5625rem; flex: 0 1 26.5625rem; min-width: 0% } } @media all and (min-width: 55rem) { .sprk-o-Stack__item.sprk-o-Stack__item--flex\@m.sprk-c-Card { -ms-flex: 0 1 26.5625rem; flex: 0 1 26.5625rem; min-width: 0% } } @media all and (min-width: 67.5rem) { .sprk-o-Stack__item.sprk-o-Stack__item--flex\@l.sprk-c-Card { -ms-flex: 0 1 26.5625rem; flex: 0 1 26.5625rem; min-width: 0% } } @media all and (min-width: 80rem) { .sprk-o-Stack__item.sprk-o-Stack__item--flex\@xl.sprk-c-Card { -ms-flex: 0 1 26.5625rem; flex: 0 1 26.5625rem; min-width: 0% } } .sprk-c-Card--full { max-width: 100% } .sprk-c-Carousel__frame { position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; max-width: 18.75rem } @media (min-width: 55rem) { .sprk-c-Carousel__frame { max-width: none } } .sprk-c-Carousel__frame-item { position: relative; display: inline-block; text-align: center; font-size: 1rem; line-height: 1.6; color: #fff; max-width: 18.75rem } @media (min-width: 55rem) { .sprk-c-Carousel__frame-item { max-width: none } } .sprk-c-Carousel__frame-item img { width: 100% } .sprk-c-Carousel__slides { display: inline-block } .sprk-c-Carousel__prev, .sprk-c-Carousel__next { background: none; border: none; display: block; cursor: pointer; color: #fff; padding: 16px; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; z-index: 1 } @media (min-width: 31.25rem) { .sprk-c-Carousel__prev, .sprk-c-Carousel__next { position: static } } @media (min-width: 55rem) { .sprk-c-Carousel__prev, .sprk-c-Carousel__next { display: none } } .sprk-c-Carousel__prev { margin-right: 16px; left: 0 } .sprk-c-Carousel__next { margin-left: 16px; right: 0 } .sprk-c-Carousel__dots { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; padding: 4px; -ms-touch-action: manipulation; touch-action: manipulation } @media (min-width: 55rem) { .sprk-c-Carousel__dots { display: none } } .sprk-c-Carousel__dot-container { -ms-flex-pack: center; justify-content: center; margin: 16px } @media (min-width: 31.25rem) { .sprk-c-Carousel__dot-container { margin-right: 16px } } .sprk-c-Carousel__dot-container:last-child { margin-right: 0 } .sprk-c-Carousel__dot { background: none; border-radius: 50%; border: 2px solid #fff; cursor: pointer; display: block; height: 10px; padding: 0; width: 10px } @media (min-width: 31.25rem) { .sprk-c-Carousel__dot { height: 10px; width: 10px } } .sprk-c-Carousel__dot--active { background-color: #fff; box-shadow: 0 0 0 8px #13a48e } .dp { background: #fff; border-radius: 4px; box-shadow: 0 4px 16px rgba(51, 51, 51, 0.1); font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; padding: 8px 8px 8px 8px; position: relative; max-width: 20rem } @media (min-width: 20rem) { .dp { padding: 16px 16px 16px 16px } } .dp::before { position: absolute } .dp-is-above::after, .dp-is-above::before, .dp-is-below::after, .dp-is-below::before { border: solid transparent; bottom: 99%; content: ''; left: 32px; position: absolute } .dp-is-above::after, .dp-is-below::after { border-bottom-color: #fff; border-width: 10px; margin-left: -10px } .dp-is-above::before, .dp-is-below::before { border-bottom-color: #f7f7f7; border-width: 12px; margin-left: -12px } .dp-is-above::after, .dp-is-above::before { top: 99%; transform: rotate(180deg) } .dp-header { display: -ms-flexbox; display: flex } .dp-year, .dp-month, .dp-cal-header button { background: none; border: 2px solid transparent; margin: 0 0.2rem; padding: 0 0.2rem } .dp-cal-footer { display: none } .dp-col-header { border-bottom: 1px solid #f7f7f7; display: inline-block; font-size: 1rem; font-weight: 700; padding: 10px; text-align: center; max-width: 2.5rem; width: 100% } .dp-day { background: none; border: 2px solid transparent; border-radius: 50%; font-size: 1rem; font-weight: 300; height: 2.25rem; line-height: 1; padding: 6px; margin: 0 2px; width: 2.25rem } .dp-day:first-child, .dp-day:nth-child(7n) { margin-right: 0 } .dp-day::-moz-selection { -moz-user-select: none; user-select: none } .dp-day::selection { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .dp-current, .dp-selected, .dp-day:hover { background: #13a48e; border-color: #13a48e; color: #fff; outline: 0 } .dp-current { font-weight: 500 } .dp-day:hover { background: none; color: #333 } .dp-day-disabled, .dp-edge-day { color: gray } .dp-day-today::after { background-color: #13a48e; border-radius: 50%; display: block; content: ''; height: 5px; width: 5px; margin: 2px auto } .dp-current.dp-day-today::after { background: #fff } .dp-current.dp-day-today:hover::after { background-color: #13a48e } .dp-cal-header { display: -ms-flexbox; display: flex; padding: 0 0 8px 0 } .dp-cal-month, .dp-cal-year { font-size: 1.25rem } .dp-next, .dp-prev { background: transparent; border: 0; border-radius: 2px; font-size: 0; -ms-flex: 0.5; flex: 0.5; height: 35px; overflow: hidden; top: 16px; width: 35px } .dp-next::before, .dp-prev::before { border: 2px solid #333; content: ''; display: inline-block; height: 10px; margin: 13px 0 40px; transform: rotate(-45deg); transition: border-color 0.2s; width: 10px } .dp-next::before { border-left: 0; border-top: 0; float: right; margin-left: 0 } .dp-prev::before { border-right: 0; border-bottom: 0; float: left; margin-left: 0; margin-right: 4px } .dp-years { max-height: 500px; overflow: scroll; padding: 16px } .dp-year { display: block; margin: 0 auto; width: 100% } .dp-below { margin: 16px 0 0 0; position: absolute; z-index: 2000 } @media (max-width: 20rem) { .dp-below { left: 0 !important; margin: 2px !important } } .sprk-c-Dictionary { border: 1px solid #f7f7f7 } .sprk-c-Dictionary__keyvaluepair { width: 100%; padding: 16px } @media all and (min-width: 38.4375rem) { .sprk-c-Dictionary__keyvaluepair { display: table; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } } .sprk-c-Dictionary .sprk-b-Label { font-size: 1rem; line-height: 1.6; font-weight: 500 } .sprk-c-Dictionary--striped .sprk-c-Dictionary__keyvaluepair:nth-child(even) { background-color: #f7f7f7 } @media all and (min-width: 38.4375rem) { .sprk-c-Dictionary__key, .sprk-c-Dictionary__value { -ms-flex: 1; flex: 1; margin-bottom: 0 } } .sprk-c-Dictionary__value { text-align: left } @media all and (min-width: 38.4375rem) { .sprk-c-Dictionary__value { text-align: right } } .sprk-c-Dictionary__key { margin-bottom: 4px } @media all and (min-width: 38.4375rem) { .sprk-c-Dictionary__key { margin-bottom: 0 } } hr, .sprk-c-Divider { display: block; border-bottom: 2px solid #e6e6e6; border-top: none; margin-bottom: 16px; margin-top: 16px } .sprk-c-Dropdown { background-color: #fff; border: 1px solid #f7f7f7; border-radius: 5px; box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.1); font-size: 1rem; max-width: 24rem; padding: 12px 0; position: absolute; margin-top: 4px; width: auto; z-index: 2000 } .sprk-c-Dropdown__header { padding: 12px 24px } .sprk-c-Dropdown__header + .sprk-c-Dropdown__links .sprk-c-Dropdown__item:first-child .sprk-c-Dropdown__link { padding-top: 12px } .sprk-c-Dropdown__item { font-weight: 400 } .sprk-c-Dropdown__item:first-child .sprk-c-Dropdown__link { padding-top: 12px } .sprk-c-Dropdown__item:last-child .sprk-c-Dropdown__link { padding-bottom: 12px } .sprk-c-Dropdown__title { color: #bebebe; font-weight: 300; font-size: 1rem } .sprk-c-Dropdown__footer { padding: 16px 32px 16px 32px } .sprk-c-Dropdown__links { list-style-type: none } .sprk-c-Dropdown__link { color: #333; display: block; padding: 12px 24px; text-decoration: none; line-height: 1 } .sprk-c-Dropdown__link:hover { background-color: #f7f7f7 } .sprk-c-Dropdown__link--active { box-shadow: -1px 0 0 0 #13a48e; border-left: 2.5px solid #13a48e; background-color: #f7f7f7 } .sprk-c-HighlightBoard { background-color: #fff; position: relative } .sprk-c-HighlightBoard__image { object-fit: cover; font-family: 'object-fit: cover;'; height: 31.25rem; width: 100% } .sprk-c-HighlightBoard__content { background-color: #fff; padding: 24px 16px 24px 16px; text-align: center; width: auto } @media (min-width: 30rem) { .sprk-c-HighlightBoard__content { padding: 48px 32px 48px 32px } } @media (max-width: 30rem) { .sprk-c-HighlightBoard__heading { font-size: 1.4rem } } .sprk-c-HighlightBoard__cta { width: 100% } @media (min-width: 30rem) { .sprk-c-HighlightBoard__cta { width: auto } } .sprk-c-HighlightBoard--has-image:not(.sprk-c-HighlightBoard--stacked) .sprk-c-HighlightBoard__content { position: absolute; bottom: 32px; left: 32px; max-width: 29rem; right: 32px; text-align: left } .sprk-c-Menu { border: 0; background-color: #fff; display: inline-block; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 } .sprk-c-Menu__icon { stroke: #333 } .sprk-c-Menu__line { opacity: 1; transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out } .sprk-c-Menu__line--one { transform-origin: 1rem 1.5rem } .sprk-c-Menu__line--three { transform-origin: 1rem 2.5rem } .sprk-c-Menu__icon--open .sprk-c-Menu__line--one { transform: rotate(45deg) } .sprk-c-Menu__icon--open .sprk-c-Menu__line--two { opacity: 1; transform-origin: 50% 50%; transform: scale(0.01) } .sprk-c-Menu__icon--open .sprk-c-Menu__line--three { transform: rotate(-45deg) } .sprk-c-Masthead { background-color: #fff; border-bottom: 1px solid #f7f7f7; box-shadow: none; position: -webkit-sticky; position: sticky; top: 0; transition: all 0.3s ease-in; z-index: 2000 } @media all and (min-width: 74.375rem) { .sprk-c-Masthead { border-bottom: 0 } } .sprk-c-Masthead--open { position: fixed; left: 0; right: 0; height: 100% } @media all and (min-width: 74.375rem) { .sprk-c-Masthead--open { position: -webkit-sticky; position: sticky; height: auto } } .sprk-c-Masthead--scroll { box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) } .sprk-c-Masthead--hidden { transform: translateY(-100%); transition: all 0.3s ease-in } .sprk-c-Masthead__menu, .sprk-c-Masthead__branding, .sprk-c-Masthead__little-nav, .sprk-c-Masthead__nav-item { padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 8px } @media all and (min-width: 74.375rem) { .sprk-c-Masthead__menu, .sprk-c-Masthead__branding, .sprk-c-Masthead__little-nav, .sprk-c-Masthead__nav-item { padding-top: 8px; padding-left: 16px; padding-right: 16px; padding-bottom: 8px } } .sprk-c-Masthead__content { padding: 8px } @media all and (min-width: 74.375rem) { .sprk-c-Masthead__content { margin: 0 auto; max-width: 89rem; padding: 16px } } .sprk-c-Masthead--open .sprk-c-Masthead__content { border-bottom: 1px solid #f7f7f7; box-shadow: none } @media all and (min-width: 74.375rem) { .sprk-c-Masthead--open .sprk-c-Masthead__content { box-shadow: none; border-bottom: 0 } } .sprk-c-Masthead__nav-item { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .sprk-c-Masthead__menu, .sprk-c-Masthead__nav-item { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto } @media all and (min-width: 74.375rem) { .sprk-c-Masthead__menu, .sprk-c-Masthead__nav-item { display: none } } .sprk-c-Masthead__menu .sprk-c-Menu__icon { width: 32px; height: 32px } .sprk-c-Masthead__branding { margin: 0 auto; -ms-flex-positive: 2; flex-grow: 2; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; text-align: center } @media (min-width: 74.375rem) { .sprk-c-Masthead__branding { padding-right: 16px; -ms-flex-positive: 0; flex-grow: 0 } } .sprk-c-Masthead__logo { max-width: 214px; min-width: 214px } .sprk-c-Masthead__big-nav, .sprk-c-Masthead__little-nav { display: none } @media (min-width: 74.375rem) { .sprk-c-Masthead__big-nav, .sprk-c-Masthead__little-nav { display: inherit } } .sprk-c-Masthead__little-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .sprk-c-Masthead__site-links { position: relative } @media all and (min-width: 74.375rem) { .sprk-c-Masthead__site-links { border-right: 2px solid #bebebe; padding-right: 24px } } .sprk-c-Masthead__link { font-weight: 500 } .sprk-c-Masthead__link:visited { color: #333 } .sprk-c-Masthead__link:hover, .sprk-c-Masthead__link:focus, .sprk-c-Masthead__link:active { color: #13a48e } .sprk-c-Masthead__selector { background-color: #fff; border: 2px solid #bebebe; border-radius: 5px; color: #333; font-weight: 300; padding: 8px 16px 8px 16px; width: 100%; min-width: 17rem } .sprk-c-Masthead__selector:visited { color: #333; border: 2px solid #bebebe } .sprk-c-Masthead__selector:hover, .sprk-c-Masthead__selector:active, .sprk-c-Masthead__selector:focus { color: #333; border: 2px solid #bebebe } @media all and (min-width: 74.375rem) { .sprk-c-Masthead__selector { width: auto } } .sprk-c-Masthead__link--big-nav { display: block; font-weight: 400; padding: 0 8px } .sprk-c-Masthead__link--big-nav:hover, .sprk-c-Masthead__link--big-nav:active, .sprk-c-Masthead__link--big-nav:focus { color: #333 } .sprk-c-Masthead__big-nav { background-color: #fff } .sprk-c-Masthead__big-nav-items { position: relative; margin: 0 auto; max-width: 64rem } .sprk-c-Masthead__big-nav-item { line-height: 53px; position: relative; text-align: center; white-space: nowrap; display: block } .sprk-c-Masthead__big-nav-item::after { background-color: rgba(0, 0, 0, 0); content: ' '; height: 2px; display: block; width: 100%; margin-right: auto; margin-left: auto } .sprk-c-Masthead__big-nav-item:active::after, .sprk-c-Masthead__big-nav-item:focus::after, .sprk-c-Masthead__big-nav-item:hover::after { background-color: #333; content: ' '; height: 2px; display: block; width: 100%; margin-right: auto; margin-left: auto } .sprk-c-Masthead__big-nav-item--active > .sprk-c-Masthead__link--big-nav { color: #333; font-weight: 400 } .sprk-c-Masthead__big-nav-item:focus-within::after, .sprk-c-Masthead__big-nav-item--open::after, .sprk-c-Masthead__big-nav-item--active::after { background-color: #333; content: ' '; height: 2px; display: block; width: 100%; margin-right: auto; margin-left: auto } .sprk-c-Masthead__narrow-nav, .sprk-c-MastheadMask { background-color: #fff; height: 100%; overflow: auto; padding-bottom: 130px; top: 130px; width: 100% } @media (min-width: 20rem) { .sprk-c-Masthead__narrow-nav, .sprk-c-MastheadMask { top: 82px; padding-bottom: 82px } } @media (min-width: 74.375rem) { .sprk-c-Masthead__narrow-nav, .sprk-c-MastheadMask { display: none } } .sprk-c-MastheadMask { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; position: fixed; z-index: 3000 } .sprk-c-MastheadMask .sprk-c-Masthead__selector { border-color: #fff } .sprk-c-Masthead__selector-dropdown { border-bottom: 2px solid #f7f7f7; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); max-width: 100%; margin: 0; width: 100%; top: 0; padding: 0 } .sprk-c-Masthead__selector-dropdown .sprk-c-Dropdown__link { padding: 16px 24px } .sprk-c-MastheadAccordion { width: 100% } .sprk-c-MastheadAccordion .sprk-c-Dropdown { max-width: 100% } .sprk-c-MastheadAccordion__heading { color: #333; -ms-flex: 1; flex: 1; font-weight: 400 } .sprk-c-MastheadAccordion__icon { -ms-flex: 0 0 auto; flex: 0 0 auto } .sprk-c-MastheadAccordion__summary { -ms-flex-align: center; align-items: center; color: #333; display: -ms-flexbox; display: flex; min-height: 64px; padding: 16px; text-decoration: none } .sprk-c-MastheadAccordion__summary:hover, .sprk-c-MastheadAccordion__summary:active { background-color: #f7f7f7; color: #333; text-decoration: none } .sprk-c-MastheadAccordion__item--open::before { background-color: #bebebe; content: ''; display: block; height: 2px; margin: 0 auto; width: 100% } .sprk-c-MastheadAccordion__item--active .sprk-c-MastheadAccordion__summary { background-color: #f7f7f7; border-left: 3px solid #333 } .sprk-c-MastheadAccordion__item--active .sprk-c-MastheadAccordion__heading, .sprk-c-MastheadAccordion__item--open .sprk-c-MastheadAccordion__heading { color: #333; font-weight: 400 } .sprk-c-MastheadAccordion__details::after { background-color: #bebebe; content: ''; display: block; height: 2px; margin: 0 auto; width: 100% } .sprk-c-MastheadAccordion__details .sprk-c-Masthead__link { color: #333; display: block; font-weight: 300; padding: 16px } .sprk-c-MastheadAccordion__details .sprk-c-Masthead__link:hover, .sprk-c-MastheadAccordion__details .sprk-c-Masthead__link:active, .sprk-c-MastheadAccordion__details .sprk-c-Masthead__link:focus { background-color: #f7f7f7 } .sprk-c-Promo { background-color: #fff; max-width: 42.5rem; margin: 0 auto } .sprk-c-Promo--bordered { border: 1px solid #f7f7f7 } .sprk-c-Promo__title { font-weight: bold; color: #333 } .sprk-c-Promo__subtitle { font-weight: 500; color: #333 } .sprk-c-Promo__image--flag { object-fit: cover; padding: 16px 16px 16px 16px } @media (max-width: 42.5rem) { .sprk-c-Promo__image--flag { max-width: 50%; max-height: 20rem } } .sprk-c-Promo__image { width: 100%; height: 100%; object-fit: cover } @media (max-width: 42.5rem) { .sprk-c-Promo__image { max-height: 20rem } } .sprk-c-Promo__content { padding: 32px 32px 32px 32px } .sprk-c-Promo--flag .sprk-c-Promo__content { padding: 16px 16px 16px 16px } .sprk-c-Modal, .sprk-c-ModalMask { left: 0; position: fixed } .sprk-c-ModalMask { background-color: rgba(34, 34, 34, 0.35); height: 100%; width: 100%; top: 0; z-index: 3000 } .sprk-c-Modal { background-color: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.6); border-radius: 8px; margin-right: auto; margin-left: auto; max-width: 43.75rem; max-height: 70%; padding: 32px; outline: 0; overflow-y: auto; right: 0; top: 5%; width: 95%; z-index: 99999 } @media all and (min-width: 25rem) and (min-height: 25rem) { .sprk-c-Modal { top: 15% } } @media all and (min-width: 37.5rem) and (min-height: 37.5rem) { .sprk-c-Modal { height: auto; top: 30% } } .sprk-c-Modal--wait { text-align: center } .sprk-c-Modal--wait .sprk-c-Modal__content { width: 100% } .sprk-c-Modal__header { display: -ms-flexbox; display: flex } .sprk-c-Modal--wait .sprk-c-Modal__body, .sprk-c-Modal__header { -ms-flex-align: center; align-items: center } .sprk-c-Modal__heading { -ms-flex: 1 1 auto; flex: 1 1 auto } .sprk-c-Modal__icon { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; background-color: transparent; border: 0; color: gray; -ms-flex: 0 1 auto; flex: 0 1 auto } .sprk-c-Pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-left: auto; max-width: 26rem; width: 100% } .sprk-c-Pagination__link { color: #333; border: 2px solid transparent; border-radius: 50%; display: -ms-flexbox; display: flex; font-weight: 400; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2em; height: 2em; text-align: center } .sprk-c-Pagination__link:hover, .sprk-c-Pagination__link:focus, .sprk-c-Pagination__link:active, .sprk-c-Pagination__link:visited { color: #333 } .sprk-c-Pagination__link:hover, .sprk-c-Pagination__link:focus, .sprk-c-Pagination__link:active { border-color: #13a48e } .sprk-c-Pagination__link::after { display: none } .sprk-c-Pagination__link--current { background-color: #13a48e; color: #fff; font-weight: 500 } .sprk-c-Pagination__link--current:hover, .sprk-c-Pagination__link--current:focus, .sprk-c-Pagination__link--current:active, .sprk-c-Pagination__link--current:visited { color: #fff } .sprk-c-Pagination__icon { color: #333 } .sprk-c-Pagination__icon:visited { color: #333 } .sprk-c-Pagination__icon:hover, .sprk-c-Pagination__icon:focus, .sprk-c-Pagination__icon:active { color: #13a48e } .sprk-c-Pagination__icon::after { display: none } .sprk-c-Pagination__icon.sprk-b-Link--disabled { color: gray } .sprk-c-Pagination__icon.sprk-b-Link--disabled:hover, .sprk-c-Pagination__icon.sprk-b-Link--disabled:active, .sprk-c-Pagination__icon.sprk-b-Link--disabled:focus, .sprk-c-Pagination__icon.sprk-b-Link--disabled:visited { color: gray } .sprk-c-Stepper { background-color: rgba(0, 0, 0, 0); list-style-type: none; max-width: 480px; position: relative } .sprk-c-Stepper__slider { position: absolute; top: 0; transition: top .3s ease; z-index: 1000 } .sprk-c-Stepper__slider .sprk-c-Stepper__step-content { background-color: #fff; box-shadow: 0 3px 18px 1px rgba(0, 0, 0, 0.08); border-radius: 5px } .sprk-c-Stepper__slider .sprk-c-Stepper__step-heading, .sprk-c-Stepper__slider .sprk-c-Stepper__step-icon, .sprk-c-Stepper__slider .sprk-c-Stepper__step-description { opacity: 0 } .sprk-c-Stepper__slider .sprk-c-Stepper__step-icon { transition: opacity .3s ease } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-heading, .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-icon, .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-description { opacity: 1; transition: opacity .6s ease .2s } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step-heading, .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-heading { color: #fff } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step::before { background-color: #fff } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step-icon { background-color: #007dba; border-color: #fff } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-content--has-description .sprk-c-Stepper__step-heading { color: #333 } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-icon, .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-header:hover .sprk-c-Stepper__step-icon { background-color: #fff } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step-header:hover .sprk-c-Stepper__step-icon { background-color: #fff } .sprk-c-Stepper--has-dark-bg .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-content--hidden { background-color: transparent; box-shadow: none } .sprk-c-Stepper__step { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: relative } .sprk-c-Stepper__step:focus { outline: 0 } .sprk-c-Stepper__step::before { background-color: gray; content: ''; height: 100%; left: 32px; position: absolute; width: 2px } .sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--first::before, .sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--last::before, .sprk-c-Stepper__step--first::before, .sprk-c-Stepper__step--last::before { height: 50% } .sprk-c-Stepper__step--last.sprk-c-Stepper__step--has-slider::before, .sprk-c-Stepper__step--last::before { top: 0 } .sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--first::before, .sprk-c-Stepper__step--first::before { bottom: 0 } .sprk-c-Stepper__step-icon { background-color: #fff; border-radius: 50%; border: 2px solid gray; display: inline-block; height: 16px; left: -41px; position: absolute; transition: 0.3s all ease-in-out; width: 16px; z-index: 1 } .sprk-c-Stepper__step-content { background-color: rgba(0, 0, 0, 0); margin-left: 66px; padding: 16px; position: relative } .sprk-c-Stepper__step-content--has-description { border-radius: 5px } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-description, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-description { display: block } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-heading, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-heading { font-weight: 400; color: #333 } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-icon, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-icon { background-color: #fff; border-color: #13a48e; box-shadow: 0 0 0 8px #13a48e } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-header:hover .sprk-c-Stepper__step-icon, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-header:hover .sprk-c-Stepper__step-icon { background-color: #fff } .sprk-c-Stepper__slider--active.sprk-c-Stepper__step--first::before, .sprk-c-Stepper__slider--active.sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--first::before, .sprk-c-Stepper__step--selected.sprk-c-Stepper__step--first::before, .sprk-c-Stepper__step--selected.sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--first::before { height: 100%; top: 32px } .sprk-c-Stepper__slider--active.sprk-c-Stepper__step--last::before, .sprk-c-Stepper__slider--active.sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--last::before, .sprk-c-Stepper__step--selected.sprk-c-Stepper__step--last::before, .sprk-c-Stepper__step--selected.sprk-c-Stepper__step--has-slider.sprk-c-Stepper__step--last::before { height: 24px } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-content, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-content { background-color: rgba(0, 0, 0, 0) } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-content--has-description, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-content--has-description { background-color: #fff; box-shadow: 0 3px 18px 1px rgba(0, 0, 0, 0.08) } .sprk-c-Stepper__slider--active .sprk-c-Stepper__step-content--hidden, .sprk-c-Stepper__step--selected .sprk-c-Stepper__step-content--hidden { background-color: transparent; box-shadow: none } .sprk-c-Stepper__step-header { -ms-flex-align: center; align-items: center; cursor: pointer; display: -ms-flexbox; display: flex; position: static } .sprk-c-Stepper__step-header:hover .sprk-c-Stepper__step-icon { background-color: gray } .sprk-c-Stepper__step-heading { color: #333; font-size: 1.25rem } .sprk-c-Stepper__step-description { padding-top: 16px } .sprk-c-Stepper--has-carousel .sprk-c-Stepper__slider { position: static } @media (min-width: 55rem) { .sprk-c-Stepper--has-carousel .sprk-c-Stepper__slider { position: absolute } } .sprk-c-Stepper--has-carousel .sprk-c-Stepper__step { display: none } @media (min-width: 55rem) { .sprk-c-Stepper--has-carousel .sprk-c-Stepper__step { display: -ms-flexbox; display: flex } } .sprk-c-Stepper--has-carousel .sprk-c-Stepper__step-content { margin-left: 0 } @media (min-width: 55rem) { .sprk-c-Stepper--has-carousel .sprk-c-Stepper__step-content { margin-left: 66px } } .sprk-c-Spinner { animation: rotate-infinite 1s linear infinite; height: 1.3rem; width: 1.3rem } .sprk-c-Button .sprk-c-Spinner { margin: 0 auto } .sprk-c-Button--removal .sprk-c-Spinner, .sprk-c-Button--removal:hover .sprk-c-Spinner, .sprk-c-Button--removal:active .sprk-c-Spinner, .sprk-c-Button--removal:focus .sprk-c-Spinner { border-color: #c8102e; border-right-color: transparent } .sprk-c-Spinner--circle { border: .18rem solid #fff; border-radius: 50%; border-right-color: transparent } .sprk-c-Spinner--large { width: 3rem; height: 3rem } .sprk-c-Spinner--dark { border-top-color: #333; border-left-color: #333; border-bottom-color: #333 } .sprk-c-Tabs__buttons { color: #333; display: block; border-bottom: 0; margin-bottom: 16px } @media all and (min-width: 46rem) { .sprk-c-Tabs__buttons { display: -ms-flexbox; display: flex; border: 0 } } .sprk-c-Tabs__button { -webkit-appearance: none; background-color: #f7f7f7; border: 0; border-top: 3px solid #f7f7f7; display: block; font-size: 1rem; font-weight: 500; text-align: center; text-decoration: none; padding: 4px 8px 4px 8px; padding-top: 8px; padding-bottom: 8px; width: 100% } @media all and (min-width: 46rem) { .sprk-c-Tabs__button { -ms-flex: 1 1 100%; flex: 1 1 100% } } .sprk-c-Tabs__button--active, .sprk-c-Tabs__button:focus { background-color: #fff; border-top: 3px solid #c8102e; color: #c8102e } .sprk-c-Tabs__button:hover:not([disabled]) { border-top: 3px solid #c8102e } .sprk-u-Display--none, .sprk-u-JavaScript .sprk-u-HideWhenJs { display: none !important } .sprk-u-Display--block { display: block !important } .sprk-u-Display--inline { display: inline !important } .sprk-u-Display--inline-block { display: inline-block !important } .sprk-u-Visibility--hidden { visibility: hidden !important } .sprk-u-Visibility--visible { visibility: visible !important } .sprk-u-Float--none { float: none !important } .sprk-u-Float--left { float: left !important } .sprk-u-Float--right { float: right !important } .sprk-u-Position--relative { position: relative !important } .sprk-u-Position--absolute { position: absolute !important } .sprk-u-Position--fixed { position: fixed !important } .sprk-u-Position--static { position: static !important } .sprk-u-Top--zero { top: 0 !important } .sprk-u-Bottom--zero { bottom: 0 !important } .sprk-u-Left--zero { left: 0 !important } .sprk-u-Right--zero { right: 0 !important } .sprk-u-Height--100 { height: 100% !important } .sprk-u-TextAlign--left { text-align: left !important } .sprk-u-TextAlign--right { text-align: right !important } .sprk-u-TextAlign--center { text-align: center !important } .sprk-u-VerticalAlign--top { vertical-align: top !important } .sprk-u-VerticalAlign--middle { vertical-align: middle !important } .sprk-u-VerticalAlign--bottom { vertical-align: bottom !important } .sprk-u-VerticalAlign--baseline { vertical-align: baseline !important } .sprk-u-FontWeight--bold { font-weight: bold !important } .sprk-u-FontWeight--normal { font-weight: normal !important } .sprk-u-FontStyle--italic { font-style: italic !important } .sprk-u-FontStyle--normal { font-style: normal !important } .sprk-u-TextDecoration--underline { text-decoration: underline !important } .sprk-u-TextDecoration--none { text-decoration: none !important } .sprk-u-TextTransform--uppercase { text-transform: uppercase !important } .sprk-u-TextTransform--none { text-transform: none !important } .sprk-u-TextCrop--none::before, .sprk-u-TextCrop--none::after { content: none !important; margin-bottom: 0 !important; margin-top: 0 !important } .sprk-u-WordWrap--break-word { word-wrap: break-word !important } .sprk-u-WhiteSpace--nowrap { white-space: nowrap !important } .sprk-u-Measure { max-width: 40rem !important } .sprk-u-Measure--narrow { max-width: 25rem !important } .sprk-u-Overflow--visible { overflow: visible !important } .sprk-u-Overflow--hidden { overflow: hidden !important } .sprk-u-Overflow--scroll { overflow: scroll !important } .sprk-u-Overflow--auto { overflow: auto !important } .sprk-u-Color--black { color: #333 !important } .sprk-u-Color--blue { color: #007dba !important } .sprk-u-Color--gray { color: #f7f7f7 !important } .sprk-u-Color--green { color: #13a48e !important } .sprk-u-Color--red { color: #c8102e !important } .sprk-u-Color--red-tint-75 { color: #d64c62 !important } .sprk-u-Color--red-tint-50 { color: #e38796 !important } .sprk-u-Color--red-tint-25 { color: #f1c3cb !important } .sprk-u-Color--white { color: #fff !important } .sprk-u-Color--yellow { color: #f5be40 !important } .sprk-u-BackgroundColor--black { background-color: #333 !important } .sprk-u-BackgroundColor--black-tint-75 { background-color: #404040 !important } .sprk-u-BackgroundColor--black-tint-50 { background-color: gray !important } .sprk-u-BackgroundColor--black-tint-25 { background-color: #bebebe !important } .sprk-u-BackgroundColor--gray-dark { background-color: #cfcfcf !important } .sprk-u-BackgroundColor--blue { background-color: #007dba !important } .sprk-u-BackgroundColor--blue-tint-75 { background-color: #4990c3 !important } .sprk-u-BackgroundColor--blue-tint-50 { background-color: #76acd2 !important } .sprk-u-BackgroundColor--blue-tint-25 { background-color: #a4c7e1 !important } .sprk-u-BackgroundColor--gray { background-color: #f7f7f7 !important } .sprk-u-BackgroundColor--red { background-color: #c8102e !important } .sprk-u-BackgroundColor--red-tint-75 { background-color: #d64c62 !important } .sprk-u-BackgroundColor--red-tint-50 { background-color: #e38796 !important } .sprk-u-BackgroundColor--red-tint-25 { background-color: #f1c3cb !important } .sprk-u-BackgroundColor--green { background-color: #13a48e !important } .sprk-u-BackgroundColor--green-dark { background-color: #01947e !important } .sprk-u-BackgroundColor--green-tint-75 { background-color: #40c6b2 !important } .sprk-u-BackgroundColor--green-tint-50 { background-color: #80d9cb !important } .sprk-u-BackgroundColor--green-tint-25 { background-color: #bfece5 !important } .sprk-u-BackgroundColor--white { background-color: #fff !important } .sprk-u-BackgroundColor--yellow { background-color: #f5be40 !important } .sprk-u-BackgroundColor--yellow-tint-75 { background-color: #eda302 !important } .sprk-u-BackgroundColor--yellow-tint-50 { background-color: #f4c766 !important } .sprk-u-BackgroundColor--yellow-tint-25 { background-color: #f7da9a !important } .sprk-u-PaddingTop--a, .sprk-u-PaddingVertical--a, .sprk-u-PaddingAll--a { padding-top: 24px !important } .sprk-u-PaddingRight--a, .sprk-u-PaddingHorizontal--a, .sprk-u-PaddingAll--a { padding-right: 24px !important } .sprk-u-PaddingBottom--a, .sprk-u-PaddingVertical--a, .sprk-u-PaddingAll--a { padding-bottom: 24px !important } .sprk-u-PaddingLeft--a, .sprk-u-PaddingHorizontal--a, .sprk-u-PaddingAll--a { padding-left: 24px !important } .sprk-u-PaddingTop--b, .sprk-u-PaddingVertical--b, .sprk-u-PaddingAll--b { padding-top: 40px !important } .sprk-u-PaddingRight--b, .sprk-u-PaddingHorizontal--b, .sprk-u-PaddingAll--b { padding-right: 40px !important } .sprk-u-PaddingBottom--b, .sprk-u-PaddingVertical--b, .sprk-u-PaddingAll--b { padding-bottom: 40px !important } .sprk-u-PaddingLeft--b, .sprk-u-PaddingHorizontal--b, .sprk-u-PaddingAll--b { padding-left: 40px !important } .sprk-u-PaddingTop--c, .sprk-u-PaddingVertical--c, .sprk-u-PaddingAll--c { padding-top: 48px !important } .sprk-u-PaddingRight--c, .sprk-u-PaddingHorizontal--c, .sprk-u-PaddingAll--c { padding-right: 48px !important } .sprk-u-PaddingBottom--c, .sprk-u-PaddingVertical--c, .sprk-u-PaddingAll--c { padding-bottom: 48px !important } .sprk-u-PaddingLeft--c, .sprk-u-PaddingHorizontal--c, .sprk-u-PaddingAll--c { padding-left: 48px !important } .sprk-u-PaddingTop--d, .sprk-u-PaddingVertical--d, .sprk-u-PaddingAll--d { padding-top: 80px !important } .sprk-u-PaddingRight--d, .sprk-u-PaddingHorizontal--d, .sprk-u-PaddingAll--d { padding-right: 80px !important } .sprk-u-PaddingBottom--d, .sprk-u-PaddingVertical--d, .sprk-u-PaddingAll--d { padding-bottom: 80px !important } .sprk-u-PaddingLeft--d, .sprk-u-PaddingHorizontal--d, .sprk-u-PaddingAll--d { padding-left: 80px !important } .sprk-u-MarginTop--a, .sprk-u-MarginVertical--a, .sprk-u-MarginAll--a { margin-top: 24px !important } .sprk-u-MarginRight--a, .sprk-u-MarginHorizontal--a, .sprk-u-MarginAll--a { margin-right: 24px !important } .sprk-u-MarginBottom--a, .sprk-u-MarginVertical--a, .sprk-u-MarginAll--a { margin-bottom: 24px !important } .sprk-u-MarginLeft--a, .sprk-u-MarginHorizontal--a, .sprk-u-MarginAll--a { margin-left: 24px !important } .sprk-u-MarginTop--b, .sprk-u-MarginVertical--b, .sprk-u-MarginAll--b { margin-top: 40px !important } .sprk-u-MarginRight--b, .sprk-u-MarginHorizontal--b, .sprk-u-MarginAll--b { margin-right: 40px !important } .sprk-u-MarginBottom--b, .sprk-u-MarginVertical--b, .sprk-u-MarginAll--b { margin-bottom: 40px !important } .sprk-u-MarginLeft--b, .sprk-u-MarginHorizontal--b, .sprk-u-MarginAll--b { margin-left: 40px !important } .sprk-u-MarginTop--c, .sprk-u-MarginVertical--c, .sprk-u-MarginAll--c { margin-top: 48px !important } .sprk-u-MarginRight--c, .sprk-u-MarginHorizontal--c, .sprk-u-MarginAll--c { margin-right: 48px !important } .sprk-u-MarginBottom--c, .sprk-u-MarginVertical--c, .sprk-u-MarginAll--c { margin-bottom: 48px !important } .sprk-u-MarginLeft--c, .sprk-u-MarginHorizontal--c, .sprk-u-MarginAll--c { margin-left: 48px !important } .sprk-u-MarginTop--d, .sprk-u-MarginVertical--d, .sprk-u-MarginAll--d { margin-top: 80px !important } .sprk-u-MarginRight--d, .sprk-u-MarginHorizontal--d, .sprk-u-MarginAll--d { margin-right: 80px !important } .sprk-u-MarginBottom--d, .sprk-u-MarginVertical--d, .sprk-u-MarginAll--d { margin-bottom: 80px !important } .sprk-u-MarginLeft--d, .sprk-u-MarginHorizontal--d, .sprk-u-MarginAll--d { margin-left: 80px !important } .sprk-u-ScreenReaderText { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } .sprk-u-ShowOnFocus:focus { position: static; width: auto; height: auto } .sprk-u-AbsoluteCenter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .sprk-u-FullWidth { width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw } .sprk-u-Truncate { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } #lpChat > * { z-index: 9999999 !important } [id^="lpButtonDiv"] .LPMcontainer.LPMoverlay[role="button"] { position: static !important; z-index: 2400 !important } @keyframes rocket_takeoff { 0%, 1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19%, 21% { transform: translate(0, 0); opacity: 1 } 2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18%, 20% { transform: translate(4px, 4px) } 50% { transform: translate(500px, -500px); opacity: 1 } 51% { transform: translate(500px, -500px); opacity: 0 } 52% { transform: translate(0, 0) } 60% { opacity: 0 } } @keyframes rocket_takeoff_reg_mark { 0% { opacity: 1 } 5%, 60% { opacity: 0 } } @keyframes spinning_semi_circle { 0% { transform: rotate(0deg) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } } @keyframes bouncing { 0% { transform: translatey(-2px) } 100% { transform: translatey(2px) } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: translateY(0) } } .open .flip-on-click { transform: rotateX(-180deg) } .flip-on-click { transition: transform 0.5s } .has-spinner:after { animation: spinning_semi_circle 1s 0s linear infinite } .rocket-takeoff { animation: rocket_takeoff 5s 0s linear } .rocket-takeoff-reg-mark { animation: rocket_takeoff_reg_mark 5s 0s linear } .t-Bouncing { animation: bouncing .65s infinite; animation-direction: alternate } .t-Animatable--section { visibility: hidden; animation-play-state: paused } .t-FadeInUp--sectionAnimateIn { visibility: visible; animation-duration: 0.75s; animation-play-state: running } .t-FadeIn--section { animation-name: fadeInUp } html.js .hide-if-js { display: none } html.no-js .hide-if-no-js { display: none } .u-zIndex-500 { z-index: 500 !important } .u-bg-black { background-color: #333 } .u-bg-gray { background-color: #f7f7f7 } .u-bg-gray-light { background-color: #D3D3D3 } @media print, screen and (max-width: 48.0625em) { .block-at-sm-tab { display: block !important } } @media print, screen and (max-width: 34.0625em) { .block-at-x-palm-end { display: block !important } } @media print, screen and (max-width: 40.0625em) { .block-at-xx-palm-end { display: block !important } } .block-after-sm-tab { display: none } @media print, screen and (min-width: 48.0625em) { .block-after-sm-tab { display: block !important } } .bold { font-weight: bold } .u-border { border: 2px solid #333 } .card-override { max-width: 100% } .border-none { border: 0 none !important } .border-radius-none { border-radius: 0 !important } @media print, screen and (max-width: 48.0625em) { .center-at-sm-tab { text-align: center } } .cursor-pointer { cursor: pointer } .hide { display: none } .hide-after-sm-tab { display: inherit } @media print, screen and (min-width: 48.0625em) { .hide-after-sm-tab { display: none !important } } .hide-at-sm-tab { display: inherit } @media print, screen and (max-width: 48.0625em) { .hide-at-sm-tab { display: none !important } } @media print, screen and (max-width: 40.0625em) { .left-at-xx-palm-end { text-align: left !important } } .line-height-for-layout { line-height: 1.2 } .margin-auto { margin: 0 auto } .no-disc { list-style-type: none } .no-wrap { white-space: nowrap } .right-after-sm-tab { text-align: inherit } @media print, screen and (min-width: 48.0625em) { .right-after-sm-tab { text-align: right !important } } .strike { position: relative; text-decoration: none } .strike:after { background: #c8102e; content: ''; height: 0.11em; left: 0; position: absolute; top: 50%; width: 100% } .text-black { color: #333 } .text-blue { color: #007dba } .text-gray-dark { color: #404040 } .text-gray-medium-dark { color: gray } .text-red { color: #c8102e !important } .text-mango { color: #f5be40 } .text-green { color: #13a48e } .text-white { color: #fff } .text-s { font-size: .75em } @media print, screen and (min-width: 48.0625em) { .text-s-after-sm-tab { font-size: .75em !important } } .text-n { font-size: 1em } @media print, screen and (max-width: 30.0625em) { .text-n-at-palm-end { font-size: 1em !important } } .text-l { font-size: 1.33333em } @media print, screen and (max-width: 54.0625em) { .text-l-at-tab { font-size: 1.33333em !important } } .text-xl { font-size: 1.77778em } .text-xxl { font-size: 2.37037em } .text-xxxl { font-size: 3.16049em } @media print, screen and (max-width: 48.0625em) { .width-full-at-sm-tab { width: 100% !important } } .icon-yellow-hover-black { color: #f5be40 } .icon-yellow-hover-black:hover { color: #333 } .u-Color--black-tint-25 { color: #bebebe } .u-Color--black-tint-50 { color: gray } .u-FontWeight--medium { font-weight: 500 } .u-FontWeight--light { font-weight: 300 } .u-Phl\@s { padding: 0 2rem } @media all and (min-width: 55rem) { .u-Phl\@s { padding: 0 } } .u-Phl\@m { padding: 0 } @media all and (min-width: 55rem) { .u-Phl\@m { padding: 0 2rem } } .u-Mth\@m { margin-top: 0 } @media all and (min-width: 55rem) { .u-Mth\@m { margin-top: 5rem } } .u-Mrs\@m { margin-right: 0 } @media all and (min-width: 55rem) { .u-Mrs\@m { margin-right: 0.25rem !important } } .u-Pth\@m { padding-top: 1rem } @media all and (min-width: 55rem) { .u-Pth\@m { padding-top: 5rem } } .u-Display--block\@sm { display: none } @media all and (min-width: 42.5rem) { .u-Display--block\@sm { display: block } } .u-Display--none\@xs { display: initial } @media all and (min-width: 30rem) { .u-Display--none\@xs { display: none } } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 0.3em } h1 { font-size: 1.77778em } h2 { font-size: 1.77778em } h3 { font-size: 1em } h4 { font-size: .75em } @media all and (min-width: 30.0625em) { h1 { font-size: 2.37037em } h2 { font-size: 1.77778em } h3 { font-size: 1.33333em } h4 { font-size: 1em } } header:not([role="banner"]) p { font-size: 1.33333em; margin-bottom: 1em } header:not([role="banner"]) p.pst { margin-bottom: 0.5em } @media print, screen and (max-width: 54.0625em) { header:not([role="banner"]) p { font-size: 1em } } hr { border: 0 none; border-top: 1px solid #333; clear: both; margin: 1em 0 } hr.dark { border-color: #333; border-width: 2px } @media print, screen and (max-width: 34.0625em) { hr.dark { border-width: 1px } } hr.light { border-color: gray } hr.light-af { border-color: #bebebe } hr.dotted { border-style: dotted } hr.dashed { border-style: dashed } hr.thicc { border-width: 2px } img { max-width: 100% } label { cursor: default } p:empty { display: none } small { font-size: .75em } sub, sup { font-size: 60% } .subhead-alpha { font-size: 1.33333em; font-weight: normal; margin-bottom: 0.5em } .subhead-beta { font-size: 1em; font-weight: normal; margin-bottom: 0.5em; overflow: hidden } .enable-max-width { max-width: none !important } .short-input { width: 11em } [class*="bubbleBox"] { background: #fff; border: 1px solid #333; border-radius: 5px; margin-bottom: 0; margin-top: 0; padding: 1em } [class*="bubbleBox"][class*="--top"]:after { border-color: transparent transparent #333 } [class*="bubbleBox"][class*="--top"]:before { border-color: transparent transparent #fff } [class*="bubbleBox"][class*="--bottom"]:after { border-color: #333 transparent transparent } [class*="bubbleBox"][class*="--bottom"]:before { border-color: #fff transparent transparent } [class*="bubbleBox"]:after { border-style: solid; border-width: 13px; content: ' ' } [class*="bubbleBox"]:before { border-style: solid; border-width: 12px; content: ' ' } [class*="bubbleBox"] p { margin: 0 } @media print, screen and (max-width: 30.0625em) { [class*="bubbleBox"] { padding: 1em } } .btn-extension, input[type="radio"].radioBtn + label { background: #13a48e; color: #fff; padding: 16px 24px; border-radius: 4px; letter-spacing: .62px; display: inline-block } @media print, screen and (max-width: 30.0625em) { .btn-extension, input[type="radio"].radioBtn + label { display: block; margin-right: 0; padding-left: 0.5em; padding-right: 0.5em; width: 100% } } .btn-extension:hover, input[type="radio"].radioBtn + label:hover, .btn-extension:active, input[type="radio"].radioBtn + label:active, .btn-extension:focus, input[type="radio"].radioBtn + label:focus { background-color: #01947e; border-color: #01947e; color: #fff; box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08) } .btn-extension:visited, input[type="radio"].radioBtn + label:visited { color: #fff } .btn--secondary-extension, input[type="radio"].radioBtn + label { background-color: #fff; border: 2px solid #cfcfcf; color: #333; letter-spacing: .62px } .btn--secondary-extension:visited, input[type="radio"].radioBtn + label:visited { color: #333 } .btn--secondary-extension:hover, input[type="radio"].radioBtn + label:hover, .btn--secondary-extension:active, input[type="radio"].radioBtn + label:active, .btn--secondary-extension:focus, input[type="radio"].radioBtn + label:focus { box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08); background-color: #fff; border: 2px solid #333; color: #333 } input[type="radio"].radioBtn { left: -999999px; position: absolute } input[type="radio"].radioBtn:checked + label { background: #13a48e; color: #fff; border-color: #13a48e; transition: all 0.3s } input[type="radio"].radioBtn:checked + label:hover { background-color: #01947e !important; border-color: #01947e !important; color: #fff; box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08) } input[type="radio"].radioBtn:checked + label .sprk-c-Card__header, input[type="radio"].radioBtn:checked + label .sprk-b-TypeDisplayTwo, input[type="radio"].radioBtn:checked + label .sprk-b-TypeDisplayFour, input[type="radio"].radioBtn:checked + label .sprk-b-TypeDisplaySeven { color: #fff !important; background: #13a48e } input[type="radio"].radioBtn:checked + label .selection-icon-xl { top: -10px !important; left: -14px !important } input[type="radio"].radioBtn:checked + label .sprk-c-Icon--xl { height: 75px; width: 75px } input[type="radio"].radioBtn:checked + label .selection-indicator { border-color: #13a48e } input[type="radio"].radioBtn:checked + label .selection-indicator:after { left: 100% } input[type="radio"].radioBtn:checked + label .show-hide-hr { display: none } input[type="radio"].radioBtn + label { cursor: pointer; display: inline-block; font-size: inherit; margin-bottom: 0; padding: 12px 24px; width: auto; position: relative } input[type="radio"].radioBtn + label:hover { border: 2px solid black; box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08) } input[type="radio"].radioBtn + label.loan-option-label:hover { background-color: #e6e6e6 } input[type="radio"].radioBtn + label .show-hide-hr { display: inherit } input[type="radio"].radioBtn + label .flag { position: absolute; top: 25px; right: 20px } input[type="radio"].radioBtn + label .sprk-c-Card__header-reset, input[type="radio"].radioBtn + label h3, input[type="radio"].radioBtn + label h4 { color: black; background: transparent !important } @media print, screen and (max-width: 320px) { input[type="radio"].radioBtn + label h4 { width: 75% } } input[type="radio"].radioBtn + label .selection-icon-xl { top: -15px !important; left: -15px !important } @media print, screen and (max-width: 30.0625em) { input[type="radio"].radioBtn + label { font-size: 1em } } input[type="radio"].radioBtn + label .purchase-flag { position: absolute; top: 24px; right: 20px } input[type="radio"].radioBtn + label .purchase-sprk-c-Card__header-reset, input[type="radio"].radioBtn + label h3, input[type="radio"].radioBtn + label h4 { color: black; background: transparent !important; padding: 0 !important } input[type="radio"].radioBtn + label .selection-indicator { background: #fff; border-radius: 15px; color: #fff; float: right; height: 27px; margin-left: 16px; overflow: hidden; position: relative; width: 27px; border: 2px solid #cfcfcf } input[type="radio"].radioBtn + label .selection-indicator:after { border-radius: 15px; background: #fff; content: ' '; height: 27px; left: 0; position: absolute; top: 0; width: 27px } @media screen and (max-width: 406px) { input[type="radio"].radioBtn + label .selection-indicator.small-screen-indicator-override { top: 10px } } @media screen and (max-width: 406px) { input[type="radio"].radioBtn + label .radio-label-text { float: left; width: 75% } } input[type="radio"].radioBtn.stacked + label { clear: both; float: left } @media print, screen and (max-width: 54.0625em) { input[type="radio"].radioBtn.stacked-before-tab-end:not(:first-of-type) + label { margin-top: 0.5em } } [class*="inline-buttons"] .btn, [class*="inline-buttons"] .btn-extension, [class*="inline-buttons"] input[type="radio"].radioBtn + label { margin-right: 1em } [class*="inline-buttons"] .btn:last-child, [class*="inline-buttons"] .btn-extension:last-child, [class*="inline-buttons"] input[type="radio"].radioBtn + label:last-child { margin-right: 0 } [class*="inline-buttons"][class*="--short"] label, [class*="inline-buttons"][class*="--short"] [class*="error"] [class*="error"] { text-align: center } @media print, screen and (max-width: 54.0625em) { [class*="inline-buttons"][class*="--short"] .btn, [class*="inline-buttons"][class*="--short"] .btn-extension, [class*="inline-buttons"][class*="--short"] input[type="radio"].radioBtn + label { display: inline-block; margin-right: 2em; width: auto } [class*="inline-buttons"][class*="--short"] .btn:last-child, [class*="inline-buttons"][class*="--short"] .btn-extension:last-child, [class*="inline-buttons"][class*="--short"] input[type="radio"].radioBtn + label:last-child { margin-right: 0 } } [class*="inline-buttons"][class*="--short"] input[type="radio"].true + label, [class*="inline-buttons"][class*="--short"] input[type="radio"].false + label { width: 95px } @media print, screen and (max-width: 54.0625em) { [class*="inline-buttons"][class*="--short"] input[type="radio"].true + label, [class*="inline-buttons"][class*="--short"] input[type="radio"].false + label { margin-right: 1em } } @media print, screen and (max-width: 30.0625em) { [class*="inline-buttons"][class*="--stacked-before-palm-end"] .btn { display: block; width: 100% } [class*="inline-buttons"][class*="--stacked-before-palm-end"] .btn:last-of-type { margin-top: 0.5em } } [class*="pageNotice"] a:not(.btn) { color: inherit } [class*="pageNotice"] p > .btn { margin-bottom: 0; margin-top: 0 } @media print, screen and (max-width: 30.0625em) { [class*="pageNotice"] p > .btn { margin-bottom: 0.5em; text-align: center } } .btn { -webkit-appearance: none; background-color: #13a48e; border: 2px solid #13a48e; color: #fff; cursor: pointer; display: inline-block; font-family: inherit; font-size: inherit; font-weight: 500; line-height: normal; margin: 0; overflow: visible; padding: 16px 24px; text-align: center; transition: all .3s; vertical-align: middle; white-space: normal } .btn:active, .btn:focus { background-color: #01947e; border-color: #01947e; box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08); color: #fff } .btn:visited { color: #fff } @media screen and (min-width: 30rem) { .btn { width: auto } } .sprk-c-Button { display: inline-block } .selection-icon { color: #13a48e; position: absolute; top: -4px; left: -5px; stroke-width: 4px !important } .border-reset { border: none !important; box-shadow: none !important } @media screen and (max-width: 406px) { .priority-label-text-size { font-size: 0.97em } } .c-Button--black-border-bottom::after { border-bottom: 0.125em solid #333 } .detailed-list { overflow: hidden } .detailed-list [class*="detailed-list-def"] { width: 40.98404%; float: right; margin-right: 0; margin-left: 0%; text-align: right } @media print, screen and (max-width: 34.0625em) { .detailed-list [class*="detailed-list-def"] { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 0.5em; text-align: left } } @media print, screen and (max-width: 34.0625em) { .detailed-list [class*="detailed-list-def"]:last-child { margin-bottom: 0 } } .detailed-list .detailed-list-headline { border-bottom: 2px solid #333 } .detailed-list [class*="detailed-list-item"] { display: table; padding: 0.5em 1em; width: 100% } .detailed-list [class*="detailed-list-item"][class*="--btm-border"] { border-bottom: 2px solid #333 } .detailed-list [class*="detailed-list-term"] { width: 57.84574%; float: left; margin-right: 1.17021%; margin-right: 0%; clear: both } @media print, screen and (max-width: 34.0625em) { .detailed-list [class*="detailed-list-term"] { width: 100%; float: left; margin-left: 0; margin-right: 0 } } .detailed-list [class*="detailed-list-term"][class*="--btm"], .detailed-list [class*="detailed-list-def"][class*="--btm"] { display: table-cell; float: none; vertical-align: bottom } .faq { height: 100%; left: -100%; position: fixed; top: 0; transition: all 0.5s; width: 100%; z-index: 1500 } .faq .header { margin-bottom: 28px } .faq .list-item { padding-top: 28px; padding-bottom: 28px; margin-bottom: 12px } .faq .list-item ul { margin-left: 32px; margin-top: 10px } .exit { right: 20px; top: 80px; position: absolute } .faq.is-open { left: 0 } .faq-answer { margin: 0; padding: 2em; padding-top: 0 } .faq-container { background: #c8102e; color: #fff; padding: 1em 2em } .faq-content { background: #fff; border: 0 none; border-right: 1px solid #f7f7f7; box-shadow: 4px 0 20px gray; left: 0; overflow-y: auto; padding-top: 5em; position: absolute; top: 50px; bottom: 0; width: 40% } @media print, screen and (max-width: 54.0625em) { .faq-content { width: 80% } } body.is-launchpad .faq-content { padding-top: 0 } .faq-headline { color: #fff; font-size: 1.33333em; margin: 0 } .faq-question { border: 0 none; border-top: 1px solid #333; font-weight: bold; padding: 2em; padding-bottom: 0.5em } .is-highlighted { box-shadow: -1px 0 0 0 #13a48e; border-left: 2.5px solid #13a48e; background-color: #f7f7f7; transition: all 0.5s linear } .flag { display: table } .flag, .flag__fill { width: 100% } .flag__half { width: 50% } .flag__fill, .flag__flexible, .flag__half { display: table-cell; vertical-align: middle } .flag--btm { vertical-align: bottom } .flag--top { vertical-align: top } .flag__flexible .image { display: block; max-width: 100% } @media print, screen and (min-width: 48.0625em) { .flag__flexible .image { max-width: none } } .flag__flexible .image--large, .flag__flexible .image--medium { width: 100% } @media print, screen and (min-width: 34.0625em) { .flag__flexible .image--large { width: 27.316em } .flag__flexible .image--medium { width: 22.053em } } fieldset { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0 } input[readonly] { background: transparent; border: 0 none; color: gray } input[type="email"], input[type="password"], textarea { background: #fff; border: 2px solid #333; border-radius: 5px; box-shadow: none; color: #333; padding: 0 10px; width: 100% } input[type="email"]:focus, input[type="password"]:focus, textarea:focus { border: 2px solid #c8102e } input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: gray; opacity: 1 } input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder { color: gray; opacity: 1 } input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: gray; opacity: 1 } input[type="email"], input[type="password"] { font-size: 2.37037em } @media print, screen and (max-width: 54.0625em) { input[type="email"], input[type="password"] { font-size: 1.77778em } } @media print, screen and (max-width: 30.0625em) { input[type="email"], input[type="password"] { font-size: 1.33333em; padding: 0 5px } } textarea { padding: 10px } fieldset label.highlight, .form-field label.highlight { font-weight: bold } .form-field { margin-bottom: 1em } .form-field.option-set ~ fieldset { margin-bottom: 1em } .form-field.option-set ~ fieldset + fieldset { margin-top: 0 } .form-field.option-set label { clear: both } .form-field.field-error input[type="email"], .form-field.field-error input[type="password"], .form-field.field-error input[type="tel"], .form-field.field-error input[type="text"], .form-field.field-error select, .form-field.field-error textarea { border-color: #f5be40 } [data-form-field] [class*="error"] { display: none } [data-form-field].backend-error, [data-form-field].error--required .error--required, [data-form-field].error--generic .error--generic, [data-form-field].error--custom .error--custom, [data-form-field].error--exception .error--exception { display: block } .form-label, .first-label { margin-bottom: 0.25em } form [class*="bubbleBox"] { margin-bottom: 0.25em; margin-top: 0.75em; position: relative } form [class*="bubbleBox"]:after { top: -27px; left: 6%; position: absolute; z-index: 9 } form [class*="bubbleBox"]:before { top: -23px; left: 6%; position: absolute; z-index: 10 } form [class*="bubbleBox"] .form-field:last-child { margin-bottom: 0 } form [class*="bubbleBox"][class*="--right"]:after { left: 64% } form [class*="bubbleBox"][class*="--right"]:before { left: 64% } form [class*="bubbleBox"][class*="--no"]:after, form [class*="bubbleBox"][class*="--no"]:before { left: 160px } .datepicker { position: relative; z-index: 15 } .autocomplete-suggestions { background: #fff; border: 1px solid #333; border-radius: 0 0 5px 5px; border-top: 0 none; overflow: auto } .autocomplete-suggestions .autocomplete-suggestion { cursor: pointer; padding: 2px 8px } .autocomplete-suggestions .autocomplete-selected { background: #e1e9f1 } form input[type="email"], form input[type="password"] { padding: 0 5px } form textarea { padding: 5px } form textarea, form input[type="email"], form input[type="password"] { border-radius: 5px; font-size: 1em } @media print, screen and (max-width: 30.0625em) { form textarea, form input[type="email"], form input[type="password"] { font-size: 1em } } form .form-field { margin-bottom: 0.25em } form .form-field.group-error { margin-bottom: 0 } form .has-input-icon { position: relative } form .has-input-icon [class*="input-icon"] { left: 2px; padding: 2px 0; pointer-events: none; position: absolute; text-align: center; width: 1em; z-index: 1 } form .has-input-icon [class*="input-icon"][class*="--right"] { left: auto; right: 2px } form .has-input-icon .input-icon + .input-for-icon { padding-left: 1em } form .has-input-icon .input-icon--right + .input-for-icon { padding-right: 1em } [class*="inline-fields"] { max-width: 940px; margin-left: auto; margin-right: auto } [class*="inline-fields"]:after { content: " "; display: block; clear: both } [class*="inline-fields"][class*="--phone"], [class*="inline-fields"][class*="--social"], [class*="inline-fields"][class*="--birthday"], [class*="inline-fields"][class*="--dependentAge"], [class*="inline-fields"][class*="--employedDate"], [class*="inline-fields"][class*="--occupancyDate"], [class*="inline-fields"][class*="--builtDate"], [class*="inline-fields"][class*="--genericMonth"], [class*="inline-fields"][class*="--purchaseDate"] { margin-bottom: 0 } [class*="inline-fields"][class*="--phone"] .form-field, [class*="inline-fields"][class*="--social"] .form-field, [class*="inline-fields"][class*="--birthday"] .form-field, [class*="inline-fields"][class*="--dependentAge"] .form-field, [class*="inline-fields"][class*="--employedDate"] .form-field, [class*="inline-fields"][class*="--occupancyDate"] .form-field, [class*="inline-fields"][class*="--builtDate"] .form-field, [class*="inline-fields"][class*="--genericMonth"] .form-field, [class*="inline-fields"][class*="--purchaseDate"] .form-field { width: 24.12234%; float: left; margin-right: 1.17021% } [class*="inline-fields"][class*="--phone"] .form-field.last-child, [class*="inline-fields"][class*="--social"] .form-field.last-child, [class*="inline-fields"][class*="--birthday"] .form-field.last-child, [class*="inline-fields"][class*="--dependentAge"] .form-field.last-child, [class*="inline-fields"][class*="--employedDate"] .form-field.last-child, [class*="inline-fields"][class*="--occupancyDate"] .form-field.last-child, [class*="inline-fields"][class*="--builtDate"] .form-field.last-child, [class*="inline-fields"][class*="--genericMonth"] .form-field.last-child, [class*="inline-fields"][class*="--purchaseDate"] .form-field.last-child { width: 32.55319%; float: right; margin-right: 0 } [class*="inline-fields"][class*="--phone"] .dash, [class*="inline-fields"][class*="--social"] .dash, [class*="inline-fields"][class*="--birthday"] .dash, [class*="inline-fields"][class*="--dependentAge"] .dash, [class*="inline-fields"][class*="--employedDate"] .dash, [class*="inline-fields"][class*="--occupancyDate"] .dash, [class*="inline-fields"][class*="--builtDate"] .dash, [class*="inline-fields"][class*="--genericMonth"] .dash, [class*="inline-fields"][class*="--purchaseDate"] .dash { width: 7.26064%; float: left; margin-right: 1.17021%; text-align: center } [class*="inline-fields"][class*="--employedDate"] .form-field.last-child, [class*="inline-fields"][class*="--dependentAge"] .form-field.last-child, [class*="inline-fields"][class*="--occupancyDate"] .form-field.last-child, [class*="inline-fields"][class*="--builtDate"] .form-field.last-child, [class*="inline-fields"][class*="--purchaseDate"] .form-field.last-child { width: 32.55319%; float: left; margin-right: 1.17021% } [class*="inline-fields"][class*="--shortLong"] .form-field { width: 24.12234%; float: left; margin-right: 1.17021% } @media print, screen and (max-width: 34.0625em) { [class*="inline-fields"][class*="--shortLong"] .form-field { width: 49.41489%; float: left; margin-right: 1.17021% } } [class*="inline-fields"][class*="--shortLong"] .form-field.last-child { width: 66.2766%; float: right; margin-right: 0 } @media print, screen and (max-width: 34.0625em) { [class*="inline-fields"][class*="--shortLong"] .form-field.last-child { width: 49.41489%; float: right; margin-right: 0 } } .MultipleInputsContainer { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .has-text-icon-mobile-override::before { margin-top: 0 !important; top: calc(100% - 2em) } .hero--content { margin: 0 auto; margin-bottom: 2em; max-width: 89em; position: relative } .hero--image, .hero--video { max-width: 100%; object-fit: cover; position: absolute } @media print, screen and (max-width: 48.0625em) { .hero--video { display: none } } .hero--content, .hero--image, .hero--video { min-height: 13em } @media print, screen and (min-width: 48.0625em) { .hero--content, .hero--image, .hero--video { min-height: 25em } } .sub-hero--content { margin: 0 auto; margin-bottom: 1em; max-width: 56em } .c-Hero { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 101vh; position: relative } @media all and (min-width: 30rem) { .c-Hero { display: block; height: 800px } } .c-Hero__bgImage { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 50%; position: absolute; top: 75px; width: 100% } @media all and (min-width: 30rem) { .c-Hero__bgImage { height: 800px; top: 0 } } .c-Hero__bgImage--right { background-position: right top } .c-Masthead__branding { padding-right: 8px } .c-Masthead__dropdown { width: 12rem } .ie-banner { max-width: 800px; width: 100%; margin: auto } .c-Masthead__logo { max-width: 172px; min-width: 172px } @media all and (min-width: 26.25rem) { .c-Masthead__logo { max-width: 214px; min-width: 214px } } .c-Masthead__icon-alt { color: #bebebe; height: 24px; stroke-width: 5px; width: 24px } .sprk-c-Masthead__link:active .c-Masthead__icon-alt, .sprk-c-Masthead__link:focus .c-Masthead__icon-alt, .sprk-c-Masthead__link:hover .c-Masthead__icon-alt { color: currentColor } .c-Masthead__secondaryLink--visible-on-open { display: none } .sprk-c-Masthead--open .c-Masthead__secondaryLink--visible-on-open { display: inline-block } .get-started--refinance .c-Masthead, .get-started--purchase .c-Masthead { position: -webkit-sticky; position: sticky; background-color: #fff } @media all and (min-width: 74.375rem) { .get-started--refinance .c-Masthead, .get-started--purchase .c-Masthead { background-color: transparent; transition: background-color 350ms ease-in-out, background-color 350ms ease-in-out } } .get-started--refinance .c-Masthead--scroll, .get-started--purchase .c-Masthead--scroll { position: fixed; background-color: #fff } .get-started--refinance .c-Masthead__menu, .get-started--purchase .c-Masthead__menu { background-color: transparent } .get-started--refinance .sprk-c-Masthead--open.c-Masthead, .get-started--purchase .sprk-c-Masthead--open.c-Masthead { display: block; position: fixed } .message { background: #f7f7f7; border-radius: 5px; display: table; font-size: .75em; overflow: hidden; width: 100% } .message-body, .message-media, .message-close { display: table-cell; padding: 1em; vertical-align: middle } .message-body { width: 100% } .message-media, .message-close { text-align: center } .message-close { color: #333 } .message-close:visited, .message-close:hover, .message-close:active, .message-close:focus { color: #333 } .message-icon:before { color: #fff } .message-media--default { background: #13a48e } .message-media--fail { background: #f5be40 } .message-media--info { background: #007dba } .message-media--success { background: #c8102e } .has-spinner:after { background: transparent; border: 0.25em solid #fff; border-bottom-color: transparent; border-radius: 100%; content: ''; display: block; height: 1.5em; width: 1.5em; margin: 0 auto } .has-spinner.btn:after { border: 4px solid #fff; border-bottom-color: transparent; display: inline-block; height: .75em; margin-left: 0.5em; width: .75em } .modalBox { max-width: 54.0625em; text-align: left; width: 90% } .modalBox h2 { background: #333; color: #fff; font-weight: normal; padding: 0.5em } .modalBox h2.has-spinner { padding-right: 2em } .modalBox h2.has-spinner:after { border: 4px solid #fff; border-bottom-color: transparent; height: 1em; position: absolute; right: 0.5em; top: 0.5em; width: 1em } .modalBox p, .modalBox .mid-fields { padding-left: 20px; padding-right: 20px; padding-bottom: 20px } .modalBox .mid-fields { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; margin-top: 0; text-align: center } .modalBox .modalBox__container { width: 66.2766%; float: left; margin-right: 1.17021%; margin-left: 16.8617%; margin-right: 16.8617%; background: #fff; border: 1px solid #333; overflow: hidden; position: relative } @media print, screen and (max-width: 48.0625em) { .modalBox .modalBox__container { width: 100%; float: right; margin-right: 0; margin-left: 0%; margin-right: 0% } } .modalBox .timer-ended { display: none } .modalBox.is-not-running .timer-ended { display: inherit } .modalBox.is-not-running .timer-running { display: none } .modalBox__video { position: relative; padding-bottom: 56.25%; padding-top: 1.31579em; height: 0 } .modalBox__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.5em; background: black } .modalBox__video__close { position: absolute; right: 0.5em; top: 0.1em; z-index: 9 } .phony-dropdown { position: relative } .phony-dropdown-options { background: #fff; border: 2px solid #333; border-radius: 0 0 5px 5px; border-top: 0 none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 500 } .phony-dropdown-option { left: -999999px; position: absolute } .phony-dropdown-option[disabled] + label { display: none } .phony-dropdown-option + label { border: 0 none; border-top: 1px solid #333; cursor: pointer; margin: 0; padding-left: 1em; padding-right: 1em } .phony-dropdown-option + label:hover { background: #f7f7f7; color: #fff } .phony-dropdown-terminator { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 400 } .phony-dropdown-trigger { text-align: left; transition: border-radius 0.5s; width: 100% } .phony-dropdown-trigger.open { border-radius: 5px 5px 0 0 } .mention-item { width: 32.55319%; float: left; margin-right: 1.17021%; margin-right: 0%; padding: 0 1em } @media print, screen and (max-width: 48.0625em) { .mention-item { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543%; margin-bottom: 4em } .mention-item:last-child { margin-bottom: 0 } } .mention-item p:last-child { margin-bottom: 0 } #progressBarID li div.step_icon { margin: 5px 0 0 0 } @media print, screen and (max-width: 48.0625em) { .container aside.progressBar { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543%; display: block } } .container aside.progressBar .progressText { display: none; margin-bottom: 0.5em; text-align: left } @media print, screen and (max-width: 48.0625em) { .container aside.progressBar .progressText { display: block } } .container aside.progressBar .progressText a { display: inline-block; font-size: .75em } .container aside.progressBar .steps { color: #333; margin: 0; padding-top: 10px; position: relative } @media print, screen and (max-width: 48.0625em) { .container aside.progressBar .steps { display: none; margin-bottom: 1em; overflow: hidden; padding: 0; width: 100% } } @media print, screen and (min-width: 48.1625em) { .container aside.progressBar .steps { display: block !important } } .container aside.progressBar .steps:before { background: #cfcfcf; content: ''; display: block; height: 100%; left: 7px; margin: 0 auto; position: absolute; top: 16px; width: 2px } @media print, screen and (max-width: 48.0625em) { .container aside.progressBar .steps:before { left: 7px; height: 90% } } .container aside.progressBar li { clear: both; display: block; position: relative } .container aside.progressBar li .step_icon { margin: 3px 0 0 0; background: #fff; border: 2px solid #cfcfcf; border-radius: 50%; display: inline-block; float: left; height: 16px; padding: 0 0 0 3px; width: 16px } @media print, screen and (max-width: 48.0625em) { .container aside.progressBar li .step_icon { height: 16px; font-size: .75em; margin: 4px 0 1em 0; padding: 3px 0 0 2px; width: 16px } } .container aside.progressBar li .step_icon span.number { display: inline-block; padding-top: 1px; padding-right: 2px } .container aside.progressBar li .step_icon span.symbol { display: none } .container aside.progressBar li .step_text { display: table; float: left; height: 16px; margin: 0 0 2em 0; padding: 0 8px; text-align: left; width: 70%; font-weight: 300 } @media print, screen and (max-width: 48.0625em) { .container aside.progressBar li .step_text { height: 16px; margin: 0 0 1em 0; width: 85% } } .container aside.progressBar li .step_text span { display: table-cell; vertical-align: middle } .container aside.progressBar li.current { color: #333 } .container aside.progressBar li.current .step_text { font-weight: 700 } .container aside.progressBar li.current .step_icon { background: #fff; border: 4px solid #01947e; color: #fff } .container aside.progressBar li.complete a { font-weight: 500 } .container aside.progressBar li.complete a:visited, .container aside.progressBar li.complete a:hover, .container aside.progressBar li.complete a:active { color: #333 } .container aside.progressBar li.complete .step_icon { background: #fff; border: 4px solid gray; color: #fff } .container aside.progressBar li.complete .step_icon:visited, .container aside.progressBar li.complete .step_icon:hover, .container aside.progressBar li.complete .step_icon:active { color: #fff } .container aside.progressBar li.complete .step_icon span.number { display: none } .container aside.progressBar li.complete .step_icon span.symbol { display: inline-block } .container aside.progressBar li.future { font-weight: 300 } .container aside.progressBar li.complete--disabled .step_icon span.number { display: none } .container aside.progressBar li.complete--disabled .step_icon span.symbol { display: inline-block } .container aside.progressBar li:last-child, .container aside.progressBar li:last-child .step_icon, .container aside.progressBar li:last-child .step_text { margin: 0 } @media print, screen and (max-width: 34.0625em) { [class*="verifiedapproval-campaign"] { padding: 2em 1em } } .verifiedapproval-content { width: 66.2766%; float: right; margin-right: 0 } @media print, screen and (max-width: 34.0625em) { .verifiedapproval-content { width: 100%; float: right; margin-right: 0 } } .verifiedapproval-content p, .verifiedapproval-content strong { color: #333 } .verifiedapproval-content p:last-child { margin-bottom: 0 } .verifiedapproval-logo { width: 28.33777%; float: left; margin-right: 1.17021%; margin-right: 4.21543% } @media print, screen and (max-width: 34.0625em) { .verifiedapproval-logo { width: 24.12234%; float: left; margin-right: 1.17021%; margin-left: 37.93883%; margin-right: 37.93883%; margin-bottom: 1em } } .verifiedapproval-campaign--with-list { background-position: -360px top, -360px 500px } .verifiedapproval-campaign--with-list .verifiedapproval-content { width: 100%; float: right; margin-right: 0 } .verifiedapproval-campaign--with-list .verifiedapproval-logo { width: 49.41489%; float: left; margin-right: 1.17021%; margin-left: 0%; margin-right: 0% } @media print, screen and (max-width: 34.0625em) { .verifiedapproval-campaign--with-list .verifiedapproval-logo { width: 74.70745%; float: left; margin-right: 1.17021% } } .get-started-rate-lock { height: 175px } .get-started-rate-lock-content h1 { color: white; font-weight: normal; font-size: 39px } .get-started-rate-lock-content h3 { color: white; font-weight: normal; width: 123px; margin: -16px auto 0 } .get-started-rate-lock-content .footer-reference { font-size: 5px; letter-spacing: 0.15em; margin-top: 4px } .get-started-rate-lock-content h5 { letter-spacing: 0.03em; color: white; font-weight: 300; margin-top: 40px; margin-bottom: 15px } .get-started-rate-lock-content sup { color: white; font-size: 12px; font-weight: 300; vertical-align: top; display: inline-block; margin-top: 3px; line-height: inherit; position: inherit } .verified-icon { margin-top: -24px } .verified-header { display: inline-block; margin: 15px auto 0; height: 60px; line-height: 60px; white-space: nowrap; max-width: 200px } @media all and (max-width: 838px) { .verifiedapproval-campaign--with-list .verifiedapproval-logo { width: 100% } } .svg-curcol svg { fill: currentColor } .svg-logo-rocket { height: 68px } .svg-hax-for-ie { height: 0; position: relative } .svg-hax-for-ie svg { height: 100%; left: 0; position: absolute } .get-started-rate-lock svg { height: auto; left: auto; position: inherit; width: 62%; margin-top: 15px } svg.no-events, svg.icon use { pointer-events: none } svg.icon { fill: currentColor; height: 1.25em; width: 1.25em } .toggleable-trigger.open .rotate-on-click { transform: rotate(90deg) } .toggleable-trigger .rotate-on-click, .toggleable-trigger .rotate-on-click-180 { transition: transform 0.5s; border-radius: 15px; stroke-width: 4px !important } .toggleable-trigger.open .rotate-on-click-180 { transform: rotate(180deg) } .Watermark { background-attachment: local; background-image: url("/images/rocket-watermark.svg"); background-repeat: no-repeat; left: 0; position: absolute; right: 0; transition: all .1s linear } .Watermark--layoutPage { background-position: -150px 23px; background-size: 430px; height: 850px; padding-top: 25px } @media (min-width: 48.0625em) { .Watermark--layoutPage { background-position: -90px 20px; padding-top: 60px; background-size: 600px } } @media (min-width: 863px) { .Watermark--layoutPage { background-position: -90px 5px; padding-top: 60px; background-size: inherit } } @media (min-width: 1000px) { .Watermark--layoutPage { background-position: -30px 5px } } @media (min-width: 1200px) { .Watermark--layoutPage { background-position: 25px 5px } } @media (min-width: 1400px) { .Watermark--layoutPage { background-position: 100px 5px } } @media (min-width: 1600px) { .Watermark--layoutPage { background-position: 250px 5px } } @media (min-width: 1800px) { .Watermark--layoutPage { background-position: 300px 5px } } @media print, screen and (max-width: 40.0625em) { .jdp-disabled .footer--main__eho { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 1em } } .jdp-disabled .footer--jdp__disclaimer, .jdp-disabled .footer--main__jdp { display: none } .jdp-disabled--logo .footer--jdp__disclaimer { display: block } .nav--footer li, .nav--legal li { line-height: 2; margin-right: 1em } .nav--footer li:last-child, .nav--legal li:last-child { margin-right: 0 } @media print, screen and (max-width: 30.0625em) { .nav--footer li a, .nav--legal li a { display: inline-block } } [class*="pageNotice"] { background: #fff; border-bottom: 2px solid #404040; margin-bottom: 0; margin-top: 0; padding-bottom: 0.5em; padding-top: 0.5em; z-index: 1000 } @media print { [class*="pageNotice"] { display: none } } [class*="pageNotice"] > div { max-width: 940px; margin-left: auto; margin-right: auto } [class*="pageNotice"] > div:after { content: " "; display: block; clear: both } [class*="pageNotice"] h3, [class*="pageNotice"] p { padding-left: 10px; padding-right: 10px } [class*="pageNotice"] h3 { margin-bottom: 0.25em } [class*="pageNotice"] p { font-size: .75em } [class*="pageNotice"] p:last-child { margin-bottom: 0 } .rma-logo { height: 32px } .global-nav-logos { height: 16px } @media print, screen and (max-width: 54.0625em) { .mobile-clear-margin-left { margin-left: 0 !important } .modal-height-large { max-height: 95% !important; margin-top: -3% !important; z-index: 2147483646 !important } } .b-Link--has-icon-alt .sprk-c-Icon { color: #cfcfcf } .b-Link--has-icon-alt:hover .sprk-c-Icon, .b-Link--has-icon-alt:focus .sprk-c-Icon { color: #333 } .jdp-org-width { width: 331px } .jdp-serv-width { width: 260px } .loanlist-max-width { max-width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media print, screen and (max-width: 40.0625em) { [class*="explore-solutions--"] .home-price-headline { width: 100%; float: left; margin-left: 0; margin-right: 0 } } [class*="explore-solutions--"] .important-numbers { display: table; width: 100% } [class*="explore-solutions--"] .custom-solution-border { border: 1px solid #f7f7f7 } [class*="explore-solutions--"] #solution-applyOnAllElementsInsideDiv > * { width: 100%; padding: 16px; margin-bottom: 16px !important } [class*="explore-solutions--"] .custom-solution-border { border: 1px solid #f7f7f7 } [class*="explore-solutions--"] .loan-options { margin: 0 } [class*="explore-solutions--"] .loan-options .loan-option { background-color: #fff; transition: all 0.5s } [class*="explore-solutions--"] .loan-options .loan-option .loan-option-important-numbers { border: 0 none; border-bottom: 2px solid #333; border-radius: 0; padding: 1em 0.5em } @media print, screen and (max-width: 40.0625em) { [class*="explore-solutions--"] .loan-options .loan-option .loan-option-important-numbers { padding: 20px; text-align: left } } [class*="explore-solutions--"] .loan-options .loan-option .option-detail-generic { padding: 0.5em 1em } [class*="explore-solutions--"] .loan-options .loan-option .option-details-trigger { display: block; padding: 10px 1em } [class*="explore-solutions--"] .loan-options .loan-option .option-label-monthly-payment { padding: 0.5em 20px } [class*="explore-solutions--"] .loan-options .loan-option .option-label-apr, [class*="explore-solutions--"] .loan-options .loan-option .option-label-cash, [class*="explore-solutions--"] .loan-options .loan-option .option-label-rate-promo { width: 28.33777%; float: left; margin-right: 1.17021%; margin-right: 0%; border-left: 1px solid #f7f7f7; float: none; font-size: .75em; padding: 0 0.5em } @media print, screen and (max-width: 40.0625em) { [class*="explore-solutions--"] .loan-options .loan-option .option-label-apr, [class*="explore-solutions--"] .loan-options .loan-option .option-label-cash, [class*="explore-solutions--"] .loan-options .loan-option .option-label-rate-promo { width: 100%; float: right; margin-right: 0; border: 0 none; padding: 0 } } @media print, screen and (max-width: 40.0625em) { [class*="explore-solutions--"] .loan-options .loan-option .option-label-apr, [class*="explore-solutions--"] .loan-options .loan-option .option-label-rate-promo { margin-bottom: 1em } } [class*="explore-solutions--"] .loan-options .loan-option .option-label-number { font-size: 1.33333em } [class*="explore-solutions--"] .loan-options .loan-option [class*="option-details-item"] { width: 100%; float: right; margin-right: 0; font-size: .75em; margin-bottom: 0.5em; padding: 0 20px } [class*="explore-solutions--"] .loan-options .loan-option [class*="option-details-item"][class*="--border-btm"] { padding-bottom: 0.5em; border-bottom: 1px dashed #333 } [class*="explore-solutions--"] .loan-options .loan-option [class*="option-details-item"][class*="--border-top"] { border-top: 1px dashed #333; padding-top: 0.5em } [class*="explore-solutions--"] .loan-options .loan-option [class*="option-details-item"][class*="--headline"] { background: #f7f7f7; margin-bottom: 0.25em; margin-top: 0.25em; padding-bottom: 0.25em; padding-top: 0.25em } .dropdowns-label { display: inline-block; min-width: 12rem; padding-right: 10px } .dropdowns-label span { display: inline-block } .dropdowns-label svg { margin-top: 5px } .dropdown-spans { display: inline-block; margin-right: 3px } .check-box-container { float: right; background: white; border-radius: 50%; position: relative; border: 1px solid #13a48e; margin-top: -20px } .check-box-container svg { position: absolute; top: -4px; right: 0; bottom: 0; left: -4px; stroke: #13a48e } .check-box-container .label-reset { padding: 0 !important; display: inherit !important; box-shadow: none !important; border-radius: 0 !important; letter-spacing: inherit !important; border: 0 !important; background-color: #13a48e !important } .sprk-c-Card-reset { max-width: 100% !important } .checkbox-dimensions-reset { height: 55px !important; width: 55px !important; border-radius: 50% !important } .checkbox-dimensions-reset:after { height: 55px !important; width: 55px !important; border-radius: 50% !important } .dropdown-container { width: auto } .custom-dropdown { min-width: 210px; display: inline-block } .custom-dropdown svg { float: right } .hover-underline:hover { text-decoration: underline } .refinance-rate-verbiage { margin-top: 6px; margin-bottom: 8px } .sprk-gray { background-color: #f7f7f7 } .other-details { width: 33%; padding: 0 } .sticky-footer { background: #eeeeee; width: 100%; height: 100px; position: fixed; bottom: 0; left: 0; z-index: 5000; text-align: center; border-top: 2px solid #000000 } .sticky-footer-check-approval { display: inline-block } .sticky-footer-self-submit { display: inline-block } .sticky-product { margin-left: 10px; display: inline-block; margin-right: 10px; vertical-align: middle } @media all and (max-width: 414px) { .sticky-footer { background: #eeeeee; width: 100%; height: 165px; position: fixed; bottom: 0; left: 0; z-index: 5000; text-align: center; border-top: 2px solid #000000 } .sticky-footer-check-approval { display: block; margin: 10px auto !important; width: 80%; float: unset } .sticky-footer-self-submit { display: inline; padding: 0; border: 0; background-color: transparent; font-size: 1em; color: #000; text-decoration: underline } } @media print, screen and (max-width: 679px) { .other-details { margin: auto; width: 100%; text-align: center } .custom-dropdown-container { width: 100%; display: inline-block; margin: auto; margin-top: 5px } .custom-dropdown { width: 100%; display: inline-block; margin: auto } .dropdown-container { width: 100%; margin-top: 8px } } .monthly-diff-note { display: block; font-size: 12px } [class^="get-started"] .container { text-align: center } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .container { padding-bottom: 1em; padding-top: 1em } } [class^="get-started"] .container .container-content { width: 66.2766%; float: left; margin-right: 1.17021%; margin-left: 16.8617%; margin-right: 16.8617%; display: block; float: none } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .container .container-content { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543% } } [class^="get-started"] .svg-container { margin: auto; width: 141px } [class^="get-started"] .benefits-primary .container { padding-bottom: 0 } [class^="get-started"] .benefits-primary .container .benefit-icon { margin-bottom: 2em } [class^="get-started"] .benefits-primary .container .benefit-list .benefit-item { width: 32.55319%; float: left; margin-right: 1.17021%; margin-right: 0%; padding: 0 1em } @media print, screen and (max-width: 40.0625em) { [class^="get-started"] .benefits-primary .container .benefit-list .benefit-item { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543%; margin-bottom: 2em } [class^="get-started"] .benefits-primary .container .benefit-list .benefit-item:last-child { margin-bottom: 0 } } @media print, screen and (max-width: 40.0625em) { [class^="get-started"] .benefits-primary .container .benefit-list .benefit-item p:last-child { margin-bottom: 0 } } @media print, screen and (max-width: 40.0625em) { [class^="get-started"] .benefits-primary .container { padding-bottom: 1em } } [class^="get-started"] .benefits-secondary .subhead-alpha { margin-bottom: 0.75em } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .benefits-secondary .subhead-alpha { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543%; text-align: left } } [class^="get-started"] .benefits-secondary .benefit-list .benefit-item { width: 24.12234%; float: left; margin-right: 1.17021%; text-align: center } @media print, screen and (max-width: 40.0625em) { [class^="get-started"] .benefits-secondary .benefit-list .benefit-item { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543%; margin-bottom: 2em } [class^="get-started"] .benefits-secondary .benefit-list .benefit-item:last-child { margin-bottom: 0 } } [class^="get-started"] .benefits-secondary .benefit-list p { clear: both; display: block; font-size: .75em } [class^="get-started"] .benefits-secondary .benefit-list p:last-child { margin-bottom: 0 } [class^="get-started"] .benefits-secondary .benefit-list .number { width: 15.69149%; float: left; margin-right: 1.17021%; font-size: 1.33333em; font-weight: bold } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .benefits-secondary .benefit-list .number { float: none; margin: 0 } } [class^="get-started"] .benefits-secondary .benefit-list .label { width: 91.56915%; float: right; margin-right: 0 } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .benefits-secondary .benefit-list .label { float: none; margin: 0 } } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .such-incredible .callouts { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543% } } [class^="get-started"] .such-incredible .callouts .callout { display: inline-block; margin-bottom: 0.5em; padding: 0 0.2em } @media print, screen and (max-width: 48.0625em) { [class^="get-started"] .such-incredible .callouts .callout { font-size: .75em } } @media print, screen and (max-width: 40.0625em) { [class^="get-started"] .such-incredible .callouts .callout { display: block; text-align: left } } .benefit-margin-top { margin-top: 20px !important } @media print, screen and (min-width: 54.0625em) { .home .home--jdp { max-width: 450px } } .tooltip { position: relative; display: inline-block } .tooltip .tooltiptext { visibility: hidden; width: 18rem; font-size: 0.7rem; border-radius: 0.6rem; padding: 0.5rem 0.5rem; position: absolute; z-index: 1; top: 0.9rem; left: 74% } @media print, screen and (max-width: 30.0625em) { .tooltip .tooltiptext { top: 8.4rem; left: 1.8rem } } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 16%; right: 100%; border-width: 0.5rem; border-style: solid; border-color: transparent white transparent transparent } @media print, screen and (max-width: 30.0625em) { .tooltip .tooltiptext::after { top: -1.5rem; bottom: 100%; right: 84%; margin-left: -0.5rem; border-width: 0.5rem; border-color: transparent transparent white transparent } } .custom-circle { height: 1.9rem; width: 1.9rem; border-radius: 50%; display: inline-block; border: 0.09rem solid #333 } .tooltip:hover .tooltiptext { visibility: visible } .custom-spark-c-Icon { height: 1.8rem; width: 4.5rem; stroke-width: 0.5rem } @media print, screen and (max-width: 30.0625em) { .custom-phone-padding { padding: 2.4rem 0 0 0 !important } .custom-phone-zindex { z-index: 100 } .custom-phone-margin { margin-top: 5rem } .custom-phone-equitycontainer { margin-top: -6.4rem } } .custom-arrow-placement { margin-left: -1.7rem } .custom-equity-padding { padding: 2.7rem 0 2.7rem 2.7rem } .custom-estimated-equity-padding { padding-top: 2.5rem !important } .custom-svg-circle { height: 3.5rem; width: 3.5rem; border-radius: 50%; display: inline-block; background-color: gray } #debt-checked:checked ~ .custom-svg-circle { background-color: #13a48e } .custom-debt-equity-padding { padding: 2.5rem 0 2.5rem 2.5rem } .custom-remaining-equity { margin-top: 0.65rem } .custom-debt-remaining-equity-padding { padding-top: 0.3rem } .custom-display-in-mobile { display: none } .custom-input { height: 1.2rem; width: 1.2rem } .custom-balance-owed { margin-left: 2.75rem } @media print, screen and (max-width: 30.0625em) { .custom-mobile-showNone { display: none } .custom-display-in-mobile { display: block; margin-left: 1rem } .custom-balance-owed { margin-left: 4.0rem; font-size: 2rem } .custom-input { margin-left: 1.3rem; background-color: #fff } .custom-card-name { margin-left: 4rem } .custom-balance-owed-name { margin-left: 4.0rem; font-size: 0.8rem } .custom-mobile-dollar-block { margin-top: -0.5rem } .custom-input-box-positioning { margin-top: 2.3rem; z-index: 2 } .custom-mobile-box-position { margin-top: -3.4rem } .custom-mobile-float-right { float: right; margin-top: 0.7rem } .custom-debt-equity-padding { padding: 2.0rem 0 2.0rem 3.7rem } } .custom-per-month-save-value { font-size: 2.125rem } .outer { display: block; width: 19rem; height: 16rem; margin: auto; position: relative; overflow: hidden; border: 0; padding: 0 } .inner-first-bar { display: inline-block; width: 8.5rem; height: 16rem; background: #13a48e; border: 0; padding: 0 } .inner-second-bar { display: inline-block; height: 16rem; border-left: 1.75rem solid #01947e; border-top: 4.37rem solid #f7f7f7; margin-left: -0.3rem } .inner-third-bar { display: inline-block; width: 8.5rem; height: 16rem; border-bottom: 11.7rem solid #018371; margin-left: -0.3rem } .custom-block-positioning { margin-top: -7rem !important } .custom-save-money-position { margin-top: 8rem !important; padding-left: 4rem } .custom-yousavemoney-padding { padding: 2.2rem 2rem !important; z-index: 10; background-color: #fff } .custom-bar-position { margin-left: 9rem } .custom-today-positioning { margin-left: 9rem } .custom-after-refinancing-positioning { margin-left: 7rem } .custom-dollar-fontsize { font-size: 1.7rem } .custom-after-refinancing-value-positioning { margin-left: 4.8rem; font-size: 1.7rem } @media print, screen and (max-width: 30.0625em) { .custom-yousavemoney-padding { padding: 2.7rem 2rem !important; z-index: 10; background-color: #fff } .custom-today-positioning { margin-left: 0 } .custom-bar-position { margin-left: 0 } .custom-after-refinancing-value-positioning { margin-left: 4.2rem; font-size: 1.7rem } .custom-save-money-position { margin-top: 1rem !important; padding-left: 0 } .custom-debt-positioning { margin-top: 5.4rem } .custom-block-positioning { margin-top: -7rem } .custom-dollar-positioning { margin-right: 3rem } } .custom-color-dark-green { color: #01947e !important } .home .container aside { float: none; display: block; margin: 0 auto; position: relative; text-align: center; width: 193px } @media print, screen and (max-width: 48.0625em) { .home .container aside { display: none } } .home .container aside .reg-mark { color: #333; font-size: 1.77778em; left: 78px; position: absolute; top: 136px } .home .container .container-content { width: 66.2766%; float: left; margin-right: 1.17021%; margin-left: 16.8617%; margin-right: 16.8617%; text-align: center } @media print, screen and (max-width: 48.0625em) { .home .container .container-content { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543% } } @media print, screen and (max-width: 54.0625em) { .legalPage .container { width: 91.56915%; float: left; margin-right: 1.17021%; margin-left: 4.21543%; margin-right: 4.21543% } } .asset-forms { max-width: none !important } .asset-icon-background { background: white } .asset-edit-button { color: #333; position: relative; left: -1em; cursor: pointer } .asset-edit-button:hover { color: #13a48e } @media print, screen and (max-width: 30.0625em) { .asset-edit-button { position: absolute; top: 1em; left: calc(100% - 3em) } } .asset-heading-img { color: #13a48e } @media print, screen and (max-width: 30.0625em) { .asset-heading-img { position: absolute; right: 0.20em; top: 7.5em; height: 85px; width: 85px; margin-top: 20px; transition: top 400ms } } .stroke-width-reset { stroke-width: 0 } @media print, screen and (max-width: 30.0625em) { .asset-heading-img-top-toggle { top: 32em } } .asset-remove-link { color: #333; cursor: pointer } @media print, screen and (max-width: 30.0625em) { .asset-remove-link { position: relative; top: -3.5em } } .asset-remove-link:hover { color: #f5be40 } .asset-remove-link-text { color: #333 } @media print, screen and (max-width: 30.0625em) { .asset-remove-link-text { display: none } } .add-assets-button { color: #13a48e; cursor: pointer } .add-assets-button:hover { color: #333 } @media print, screen and (max-width: 30.0625em) { .asset-edit-controls { height: 3em } } .asset-cancel-button { position: relative; left: -6em } @media print, screen and (max-width: 30.0625em) { .asset-cancel-button { position: relative; top: 0; left: 40% } } .asset-save-button { position: absolute; left: 0 } @media print, screen and (max-width: 30.0625em) { .asset-save-button { width: 40% } } @media print, screen and (max-width: 30.0625em) { .asset-static-edit-container { height: 0 } } .asset-include-icon { border: 2px solid #cfcfcf; border-radius: 15px; stroke-width: 4px !important } .asset-proceeds-label { margin-bottom: -16px } .asset-informative-custom-setting { margin-left: 82px !important } @media print, screen and (max-width: 67.5rem) { .asset-informative-custom-setting { margin-left: 0 !important } } .asset-informative-custom-cardPadding { padding-top: 25px !important; padding-bottom: 13px !important } #proceeds-contribution-input { margin-top: 22px } .asset-readonly { background-color: #cfcfcf !important; border-color: #cfcfcf !important; color: gray !important; cursor: not-allowed } @media print, screen and (max-width: 685px) { .label-xs { font-size: 12px } } @media print, screen and (max-width: 610px) { .add-asset-xs { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100% } } @media print, screen and (max-width: 610px) { .add-asset-xs .input-container-xs { max-width: 100% } } @media print, screen and (max-width: 610px) { .add-asset-xs .input-container-custom { max-width: 97% } } @media print, screen and (max-width: 610px) and (min-width: 480px) { .asset-cancel-button { left: 0em } } @media print, screen and (max-width: 610px) and (min-width: 480px) { .asset-save-button { width: 125px } } .add-income-button { color: #13a48e; cursor: pointer } .add-income-button:hover { color: #333 } @media print, screen and (max-width: 30.0625em) { .income-static-edit-container { height: 0 } } .income-edit-button { color: #333; position: relative; left: 7em; cursor: pointer } .income-edit-button:hover { color: #13a48e } @media print, screen and (max-width: 30.0625em) { .income-edit-button { position: absolute; top: 1em; left: calc(100% - 3em) } } .income-edit-controls { position: relative } .income-save-button { position: absolute; top: 0 } @media print, screen and (max-width: 30.0625em) { .income-save-button { width: 40% } } .income-cancel-button { position: relative; left: -6em } @media print, screen and (max-width: 30.0625em) { .income-cancel-button { position: relative; top: 0; left: 45% } } .income-remove-link { color: #333; cursor: pointer } @media print, screen and (max-width: 30.0625em) { .income-remove-link { position: relative; top: -3.5em; height: 0 } } .income-remove-link:hover { color: #f5be40 } .income-remove-link-text { color: #333 } @media print, screen and (max-width: 30.0625em) { .income-remove-link-text { display: none } } @media print, screen and (max-width: 30.0625em) { .income-heading-img { position: absolute; right: 4em; top: 1em; height: 99px; width: 99px; margin-top: 20px; transition: top 400ms } } @media print, screen and (max-width: 30.0625em) { .income-heading-img-top-toggle { top: 25em } } .cash-out-sub-priority { min-width: 266px; min-height: 27px; display: block; margin-left: 50px } @media (max-width: 414px) { .cash-out-sub-priority { margin-left: 0 } } .cash-out-sub-priority-label { width: 302px !important } #sub-goal-error, #priority-error { display: inline-block } .b-TypeDividerSides { overflow: hidden } .b-TypeDividerSides__content { display: inline-block; position: relative } .b-TypeDividerSides__content:before, .b-TypeDividerSides__content:after { content: ""; position: absolute; border-top: 1px solid rgba(0, 0, 0, 0.15); top: 12px; width: 6rem } .b-TypeDividerSides__content:before { right: 100%; margin-right: 15px } .b-TypeDividerSides__content:after { left: 100%; margin-left: 15px } .o-CenteredColumn--small { max-width: 38rem } .o-CenteredColumn--medium { max-width: 75rem } .o-CenteredColumn--large { max-width: 85rem } .o-Stack--stretch-column\@m { -ms-flex-align: center; align-items: center } @media all and (min-width: 55rem) { .o-Stack--stretch-column\@m { -ms-flex-align: stretch; align-items: stretch } } .o-Stack--grow { -ms-flex-positive: 1; flex-grow: 1 } .o-Stack__item--10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10% } .o-Stack__item--90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90% } .c-Masthead--has-alert.sprk-c-Masthead--hidden { transform: none } .c-Alert { max-width: 89rem; margin: 0 auto } .c-Alert__icon { stroke-width: 5px } .c-Alert__copy-small\@s { font-size: 20px } @media all and (min-width: 55rem) { .c-Alert__copy-small\@s { font-size: 26px } } .c-Alert__heading { font-size: 28px; line-height: 1.15 } @media all and (min-width: 55rem) { .c-Alert__heading { font-size: 38px } } .c-Card:hover.c-Card__bgImage, .c-Card:focus.c-Card__bgImage { transform: scale(1.05) perspective(1px) } .c-Card--image-transform { -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black) } .c-Card--medium { max-width: 24.5625rem } .c-Card__media--medium { max-height: 370px } .c-Card__bgImage { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; transition: transform 0.4s ease-in-out; display: -ms-flexbox; display: flex; min-height: 10rem; max-height: 10rem } @media all and (min-width: 42.5rem) { .c-Card__bgImage { min-height: 18rem; max-height: 18rem } } .c-Card__overlay { position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.5; background: linear-gradient(rgba(255, 255, 255, 0), #333); z-index: 2 } .c-Card__footer { z-index: 9 } @media all and (min-width: 55rem) { .c-Card--standoutTransform { transition: all .2s ease-in } } @media all and (min-width: 55rem) { .c-Card--standoutTransform:hover, .c-Card--standoutTransform:focus { box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08); transform: translate3d(0, -3px, 0) } } .c-Carousel__frame { max-width: 300px } .c-CarouselBg__content { height: 52rem } @media all and (min-width: 768px) { .c-CarouselBg__content { height: 50rem } } @media all and (min-width: 55rem) { .c-CarouselBg__content { height: auto } } .c-CarouselBg\@m { background-position: 50% 37%; background-repeat: no-repeat; background-size: 34rem } @media all and (min-width: 768px) { .c-CarouselBg\@m { background-position: 50% 29% } } @media all and (min-width: 55rem) { .c-CarouselBg\@m { background-position: 100% 70% } } .get-started--purchase .c-CarouselBg\@m { background-position: 50% 40% } @media all and (min-width: 768px) { .get-started--purchase .c-CarouselBg\@m { background-position: 50% 30% } } @media all and (min-width: 55rem) { .get-started--purchase .c-CarouselBg\@m { background-position: 100% 70% } } .current-int-rate-icon { top: 38px !important; left: 71px !important; margin: 0; stroke-width: 1px; fill: #333333; height: 16px; width: 16px; position: absolute; z-index: 1 } .c-CurvedContainer { background-color: #f7f7f7; padding: 2rem; max-width: 440px } .c-CurvedContainer--full { max-width: 100% } .c-CurvedContainer--left-to-right-large { border-top-left-radius: 100px; border-bottom-right-radius: 100px } .c-HighlightBoard { -ms-flex-align: end; align-items: flex-end; display: block; height: calc(101vh - 75px); padding: 0; position: relative } @media all and (min-width: 30rem) { .c-HighlightBoard { display: -ms-flexbox; display: flex; height: calc(100% - 75px); margin: 0 auto; max-width: 89rem; padding: 1rem } } @media all and (min-width: 74.375rem) { .c-HighlightBoard { -ms-flex-align: center; align-items: center; height: calc(100% - 90px) } } .c-HighlightBoard--right { -ms-flex-pack: center; justify-content: center } @media all and (min-width: 42.5rem) { .c-HighlightBoard--right { -ms-flex-pack: end; justify-content: flex-end } } @media all and (min-width: 30rem) { .c-HighlightBoard--right .c-HighlightBoard__items { right: 1rem } } .c-HighlightBoard__items { bottom: 1rem; display: block; left: 0; margin: auto; position: absolute; right: 0; text-align: center } @media all and (min-width: 30rem) { .c-HighlightBoard__items { bottom: 10rem; left: auto; right: auto } } .sprk-c-HighlightBoard--has-image:not(.sprk-c-HighlightBoard--stacked) .c-HighlightBoard__content { box-shadow: 0px 3px 65px rgba(51, 51, 51, 0.5); border-radius: 8px; left: 0; margin: 0 1.5rem; padding: 2rem 1rem; position: relative; right: 0 } @media all and (min-width: 30rem) { .sprk-c-HighlightBoard--has-image:not(.sprk-c-HighlightBoard--stacked) .c-HighlightBoard__content { margin: initial; padding: 3rem; position: static; width: 29rem } } .c-HighlightBoard--scroll, .c-HighlightBoard--scroll.c-HighlightBoard--has-alert { height: 101vh } @media all and (min-width: 30rem) { .c-HighlightBoard--scroll, .c-HighlightBoard--scroll.c-HighlightBoard--has-alert { height: 100% } } .c-HighlightBoard--has-alert { height: calc(100% - 222px) } @media all and (max-width: 30rem) { .c-HighlightBoard--has-alert .sprk-c-HighlightBoard__content.sprk-o-Stack.sprk-o-Stack--large.c-HighlightBoard__content { bottom: 4rem } .c-HighlightBoard--has-alert .sprk-b-PageTitle { font-size: 2rem } .c-HighlightBoard--has-alert .sprk-b-PageTitle:before { padding: 0 0 10px } } .c-Image--small { height: 50px; width: 50px } .c-Image--medium { height: 100px; width: 100px } .c-ImageBg { background-repeat: no-repeat } .c-ImageBg--centered-small { background-size: 30rem; background-position: center } .c-ImageAccolades--small-opacity { max-height: 21px; opacity: 0.8 } .c-ImageAccolades--medium { max-height: 42px } .c-ImageJdp { max-height: 127px } @media all and (min-width: 55rem) { .c-ImageJdp { max-height: 180px } } .c-TrustPilot { width: 100% } .c-TrustPilot iframe { height: 280px !important } @media all and (min-width: 42.5rem) { .c-TrustPilot iframe { height: auto !important } }