/* Theme Name: Cutie.cz theme Theme URI: http://cutie.cz Description: Eshop with kids jewellery Version: 1.0 Author: Pavel Huza Author URI: http://www.pavelhuza.com Tags: kids, jewelleru, cutie, danfil */ /* =========================== CONTENTS: 01 Variables 02 Functions 02 Sensible defaults 03 Icon fonts 04 Typography =========================== */ /*@import "addons/html5-input-types";*/ /*! normalize.css http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0; } h2 { font-size: 1.5em; margin: 0; } h3 { font-size: 1.17em; margin: 0; } h4 { font-size: 1em; margin: 0; } h5 { font-size: 0.83em; margin: 0; } h6 { font-size: 0.75em; margin: 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* Variables */ /* Functions */ /* Get width in percentages */ /* Get height in ems */ /* Breakpoints */ /* Retina images */ /* Z-Index Scale */ /* Basic Styles */ div, article, section, header, footer, nav, li { position: relative; } input, textarea, select, button { font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; } html { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-size: 100%; height: 100%; font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; } ::-moz-selection { background: #70408A; color: #fff; } ::selection { background: #70408A; color: #fff; } .clear { clear: both; } .clearfix:after { content: ""; display: table; clear: both; } .hidden { opacity: 0; display: none; } .screen-reader-text { position: absolute; top: -9999em; left: -9999em; } * { margin: 0; padding: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .wf-loading { opacity: 0; visibility: hidden; } .ie.wf-loading { visibility: hidden; } .ie.wf-active { visibility: visible; } .wf-active { visibility: visible; opacity: 1; -webkit-transition: opacity, 0.3s, linear; -moz-transition: opacity, 0.3s, linear; transition: opacity, 0.3s, linear; } .error-message { display: block; background-color: #CC1A42; color: #FFFFFF; } .dropdown { display: none; } .page-wrap { width: 90%; max-width: 1070px; padding: 0 10px; margin: 0 auto; } .page-wrapper { width: 99.16667%; max-width: 1190px; margin: 0 auto; } @media screen and (max-width: 960px) { .page-wrapper { width: 92.1875%; } } @media screen and (max-width: 640px) { .page-wrapper { width: 93.75%; } } .default-popup { position: relative; padding: 60px; width: auto; max-width: 800px; border-radius: 3px; margin: auto auto; } .tooltip-container { position: relative; display: inline-block; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ } .tooltip-container .tooltip { background: #FFFFFF; bottom: 100%; color: #1E242D; display: block; left: -170px; margin-bottom: 15px; opacity: 0; padding: 20px; pointer-events: none; position: absolute; width: 360px; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (max-width: 640px) { .tooltip-container .tooltip { left: -140px; width: 200px } } .tooltip-container .tooltip::before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } .tooltip-container .tooltip::after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #fff 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .tooltip-container .tooltip h4 { font-size: 12px; margin-bottom: 6px; } .tooltip-container .tooltip p { color: #1E242D; font-size: 12px; font-weight: 300; text-transform: none; margin: 0 0 10px 0; } .tooltip-container .tooltip img { max-width: 100%; } .tooltip-container:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* Typography */ html > body { font-size: 1em; font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3D434A; } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #1E242D; } p { font-size: 1em; line-height: 1.5em; } h1 { font-size: 2.25em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } @font-face { font-family: 'icomoon'; src: url("../fonts/autocare.eot?dx7dr9"); src: url("../fonts/autocare.eot?dx7dr9#iefix") format("embedded-opentype"), url("../fonts/autocare.ttf?dx7dr9") format("truetype"), url("../fonts/autocare.woff?dx7dr9") format("woff"), url("../fonts/autocare.svg?dx7dr9#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], .selectbox-container:after, header .menu-link::before, .order-downloads .buttons a::before, .hp-advantages .advantages li::before, .hp-advantages .buttons .popup-vimeo::before, .hp-comparison .comparison-table .order li::before, .download-materials .buttons a::before, [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-play::before { content: "\e900"; } .icon-menu::before { content: "\e90b"; } .icon-arrow-bottom::before { content: "\e929"; } .icon-instagram::before { content: "\e931"; } .icon-twitter::before { content: "\e932"; } .icon-facebook::before { content: "\e933"; } .icon-pdf::before { content: "\e934"; } .icon-car-2::before { content: "\e935"; } .icon-car-1::before { content: "\e936"; } .icon-tick::before { content: "\e937"; } .icon-cross::before { content: "\e938"; } .icon-question::before { content: "\e939"; } .icon-earth::before { content: "\e93a"; } .icon-creditcard::before { content: "\e93b"; } .icon-clock::before { content: "\e93c"; } .icon-graph::before { content: "\e93d"; } /* Buttons */ /* ---------------------------------------------------------------------------------------------------------- Form elements ---------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* Inputs */ input[type="text"], input[type="email"], input[type="search"], input[type="number"], input[type="url"], input[type="password"] { border-radius: 3px; background: #FFFFFF; border: 1px solid #7F9EC9; box-shadow: inset 0px 1px 1px 0px rgba(126, 133, 142, 0.27); } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { color: #3D434A; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder { color: #3D434A; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder { color: #3D434A; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { color: #3D434A; } input[type="submit"].primary-btn { border: none; } input.error { border-color: #CC1A42; border-radius: 3px 3px 0 0; color: #CC1A42; } .selectbox-container { border-radius: 3px; border: 1px solid #7F9EC9; position: relative; background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FAFCFD)); background-image: -webkit-linear-gradient(-91deg, #FFFFFF 0%, #FAFCFD 100%); background-image: linear-gradient(-179deg,#FFFFFF 0%, #FAFCFD 100%); } .selectbox-container:after { position: absolute; right: 15px; content: "\e929"; font-size: 0.375em; top: 50%; margin-top: -3px; color: #7F9EC9; } .selectbox-container select { outline: none; display: block; background-color: transparent; width: 100%; border: none; color: rgba(6, 64, 150, 0.7); font-weight: 600; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } label { color: #1E242D; font-weight: 600; } input[type="checkbox"] { border-color: #7F9EC9; padding: 0.625em; background: #FFFFFF; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #343941; opacity: 0.9; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*! * Datepicker v0.5.0 * https://github.com/fengyuanchen/datepicker * * Copyright (c) 2014-2017 Fengyuan Chen * Released under the MIT license * * Date: 2017-02-11T13:41:05.813Z */ .datepicker-container { font-size: 12px; line-height: 30px; position: fixed; z-index: -1; top: 0; left: 0; width: 210px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; direction: ltr !important; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .datepicker-container:before, .datepicker-container:after { position: absolute; display: block; width: 0; height: 0; content: ' '; border: 5px solid transparent; } .datepicker-dropdown { position: absolute; z-index: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid #ccc; -webkit-box-shadow: 0 3px 6px #ccc; box-shadow: 0 3px 6px #ccc; } .datepicker-inline { position: static; } .datepicker-top-left, .datepicker-top-right { border-top-color: #39f; } .datepicker-top-left:before, .datepicker-top-left:after, .datepicker-top-right:before, .datepicker-top-right:after { top: -5px; left: 10px; border-top: 0; } .datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color: #39f; } .datepicker-top-left:after, .datepicker-top-right:after { top: -4px; border-bottom-color: #fff; } .datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #39f; } .datepicker-bottom-left:before, .datepicker-bottom-left:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after { bottom: -5px; left: 10px; border-bottom: 0; } .datepicker-bottom-left:before, .datepicker-bottom-right:before { border-top-color: #39f; } .datepicker-bottom-left:after, .datepicker-bottom-right:after { bottom: -4px; border-top-color: #fff; } .datepicker-top-right:before, .datepicker-top-right:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after { right: 10px; left: auto; } .datepicker-panel > ul:before, .datepicker-panel > ul:after { display: table; content: ' '; } .datepicker-panel > ul:after { clear: both; } .datepicker-panel > ul { width: 102%; margin: 0; padding: 0; } .datepicker-panel > ul > li { float: left; width: 30px; height: 30px; margin: 0; padding: 0; list-style: none; cursor: pointer; text-align: center; background-color: #fff; } .datepicker-panel > ul > li:hover { background-color: #e6f2ff; } .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #999; } .datepicker-panel > ul > li.highlighted { background-color: #e6f2ff; } .datepicker-panel > ul > li.highlighted:hover { background-color: #cce6ff; } .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #39f; } .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { cursor: default; color: #ccc; background-color: #fff; } .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: #e6f2ff; } .datepicker-panel > ul > li[data-view='years prev'], .datepicker-panel > ul > li[data-view='year prev'], .datepicker-panel > ul > li[data-view='month prev'], .datepicker-panel > ul > li[data-view='years next'], .datepicker-panel > ul > li[data-view='year next'], .datepicker-panel > ul > li[data-view='month next'], .datepicker-panel > ul > li[data-view='next'] { font-size: 18px; } .datepicker-panel > ul > li[data-view='years current'], .datepicker-panel > ul > li[data-view='year current'], .datepicker-panel > ul > li[data-view='month current'] { width: 150px; } .datepicker-panel > ul[data-view='years'] > li, .datepicker-panel > ul[data-view='months'] > li { line-height: 52.5px; width: 52.5px; height: 52.5px; } .datepicker-panel > ul[data-view='week'] > li, .datepicker-panel > ul[data-view='week'] > li:hover { cursor: default; background-color: #fff; } .datepicker-hide { display: none; } /* ---------------------------------------------------------------------------------------------------------- Footer ------------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ footer { background-color: #064096; padding: 3.75em 0 1.875em 0; position: relative; *zoom: 1; } footer:before, footer:after { content: " "; display: table; } footer:after { clear: both; } @media screen and (max-width: 640px) { footer { padding: 1.875em 0 0.9375em 0; } } footer > .page-wrap { *zoom: 1; } footer > .page-wrap:before, footer > .page-wrap:after { content: " "; display: table; } footer > .page-wrap:after { clear: both; } @media screen and (max-width: 1024px) { footer > .page-wrap { padding-bottom: 1.875em; } } @media screen and (max-width: 768px) { footer > .page-wrap { padding-bottom: 0; } } .footer-logo { float: left; margin-right: 40px; } @media screen and (max-width: 768px) { .footer-logo { float: none; display: block; width: 80px; margin: 0 auto 1.25em auto; } } @media screen and (max-width: 768px) { .footer-logo img { width: 80px; } } .footer-about { float: left; width: 36.97479%; margin-bottom: 2.5em; } @media screen and (max-width: 1024px) { .footer-about { float: right; width: 70%; } } @media screen and (max-width: 768px) { .footer-about { width: 100%; } } .footer-about h2 { color: #FFFFFF; font-size: 1em; text-transform: uppercase; } @media screen and (max-width: 768px) { .footer-about h2 { text-align: center; } } .footer-about p { font-weight: 300; font-size: 0.875em; color: #FFFFFF; } @media screen and (max-width: 768px) { .footer-about p { text-align: center; } } .footer-sitemap { list-style-type: none; margin: 0; padding: 0; float: right; *zoom: 1; } .footer-sitemap:before, .footer-sitemap:after { content: " "; display: table; } .footer-sitemap:after { clear: both; } @media screen and (max-width: 1024px) { .footer-sitemap { float: right; width: 70%; } } @media screen and (max-width: 768px) { .footer-sitemap { float: none; width: auto; text-align: center; margin-bottom: 1.875em; } } .footer-sitemap > li { float: left; } @media screen and (max-width: 768px) { .footer-sitemap > li { float: none; display: inline-block; } } @media screen and (max-width: 640px) { .footer-sitemap > li { width: 100%; } } .footer-sitemap ul { list-style-type: none; margin: 0; padding: 0; } .footer-sitemap ul li { margin-bottom: 0.625em; } .footer-sitemap .insurance-info { margin-right: 60px; } @media screen and (max-width: 768px) { .footer-sitemap .insurance-info { margin-right: 0; } } @media screen and (max-width: 640px) { .footer-sitemap .insurance-info { margin-bottom: 1.875em; } } .footer-sitemap h3 { color: #FFFFFF; font-size: 1em; text-transform: uppercase; } .footer-sitemap a { font-size: 0.875em; color: #FFFFFF; font-weight: 300; text-decoration: none; } .footer-sitemap a:hover { text-decoration: underline; } .footer-divider { clear: both; border: none; display: block; height: 1px; background-color: rgba(255, 255, 255, 0.1); } @media screen and (max-width: 1024px) { .footer-divider { clear: initial; display: none; } } @media screen and (max-width: 768px) { .footer-divider { clear: both; display: block; } } .footer-socials { list-style-type: none; margin: 3.125em 0; padding: 0; text-align: center; } @media screen and (max-width: 1024px) { .footer-socials { float: left; } } @media screen and (max-width: 768px) { .footer-socials { float: none; } } .footer-socials li { display: inline-block; margin-right: 30px; } .footer-socials li:last-child { margin-right: 0; } .footer-socials a { font-size: 1.5em; text-decoration: none; color: rgba(255, 255, 255, 0.5); -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .footer-socials a:hover { color: #FFFFFF; } .footer-copyright { position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.1); text-align: center; margin: 0; color: rgba(255, 255, 255, 0.5); font-size: 0.75em; line-height: 1em; padding: 1.16667em 0; } .footer-copyright a { color: rgba(255, 255, 255, 0.5); } .footer-copyright a:hover { color: #FFFFFF; } /* ---------------------------------------------------------------------------------------------------------- Header ------------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ header { background: #FFFFFF; margin: 0; *zoom: 1; } header:before, header:after { content: " "; display: table; } header:after { clear: both; } header > .page-wrap { padding: 0.625em 0; } header nav[role=navigation] { float: right; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 1024px) { header nav[role=navigation] { width: 100%; } } header nav[role=navigation].active { max-height: 44em; } header .main-nav { float: right; list-style-type: none; margin: 0.625em 0; padding: 0; *zoom: 1; } header .main-nav:before, header .main-nav:after { content: " "; display: table; } header .main-nav:after { clear: both; } @media screen and (max-width: 1024px) { header .main-nav { float: none; width: 100%; padding: 0 1.875em 1.875em 1.875em; } } @media screen and (max-width: 640px) { header .main-nav { padding: 0 0.9375em 0.9375em 0.9375em; } } header .main-nav li { float: left; position: relative; } @media screen and (max-width: 1024px) { header .main-nav li { width: 100%; float: none; text-align: center; } } header .main-nav li .dropdown { position: absolute; top: 28px; left: -20px; background-color: #FFFFFF; width: 300px; padding: 1.25em; border-radius: 0 0 3px 3px; z-index: 900; } @media screen and (max-width: 1024px) { header .main-nav li .dropdown { position: static; top: inherit; left: inherit; width: 100%; } } header .main-nav li .dropdown li { display: block; width: 100%; } @media screen and (max-width: 1024px) { header .main-nav li .dropdown.expanded { display: block; } } header .main-nav li:hover .dropdown { display: block; } @media screen and (max-width: 1024px) { header .main-nav li:hover .dropdown { display: none; } } @media screen and (max-width: 1024px) { header .main-nav li:hover .dropdown.expanded { display: block; } } header .main-nav a { border: 2px solid transparent; font-size: 0.875em; line-height: 1em; padding: 0.92857em 10px; display: block; text-transform: uppercase; text-decoration: none; font-weight: 600; color: #1E242D; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } @media screen and (max-width: 1024px) { header .main-nav a { padding: 1.64286em 0; } } header .main-nav a:hover { background-color: rgba(229, 241, 247, 0.5); } header .main-nav .primary-btn { margin-left: 20px; border: 2px solid #CC1A42; padding: 0.92857em 30px; color: #CC1A42; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } header .main-nav .primary-btn:hover { background-color: #CC1A42; color: #FFFFFF; } @media screen and (max-width: 1024px) { header .main-nav .primary-btn { margin-left: 0; padding: 1.64286em 0; } } header .menu-link { float: right; display: none; font-size: 0.875em; margin: 0.71429em 0; padding: 0.92857em 10px 0.92857em 30px; color: rgba(6, 64, 150, 0.7); text-transform: uppercase; font-weight: 600; text-decoration: none; position: relative; } header .menu-link::before { position: absolute; top: 50%; left: 5px; margin-top: -5px; display: block; font-size: 0.85714em; color: #7F9EC9; content: "\e90b"; } @media screen and (max-width: 1024px) { header .menu-link { display: block; } } .js nav[role=navigation] { max-height: none; } @media screen and (max-width: 1024px) { .js nav[role=navigation] { overflow: hidden; max-height: 0; } } /* ---------------------------------------------------------------------------------------------------------- Order Step 1 ------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .order-cover { background-color: #70408A; padding: 3.75em 0 2.5em 0; } .order-cover h1 { color: #FFFFFF; font-size: 2.25em; font-weight: 400; text-align: center; margin-bottom: 0.27778em; } @media screen and (max-width: 768px) { .order-cover h1 { font-size: 1.75em; } } .order-cover p { font-size: 1em; font-weight: 300; text-align: center; width: 40.33613%; margin: 0 auto; color: #FFFFFF; } @media screen and (max-width: 1024px) { .order-cover p { width: 67.22689%; } } @media screen and (max-width: 768px) { .order-cover p { width: 90%; font-size: 1em; } } .order-cover .basic-settings { list-style-type: none; margin: 2.5em auto 0 auto; padding: 0; text-align: center; } .order-cover .basic-settings li { display: inline-block; width: 235px; margin-right: 10px; } @media screen and (max-width: 640px) { .order-cover .basic-settings li { margin-right: 0; margin-bottom: 0.625em; width: 100%; } } .order-cover .basic-settings li:last-child { margin-right: 0; } .order-cover label { display: block; color: #FFFFFF; text-transform: uppercase; font-size: 0.8125em; text-align: left; margin-bottom: 0.46154em; } .order-cover .selectbox-container { border: 1px solid #FFFFFF; } .order-cover select { padding: 0.875em; font-size: 0.875em; } .order-cover .icon-question { color: rgba(255, 255, 255, 0.5); } .order-step-1 { padding: 2.5em 0 5em 0; } .order-step-1 .order-table { position: relative; width: 50.42017%; background-color: #FFFFFF; box-shadow: 0 0 30px 0 rgba(6, 64, 150, 0.1); border-radius: 8px; margin: 0 auto 2.5em auto; list-style-type: none; z-index: 200; } @media screen and (max-width: 1024px) { .order-step-1 .order-table { width: 100%; } } .order-step-1 .order-table-header { background-color: #E5F1F7; list-style-type: none; margin: 0; padding: 0.625em 0.625em 0 0.625em; border-radius: 6px 6px 0 0; *zoom: 1; } .order-step-1 .order-table-header:before, .order-step-1 .order-table-header:after { content: " "; display: table; } .order-step-1 .order-table-header:after { clear: both; } .order-step-1 .order-table-header li { width: 50%; float: left; } .order-step-1 .order-table-header span { border-radius: 3px 3px 0 0; padding: 1.25em 0; display: block; color: #1E242D; font-size: 1.25em; font-weight: 600; text-align: center; } @media screen and (max-width: 640px) { .order-step-1 .order-table-header span { font-size: 1em; } } .order-step-1 .order-table-header span small { display: block; margin-top: 0.625em; font-weight: 400; color: rgba(6, 64, 150, 0.7); } .order-step-1 .order-table-header span:hover { background-color: rgba(255, 255, 255, 0.3); } .order-step-1 .order-table-header input[type="radio"] { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .order-step-1 .order-table-header input[type="radio"]:checked ~ span { background-color: #FFFFFF; } .order-step-1 .order-table-header .active { background-color: #FFFFFF; } .order-step-1 .order-table-header .active:hover { background-color: #FFFFFF; } .order-step-1 .order-table-header .active small { color: #70408A; font-weight: 600; } .order-step-1 .order-table-content { list-style-type: none; margin: 0; padding: 3.75em 3.75em 2.5em 3.75em; border-bottom: 1px solid #E5F1F7; } @media screen and (max-width: 640px) { .order-step-1 .order-table-content { padding: 1.25em 1.25em 0.625em 1.25em; } } .order-step-1 .order-table-content input { width: 100%; font-size: 0.875em; padding: 0.85714em; font-weight: 600; } .order-step-1 .order-table-content input.error { color: #CC1A42; } .order-step-1 .order-table-content select { padding: 0.875em; font-size: 0.875em; } .order-step-1 .order-table-content label { display: block; font-size: 0.8125em; text-transform: uppercase; margin-bottom: 0.46154em; *zoom: 1; } .order-step-1 .order-table-content label:before, .order-step-1 .order-table-content label:after { content: " "; display: table; } .order-step-1 .order-table-content label:after { clear: both; } .order-step-1 .order-table-content small { float: right; font-size: 0.84615em; text-transform: none; font-weight: 300; } @media screen and (max-width: 640px) { .order-step-1 .order-table-content small { float: left; width: 100%; margin-bottom: 0.625em; } } .order-step-1 .order-table-content .item { margin-bottom: 1.5625em; *zoom: 1; } .order-step-1 .order-table-content .item:before, .order-step-1 .order-table-content .item:after { content: " "; display: table; } .order-step-1 .order-table-content .item:after { clear: both; } .order-step-1 .order-table-content .legal-form { font-weight: 600; *zoom: 1; } .order-step-1 .order-table-content .legal-form:before, .order-step-1 .order-table-content .legal-form:after { content: " "; display: table; } .order-step-1 .order-table-content .legal-form:after { clear: both; } .order-step-1 .order-table-content .legal-form .radio { width: 50%; float: left; } .order-step-1 .order-table-content .legal-form input { width: auto; margin-right: 2px; height: 30px; width: 20px; float: left; } .order-step-1 .order-table-content .legal-form span { line-height: 30px; } @media screen and (max-width: 640px) { .order-step-1 .order-table-content .legal-form span { font-size: 0.875em; } } .order-step-1 .order-table-content .subitem { width: 49%; float: left; margin-right: 2%; } .order-step-1 .order-table-content .subitem.last { margin-right: 0; } .order-step-1 .order-table-content .error-message { font-size: 0.75em; border-radius: 0 0 3px 3px; padding: 0.5em 1em; } .order-step-1 .order-table-content .icon-question { color: #7F9EC9; } .order-step-1 .order-table-content .registration-date { *zoom: 1; } .order-step-1 .order-table-content .registration-date:before, .order-step-1 .order-table-content .registration-date:after { content: " "; display: table; } .order-step-1 .order-table-content .registration-date:after { clear: both; } .order-step-1 .order-table-content .registration-date .selectbox-container { width: 32%; margin-right: 2%; float: left; } .order-step-1 .order-table-content .registration-date .selectbox-container.last { margin-right: 0; } .order-step-1 .order-table-content .discount-code-container { margin-top: 20px; } .order-step-1 .order-table-content .discount-code-container.expanded { display: block; } .order-step-1 .order-agreement { list-style-type: none; margin: 0; padding: 2.5em 3.75em; border-bottom: 1px solid #E5F1F7; } @media screen and (max-width: 640px) { .order-step-1 .order-agreement { padding: 1.25em; } } .order-step-1 .order-agreement li { margin-bottom: 1.25em; } .order-step-1 .order-agreement li:last-child { margin-bottom: 0; } .order-step-1 .order-agreement label { font-size: 0.875em; font-weight: 400; *zoom: 1; } .order-step-1 .order-agreement label:before, .order-step-1 .order-agreement label:after { content: " "; display: table; } .order-step-1 .order-agreement label:after { clear: both; } .order-step-1 .order-agreement span { float: right; width: 90%; } .order-step-1 .submit-container { padding: 2.5em 3.75em; } @media screen and (max-width: 640px) { .order-step-1 .submit-container { padding: 1.25em; } } .order-step-1 .submit-container input[type="submit"] { width: 100%; display: block; padding: 1.3125em 0; background-color: #CC1A42; border: none; color: #FFFFFF; text-transform: uppercase; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .order-step-1 .submit-container input[type="submit"]:hover { background-color: #D81440; } .order-step-1 .call-us { font-size: 1.25em; font-weight: 600; color: #1E242D; text-align: center; margin-bottom: 2.5em; } @media screen and (max-width: 640px) { .order-step-1 .call-us { font-size: 1em; } } .order-step-1 .call-us .contact-options { list-style-type: none; margin: 1.25em 0 0 0; padding: 0; text-align: center; } .order-step-1 .call-us .contact-options li { display: inline-block; padding: 0 20px; } .order-step-1 .call-us .contact-options li:first-child { border-right: 1px solid #E5F1F7; } .order-step-1 .call-us strong, .order-step-1 .call-us a { display: block; font-size: 1.5em; } @media screen and (max-width: 640px) { .order-step-1 .call-us strong, .order-step-1 .call-us a { font-size: 2.125em; } } .order-step-1 .call-us a { color: #CC1A42; text-decoration: none; } .order-step-1 .call-us a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------------- Order Step 1 ------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .order-cover { background-color: #70408A; padding: 3.75em 0 2.5em 0; } .order-cover h1 { color: #FFFFFF; font-size: 2.25em; font-weight: 400; text-align: center; margin-bottom: 0.27778em; } @media screen and (max-width: 768px) { .order-cover h1 { font-size: 1.75em; } } .order-cover p { font-size: 1em; font-weight: 300; text-align: center; width: 40.33613%; margin: 0 auto; color: #FFFFFF; } @media screen and (max-width: 1024px) { .order-cover p { width: 67.22689%; } } @media screen and (max-width: 768px) { .order-cover p { width: 90%; font-size: 1em; } } .order-step-2 { padding: 2.5em 0 5em 0; } .order-step-2 .order-table-container { position: relative; width: 50.42017%; background-color: #FFFFFF; box-shadow: 0 0 30px 0 rgba(6, 64, 150, 0.1); border-radius: 8px; margin: 0 auto 2.5em auto; padding: 2.5em; } @media screen and (max-width: 1024px) { .order-step-2 .order-table-container { width: 100%; } } @media screen and (max-width: 640px) { .order-step-2 .order-table-container { padding: 1.25em; } } .order-step-2 .order-table-header { background-color: #E5F1F7; margin: 0 0 1.25em 0; text-align: center; border-radius: 6px; font-size: 1.125em; font-weight: 600; color: #1E242D; padding: 0.77778em 0; } .order-step-2 .order-table-header .price { display: block; color: #70408A; font-size: 0.77778em; } .order-step-2 .order-table { font-size: 0.875em; width: 100%; } .order-step-2 .order-table tr { border-bottom: 1px solid #E5F1F7; } .order-step-2 .order-table tr:last-child { border-bottom: none; } .order-step-2 .order-table td { padding: 0.625em 0; } .order-step-2 .order-table td:first-child { text-align: left; text-transform: uppercase; font-size: 0.92857em; } .order-step-2 .order-table td:last-child { text-align: right; font-weight: 600; } .order-step-2 .order-confirm-container { list-style-type: none; margin: 0; padding: 2.5em 0 0 0; } .order-step-2 .order-confirm-container a { text-decoration: none; margin-top: 20px; text-transform: uppercase; display: block; text-align: center; color: black;} .order-step-2 .order-confirm-container button { display: block; width: 100%; background-color: #FFFFFF; text-align: center; color: rgba(6, 64, 150, 0.7); text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 1em; padding: 1.25em 0; border: 2px solid #7F9EC9; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border 0.2s ease-in-out; } .order-step-2 .order-confirm-container .primary-btn { background-color: #CC1A42; color: #FFFFFF; border: 2px solid #CC1A42; margin-bottom: 0.625em; } .order-step-2 .order-confirm-container .primary-btn:hover { background-color: #D81440; border-color: #D81440; } .order-step-2 .call-us { font-size: 1.25em; font-weight: 600; color: #1E242D; text-align: center; margin-bottom: 2.5em; } @media screen and (max-width: 640px) { .order-step-2 .call-us { font-size: 1em; } } .order-step-2 .call-us .contact-options { list-style-type: none; margin: 1.25em 0 0 0; padding: 0; text-align: center; } .order-step-2 .call-us .contact-options li { display: inline-block; padding: 0 20px; } .order-step-2 .call-us .contact-options li:first-child { border-right: 1px solid #E5F1F7; } .order-step-2 .call-us strong, .order-step-2 .call-us a { display: block; font-size: 1.5em; } @media screen and (max-width: 640px) { .order-step-2 .call-us strong, .order-step-2 .call-us a { font-size: 2.125em; } } .order-step-2 .call-us a { color: #CC1A42; text-decoration: none; } .order-step-2 .call-us a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------------- Order Step 3 ------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .order-step-3 { padding: 2.5em 0 3.75em 0; } .order-step-3 h2 { font-size: 2.25em; text-align: center; font-weight: 400; margin-bottom: 0.44444em; } @media screen and (max-width: 768px) { .order-step-3 h2 { font-size: 1.75em; } } .order-step-3 p { font-size: 1.125em; width: 57.98319%; font-weight: 300; text-align: center; margin: 0 auto 0 auto; } @media screen and (max-width: 768px) { .order-step-3 p { width: 100%; } } .order-downloads { background-color: #E5F1F7; padding: 0.9375em 0; *zoom: 1; } .order-downloads:before, .order-downloads:after { content: " "; display: table; } .order-downloads:after { clear: both; } .order-downloads .buttons { list-style-type: none; margin: 0; padding: 0; text-align: center; *zoom: 1; } .order-downloads .buttons:before, .order-downloads .buttons:after { content: " "; display: table; } .order-downloads .buttons:after { clear: both; } @media screen and (max-width: 768px) { .order-downloads .buttons { float: none; text-align: center; width: 100%; } } .order-downloads .buttons li { display: inline-block; margin-right: 10px; } @media screen and (max-width: 768px) { .order-downloads .buttons li { display: inline-block; float: none; } } @media screen and (max-width: 640px) { .order-downloads .buttons li { margin-right: 0; margin-bottom: 0.625em; } } .order-downloads .buttons li:last-child { margin-right: 0; } .order-downloads .buttons a { background-color: #FFFFFF; width: 240px; display: block; text-align: center; color: rgba(6, 64, 150, 0.7); text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 0.875em; padding: 0.92857em 0 0.92857em 10px; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .order-downloads .buttons a::before { position: absolute; top: 50%; left: 20px; margin-top: -8px; display: block; font-size: 1.25em; color: #CC1A42; content: "\e934"; } .order-downloads .buttons a:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } .others-products-container { padding: 2.5em 0 3.75em 0; } .others-products-container h2 { text-align: center; font-size: 1.75em; font-weight: 400; margin-bottom: 1.07143em; } @media screen and (max-width: 768px) { .others-products-container h2 { font-size: 1.25em; } } .others-products-container .call-us { font-size: 1.25em; font-weight: 600; color: #1E242D; text-align: center; margin-bottom: 2.5em; } @media screen and (max-width: 640px) { .others-products-container .call-us { font-size: 1em; } } .others-products-container .call-us .contact-options { list-style-type: none; margin: 1.25em 0 0 0; padding: 0; text-align: center; } .others-products-container .call-us .contact-options li { display: inline-block; padding: 0 20px; } .others-products-container .call-us .contact-options li:first-child { border-right: 1px solid #E5F1F7; } .others-products-container .call-us strong, .others-products-container .call-us a { display: block; font-size: 1.5em; } @media screen and (max-width: 640px) { .others-products-container .call-us strong, .others-products-container .call-us a { font-size: 2.125em; } } .others-products-container .call-us a { color: #CC1A42; text-decoration: none; } .others-products-container .call-us a:hover { text-decoration: underline; } .others-products { list-style-type: none; max-width: 600px; margin: 0 auto 3.75em auto; padding: 0; } .others-products li { background: #FFFFFF; box-shadow: 0 0 30px 0 rgba(6, 64, 150, 0.1); border-radius: 8px; margin-bottom: 0.625em; padding: 10px 45px 10px 10px; *zoom: 1; } .others-products li:before, .others-products li:after { content: " "; display: table; } .others-products li:after { clear: both; } .others-products img { float: left; margin-right: 25px; } @media screen and (max-width: 640px) { .others-products img { display: none; } } .others-products h3 { font-size: 1.25em; font-weight: 600; margin-top: 10px; } @media screen and (max-width: 640px) { .others-products h3 { font-size: 1.125em; } } .others-products p { font-size: 0.875em; color: #3D434A; margin-bottom: 0.71429em; } .others-products p strong { font-weight: 600; color: #70408A; } .others-products a { color: #CC1A42; font-weight: 600; font-size: 0.875em; text-decoration: none; } .others-products a:hover { text-decoration: underline; } /* =========================== HOMEPAGE =========================== */ .hp-cover.slide-1 { background: url(../images/slide-1.jpg) center center no-repeat; background-size: cover; } .hp-cover.slide-2 { background: url(../images/slide-2.jpg) center center no-repeat; background-size: cover; } .hp-cover.slide-3 { background: url(../images/slide-3.jpg) center center no-repeat; background-size: cover; } .hp-cover.slide-4 { background: url(../images/slide-4.jpg) center center no-repeat; background-size: cover; } .hp-cover.slide-5 { background: url(../images/slide-5.jpg) center center no-repeat; background-size: cover; } .hp-cover.slide-6 { background: url(../images/slide-6.jpg) center center no-repeat; background-size: cover; } .hp-cover { padding: 7.5em 0; border-bottom: 4px solid #70408A; height: 38.75em; } @media screen and (max-width: 1024px) { .hp-cover { height: 29.375em; padding: 2.5em 0; } } @media screen and (max-width: 640px) { .hp-cover { height: 26.25em; padding: 1.25em 0; } } .hp-cover h1 { color: #FFFFFF; font-size: 4.25em; line-height: 1.11765em; text-transform: uppercase; } @media screen and (max-width: 768px) { .hp-cover h1 { font-size: 3.5em; text-align: center; } } @media screen and (max-width: 640px) { .hp-cover h1 { font-size: 2.6em; } } .hp-cover p { font-size: 1.5em; font-weight: 300; color: #FFFFFF; width: 49.57983%; } @media screen and (max-width: 768px) { .hp-cover p { width: 80%; margin: 1.25em auto 1.875em auto; font-size: 1.25em; text-align: center; } } @media screen and (max-width: 640px) { .hp-cover p { width: 100%; font-size: 1.125em; } } .hp-cover .buttons { list-style-type: none; margin: 0; padding: 0; *zoom: 1; } .hp-cover .buttons:before, .hp-cover .buttons:after { content: " "; display: table; } .hp-cover .buttons:after { clear: both; } @media screen and (max-width: 768px) { .hp-cover .buttons { width: 260px; margin: 0 auto; } } .hp-cover .buttons li { float: left; } @media screen and (max-width: 768px) { .hp-cover .buttons li { width: 100%; text-align: center; } } .hp-cover .buttons a { color: #FFFFFF; display: block; padding: 1.375em 0; } .hp-cover .buttons a:hover { text-decoration: none; } .hp-cover .buttons .primary-btn { display: block; width: 260px; background-color: #CC1A42; text-decoration: none; text-transform: uppercase; text-align: center; padding: 1.375em 0; margin-right: 60px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .hp-cover .buttons .primary-btn:hover { background-color: #D81440; } @media screen and (max-width: 768px) { .hp-cover .buttons .primary-btn { margin-bottom: 1.25em; } } .hp-advantages { padding: 3.75em 0 6.25em 0; } @media screen and (max-width: 1024px) { .hp-advantages { padding: 2.5em 0 5em 0; } } .hp-advantages h2 { font-size: 2.25em; font-weight: 400; text-align: center; margin-bottom: 0.66667em; } @media screen and (max-width: 768px) { .hp-advantages h2 { font-size: 1.75em; } } .hp-advantages .desc { width: 57.98319%; margin: 0 auto 2.5em auto; text-align: center; font-size: 1.125em; line-height: 1.44444em; font-weight: 300; } @media screen and (max-width: 1024px) { .hp-advantages .desc { width: 67.22689%; } } @media screen and (max-width: 768px) { .hp-advantages .desc { width: 90%; font-size: 1em; } } .hp-advantages .advantages { list-style-type: none; margin: 0; padding: 0; *zoom: 1; } .hp-advantages .advantages:before, .hp-advantages .advantages:after { content: " "; display: table; } .hp-advantages .advantages:after { clear: both; } .hp-advantages .advantages li { position: relative; float: left; width: 24.36975%; margin-right: 0.84034%; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(6, 64, 150, 0.1); border-radius: 6px; padding: 6.25em 1.25em 1.25em 1.25em; } @media screen and (max-width: 1024px) { .hp-advantages .advantages li { width: 48.69792%; margin-bottom: 0.625em; } } @media screen and (max-width: 640px) { .hp-advantages .advantages li { width: 100%; } } .hp-advantages .advantages li:last-child { margin-right: 0; } .hp-advantages .advantages li::before { position: absolute; top: 0.75em; left: 50%; margin-left: -20px; display: block; font-size: 2.5em; color: #70408A; } .hp-advantages .advantages li:nth-child(1)::before { content: "\e93d"; } .hp-advantages .advantages li:nth-child(2)::before { content: "\e93c"; } .hp-advantages .advantages li:nth-child(3)::before { content: "\e93b"; } .hp-advantages .advantages li:nth-child(4)::before { content: "\e93a"; } .hp-advantages .advantages h3 { font-size: 1.125em; text-align: center; } .hp-advantages .advantages p { font-size: 0.875em; text-align: center; color: #3D434A; font-weight: 300; } .hp-advantages .advantages strong { font-weight: 600; color: #1E242D; } .hp-advantages .buttons { list-style-type: none; margin: 2.5em auto 3.75em auto; padding: 0; text-align: center; } .hp-advantages .buttons li { display: inline-block; } @media screen and (max-width: 640px) { .hp-advantages .buttons li { display: block; } } .hp-advantages .buttons a { width: 260px; display: block; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 0.875em; line-height: 1em; padding: 1.21429em 0; font-weight: 600; -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; } @media screen and (max-width: 768px) { .hp-advantages .buttons a { width: 400px; margin-bottom: 1.25em; } } @media screen and (max-width: 640px) { .hp-advantages .buttons a { width: 100%; } } .hp-advantages .buttons .more-info { border: solid 2px #7F9EC9; color: rgba(6, 64, 150, 0.7); background-color: transparent; } .hp-advantages .buttons .more-info:hover { border: 2px solid #064096; background-color: #064096; color: #FFFFFF; } .hp-advantages .buttons .popup-vimeo { background-color: #7F9EC9; border: 2px solid #7F9EC9; color: #FFFFFF; } .hp-advantages .buttons .popup-vimeo:hover { background-color: #064096; border-color: #064096; } .hp-advantages .buttons .popup-vimeo::before { content: "\e900"; position: absolute; top: 50%; left: 20px; margin-top: -7px; display: block; font-size: 1em; color: #FFFFFF; } .hp-comparison { position: relative; } .hp-comparison .big-copy { font-size: 9em; color: rgba(6, 64, 150, 0.05); text-transform: uppercase; font-weight: 600; position: absolute; z-index: 100; top: -120px; text-align: center; display: block; width: 100%; } @media screen and (max-width: 1024px) { .hp-comparison .big-copy { font-size: 7.5em; top: -100px; } } @media screen and (max-width: 768px) { .hp-comparison .big-copy { display: none; } } .hp-comparison .comparison-table { position: relative; width: 73.10924%; background-color: #FFFFFF; box-shadow: 0 0 30px 0 rgba(6, 64, 150, 0.1); border-radius: 8px; padding: 2.5em; margin: 0 auto 2.5em auto; list-style-type: none; z-index: 200; } @media screen and (max-width: 1024px) { .hp-comparison .comparison-table { width: 100%; } } @media screen and (max-width: 768px) { .hp-comparison .comparison-table { padding: 1.25em; } } .hp-comparison .comparison-table h2 { font-size: 1.25em; text-align: center; margin-bottom: 1em; } .hp-comparison .comparison-table .table-header { list-style-type: none; margin: 0; padding: 0.55556em 2.8169%; background-color: #E5F1F7; border-radius: 3px; color: #7F9EC9; font-size: 1.125em; font-weight: 600; *zoom: 1; } .hp-comparison .comparison-table .table-header:before, .hp-comparison .comparison-table .table-header:after { content: " "; display: table; } .hp-comparison .comparison-table .table-header:after { clear: both; } .hp-comparison .comparison-table .table-header li { float: left; } .hp-comparison .comparison-table .table-header li:nth-child(1) { width: 58.82353%; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .table-header li:nth-child(1) { text-align: center; width: 100%; } } .hp-comparison .comparison-table .table-header li:nth-child(2) { width: 20.58824%; text-align: center; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .table-header li:nth-child(2) { display: none; } } .hp-comparison .comparison-table .table-header li:nth-child(3) { width: 20.58824%; text-align: center; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .table-header li:nth-child(3) { display: none; } } .hp-comparison .comparison-table .item { list-style-type: none; margin: 0; padding: 1.25em 2.8169%; border-bottom: 1px solid #E5F1F7; *zoom: 1; } .hp-comparison .comparison-table .item:before, .hp-comparison .comparison-table .item:after { content: " "; display: table; } .hp-comparison .comparison-table .item:after { clear: both; } .hp-comparison .comparison-table .item.last { border-bottom: none; } .hp-comparison .comparison-table .item li { float: left; position: relative; } .hp-comparison .comparison-table .item li:nth-child(1) { width: 58.82353%; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .item li:nth-child(1) { width: 100%; } } .hp-comparison .comparison-table .item li:nth-child(2) { width: 20.58824%; text-align: center; padding-top: 1.25em; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .item li:nth-child(2) { width: 50%; text-align: left; } } .hp-comparison .comparison-table .item li:nth-child(3) { width: 20.58824%; text-align: center; padding-top: 1.25em; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .item li:nth-child(3) { width: 50%; text-align: left; } } .hp-comparison .comparison-table .item li .country { display: none; color: #7F9EC9; font-size: 14px; margin-right: 10px; } @media screen and (max-width: 640px) { .hp-comparison .comparison-table .item li .country { display: inline-block; } } .hp-comparison .comparison-table .item h3 { color: #70408A; font-size: 1em; text-transform: uppercase; margin-bottom: 0.375em; } .hp-comparison .comparison-table .item li > p { font-size: 0.875em; font-weight: 300; margin: 0; } .hp-comparison .comparison-table .item .price { font-size: 1.25em; color: #1E242D; font-weight: 600; } .hp-comparison .comparison-table .item .icon-tick { color: #1BBF2D; } .hp-comparison .comparison-table .item .icon-cross { color: #CC1A42; } .hp-comparison .comparison-table .item .icon-question { color: rgba(127, 158, 201, 0.5); } .hp-comparison .comparison-table .order { position: relative; list-style-type: none; margin: 1.875em 0 0 0; padding: 0; border: 1px solid #7F9EC9; border-radius: 3px; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order { padding-bottom: 6.25em; } } .hp-comparison .comparison-table .order li { padding: 1.25em 0 1.25em 90px; } .hp-comparison .comparison-table .order li::before { position: absolute; top: 50%; left: 20px; margin-top: -12px; display: block; font-size: 1.5em; color: #70408A; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order li::before { top: 1.25em; left: 50%; margin-left: -20px; margin-top: initial; } } .hp-comparison .comparison-table .order li.personal-cars::before { content: "\e936"; } .hp-comparison .comparison-table .order li.business-cars::before { content: "\e935"; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order li { padding: 5em 0 1.25em 0; } } .hp-comparison .comparison-table .order h3 { font-size: 1em; text-transform: uppercase; color: #1E242D; margin-bottom: 0.375em; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order h3 { text-align: center; } } .hp-comparison .comparison-table .order p { font-size: 0.875em; font-weight: 300; margin: 0; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order p { text-align: center; } } .hp-comparison .comparison-table .order strong { color: #70408A; font-weight: 600; } .hp-comparison .comparison-table .order .order-btn { position: absolute; right: 30px; top: 50%; margin-top: -20px; height: 50px; width: 180px; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order .order-btn { left: 50%; top: initial; margin-top: initial; bottom: -30px; margin-left: -130px; width: 260px; } } .hp-comparison .comparison-table .order .order-btn a { position: absolute; top: 0; left: 0; display: block; font-size: 0.875em; line-height: 0.875em; font-weight: 600; background-color: #CC1A42; color: #FFFFFF; padding: 1.35714em 0; width: 180px; text-transform: uppercase; text-align: center; text-decoration: none; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } @media screen and (max-width: 768px) { .hp-comparison .comparison-table .order .order-btn a { width: 260px; } } .hp-comparison .comparison-table .order .order-btn a:hover { background-color: #D81440; } .hp-comparison .call-us { font-size: 1.25em; font-weight: 600; color: #1E242D; text-align: center; margin-bottom: 2.5em; } @media screen and (max-width: 640px) { .hp-comparison .call-us { font-size: 1em; } } .hp-comparison .call-us .contact-options { list-style-type: none; margin: 1.25em 0 0 0; padding: 0; text-align: center; } .hp-comparison .call-us .contact-options li { display: inline-block; padding: 0 20px; } .hp-comparison .call-us .contact-options li:first-child { border-right: 1px solid #E5F1F7; } .hp-comparison .call-us strong, .hp-comparison .call-us a { display: block; font-size: 1.5em; } @media screen and (max-width: 640px) { .hp-comparison .call-us strong, .hp-comparison .call-us a { font-size: 1.9em; } } .hp-comparison .call-us a { color: #CC1A42; text-decoration: none; } .hp-comparison .call-us a:hover { text-decoration: underline; } .download-materials { background-color: #E5F1F7; padding: 0.9375em 0; } .download-materials .page-wrap { *zoom: 1; } .download-materials .page-wrap:before, .download-materials .page-wrap:after { content: " "; display: table; } .download-materials .page-wrap:after { clear: both; } .download-materials h3 { font-size: 1.125em; color: #1E242D; float: left; line-height: 2.33333em; } @media screen and (max-width: 768px) { .download-materials h3 { float: none; width: 100%; text-align: center; } } .download-materials .buttons { float: right; list-style-type: none; margin: 0; padding: 0; *zoom: 1; } .download-materials .buttons:before, .download-materials .buttons:after { content: " "; display: table; } .download-materials .buttons:after { clear: both; } @media screen and (max-width: 768px) { .download-materials .buttons { float: none; text-align: center; width: 100%; } } .download-materials .buttons li { float: left; margin-right: 10px; } @media screen and (max-width: 768px) { .download-materials .buttons li { display: inline-block; float: none; } } @media screen and (max-width: 640px) { .download-materials .buttons li { margin-right: 0; margin-bottom: 0.625em; } } .download-materials .buttons li:last-child { margin-right: 0; } .download-materials .buttons a { background-color: #FFFFFF; display: block; text-align: center; color: rgba(6, 64, 150, 0.7); text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 0.875em; padding: 0.92857em 1em 0.92857em 3em; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .download-materials .buttons a::before { position: absolute; top: 50%; left: 20px; margin-top: -8px; display: block; font-size: 1.25em; color: #CC1A42; content: "\e934"; } .download-materials .buttons a:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } .satisfied-customers { padding: 3.75em 0 6.25em 0; } @media screen and (max-width: 768px) { .satisfied-customers { padding: 3.75em 0 3.75em 0; } } .satisfied-customers h2 { font-size: 2.25em; font-weight: 400; text-align: center; margin-bottom: 0.66667em; } @media screen and (max-width: 768px) { .satisfied-customers h2 { font-size: 1.75em; } } .satisfied-customers .desc { width: 57.98319%; margin: 0 auto 2.5em auto; text-align: center; font-size: 1.125em; line-height: 1.44444em; font-weight: 300; } @media screen and (max-width: 1024px) { .satisfied-customers .desc { width: 67.22689%; } } @media screen and (max-width: 768px) { .satisfied-customers .desc { width: 90%; font-size: 1em; } } .satisfied-customers .customers-reviews { list-style-type: none; margin: 0 auto; padding: 0; width: 84.87395%; *zoom: 1; } .satisfied-customers .customers-reviews:before, .satisfied-customers .customers-reviews:after { content: " "; display: table; } .satisfied-customers .customers-reviews:after { clear: both; } @media screen and (max-width: 768px) { .satisfied-customers .customers-reviews { width: 100%; } } .satisfied-customers .customers-reviews li { float: left; width: 30.69307%; margin-right: 3.46535%; padding: 30px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); border-radius: 6px; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; *zoom: 1; } .satisfied-customers .customers-reviews li:before, .satisfied-customers .customers-reviews li:after { content: " "; display: table; } .satisfied-customers .customers-reviews li:after { clear: both; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews li { width: 100%; margin-bottom: 0.625em; } } .satisfied-customers .customers-reviews li:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } .satisfied-customers .customers-reviews li:last-child { margin-right: 0; } .satisfied-customers .customers-reviews .rating-content { display: block; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews .rating-content { float: left; width: 20%; } } @media screen and (max-width: 640px) { .satisfied-customers .customers-reviews .rating-content { float: none; width: 100%; } } .satisfied-customers .customers-reviews .user-content { display: block; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews .user-content { float: right; width: 75%; } } @media screen and (max-width: 640px) { .satisfied-customers .customers-reviews .user-content { float: none; width: 100%; } } .satisfied-customers .customers-reviews .rating { display: block; text-align: center; font-size: 1.5em; font-weight: 300; } .satisfied-customers .customers-reviews .rating strong { font-size: 2.66667em; font-weight: 600; color: #70408A; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews .rating strong { font-size: 2em; } } .satisfied-customers .customers-reviews .name { color: #70408A; text-transform: uppercase; display: block; text-align: center; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews .name { text-align: left; } } @media screen and (max-width: 640px) { .satisfied-customers .customers-reviews .name { text-align: center; } } .satisfied-customers .customers-reviews p { font-size: 0.875em; text-align: center; color: #3D434A; font-weight: 300; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews p { text-align: left; } } @media screen and (max-width: 640px) { .satisfied-customers .customers-reviews p { text-align: center; } } .satisfied-customers .customers-reviews .date { color: #7F9EC9; font-size: 0.8125em; text-align: center; display: block; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews .date { text-align: left; } } @media screen and (max-width: 640px) { .satisfied-customers .customers-reviews .date { text-align: center; } } .satisfied-customers .customers-reviews .date strong { text-transform: uppercase; display: block; } @media screen and (max-width: 1024px) { .satisfied-customers .customers-reviews .date strong { display: inline-block; } } @media screen and (max-width: 640px) { .satisfied-customers .customers-reviews .date strong { display: block; } } .discount-info { background: #e5f1f7 none repeat scroll 0 0; border-radius: 3px; font-weight: 600; margin-top: 20px; padding: 20px; text-align: center; } .form-error { padding-top: 15px; font-weight: bold !important; color: red !important; margin-bottom: -20px !important; } .primary-btn img { vertical-align: middle; } .primary-btn.with-img { padding-top: 13px !important; padding-bottom: 11px !important; } .download-materials .page-wrap { text-align: center; } .download-materials ul.buttons { float: none !important; display: inline-block; } .download-materials ul.buttons.next-line { margin-top: 7px; } .download-materials .buttons a.with-img::before { content: ""; } .download-materials .buttons a.with-img { width: auto; padding-left: 20px; padding-right: 20px; } .download-materials .buttons a.with-img img { vertical-align: middle; } .order-step-1 .order-table-content .info { background-color: rgb(229, 241, 247); list-style-type: none; margin: -1em 0 0.9em 0; padding: 0.625em; border-radius: 6px; font-size: 0.8125em; text-transform: uppercase; } #info35t { padding-top: 25px; display: none; } .contact-order-top { padding-top: 15px; font-size: 1.4em !important; width: 60% !important; } .contact-order-top a { color: #ffffff; } .autocomplete-suggestions { overflow: auto; border: 1px solid #CBD3DD; background: #FFF; } .dealer-info-banner { font-size: 0.875em; line-height: 1em; text-transform: uppercase; text-align: right; padding: 10px; background: #CC1A42; color: #fff; border-radius: 8px; } .submit-container .primary-btn { display: block; background-color: #CC1A42; color: #ffffff; text-decoration: none; text-transform: uppercase; text-align: center; padding: 1.375em 0; margin-bottom: 2em; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .submit-container .primary-btn.travelcare { font-size: 20px; } .submit-container .primary-btn:first-child { margin-bottom: 0.1em; } .submit-container p { text-align: center; } .tc-info { margin-top: 0.5em; } .submit-container p a.info{ color: #1E242D; text-decoration: none; font-size: 0.9em; } .submit-container table{ width: 100%; margin-bottom: 1em; display: none; } .submit-container table th, .submit-container table td { padding: 0.3em 0; } .submit-container table th{ text-align: left; font-size: 0.8em; } .submit-container table td{ vertical-align: middle; text-align: right; font-size: 0.8em; } .submit-container table th.group{ text-align: center; background-color: #E5F1F7; } #usageInfo { padding-top: 30px; width: 80%; } .order-step-1 .order-table-content .pay-vat .radio{ font-weight: normal; width: 20%; }