/* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' */ .slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px;margin-top:-5px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-left:-5px;margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;margin-left:0}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0)}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:-o-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:linear-gradient(to bottom,#149bdf 0,#0480be 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0);opacity:1} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .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-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} html, body { height: 100% !important; } input{border-radius:0px !important} .spinner { stroke: #444; fill: #444; } .spinner svg { width: 28px; height: 28px; } .spinner-spiral .stop1 { stop-color: #fff; stop-opacity: 0; } .loader, .loader:before, .loader:after { background: #2c9af3; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; } .loader { color: #2c9af3; text-indent: -9999em; margin: 1px auto; position: relative; font-size: 7px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 1.5em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } @charset "UTF-8"; /*! angularjs-slider - v6.3.0 - (c) Rafal Zajac , Valentin Hervieu , Jussi Saarivirta , Angelin Sirbu - https://github.com/angular-slider/angularjs-slider - 2017-08-11 */ .rzslider { position: relative; display: inline-block; width: 100%; height: 4px; margin: 35px 0 15px 0; vertical-align: middle; user-select: none } .rzslider.with-legend { margin-bottom: 40px } .rzslider[disabled] { cursor: not-allowed } .rzslider[disabled] .rz-pointer { cursor: not-allowed; background-color: #d8e0f3 } .rzslider[disabled] .rz-draggable { cursor: not-allowed } .rzslider[disabled] .rz-selection { background: #8b91a2 } .rzslider[disabled] .rz-tick { cursor: not-allowed } .rzslider[disabled] .rz-tick.rz-selected { background: #8b91a2 } .rzslider span { position: absolute; display: inline-block; white-space: nowrap } .rzslider .rz-base { width: 100%; height: 100%; padding: 0 } .rzslider .rz-bar-wrapper { left: 0; z-index: 1; width: 100%; height: 32px; padding-top: 16px; margin-top: -16px; box-sizing: border-box } .rzslider .rz-draggable { cursor: move } .rzslider .rz-bar { left: 0; z-index: 1; width: 100%; height: 4px; background: #d8e0f3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rzslider .rz-bar-wrapper.rz-transparent .rz-bar { background: transparent } .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar { background: #df002d } .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar { background: #03a688 } .rzslider .rz-selection { z-index: 2; background: #0db9f0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rzslider .rz-pointer { top: -14px; z-index: 3; width: 32px; height: 32px; cursor: pointer; background-color: #0db9f0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .rzslider .rz-pointer:after { position: absolute; top: 12px; left: 12px; width: 8px; height: 8px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; content: '' } .rzslider .rz-pointer:hover:after { background-color: #fff } .rzslider .rz-pointer.rz-active { z-index: 4 } .rzslider .rz-pointer.rz-active:after { background-color: #451aff } .rzslider .rz-bubble { bottom: 16px; padding: 1px 3px; color: #55637d; cursor: default } .rzslider .rz-bubble.rz-limit { color: #55637d } .rzslider .rz-ticks { position: absolute; top: -3px; left: 0; z-index: 1; width: 100%; height: 0; margin: 0; list-style: none; box-sizing: border-box } .rzslider .rz-ticks-values-under .rz-tick-value { top: auto; bottom: -32px } .rzslider .rz-tick { position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin-left: 11px; text-align: center; cursor: pointer; background: #d8e0f3; border-radius: 50% } .rzslider .rz-tick.rz-selected { background: #0db9f0 } .rzslider .rz-tick-value { position: absolute; top: -30px; transform: translate(-50%, 0) } .rzslider .rz-tick-legend { position: absolute; top: 24px; max-width: 50px; white-space: normal; transform: translate(-50%, 0) } .rzslider.rz-vertical { position: relative; width: 4px; height: 100%; padding: 0; margin: 0 20px; vertical-align: baseline } .rzslider.rz-vertical .rz-base { width: 100%; height: 100%; padding: 0 } .rzslider.rz-vertical .rz-bar-wrapper { top: auto; left: 0; width: 32px; height: 100%; padding: 0 0 0 16px; margin: 0 0 0 -16px } .rzslider.rz-vertical .rz-bar { bottom: 0; left: auto; width: 4px; height: 100% } .rzslider.rz-vertical .rz-pointer { top: auto; bottom: 0; left: -14px !important } .rzslider.rz-vertical .rz-bubble { bottom: 0; left: 16px !important; margin-left: 3px } .rzslider.rz-vertical .rz-ticks { top: 0; left: -3px; z-index: 1; width: 0; height: 100% } .rzslider.rz-vertical .rz-tick { margin-top: 11px; margin-left: auto; vertical-align: middle } .rzslider.rz-vertical .rz-tick-value { top: auto; left: 24px; transform: translate(0, -28%) } .rzslider.rz-vertical .rz-tick-legend { top: auto; right: 24px; max-width: none; white-space: nowrap; transform: translate(0, -28%) } .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value { right: 24px; bottom: auto; left: auto } .uploader { overflow: hidden; clear: both } .uploader .btn { overflow: hidden; position: relative; clear: both } .uploader-browse input { border: 0; outline: 0; opacity: 0; filter: alpha(opacity=0); font-size: 100px; position: absolute; cursor: pointer; top: -20px; bottom: 0; left: 0; right: 0 } .uploader-progress { display: none } .uploader-progress .progress { margin-bottom: 0 !important } .uploader-preview { float: left; position: relative; margin-top: 10px; overflow: hidden; clear: both } .uploader-preview-delete { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff } .uploader-preview-delete span { position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px } .uploader-preview:hover .uploader-preview-delete { display: block; background: #f38083; opacity: .9; filter: alpha(opacity=0.9); cursor: pointer } .uploader-preview > span.uploader-preview-wrapper, .uploader-preview > span.uploader-preview-wrapper > canvas { display: block } #modal-preview { text-align: center } /*! * ui-select * http://github.com/angular-ui/ui-select * Version: 0.17.1 - 2016-05-16T19:31:33.034Z * License: MIT */ .ui-select-highlight { font-weight: bold } .ui-select-offscreen { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0 !important; top: 0 !important } .ui-select-choices-row:hover { background-color: #f5f5f5 } .ng-dirty.ng-invalid > a.select2-choice { border-color: #d44950 } .select2-result-single { padding-left: 0 } .select2-locked > .select2-search-choice-close { display: none } .select-locked > .ui-select-match-close { display: none } body > .select2-container.open { z-index: 9999 } .ui-select-container[theme="select2"].direction-up .ui-select-match { border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0 } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown { border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-width: 1px; border-top-style: solid; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); margin-top: -4px } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search { margin-top: 4px } .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match { border-bottom-color: #5897fb } .selectize-input.selectize-focus { border-color: #007fbb !important } .selectize-control > .selectize-input > input { width: 100% } .selectize-control > .selectize-dropdown { width: 100% } .ng-dirty.ng-invalid > div.selectize-input { border-color: #d44950 } .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown { box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); margin-top: -2px } .btn-default-focus { color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) } .ui-select-bootstrap .ui-select-toggle { position: relative } .ui-select-bootstrap .ui-select-toggle > .caret { position: absolute; height: 10px; top: 50%; right: 10px; margin-top: -2px } .input-group > .ui-select-bootstrap.dropdown { position: static } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control { border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up { border-radius: 4px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important } .ui-select-bootstrap > .ui-select-match > .btn { text-align: left !important } .ui-select-bootstrap > .ui-select-match > .caret { position: absolute; top: 45%; right: 15px } .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice { width: 100%; height: auto; max-height: 200px; overflow-x: hidden; margin-top: -1px } body > .ui-select-bootstrap.open { z-index: 1000 } .ui-select-multiple.ui-select-bootstrap { height: auto; padding: 3px 3px 0 3px } .ui-select-multiple.ui-select-bootstrap input.ui-select-search { background-color: transparent !important; border: 0; outline: 0; height: 1.666666em; margin-bottom: 3px } .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { font-size: 1.6em; line-height: .75 } .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { outline: 0; margin: 0 3px 3px 0 } .ui-select-multiple .ui-select-match-item { position: relative } .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close { pointer-events: none } .ui-select-multiple:hover .ui-select-match-item.dropping-before:before { content: ""; position: absolute; top: 0; right: 100%; height: 100%; margin-right: 2px; border-left: 1px solid #428bca } .ui-select-multiple:hover .ui-select-match-item.dropping-after:after { content: ""; position: absolute; top: 0; left: 100%; height: 100%; margin-left: 2px; border-right: 1px solid #428bca } .ui-select-bootstrap .ui-select-choices-row > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5 } .ui-select-bootstrap .ui-select-choices-row.active > a { color: #fff; text-decoration: none; outline: 0; background-color: #428bca } .ui-select-bootstrap .ui-select-choices-row.disabled > a, .ui-select-bootstrap .ui-select-choices-row.active.disabled > a { color: #777; cursor: not-allowed; background-color: #fff } .ui-select-match.ng-hide-add, .ui-select-search.ng-hide-add { display: none !important } .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match { border-color: #d44950 } .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown { box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25) } body.stopScroll, body.modal-open { overflow: hidden !important } .p-1 { padding: 10px } .p-2 { padding: 20px } .p-3 { padding: 30px } .p-4 { padding: 40px } .p-5 { padding: 50px } .px-1 { padding-left: 10px; padding-right: 10px } .px-2 { padding-left: 20px; padding-right: 20px } .px-3 { padding-left: 30px; padding-right: 30px } .px-4 { padding-left: 40px; padding-right: 40px } .px-5 { padding-left: 50px; padding-right: 50px } .py-1 { } .py-2 { padding-top: 20px; padding-bottom: 20px } .py-3 { padding-top: 30px; padding-bottom: 30px } .py-4 { padding-top: 40px; padding-bottom: 40px } .py-5 { padding-top: 50px; padding-bottom: 50px } .pt-1 { padding-top: 10px } .pt-2 { padding-top: 20px } .pt-3 { padding-top: 30px } .pt-4 { padding-top: 40px } .pt-5 { padding-top: 50px } .pb-1 { padding-bottom: 10px } .pb-2 { padding-bottom: 20px } .pb-3 { padding-bottom: 30px } .pb-4 { padding-bottom: 40px } .pb-5 { padding-bottom: 50px } .p-input { padding-top: 12px; padding-bottom: 12px } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .inner-text-center, .inner-text-center span, .inner-text-center small { text-align: center !important } .box_shadow_s { -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1) } .box_shadow_m { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1) } .box_shadow_l { -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1) } .white_bg { background-color: #fff !important } .autopia_color { color: #333 !important } .white_color { color: #fff !important } .dark_color { color: #444 !important } .font_header_md { font-size: 22px !important; font-weight: bold } .font_header_lg { font-size: 26px !important; font-weight: bold } .pac-container { z-index: 2147483540 !important } /*.autopiaModal, .modal { position: fixed!important; display: block!important; top: -100%!important; left: 0!important; width: 100%!important; height: 100%!important; z-index: 2147483539!important; overflow: hidden!important; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out } .autopiaModal.open, .modal.in { top: 0!important } .autopiaModal .autopiaModalBackdrop, .modal-backdrop { display: block!important; position: absolute!important; width: 100%!important; height: 100%!important; background-color: rgba(244, 245, 249, 0.9)!important; opacity: 1!important } .autopiaModal .autopiaModalInner, .modal .modal-dialog { position: absolute!important; left: 50%!important; top: 200%!important; -webkit-transform: translate(-50%, -50%)!important; -moz-transform: translate(-50%, -50%)!important; -ms-transform: translate(-50%, -50%)!important; -o-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%)!important; background-color: #fff!important; z-index: 2147483647!important; -webkit-box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.1)!important; box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.1)!important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 10px!important; overflow-y: auto; overflow-x: hidden } .modal .modal-content { box-shadow: none!important; border: none!important; overflow-y: auto!important }*/ /*.autopiaModal.open .autopiaModalInner, .modal.in .modal-dialog { top: 50%!important } .autopiaModal.cm-sm .autopiaModalInner, .modal.cm-sm .modal-dialog { width: 40%; height: 50% } .autopiaModal.cm-sm.auto-height .autopiaModalInner, .modal.cm-sm.auto-height .modal-dialog { height: auto } .autopiaModal.cm-md .autopiaModalInner, .modal.cm-md .modal-dialog { width: 70%; height: 70% } .autopiaModal.cm-md.auto-height .autopiaModalInner, .modal.cm-md.auto-height .modal-dialog { height: auto } .autopiaModal.cm-lg .autopiaModalInner, .modal.cm-lg .modal-dialog { width: 90%; height: 90% } .autopiaModal.cm-lg.auto-height .autopiaModalInner, .modal.cm-lg.auto-height .modal-dialog { height: auto } .autopiaModal .autopiaModalInner .autopiaModalHeader, .modal .modal-dialog .autopiaModalHeader { position: relative!important; display: table!important; width: 100%!important; padding: 20px!important; border-bottom: #ccc thin solid!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalTitle, .modal .modal-dialog .autopiaModalHeader .autopiaModalTitle { display: table-cell!important; vertical-align: middle!important; text-transform: uppercase!important; font-size: 18px!important; text-align: left } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalClose, .modal .modal-dialog .autopiaModalHeader .autopiaModalClose { display: table-cell!important; vertical-align: middle!important; width: 15%!important; text-align: right!important; cursor: pointer!important } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalClose img, .modal .modal-dialog .autopiaModalHeader .autopiaModalClose img { width: 30px!important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalClose:hover img, .modal .modal-dialog .autopiaModalHeader .autopiaModalClose:hover img { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .autopiaModal .autopiaModalInner .autopiaModalBody { padding: 20px } .autopiaModal .autopiaModalInner .autopiaModalFooter { padding: 20px }*/ .modalFormErrors { display: block; width: 100% } .modalFormErrors .errorLine { border-radius: 4px; padding: 10px; margin: 20px 0; box-shadow: none } .modalFormErrors .errorLine.danger { border: #b50000 thin dotted !important; background: rgba(181, 0, 0, 0.2) } .modalFormErrors .errorLine.succ { border: #3c9c1d thin dotted !important; background: rgba(60, 156, 29, 0.2) } select.form-control { background: #fff; border: 1px solid #AAA; color: #555; overflow: hidden; padding: 13px 20px; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 46px } .form-control { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: #ccc thin solid; padding: 6px 12px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .form-control:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important } .form-control.error { border-color: #b50000 } .has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important } .modal_quote_form .help-block, .sms_share_form .help-block, form .help-block { color: #b50000; text-align: left } .navbar { top: 0; background-color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .navbar.stick_header_show { top: -60px } .navbar .navbar-brand { padding: 12px 15px 12px 30px } .navbar .dealer_logo { display: block; padding: 8px 15px } .navbar .dealer_logo > img { max-height: 41px } .navbar .navbar-brand > img { max-width: 160px } .navbar .mobile_logo { display: none; padding: 17px } .navbar .mobile_logo > img { width: 40px } .navbar .navbar-nav > li > a { padding-top: 18px; padding-bottom: 19px } .navbar .navbar-nav.navbar-right > li > a { font-size: 16px; text-transform: uppercase } .navbar .navbar-nav.navbar-right > li > a > img { width: 20px } .navbar .navbar-nav.navbar-right > li > a > span { position: relative; top: 2px; margin-left: 5px } .navbar .navbar-nav.navbar-right .dropdown-menu { top: 65px; background: 0; padding: 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 } .navbar .navbar-nav.navbar-right .dropdown-menu > li { background-color: #ccc; margin-bottom: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .navbar .navbar-nav.navbar-right .dropdown-menu > li > a { padding: 10px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } @media(max-width:768px) { .autopiaModal .autopiaModalInner, .modal .modal-dialog { width: 100% !important; height: 100% !important; border: none !important; margin: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important } } @media(max-width:767px) { .main_navbar .navbar-header { float: left } .main_navbar .collapse.navbar-collapse { display: block; float: right } .main_navbar.navbar .navbar-nav.navbar-right > li { float: left } .main_navbar .navbar-brand img { margin-top: 8px } .main_navbar.navbar.stick_header_show { top: -75px } } @media(max-width:640px) { .main_navbar.navbar .phone-main { display: none } } @media(max-width:480px) { .main_navbar.navbar .navbar-brand { display: none } .main_navbar.navbar .mobile_logo { display: block } } .side_menu { display: block; position: fixed; right: -300px; top: 0; width: 300px; height: 100%; background-color: #fff; padding-top: 60px; z-index: 500; -webkit-box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .side_menu.ignite_page { padding-top: 124px } .side_menu.open { right: 0 } .side_menu.cta_block { padding-top: 124px } .side_menu .inner { display: block; position: relative; width: 100%; height: 100%; overflow-y: auto } .side_menu .inner > ul { padding: 0; margin: 0; list-style: none } .side_menu .inner > ul > li > a { display: block; width: 100%; padding: 20px; border-bottom: #ccc thin solid; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #fff; text-align: center; text-transform: none; text-decoration: none } .side_menu .inner > ul > li > a:hover { background-color: #333; color: #fff } .side_menu ul > li.sign_item { display: table; width: 100% } .side_menu ul > li.sign_item > a { display: table-cell; width: 49% } .side_menu ul > li.sign_item > a:first-child { border-right: #ccc thin solid } .side_menu ul.social { display: table; width: 100%; padding: 40px 0; border-spacing: 10px } .side_menu ul.social > li { display: table-cell; width: 25% } .side_menu ul.social > li > a { background-color: #333; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 18px; padding: 15px; border: transparent thin solid } .side_menu ul.social > li > a:hover { background-color: #fff; color: #333; border-color: #333 } @media(max-width:1150px) { .side_menu.ignite_page { padding-top: 122px } } @media(max-width:1024px) { .side_menu.ignite_page { padding-top: 120px } } @media(max-width:991px) { .side_menu { width: 100%; right: -100%; padding-top: 60px; z-index: 1025 } .side_menu.ignite_page { padding-top: 60px } } @media(max-width:759px) { .wrapper .button-return-srch { padding-top: 30px } } @media(max-width:767px) { .side_menu, .side_menu.ignite_page { padding-top: 75px } } .dealerinventory.single_car_page { padding-top: 20px } @media(max-width:767px) { .dealerinventory .mobile-switcher { padding: 0 !important; width: 100% !important; top: 75px !important } .dealerinventory .mobile-switcher .main-button { background-color: #333; border-color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 12px } } a { color: #333; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms } a, a:focus, a:hover, a:visited { outline: 0 } hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff } .search-form ul.dropdown-menu, .tt-menu { background: #FFF none repeat scroll 0 0; width: 670px; height: 280px; overflow-y: auto !important; left: 0; right: 0; margin: 0 auto; border-top: 1px solid black; border-radius: inherit } .search-form ul.dropdown-menu a, .tt-menu .item a { display: inline-block; width: 100%; position: relative; padding: 6px 5px; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #333 } .search-form ul.dropdown-menu a:hover, .tt-menu .item a:hover { background: #333; color: #fff } .search-form ul.dropdown-menu a .fa, .tt-menu .item a .fa { position: absolute; right: 3px; top: 50%; margin-top: -0.6em } .search-form ul.dropdown-menu .typeahead-group-header, .tt-menu .header-name { background: #f4f4f4; margin: 0; padding: 5px; color: #333; text-transform: uppercase; font-size: 14px; font-weight: 600 } .topics-body { max-width: 1400px; margin: 0 auto } .topics-body .topics-description { margin: 20px 0 0 0 } .topics-body .topics-description .title { color: #333; font-size: 46px; float: left } .topics-body .topics-description .topic-name { font-size: 22px; float: left; margin-top: 25px } .topics-body .topics-description p, .topics-body .topics-description ul li { font-size: 16px } .topics-body .topics-description h4 { margin-top: 30px; } .topics-body .topics-nav { height: 575px; background: #f8f8f8; margin: 20px 0 0 0; padding: 30px } .topics-body .topics-nav .title { font-size: 22px } .topics-body .topics-nav .topics { list-style: none; padding: 0; margin: 20px 0 0 0 } .topics-body .topics-nav .topics li { font-size: 18px; margin: 5px 0 } .topics-body .topics-nav .topics li a:hover { color: #333; text-decoration: none } .topics-body .topics-nav .topics li.active-topic { color: #333 } @media(max-width:992px) { .topics-body .nav-sidebar { float: right !important } } @media(max-width:778px) { .topics-body .nav-sidebar { width: 100% } .topics-body .topics-nav { height: auto } } div[data-href] { cursor: pointer } .hot-deals { background: #333; padding: 60px 0 10px 0; color: white; text-align: center; margin-top: 40px } .hot-deals .title { font-size: 46px; text-align: center; color: white; text-transform: uppercase } .hot-deals .car-info { text-align: center; margin: 0 5px 20px 5px; display: inline-block; position: relative } .hot-deals .car-info .car-name-link { color: white; text-decoration: none } .hot-deals .car-info .car-photo { padding: 1px; margin: 0 auto; position: relative } .hot-deals .car-info .car-photo img.photo { border: 1px solid white; padding: 2px; max-width: 100% } .hot-deals .car-info .car-photo .hover-on-photo { height: 100%; width: 100%; background: black; opacity: 0; position: absolute; top: 0; left: 0 } .hot-deals .car-info .car-photo .hover-on-photo:hover { opacity: .7; cursor: pointer } .hot-deals .car-info .car-photo .hover-on-photo .search-icon { margin: 80px 0 0 0 } .hot-deals .car-info .car-photo .hover-on-photo a { display: block; margin: 5px 0 0 0; text-decoration: none; color: white; font-size: 24px } .hot-deals .car-info .car-name { font-size: 18px; color: white } .hot-deals .car-info .advertised-payment, .hot-deals .car-info .months-remaining { font-size: 14px } .hot-deals .car-info .advertised-payment .value, .hot-deals .car-info .months-remaining .value { } @media(max-width:992px) { .hot-deals { text-align: center } .hot-deals .car-info { display: inline-block } .hot-deals .car-photo { margin: 20px auto } } .link-to-information { text-decoration: underline; margin-top: 20px } .available-info-block .available-info-block-header { font-size: 24px; border-bottom: 1px solid #ccc; padding-left: 10px } .available-info-block .available-info-block-sub-header p { font-size: 18px; padding-left: 10px; color: #555 } .available-info-block .article-collapse { margin-top: 4px } .available-info-block .available-info-row { padding-top: 15px } .available-info-block .available-info-row + .available-info-row { border-top: 1px solid #ccc } .available-info-block .article-collapse + a { text-align: right; margin-top: 8px } .all-related_cars .thumbnail { position: relative } .all-related_cars .thumbnail .title { display: inline; position: absolute; width: 100%; height: 36px; overflow: hidden } .all-related_cars .thumbnail .title span { position: relative; color: white; line-height: 36px; font-family: SegoeUIBold; font-size: 14px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black; z-index: 1 } .all-related_cars .thumbnail .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 100%; width: 100%; position: absolute; top: 0; z-index: 0; display: none } .all-related_cars .thumbnail .hot-deals-photo-img { min-width: 100% } .all-related_cars .thumbnail .more_info { position: absolute; display: none; bottom: 0; width: 100% } .all-related_cars .thumbnail .more_info .price, .all-related_cars .thumbnail .more_info .year_price, .all-related_cars .thumbnail .more_info .city_pmonth { color: #fff !important } .all-related_cars .thumbnail .more_info .year_price, .all-related_cars .thumbnail .more_info .city_pmonth { position: relative; z-index: 1 } .all-related_cars .thumbnail .more_info .year_price img, .all-related_cars .thumbnail .more_info .city_pmonth img { margin: -3px 3px 0 0 } .all-related_cars .thumbnail .transparency-block { position: absolute; bottom: 0; opacity: .5; -moz-opacity: .5; background-color: #333; width: 100%; height: 100% } .home-fix, .navbar-toggle.home-fix, .nav > li.home-fix { display: none } #header.home-fix { min-height: auto } #header.home-fix .navbar-nav > li > a { color: #fff; font-size: 16px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) } #header.home-fix .navbar-collapse { border-top: 1px solid #e7e7e7 } #header.home-fix .navbar-nav > li > a > img { margin-right: 10px; height: 23px } #header .caret { margin: 2px auto 0 } .lease-update .col-xs-1, .lease-update .col-xs-2, .lease-update .col-xs-3, .lease-update .col-xs-4, .lease-update .col-xs-5, .lease-update .col-xs-6, .lease-update .col-xs-7, .lease-update .col-xs-8, .lease-update .col-xs-9, .lease-update .col-xs-10, .lease-update .col-xs-11, .lease-update .col-xs-12, .lease-update .col-sm-1, .lease-update .col-sm-2, .lease-update .col-sm-3, .lease-update .col-sm-4, .lease-update .col-sm-5, .lease-update .col-sm-6, .lease-update .col-sm-7, .lease-update .col-sm-8, .lease-update .col-sm-9, .lease-update .col-sm-10, .lease-update .col-sm-11, .lease-update .col-sm-12, .lease-update .col-md-1, .lease-update .col-md-2, .lease-update .col-md-3, .lease-update .col-md-4, .lease-update .col-md-5, .lease-update .col-md-6, .lease-update .col-md-7, .lease-update .col-md-8, .lease-update .col-md-9, .lease-update .col-md-10, .lease-update .col-md-11, .lease-update .col-md-12, .lease-update .col-lg-1, .lease-update .col-lg-2, .lease-update .col-lg-3, .lease-update .col-lg-4, .lease-update .col-lg-5, .lease-update .col-lg-6, .lease-update .col-lg-7, .lease-update .col-lg-8, .lease-update .col-lg-9, .lease-update .col-lg-10, .lease-update .col-lg-11, .lease-update .col-lg-12, .lease-view .col-xs-1, .lease-view .col-xs-2, .lease-view .col-xs-3, .lease-view .col-xs-4, .lease-view .col-xs-5, .lease-view .col-xs-6, .lease-view .col-xs-7, .lease-view .col-xs-8, .lease-view .col-xs-9, .lease-view .col-xs-10, .lease-view .col-xs-11, .lease-view .col-xs-12, .lease-view .col-sm-1, .lease-view .col-sm-2, .lease-view .col-sm-3, .lease-view .col-sm-4, .lease-view .col-sm-5, .lease-view .col-sm-6, .lease-view .col-sm-7, .lease-view .col-sm-8, .lease-view .col-sm-9, .lease-view .col-sm-10, .lease-view .col-sm-11, .lease-view .col-sm-12, .lease-view .col-md-1, .lease-view .col-md-2, .lease-view .col-md-3, .lease-view .col-md-4, .lease-view .col-md-5, .lease-view .col-md-6, .lease-view .col-md-7, .lease-view .col-md-8, .lease-view .col-md-9, .lease-view .col-md-10, .lease-view .col-md-11, .lease-view .col-md-12, .lease-view .col-lg-1, .lease-view .col-lg-2, .lease-view .col-lg-3, .lease-view .col-lg-4, .lease-view .col-lg-5, .lease-view .col-lg-6, .lease-view .col-lg-7, .lease-view .col-lg-8, .lease-view .col-lg-9, .lease-view .col-lg-10, .lease-view .col-lg-11, .lease-view .col-lg-12 { padding-right: 0; padding-left: 0 } .lease-view article ul.col-sm-6 { padding-left: 20px } #content { background:#f6f6f6; } .wrapper.noheader #content { padding-bottom: 0 !important } .modal { z-index: 16000004 } .modal ul.dropdown-menu { z-index: 16000008 } #raiting { position: relative; height: 16px; width: 83px; float: left } #raiting_blank, #raiting_votes, #raiting_hover { height: 16px; position: absolute } #raiting_blank { background: url(/statics/web/ratings.png); width: 83px } #raiting_votes { background: url(/statics/web/ratings.png) 0 -16px } #raiting_info { margin-left: 90px } #all-reviews .review { padding: 30px 0; border-bottom: 1px solid #ccc } #all-reviews .review-sender { font-size: 20px; font-weight: 600; margin-bottom: 10px } #all-reviews .review-sender:first-letter { text-transform: uppercase } #all-reviews .review-title { font-weight: 600 } #all-reviews .review-text { text-indent: 30px } div:not(.modal) .checkbox { padding-left: 20px } div:not(.modal) .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px } div:not(.modal) .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border .15s ease-in-out, color .15s ease-in-out; -o-transition: border .15s ease-in-out, color .15s ease-in-out; transition: border .15s ease-in-out, color .15s ease-in-out } div:not(.modal) .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555 } div:not(.modal) .checkbox input[type="checkbox"], div:not(.modal) .checkbox input[type="radio"] { opacity: 0; z-index: 1 } div:not(.modal) .checkbox input[type="checkbox"]:focus + label::before, div:not(.modal) .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } div:not(.modal) .checkbox input[type="checkbox"]:checked + label::after, div:not(.modal) .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c" } div:not(.modal) .checkbox input[type="checkbox"]:disabled + label, div:not(.modal) .checkbox input[type="radio"]:disabled + label { opacity: .65 } div:not(.modal) .checkbox input[type="checkbox"]:disabled + label::before, div:not(.modal) .checkbox input[type="radio"]:disabled + label::before { background-color: #eee; cursor: not-allowed } div:not(.modal) .checkbox.checkbox-circle label::before { border-radius: 50% } div:not(.modal) .checkbox.checkbox-inline { margin-top: 0 } b { font-weight: bold } #header { background: #a3a3a3; min-height: 60px } #header .small_menu { display: none } .logo-header { background: #333; padding: 11px 8px 11px 5px; margin-right: 10px } .logo-text { color: #fff; font-size: 26px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); padding-top: 10px } #header .navbar-default { background: 0; z-index: 1030 } #header .navbar { border: 0 } #header .coverer-fluid { padding: 0 } #header .navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); float: left } #header .navbar-default .navbar-nav > li > a > img { margin-right: 10px; height: 23px } #header .aft_center { margin: 10px 0; border: 0; height: 40px; width: 2px; background-color: rgba(255, 255, 255, 0.5); float: left } #header .aft_sing_up { margin: 15px 0; border: 0; height: 20px; width: 1px; background-color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); float: left } #header .caret { display: block } #header .navbar-nav > li > .dropdown-menu { margin-top: 11px; background-color: #a3a3a3; border: 0 } #header .dropdown-menu { padding: 0; box-shadow: none; border-radius: inherit } #header .dropdown-menu > li > a { color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) } #header .dropdown-menu > li { border-bottom: 1px dotted white } #header .dropdown-menu > li:last-child { border-bottom: 0 } #header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; background-color: #757575 } #header .badge { font-size: 10px; color: #fff; background-color: #b50000; padding: 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); text-shadow: none } #header .dropdown .enter_message { display: block; float: left; list-style: none; padding: 0 } #header .dropdown .enter_message img { margin-top: 15px } #header .dropdown .enter_message span { margin: 5px 0 0 -7px; position: relative } .wrapper .coverer { padding: 0 } .wrapper .breadcrumb { margin: 7px 0 0 0; background: inherit; float: left; padding: 0 } .wrapper .breadcrumb a { color: #333; text-decoration: underline } .wrapper .icon_lease_transfer { margin: 12px 5px -25px 0 } .wrapper .all-related_cars { background: #f0f0f0; padding-bottom: 20px; overflow: hidden } .row { margin: 0 !important; } .wrapper .featured_listings .col-md-6 { padding: 0 } .wrapper .all-related_cars .col-md-3 { padding: 0 5px } .wrapper .featured_listings_text { font-size: 24px; margin: 7px 0 8px 0 } .all-related_cars .thumbnail { overflow: hidden; border-radius: inherit; border-color: #ccc; padding: 0; margin-bottom: 6px; text-indent: 0; border: 1px solid #888; -moz-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; cursor: pointer } .all-related_cars .thumbnail { margin: 0 5px } .all-related_cars .thumbnail_col_3 img { width: 100%; max-height: 172px } .all-related_cars .price { font-size: 18px; font-weight: bold; color: #252525 } .all-related_cars.city { color: #252525 } .all-related_cars .year_price, .city_pmonth { padding: 0 4px 0 3px; color: #666 } .also_interest_text { font-size: 36px; padding: 27px 0 42px 0 } .also_interest .thumbnail { margin-bottom: 41px } .content { margin-top: 15px; margin-bottom: 50px } .content .right-side { padding: 0 11px 0 0 } .content .right-side .buttons { margin: 20px auto 42px } .content .right-side .input-group { border: 3px solid #e3e4e8 } .content .right-side .input-group-addon { border-radius: inherit !important; border: 1px solid #a9aaaa; width: auto; padding: 9px 20px; box-shadow: inset 0 -2px 2px #e3e4e8; background: #fff; border-radius: 2px } .content .right-side .input-group-addon a { color: #4f555f; text-decoration: none } .content .right-side .input-group-addon:first-child { border-right: 1px solid #ccc } .content .your_search { background: #f0f0f0; padding: 11px 15px 8px 8px; margin-bottom: 42px } .content .your_search_text { color: #898989; font-size: 18px; margin-bottom: 13px } .item_search { float: left; border: 1px solid #898989; padding: 10px 9px 7px 8px; border-radius: 5px; margin: 0 5px 5px 0; font-size: 18px } .content .delete { float: right; margin-left: 14px; color: #898989 } .content .delete a { color: #898989 } .content .right-side .filter_menu > ul { margin-bottom: 10px } .content .right-side .filter_menu > ul > li { color: #555; padding: 5px 8px; border-bottom: 1px dotted } .content .right-side .filter_menu > ul > li:first-child { border-top: 1px dotted #898989 } .content .right-side .filter_menu .caret-right { float: right } .popover { max-width: none; border: 1px solid #ccc; box-shadow: none; background: #f5f5f5; border-radius: inherit } .popover.top > .arrow:after { border-top-color: #f5f5f5 } .filter_variants { padding: 0; margin: 0 auto; -moz-column-count: 3; -moz-column-width: 290px; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-width: 180px; -webkit-column-gap: 10px; column-count: 3; column-width: 290px; column-gap: 10px; color: #898989 } .content .additional_keywords { margin-bottom: 85px; padding: 0 13px } .content .additional_keywords .form-control { height: auto; padding: 10px 13px; border-radius: 2px } .additional_keywords .btn-link { padding: 6px 0; text-decoration: underline } .content .button_under_characters { display: none } .content .additional_keywords .form-group { margin-bottom: 0 } .content .additional_keywords .btn-link { color: #555 } .content .search_car_model { background: #a3a3a3; padding: 10px 10px 7px 8px; color: white } .content .search_car_model_text { font-size: 36px; color: #FFF } .content .aft_top_search_car_model { margin: 0 0 6px 0 } .content .top_search_car_per_page { margin: 18px 0 5px 0; float: right } .content .top_search_car_per_page .btn { padding: 6px 8px } .content .top_search_car_per_page .prev { background: #dadada; border: 0 } .content .top_search_car_per_page .next { margin-left: 10px; background: #fff; box-shadow: 0 1px 1px rgba(185, 185, 185, 1) } .content .down_search_car_per_page .navbar-nav > li > a { padding: 0 15px; color: #fff } .content .down_search_car_per_page .navbar-nav > li > a:hover, .content .down_search_car_per_page .navbar-nav > li > a:focus { text-decoration: none; background: 0 } .content .down_search_car_per_page .dropdown-menu { padding: 0; box-shadow: none; border-radius: inherit } .content .down_search_car_per_page .dropdown-menu > li > a:hover, .content .down_search_car_per_page .dropdown-menu > li > a:focus { text-decoration: none; background-color: #757575 } .content .down_search_car_per_page .dropdown-menu > li > a { color: white; padding: 5px 5px } .content .down_search_car_per_page .dropdown-menu > li { border-bottom: 1px dotted white } .content .down_search_car_per_page .dropdown-menu > li:first-child { border-top: 4px solid #666 } .content .down_search_car_per_page .dropdown-menu > li:last-child { border-bottom: 0 } .content .down_search_car_per_page .navbar-nav > li > .dropdown-menu { margin: 9px 0 0 -40px; background-color: #a3a3a3; border: 0 } .search_car_mathces a { color: white; text-decoration: underline } .content .search_result { color: #555 } .content .search_result_text1 { margin: 25px 0 30px 0 } .content .search_email_form { margin-bottom: 20px } .content .search_email_form label { font-weight: normal } .content .subscribe { margin: 5px 20px 30px 0 } .content .search_result_text2 { float: left } .search_email_form .btn-default { padding: 6px 24px } .popular_searches { margin-top: 20px } .popular_searches .popular_searches_title { color: #555; font-size: 18px; font-weight: bold } .popular_searches .popular_searches_result { padding: 0; margin: 0 auto; -moz-column-count: 3; -moz-column-width: 290px; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-width: 290px; -webkit-column-gap: 10px; column-count: 3; column-width: 290px; column-gap: 10px; margin: 26px 0 23px 0; list-style-type: none } .popular_searches .popular_searches_result > li > a { color: #252525; text-decoration: underline } .popular_searches .aft_popular_searches { border: 1px solid #ccc; margin: 0 } .icon_lease_transfer_text { float: right; margin-left: 7px } .content .model_car_title { font-size: 36px; margin-right: 10px } .content .model_car_title span { } .content .for_lease { font-size: 36px; margin-bottom: 15px } .content .slider { padding-right: 58px } .content .slider .rsDefault .rsSlide, .content .slider .rsThumbs { background: #fff } .content .button_under_slider { color: #333; margin-top: 80px; font-size: 16px; line-height: 30px } .content .button_under_slider span { color: #333; font-size: 14px } .content .button_under_slider a { color: #333; text-decoration: underline } .content .button_under_slider a:hover { text-decoration: none } .under_charachters { padding-top: 20px } .under_charachters .contact_owner { padding: 0 17px } .under_charachters .contact_owner img { margin-right: 10px } .under_charachters button { font-size: 24px; color: white } .under_charachters .aft_center { margin: -10px 0; border: 0; height: 70px; width: 1px; background-color: #ccc; float: left } .content .button_under_slider .button_share { color: #a3a3a3; font-size: 20px } .content .characters { margin-top: 20px } .content .characters .hf td { border-top: none !important; font-size: 24px; padding-top: 0 } .content .characters .hf td b span { font-size: 12px } .content .characters .hf .price, .hf .per_mon i { margin-right: 10px } .content .characters .hf .price, .hf .per_mon { color: #666; margin-bottom: 15px; text-align: center } .content .characters .hf .price { border-bottom: 2px dotted #333 } .content .description.add-photos { border-bottom: 0; padding-top: 15px } .content .description { margin-top: 0; border-bottom: 1px solid #ccc; padding-top: 5px } .content .description .row { margin-bottom: 30px } .content .description .equipment-block .row { margin-bottom: 0 } .content .description table td { padding-right: 10px; color: #555; min-width: 100px } .content .description table tr td:first-child { font-weight: 600 } .content .description .col-sm-2 b { font-size: 16px } .content .description table td .form-group { margin-bottom: 5px } .interested, .interested2 { margin-bottom: 30px } .lease-view .interested, .lease-view .interested2, .lease-update .interested, .lease-update .interested2 { background: white !important } .description .seller_notes a { color: #333; text-decoration: underline; margin-top: 20px } .description .lease_company_details_text { font-style: italic; margin-top: 10px } .reviews_title_car { margin-bottom: 10px } .sorting_reviews { margin-top: 20px } .sorting_reviews ul { padding: 0 } .sorting_reviews ul > li { list-style-type: none } .sorting_reviews ul > li > a { color: #333; text-decoration: underline } .description .rating_star .rating-symbol-foreground, .rating-symbol { color: #1b4dc3 } .description .rating_star a { color: black; text-decoration: underline } #gallery-1 { width: 100%; -webkit-user-select: none; -moz-user-select: none } .am-wrapper { float: left; position: relative; overflow: hidden } .am-wrapper img { position: absolute; outline: 0 } .main_navbar .navbar-toggle { border: 0; background: #686868; padding: 0 15px; height: 60px; margin: auto; border-radius: inherit } .main_navbar .navbar-toggle .icon-bar { width: auto; height: 3px; background-color: #fff !important } .thumbnail .more_auto_info { max-height: 67px; overflow: hidden } .characters table .hf { background: #f8f8f8 } .characters table > tbody > tr > td { padding-bottom: 2px } .label-default { background: 0; color: #333; font-weight: normal } .label-default:before { content: "(" } .label-default:after { content: ")" } .newlease { margin-bottom: 30px } @media screen and (max-width:767px) { #header .coverer-fluid > .navbar-header { margin: 0 } #header .logo-text { font-size: 17px } #header .navbar-nav { margin: inherit } #header .container-fluid > .navbar-header, #header .container-fluid #bs-example-navbar-collapse-1 { margin-right: 0; margin-left: 0 } .content .right-side .input-group { float: left } .content .description { padding-left: 5px } .popular_searches .popular_searches_title { margin-left: 5px } .popular_searches .popular_searches_result > li > a { margin-left: 5px } #edit-search-dropdown { height: 28px } .edit-search { position: absolute } #edit-search { font-size: 18px; font-weight: bold; margin-left: 18px } #edit-search span { text-decoration: underline } #additional-search.dropdown-menu { padding-top: 0; left: 0 } #additional-search.dropdown-menu .filter_menu > ul { padding: 0; margin-left: 0 } #additional-search.dropdown-menu .filter_menu > ul > li { padding-left: 15px } #additional-search .popover { width: 265px !important; left: 40px !important } .filter_menu > ul li:nth-child(1) + .popover, .filter_menu > ul li:nth-child(6) + .popover, .filter_menu > ul li:nth-child(2) + .popover { top: -50px !important } .filter_menu > ul li:nth-child(4) + .popover, .filter_menu > ul li:nth-child(9) + .popover, .filter_menu > ul li:nth-child(10) + .popover, .filter_menu > ul li:nth-child(12) + .popover, .filter_menu > ul li:nth-child(13) + .popover, .filter_menu > ul li:nth-child(14) + .popover { width: 310px !important } .search-noresults .container.content > .row > .col-xs-12, .search-index .container.content > .row > .col-xs-12 { padding-left: 0; padding-right: 0 } .content .additional_keywords { margin-bottom: 0 } .content .search_car_model .down_search_car_per_page .dropdown-menu { position: absolute } .search_email_form .form-control { width: auto } .search_email_form label, .search_email_form input { float: left; margin-right: 20px } .popular_searches .popular_searches_result { padding: 0; -moz-column-count: 1; -moz-column-width: 290px; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-width: 290px; -webkit-column-gap: 10px; column-count: 1; column-width: 290px; column-gap: 10px; margin: 26px 0 23px 0 } .content .slider { padding: 0 } .content .search_car_model_text { font-size: 18px } .content .right-side .input-group-addon { padding: 9px 15px; font-size: 10px } .content .your_search_text { font-size: 14px } .content .item_search { font-size: inherit } .also_interest_text { font-size: 24px; padding: 12px 0 19px 0 } .all-related_cars .price { font-size: 9px } .btn-default { font-size: 12px; padding: 6px 12px } .thumbnail:hover, .all-related_cars .thumbnail { max-height: none !important } .all-related_cars .col-xs-4:nth-child(4), .all-related_cars .col-xs-4:nth-child(5), .all-related_cars .col-xs-4:nth-child(6) { display: none } .all-related_cars .thumbnail .title span { font-size: 10px } .all-related_cars .year_price, .city_pmonth { font-size: 10px } .content .delete { margin-left: 5px } .content .top_search_car_per_page { font-size: 14px } img.rsImg { min-width: 100%; max-width: none } .under_charachters .aft_center { background-color: #fff } .photos-colage { width: 100%; min-width: 320px; padding: 0; float: none; position: relative; margin: auto } .icon_lease_transfer_text { float: right; margin-left: 10px; margin-right: 10px } .wrapper .icon_lease_transfer { font-size: 10px } .content .model_car_title, .content .for_lease { font-size: 12px; margin-left: 5px } .content .button_under_slider { display: none } .content .button_under_characters { margin-bottom: 20px; display: block } .content .button_under_characters a { color: #333 } .under_charachters .contact_owner { padding: 0; margin-top: 10px } .thumbnail .more_auto_info { max-height: 45px } .mob-pull-right { float: right !important } } @media screen and (max-width:480px) { #header .logo-text { font-size: 12px; padding-top: 20px } .content .right-side .input-group-addon { padding: 5px } .search_email_form label, .search_email_form input { margin: 0 5px } } @media(max-width:860px) { #header .container-fluid { padding: 0 } .main_navbar .navbar-toggle, .nav > li.home-fix { display: block } .main_navbar .navbar-toggle { width: 60px } .collapse.in { display: block !important } #header .small_menu { float: right; display: block !important } #header .small_menu li { float: left; margin: 20px 5px 0 5px; list-style-type: none } #header .navbar-default .navbar-nav > li > a { font-size: 12px; float: none } #header .dropdown-menu > li > a { font-size: 10px } .down_search_car_per_page .navbar-nav { margin: inherit } .content .down_search_car_per_page .navbar-nav > li > .dropdown-menu { margin: 9px 0 0 -50px } #header .aft_center, #header .aft_sing_up, #header .caret { display: none } #header .dropdown .enter_message, #header .navbar-nav > li > .dropdown-menu { display: none } } @media screen and (max-width:1200px) { .under_charachters button { font-size: 18px; padding: 10px 0 } } @media screen and (max-width:992px) { .under_charachters button { font-size: 16px; padding: 10px 5px } .all-related_cars .col-sm-3:nth-child(5), .all-related_cars .col-sm-3:nth-child(6) { display: none } } @font-face { src: url("/web/fonts/SegoeUIRegular/SegoeUIRegular.eot"); src: url("/web/fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"), url("/web/fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"), url("/web/fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { src: url("/web/fonts/SegoeUIBold/SegoeUIBold.eot"); src: url("/web/fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"), url("/web/fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"), url("/web/fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { font-family: "SegoeUIItalic"; src: url("/web/fonts/SegoeUIItalic/SegoeUIItalic.eot"); src: url("/web/fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"), url("/web/fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"), url("/web/fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { font-family: "SegoeUILight"; src: url("/web/fonts/SegoeUILight/SegoeUILight.eot"); src: url("/web/fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"), url("/web/fonts/SegoeUILight/SegoeUILight.woff") format("woff"), url("/web/fonts/SegoeUILight/SegoeUILight.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { src: url("/web/fonts/SegoeUISemiBold/SegoeUISemiBold.eot"); src: url("/web/fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"), url("/web/fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"), url("/web/fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { font-family: "SegoeUI"; src: url("/web/fonts/SegoeUI/SegoeUI.eot"); src: url("/web/fonts/SegoeUI/SegoeUI.eot?#iefix")format("embedded-opentype"), url("/web/fonts/SegoeUI/SegoeUI.woff") format("woff"), url("/web/fonts/SegoeUI/SegoeUI.ttf") format("truetype"); font-style: normal; font-weight: normal } .back-to-cars.mobile { display: none } .compare-page .section .back-to-cars { margin: 10px 0; display: block } .compare-page .compare-page .section .back-to-cars img { margin: 0 0 1px 0 } .compare-page .section .back-to-cars a { font-family: SegoeUIRegular; font-size: 14px; color: #555; text-decoration: underline } .compare-page .section { height: 1010px; width: 70%; float: right } .compare-page .section h4 { font-family: SegoeUISemiBold; color: #555; margin: 10px 0 0 0 } .compare-page .section table { text-align: left; overflow-x: scroll; margin: 0 0 0 -18% } .compare-page .section table tr { width: 50% } .compare-page .section table tr .remove-button { font-family: SegoeUIRegular; font-size: 12px; color: #9b9b9b; text-align: right; margin: 3px 0 } .compare-page .section table tr .remove-button span { text-decoration: underline; margin: 0 5px 5px 0; display: inline-block } .compare-page .section table tr .remove-button img { display: inline-block; margin: 0 0 -5px 0 } .compare-page .section table tr .remove-button span, .compare-page .section table tr .remove-button img { cursor: pointer } .compare-page .section table tr td.parameter-name { border-bottom: 1px solid #ddd; padding: 8px 0 0 13px; font-family: SegoeUIRegular; font-size: 14px; color: #555; position: absolute; left: 17%; min-width: 185px } .compare-page .section table tr td.car-description { border-bottom: 1px solid #ccc; font-family: SegoeUILight; font-size: 14px; color: #555; padding: 8px 0 0 0; max-width: 230px } .compare-page .section table tr td.car-description.is-available { color: #39b54a } .compare-page .section table .compared-vehicle-image { margin: 0 0 -3px 0 } .compare-page .section table .compared-vehicle-name { font-family: SegoeUIBold; font-size: 14px; display: inline-block; width: 232px; line-height: 20px; height: auto; border-top: 1px solid #ccc; background: #f0f0f0; margin: -12px 0 0 0; padding: 0 2px; border-bottom: 1px solid #ccc; position: absolute; left: 3px; bottom: -4px } .compare-page .section table .image-cell { padding: 0 5px; position: relative } .compare-page .section table tr td.contact-owner { text-align: center; padding: 10px 0 } .compare-page .section table tr td.contact-owner button { background: #39f; width: 200px; padding: 1px 0; line-height: 33px; font-family: SegoeUIRegular; font-size: 24px; color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 #06498d; -moz-box-shadow: 0 1px 0 #06498d; -o-box-shadow: 0 1px 0 #06498d; -ms-box-shadow: 0 1px 0 #06498d; box-shadow: 0 1px 0 #06498d; border: 1px solid transparent } .compare-page .section table tr td.contact-owner button img { display: inline-block } .compare-page .section table tr td.contact-owner button:hover { cursor: pointer; border: 1px solid #cbcbcb; border-radius: 2px } .compare-page div.scroll-wrapper { overflow-x: scroll; padding: 0 0 0 16% } .review .profile-img { width: 64px } .user-settings .disp-inline { display: inline-block } .users-user-view { margin-bottom: 40px } .width-50 { width: 50px } .modal-header .close { position: relative; z-index: 1000 } .panel { border: 1px solid #ddd } .main_navbar .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0 } .slide-down.ng-hide-add { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1 } .slide-down.ng-hide-add.ng-hide-add-active { transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); opacity: 0 } .slide-down.ng-hide-remove { transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0 } .slide-down.ng-hide-remove.ng-hide-remove-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1 } .lease-list-widget .price { font-size: 30px; font-weight: bold } .lease-list-widget .per-month { font-size: 25px; color: #ccc } .lease-list-widget .month-count { font-size: 20px } .lease-list-widget .title { background-color: #f0f0f0; padding: 5px; margin: 0 } .lease-list-widget .saved_star { color: #0066cb; font-size: 15px } .lease-list-widget .lease-image { max-width: 100% } .no-margin > [class^="col-sm-"] { margin: 0; padding: 0 } .new-messages-icon { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #fa4646; color: #fff; text-align: center } .dialog-widget .subject input { display: block; width: 60%; height: 34px; padding: 6px 12px; font-size: 11px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; outline: 0 } .dialog-widget .subject input:focus { border-color: #428bca } .dialog-widget .subject span { cursor: pointer } .dialog-widget .subject span:hover { color: #d9534f } .dialog-widget .user-container { margin-bottom: 10px; padding: 0 5px } .dialog-widget .message-container { overflow-x: hidden; overflow-y: scroll; height: 350px; padding: 10px 0 0 0; border-top: 2px solid #f8f8f8 } .dialog-widget .message-container ul { list-style: none; padding: 0 25px } .dialog-widget .message-container li { margin-bottom: 10px } .dialog-widget .message-container li .border { border: 1px solid #ccc; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .dialog-widget .message-container .time { font-size: 12px; color: #4d4c4c; padding-left: 10px; margin-top: 5px } .dialog-widget .message-container .my .border { background: #cff5ff } .dialog-widget .message-container .new .border { background: #9ccca4 } .dialog-widget .message-container .request-message { background: #5badff; color: #fff; font-size: 15px; width: 90%; margin-left: 5% } .dialog-widget .message-container .request-message .time { color: #fff } .dialog-widget .message-container .request-message .buttons-container a { text-decoration: none } .dialog-widget .message-container .request-message .buttons-container a:hover { text-decoration: underline } .dialog-widget .message-container .cancel { color: #e0283e } .dialog-widget .message-container .accept { color: #fff; margin-right: 10px } .dialog-widget .user-container .leases { padding: 5px; right: 0; left: auto; border: 1px solid #919191; background: #f8f8f8; max-height: 500px; overflow-y: scroll } .dialog-widget .user-container .user-title { font-weight: bold; color: #041c35 } .dialog-widget .user-container .user-lease label { font-weight: normal } .dialog-widget .write-message { margin-top: 10px } .table-messages tr .first-column { width: 5% } .table-messages tr .second-column { width: 25% } .table-messages tr .third-column { width: 50% } .table-messages tr .fourth-column { width: 20%; text-align: right } .table-messages tr.hoverable:hover td, .table-messages tr.hoverable.act td { background: #a3a3a3; color: #333; font-weight: bold } .table-messages tr.hoverable:hover td a, .table-messages tr.hoverable.act td a { color: #333 !important; font-weight: bold !important } .table-messages tr.hoverable:hover td i, .table-messages tr.hoverable.act td i { color: #fff !important } .table-messages tr.hoverable:hover td.first-column i:before, .table-messages tr.hoverable.act td.first-column i:before { background: url("/statics/images/reply_white.png") no-repeat center center } .table-messages tr.hoverable:hover .delete-dialog-button, .table-messages tr.hoverable.act .delete-dialog-button { background: url("/statics/images/trash_white.png") center center no-repeat !important } .table-messages .delete-dialog-button { background: url("/statics/images/tresh_icon.png") center center no-repeat !important; width: 26px; height: 22px } .table-messages .ui-button-text { color: #333 } .vcenter { vertical-align: middle } .table-prospects .count-messages { font-size: 20px; font-weight: bold } .table-prospects .new-count-messages a { font-size: 12px; color: #b50000; font-weight: bold } .table-prospects .checked { color: #146b04 } .table-prospects .no-checked { color: #b50000 } .table-prospects .deleted td:not(:last-child) { opacity: .3 } .table-prospects .notes textarea, .table-prospects .notes div { width: 100%; height: 100% } .transfer-container .accept { background-color: #3398fe; color: #fff } .transfer-container .cancel { background-color: #fd5d5c; color: #fff } .transfer-container .transfer-progress-bar { border: 1px solid #ccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: rgba(204, 204, 204, 0.51); width: 100%; height: 25px } .transfer-container .transfer-progress-bar > div { background: #3398fe; height: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute } .transfer-container .transfer-progress-bar > div::after { content: ''; background: #b50000; position: absolute; top: 0; right: 0; width: 20px; height: 20px } .progress-0 { width: 0 } .progress-20 { width: 20% } .progress-40 { width: 40% } .progress-50 { width: 50% } .progress-60 { width: 60% } .progress-70 { width: 70% } .progress-80 { width: 80% } .progress-100 { width: 100% } .transfer-progress { position: relative; background: #dbdbdb } .transfer-progress .progress { height: 20px; background: #0098ff; border: 2px solid #49cbff } .transfer-progress .transfer-progress-text { top: 0; width: 100%; position: absolute; text-align: center } button .button-text { display: inline-block; width: 90%; text-align: left; white-space: normal } .angular-switch-toggle { border: 1px solid #c3c4c6; cursor: pointer; display: inline-block; text-align: left; overflow: hidden; line-height: 8px; min-width: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px } .angular-switch-toggle > div { position: relative; box-sizing: border-box; height: 100%; transition: left .5s; -o-transition: left .5s; -moz-transition: left .5s; -webkit-transition: left .5s } .angular-switch-toggle span { cursor: pointer; display: inline-block; height: 100%; line-height: 20px; padding: 0; text-align: center; white-space: nowrap; width: 10px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .angular-switch-toggle .switch-element { background: #fff; border: 1px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: -5%; position: absolute; top: 0; left: 50%; z-index: 100; height: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) } .angular-switch-toggle .active-element { color: #c3c4c6; background: #e2e3e7 } .angular-switch-toggle .inactive-element { background: #00cc31; color: #fff } .publish-user-lease { font-size: 10px } .login-container .sign-in-label { text-align: left; padding-top: 7px; margin-top: 0; margin-bottom: 0 } .social-container > div > span { display: inline-block; vertical-align: middle } .social-container > div > a { display: inline-block; background-image: url('/statics/web/images/authchoice.png'); width: 32px; height: 32px; vertical-align: middle } .social-container .linkedin { background-position: 0 -306px } .social-container .facebook { background-position: 0 -170px } .social-container .google { background-position: 0 -34px } .account-common .active { font-family: "SegoeUISemibold" } .account-common .aside-menu a { border: 0; margin: 0; margin-left: 5px; font-size: 18px; color: #555 } .account-common .aside-menu li { list-style: none; border-top: 1px dotted #898989 } .account-common .aside-menu li:last-child { border-bottom: 1px dotted #898989 } .account-common .table-messages #w2.dropdown-menu { min-width: 0 } .account-common .main-content { margin: 0; padding-top: 2px } .account-common .main-hr { width: 100%; position: relative; right: 5px; margin-top: 0; margin-bottom: 5px; color: #ccc } .account-common .rectinfo { display: inline-block; margin: 0; margin-left: 12px } .user-widget { margin-top: 15px } .user-widget .dealercirc { display: inline-block; margin-right: 22px; vertical-align: top } .user-widget .dealercirc img { display: block; width: 73px; height: 73px; margin: auto auto } .user-widget .rectrate { display: inline-block; margin: 0; font-size: 14px; text-align: center; vertical-align: top } .user-widget .onrectrate { display: inline-block; margin: 0 -1px; width: 44%; text-align: right } .user-widget .ratenum { font-size: 42px; padding: 0; border: 0; margin-top: -10px; margin-bottom: 0 } .user-widget .ratess { padding: 0; margin-bottom: 0 } .user-widget .bason { margin: 0; padding: 0 } .user-widget .review a { color: black; text-decoration: none; border-bottom: 1px solid #737373 } .user-widget .ratestars img { display: inline-block; margin: -2px } .user-widget .rectrate > .edit-button { border-radius: 3px; height: auto; width: 100%; background-color: #39f; padding: 2px 5px; font-size: 18px; border: 0; box-shadow: 0 1px 0 #06498d } .user-widget .dealeravatar p { text-align: center } .user-widget .dealeravatar img { display: block; width: 100%; margin: auto auto; vertical-align: middle } .user-widget .infotags p { margin: 0 } .user-widget .infotags p:first-child { margin-bottom: 23px } .user-widget .infotags p:last-child { margin-top: 11px } .user-widget .rectinfo { display: inline-block; margin: 0 -1px; padding-left: 12px; vertical-align: top; width: 40% } .user-widget .infotags { display: inline-block; width: 100%; margin-top: 5px } .user-widget .infotags p { margin: 0 } .user-widget .info_geo_new { position: relative; bottom: 3px; margin-right: 15px } .user-widget .email { position: relative; bottom: 3px; margin-right: 12px } .user-widget .phone { position: relative; bottom: 3px; padding-left: 5px; padding-right: 5px; margin-right: 13px } .user-widget .dealername { font-size: 24px; margin: 0 } .dealercontent-settings { margin-top: 35px } .dealercontent-settings .tophr-settings { margin-top: 2px; margin-bottom: 0 } .dealercontent-settings .form-control-static { color: #039; display: inline; word-wrap: break-word } .dealercontent-settings .form-horizontal:first-child .form-group:first-child div { width: 220px } .dealercontent-settings .form-control { background-color: #f8f8f8; border: 1px solid #898989 } .dealercontent-settings .form-horizontal { padding: 0; margin: 0 } .dealercontent-settings .form-group { color: #555; font-size: 14px; margin: 3px; padding: 0 } .dealercontent-settings .form-group p:last-child { color: #555 } .dealercontent-settings .form-group span { text-decoration: underline; cursor: pointer } .dealercontent-settings .form-group button { height: 28px; width: 70px; border-radius: 2%; background-color: #39f; margin-top: 8px; font-size: 18px; float: right; padding: 0; text-align: center; border: 0; box-shadow: 0 1px 0 #06498d } .dealercontent-settings .form-group .control-label { text-align: left; white-space: nowrap; font-weight: normal } .dealercontent-settings .form-group input { width: 190px } .dealercontent-settings .form-group label:first-child { padding-top: 0; margin-bottom: 10px } .dealercontent-settings .bef-notihr { margin-top: 20px; margin-bottom: 0 } .dealercontent-settings .notify-box { color: #555; font-size: 14px } .dealercontent-settings .notify-box span, .dealercontent-settings .notify-box a { text-decoration: underline; text-decoration-color: #c0c0c0 } .dealercontent-settings .notify-box a { text-decoration: underline; color: #555 } .dealercontent-settings .first-notif p:first-child { font-family: 'SegoeUIBold' } .dealercontent-settings .under-form-checks { margin-top: 15px } .dealercontent-settings .under-form-checks p { display: inline } .dealercontent-settings .under-form-checks .user-settings-checkbox { position: relative; top: 3px } .dealercontent-settings .user-settings-checkbox label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .dealercontent-settings .user-settings-checkbox input[type=checkbox] { display: none } .dealercontent-settings .user-settings-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .dealercontent-settings .user-settings-checkbox { width: 16px; height: 16px; display: inline-block; background: #a3a3a3; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .dealercontent-settings .user-settings-checkbox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background-color: white } .dealercontent-settings .user-settings-checkbox label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 10px; height: 6px; background: transparent; top: 1px; left: 1px; border: 2px solid #a3a3a3; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .dealercontent-settings .last-button-noti { margin-top: 5px; width: 80% } .dealercontent-settings .last-button-noti button { margin-top: 0 } .dealercontent-settings .last-hr-delete { margin-top: 14px; margin-bottom: 18px } .dealercontent-settings .delete-acc { float: right; color: #555; font-size: 12px } .dealercontent-settings .delete-acc a { color: #555 } .dealercontent-settings .delete-acc img { position: relative; bottom: 2px; padding: 2px } .dealercontent-settings .delete-acc p { text-decoration: underline; cursor: pointer } .dealercontent-settings .form { margin-left: 40px } .dealercontent-settings .dropdown-container { display: inline-block } .dealercontent-settings .user-settings-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .dealercontent-settings .fix-form-margin { margin-left: -40px } .dealer-prospects { margin-top: 5px } .dealer-prospects .show_bar { position: relative; width: 400px } .dealer-prospects .show_bar p { display: inline; padding: 0 6px; margin-right: 6px; border: 0 } .dealer-prospects .show_bar p a { font-size: 14px; text-decoration: underline; cursor: pointer; color: #333 } .dealer-prospects .active_show_bar { background-color: #a3a3a3 } .dealer-prospects .active_show_bar a { color: white !important; text-decoration: none !important } .dealer-prospects tbody { border: 1px solid #ccc; border-collapse: collapse } .dealer-prospects tbody > tr > td { padding: 3px !important } .dealer-prospects .table th { border: 0 !important } .dealer-prospects thead td { background-color: white } .dealer-prospects thead { border: 0 !important } .dealer-prospects thead p { color: black; font-size: 10px; text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); white-space: nowrap } .dealer-prospects th { text-align: center; font-size: 10px; font-weight: normal; color: black; margin: 0; padding: 0 } .dealer-prospects th p { margin: 0; padding: 0 } .dealer-prospects td { font-size: 10px; background-color: #f4f4f4; color: #555; text-align: center; word-wrap: break-word } .dealer-prospects .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #ededed } .dealer-prospects .table-hover tbody .column-not-active:hover td, .table-hover tbody .column-not-active:hover th { background-color: rgba(244, 244, 244, 0.5) } .dealer-prospects .tr-custname { position: relative; right: 5px } .dealer-prospects .tr-credstatus { position: relative; right: 5px } .dealer-prospects .tr-messgs { position: relative; right: 5px } .dealer-prospects .tr-delprosp { position: relative; right: 5px } .dealer-prospects .column-date { padding-top: 5px !important; text-shadow: 0 1px 2px gray } .dealer-prospects .column-name { text-align: left; color: black; text-shadow: 0 1px 2px gray; padding-top: 5px !important } .dealer-prospects .column-name p { cursor: pointer } .dealer-prospects .column-phone p { margin: auto; margin-top: 10px; text-shadow: 0 1px 2px gray } .dealer-prospects .column-status { font-size: 8px; font-family: 'SegoeUISemiBold' } .dealer-prospects .itschecked { color: #0c3 } .dealer-prospects .notchecked { color: #b50000; white-space: nowrap } .dealer-prospects .column-status p:first-child { margin: 10px auto auto auto } .dealer-prospects .column-email { text-align: left; padding-top: 5px !important; text-shadow: -1px 0 2px gray } .dealer-prospects .column-inq { text-align: left; color: black; text-shadow: 0 1px 2px gray } .dealer-prospects .column-messages { font-size: 18px; color: black; text-shadow: 0 1px 2px gray } .dealer-prospects .column-messages p { color: #b50000; font-size: 10px; font-family: 'SegoeUIBold'; white-space: nowrap; text-shadow: none; cursor: pointer } .dealer-prospects .column-notes { text-align: left; color: black; text-shadow: 0 1px 2px gray } .dealer-prospects .column-delete img { margin: 13px auto auto auto; cursor: pointer } .dealer-prospects .column-refresh img { margin-top: 15px } .dealer-prospects .column-refresh img:hover { -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } .dealer-prospects .column-not-active td { background-color: rgba(244, 244, 244, 0.5); color: rgba(0, 0, 0, 0.5) } .dealer-prospects .column-not-active .itschecked { opacity: .5 } .dealer-prospects .column-not-active .notchecked { opacity: .5 } .dealer-prospects .column-not-active .column-status img { opacity: .5 } .dealer-prospects .column-not-active > .column-messages > p { color: rgba(0, 0, 0, 0.5) } body { } @font-face { src: url("/fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.eot"); src: url("/fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"), url("/fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.woff") format("woff"), url("/fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype"); font-style: normal; font-weight: normal } .top-menu-nav { height: 60px; background: #a3a3a3; position: relative } .top-menu-nav a img { float: left } .top-menu-nav .lease-drive { display: inline-block; line-height: 60px; color: white; font-family: SegoeUIRegular; font-size: 22px; margin: -1px 0 0 8px; text-shadow: 0 1px 0 black } .top-menu-nav .user-icon, .add-car { display: none } .top-menu-nav .nav-menu { width: 700px; height: 60px; float: right; text-shadow: 0 1px 0 black; line-height: 56px } .top-menu-nav .nav-menu .menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-menu-nav .nav-menu .menu-link img { margin: 17px 0 0 10px } .top-menu-nav .nav-menu .menu-link img.arrow { margin: 40px 0 0 20px; position: relative } .top-menu-nav .nav-menu .menu-link span { margin: 0 0 0 7px } .top-menu-nav .nav-menu .menu-link.search span { margin: 0 0 0 -20px } .top-menu-nav .nav-menu .menu-link.hot-deals { margin: 0 12px } .top-menu-nav .nav-menu .menu-link.edu-center { margin: 0 14px 0 9px } .top-menu-nav .nav-menu img.separate-line { position: absolute; top: 8px; right: 177px } .top-menu-nav .nav-menu .signup-signin { display: inline-block; margin: 0 11px 0 0; float: right } .top-menu-nav .nav-menu .signup-signin a { text-decoration: none; font-family: SegoeUILight; font-size: 20px; color: white } .top-menu-nav .nav-menu .signup-signin a:hover { border-bottom: 1px solid white } .top-menu-nav .nav-menu .signup-signin img { margin: 0 7px -6px 9px } .top-menu-nav.logined .nav-links { width: 508px; float: right; margin: 0 35px 0 0; display: inline-block } .top-menu-nav.logined .nav-menu a.menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-menu-nav.logined .nav-menu img.separate-line { margin: 0 -32px 0 0 } .logined-user { display: inline-block; float: right; margin: 0 8px 0 0 } .logined-user a { text-decoration: none } .logined-user .name { font-family: SegoeUILight; font-size: 20px; color: white; margin: 0 2px 0 0 } .top-menu-nav.logined .logined-user img.arrow { position: relative; top: 44px; right: -28px } .logined-user img.messages { margin: 20px 23px 0 -10px; float: right } .user-options { font-family: SegoeUIRegular; font-size: 14px; position: absolute; width: 145px; background: #a3a3a3; margin: 1px 0 0 0; float: right; top: 60px; right: 0; padding: 0; list-style: none; display: none } .user-options li { color: white; height: 30px; line-height: 30px; border-bottom: 1px dotted white; padding: 0 16px } .user-options li:hover { background: #757575; cursor: pointer } .logined-user:hover .user-options { display: block !important } .user-options .messages-count { font-family: SegoeUIRegular; font-size: 11px; background-color: #b50000; color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 2px 3px; position: relative; top: 0; left: 5px; text-decoration: none } .user-options li .badge { margin-top: 6px } .head_foot { padding-top: 27px; padding-left: 54px } .rectangle { margin: auto; max-width: 1026px } .dealeravatar { height: auto; width: 15%; display: inline-block; margin: 0 -1px } .dealeravatar p { text-align: center } .dealeravatar img { display: block; width: 100%; margin: auto auto; vertical-align: middle } .dealername { font-size: 24px; margin: 0 } .recthead { margin-left: 0; margin-right: 0; margin-bottom: 15px } .phone { position: relative; bottom: 3px; padding-left: 5px; padding-right: 5px; margin-right: 13px } .info_geo_new { position: relative; bottom: 3px; margin-right: 15px } .email { position: relative; bottom: 3px; margin-right: 12px } .infotags p { margin: 0 } .infotags p:first-child { margin-bottom: 23px } .infotags p:last-child { margin-top: 11px } .rectinfo { display: inline-block; margin: 0 -1px; margin-left: 12px } .infotags { display: inline-block; margin-top: 0 } .infotags p { margin: 0 } .dealercirc { display: inline-block; margin-right: 22px } .dealercirc img { display: block; width: 73px; height: 73px; margin: auto auto } .rectrate { display: inline-block; margin: 0; font-size: 14px; text-align: center } .onrectrate { display: inline-block; vertical-align: top } .ratenum { font-size: 42px; padding: 0; border: 0; margin-top: -10px; margin-bottom: 0 } .ratess { padding: 0; margin-bottom: 0 } .bason { margin: 0; padding: 0 } .review a { color: black; text-decoration: underline } .ratestars img { display: inline-block; margin: -2px } .rectrate > button { border-radius: 2%; height: 28px; width: 70px; background-color: #39f; padding: 0; font-size: 18px; border: 0; box-shadow: 0 1px 0 #06498d } .aside-menu { width: 225px; height: 182px; border: 0; font-family: "SegoeUILight"; margin-top: 3px; cursor: pointer; padding: 0 } .aside-menu p { border: 0; margin: 0; margin-left: 5px; font-size: 18px; color: #555 } .aside-menu li { list-style: none; border-top: 1px dotted #898989 } .aside-menu li:last-child { border-bottom: 1px dotted #898989 } .dealercontent { display: inline-block; min-height: 206px; width: 100%; position: relative; border: 1px ridge #ccc; padding-bottom: 6px } .maindeal > .dealercontent:first-child { display: inline-block; min-height: 206px; width: 710px; border: 1px ridge #ccc; margin-top: 0 } .maindeal { display: inline-block; width: 100% } .main-hr { width: 960px; position: relative; right: 5px; margin-top: 30px; margin-bottom: 30px; color: #ccc } .main-content { margin: 0 } .autoavatar { height: 170px; width: 230px; margin-top: 6px; margin-left: 8px; display: inline-block; float: left } .autostat div { display: inline-block } .autostat p { display: inline } .autostat img { position: relative; bottom: 3px; margin-left: 10px } .aside-hr { display: none } .back-to-mobile { display: none } .main-ava-auto img { display: block; width: 230px; height: 170px; margin: auto auto } .sold-auto-class { width: 230px; height: 170px } .sold-auto-class > .main-ava-auto > img { position: relative } .sold-auto-class img:first-child { position: absolute } .sold-auto-class img:last-child { background-image: url(/img/new_sold_car.png); background-repeat: no-repeat; background-position: center; position: absolute; background-color: rgba(244, 244, 244, 0.3) } .main-ava-auto img:last-child { position: absolute } .main-ava-auto img:first-child { position: absolute } .main-ava-auto { width: 230px; height: 170px } .progress .transfer-text-progress { text-align: center; margin: 0 auto; position: absolute; width: 100%; line-height: 22px; text-shadow: 1px 1px 1px #7f7f7f; font-size: 14px; color: #464646 } .progress { border-radius: 20px; margin-top: 6px; height: 25px; border: 1px solid #656565; background-color: #dedede; position: relative; box-shadow: inset 0 0 2px 1px #9f9f9f } .progress-bar { border-radius: 20px; background-color: #09f; box-shadow: inset 0 0 3px 2px #35f4f4, inset 0 3px 1px white } .auto-header { background-color: #f0f0f0 } .auto-header .switch-ng-button { height: auto; font-size: 11px; position: absolute; right: 5px; top: 2px } .auto-header p { display: inline; font-size: 18px; padding: 6px 6px 6px 0 } .auto-name-head span { margin-right: 6px } .auto-name-head { padding: 0; margin: 0 0 0 10px } .auto-header p + p { word-wrap: break-word } .auto-header > .publish-switch-btn { display: inline; float: right; margin-right: 5px; margin-top: 1px; position: relative } .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px } .toggle.ios .toggle-handle { border-radius: 20px; height: 20px; width: 40px } .btn.btn-default.btn-xs { font-size: 8px; color: #b7b7b7; font-weight: normal; background-color: #e5e7ea } .btn.btn-success.btn-xs { font-size: 8px; font-weight: normal; background-color: #0c3 } .toggle-handle.btn.btn-default.btn-xs { background-color: white } .btn.btn-default.btn-xs.toggle-off { background-color: #e5e7ea; margin-left: 10px } .btn.btn-success.btn-xs.toggle-on { margin-right: 10px } .aut1ostat > p { display: inline; font-size: 14px; padding: 0 } .autostat > img { position: relative; display: inline; bottom: 4px; margin-left: 10px } .autostat { margin-top: 5px } .autocontent { width: 39%; display: inline-block; font-size: 12px; margin-top: 10px; margin-left: 10px } .autocontent p:first-child { word-wrap: break-word } .geo { font-size: 14px; margin-top: 10px } .geo > img { position: relative; bottom: 4px; margin-left: 2px; margin-right: 10px } .lease-list-widget .price { display: inline-block; float: right; margin-top: 0; margin-right: 8px; text-align: right } .lease-list-widget .price > h1 { margin: 0; font-size: 33px; font-family: 'SegoeUIBold'; margin-top: 10px; margin-bottom: -6px } .lease-list-widget .price > p { margin: 0; font-size: 18px } .lease-list-widget .price > p > span { color: #b8b8b8 } .pagination > li > a, .pagination > li > span { border: 0; padding: 6px 12px } .underavatar { width: 230px; position: relative; bottom: 5px; word-wrap: break-word } .underavatar img { position: relative; bottom: 3px } .underavatar > p { display: inline; font-size: 14px } .underavatar > p > span { font-size: 12px; color: #d3d3d3 } .stock_id { float: right } .dealview > p { display: inline; font-size: 14px; padding: 5px } .dealview > img { position: relative; display: inline; bottom: 4px } .dealview > p > a { color: black; text-decoration: underline } .dealercontent > button { position: relative; bottom: 6px; border-radius: 2%; background-color: #39f; padding: 0; font-size: 18px; width: 159px; height: 28px; border: 0; box-shadow: 0 1px 0 #06498d; right: 5px } .asidecirc { height: 16px; width: 16px; border-radius: 50%; background-color: #b50000; color: white; text-align: center; font-size: 10px; font-family: "SegoeUILight" } .menu_prospects > div, .menu_prospects > p { display: inline-block } .menu_prospects > div { position: relative; bottom: 3px; left: 5px } .rectangle { height: 100% } body:not(.home-page) footer { margin-top: -98px } .foot_avatar { font-weight: lighter; font-size: 16px; display: inline-block; float: left } .foot_avatar p { margin-bottom: 0 } .about_us { display: inline-block; font-size: 16px; font-weight: lighter; margin-left: 94px } .resources { display: inline-block; font-size: 16px; font-weight: lighter; margin-left: 40px } .about_us p a { color: white } .resources p a { color: white } .about_us p { margin: 0 } .resources p { margin: 0 } .social_icons { display: inline-block; float: right; padding-right: 46px } .social_icons p:first-child { margin-bottom: 5px } .copyright { font-weight: lighter; font-size: 12px; margin-top: 36px } .copyright p { display: inline; float: left } .copyright span a { margin-left: 12px; color: white; text-decoration: underline } @font-face { font-family: "SegoeUILight"; src: url("/fonts/SegoeUI/SegoeUILight/SegoeUILight.eot"); src: url("/fonts/SegoeUI/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"), url("/fonts/SegoeUI/SegoeUILight/SegoeUILight.woff") format("woff"), url("/fonts/SegoeUI/SegoeUILight/SegoeUILight.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { src: url("/fonts/SegoeUI/SegoeUIBold/SegoeUIBold.eot"); src: url("/fonts/SegoeUI/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"), url("/fonts/SegoeUI/SegoeUIBold/SegoeUIBold.woff") format("woff"), url("/fonts/SegoeUI/SegoeUIBold/SegoeUIBold.ttf") format("truetype"); font-style: normal; font-weight: normal } @font-face { src: url("/fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.eot"); src: url("/fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"), url("/fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"), url("/fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal } body { padding: 0; margin: 0 } img { border: 0 } .open-modal { text-align: center } .top-home-menu-nav.logined .nav-links { display: inline-block; top: 2px } .top-home-menu-nav.logined .nav-menu a.menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 10px } .top-home-menu-nav .logined-user { display: inline-block; position: relative; float: right; margin: 0 10px } .top-home-menu-nav .logined-user a { text-decoration: none; color: white; padding: 0 10px } .top-home-menu-nav .logined-user .name { position: relative; font-family: SegoeUILight; font-size: 20px; color: white; margin: 0 2px 0 0; text-shadow: 1px 1px 1px black } .top-home-menu-nav.logined .logined-user img.arrow { position: absolute; top: 35px; right: 50%; margin: 0 } .top-home-menu-nav .logined-user img.messages { margin: 20px 23px 0 -10px; float: right } .top-home-menu-nav .user-options { font-family: SegoeUIRegular; font-size: 14px; position: absolute; width: 145px; background: transparent; margin: -3px -65px 0 0; float: right; top: 60px; right: 50%; padding: 0; list-style: none; display: none } .top-home-menu-nav .user-options li { color: white; height: 30px; line-height: 30px; border-bottom: 1px dotted white; padding: 0 16px } .top-home-menu-nav .user-options li:hover { background: #757575; cursor: pointer } .top-home-menu-nav .logined-user:hover .user-options { display: block !important } .top-home-menu-nav .user-options .messages-count { font-family: SegoeUIRegular; font-size: 11px; background-color: #b50000; color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 2px 3px; position: relative; top: 0; left: 5px; text-decoration: none } .top-home-menu-nav { background: url(/statics/images/home-top-picture-bg.jpg) no-repeat; background-size: cover; background-position: center center; position: relative } .top-home-menu-nav a img { float: left; margin: 28px 0 0 24px; border-radius: 4px } .top-home-menu-nav .lease-drive { line-height: 50px; color: white; font-family: SegoeUILight; font-size: 30px; margin: 0 0 18% 26px; text-shadow: 0 1px 0 black; display: inline-block } .top-home-menu-nav .user-icon, .add-car { display: none } .top-home-menu-nav .nav-menu { height: 60px; float: right; text-shadow: 0 1px 0 black; line-height: 56px; position: absolute; top: 0; right: 0 } .top-home-menu-nav .nav-menu .menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-home-menu-nav .nav-menu .menu-link img { margin: 17px 0 0 10px } .top-home-menu-nav .nav-menu .menu-link img.arrow { margin: 40px 0 0 20px; position: relative } .top-home-menu-nav .nav-menu .menu-link span { margin: 0 0 0 7px } .top-home-menu-nav .nav-menu .menu-link.search span { margin: 0 0 0 -20px } .top-home-menu-nav .nav-menu .menu-link.hot-deals { margin: 0 12px } .top-home-menu-nav .nav-menu .menu-link.edu-center { margin: 0 14px 0 9px } .top-home-menu-nav .nav-menu img.separate-line { float: right; margin: 8px } .top-home-menu-nav .nav-menu .signup-signin { display: inline-block; margin: 0 11px 0 0; float: right } .top-home-menu-nav .nav-menu .signup-signin a { text-decoration: none; font-family: SegoeUILight; font-size: 20px; color: white } .top-home-menu-nav .nav-menu .signup-signin a:hover { border-bottom: 1px solid white } .top-home-menu-nav .nav-menu .signup-signin img { margin: 0 7px -6px 9px } .top-home-menu-nav .future-rent-car-info { width: 209px; height: 76px; background: black; font-family: SegoeUIRegular; font-size: 18px; color: white; position: absolute; bottom: 10%; left: 0 } .top-home-menu-nav .future-rent-car-info span { display: inline-block } .top-home-menu-nav .future-rent-car-info .model-of-rent-car { padding: 11px 20px 0 19px } .top-home-menu-nav .future-rent-car-info .month-cost-of-rent-car .diapason { font-family: SegoeUILight; font-size: 14px; padding: 11px 8px 0 48px } .lease-info { height: 210px; background: url(/statics/images/lease-info-bg.jpg) no-repeat; background-size: cover !important; margin: 0; position: relative } .lease-info ul.lease-info-search-menu { padding: 0; list-style: none; font-family: SegoeUILight !important; font-size: 23px; text-align: center; margin: -4px 0 0 0 } .lease-info ul.lease-info-search-menu .active { font-family: SegoeUILight !important } .lease-info ul.lease-info-search-menu li { margin-top: -5px; cursor: pointer; color: white; display: inline-block; background: url(/statics/images/lease-search-options-bg.png); min-width: 155px; line-height: 46px; border: 1px solid #515151; text-align: center; box-shadow: 0 1px 0 #232323; border-radius: 1px; padding: 0 10px } .lease-info ul.lease-info-search-menu li.active { font-weight: normal; background: url(/statics/images/lease-search-options-active-bg.png); box-shadow: none } .lease-info ul.lease-info-search-listing-options { padding: 0; font-family: SegoeUILight; font-size: 23px; color: #555 } .lease-info ul.lease-info-search-listing-options { list-style: none; text-align: center; margin: 23px 0 } .lease-info ul.lease-info-search-listing-options li { display: inline-block; margin: 0 5px; height: 60px; line-height: 47px; padding: 0 3px; border-top: 3px solid #181818; border-bottom: 3px solid #686868; border-radius: 10px; background: white; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 3px 100%; -moz-background-size: 3px 100%; background-size: 3px 100%; background-image: -webkit-linear-gradient(top, #181818 5%, #686868 95%), -webkit-linear-gradient(top, #181818 5%, #686868 95%); background-image: -moz-linear-gradient(top, #181818 5%, #686868 95%), -moz-linear-gradient(top, #181818 5%, #686868 95%); background-image: -o-linear-gradient(top, #181818 5%, #686868 95%), -o-linear-gradient(top, #181818 5%, #686868 95%); background-image: linear-gradient(to bottom, #181818 5%, #686868 95%), linear-gradient(to bottom, #181818 5%, #686868 95%); vertical-align: top } .lease-info ul.lease-info-search-listing-options li select { width: 98%; outline: 0; border: 0; background-color: white; background: url('/statics/images/1down.png') no-repeat 98% 60%; border-radius: 10px; font-family: SegoeUILight; font-size: 23px; color: #737373; cursor: pointer; padding: 0 20px 0 0; height: 100%; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px; text-overflow: ''; -ms-appearance: none } .lease-info ul.lease-info-search-listing-options li select::-ms-expand { display: none } .lease-info ul.lease-info-search-listing-options li.lease-all-makes { min-width: 15% } .lease-info ul.lease-info-search-listing-options li.lease-all-models { min-width: 20% } .lease-info ul.lease-info-search-listing-options li.lease-range { min-width: 17% } .lease-info ul.lease-info-search-listing-options li.lease-zip-code { width: 100px; padding: 0 3px } .lease-info ul.lease-info-search-listing-options li input { outline: 0; height: 100%; border: 0; font-family: SegoeUILight; font-size: 23px; width: 100% } .lease-info ul.lease-info-search-listing-options .lease-search-button-go { min-width: 120px; text-align: center; color: white; border: 0 !important; background: #8b8b8b !important; border-radius: 4px; font-family: SegoeUIRegular; font-size: 30px; box-shadow: 0 2px 0 black; height: 56px } .lease-info ul.sub-menu-options { padding: 0; list-style: none; margin: 0 0 0 15% } .lease-info ul.sub-menu-options li { display: inline-block; color: white; margin: 0 4% 0 0; font-size: 23px } .lease-info ul.sub-menu-options li a { text-decoration: underline; color: white; font-family: SegoeUILight; font-size: 23px } .simple-block-with-go-down-arrow { height: 63px; background: #666; border-bottom: 1px solid white; text-align: center; padding: 14px 0 0 0 } .home-search-section { background: url(/statics/images/home-search-section-bg.jpg) no-repeat; background-size: 100% 100%; background-position: center top; position: relative; height: 970px } .home-search-section .name-of-section { font-family: SegoeUILight; font-size: 170px; color: white; position: absolute; top: 3%; left: 6% } .home-search-section .sample-section-text { font-family: SegoeUIItalic; font-size: 36px; color: white; display: inline-block } .home-search-section ul.search-car-list-result li { display: inline-block; margin: 20px 40px; width: 230px; height: 240px; background: white; border: 1px solid #ccc; box-shadow: 1px 3px 10px black; vertical-align: middle; overflow: hidden } .home-search-section ul.search-car-list-result li .search-car-title { font-family: SegoeUIBold; font-size: 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: -4px 0 0 0; padding: 1px 0 0 2px; background: #f0f0f0; text-align: left } .home-search-section ul.search-car-list-result li .year-and-cost { margin: 2px 0 0 2px; font-family: SegoeUIRegular; font-size: 14px; text-align: left } .home-search-section ul.search-car-list-result li .year-and-cost .year { display: inline-block; color: #666 } .home-search-section ul.search-car-list-result li .year-and-cost .cost { font-family: SegoeUIBold; display: inline-block; float: right; margin: 0 6px 0 0; font-size: 16px } .home-search-section ul.search-car-list-result li .year-and-cost .value { font-family: inherit; font-size: 18px } .home-search-section ul.search-car-list-result li .loc-and-period { font-family: SegoeUIRegular; margin: 5px 0 0 0; font-size: 14px; padding: 0 5px 0 2px; text-align: left } .home-search-section ul.search-car-list-result li .loc-and-period .loc { display: inline-block } .home-search-section ul.search-car-list-result li .loc-and-period .period { display: inline-block; color: #666; float: right } .home-search-section .go-down-arrow { position: absolute; bottom: 40px; left: 50%; margin: 0 0 0 -42px; display: inline-block } .home-connect-section { height: 970px; background: url(/statics/images/home-connect-section-bg.jpg) no-repeat; background-size: cover !important; background-position: center; position: relative } .home-connect-section .go-down-arrow { bottom: 40px; margin: 0 0 0 -47px; left: 50%; position: absolute; display: inline-block } .home-connect-section .name-of-section { font-family: SegoeUILight; font-size: 170px; color: white; text-align: right; padding: 0; position: absolute; right: 3%; bottom: 15% } .home-connect-section .sample-section-text { font-family: SegoeUIItalic; font-size: 36px; color: white; margin: -40px 3% 15px 0; display: inline-block; float: right } .home-transfer-section { height: 970px; background: url(/statics/images/home-transfer-section-bg.jpg) no-repeat; background-size: cover !important; background-position: center; position: relative } .home-transfer-section .name-of-section { font-family: SegoeUILight; font-size: 170px; color: white; padding: 0; position: absolute; top: 5%; left: 5% } .home-transfer-section .sample-section-text { font-family: SegoeUIItalic; font-size: 36px; color: white; margin: -40px 0 0 6%; display: inline-block } .home-transfer-section .go-down-arrow { position: absolute; bottom: 40px; left: 50%; margin: 0 0 0 -42px; display: inline-block } .select-car-body-type { margin: 125px auto 50px auto; text-align: center } .select-car-body-type h3 { padding: 0; margin: 0 0 40px 0; text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555 } .select-car-body-type table { text-align: center; display: block } .select-car-body-type table tbody { text-align: center; display: inline-block } .select-car-body-type table tr { text-align: center; display: inline-block } .select-car-body-type table tr td { font-family: SegoeUIRegular; font-size: 18px; color: #555; height: 149px; min-width: 149px !important; border: 1px solid #d7d7d7; text-align: center; margin: 3px 1px; padding: 0; display: inline-block } .select-car-body-type table tr td:hover { cursor: pointer } .select-car-body-type table tr td .car-type-img { height: 52px; display: block; margin: 25px auto 25px auto } .select-car-body-type table tr td .car-type-img img.coupe { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.convertible { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.hatchback { margin: 10px 0 0 0 } .select-car-body-type table tr td .car-type-img img.sedan { margin: 11px 0 0 0 } .select-car-body-type table tr td .car-type-img img.wagon { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.minivan { margin: 14px 0 0 0 } .select-car-body-type table tr td .car-type-img img.crossover { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.suv { margin: 11px 0 0 0 } .select-car-body-type table tr td .car-type-img img.truck { margin: 11px 0 0 0 } .select-car-body-type table tr td span { display: block } .select-car-brend-type { margin: 125px auto; text-align: center } .select-car-brend-type h3 { text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555; padding: 0; margin: 0 0 40px 0 } .select-car-brend-type span { font-family: SegoeUIRegular; font-size: 18px; color: #555; height: 42px; line-height: 42px; width: 148px; border: 1px solid #d7d7d7; text-align: center; margin: 3px 1px; display: inline-block } .select-car-brend-type span:hover { cursor: pointer } .price-range { margin: 0 0 50px 0 } .price-range h3 { text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555; padding: 0; margin: 0 0 40px 0 } .price-range .price-range-values, .home-location-section .location-range-values { width: 750px; margin: 0 auto } .price-range .price-range-values .price-range-value { display: inline-block } .price-range .price-range-values .price-range-value.min { font-family: SegoeUIRegular !important; font-size: 18px !important } .price-range .price-range-values .price-range-value.min #min-price { width: 30px; color: #555 !important; border: 0; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .price-range .price-range-values .price-range-value.max { font-family: SegoeUIRegular !important; font-size: 18px !important; float: right } .price-range .price-range-values .price-range-value.max #max-price { width: 50px; color: #555 !important; border: 0; text-align: center; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .home-location-section { margin: 0 0 50px 0; padding: 40px 0 0 0; text-align: center; height: 960px; background: #f4f4f4 } .home-location-section h3 { text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555; padding: 0; margin: 0 0 17px 0 } .home-location-section .location-zip-code { display: inline-block } .home-location-section .location-zip-code input { font-family: SegoeUIRegular; font-size: 18px; display: inline-block; width: 104px; height: 42px; background: transparent; border: 1px solid #d7d7d7; outline: 0; padding: 0 0 0 19px } .home-location-section .map-image { margin: 10px 0 12px 0 } .home-location-section .map-image img { max-width: 100% } .home-location-section #location-slider-range { margin: 25px auto } .home-location-section .location-range-values .location-range-value { display: inline-block } .home-location-section .location-range-values .location-range-value.min { font-family: SegoeUIRegular !important; font-size: 18px !important; float: left } .home-location-section .location-range-values .location-range-value.min #min-dist { width: 30px; color: #555 !important; border: 0; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .home-location-section .location-range-values .location-range-value.max { font-family: SegoeUIRegular !important; font-size: 18px !important; float: right } .home-location-section .location-range-values .location-range-value.max #max-dist { width: 50px; color: #555 !important; border: 0; text-align: center; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .home-location-section .matches-found { font-family: SegoeUIRegular; font-size: 18px; color: #555; margin: 10px 0 0 0 } .home-location-section .matches-found-result { font-family: SegoeUIRegular; font-size: 140px; color: #06c; margin: -30px 0 0 0 } .home-location-section .show-results-button { display: inline-block; color: white; font-family: SegoeUIRegular; font-size: 24px; width: 260px; height: 65px; line-height: 65px; background: #09f; margin: 6px 0 0 0; border-radius: 8px } .home-location-section .show-results-button:hover { cursor: pointer } .home-hot-deals-section { text-align: center; margin-top: 60px } .home-hot-deals-section { font-size: 0 } .home-hot-deals-section h3 { padding: 0; margin: 0 0 40px 0; text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555 } .home-hot-deals-section .hot-deals-photos { display: inline-block; position: relative; cursor: pointer } .home-hot-deals-section .hot-deals-photos .first-photo { width: 481px; height: 540px; background: url(/statics/images/hot-deals-img1.jpg) no-repeat; background-size: cover !important; display: inline-block; position: relative; text-align: left } .home-hot-deals-section .hot-deals-photos .first-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .first-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 172px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc { width: 480px; height: 172px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value img { margin-top: -4px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 19px 14px 0 9px; display: inline-block } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 8px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .first-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; font-size: 18px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos { display: inline-block } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos .second-photo { width: 480px; height: 360px; background: url(/statics/images/hot-deals-img2.jpg) no-repeat; background-size: cover !important; display: inline-block; position: absolute; top: 0; text-align: left } .home-hot-deals-section .hot-deals-photos .second-photo .transparency { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .second-photo .title { display: inline; color: white; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 18px; position: absolute; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos .third-photo { width: 240px; height: 180px; background: url(/statics/images/hot-deals-img3.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .third-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .third-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 172px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc { width: 255px; height: 149px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 15px 2px 0 12px; display: inline-block } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 12px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .third-photo .title { display: inline; position: absolute; color: white !important; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 14px; text-shadow: 0 1px 0 black; z-index: 2 } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos .fourth-photo { width: 240px; height: 180px; background: url(/statics/images/hot-deals-img4.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .fourth-photo .transparency { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 240px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 14px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .five-and-six-photos { display: inline-block } .home-hot-deals-section .hot-deals-photos .five-and-six-photos .five-photo { width: 479px; height: 180px; background: url(/statics/images/hot-deals-img5.jpg) no-repeat; background-size: cover !important; display: inline-block; position: absolute; top: 0; text-align: left } .home-hot-deals-section .hot-deals-photos .five-photo .transparency { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .five-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 18px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .five-and-six-photos .six-photo { width: 479px; height: 360px; background: url(/statics/images/hot-deals-img6.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .six-photo .transparency { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .six-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 18px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .seventh-photo { width: 479px; height: 540px; background: url(/statics/images/hot-deals-img7.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .seventh-photo .transparency { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 18px; text-shadow: 0 1px 0 black; top: 0 } .ui-widget-header { background: #555 !important } .ui-widget-content { background: #cbcbcb !important; border-radius: 10px; width: 650px; margin: 50px auto 10px auto } .home-filter .ui-state-default, .home-filter .ui-widget-content .ui-state-default, .home-filter .ui-widget-header .ui-state-default { width: 33px !important; height: 33px !important; background: url(/statics/images/input-range-point.png) 50% 50% no-repeat !important; border-radius: 50%; outline: 0; cursor: pointer; top: -10px !important } .modal-window { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none } .active-modal-window { display: block; height: 2000px } .modal-window div.modal-window-body { width: 755px; position: relative; margin: 5% auto; background: #fff; border: 1px black solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px } .modal-window-body .close { text-align: right; padding: 9px 10px 5px 0 } .modal-window-body .close a { color: #ccc; text-decoration: none; font-family: SegoeUIRegular; font-size: 12px } .modal-window-body .close a:hover { text-decoration: underline } .modal-window-body .close img { margin: 0 0 -2px 0; cursor: pointer } .modal-window-body .vehicle-info { width: 701px; height: 195px; border: 1px solid #ccc; margin: 20px auto; padding: 5px 4px; color: #252525 } .modal-window-body .vehicle-info .media-info { width: 229px; float: left } .modal-window-body .vehicle-info .media-info .media-files { text-align: left; padding: 2px 0 } .modal-window-body .vehicle-info .media-info .media-files a { font-family: SegoeUIRegular; font-size: 14px; text-decoration: none; color: inherit; line-height: 15px } .modal-window-body .vehicle-info .media-info .media-files a:hover { text-decoration: underline } .modal-window-body .vehicle-info .media-info .media-files .stock-number { font-family: SegoeUIRegular; float: right; margin: -4px 3px 0 0 } .modal-window-body .vehicle-info .media-info .media-files .stock-number span { font-size: 12px; color: #999 } .modal-window-body .vehicle-info .media-info .media-files .stock-number span.value { font-size: 13px; color: inherit } .modal-window-body .vehicle-info .technical-info { width: 472px; float: left; height: 180px } .modal-window-body .vehicle-info .title { display: none } .modal-window-body .vehicle-info .technical-info .title { background: #f0f0f0; color: black; height: 25px; font-family: SegoeUIBold; font-size: 18px; text-align: left; display: block } .modal-window-body .vehicle-info .technical-info .title .graduation-year { padding: 0 0 0 8px } .modal-window-body .vehicle-info .technical-info .title .vehicle-name { padding: 0 0 0 9px } .modal-window-body .vehicle-info .technical-info .technical-description { font-family: SegoeUIRegular; width: 350px; padding: 6px; float: left; text-align: left; display: block } .modal-window-body .vehicle-info .technical-info .technical-description.mobile { display: none } .modal-window-body .vehicle-info .technical-info .technical-description span { font-size: 14px; padding-right: 16px } .modal-window-body .vehicle-info .technical-info .technical-description .description { font-size: 12px; margin: 19px 0 6px 0; line-height: 15px; width: 260px; display: block } .modal-window-body .vehicle-info .technical-info .technical-description .offered { margin: 8px 0 0 0 } .modal-window-body .vehicle-info .technical-info .technical-description .offered img { margin: 0 0 -2px 0 } .modal-window-body .vehicle-info .technical-info .technical-description .offered a { font-family: SegoeUIRegular; font-size: 14px; color: inherit } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment { font-family: SegoeUIRegular; text-align: right; margin: 0 3px 0 0 } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .cost { font-family: SegoeUIBold; font-size: 30px; margin: 0 0 -5px 0 } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .cost .value { font-size: 36px } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .period { font-size: 18px; color: #999; margin: 0 0 -2px 0 } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .month-count { font-size: 18px } .modal-window-body .transfer-status { text-align: center } .modal-window-body .transfer-status .title { font-family: SegoeUIRegular; font-size: 22px; color: #464646; position: relative; top: -27px; text-shadow: 0 1px 1px black } .modal-window-body .transfer-status img { margin: 35px 0 18px 0; display: inline-block } .modal-window-body .transfer-status .coverer { margin: 20px 10px; width: 555px; text-align: center; display: inline-block; position: relative; top: -50px } .modal-window-body .meter { height: 13px; float: left; width: 100%; position: relative; margin: -6px 0 0 -5px; background: #dedede; border: 1px solid #5a5a5a; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 3px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -ms-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3) } .modal-window-body .meter img { margin: 0; height: 28px; top: -10px; right: -4px; position: absolute } .modal-window-body .meter span { display: block; height: 13px; margin: -3px 0 0 -3px; border: 3px solid #94e1e1; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: #009aff; position: relative } .modal-window-body .meter span:after, .animate span span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px } .modal-window-body .transfer-step { font-size: 14px; color: #555; padding: 5px 0; font-family: SegoeUIRegular; margin: 20px auto; width: 710px } .modal-window-body .transfer-step.last-step { margin: 20px auto 30px auto } .modal-window-body .transfer-step .title { font-family: SegoeUISemiBold } .modal-window-body .transfer-step .squared-checkbox { width: 16px; height: 16px; display: inline-block; float: right; background: #898989; position: relative; margin: 4px 8px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .modal-window-body .transfer-step .squared-checkbox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background-color: white } .modal-window-body .transfer-step .squared-checkbox label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .modal-window-body .transfer-step .squared-checkbox input[type=checkbox] { display: none } .modal-window-body .transfer-step .squared-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .modal-window-body .transfer-step ul.step-description { list-style-image: url(/statics/images/list-style-image.png); font-size: 14px; margin: 5px 0 0 6px } .modal-window-body .transfer-step ul.step-description li { margin: 5px 0 0 0; width: 610px } .modal-window-body .transfer-step ul.step-description li a { font-family: SegoeUISemiBold; color: #555 } .modal-window-body .transfer-step .request-buttons { margin: 21px -6px 25px 0 } .modal-window-body .transfer-step .request-buttons button { position: relative; float: right; cursor: pointer; color: white; border: 0; height: 22px; font-size: 14px; margin: 0 6px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .modal-window-body .transfer-step .request-buttons button.request-update { position: relative; background: #39f; font-family: SegoeUIRegular; width: 137px; right: -10px; -webkit-box-shadow: 0 1px 0 #06498d; -moz-box-shadow: 0 1px 0 #06498d; -o-box-shadow: 0 1px 0 #06498d; -ms-box-shadow: 0 1px 0 #06498d; box-shadow: 0 1px 0 #06498d } .modal-window-body .transfer-step .request-buttons button.cancel-request-update { position: relative; background: #f66; font-family: SegoeUIItalic; width: 175px; right: -11px; -webkit-box-shadow: 0 1px 0 #900; -moz-box-shadow: 0 1px 0 #900; -o-box-shadow: 0 1px 0 #900; -ms-box-shadow: 0 1px 0 #900; box-shadow: 0 1px 0 #900 } .modal-window-body .transfer-step .request-buttons button.cancel-lease-transfer { position: relative; background: #f66; font-family: SegoeUIRegular; width: 250px; right: -11px; -webkit-box-shadow: 0 1px 0 #900; -moz-box-shadow: 0 1px 0 #900; -o-box-shadow: 0 1px 0 #900; -ms-box-shadow: 0 1px 0 #900; box-shadow: 0 1px 0 #900 } .modal-window-body .transfer-step button:hover { border: 1px solid #cbcbcb; border-radius: 2px } .modal-window-body .share, .share ul, .share ul li { margin: 0; padding: 0; list-style-type: none } .modal-window-body .share { display: block; position: absolute; right: 100px; margin: -17px -30px 0 0 } .modal-window-body .share img { padding: 0 4px 0 0; display: block; float: left } .modal-window-body .share a.share-link { font-family: SegoeUIRegular; font-size: 14px; color: black; text-decoration: none; display: block; float: left } .modal-window-body .share a.share-link:hover { text-decoration: underline } .modal-window-body .share li { display: inline-block; height: 20px; position: relative } .modal-window-body .share li ul { position: absolute; top: 20px; display: none } .modal-window-body .share li:hover > ul { display: block } .modal-window-body div.gorizontal-line { height: 1px; width: 730px; background: #ddd; margin: 0 auto } .modal-window-body .cancel-request { display: none } .top-menu-nav { height: 60px; background: #a3a3a3; position: relative } .top-menu-nav a img { float: left } .top-menu-nav .lease-drive { display: inline-block; line-height: 60px; color: white; font-family: SegoeUIRegular; font-size: 22px; margin: -1px 0 0 8px; text-shadow: 0 1px 0 black } .top-menu-nav .user-icon, .add-car { display: none } .top-menu-nav .nav-menu { width: 700px; height: 60px; float: right; text-shadow: 0 1px 0 black; line-height: 56px } .top-menu-nav .nav-menu .menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-menu-nav .nav-menu .menu-link img { margin: 17px 0 0 10px } .top-menu-nav .nav-menu .menu-link img.arrow { margin: 40px 0 0 20px; position: relative } .top-menu-nav .nav-menu .menu-link span { margin: 0 0 0 7px } .top-menu-nav .nav-menu .menu-link.search span { margin: 0 0 0 -20px } .top-menu-nav .nav-menu .menu-link.hot-deals { margin: 0 12px } .top-menu-nav .nav-menu .menu-link.edu-center { margin: 0 14px 0 9px } .top-menu-nav .nav-menu img.separate-line { position: absolute; top: 8px; right: 177px } .top-menu-nav .nav-menu .signup-signin { display: inline-block; margin: 0 11px 0 0; float: right } .top-menu-nav .nav-menu .signup-signin a { text-decoration: none; font-family: SegoeUILight; font-size: 20px; color: white } .top-menu-nav .nav-menu .signup-signin a:hover { border-bottom: 1px solid white } .top-menu-nav .nav-menu .signup-signin img { margin: 0 7px -6px 9px } .top-menu-nav.logined .nav-links { width: 508px; float: right; margin: 0 35px 0 0; display: inline-block } .top-menu-nav.logined .nav-menu a.menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-menu-nav.logined .nav-menu img.separate-line { margin: 0 -32px 0 0 } .logined-user a { text-decoration: none } .top-menu-nav.logined .logined-user img.arrow { position: relative; top: 44px; right: -28px } .logined-user img.messages { margin: 20px 23px 0 -10px; float: right } .logined-user .general-messages-count { font-family: SegoeUIRegular; font-size: 11px; background-color: #b50000; color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 1px 3px; position: relative; top: -15px; right: -23px; text-decoration: none } .user-options li a { color: white } .user-options li { height: 30px; line-height: 30px; border-bottom: 1px dotted white; padding: 0 16px } .user-options li:hover { background: #757575; cursor: pointer } .logined-user:hover .user-options { display: block !important } .back-to-cars.mobile { display: none } section .back-to-cars { margin: 10px 0; display: block } section .back-to-cars img { margin: 0 0 1px 0 } section .back-to-cars a { font-family: SegoeUIRegular; font-size: 14px; color: #555 } div.scroll-wrapper { overflow-x: scroll; padding: 0 0 0 16% } .clear { clear: both } @media only screen and (max-width:1200px) { .lease-info ul.lease-info-search-listing-options li.search-button-go { min-width: 14% } } @media only screen and (max-width:480px) { #content { position: relative } .home-fix, .navbar-toggle.home-fix { display: block } .future-rent-car-info { display: none } body { min-width: 320px } .modal-window div.modal-window-body { max-width: 360px; position: relative; margin: 5% auto; background: #fff; border: 1px black solid; border-radius: 0 } .modal-window-body .close { text-align: right; padding: 8px 3px 0 0 } .modal-window-body .close img { width: 13px; height: 12px } .modal-window-body .close a { color: #ccc; text-decoration: none; font-family: SegoeUIRegular; font-size: 8px; display: inline-block; position: relative; right: -2px; top: -6px } .modal-window-body .close a:hover { text-decoration: underline } .modal-window-body .close img { margin: 0 0 2px 0; cursor: pointer } .modal-window-body .vehicle-info { width: 350px; height: 143px; border: 1px solid #ccc; margin: 0 auto; padding: 0 4px; color: #252525 } .modal-window-body .vehicle-info .title { background: #f0f0f0; color: black; height: 17px; font-family: SegoeUIBold; font-size: 12px; text-align: left; padding: 0 8px; display: block } .modal-window-body .vehicle-info .title .graduation-year { padding: 0 } .modal-window-body .vehicle-info .title .vehicle-name { padding: 0 0 0 6px } .modal-window-body .vehicle-info .media-info { width: 150px; float: left } .modal-window-body .vehicle-info .media-info img.vehicle-image { width: 150px; height: 112px } .modal-window-body .vehicle-info .media-info .media-files { text-align: left; padding: 0; margin: -7px 0 0 0 } .modal-window-body .vehicle-info .media-info .media-files .camera-img { width: 11px; height: 10px } .modal-window-body .vehicle-info .media-info .media-files a { font-family: SegoeUIRegular; font-size: 10px; text-decoration: none; color: inherit; line-height: 15px } .modal-window-body .vehicle-info .media-info .media-files a:hover { text-decoration: underline } .modal-window-body .vehicle-info .media-info .media-files .stock-number { font-family: SegoeUIRegular; float: right; margin: -3px 0 0 0 } .modal-window-body .vehicle-info .media-info .media-files .stock-number span { font-size: 8px; color: #999 } .modal-window-body .vehicle-info .media-info .media-files .stock-number span.value { font-size: 9px; color: inherit } .modal-window-body .vehicle-info .technical-info { width: 197px; float: left; height: 127px } .modal-window-body .vehicle-info .technical-info .title { display: none } .modal-window-body .vehicle-info .technical-info .technical-description { display: none } .modal-window-body .vehicle-info .technical-info .technical-description.mobile { font-family: SegoeUIRegular; width: 91px; padding: 0 8px 0 7px; float: left; text-align: left; display: block } .modal-window-body .vehicle-info .technical-info .technical-description img.odometr-img { width: 12px; height: 13px } .modal-window-body .vehicle-info .technical-info .technical-description img.gas-img { width: 12px; height: 11px } .modal-window-body .vehicle-info .technical-info .technical-description img.automatic-img { width: 12px; height: 11px } .modal-window-body .vehicle-info .technical-info .technical-description img.pin-img { width: 9px; height: 12px } .modal-window-body .vehicle-info .technical-info .technical-description .description { display: none } .modal-window-body .vehicle-info .technical-info .technical-description .info { height: 15px; margin: 0 0 5px 0 } .modal-window-body .vehicle-info .technical-info .technical-description .pin-info { margin: 22px 0 -9px 0 } .modal-window-body .vehicle-info .technical-info .technical-description .pin-info span { font-family: SegoeUIRegular; font-size: 10px } .modal-window-body .vehicle-info .technical-info .technical-description .info span { font-size: 10px; padding: 0 } .modal-window-body .vehicle-info .technical-info .technical-description .info .description { font-size: 12px; margin: 19px 0 6px 0; line-height: 15px; width: 260px } .modal-window-body .vehicle-info .technical-info .technical-description .offered { margin: 8px 0 0 0 } .modal-window-body .vehicle-info .technical-info .technical-description .offered img { margin: 0 0 -2px 0; width: 12px } .modal-window-body .vehicle-info .technical-info .technical-description .offered a { font-family: SegoeUIRegular; font-size: 10px; color: inherit } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment { font-family: SegoeUIBold; font-size: 18px; margin: -4px -1px 0 0 } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .cost { font-family: SegoeUIBold; font-size: 18px; margin: 0 0 -5px 0 } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .cost .value { font-size: 24px } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .period { font-size: 12px; color: #999; margin: 0 0 -2px 0 } .modal-window-body .vehicle-info .technical-info .vehicle-description .month-payment .month-count { font-size: 12px; font-family: SegoeUIRegular } .modal-window-body .transfer-status { margin: 0 0 -33px 0; text-align: center } .modal-window-body .transfer-status .title { font-family: SegoeUIRegular; font-size: 12px; color: #464646; position: relative; top: 4px; text-shadow: 0 1px 1px black } .modal-window-body .transfer-status img { margin: 8px 0 0 0; display: inline-block; width: 52px; height: 54px } .modal-window-body .transfer-status .container { margin: 0 5px; width: 225px; text-align: center; display: inline-block; position: relative; top: -40px } .modal-window-body .meter { height: 6px; float: left; width: 100%; position: relative; margin: 16px 0 0 -5px; background: #dedede; border: 1px solid #5a5a5a; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 3px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -ms-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3) } .modal-window-body .meter img { margin: 0; height: 17px; top: -10px; right: -20px; position: absolute } .modal-window-body .meter span { display: block; height: 6px; margin: -3px 0 0 -3px; border: 3px solid #94e1e1; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: #009aff; position: relative } .modal-window-body .meter span:after, .animate span span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px } .modal-window-body .transfer-step { font-size: 12px; color: #555; padding: 5px; font-family: SegoeUIRegular; margin: 10px auto 20px auto; width: 352px } .modal-window-body .transfer-step.last-step { margin: 20px auto 30px auto } .modal-window-body .transfer-step .title { font-family: SegoeUISemiBold } .modal-window-body .transfer-step .squared-checkbox { width: 16px; height: 16px; display: inline-block; float: right; background: #898989; position: relative; margin: 4px 8px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .modal-window-body .transfer-step .squared-checkbox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background-color: white } .modal-window-body .transfer-step .squared-checkbox label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 8px; height: 4px; background: transparent; top: 1px; left: 1px; border: 2px solid #898989; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .modal-window-body .transfer-step .squared-checkbox label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .modal-window-body .transfer-step .squared-checkbox input[type=checkbox] { display: none } .modal-window-body .transfer-step .squared-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .modal-window-body .transfer-step ul.step-description { list-style-image: url(/statics/images/list-style-image.png); font-size: 12px; margin: 8px 0 0 6px } .modal-window-body .transfer-step ul.step-description li { margin: 2px 0 0 0; width: 270px } .modal-window-body .transfer-step ul.step-description li a { font-family: SegoeUISemiBold; color: #555 } .modal-window-body .transfer-step .request-buttons { margin: 21px 10px 25px 0 } .modal-window-body .transfer-step .request-buttons button { position: relative; float: right; cursor: pointer; color: white; border: 0; height: 22px; font-size: 14px; margin: 0 6px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .modal-window-body .transfer-step .request-buttons button.request-update { position: relative; background: #39f; font-family: SegoeUIRegular; width: 137px; right: -10px; -webkit-box-shadow: 0 1px 0 #06498d; -moz-box-shadow: 0 1px 0 #06498d; -o-box-shadow: 0 1px 0 #06498d; -ms-box-shadow: 0 1px 0 #06498d; box-shadow: 0 1px 0 #06498d } .modal-window-body .transfer-step .request-buttons button.cancel-request-update { position: relative; background: #f66; font-family: SegoeUIItalic; width: 175px; right: -11px; -webkit-box-shadow: 0 1px 0 #900; -moz-box-shadow: 0 1px 0 #900; -o-box-shadow: 0 1px 0 #900; -ms-box-shadow: 0 1px 0 #900; box-shadow: 0 1px 0 #900 } .modal-window-body .transfer-step .request-buttons button.cancel-lease-transfer { position: relative; background: #f66; font-family: SegoeUIRegular; width: 250px; right: -11px; -webkit-box-shadow: 0 1px 0 #900; -moz-box-shadow: 0 1px 0 #900; -o-box-shadow: 0 1px 0 #900; -ms-box-shadow: 0 1px 0 #900; box-shadow: 0 1px 0 #900 } .modal-window-body .transfer-step button:hover { border: 1px solid #cbcbcb; border-radius: 2px } .modal-window-body .share, .share ul, .share ul li { margin: 0; padding: 0; list-style-type: none } .modal-window-body .share { display: block; position: absolute; right: 60px; margin: -10px -30px 0 0 } .modal-window-body .share img { padding: 0 4px 0 0; display: block; float: left } .modal-window-body .share a.share-link { font-family: SegoeUIRegular; font-size: 14px; color: black; text-decoration: none; display: block; float: left } .modal-window-body .share a.share-link:hover { text-decoration: underline } .modal-window-body .share li { display: inline-block; height: 20px; position: relative } .modal-window-body .share li ul { position: absolute; top: 20px; left: 10px; display: none } .modal-window-body .share li:hover > ul { display: block } .modal-window-body div.gorizontal-line { height: 1px; width: 360px; background: #ddd; margin: 0 auto } .modal-window-body .cancel-request { background-color: #f66; text-align: center; border: 1px solid black; border-radius: 6px; box-shadow: 0 2px 0 black; margin: 70px 0 0 0; display: block } .modal-window-body .cancel-request .cancel-request-close { text-align: right; padding: 2px 2px 0 0 } .modal-window-body .cancel-request .cancel-request-close a { font-family: SegoeUISemiBold; font-size: 8px; color: #9a8585; text-decoration: none } .modal-window-body .cancel-request .cancel-request-close img { cursor: pointer; margin: 0 0 -3px 0 } .modal-window-body .cancel-request h4 { font-family: SegoeUIBold; font-size: 23px; color: white; margin: 0 auto; padding: 30px 0 } .modal-window-body .cancel-request .ok-and-cancel-buttons { text-align: center } .modal-window-body .cancel-request .ok-and-cancel-buttons a { display: inline-block; background-color: #39f; margin: 0 14px 32px 14px; font-family: SegoeUIRegular; font-size: 19px; color: #dfedff; text-decoration: none; padding: 1px 1px; text-align: center; width: 70px; height: 28px; line-height: 25px; border-radius: 4px; box-shadow: 0 1px 0 #595380 } .top-menu-nav { height: 45px; padding: 0 5px } .top-menu-nav .user-icon { display: inline-block; float: right; position: relative; right: 40px; top: 13px } .top-menu-nav .user-icon img { width: 15px; height: 19px } .top-menu-nav .add-car { display: inline-block; float: right; position: relative; right: 100px; top: 15px } .top-menu-nav .add-car img { width: 24px; height: 21px } .top-menu-nav a img { width: 57px } .top-menu-nav .lease-drive { font-size: 20px; font-family: SegoeUILight; line-height: 45px } .top-menu-nav .mobile_nav_icon_bg { background: #686868; position: absolute; top: 0; right: 0; width: 50px; height: 45px; display: inline-block } .top-menu-nav .mobile_nav_icon_bg #mobile_nav_icon { display: inline-block; border-bottom: 10px double white; border-top: 3px solid white; height: 4px; width: 25px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; border-top-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); cursor: pointer; margin: 15px auto 0 13px; border-color: #fff } .top-menu-nav .nav-menu { display: none } .top-menu-nav.logined .nav-links { display: none } .logined-user { display: none } .top-home-menu-nav.logined .nav-menu img.separate-line { float: right; margin: 8px } .back-to-cars.mobile { display: block; margin: 10px 0 0 10px } .back-to-cars img { margin: 0 0 1px 0 } .back-to-cars a { font-family: SegoeUIRegular; font-size: 14px; color: #555 } #content { height: 100% } .compare-page .section { height: 100% } .compare-page .section .back-to-cars, #content .back-to-cars { display: none } div.scroll-wrapper { overflow-x: scroll; margin: 0 0 0 30px } .lease-view section table, .lease-update section table { margin: 0 } .lease-view .price, .lease-update .price { margin-top: 0 } .wrapper .breadcrumb a { margin-left: 5px } } .use_save_first img { position: relative; bottom: 2px; margin-left: 9px } .use_save_first a { text-decoration: underline; cursor: pointer; font-size: 14px; color: #252525 } .use_comp_second, .lease-list-widget .row .ng-scope { display: inline-block } .use_comp_second .compared-checkbox { position: relative; top: 3px; margin-left: 9px } .compared-checkbox { width: 16px; height: 16px; display: inline-block; background: #00cc18; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .compared-checkbox input[type=checkbox] { display: none } .compared-checkbox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background-color: white } .compared-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .compared-checkbox label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 10px; height: 6px; background: transparent; top: 1px; left: 1px; border: 2px solid #00cc18; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .compared-checkbox label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .use_comp_second p { display: inline } .compared-checkbox p { text-decoration: underline; cursor: pointer; font-size: 14px; color: #252525; margin-left: 20px; margin-top: -4px; display: inherit; font-weight: normal } .use_save_first:hover { color: black } .use_save_first { display: inline-block } .ontop-left img { position: relative; bottom: 2px; padding-right: 2px } .ontop-left { display: inline } .ng-binding strong { color: #333; font-size: 16px; font-weight: 700; text-transform: uppercase; } .tab-pane .table-hover > tbody > tr > td:hover { border: 1px solid #ddd !important; border-left: none !important; border-right: none !important } .tab-pane .table-hover > tbody > tr { border-color: grey } .tab-pane { border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; background: #f4f4f4; padding-left: 0; padding-right: 0; margin: 0 15px } .tab-pane .table-hover > tbody > tr:first-child, .tab-pane .table-hover > tbody > tr:nth-child(2) { background: white } .nav-tabs { border-bottom: 0 } .mess-del-checkbox { margin-right: 2px; position: relative; top: 2px } .mess-del-checkbox { width: 16px; height: 16px; display: inline-block; background: #a3a3a3; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .mess-del-checkbox input[type=checkbox] { display: none } .mess-del-checkbox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background-color: white } .mess-del-checkbox label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 10px; height: 6px; background: transparent; top: 1px; left: 1px; border: 2px solid #a3a3a3; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mess-del-checkbox label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .mess-del-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } label[for="all-messages"] p { font-family: 'SegoeUIRegular'; font-weight: 100; display: block; width: 70px; margin-left: 20px; margin-top: -4px } .nav.nav-tabs > li.active > a, nav.nav-tabs > li.active > a:hover { background-color: #a3a3a3; color: white; text-decoration: none; border-radius: 0; border: 0 } .nav.nav-tabs > li > a { padding: 0 6px; margin-right: 6px; font-size: 14px; text-decoration: underline; cursor: pointer; border: 0; color: black } .nav.nav-tabs > li > a:hover { background-color: white } .tab-pane span { color: #ccc; cursor: pointer } .tab-pane .text-right button, .tab-pane .text-center button { border: 0 } .tab-pane .text-right span.vcenter, .tab-pane .text-right span.caret { color: #333 !important; } .tab-pane .table-hover > tbody > tr:last-child td:hover { border-bottom: none !important; border-top: 1px solid #ddd } .tab-pane .fourth-column { font-weight: 100; } ul.pagination > li.active > a, ul.pagination > li:hover > a { color: #fff; cursor: default } ul.pagination > li.active > a { background-color: #39f; box-shadow: 0 1px 0 #06498d } ul.pagination > li.active:hover > a { background-color: #337ab7; border-color: #337ab7 } .pagination > li > a:hover { color: #23527c; background-color: #eee; border-color: #ddd } .pagination li a { border-radius: 5%; font-size: 15px; height: 32px } .nav.nav-tabs { margin-left: 15px } .lease-list-widget > div { margin-bottom: 20px } .sort.btn.dropdown-toggle { color: black } .all-related_cars .col-xs-4, .all-related_cars .col-sm-3, .all-related_cars .col-md-2, .all-related_cars .col-lg-2 { padding-left: 0; padding-right: 0 } .all-related_cars.featured { margin-bottom: 15px; padding-bottom: 15px } .all-related_cars.featured .also_interest_text { padding: 2px 0 10px 0 } .all-related_cars.featured .col-lg-12 { padding: 0 } .pagination { margin-top: 0 !important; margin-bottom: 0 !important } .pagination-center { margin-left: auto; margin-right: auto; display: table } .logo-header img { height: 38px } .maindeal .btn.btn-success { position: relative; bottom: 0; border-radius: 2%; background-color: #00cc18; padding: 0; font-size: 18px; width: 90px; height: 28px; border: 0; box-shadow: 0 1px 0 #036e10 } .maindeal .btn.btn-success:hover { color: #fff; background-color: #1c7d28; border-color: #204d74 } .dealercontent { display: inline-block; width: 100%; border: 1px ridge #ccc; padding-bottom: 6px; padding-top: 5px; padding-left: 5px } .maindeal > .dealercontent:first-child { display: inline-block; min-height: 206px; width: 710px; border: 1px ridge #ccc; margin-top: 0 } .maindeal { display: inline-block; width: 100%; margin-left: 10px; padding-bottom: 0 } .main-hr { width: 960px; position: relative; right: 5px; margin-top: 30px; margin-bottom: 30px; color: #ccc } .main-content { margin: 0 } .autoavatar { height: 170px; width: 230px; margin-top: 0; margin-left: 8px; display: inline-block; float: left } .main-ava-auto img { display: block; width: 230px; height: 170px; margin: auto auto } .sold-auto-class { width: 230px; height: 170px } .sold-auto-class > .main-ava-auto > img { position: relative } .sold-auto-class img:first-child { position: absolute } .sold-auto-class img:last-child { background-image: url(/img/new_sold_car.png); background-repeat: no-repeat; background-position: center; position: absolute; background-color: rgba(244, 244, 244, 0.3) } .main-ava-auto img:last-child { position: absolute } .main-ava-auto img:first-child { position: absolute } .main-ava-auto { width: 230px; height: 170px } .progress .transfer-text-progress { text-align: center; margin: 0 auto; position: absolute; width: 100%; line-height: 22px; text-shadow: 1px 1px 1px #7f7f7f; font-size: 14px; color: #464646; cursor: pointer } .progress { border-radius: 20px; margin-top: 6px; height: 25px; border: 1px solid #656565; background-color: #dedede; position: relative; box-shadow: inset 0 0 2px 1px #9f9f9f } .progress-bar { border-radius: 20px; background-color: #09f; box-shadow: inset 0 0 3px 2px #35f4f4, inset 0 3px 1px white } .auto-header { background-color: #f0f0f0; padding-left: 10px; width: 470px; display: inline-block; float: right } .auto-header p { display: inline; font-size: 18px; padding: 6px 6px 6px 0 } .auto-name-head span { margin-right: 6px } .auto-name-head { padding: 0; margin: 0 } .auto-header p + p { word-wrap: break-word } .auto-header > .publish-switch-btn { display: inline; float: right; margin-right: 5px; margin-top: 1px; position: relative } .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px } .toggle.ios .toggle-handle { border-radius: 20px; height: 20px; width: 40px } .btn.btn-default.btn-xs { font-size: 8px; color: #b7b7b7; font-weight: normal; background-color: #e5e7ea } .btn.btn-success.btn-xs { font-size: 8px; font-weight: normal; background-color: #0c3 } .toggle-handle.btn.btn-default.btn-xs { background-color: white } .btn.btn-default.btn-xs.toggle-off { background-color: #e5e7ea; margin-left: 10px } .btn.btn-success.btn-xs.toggle-on { margin-right: 10px } .autostat > p { display: inline; font-size: 14px; padding: 0 } .autostat > img { position: relative; display: inline; bottom: 4px; margin-left: 10px } .autostat { margin-top: 5px } .autocontent { width: 250px; display: inline-block; font-size: 12px; margin-top: 10px; margin-left: 10px } .autocontent p:first-child { word-wrap: break-word } .geo { font-size: 14px; margin-top: 10px } .geo > img { position: relative; bottom: 4px; margin-left: 2px; margin-right: 10px } .dealercontent .price { display: inline-block; float: right; margin-top: 7px; margin-right: 8px; text-align: right } .dealercontent .price > h1 { margin: 0; font-size: 33px; font-family: 'SegoeUIBold' } .dealercontent .price > p { margin: 0 } .dealercontent .price > p > span { color: #b8b8b8 } .underavatar { width: 230px; position: relative; bottom: 5px; word-wrap: break-word } .underavatar img { position: relative; bottom: 3px } .underavatar > p { display: inline; font-size: 14px } .underavatar > p > span { font-size: 12px; color: #999 } .stock_id { float: right } .dealview > p { display: inline; font-size: 14px; padding: 5px } .dealview > img { position: relative; display: inline; bottom: 4px } .dealview > p > a { color: black; text-decoration: underline } .dealercontent > button { border-radius: 2%; background-color: #39f; padding: 0; font-size: 18px; width: 159px; height: 28px; border: 0; box-shadow: 0 1px 0 #06498d; float: right; margin-right: 6px } .asidecirc { height: 16px; width: 16px; border-radius: 50%; background-color: #b50000; color: white; text-align: center; font-size: 10px; font-family: "SegoeUILight" } .menu_prospects > div, .menu_prospects > p { display: inline-block } .menu_prospects > div { position: relative; bottom: 3px; left: 5px } .rectangle { height: 100% } .foot_avatar { font-weight: lighter; font-size: 16px; display: inline-block; float: left } .foot_avatar p { margin-bottom: 0 } .about_us { display: inline-block; font-size: 16px; font-weight: lighter; margin-left: 94px } .resources { display: inline-block; font-size: 16px; font-weight: lighter; margin-left: 40px } .about_us p a { color: white } .resources p a { color: white } .about_us p { margin: 0 } .resources p { margin: 0 } .social_icons { display: inline-block; float: right; padding-right: 46px } .social_icons p:first-child { margin-bottom: 5px } .copyright { font-weight: lighter; font-size: 12px; margin-top: 36px } .copyright p { display: inline; float: left } .copyright span a { margin-left: 12px; color: white; text-decoration: underline } .selected { border: 2px dashed #b50000 !important } .center_pagination { text-align: center } .center_pagination .pagination { margin: 40px 0 20px !important } .center_pagination .pagination li:hover a { color: #23527c } .logo-header img { height: 38px } .logo-text a { color: white } .main_navbar.navbar-default .navbar-nav > .open > a, .main_navbar.navbar-default .navbar-nav > .open > a:focus, .main_navbar.navbar-default .navbar-nav > .open > a:hover { background: transparent !important } .nav .dropdown { position: relative } .nav .dropdown .dropdown-menu { position: absolute; top: 50px; left: 0 } .sign-in .sign-in-title { font-family: SegoeUI; font-size: 31px; margin: -4px 0 0 26px; padding: 0 } .sign-in .sign-in-with { font-family: SegoeUISemiBold; font-size: 12px; color: #595959; text-align: right; padding: 12px 48px 0 0; position: relative } .sign-in .sign-in-form label { font-family: SegoeUISemiBold; font-size: 12px; display: inline-block; width: 71px; font-weight: normal } .sign-in .sign-in-form .sign-in-email { width: 86%; margin: 14px auto } .sign-in .sign-in-form .sign-in-password { width: 86%; margin: -10px auto 0 auto } .sign-in .sign-in-form .sign-in-form-button { text-align: center } .sign-in .sign-in-form .sign-in-form-button input { background: #39f; box-shadow: 0 2px 0 #1e74ca; color: white; font-family: SegoeUIRegular; font-size: 16px; border: 1px solid transparent; margin: 31px 0 0 0; padding: 0 17px } .sign-in .sign-in-form .sign-in-form-button input:hover { border: 1px solid #cacaca; box-shadow: 0 3px 10px #cacaca; cursor: pointer } .sign-in .sign-in-form #sign-in-email { padding: 6px 5px; width: 67%; border-radius: 5px; background: #f8f8f8; border: 1px solid #a1a1a1 } .sign-in .sign-in-form #sign-in-password { padding: 6px 5px; width: 67%; border-radius: 5px; background: #f8f8f8; border: 1px solid #a1a1a1 } .sign-in .close-button { font-family: SegoeUIRegular; font-size: 10px; color: #898989; text-align: right; padding: 5px 6px 0 0; cursor: pointer } .modal-close-container .close-button { font-family: SegoeUIRegular; font-size: 10px; color: #898989; text-align: right; padding: 5px 6px 0 0; cursor: pointer } .modal-close-container .close-button img { margin: 0 0 2px 0; cursor: pointer } .sign-in .close-button img { margin: 0; cursor: pointer } .sign-in .sign-in-input-error { margin-top: 5px; margin-bottom: 10px; color: #b50000; text-align: center } .sign-up-modal-container .modal-dialog { width: 345px } .sign-up-modal-container .modal-header { padding: 0 !important } .sign-up-modal-container .modal-body { padding: 5px 0 20px 0 !important } .sign-up .sign-up-title { font-family: SegoeUI; font-size: 31px; margin: -4px 0 0 18px; padding: 0 } .sign-up .swap-radio-buttons { height: 52px; background: #a3a3a3; border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; margin: 10px 0 0 0 } .sign-up .swap-radio-buttons fieldset { padding: 5px 0 0 0; border: 0; text-align: left; width: 140px; margin: 0 auto; color: white } .sign-up .swap-radio-buttons [type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sign-up .swap-radio-buttons label { display: block; cursor: pointer; font-family: SegoeUISemiBold; font-size: 12px; margin: 5px 0 0 10px } .sign-up .swap-radio-buttons [type="radio"] + span { display: block } .sign-up .swap-radio-buttons [type="radio"] + span:before { content: ''; display: inline-block; width: 12px; height: 11px; border-radius: 1em; border: .125em solid #a3a3a3; box-shadow: 0 0 0 .15em white; margin-right: .75em; transition: .5s ease all } .sign-up .swap-radio-buttons [type="radio"]:checked + span:before { background: white } .sign-up .swap-radio-buttons [type="radio"]:focus + span:after { content: '' } .sign-up .sign-up-form label { font-family: SegoeUISemiBold; font-size: 12px; display: inline-block; color: #555; width: 105px; text-align: left; font-weight: normal } .sign-up .sign-up-form .personal-password-checkbox.wrong, .sign-up .dealer-password-checkbox.wrong { width: 17px; height: 17px; display: inline-block; background: #919191; margin: 0; border-radius: 4px; position: absolute; top: 7px; right: 9px } .sign-up .sign-up-form .personal-password-checkbox.wrong label, .sign-up .dealer-password-checkbox.wrong label { cursor: pointer; position: absolute; width: 13px; height: 12px; left: 2px; top: 2px; background-color: white } .sign-up .sign-up-form .personal-password-checkbox.wrong label:after, .sign-up .dealer-password-checkbox.wrong label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 14px; height: 12px; background: #f66 } .sign-up .sign-up-form .personal-password-checkbox.wrong label:hover::after, .sign-up .dealer-password-checkbox.wrong label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .sign-up .sign-up-form .personal-password-checkbox.wrong input[type=checkbox], .sign-up .dealer-password-checkbox.wrong input[type=checkbox] { display: none } .sign-up .sign-up-form .personal-password-checkbox.wrong input[type=checkbox]:checked + label:after, .sign-up .dealer-password-checkbox.wrong input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .sign-up .sign-up-form .personal-password-checkbox.correct, .sign-up .dealer-password-checkbox.correct { width: 17px; height: 18px; display: inline-block; background: #919191; margin: 0; border-radius: 4px; position: absolute; top: 7px; right: 9px } .sign-up .sign-up-form .personal-password-checkbox.correct label, .sign-up .dealer-password-checkbox.correct label { cursor: pointer; position: absolute; width: 13px; height: 13px; left: 2px; top: 3px; background-color: white } .sign-up .sign-up-form .personal-password-checkbox.correct label:after, .sign-up .dealer-password-checkbox.correct label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 10px; height: 7px; background: transparent; top: 2px; left: 2px; border: 3px solid #0c3; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .sign-up .sign-up-form .personal-password-checkbox.correct label:hover::after, .sign-up .dealer-password-checkbox.correct label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .sign-up .sign-up-form .personal-password-checkbox.correct input[type=checkbox], .sign-up .dealer-password-checkbox.correct input[type=checkbox] { display: none } .sign-up .sign-up-form .personal-password-checkbox.correct input[type=checkbox]:checked + label:after, .sign-up .dealer-password-checkbox.correct input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .sign-up .sign-up-form .personal-sign-up-email, .sign-up .dealer-sign-up-email { margin: 8px 0 0 8px } .sign-up .sign-up-form .personal-sign-up-password, .sign-up .dealer-sign-up-password { margin: 3px 0 0 8px; position: relative } .sign-up .sign-up-form .personal-sign-up-confirm-password, .sign-up .dealer-sign-up-confirm-password { margin: 3px 0 0 10px; position: relative } .sign-up .sign-up-form .personal-sign-up-first-name, .sign-up .dealer-sign-up-company-name { margin: 3px 0 0 10px } .sign-up .sign-up-form .personal-sign-up-last-name, .sign-up .dealer-sign-up-contact-name { margin: 3px 0 0 10px } .sign-up .sign-up-form .personal-sign-up-phone, .dealer-sign-up-phone { margin: 4px 0 0 10px } .sign-up .sign-up-form .personal-sign-up-error, .sign-up .dealer-sign-up-error { margin: 4px 0 0 10px } .sign-up .sign-up-form .personal-sign-up-zip { margin: 0 } .sign-up .sign-up-form .personal-sign-up-form-button input, .sign-up .dealer-sign-up-form-button input { background: #39f; box-shadow: 0 2px 0 #1e74ca; color: white; font-family: SegoeUIRegular; font-size: 16px; border: 1px solid transparent; margin: 21px 0 20px 119px; padding: 0 14px } .sign-up .sign-up-form .personal-sign-up-form-button input:hover, .sign-up .dealer-sign-up-form-button input:hover { border: 1px solid #cacaca; box-shadow: 0 3px 10px #cacaca; cursor: pointer } .sign-up .sign-up-form #personal-sign-up-email, .sign-up #dealer-sign-up-email { padding: 6px 5px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8; width: 190px; margin: 0 0 0 2px } .sign-up .sign-up-form #personal-sign-up-password, .sign-up #dealer-sign-up-password { padding: 6px 5px; width: 190px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8; margin: 0 0 0 2px } .sign-up .sign-up-form #personal-sign-up-confirm-password, .sign-up #dealer-sign-up-confirm-password { padding: 6px 5px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8; width: 190px } .sign-up .sign-up-form #personal-sign-up-first-name, .sign-up #dealer-sign-up-company-name { padding: 6px 5px; width: 190px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8 } .sign-up .sign-up-form #personal-sign-up-last-name, .sign-up #dealer-sign-up-contact-name { padding: 6px 5px; width: 190px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8 } .sign-up .sign-up-form #personal-sign-up-phone, .sign-up #dealer-sign-up-phone { padding: 6px 5px; width: 190px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8 } .sign-up .sign-up-form #personal-sign-up-error, .sign-up #dealer-sign-up-error { font-family: SegoeUIRegular; padding: 6px 5px; width: 190px; border-radius: 5px; color: #cf6f6f; border: 1px solid #cf6f6f; background: #f8f8f8; text-align: center; box-shadow: inset 0 0 15px #cf6f6f; outline: 0 } .sign-up .sign-up-form .input-error { color: #cf6f6f; border: 1px solid #cf6f6f !important; background: #f8f8f8; box-shadow: inset 0 0 15px #cf6f6f; outline: 0 } .sign-up .sign-up-form #dealer-sign-up-company-adress { padding: 6px 5px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8; width: 190px } .sign-up .sign-up-form .dealer-sign-up-company-adress { margin: 4px 0 0 10px } .sign-up .sign-up-form .personal-add-photo, .sign-up .dealer-add-photo { width: 130px; padding: 17px 0 6px 0; border: 1px solid #bdbdbd; border-radius: 5px; text-align: center; margin: 10px 10px 10px 117px; cursor: pointer; position: relative; overflow: hidden } .sign-up .sign-up-form .personal-add-photo img, .sign-up .dealer-add-photo img { margin: 0 0 3px 0 } .sign-up .sign-up-form .personal-add-photo span, .sign-up .dealer-add-photo span { font-family: SegoeUISemiBold; font-size: 12px; color: #606060 } .sign-up .sign-up-with { font-family: SegoeUISemiBold; font-size: 12px; color: #595959; text-align: right; padding: 9px 36px 0 0; position: relative } .sign-up .sign-up-with span { position: absolute; right: 121px; top: 14px } .sign-up .input-help-error { padding: 0 0 0 115px; margin: 0; color: #cf6f6f } .sign-up .uploader-preview { float: none } .sign-up .uploader-preview-wrapper > div { margin: 0 auto } .transfer-modal .transfer-status { text-align: center } .transfer-modal .transfer-status img { margin: 35px 0 18px 0; display: inline-block; max-width: 76px; width: 100% } .transfer-modal .transfer-status .container-transfer { margin: 20px 5px; width: 64%; text-align: center; display: inline-block; position: relative; top: 14px } .transfer-modal .transfer-status .title { font-family: SegoeUIRegular; font-size: 22px; color: #464646; position: relative; top: -27px; text-shadow: 0 1px 1px black } .transfer-modal .meter { height: 21px; float: left; width: 100%; position: relative; margin: -6px 0 0 -5px; background: #dedede; border: 1px solid #5a5a5a; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 3px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -ms-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3) } .transfer-modal .meter img { margin: 0; height: 28px; top: -10px; right: -4px; position: absolute } .transfer-modal .meter span { display: block; height: 19px; margin: -3px 0 0 -3px; border: 3px solid #94e1e1; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: #009aff; position: relative } .transfer-modal .meter span:after, .transfer-modal .animate span span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px } .transfer-modal .transfer-step { font-size: 14px; color: #555; padding: 5px 0; font-family: SegoeUIRegular; margin: 20px auto; width: 100% } .transfer-modal .transfer-step.last-step { margin: 20px auto 30px auto } .transfer-modal .transfer-step .title { font-family: SegoeUISemiBold } .transfer-modal .transfer-step .squared-checkbox { width: 16px; height: 16px; display: inline-block; float: right; background: #898989; position: relative; margin: 4px 8px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .transfer-modal .transfer-step .squared-checkbox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background-color: white } .transfer-modal .transfer-step .squared-checkbox label:after { -ms-filter: "alpha(opacity=0)"; opacity: 0; content: ''; position: absolute; width: 8px; height: 4px; background: transparent; top: 3px; left: 2px; border: 2px solid #898989; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .transfer-modal .transfer-step .squared-checkbox label:hover::after { -ms-filter: "alpha(opacity=30)"; opacity: .3 } .transfer-modal .transfer-step .squared-checkbox input[type=checkbox] { display: none } .transfer-modal .transfer-step .squared-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "alpha(opacity=100)"; opacity: 1 } .transfer-modal .transfer-step ul.step-description { list-style-image: url(/statics/images/list-style-image.png); font-size: 14px; margin: 5px 0 0 6px } .transfer-modal .transfer-step ul.step-description .desciption-line { margin: 5px 0 0 0; width: 100% } .transfer-modal .transfer-step ul.step-description li a { color: #555; text-decoration: underline } .transfer-modal .transfer-step .request-buttons { margin: 21px 0 25px 0 } .transfer-modal .transfer-step .request-buttons button { position: relative; float: right; cursor: pointer; color: white; border: 0; height: 22px; font-size: 14px; margin: 0 6px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .transfer-modal .transfer-step .request-buttons button.request-update { position: relative; background: #39f; font-family: SegoeUIRegular; width: 137px; right: 0; -webkit-box-shadow: 0 1px 0 #06498d; -moz-box-shadow: 0 1px 0 #06498d; -o-box-shadow: 0 1px 0 #06498d; -ms-box-shadow: 0 1px 0 #06498d; box-shadow: 0 1px 0 #06498d } .transfer-modal .transfer-step .request-buttons button.cancel-request-update { position: relative; background: #f66; font-family: SegoeUIItalic; width: 175px; right: 0; -webkit-box-shadow: 0 1px 0 #900; -moz-box-shadow: 0 1px 0 #900; -o-box-shadow: 0 1px 0 #900; -ms-box-shadow: 0 1px 0 #900; box-shadow: 0 1px 0 #900 } .transfer-modal .transfer-step .request-buttons button.cancel-lease-transfer { position: relative; background: #f66; font-family: SegoeUIRegular; width: 250px; right: 0; -webkit-box-shadow: 0 1px 0 #900; -moz-box-shadow: 0 1px 0 #900; -o-box-shadow: 0 1px 0 #900; -ms-box-shadow: 0 1px 0 #900; box-shadow: 0 1px 0 #900 } .transfer-modal .transfer-step button:hover { border: 1px solid #cbcbcb; border-radius: 2px } .transfer-modal div.gorizontal-line { height: 1px; width: 85%; background: #ddd; margin: 0 auto } .transfer-modal .cancel-transfer-btn { color: #555; font-family: SegoeUISemiBold; margin-right: 5px } .confirm-modal-window { background: #f66 } .confirm-modal-window .modal-title { font-weight: bold; color: #fff; margin-top: 15px } .confirm-modal-window .modal-footer { border-top: 0; text-align: center } .confirm-modal-window .modal-footer button { position: relative; background: #39f; font-family: SegoeUIRegular; -webkit-box-shadow: 0 1px 0 #06498d; -moz-box-shadow: 0 1px 0 #06498d; -o-box-shadow: 0 1px 0 #06498d; -ms-box-shadow: 0 1px 0 #06498d; box-shadow: 0 1px 0 #06498d; color: #fff; width: 85px; margin: 0 30px; font-size: 16px; padding: 6px 12px; display: inline-block; padding: 6px 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .confirm-modal-window .modal-footer button:hover { border: 1px solid #cbcbcb } .message-modal-main > div { max-width: 500px } .messages-modal-window .interlocutor-name a { font-size: 14px; color: #333; font-family: SegoeUIBold } .messages-modal-window .interlocutor-location { background: url(/statics/images/messages-pin.png) no-repeat 0; padding: 0 0 0 15px; font-size: 12px; color: #333 } .messages-modal-window .request { font-size: 12px; color: #333; text-align: right } .messages-modal-window .request a { color: #333 } .messages-modal-window .button-leases-drop { background: #f8f8f8; border: 1px solid #919191; font-size: 12px; color: #555; position: relative; padding: 3px 8px } .messages-modal-window .button-leases-drop .button-text { margin-right: 15px; white-space: normal } .messages-modal-window .button-leases-drop .caret { position: absolute; right: 3px; top: 49% } .messages-modal-window .leases .user-title { font-size: 10px; color: #555; font-family: SegoeUIBold } .messages-modal-window .leases .user-lease { font-size: 12px; color: #555 } .messages-modal-window .leases .user-lease label { display: block; cursor: pointer; font-family: SegoeUISemiBold; font-size: 12px; margin: 9px 0 0 2px } .messages-modal-window .leases .user-lease label.disabled { opacity: .5 } .messages-modal-window .leases .user-lease input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .messages-modal-window .leases .user-lease span { display: block } .messages-modal-window .leases .user-lease span:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: .125em solid white; box-shadow: 0 0 0 .15em #a3a3a3; margin-right: .75em; transition: .5s ease all } .messages-modal-window .leases .user-lease input:checked + span:before { background: #a3a3a3 } .messages-modal-window .subject span { color: #555; font-size: 12px } .messages-modal-window .subject span:hover { color: #555 } .messages-modal-window .subject input { padding: 0 5px !important; min-height: 25px !important; min-width: 130px !important; margin-right: 10px !important; border-radius: 4px; border: 1px solid #898989; background: #f8f8f8; font-family: SegoeUIRegular; font-size: 11px; color: #555; line-height: 22px; width: auto !important; margin-top: -3px; height: auto } .messages-modal-window .subject input:focus { border-color: #898989 } .messages-modal-window .message-container .simple-message { font-size: 13px; font-family: SegoeUIRegular; color: #6b6b6b } .messages-modal-window .message-container .simple-message .border { border: 1px solid #a1a1a1; padding: 2px 3px 10px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .messages-modal-window .message-container .simple-message .time { font-family: SegoeUIRegular; font-size: 10px; color: #353535; padding-left: 10px; padding-right: 10px; margin-top: 5px } .messages-modal-window .message-container .my .time { text-align: right } .messages-modal-window .message-container .request-message .time { font-size: 10px } .messages-modal-window .message-container .request-message { font-size: 12px; font-family: SegoeUIRegular; background: #5badff; color: #fff } .messages-modal-window .message-container .cancel-btn { font-family: SegoeUISemiBold; font-size: 14px } .messages-modal-window .message-container .cancel { font-size: 14px; font-family: SegoeUISemiBold; color: #b50000 } .messages-modal-window .message-container .finished { font-size: 14px; font-family: SegoeUISemiBold; color: #fff } .messages-modal-window .message-container .accept { font-size: 14px; font-family: SegoeUISemiBold; color: #fff } .messages-modal-window .message-container .my:after { content: ''; position: absolute; top: 5px; right: -7px; width: 8px; height: 14px; background: url(/statics/images/right_triangle.png); background-size: cover } .messages-modal-window .message-container .inter:before { content: ''; position: absolute; top: 5px; left: -7px; width: 8px; height: 14px; background: url('/statics/images/left_triangle.png'); background-size: cover } .messages-modal-window .message-container .new:before { content: ''; position: absolute; top: 5px; left: -7px; width: 8px; height: 14px; background: url('/statics/images/new_triangle.png'); -webkit-background-size: cover; background-size: cover } .messages-modal-window .write-message button { background: #39f; text-align: center; padding: 2px 9px; color: white; margin: 10px 5px 0 0; border-radius: 4px; border: 1px solid transparent; box-shadow: 0 1px 0 #06498d; cursor: pointer } .messages-modal-window .write-message button:hover { border: 1px solid #cbcbcb } .messages-modal-window .write-message .message-actions img { width: 20px; margin-top: 10px } .input-group-btn .active { background-color: #aaa !important } .home-logo { display: inline-block } .top-image { display: none } .home-logo.mobile { display: none } .price-range { display: block } .home-location-section { display: block } .home-lease-drive { display: none } .top-home-menu-nav .logined-user img.messages { margin: 20px 23px 0 -10px; float: right } .top-home-menu-nav .user-options li { color: white; height: 30px; line-height: 30px; border-bottom: 1px dotted white; padding: 0 16px } .top-home-menu-nav .user-options li:hover { background: #757575; cursor: pointer } .top-home-menu-nav .logined-user:hover .user-options { display: block !important } .top-home-menu-nav .right-side-menu { position: absolute; right: 0 } .user-icon, .add-car { display: none } .top-home-menu-nav .nav-menu .menu-link img.arrow { margin: 40px 0 0 20px; position: relative } .top-home-menu-nav .nav-menu .menu-link span { margin: 0 0 0 7px } .top-home-menu-nav .nav-menu .menu-link.hot-deals { margin: 0 12px } .top-home-menu-nav .nav-menu .menu-link.edu-center { margin: 0 14px 0 9px } .top-home-menu-nav .nav-menu .signup-signin { display: inline-block; margin: 0 11px 0 0; float: right } .top-home-menu-nav .nav-menu .signup-signin a { text-decoration: none; font-family: SegoeUILight; font-size: 20px; color: white } .top-home-menu-nav .nav-menu .signup-signin a:hover { border-bottom: 1px solid white } .top-home-menu-nav .nav-menu .signup-signin img { margin: 0 7px -6px 9px } .lease-info ul.lease-info-search-menu { padding: 0; list-style: none; font-family: SegoeUILight; font-size: 23px; text-align: center; margin: -4px 0 0 0 } .lease-info ul.lease-info-search-menu a { text-decoration: none; color: white } .lease-info ul.lease-info-search-listing-options .lease-search-button-go { min-width: 120px; text-align: center; color: white; border: 0 !important; background: #8b8b8b !important; border-radius: 4px; font-family: SegoeUIRegular; font-size: 30px; box-shadow: 0 2px 0 black } .lease-info ul.sub-menu-options li a { color: white; font-family: SegoeUILight; font-size: 23px } .simple-block-with-go-down-arrow { height: 76px; background: #666; border-bottom: 1px solid white; text-align: center; padding: 14px 0 0 0 } .home-search-section .zoom-below.mobile, .zoom-top.mobile { display: none } .home-search-section .search-car-list-slider { display: none } .home-search-section ul.search-car-list-result { text-align: center; list-style: none; padding: 0; display: block; position: absolute; width: 100%; top: 50%; margin-top: -200px } .home-search-section ul.search-car-list-result li { display: inline-block; margin: 80px 2%; width: 230px; height: 240px; background: white; border: 1px solid #ccc; box-shadow: 1px 3px 10px black } .home-search-section ul.search-car-list-result li:first-child { display: inline-block } .home-search-section ul.search-car-list-result li:last-child { display: inline-block } .home-search-section ul.search-car-list-result .under-zoom { width: 375px; height: 470px; margin: 0 40px; position: relative; background-color: transparent; border: 0; box-shadow: none } .home-search-section ul.search-car-list-result .under-zoom img.car-under-zoom { position: absolute; top: 150px; left: 0 } .home-search-section ul.search-car-list-result .under-zoom img.zoom-below { position: absolute; top: 125px; left: -60px; display: inline-block } .home-search-section ul.search-car-list-result .under-zoom img.zoom-top { position: absolute; top: 100px; left: -41px; display: inline-block } .home-search-section .zoom-top.mobile { display: none } .home-search-section .zoom-below.mobile { display: none } .home-search-section ul.search-car-list-result .year-and-cost { margin: 2px 0 0 2px; font-family: SegoeUIRegular; font-size: 14px; text-align: left } .home-search-section ul.search-car-list-result .year-and-cost .year { display: inline-block; color: #666 } .home-search-section ul.search-car-list-result .year-and-cost .cost { font-family: SegoeUIBold; display: inline-block; float: right; margin: 0 6px 0 0; font-size: 16px } .home-search-section ul.search-car-list-result .year-and-cost .value { font-family: inherit; font-size: 18px } .home-search-section ul.search-car-list-result .loc-and-period { font-family: SegoeUIRegular; margin: 0; font-size: 14px; padding: 0 5px 0 2px; text-align: left } .home-search-section ul.search-car-list-result .loc-and-period .loc { display: inline-block } .home-search-section ul.search-car-list-result .loc-and-period .period { display: inline-block; color: #666; float: right } .home-search-section ul.search-car-list-result .loc-and-period .loc { display: inline-block } .home-search-section ul.search-car-list-result .loc-and-period .period { display: inline-block; color: #666; float: right } .home-search-section .go-down-arrow.mobile { display: none } .home-connect-section .go-down-arrow.mobile { display: none } .select-car-body-type { margin: 125px auto 50px auto; text-align: center; display: block } .select-car-body-type h3 { padding: 0; margin: 0 0 40px 0; text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555 } .select-car-body-type table { text-align: center; display: block } .select-car-body-type table tbody { text-align: center; display: inline-block } .select-car-body-type table tr { text-align: center; display: inline-block } .select-car-body-type table tr td { font-family: SegoeUIRegular; font-size: 18px; color: #555; height: 149px; min-width: 149px !important; border: 1px solid #d7d7d7; text-align: center; margin: 3px 1px; padding: 0; display: inline-block } .select-car-body-type table tr td:hover { cursor: pointer } .select-car-body-type table tr td .car-type-img { height: 52px; display: block; margin: 25px auto 25px auto } .select-car-body-type table tr td .car-type-img img.coupe { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.convertible { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.hatchback { margin: 10px 0 0 0 } .select-car-body-type table tr td .car-type-img img.sedan { margin: 11px 0 0 0 } .select-car-body-type table tr td .car-type-img img.wagon { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.minivan { margin: 14px 0 0 0 } .select-car-body-type table tr td .car-type-img img.crossover { margin: 17px 0 0 0 } .select-car-body-type table tr td .car-type-img img.suv { margin: 11px 0 0 0 } .select-car-body-type table tr td .car-type-img img.truck { margin: 11px 0 0 0 } .select-car-body-type table tr td span { display: block } .select-car-brend-type { margin: 125px auto; text-align: center; display: block } .select-car-brend-type h3 { text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555; padding: 0; margin: 0 0 40px 0 } .select-car-brend-type span { font-family: SegoeUIRegular; font-size: 18px; color: #555; height: 42px; line-height: 42px; width: 148px; border: 1px solid #d7d7d7; text-align: center; margin: 3px 1px; display: inline-block } .select-car-brend-type span:hover { cursor: pointer } .price-range { margin: 0 0 50px 0 } .price-range h3 { text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555; padding: 0; margin: 0 0 40px 0 } .price-range .price-range-values .price-range-value { display: inline-block } .price-range .price-range-values .price-range-value.min { font-family: SegoeUIRegular !important; font-size: 18px !important } .price-range .price-range-values .price-range-value.min #min-price { width: 50px; color: #555 !important; border: 0; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .home-location-section h3 { text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555; padding: 0; margin: 0 0 17px 0 } .home-location-section .location-zip-code { display: inline-block } .home-location-section .location-zip-code input { font-family: SegoeUIRegular; font-size: 18px; display: inline-block; width: 104px; height: 42px; background: transparent; border: 1px solid #d7d7d7; outline: 0; padding: 0 0 0 19px } .home-location-section #location-slider-range { margin: 25px auto } .home-location-section .location-range-values .location-range-value { display: inline-block } .home-location-section .location-range-values .location-range-value.min { font-family: SegoeUIRegular !important; font-size: 18px !important; float: left } .home-location-section .location-range-values .location-range-value.min #min-dist { width: 50px; color: #555 !important; border: 0; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .home-location-section .location-range-values .location-range-value.max { font-family: SegoeUIRegular !important; font-size: 18px !important; float: right } .home-location-section .location-range-values .location-range-value.max #max-dist { width: 50px; color: #555 !important; border: 0; text-align: center; font-family: SegoeUIRegular !important; font-size: 18px !important; outline: 0; background: transparent } .home-location-section .matches-found { font-family: SegoeUIRegular; font-size: 18px; color: #555; margin: 10px 0 0 0 } .home-location-section .matches-found-result { font-family: SegoeUIRegular; font-size: 140px; color: #06c; margin: -30px 0 0 0 } .home-location-section .show-results-button { display: inline-block; color: white; font-family: SegoeUIRegular; font-size: 24px; width: 260px; height: 65px; line-height: 65px; background: #09f; margin: 6px 0 0 0; border-radius: 8px } .home-location-section .show-results-button:hover { cursor: pointer } .home-hot-deals-section { text-align: center; font-size: 0 } .home-hot-deals-section h3 { padding: 0; margin: 0 0 40px 0; text-align: center; font-family: SegoeUIRegular; font-size: 36px; color: #555 } .home-hot-deals-section .hot-deals-photos { display: inline-block; position: relative; cursor: pointer; overflow: hidden } .home-hot-deals-section .hot-deals-photos .first-photo { width: 481px; height: 540px; background: url(/statics/images/hot-deals-img1.jpg) no-repeat; background-size: cover !important; display: inline-block; position: relative; text-align: left } .home-hot-deals-section .hot-deals-photos .first-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .first-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 172px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc { width: 480px; height: 172px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info { display: inline-block } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 19px 14px 0 9px; display: inline-block } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 8px } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .first-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px; display: inline-block } .home-hot-deals-section .hot-deals-photos .hot-deals-car-desc .advanced-car-info { margin-top: 20px !important } .home-hot-deals-section .hot-deals-photos .first-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; font-size: 18px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos { display: inline-block } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos .second-photo { width: 480px; height: 360px; background: url(/statics/images/hot-deals-img2.jpg) no-repeat; background-size: cover !important; display: inline-block; position: absolute; top: 0; text-align: left } .home-hot-deals-section .hot-deals-photos .second-photo { width: 481px; height: 540px; background: url(/statics/images/hot-deals-img1.jpg) no-repeat; background-size: cover !important; display: inline-block; position: relative; text-align: left } .home-hot-deals-section .hot-deals-photos .second-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .second-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 172px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc { width: 480px; height: 172px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 19px 14px 0 9px; display: inline-block } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 8px } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .second-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .second-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; font-size: 18px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos .third-photo { width: 240px; height: 180px; background: url(/statics/images/hot-deals-img3.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .third-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .third-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 144px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc { width: 255px; height: 149px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 15px 2px 0 12px; display: inline-block } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 12px } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .third-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .third-photo .title { display: inline; position: absolute; color: white !important; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 14px; text-shadow: 0 1px 0 black; z-index: 2 } .home-hot-deals-section .hot-deals-photos .second-third-fourth-photos .fourth-photo { width: 240px; height: 180px; background: url(/statics/images/hot-deals-img4.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .fourth-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 240px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 144px; position: absolute; width: 100%; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc { width: 255px; height: 149px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 15px 2px 0 12px; display: inline-block } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 12px } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .fourth-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .fourth-photo .title { display: inline; position: absolute; color: white !important; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 14px; text-shadow: 0 1px 0 black; z-index: 2 } .home-hot-deals-section .hot-deals-photos .five-and-six-photos { display: inline-block } .home-hot-deals-section .hot-deals-photos .five-and-six-photos .five-photo { width: 479px; height: 180px; background: url(/statics/images/hot-deals-img5.jpg) no-repeat; background-size: cover !important; display: inline-block; position: absolute; top: 0; text-align: left } .home-hot-deals-section .hot-deals-photos .five-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; padding: 0 0 0 10px; font-size: 18px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .five-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .five-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 144px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc { width: 480px; height: 144px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 19px 14px 0 9px; display: inline-block } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 8px } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .five-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .five-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; font-size: 18px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .five-and-six-photos .six-photo { width: 479px; height: 360px; background: url(/statics/images/hot-deals-img6.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .six-photo { width: 481px; height: 540px; background: url(/statics/images/hot-deals-img1.jpg) no-repeat; background-size: cover !important; display: inline-block; position: relative; text-align: left } .home-hot-deals-section .hot-deals-photos .six-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 481px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .six-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 172px; position: absolute; width: 481px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc { width: 480px; height: 172px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 19px 14px 0 9px; display: inline-block } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 8px } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .six-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .six-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; font-size: 18px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos .seventh-photo { width: 479px; height: 540px; background: url(/statics/images/hot-deals-img7.jpg) no-repeat; background-size: cover !important; display: inline-block; text-align: left; position: relative } .home-hot-deals-section .hot-deals-photos .eight-photo { display: none; background-size: cover !important } .home-hot-deals-section .hot-deals-photos .seventh-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 36px; position: absolute; width: 479px; top: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .transparency-bottom { opacity: .5; -moz-opacity: .5; background-color: #333; height: 172px; position: absolute; width: 479px; bottom: 0; z-index: 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc { width: 479px; height: 172px; color: white; position: absolute; bottom: 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-family: SegoeUIRegular; font-size: 12px; padding: 8px 0 0 9px } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 0 11px 0 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 12px; padding: 0 0 0 9px } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 41px 0 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 14px; margin: 0 4px 0 4px } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .general-info .car-info { font-family: SegoeUIRegular; font-size: 14px; color: white; margin: 19px 14px 0 9px; display: inline-block } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .general-info .car-info:last-child { margin: 8px 0 0 8px } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .general-info .car-info img { margin: 0 5px 0 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .general-info .car-info .value { margin: 0 3px 0 0 } .home-hot-deals-section .hot-deals-photos .seventh-photo .hot-deals-car-desc .advanced-car-info { font-family: SegoeUIRegular; font-size: 12px; width: 255px; margin: 8px 0 0 9px; line-height: 15px } .home-hot-deals-section .hot-deals-photos .seventh-photo .title { display: inline; position: absolute; color: white; line-height: 36px; font-family: SegoeUILight; font-size: 18px; padding: 0 0 0 10px; text-shadow: 0 1px 0 black } .top-menu-nav { height: 60px; background: #a3a3a3; position: relative } .top-menu-nav a img { float: left } .top-menu-nav .lease-drive { display: inline-block; line-height: 60px; color: white; font-family: SegoeUIRegular; font-size: 22px; margin: -1px 0 0 8px; text-shadow: 0 1px 0 black } .top-menu-nav .user-icon, .add-car { display: none } .top-menu-nav .nav-menu { width: 700px; height: 60px; float: right; text-shadow: 0 1px 0 black; line-height: 56px } .top-menu-nav .nav-menu .menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-menu-nav .nav-menu .menu-link img { margin: 17px 0 0 10px } .top-menu-nav .nav-menu .menu-link img.arrow { margin: 40px 0 0 20px; position: relative } .top-menu-nav .nav-menu .menu-link span { margin: 0 0 0 7px } .top-menu-nav .nav-menu .menu-link.search span { margin: 0 0 0 -20px } .top-menu-nav .nav-menu .menu-link.hot-deals { margin: 0 12px } .top-menu-nav .nav-menu .menu-link.edu-center { margin: 0 14px 0 9px } .top-menu-nav .nav-menu img.separate-line { position: absolute; top: 8px; right: 177px } .top-menu-nav .nav-menu .signup-signin { display: inline-block; margin: 0 11px 0 0; float: right } .top-menu-nav .nav-menu .signup-signin a { text-decoration: none; font-family: SegoeUILight; font-size: 20px; color: white } .top-menu-nav .nav-menu .signup-signin a:hover { border-bottom: 1px solid white } .top-menu-nav .nav-menu .signup-signin img { margin: 0 7px -6px 9px } .top-menu-nav.logined .nav-links { width: 508px; float: right; margin: 0 35px 0 0; display: inline-block } .top-menu-nav.logined .nav-menu a.menu-link { font-family: SegoeUILight; font-size: 16px; color: white; text-decoration: none; display: inline-block; margin: 0 12px } .top-menu-nav.logined .nav-menu img.separate-line { margin: 0 -32px 0 0 } .top-menu-nav.logined .logined-user img.arrow { position: relative; top: 44px; right: -28px } .logined-user img.messages { margin: 20px 23px 0 -10px; float: right } .user-options li { color: white; height: 30px; line-height: 30px; border-bottom: 1px dotted white; padding: 0 16px } .user-options li:hover { background: #757575; cursor: pointer } .logined-user:hover .user-options { display: block !important } .clear { clear: both } @media only screen and (max-width:1700px) { .lease-info ul.sub-menu-options { margin: 0 0 0 15% } } @media only screen and (max-width:1500px) { .home-search-section ul.search-car-list-result li { width: 192px; height: 240px; margin: 90px 1% } } @media only screen and (max-width:1400px) { .lease-info ul.sub-menu-options { margin: 0 0 0 14% } } @media only screen and (max-width:1100px) { .home-search-section ul.search-car-list-result li { width: 180px; height: 230px; margin: 80px 1% } .home-search-section ul.search-car-list-result li img { width: 190px !important } } @media only screen and (max-width:1300px) { .home-search-section { height: 600px } .home-search-section .name-of-section { font-size: 120px } .home-connect-section { height: 600px } .home-connect-section .name-of-section { font-size: 120px } .home-transfer-section { height: 600px } .home-transfer-section .name-of-section { font-size: 120px } .lease-info ul.lease-info-search-listing-options li.search-button-go { min-width: 14% } .lease-info ul.sub-menu-options { margin: 0 0 0 13% } } @media only screen and (max-width:1100px) { .home-search-section .name-of-section { font-size: 100px } .home-search-section .sample-section-text { font-size: 28px } .top-home-menu-nav .home-logo a img { width: 100px } .lease-info ul.sub-menu-options { margin: 0 0 0 12% } .top-home-menu-nav .lease-drive { line-height: 30px; font-size: 19px } .home-search-section ul.search-car-list-result li .search-car-title { font-size: 11px } .home-search-section ul.search-car-list-result li { width: 180px; height: 215px; margin: 0 } .home-search-section ul.search-car-list-result li .year-and-cost { font-size: 12px } .home-search-section ul.search-car-list-result li .year-and-cost .value { font-size: 15px } .home-search-section ul.search-car-list-result li img { width: 190px !important } .home-search-section ul.search-car-list-result li .loc-and-period { font-size: 11px } .home-transfer-section { height: 500px } .home-connect-section { height: 500px } .home-search-section ul.search-car-list-result { margin-top: -110px } .home-connect-section .name-of-section { font-size: 100px } .home-connect-section .sample-section-text { font-size: 28px } .home-transfer-section .name-of-section { font-size: 100px } .home-transfer-section .sample-section-text { font-size: 28px } } @media only screen and (max-width:960px) { .lease-info ul.lease-info-search-listing-options li select { font-size: 21px } .home-connect-section .sample-section-text { margin: -35px 3% 0 0 } .lease-info ul.lease-info-search-listing-options li select option { font-size: 21px } .lease-info ul.sub-menu-options { margin: 0 0 0 2% } .home-search-section ul.search-car-list-result li:last-child { display: none } .home-search-section ul.search-car-list-result li { margin: 0 } } @media only screen and (max-width:850px) { .top-home-menu-nav .lease-drive { font-size: 20px } .lease-info ul.sub-menu-options { margin: 0 0 0 7% } .home-search-section .name-of-section { font-size: 80px } .home-search-section .sample-section-text { font-size: 26px } .home-connect-section .name-of-section { font-size: 80px } .home-connect-section .sample-section-text { font-size: 22px; margin: -28px 2% 15px 0 } .top-home-menu-nav .future-rent-car-info { width: 160px; height: 60px } .top-home-menu-nav .future-rent-car-info .model-of-rent-car { padding: 5px 10px } .top-home-menu-nav .future-rent-car-info .month-cost-of-rent-car .diapason { padding: 0 10px } .top-home-menu-nav .future-rent-car-info { font-size: 15px } .home-transfer-section .name-of-section { font-size: 80px } .home-transfer-section .sample-section-text { font-size: 20px; margin: -40px 0 0 7% } } @media only screen and (max-width:770px) { .top-home-menu-nav .logined-user { margin: 0 5px; font-size: 13px } .top-home-menu-nav .future-rent-car-info .model-of-rent-car { padding: 6px; font-size: 13px } .top-home-menu-nav .future-rent-car-info { width: 165px; height: 66px } .top-home-menu-nav .future-rent-car-info { font-size: 15px; width: 145px; height: 60px } .top-home-menu-nav .future-rent-car-info .month-cost-of-rent-car .diapason { font-size: 14px; padding: 0 6px } .top-home-menu-nav .home-logo a img { width: 80px } .top-home-menu-nav .lease-drive { line-height: 20px; font-size: 15px; margin: 0 0 18% 24px } .lease-info ul.lease-info-search-listing-options li select { font-size: 16px } .lease-info ul.lease-info-search-listing-options li select option { font-size: 16px } .home-search-section ul.search-car-list-result li:first-child { display: none } .lease-info ul.sub-menu-options { margin: 0 0 0 7% } } @media only screen and (max-width:700px) { .lease-info ul.sub-menu-options { margin: 0 0 0 5% } .top-home-menu-nav .nav-menu .menu-link { margin: 0 } .top-home-menu-nav.logined .nav-menu a.menu-link { margin: 0 } .top-home-menu-nav .nav-menu .menu-link img.arrow { margin: 35px 0 0 20px; position: relative; width: 6px } .top-home-menu-nav .nav-menu .menu-link img { margin: 23px 0 0 10px; width: 12px } .top-home-menu-nav.logined .nav-menu a.menu-link { font-size: 13px } .top-home-menu-nav .logined-user { margin: 0; font-size: 13px } .top-home-menu-nav .logined-user a { padding: 0 5px } .lease-info ul.lease-info-search-listing-options li { min-width: 16% !important; margin: 0 } .lease-info ul.lease-info-search-listing-options .lease-search-button-go { min-width: 110px } div#price-slider-range { width: 86% } .home-location-section #location-slider-range { width: 90% } } @media only screen and (max-width:600px) { .top-home-menu-nav .home-logo a img { width: 70px; margin: 18px 0 0 14px } .top-home-menu-nav .nav-menu .menu-link span { margin: 0 0 0 4px } .top-home-menu-nav .lease-drive { font-size: 14px; margin: 0 0 18% 12px } .top-home-menu-nav .future-rent-car-info .model-of-rent-car { padding: 5px 5px 0 5px } .home-search-section ul.search-car-list-result li { margin: 40px 25px } .home-search-section ul.search-car-list-result li:nth-child(2) { display: none } .home-search-section .name-of-section { padding: 0; font-size: 80px } .home-search-section { height: 550px } .home-search-section ul.search-car-list-result { margin-top: -150px } .home-search-section .sample-section-text { font-size: 19px } .home-connect-section .name-of-section { font-size: 60px; margin: 0 } .home-connect-section .sample-section-text { font-size: 17px; margin: -20px 15px 40px 2% } .home-transfer-section .name-of-section { font-size: 60px } .home-transfer-section .sample-section-text { font-size: 17px; margin: -40px 0 250px 4% } .home-connect-section .go-down-arrow, .home-search-section .go-down-arrow, .home-transfer-section .go-down-arrow { bottom: 20px } .lease-info ul.sub-menu-options { margin: 0 0 0 2% } .top-home-menu-nav .future-rent-car-info { font-size: 12px; width: 125px; height: 48px } .top-home-menu-nav .future-rent-car-info .month-cost-of-rent-car .diapason { padding: 0 5px } .lease-info ul.lease-info-search-listing-options li select { font-size: 13px } .lease-info ul.lease-info-search-listing-options li { min-width: 19% !important; margin: 0; height: 50px; line-height: 25px } .lease-info ul.lease-info-search-listing-options li input { font-size: 16px; width: 85px } .lease-info ul.lease-info-search-listing-options .lease-search-button-go { height: 47px; min-width: 65px; margin: 3px 0 0 0 } .home-transfer-section { border-top: 1px solid #707070; border-bottom: 1px solid #707070 } .home-connect-section { border-top: 1px solid #707070; border-bottom: 1px solid #707070 } } @media only screen and (min-width:120px) and (max-width:480px) { .home-hot-deals-section { margin-bottom: 30px } body { min-width: 320px } .home-logo { display: none } .home-logo.mobile { display: inline-block; float: left } .top-image { display: block; position: relative } .top-image > img { width: 100% } .top-image .future-rent-car-info-mobile { position: absolute; width: 85px; height: 27px; background: black; margin: 0; font-family: SegoeUIRegular; font-size: 8px; color: white; bottom: 20px; padding: 3px 5px 1px 5px } .top-home-menu-nav { height: 45px; padding: 0 5px; background: #a3a3a3 } .top-home-menu-nav a img { margin: 0 } .top-home-menu-nav .lease-drive { display: none } .top-home-menu-nav .user-icon { display: inline-block; float: right; position: relative; right: 45px; top: 13px } .top-home-menu-nav .user-icon img { width: 15px; height: 19px } .top-home-menu-nav .add-car { display: inline-block; float: right; position: relative; right: 100px; top: 15px } .top-home-menu-nav .add-car img { width: 24px; height: 21px } .top-home-menu-nav .home-logo.mobile a img { width: 45px !important; margin: 5px } .top-home-menu-nav .home-lease-drive { font-size: 20px; font-family: SegoeUILight; line-height: 45px; color: white; text-shadow: 0 1px 0 black; margin: -1px 0 0 8px; display: inline-block; float: left } .top-home-menu-nav .mobile_nav_icon_bg { background: #686868; position: absolute; top: 0; right: 0; width: 50px; height: 45px; display: inline-block } .lease-info ul.lease-info-search-listing-options li input { width: 100% !important } .top-home-menu-nav .mobile_nav_icon_bg #mobile_nav_icon { display: inline-block; border-bottom: 10px double white; border-top: 3px solid white; height: 4px; width: 25px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; border-top-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); cursor: pointer; margin: 15px auto 0 13px; border-color: #fff } .top-home-menu-nav .nav-menu { display: none } .top-home-menu-nav.logined .nav-links { display: none } .logined-user { display: none } .lease-info { padding: 60px 0 0 0; height: 376px; background: url(/statics/images/lease-mobile-info-bg.png) repeat-x } .lease-info ul.lease-info-search-menu li { min-width: 114px; line-height: 35px } .lease-info ul.lease-info-search-menu { font-size: 16px; position: absolute; top: 0; display: block; width: 100% } .lease-info ul.lease-info-search-listing-options { margin: 0 } .lease-info ul.lease-info-search-listing-options li { display: inline-block; width: 90%; margin: 5px 0; line-height: 25px; height: 44px } .lease-info ul.lease-info-search-listing-options li:last-child { display: block; width: 100%; background: transparent; border: 0 } .lease-info ul.lease-info-search-listing-options li.lease-zip-code { width: 90% } .lease-info ul.lease-info-search-listing-options .lease-search-button-go { display: inline-block; width: 120px; height: 60px; line-height: 60px; font-size: 30px; float: right; margin: 5% 25px 0 0 } .lease-info ul.sub-menu-options { margin: -9% 0 0 0 } .lease-info ul.sub-menu-options li { margin: 0 7% } .lease-info ul.sub-menu-options li a { font-size: 16px } .simple-block-with-go-down-arrow { height: 30px } .lease-info ul.lease-info-search-listing-options li select { background: url(/statics/images/1down.png) no-repeat 96% 12px } .simple-block-with-go-down-arrow img { display: none } .home-search-section .name-of-section { font-size: 34px } .home-search-section .sample-section-text { font-size: 8px; margin: 0 0 0 8% } .home-search-section ul.search-car-list-result { display: none } .home-hot-deals-section .hot-deals-photos .five-and-six-photos .five-photo { top: 0 !important } .home-search-section .go-down-arrow { display: none } .home-search-section .go-down-arrow.mobile { display: inline-block; position: absolute; bottom: 0; left: 45% } .home-search-section { overflow: hidden } .home-search-section .search-car-list-slider { display: block; margin: 85px 0 0 } .home-search-section .search-car-list-slider .slick-prev { left: 5px !important; width: 60px !important; height: 60px !important; z-index: 2 !important } .home-search-section .search-car-list-slider .slick-next { right: 5px !important; width: 60px !important; height: 60px !important; z-index: 2 !important } .slick-prev:before, .slick-next:before { font-size: 60px !important } .home-search-section .search-car-list-slider .slider-item { text-align: center !important; position: relative !important } .home-search-section .zoom-top.mobile { display: inline-block; position: absolute; top: 90px; left: 108px; width: 260px !important; height: 270px !important } .home-search-section .zoom-below.mobile { display: inline-block; position: absolute; top: 100px; left: 105px; width: 260px !important; height: 270px !important } .home-search-section .search-car-list-slider .slider-item img.slider-car-photo { margin: 0 auto } .home-search-section .search-car-list-slider .search-car-title { font-family: SegoeUIBold; font-size: 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 228px; margin: -4px 0 0 0; padding: 1px 0 0 2px; background: #f0f0f0; text-align: left; display: inline-block } .home-search-section .search-car-list-slider .year-and-cost { margin: 0; font-family: SegoeUIRegular; font-size: 14px; text-align: left; width: 230px; display: inline-block; background: white } .home-search-section .search-car-list-slider .year-and-cost .year { display: inline-block; color: #666; margin: 2px 0 0 4px } .home-search-section .search-car-list-slider .year-and-cost .cost { font-family: SegoeUIBold; display: inline-block; float: right; margin: 0 6px 0 0; font-size: 16px } .home-search-section .search-car-list-slider .year-and-cost .value { font-family: inherit; font-size: 18px } .home-search-section .search-car-list-slider .loc-and-period { font-family: SegoeUIRegular; margin: 0; font-size: 14px; padding: 0 5px 0 2px; text-align: left; display: inline-block; background: white; width: 230px } .home-search-section .search-car-list-slider .loc-and-period .loc { display: inline-block; margin: 0 98px 0 0 } .home-search-section .search-car-list-slider .loc-and-period .period { display: inline-block; color: #666; float: right } .home-search-section .search-car-list-slider .month-remaining { margin: 0; font-family: SegoeUIRegular; font-size: 14px; text-align: left; width: 230px; display: inline-block; background: white } .home-search-section .search-car-list-slider .month-remaining .title { display: inline-block; color: #666; margin: 2px 0 0 4px } .home-search-section .search-car-list-slider .month-remaining .month { font-family: SegoeUIRegular; display: inline-block; float: right; margin: 0 6px 0 0; font-size: 14px } .home-search-section .search-car-list-slider .month-remaining .value { font-family: SegoeUIBold; font-size: 14px; color: black } .home-search-section .search-car-list-slider .month-remaining { margin: 0; font-family: SegoeUIRegular; font-size: 14px; text-align: left; width: 230px; display: inline-block; background: white } .home-search-section .search-car-list-slider .actual-miles { margin: 0; font-family: SegoeUIRegular; font-size: 14px; text-align: left; width: 230px; display: inline-block; background: white } .home-search-section .search-car-list-slider .actual-miles .title { display: inline-block; color: #666; margin: 2px 0 0 4px } .home-search-section .search-car-list-slider .actual-miles .miles { font-family: SegoeUIRegular; display: inline-block; float: right; margin: 0 6px 0 0; font-size: 14px } .home-search-section .search-car-list-slider .actual-miles .value { font-family: SegoeUIBold; font-size: 14px; color: black } .home-search-section { height: 470px } .home-connect-section { height: 316px; position: relative; border-top: 1px solid #707070; border-bottom: 1px solid #707070 } .home-connect-section .name-of-section { font-size: 34px; position: absolute; bottom: 15%; right: 5%; padding: 0 } .home-connect-section .sample-section-text { font-size: 8px; position: absolute; bottom: 14%; right: 6%; padding: 0; margin: 0 } .home-connect-section ul.search-car-list-result { display: none } .home-connect-section .go-down-arrow { display: none } .home-connect-section .go-down-arrow.mobile { display: inline-block; position: absolute; bottom: 0; left: 45% } .home-transfer-section { height: 318px; border-top: 1px solid #707070; border-bottom: 1px solid #707070 } .home-transfer-section .name-of-section { font-size: 34px } .home-transfer-section .sample-section-text { font-size: 8px; margin: 0 0 0 10% } .home-transfer-section .go-down-arrow { display: none } .home-hot-deals-section .hot-deals-photos.mobile { display: block; text-align: center; margin: 0 0 -136px 0 } .home-hot-deals-section h3 { font-size: 24px; margin: 15px 0 } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo { display: inline-block; width: 180px !important; height: 136px !important; background: url(/statics/images/mobile-hot-deals-car-photo.png) no-repeat; position: relative; text-align: left } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo.first-photo { left: -90px } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo.fourth-photo { right: -90px } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo.seventh-photo { top: -272px } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo.eight-photo { display: inline-block; top: -544px } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .title { display: inline-block; color: white; line-height: 26px; font-family: SegoeUILight; padding: 0 5px; font-size: 11px; position: absolute; text-shadow: 0 1px 0 black } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .transparency-top { opacity: .5; -moz-opacity: .5; background-color: #333; height: 26px; position: absolute; width: 180px; top: 0; z-index: 0; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .transparency-bottom { opacity: .7; -moz-opacity: .7; background-color: #333; height: 37px; position: absolute; width: 180px; bottom: 0; z-index: 0; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .general-info { display: none } .home-hot-deals-section .hot-deals-photos.mobile .advanced-car-info { display: none } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc { width: 180px; height: 37px; color: white; position: absolute; bottom: 0; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-advertised-payment { font-size: 9px; padding: 0; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-advertised-payment .advertised-payment { margin: 5px 0 0 3px; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month { border-bottom: 1px dotted white; display: inline-block; float: right; padding: 0 0 2px 0 } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-advertised-payment .cost-per-month .value { font-family: SegoeUIBold; font-size: 11px; margin: 0 4px 0 0; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-month-remaining { font-family: SegoeUIRegular; font-size: 9px; padding: 0 0 0 15px; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining { margin: 0 5px 0 0; display: inline-block } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value { display: inline-block; margin: 1px 0 0 0 } .home-hot-deals-section .hot-deals-photos.mobile .hot-deals-photo .hot-deals-car-desc .hot-deals-month-remaining .month-remaining-value .value { font-family: SegoeUIBold; font-size: 11px; margin: 0 4px 0 4px; display: inline-block } } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: transparent !important } .down_search_car_per_page .dropdown-menu li { display: block !important } .down_search_car_per_page .dropdown .dropdown-menu { top: 18px !important } @media only screen and (min-width:320px) and (max-width:480px) { .main-ava-auto { width: 150px; height: 112px } .recthead { min-width: 320px; width: 100%; max-width: 480px; margin-left: 0; margin-right: 0; margin-top: -20px; padding: 0 5px } .user-widget .dealeravatar { display: none } .user-widget .rectinfo { display: none } .user-widget .onrectrate { display: none } .account-common .aside-menu li { display: none } .account-common .aside-menu { height: 20px; width: 100%; margin-top: 0 } .account-common .aside-menu .active { display: block; border: 0; font-size: 18px; margin-left: 5px; color: #555; margin-top: 3px } .account-common .aside-menu a span { display: none } .main-hr { display: none } .aside-hr { color: #ccc; border-bottom: 1px solid #ccc; display: block; width: 100%; margin-top: 5px; margin-bottom: 22px; border-top: 0 } .back-to-mobile { display: block; margin-left: 10px; margin-top: 18px; margin-bottom: 15px } .back-to-mobile a { font-size: 12px; color: black; border-bottom: 2px solid #bfbfbf; margin: 0 } .account-common .maindeal { width: 100%; margin: 0 } .account-common .maindeal > .dealercontent:first-child { width: 100%; min-height: 100%; margin-left: 0; padding: 0 } .dealercontent { width: 100%; min-height: 100%; margin-left: 0; padding: 0 } .auto-name-head { width: 70% } .auto-name-head p { font-size: 12px } .auto-header { margin-left: 5px; width: 98% !important; margin-top: 0 } .autoavatar { width: 150px; height: 112px; margin-top: 0; margin-left: 5px } .underavatar { width: 120%; bottom: 13px } .underavatar p { font-size: 10px } .underavatar p span { font-size: 10px } .stock_id { padding: 0; float: none } .underavatar img { width: 10px; bottom: 1px } .main-ava-auto img { width: 150px; height: 112px } .autostat { width: 23%; float: left; margin-top: 0 } .autostat p { font-size: 10px; display: inline } .autostat img { width: 12px } .autocontent p:first-child { display: none } .autocontent { width: 43%; margin: 0 0 5px 10px } .dealview { width: 110%; margin-bottom: 5px } .dealview img { bottom: 1px } .dealview img:first-child { width: 12px } .dealview p { padding: 0 } .geo img { width: 9px !important; height: 12px; position: relative; right: 2px; margin-right: 3px } .autocontent p { font-size: 10px; margin: 0 } .autocontent img { width: 11px } .dealview img { margin-left: 0 } .dealview img:first-child { margin-left: 0 } .auto-header { width: 100%; min-height: 24px } .auto-header .switch-ng-button { height: 18px; top: 1px } .lease-list-widget .price { margin: 0; width: 24%; margin-right: 5px; margin-top: 5px; top: 0 } .lease-list-widget .price p { font-size: 12px } .lease-list-widget .price h1 { font-size: 20px } .dealercontent > button { width: 110px; height: 20px; font-size: 12px; margin-bottom: 5px; margin-right: 5px } .head_foot { padding: 22px 19px } .about_us { margin: 0; width: 140px; float: right; font-size: 18px } .resources { margin: 0; float: right; margin-left: 50%; font-size: 18px } .social_icons { float: right; padding: 0; margin-top: 25px; margin-right: 48px } .copyright { width: 100%; display: inline-block; bottom: 0; font-size: 12px; margin-top: 15px } .copyright span a { margin: 0 } .top-menu-nav { height: 45px; padding: 0 5px } .top-menu-nav .user-icon { display: inline-block; float: right; position: relative; right: 40px; top: 13px } .top-menu-nav .user-icon img { width: 15px; height: 19px } .top-menu-nav .add-car { display: inline-block; float: right; position: relative; right: 100px; top: 15px } .top-menu-nav .add-car img { width: 24px; height: 21px } .top-menu-nav a img { width: 57px } .top-menu-nav .lease-drive { font-size: 20px; font-family: SegoeUILight; line-height: 45px } .top-menu-nav .mobile_nav_icon_bg { background: #686868; position: absolute; top: 0; right: 0; width: 50px; height: 45px; display: inline-block } .top-menu-nav .mobile_nav_icon_bg #mobile_nav_icon { display: inline-block; border-bottom: 10px double white; border-top: 3px solid white; height: 17px; width: 25px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; border-top-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); cursor: pointer; margin: 15px auto 0 13px; border-color: #fff } .top-menu-nav .nav-menu { display: none } .top-menu-nav.logined .nav-links { display: none } .logined-user { display: none } } @media only screen and (min-width:320px) and (max-width:480px) { .dealercontent-settings { width: 100%; margin: 0 } .maindeal > .dealercontent-settings:first-child { width: 100%; margin: 35px 0 0 0 } .dealercontent-settings .form-horizontal .form-group { margin-right: 0; margin-left: 0 } .dealercontent-settings .form-group div { display: inline-block; float: right } .dealercontent-settings.col-sm-4 { padding-right: 5px; padding-left: 0 } .dealercontent-settings .form-group label:first-child { font-size: 12px; margin: 0; padding: 0; margin-left: 5px; margin-top: 10px } .dealercontent-settings .form-group input { width: 180px } .dealercontent-settings .mobile_ava_dealer { display: block; width: 98px; height: 120px; margin-bottom: 20px; margin-left: 5px } .dealercontent-settings .delete_this { float: right; color: #f66; font-size: 9px; cursor: pointer; margin-top: 3px } .dealercontent-settings .delete_this img { position: relative; bottom: 1px } .dealercontent-settings .mobile_ava_dealer .dealeravatar { display: block; height: 98px; width: 98px } .dealercontent-settings .mobile_ava_dealer .dealeravatar img { height: 98px; width: 98px } .dealercontent-settings .form-horizontal { padding: 0; margin: 0 } .dealercontent-settings .form-control-static { word-wrap: break-word } .dealercontent-settings .form-horizontal:first-child .form-group:first-child div { width: 185px } .dealercontent-settings .form-group button { margin-right: 0 } .dealercontent-settings .form-group:first-child > label:first-child { margin-top: 0 } .dealercontent-settings .form-group:first-child { margin-bottom: 15px } .dealercontent-settings .form-control-static { width: 100px } .dealercontent-settings .notify-box { margin-left: 5px } .dealercontent-settings .first-notif p:first-child { font-size: 14px; margin-bottom: 5px } .dealercontent-settings .first-notif p:last-child { font-size: 12px } .dealercontent-settings .form { font-size: 12px } .dealercontent-settings .last-button-noti { margin-top: 0; padding-right: 5px } .dealercontent-settings .delete-acc { margin-right: 5px; margin-bottom: 20px } } .search-index .dealercontent > button { position: absolute } .search-index .auto-header { width: 576px } .search-noresults .container, .search-index .container { padding-left: 0; padding-right: 0 } .row-centered { text-align: center } .col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px } .sign-in .change-form-btn { text-align: center; margin-top: 20px } .transfer-modal .transfer-status .left-image, .transfer-modal .transfer-status .right-image { display: inline-block; width: 15% } @media only screen and (min-width:480px) and (max-width:720px) { .transfer-modal .transfer-status .left-image, .transfer-modal .transfer-status .right-image { width: 13% } } @media only screen and (min-width:180px) and (max-width:480px) { .transfer-modal .transfer-status .title { font-size: 14px } } #preloader_overlay { position: fixed; z-index: 1040; left: 0; top: 0; width: 100%; height: 100%; background: #8e8e8e; opacity: .5 } #preloader_indicators { position: fixed; z-index: 1200; left: 50%; top: 50%; width: 200px; height: 125px; margin: -63px 0 0 -100px } .lease-create .btn-default { font-size: 12px; padding: 6px 12px } body .lease-create .btn-default { background-color: transparent; color: #333; padding: 5px 10px; box-shadow: 0 1px 1px rgba(6, 73, 141, 1); border: 1px solid #ccc; border-radius: 3px } .lease-create .btn-info.active, .lease-create .btn-info:active, .lease-create .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc } .dealercontent { padding: 0 0 5px 5px; font-family: 'SegoeUIRegular' } .dealercontent .dealer-mob-header { width: 100%; display: none; background: #f0f0f0 } .dealercontent .dealer-left-part { width: 25%; display: inline-block; vertical-align: top; font-size: 14px } .dealercontent .dealer-right-part { width: 75%; display: inline-block; vertical-align: top; margin: 0 -4px } .dealercontent .dealer-left-part .lease-list-image img { width: 100% } .dealercontent .dealer-left-part .lease-list-image a { display: block } .dealercontent .dealer-left-part .lease-image-sign { width: 100% } .dealercontent .dealer-left-part .multimedia { min-width: 65%; display: inline-block; vertical-align: bottom } .dealercontent .dealer-left-part .multimedia img { position: relative; bottom: 2px } .dealercontent .dealer-left-part .stock-sign-id { display: inline-block; text-align: right; vertical-align: bottom; min-width: 33% } .dealercontent .dealer-left-part .stock-sign-id span { color: #999; font-size: 12px } .dealercontent .head-part { width: 100%; display: block; background: #f0f0f0 } .dealercontent .head-part-left { display: inline-block; width: 68%; vertical-align: top; padding-left: 10px } .dealercontent .head-part-left a { font-size: 18px } .dealercontent .head-part-right { display: inline-block; width: 30%; text-align: right; font-size: 11px; vertical-align: text-bottom } .dealercontent .dealer-right-part .left-content { display: inline-block; width: 74%; box-sizing: border-box; padding-left: 10px } .dealercontent .dealer-right-part .left-content .params-autocontent { margin: 0 0 10px } .dealercontent .dealer-right-part .left-content .gas-pit > div { display: inline-block; padding: 4px 0 } .dealercontent .dealer-right-part .left-content img { position: relative; bottom: 2px } .dealercontent .dealer-right-part .left-content .location { margin-bottom: 10px } .dealercontent .dealer-right-part .left-content .location img { margin-right: 10px } .dealercontent .dealer-right-part .left-content .views-count-offered img { margin-right: 7px } .dealercontent .dealer-right-part .left-content .views-count-offered div { display: inline-block; white-space: nowrap } .dealercontent .dealer-right-part .left-content .views-count-offered div:first-child { margin-right: 10px } .dealercontent .left-content img.incentive-image { margin-right: 5px !important } .dealercontent .dealer-right-part .right-content { display: inline-block; width: 24%; box-sizing: border-box; vertical-align: top; padding: 0 8px 0 0 } .dealercontent .right-content div { text-align: right } .dealercontent .lease-main-price { font-size: 33px; margin-top: 5px } .dealercontent .text-per-month { font-size: 18px; color: #b8b8b8 } .dealercontent .text-total-month { font-size: 18px; font-family: "SegoeUISemiBold" } .dealercontent .dealer-right-part .center-content { display: block; padding-right: 10px } .dealercontent .dealer-right-part .center-content button { border-radius: 2%; background-color: #39f; padding: 0; font-size: 18px; width: 159px; height: 28px; border: 0; box-shadow: 0 1px 0 #06498d; float: right } .maindeal { display: inline-block; margin: 0; width: 84%; vertical-align: top; padding: 0 0 0 10px } .aside-menu { display: inline-block; width: 15%; margin: 0; vertical-align: top; padding-top: 35px } @media screen and (min-width:180px) and (max-width:480px) { .dealercontent .dealer-mob-header { display: block } .dealercontent .head-part { display: none } .dealercontent .head-part-left { font-size: 12px } .dealercontent .params-autocontent { display: none } .dealercontent .lease-main-price { font-size: 20px } .dealercontent .text-per-month { font-size: 12px } .dealercontent .text-total-month { font-size: 12px } .dealercontent .dealer-right-part .left-content { width: 53% } .dealercontent .dealer-right-part .right-content { width: 44% } .dealercontent .lease-image-sign { font-size: 10px } .dealercontent .stock-sign-id { font-size: 10px } .dealercontent .dealer-left-part { width: 40% } .dealercontent .dealer-right-part { width: 60% } .dealercontent .dealer-right-part .center-content button { width: 110px; height: 20px; font-size: 12px; margin-bottom: 5px; margin-right: 5px } } .set-minimal-lease .dealercontent .dealer-mob-header { display: block } .set-minimal-lease .dealercontent .head-part { display: none } .set-minimal-lease .dealercontent .head-part-left { font-size: 12px } .set-minimal-lease .dealercontent .params-autocontent { display: none } .set-minimal-lease .dealercontent .lease-main-price { font-size: 20px } .set-minimal-lease .dealercontent .text-per-month { font-size: 12px } .set-minimal-lease .dealercontent .text-total-month { font-size: 12px } .set-minimal-lease .dealercontent .dealer-right-part .left-content { width: 53% } .set-minimal-lease .dealercontent .dealer-right-part .right-content { width: 44% } .set-minimal-lease .dealercontent .lease-image-sign { font-size: 10px } .set-minimal-lease .dealercontent .stock-sign-id { font-size: 10px } .set-minimal-lease .dealercontent .dealer-left-part { width: 40% } .set-minimal-lease .dealercontent .dealer-right-part { width: 60% } .set-minimal-lease .dealercontent .dealer-right-part .center-content button { width: 110px; height: 20px; font-size: 12px; margin-bottom: 5px; margin-right: 5px } .transfer-modal .transfer-step .request-buttons button.cancel-request-update span { font-family: SegoeUIRegular } @media screen and (min-width:180px) and (max-width:480px) { .transfer-custom-modal .modal-header { padding: 20px 5px 0 !important } .transfer-custom-modal .modal-body { padding: 20px 5px !important } } .message-modal-main .modal-content { overflow: visible } .message-modal-main .interlocutor-location { margin: 0 0 5px } .messages-modal-window .message-container .inter .border { background: #f8f8f8 } .messages-modal-window .message-container .new .border { background-color: #9ccca4 } .messages-modal-window .user-container .subject { margin-top: 15px } .messages-modal-window .user-container .subject span { padding: 5px 10px; min-height: 30px; min-width: 130px; margin-right: 10px; border-radius: 4px; border: 1px solid #898989; background: #f8f8f8; font-family: SegoeUIRegular; font-size: 11px; color: #555; line-height: 22px } .messages-modal-window .user-container .user-left-part { display: inline-block; width: 30%; vertical-align: top } .messages-modal-window .user-container .user-right-part { display: inline-block; width: 68%; vertical-align: top } .messages-modal-window .user-container .content-left-part { display: inline-block; width: 45%; vertical-align: top } .messages-modal-window .user-container .content-right-part { display: inline-block; width: 53%; vertical-align: top } .message-modal-main .modal-header { padding: 5px 0 0 0 !important } .message-modal-main .modal-body { padding: 20px 0 5px 0 !important } .dialog-widget .message-container .my { width: 80%; margin-left: 19%; position: relative } .dialog-widget .message-container .inter { width: 80%; position: relative } .dialog-widget .textarea-container { border-top: 2px solid #d6d6d6; border-left: 2px solid #d6d6d6; background: #f4f4f4; padding: 6px 5px; font-family: SegoeUILight; font-size: 13px; width: auto; border-bottom: 0; border-right: 0; margin: 0 5px } .dialog-widget .textarea-container textarea { outline: 0; border: 0; resize: none !important; width: 100%; background: #f4f4f4 } #header nav.navbar.navbar-default { margin-bottom: 0 } @media only screen and (max-width:600px) { .content .your_search { width: 50%; float: right } .content .top_search_car_per_page { min-width: 108px } .search-index .filter-widget-fix { padding: 0 } } @media screen and (min-width:180px) and (max-width:720px) { .dealer-prospects .overflow-for-prospects { overflow-x: scroll } .dealer-prospects .show_bar { bottom: 0 } } @media screen and (min-width:180px) and (max-width:480px) { .account-common { margin: 0 -15px } .tab-pane { margin: 0 } .maindeal { padding: 0 } .maindeal .compare-button-container { padding-right: 5px } } .maindeal .compare-button-container { text-align: right } .dealercontent-reviews { display: block; width: 100% } .dealercontent-reviews .ontop { font-size: 14px } .dealercontent-reviews .ontop div { display: inline } .dealercontent-reviews .ontop div p { display: inline } .dealercontent-reviews .ontop-left img { position: relative; bottom: 3px; padding-right: 5px } .dealercontent-reviews .ontop-left span { color: black; font-size: 14px; font-family: 'SegoeUIBold' } .dealercontent-reviews .ontop-right { float: right } .dealercontent-reviews .ontop-right p { margin-right: 10px } .dealercontent-reviews .ontop-right img { cursor: pointer } .dealercontent-reviews .review-top-hr { margin-top: 0; margin-bottom: 15px } .dealercontent-reviews .message_container:first-child { background-color: #f4f4f4; border: 1px solid #ccc; padding: 0 } .dealercontent-reviews .message_container { background-color: #f4f4f4; border: 1px solid #ccc; border-top: 1px solid rgba(1, 1, 1, 0); padding: 5px; margin: 0 } .dealercontent-reviews .message_avatar { width: 10%; display: inline-block; vertical-align: top; margin: 0 -1px } .dealercontent-reviews .message_avatar p { text-align: center } .dealercontent-reviews .message_avatar p img { width: 100%; vertical-align: middle; padding: 0 } .dealercontent-reviews .message_cont_rate { width: 10%; display: inline-block; text-align: center; vertical-align: top; margin: 0 -1px } .dealercontent-reviews .mess_rate_stars p { display: inline; margin: -2px } .dealercontent-reviews .mess_rate_num { font-size: 42px; font-family: 'SegoeUIBold'; margin-top: -10px; text-align: center } .dealercontent-reviews .mess_short_mess { font-size: 14px; width: 79%; display: inline-block; vertical-align: top; margin: 0 -1px } .dealercontent-reviews .left_part_head { display: inline-block; width: 70%; vertical-align: top; font-family: 'SegoeUIBold'; font-size: 16px; margin: 0 -1px } .dealercontent-reviews .right_part_head { display: inline-block; width: 30%; vertical-align: top; text-align: right; margin: 0 -1px } .dealercontent-reviews .mess_short_mess .left_part_short_mess { display: inline-block; width: 80%; vertical-align: top; margin: 16px 0 16px 0 } .dealercontent-reviews .mess_short_mess .right_part_short_mess { display: inline-block; width: 19%; vertical-align: top; height: 1px; margin: 0 } .dealercontent-reviews .mess_short_actions { text-align: right } .dealercontent-reviews .mess_short_actions .short-answer, .dealercontent-reviews .mess_short_actions .short-flag { display: inline-block; vertical-align: top } .dealercontent-reviews .mess_short_mess p:first-child { font-family: 'SegoeUIBold'; font-size: 16px } .dealercontent-reviews .short-mess-info { margin: 0; padding: 0; height: 78px; width: 21%; display: inline-block; font-size: 12px; vertical-align: top } .dealercontent-reviews .short-mess-info div:first-child { float: right } .dealercontent-reviews .short-mess-info div:last-child { position: relative; float: right; bottom: 0; margin-top: 20%; text-align: right } .dealercontent-reviews .short-mess-info div:last-child p { display: inline-block; font-size: 14px; text-decoration: underline; cursor: pointer } .dealercontent-reviews .short-mess-info div:last-child p:first-child { display: inline-block } .dealercontent-reviews .mess_rate_stars img { width: 12px } .dealercontent-reviews .message_container .write-new-mess { width: 80%; margin: 0 -1px 0 20%; display: none } .dealercontent-reviews .write-new-mess-container .write-mess-avatar { display: inline-block; width: 10%; margin: 0 -1px; vertical-align: top } .dealercontent-reviews .write-new-mess-container .write-mess-avatar img { width: 100% } .dealercontent-reviews .write-new-mess-container { padding: 0 5px } .dealercontent-reviews .write-mess-form { display: inline-block; width: 100%; margin: 0 -1px } .dealercontent-reviews img.half-rate-image { width: 6px } .dealercontent-reviews .childrens-mess { width: 90%; margin-left: 10% } .dealercontent-reviews .child-mess-avatar { width: 10%; display: inline-block; vertical-align: top; margin: 0 -1px } .dealercontent-reviews .child-right-container { width: 90%; display: inline-block; vertical-align: top; margin: 0 -1px } .dealercontent-reviews .child-mess-avatar img { width: 100% } .dealercontent-reviews .child-container-mes { padding: 5px } .dealercontent-reviews .mess_short_actions a { text-decoration: underline } @media only screen and (min-width:200px) and (max-width:480px) { .dealercontent-reviews .mess_rate_stars img { width: 8px } .dealercontent-reviews img.half-rate-image { width: 4px } .dealercontent-reviews .mess_rate_num { font-size: 25px } .dealercontent-reviews .short-mess-info div:last-child p { font-size: 10px } .dealercontent-reviews .short-mess-info img { width: 12px } .dealercontent-reviews .short-mess-info div:last-child { margin: 0 } .dealeravatar { width: 25% } .user-widget .onrectrate { width: 34% } } @media only screen and (min-width:480px) and (max-width:960px) { .dealercontent-reviews .mess_rate_num { font-size: 30px } .dealercontent-reviews .mess_rate_stars img { width: 9px } .dealercontent-reviews img.half-rate-image { width: 5px } } .account-common .aside-menu-page { padding: 0 } .account-common .aside-menu-page a { border: 0; margin: 0; margin-left: 5px; font-size: 18px; color: #555 } .account-common .aside-menu-page li { list-style: none; border-top: 1px dotted #898989 } .account-common .aside-menu-page li:last-child { border-bottom: 1px dotted #898989 } .menu-user-widget .dealeravatar, .menu-user-widget .rectinfo, .menu-user-widget .onrectrate { display: inline-block !important } .menu-user-widget .dealercirc img { width: 35px; height: 35px } .menu-user-widget .recthead { margin-bottom: 0 } .menu-user-widget .infotags p { font-size: 10px } .menu-user-widget .dealername { font-size: 16px } .menu-user-widget .infotags p:first-child { margin-bottom: 5px } .menu-user-widget .infotags p:last-child { margin-bottom: 5px } .menu-user-widget .ratenum { font-size: 20px } .menu-user-widget .ratestars { margin-bottom: 4px } .menu-user-widget .ratestars img { width: 7px } .menu-user-widget .ratestars .half-star-user-widget { width: 4px } .menu-user-widget .recthead { font-size: 10px; margin-top: 0 } .menu-user-widget { overflow: hidden; background: #fff; margin: 0 } .dealercontent .dealer-right-part .center-content button:hover { color: #fff; background-color: #286090; border-color: #204d74 } @media only screen and (min-width:200px) and (max-width:480px) { .nav.nav-tabs { margin-left: 0; margin-bottom: 10px } .account-common .aside-menu li:last-child { border-bottom: 0 } .crop-modal-window .modal-body { padding: 20px 0 !important } .user-widget .dealercirc { display: none } .close-on-mobile-screen { display: none } .account-settings-change-avatar { display: block !important } .dealercontent-settings .user-edit-mobile { display: block !important } } @media only screen and (min-width:480px) and (max-width:720px) { .user-widget .dealername { font-size: 20px } .user-widget .infotags { font-size: 10px } .user-widget .dealercirc img { width: 50px; height: 50px; margin-right: 0 } .user-widget .rectrate { font-size: 12px } .user-widget .ratenum { font-size: 30px } .user-widget .rectrate > .edit-button { font-size: 14px } .user-widget .infotags p:first-child { margin-bottom: 14px } .user-widget .infotags p:last-child { margin-top: 5px } .user-widget .infotags p img { height: 10px } } .message-transfer-progress .progress { height: 20px } .message-transfer-progress .progress .transfer-text-progress { font-size: 12px; line-height: 17px } .small_menu li .mobile-menu-trian { position: relative } .small_menu li .mobile-menu-trian:after { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; left: -3px; bottom: -24px } .menu-user-widget { display: none } @media only screen and (min-width:481px) and (max-width:860px) { .close-on-table-screen { display: none } } .maindeal .empty { padding: 10px 20px } .account-change-avatar .uploader-browse { position: relative } .account-change-avatar input[type=file] { width: 100%; height: 100% } .account-change-avatar-container { position: relative; display: block } .account-change-avatar { position: absolute; bottom: 0; display: block; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; height: 0; overflow: hidden; -webkit-transition: height 400ms; -moz-transition: height 400ms; -ms-transition: height 400ms; -o-transition: height 400ms; transition: height 400ms } .account-change-avatar .personal-add-photo { text-align: center } .account-change-avatar input[type="file"] { top: 0 } .account-change-avatar-container div { height: 100% } .account-change-avatar .browse-text { font-size: 10px; padding-top: 7px } .account-settings-change-avatar { padding-left: 5px; display: none } .account-settings-change-avatar > div { display: inline-block } .main-settings-form { width: 50% } .main-settings-form form > div { margin-bottom: 3px } .main-settings-form .settings-left-part { display: inline-block; margin: 0 -1px; width: 50%; vertical-align: top; padding-top: 7px; font-size: 14px; color: #555 } .main-settings-form .settings-left-part label { font-size: 14px; color: #555; font-weight: normal } .main-settings-form .settings-right-part { display: inline-block; margin: 0 -1px; width: 50%; vertical-align: top } .main-settings-form .settings-right-part button { height: 28px; width: 70px; border-radius: 2%; background-color: #39f; font-size: 18px; padding: 0; text-align: center; border: 0; box-shadow: 0 1px 0 #06498d; margin-top: 4px } .main-settings-form .email-change-toggle { color: #555; cursor: pointer } @media screen and (min-width:200px) and (max-width:720px) { .main-settings-form { width: 100%; padding: 0 10px } } .reviews-sort-left-part { display: inline-block; vertical-align: top; width: 50%; margin: 0 -1px; padding-top: 8px } .reviews-sort-left-part .new-reviews-count { font-family: "SegoeUIBold" } .reviews-sort-left-part .reviews-count-pen { margin: -5px 0 0 5px } .reviews-sort-right-part { display: inline-block; vertical-align: top; width: 50%; text-align: right; margin: 0 -1px } .reviews-sort-right-part button { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none !important; background: 0 } .reviews-sort-right-part .dropdown-toggle { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .reviews-sort-right-part .dropdown-menu { right: 0; min-width: 90px; left: auto } .reviews-sort-right-part .ui-button-text { font-size: 14px; color: #333 } .reviews-sort-container { padding: 4px 5px 1px 5px; border-bottom: 1px solid #ccc; margin-bottom: 15px } .dealercontent-reviews .message_container:nth-child(2) { border-top: 1px solid #ccc } .dealermessages { padding-top: 15px } .oops { font-size: 150px; font-family: SegoeUILight; color: #888 } .button404 { background: #00acec; font-size: 24px; font-family: SegoeUILight; color: white; border: 0; padding: 15px 30px; margin: 40px 40px 100px } .button404:hover { background: #286090 } @media only screen and (min-width:360px) and (max-width:800px) { .oops { font-size: 75px; font-family: SegoeUILight; color: #888 } } .dealer-prospects .empty { margin-top: 20px } @media only screen and (max-height:550px) and (min-width:1100px) { .home-search-section .name-of-section { top: -25px } } .compare-page .fix-empty-image { width: 100%; min-height: 172px } .delete-account-modal .modal-dialog { width: 400px } .delete-account-modal h3 { text-align: center } .table-messages .messages-new-message { color: #b50000; font-size: 10px } .table-messages .new-column { font-size: 18px; color: black; text-align: center; width: 8% } .table-messages .none-italic { font-style: normal } .list-car-sold:after { content: ''; background-image: url('/statics/images/new_sold_car.png'); background-color: rgba(255, 255, 255, 0.4); background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .list-car-reserved:after { content: ''; background-image: url('/statics/images/reserved.png'); background-color: rgba(255, 255, 255, 0.4); background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .lease-list-image { position: relative; width: 100%; display: block } .sign-up .sign-up-form #personal-sign-up-zip { padding: 6px 5px; border-radius: 5px; border: 1px solid #a1a1a1; background: #f8f8f8; width: 190px; margin: 0 } .user-widget .user-edit-element { display: inline-block; width: 85%; margin-bottom: 5px } .user-widget .user-edit-element input { height: 34px; padding: 6px 12px; font-size: 14px; color: #555; background-color: #f8f8f8; border: 1px solid #898989; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); margin: 0 -1px; width: 50%; vertical-align: middle } .user-widget .user-edit-element input:focus, .user-widget .user-edit-name, .user-widget .user-edit-company_name { border-color: #898989; outline: 0 } .user-widget .user-edit-element label { font-size: 14px; color: #555; font-weight: normal; width: 50%; margin: 0 -1px; vertical-align: middle } .user-widget .user-edit-buttons { text-align: right; width: 85% } .user-widget .user-edit-buttons button { border-radius: 3px; height: auto; width: 70px; background-color: #39f; padding: 2px 5px; font-size: 18px; border: 0; box-shadow: 0 1px 0 #06498d; color: #fff } .user-widget .user-edit-company_name { height: 34px; padding: 6px 12px; font-size: 14px; color: #555; background-color: #f8f8f8; border: 1px solid #898989; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); max-width: 100%; margin-top: 5px } .user-widget .user-edit-name { height: 34px; padding: 6px 12px; font-size: 14px; color: #555; background-color: #f8f8f8; border: 1px solid #898989; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); margin: 5px -1px 0 -1px; width: 50% } .user-widget .user-edit-error { color: #a94442; font-size: 12px } .user-widget .user-edit-error-name, .user-widget .user-edit-error-surname { width: 50%; margin: 0 -1px; display: inline-block } .user-widget .user-edit-error-inner { display: block; text-align: right; color: #a94442; font-size: 12px } @media only screen and (max-width:720px) and (min-width:480px) { .user-widget .user-edit-buttons button { font-size: 13px } } .dealercontent-settings .user-edit-mobile { display: none } .popover-title { font-size: 22px } .filter_variants .checkbox { margin-top: 0 } .filtertable td { padding-right: 10px; padding-top: 10px } .popover-content input[type=text] { padding: 5px; border-radius: 4px; border: 1px solid #ccc } @media only screen and (max-width:767px) { .price-range .price-range-values, .home-location-section .location-range-values { max-width: 750px; width: auto } .user-widget .user-edit-element { width: 100% } .user-widget .user-edit-buttons { width: 100% } } .dealercontent-settings .settings-form-container { width: 80% } @media only screen and (max-width:767px) and (min-width:720px) { .dealercontent-settings .settings-form-container { width: 90% } .dealercontent-settings .last-button-noti { width: 90% } } .messages-modal-window .transfer-lease-link { font-size: 12px; font-family: SegoeUIRegular; color: black } .hotline-d-inline { display: inline } .filter_menu > ul li:nth-child(3) + .popover, .filter_menu > ul li:nth-child(4) + .popover, .filter_menu > ul li:nth-child(5) + .popover { width: 410px !important } .filter_menu > ul li:nth-child(4) + .popover, .filter_menu > ul li:nth-child(9) + .popover, .filter_menu > ul li:nth-child(10) + .popover, .filter_menu > ul li:nth-child(12) + .popover, .filter_menu > ul li:nth-child(13) + .popover, .filter_menu > ul li:nth-child(14) + .popover { width: 310px !important } .dialog-messages-pointer { cursor: pointer } .aside-menu .badge { background-color: #b50000 } .slider-item a { outline: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important } .filter_variants li { list-style-type: none } .mr120 { margin-right: 40px } .ng-dirty.ng-invalid { border-color: #b50000 } .summary { background: #0066cb; color: white; margin-bottom: 30px } .summary h1 { font-size: 20px } .summary h1, .summary p { float: left } .summary p a { text-decoration: underline; color: white } .summary .clearfix > div { float: right; width: 150px; text-align: right } .simple-dropdown { color: white } .summary .dropdown-menu { margin-top: 5px; margin-left: -20px; min-width: 0 } .item_search { position: relative } .item_search small { font-size: 45%; position: absolute; top: 0; color: #aaa } #header .enter_message li { list-style: none } @media only screen and (min-width:320px) and (max-width:480px) { .compare-page .section table tr td.car-description { font-size: 10px } .compare-page .section table tr td.parameter-name { width: 150px; padding: 8px 0 0 5px; font-size: 10px; left: 6% } .compare-page .section table tr td.contact-owner button { width: 140px; padding: 0; font-size: 16px; line-height: 23px } .compare-page .section table tr td.contact-owner button img { width: 13px; height: 12px } } @media only screen and (min-width:480px) and (max-width:768px) { .compare-page .section table tr td.parameter-name { left: 3%; min-width: 250px } .compare-page .section { width: 67% } } @media only screen and (min-width:768px) and (max-width:1200px) { .compare-page .section table tr td.parameter-name { left: 10% } .compare-page .section { width: 68% } } .dealercontent-settings .under-form-checks div.inline-bl { display: inline-block } .dialog-widget .message-container ul .set-minimal-lease { margin-top: 5px } .btn-view-info { max-width: 205px !important } .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes fadeIn { from { opacity: .5 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: .5 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeIn { from { opacity: .5 } to { opacity: 1 } } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: .5 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: .5 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } .new-style-modal-windows .modal-content .modal-header { margin-bottom: 0 !important } #loader-wrapper .fa { position: fixed; z-index: 1002; margin-top: 45vh; align-content: center; width: 100px; left: 50%; margin-left: -50px; color: white } #loader-wrapper .fa.fa-5x.fa-spinner.fa-spin { width: inherit !important } #loader-wrapper .pre-loader-section { position: fixed; overflow: hidden; top: 0; width: 100%; height: 100%; background: #222; z-index: 999 } #loader-wrapper .loader-section { position: fixed; overflow: hidden; top: 0; width: 100%; height: 100%; background: url(/images/slide1.jpg) no-repeat center center fixed; z-index: 1000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } #loader-wrapper .content-overl { position: fixed; top: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.7); height: 100%; z-index: 1001 } .loaded #loader { opacity: 0 } .loaded #loader-wrapper { visibility: hidden } .loaded #loader { opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .loaded #loader-wrapper { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s .6s ease-out; transition: all .3s .6s ease-out } .loaded #loader-wrapper { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s 1s ease-out; transition: all .3s 1s ease-out } .change-model-adaptive { width: 200px; position: absolute; left: -70px; top: 12px; z-index: 200 } .change-model-under { width: 200px; position: absolute; left: 94px; top: -34px; z-index: 200 } .change-model-mini { width: 200px; position: absolute; left: 0; top: -34px; z-index: 200 } .carbuilder-title-fixed { position: fixed; z-index: 1049; top: 10px } .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice { overflow-y: scroll !important } .ui-select-bootstrap > .ui-select-match > .btn { border: 1px solid #a8a8a8; height: 60px; border-radius: 8px; width: 100%; padding: 6px 10px; font-size: 18px; overflow: hidden } .ui-select-bootstrap span { color: #2a2a2a !important } .ui-select-bootstrap > .ui-select-match > .btn > span { display: flex; height: 100%; align-items: center } .ui-select-bootstrap .ui-select-match-text { height: 100%; display: block; overflow: hidden } .ui-select-bootstrap .ui-select-toggle > .caret { color: #2a2a2a } .ui-select-bootstrap .ui-select-search { display: none } @font-face { font-family: 'segoe_uiregular'; src: url('../../fb02e63c/css/fonts/regular/segoeui-webfont.eot'); src: url('../../fb02e63c/css/fonts/regular/segoeui-webfont.eot?#iefix') format('embedded-opentype'), url('../../fb02e63c/css/fonts/regular/segoeui-webfont.woff') format('woff'), url('../../fb02e63c/css/fonts/regular/segoeui-webfont.ttf') format('truetype'), url('../../fb02e63c/css/fonts/regular/segoeui-webfont.svg#segoe_uiregular') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'segoe_uilight'; src: url('../../fb02e63c/css/fonts/light/segoeuil-webfont.eot'); src: url('../../fb02e63c/css/fonts/light/segoeuil-webfont.eot?#iefix') format('embedded-opentype'), url('../../fb02e63c/css/fonts/light/segoeuil-webfont.woff') format('woff'), url('../../fb02e63c/css/fonts/light/segoeuil-webfont.ttf') format('truetype'), url('../../fb02e63c/css/fonts/light/segoeuil-webfont.svg#segoe_uilight') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'segoe_uibold'; src: url('../../fb02e63c/css/fonts/bold/segoeuib_0-webfont.eot'); src: url('../../fb02e63c/css/fonts/bold/segoeuib_0-webfont.eot?#iefix') format('embedded-opentype'), url('../../fb02e63c/css/fonts/bold/segoeuib_0-webfont.woff') format('woff'), url('../../fb02e63c/css/fonts/bold/segoeuib_0-webfont.ttf') format('truetype'), url('../../fb02e63c/css/fonts/bold/segoeuib_0-webfont.svg#segoe_uibold') format('svg'); font-weight: normal; font-style: normal } .modal .color-grey { color: #999; cursor: not-allowed !important } .modal .sign-in-with a, .modal .sign-up-with a { text-decoration: none } @media(max-width:992px) { /*!*min-width: 320px;*!*/ } .add-vehicle .input-group .input-group-btn button.btn.btn-default { padding: 7px 13px 8px; box-shadow: none; border: 1px solid #898989 } .add-vehicle .input-error { color: #cf6f6f; border: 1px solid #cf6f6f !important; box-shadow: inset 0 0 5px #cf6f6f; outline: 0 } .modal-header { border-bottom: 0 } .modal-header .close { background: url("/statics/images/close_btn.png") no-repeat right center; width: 55px; font-size: 12px; font-family: "Segoe UI"; color: #898989; text-align: left; padding: 5px; line-height: 1.3 } #label_zip_code { display: inline-block; vertical-align: middle; height: 30px; font-size: 16px; font-family: "Segoe UI"; color: #555; line-height: 1.5; text-align: right; font-weight: 600; padding-right: 20px; margin-top: 5px } .order_inspection_wrapper { background: #eaf1f2; display: inline-block; width: 245px } .order_inspection_head { margin-top: -3px; background: url("/statics/images/order_inspection_head.png") no-repeat; background-size: contain; height: 149px; width: 245px } .inspection_blocks_wrapper { padding-top: 50px; max-width: 735px; margin: 0 auto 50px } .inspection_block_title { margin: 0 auto; max-width: 200px; font-size: 24px; font-family: "Segoe UI"; color: #fff; font-weight: bold; text-align: center; padding-top: 35px; line-height: 1.4 } .order_inspection_head p { margin: 0 auto; max-width: 200px; font-size: 12px; font-family: "Segoe UI"; color: #fff; text-align: center } .order_inspection_inner ul { margin-top: 40px; margin-left: 15px; padding: 0 } .order_inspection_inner ul li { font-size: 13px; font-family: "Segoe UI"; color: #333; line-height: 1.714; text-align: left; list-style: none } .cost { font-size: 48px; font-family: "Segoe UI"; font-weight: bold; color: #252525; text-align: left; margin-left: 15px } .cost_first_block { margin-top: 90px } .cost_second_block { margin-top: 45px } .cost_third_block { margin-top: 23px } .cost p { font-size: 30px; margin-top: -10px } .order_now_btn { background: url("/statics/images/order_now_btn.png") no-repeat; width: 131px; margin: 55px auto 0 auto; text-align: center; color: #fff; font-size: 24px; font-family: "Segoe UI"; padding-bottom: 20px; line-height: 1.3 } .agent_dispatched_wrapper { background: #fffdeb; display: inline-block; width: 245px; margin-left: -4px; z-index: 1; position: relative } .inspection_box_shadow { box-shadow: black 0 0 5px 1px } .agent_dispatched_head { margin-top: -3px; background: url("/statics/images/agent_dispatched_head.png") no-repeat; background-size: contain; height: 149px; width: 245px } .agent_dispatched_head p { max-width: 200px; margin: 0 auto; font-size: 12px; font-family: "Segoe UI"; color: #fff; text-align: center } .receive_report_head { margin-top: -3px; background: url("/statics/images/receive_report_head.png") no-repeat; background-size: contain; height: 149px; width: 245px } .receive_report_head p { max-width: 200px; margin: 0 auto; font-size: 12px; font-family: "Segoe UI"; color: #fff; text-align: center } .receive_report_wrapper { margin-left: -4px; background: #eaf1f2; display: inline-block; width: 245px } .order_inspection_inner a:hover { text-decoration: none } .inspection_recommended { text-align: center; display: block; color: white; font-size: 18px; font-family: "Segoe UI"; background: url("/statics/images/inspection_recommended.png"); height: 31px; width: 245px; z-index: 1; position: relative; line-height: 1.5 } .insurance_inner { padding: 10px 15px 0 } .insurance_title { font-size: 24px; font-family: "Segoe UI"; color: #252525; font-weight: bold; text-align: left } .insurance_inner form select { width: 100%; height: 30px; text-indent: 30%; background: url("/statics/images/double_select.png") no-repeat 98% center #f8f8f8; border: #898989 1px solid; -webkit-appearance: none; overflow: hidden; line-height: 1; -moz-appearance: none; text-overflow: ''; -ms-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .insurance_inner form select::-ms-expand { display: none } .insurance_inner form label { margin-bottom: 10px } .insurance_inner form label[for="auto"] { margin-top: 15px } .insurance_inner form label[for="zip"] { margin-top: 25px } .insurance_inner form input[type="submit"] { font-size: 18px; font-family: "Segoe UI"; color: #fff; background: #39f; border: 0; border-bottom: 1px solid #06498d; border-radius: 2px; float: right; margin-top: 10px } .view_quote { margin-top: 45px } .view_quote a { text-decoration: underline; color: #333 } .vehicle_wrapper { max-width: 990px; min-height: 500px; position: relative; box-shadow: black 0 0 7px 1px; margin: 0 auto; border-radius: 5px; margin-top: 35px } .vehicle_inner { padding-left: 5px; padding-right: 5px } .vehicle_title { line-height: 1; font-size: 40px; font-family: "Segoe UI"; color: #333 } .vehicle_title.bigger { font-size: 54px } .vehicle_info span { font-weight: bold; font-size: 14px; font-family: "Segoe UI"; color: #555; font-style: italic; line-height: 1.5; text-align: left; margin-top: 20px; display: block } .vehicle_left { width: 41%; display: inline-block } .vehicle_info hr { margin: 0; border-top: 1px solid #898989; margin-bottom: 35px } .left_basic { display: inline-block; width: 160px } .left_basic select { width: 150px } .right_basic { display: inline-block; width: 215px; vertical-align: top } .right_basic input[type="text"] { width: 193px; padding-left: 10px; background: #f8f8f8; border: 1px solid #898989 } #location_zip_code { background: #f8f8f8; border: 1px solid #898989; width: 130px; margin-left: 20px; margin-bottom: 0 } .vehicle_left label[for="location_zip_code"] { display: inline-block; vertical-align: middle; height: 33px; font-size: 14px; font-family: "Segoe UI"; color: #555; line-height: 1.5; text-align: left; font-weight: 600; text-indent: 15px } .right_basic select, .lease-update .add-vehicle .form-control { cursor: pointer; font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold; background:#f8f8f8; -webkit-appearance: none; overflow: hidden; line-height: 1; -moz-appearance: none; text-overflow: ''; -ms-appearance: none; border: 1px solid #898989 } .lease-update .add-vehicle .form-control { font-weight: normal } .add-vehicle .dealer-vin-label { margin-top: 24px } .add-vehicle .user-vin-label { margin-top: -24px; position: absolute } .right_basic select, .add-vehicle .form-control:disabled { cursor: not-allowed } .lease-update .add-vehicle input[type="text"] { background: #f8f8f8; width: 100% } .left_basic select { border: 1px solid #898989; font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold; background: #f8f8f8; -webkit-appearance: none; overflow: hidden; line-height: 1; -moz-appearance: none; text-overflow: ''; -ms-appearance: none } .right_basic input::-webkit-input-placeholder { font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold } .right_basic input::-moz-placeholder { font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold } .right_basic input:-moz-placeholder { font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold } .right_basic input:-ms-input-placeholder { font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold } .vehicle_select_car hr { margin: 0; border-top: 1px solid #898989; margin-bottom: 15px } .vehicle_inner2 hr { margin-bottom: 20px; width: 95% } .vehicle_select_car hr { width: 100% } .vehicle_right { display: inline-block; width: 55%; margin-left: 3%; vertical-align: top } .vehicle_select_car span { font-weight: bold; font-size: 14px; font-family: "Segoe UI"; color: #555; font-style: italic; line-height: 1.5; text-align: left; margin-top: 20px; display: block } .vehicle_select_car span.category-header { font-size: 18px; margin-top: 0; margin-bottom: 10px } .lease-update input[type=checkbox].css-checkbox, .lease-update input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .lease-update input[type=checkbox].css-checkbox + label.css-label, .lease-update input[type=radio].css-checkbox + label.css-label { padding-left: 21px; height: 16px; display: inline-block; line-height: 16px; background-repeat: no-repeat; background-position: 0 0; font-size: 16px; vertical-align: middle; cursor: pointer } input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -16px } label.css-label { background-image: url('/statics/web/images/csscheckboxes.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none } .car_checkboxes form { -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px } .car_checkboxes { margin-top: 40px } .car_checkboxes form label { font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: 600; margin-bottom: 10px } .vehicle_inner2 input { width: 165px; float: right; font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold; background:#f8f8f8 !important; -webkit-appearance: none; overflow: hidden; line-height: 1; -moz-appearance: none; text-overflow: ''; -ms-appearance: none; border: 1px solid #898989 !important } .vehicle_inner2 select { width: 179px; float: right; font-size: 14px; font-family: "Segoe UI"; color: #555; font-weight: bold; background:#f8f8f8; -webkit-appearance: none; overflow: hidden; line-height: 1; -moz-appearance: none; text-overflow: ''; -ms-appearance: none; border: 1px solid #898989 !important } #lease-monthly_price, #lease-down_payment, #lease-incentive { background: url("/statics/images/input_dollar.png") no-repeat 95% center #f8f8f8 !important } #Current_Miles { background: url("/statics/images/input_miles.png") no-repeat 95% center #f8f8f8 !important } #lease-started { text-align: center; background: no-repeat 95% center #f8f8f8 !important } .vehicle_right input[type="file"] { font-size: 18px; font-family: "Segoe UI"; color: #fff; background: #39f !important; border: none !important; border-bottom: 1px solid #06498d; border-radius: 2px; font-weight: normal; text-decoration: none } #blue-upload-photo-btn { display: block; font-size: 18px; font-family: "Segoe UI"; color: #fff; background: #39f !important; border: none !important; border-bottom: 1px solid #06498d !important; border-radius: 2px; font-weight: normal; width: 95px; height: 25px; float: none } #upload-photo-btn { display: none } .main_photo_car { vertical-align: top; display: inline-block } .main_photo_car img { margin-top: 15px } .main_photo label { font-size: 14px !important; width: 100px; white-space: nowrap } .main_photo .delete_btn { font-family: "Segoe UI"; height: 16px; display: inline-block; line-height: 16px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; vertical-align: top; color: #f66; float: right } .main_photo .delete_btn:hover { cursor: pointer } .main_photo .delete_btn:after { content: ''; display: inline-block; background: url("/statics/images/delete_icon.png") right center no-repeat; height: 16px; vertical-align: middle; padding-left: 3px; width: 20px } .main_photo span:hover, .add_photo_car:hover { cursor: pointer } .add_photo_car { background: url("/statics/images/add_photo_img.png") no-repeat; background-size: contain; height: 156px; width: 168px; float: left; text-align: center } .add_photo_car p { margin-top: 115px; font-family: "Segoe UI"; font-weight: 600 } #lease-description { height: 125px; resize: none; background: #f8f8f8; border: 1px solid #898989; width: 100%; padding: 0; text-indent: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .vehicle_full_width hr { margin-bottom: 0 } label[for="lease-description"] { font-size: 12px; float: right; margin: 0; padding: 0; line-height: 1.5; width: auto; height: auto } .select_pachage_block { background: url("/statics/images/select_package_bg.png") no-repeat; background-size: cover; height: 290px; width: 245px; margin-left: 10px; margin-bottom: 15px; display: inline-block; -webkit-box-shadow: 0 0 10px 0 #8f8f8f; box-shadow: 0 0 10px 0 #8f8f8f } .package_title { padding-top: 12px; line-height: 1; font-size: 36px; font-family: "Segoe UI"; color: #fff; font-weight: bold; text-align: center } .select_pachage_block ul { margin-top: 50px; list-style-type: none; margin-left: 12px } .select_pachage_block ul li { font-size: 14px; font-family: "Segoe UI"; color: #333; line-height: 1.714; text-align: left } .package_cost hr { width: 95%; margin: 0 auto; border-top: 0; border-bottom: 1px solid #ddd } .package_cost { margin-top: 52px } .package_cost p { font-weight: 800; font-size: 24px; font-family: "Segoe UI"; color: #252525; text-indent: 12px; margin-top: 5px } .select_pachage_block.plus { vertical-align: top } .select_pachage_block.plus .package_cost { margin-top: 53px } .select_pachage_block.free { vertical-align: top } .select_pachage_block.free .package_cost { margin-top: 75px } .select_pachage_block_wrapper { margin: 0 auto; display: block; text-align: center } .additional_services label { display: block; width: 100%; font-size: 14px !important; margin: 25px 0 10px 0 } .additional_services p { width: 94%; font-size: 14px; font-family: "Segoe UI"; color: #333; font-style: italic; line-height: 1.714; text-align: left; padding-left: 15px; text-indent: 25px } .additional_services hr { margin-bottom: 0 } .vehicle_total { font-size: 36px; font-family: "Segoe UI"; color: #252525; font-weight: bolder; text-align: right; line-height: 2.5; padding: 25px 30px 0 0 } .vehicle_info.total hr { width: 100% } .vehicle_next_btn_wrapper { padding-bottom: 30px } .vehicle_next_btn { text-align: center; margin: 0 auto; display: block; font-size: 18px; font-family: "Segoe UI"; color: #fff; background: #39f !important; border: none !important; border-bottom: 1px solid #06498d !important; border-radius: 2px; font-weight: normal; width: 95px; float: none } .vehicle_next_btn:hover { cursor: pointer } .vehicle_next_btn:disabled { cursor: not-allowed } @media only screen and (max-width:360px) { .select_pachage_block { background-position: center center; background-size: cover; width: 100%; height: auto; margin-left: 0; margin-bottom: 15px } .vehicle_total { margin-top: 60px; padding: 25px 0 15px 0; line-height: 1.2 } } .schedule_pickup_btn { text-align: center; margin: 50px 0 50px 0; line-height: 1.4; display: block; font-size: 18px; font-family: "Segoe UI"; color: #fff; background: #39f !important; border: none !important; border-bottom: 1px solid #06498d !important; border-radius: 2px; font-weight: normal; width: 225px; height: 25px; float: none } .vehicle_next_btn_wrapper:hover { cursor: pointer } .shipping_car_title { background: #a3a3a3; font-size: 36px; font-family: "Segoe UI"; color: #fff; line-height: 1; padding: 10px 0 10px 10px } .shipping_car_wrapper { padding-top: 65px } .shipping_car_wrapper hr { margin: 15px 0 0 -3px; border-bottom: 1px solid white; border-top: 0 } .shipping_wrapper { padding-left: 50px } .transport_from { font-size: 14px } .transport_from span { padding: 0 10px; font-size: 20px } .shipping_transport_info { max-width: 510px; margin-top: 10px } .transit_title { border-bottom: 1px solid #ddd; font-size: 14px; font-family: "Segoe UI"; color: #555; line-height: 2; text-indent: 15px } .service_type_title { border-bottom: 1px solid #ddd; font-size: 14px; font-family: "Segoe UI"; color: #555; line-height: 2; text-indent: 15px } .cargo_insurance_title { border-bottom: 1px solid #ddd; font-size: 14px; font-family: "Segoe UI"; color: #555; line-height: 2; text-indent: 15px } .vehicle_iperable { border-bottom: 1px solid #ddd; font-size: 14px; font-family: "Segoe UI"; color: #555; line-height: 2; text-indent: 15px } .transit_title span, .service_type_title span, .cargo_insurance_title span { float: right; text-align: left; width: 183px } .transit_title span:after { content: ''; width: 15px; background: url("/statics/images/transit_question_b.png") no-repeat right center; height: 16px; padding: 0 20px } .service_type_title span:after { content: ''; width: 15px; background: url("/statics/images/transit_question_b.png") no-repeat right center; height: 16px; padding: 0 20px; text-align: right; float: right; padding-top: 10px } .cargo_insurance_title span:after { content: ''; width: 15px; background: url("/statics/images/transit_question_b.png") no-repeat right center; height: 16px; padding: 0 20px; text-align: right; float: right; padding-top: 10px } .vehicle_iperable span:after { content: ''; width: 15px; background: url("/statics/images/transit_question_b.png") no-repeat right center; height: 16px; padding: 0 20px 0 5px; text-align: right } .vehicle_iperable input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .vehicle_iperable input[type=radio].css-checkbox + label.css-label { padding-left: 5px; padding-right: 17px; height: 16px; display: inline-block; line-height: 16px; background-repeat: no-repeat; background-position: 0 0; font-size: 16px; vertical-align: middle; cursor: pointer; font-weight: bolder } .vehicle_iperable input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -16px } .vehicle_iperable label.css-label { background-image: url('/statics/web/images/cssradios.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none } .vehicle_iperable form { float: right; margin-right: 30px } .vehicle_iperable form label[for="radio5"] { margin-left: 15px !important } .open_enclosed_transport form input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .open_enclosed_transport form input[type=radio].css-checkbox + label.css-label { margin-bottom: 1px; padding-left: 21px; height: 45px; display: inline-block; line-height: 45px; background-repeat: no-repeat; background-position: 3px center; font-size: 36px; vertical-align: middle; cursor: pointer } .open_enclosed_transport form input[type=radio].css-checkbox:checked + label.css-label { background-image: url('/statics/images/open_closed_transport_check.png') } .open_enclosed_transport form label.css-label { background-image: url('/statics/images/open_closed_transport_no_check.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none } .open_enclosed_transport { margin-top: 10px } .open_enclosed_transport form label { background-color: #a3a3a3; width: 619px; height: 45px; font-family: "Segoe UI"; color: #fff; font-style: italic; font-weight: 600 } .open_enclosed_transport label:after { content: ''; background: url("/statics/images/transit_question_w.png") no-repeat center right; height: 45px; width: 16px; margin-right: 80px; float: right; vertical-align: middle } .modal-shipping { width: auto; max-width: 640px; min-height: 520px } .modal-inspector { width: auto; max-width: 960px; min-height: 720px } .modal-insurance { max-width: 405px } .add-vehicle div[data-ng-controller=StripeApiCtrl] { margin-top: -20px } .add-vehicle .stripe-card { position: relative } .add-vehicle .card-frontend, .add-vehicle .card-backend { background: #f1f1f1; max-width: 458px; min-height: 296px; padding: 20px 10px 10px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; z-index: 3; text-align: left } .add-vehicle .card-backend { background: #e1e1e1; padding: 0; position: absolute; z-index: 1; top: 20px; right: 0; width: 100% } .add-vehicle .card-frontend input { width: 100% } .add-vehicle .stripe-order, .add-vehicle .stripe-amount { font-family: SegoeUIBold; font-size: 24px; color: #252525 } .add-vehicle .stripe-order { height: 42px; border-bottom: 1px solid #555 } .add-vehicle .stripe-amount { text-align: right; margin-bottom: 5px } .add-vehicle .stripe-order span, .add-vehicle .stripe-amount span { font-family: SegoeUILight } .add-vehicle .stripe-amount span { font-size: 48px } .modal .add-vehicle .card-frontend label, .modal .add-vehicle .card-backend label { font-family: SegoeUILight; font-size: 14px; color: #232b37 } .modal .add-vehicle .card-frontend input, .modal .add-vehicle .card-backend input { padding: 7px; border: 1px solid #cdcdcd; margin-bottom: 10px; font-size: 26px } .add-vehicle .card-frontend .card-expiration .col-xs-2 { margin-top: 6px; font-size: 26px; text-align: center } .add-vehicle .card-frontend .card-visa { margin: 10px 20px 0 0 } .add-vehicle .card-backend .card-line { background-color: #4b4b4b; width: 100%; height: 47px; margin-top: 35px } .add-vehicle .card-backend .crc-block { max-width: 120px; margin: 20px 15px 5px 0 } .add-vehicle .payment-errors { font-family: SegoeUIRegular; font-size: 18px; color: #d37c7c; min-height: 30px; margin-top: 30px } @media only screen and (max-width:650px) { .add-vehicle .card-backend { position: relative; margin-top: -90px; top: auto; float: right } } .add-vehicle .owl-carousel { padding: 0 25px } .add-vehicle .vehicle-package-carousel .vehicle_info hr { margin-bottom: 20px } .add-vehicle .vehicle-package { position: relative; border: 1px solid #898989; border-radius: 4px; min-height: 215px; margin: 0 5px 2px; background: #fff } .add-vehicle .vehicle-package .vehicle-package-header { background: #898989; min-height: 50px; padding: 8px; font-size: 14px; text-transform: uppercase; color: #fff } .add-vehicle .vehicle-package .package-description-collapse { min-height: 50px; padding: 8px 8px 50px; font-family: "SegoeUILight"; font-size: 14px; color: #898989 } .add-vehicle .vehicle-package .package-price { min-height: 50px; position: absolute; bottom: 0; right: 8px; font-weight: bold; font-size: 30px; line-height: 50px; color: #252525 } .add-vehicle .vehicle-package input[type=checkbox].css-checkbox + label.css-label, .add-vehicle .vehicle-package input[type=radio].css-checkbox + label.css-label { padding-right: 26px; height: auto; width: 100%; padding-left: 0; background-position: top right; background-image: url('/statics/web/images/checkbox-unselected.jpg') } .add-vehicle .vehicle-package input[type=checkbox].css-checkbox:checked + label.css-label, .add-vehicle .vehicle-package input[type=radio].css-checkbox:checked + label.css-label { background-image: url('/statics/web/images/checkbox-selected.jpg') } .lease-update .add-vehicle .owlcarousel_prev { left: 0 } .lease-update .add-vehicle .owlcarousel_next { right: 0 } .modal.fade.modal-builder .modal-dialog { -webkit-transition: -webkit-transform 0s ease-out; -o-transition: -o-transform 0s ease-out; transition: transform 0s ease-out; -webkit-transform: translate(110%, 0); -ms-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0) } .modal.in.modal-builder .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .open-lease-price { text-align: center } .open-lease-price .modal-title { font-size: 24px; text-transform: uppercase; font-weight: bold } .open-lease-price .modal-body { font-size: 18px; font-weight: bold } .open-lease-price .modal-form .form-control { font-size: 18px; border-color: #252525; color: #252525; border-radius: 7px; height: 60px } .open-lease-price .modal-form .help-block { font-size: 12px; font-weight: normal } .open-lease-price .modal-content .modal-header .close { background: 0; font-size: 22px; font-weight: normal; color: #252525; width: auto; text-transform: uppercase; font-family: "PTSans"; opacity: 1 } .open-lease-price .modal-content { border-radius: 0; box-shadow: none; -webkit-box-shadow: none } .open-lease-price .modal-content .error { border: 1px solid rgba(169, 0, 0, 0.4) !important; box-shadow: inset 0 0 6px rgba(169, 0, 0, 0.66) !important } .open-lease-price .modal-content .padding-block-left { padding-right: 10px !important } .open-lease-price .modal-content .padding-block-right { padding-left: 10px !important } .open-lease-price .modal-form .checkbox input[type="checkbox"] + span { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: -3px 4px 0 0; background: url("../../fb02e63c/images/checkbox.png") no-repeat 0 0; background-size: cover; cursor: pointer } .open-lease-price .modal-form .checkbox input[type="checkbox"]:checked + span { background: url("../../fb02e63c/images/checkbox.png") no-repeat 0 -22px; background-size: cover } .open-lease-price .modal-form form { display: inline-block; margin-bottom: 20px; float: none; width: 85% } .modal-success-title { text-transform: uppercase; font-size: 30px; font-weight: bold; color: #333; margin-bottom: 30px; text-align: center; display: block } .new-style-modal-windows .add-vehicle select.form-control[disabled] { background: #f8f8f8; opacity: .7 } .new-style-modal-windows .add-vehicle input.form-control[disabled] { background: #eee; opacity: .7 } .new-style-modal-windows .dealer-message { font-size: 30px; max-width: 700px; margin-left: auto; margin-right: auto } .modal-message h3 { text-align: justify; padding: 10px 55px 45px } .new-style-modal-windows [class*='col-'] { padding: 0 !important } .new-style-modal-windows::-webkit-scrollbar { -webkit-appearance: none; width: 10px; background: #f1f3f5; border-left: 1px solid #333 } .new-style-modal-windows::-webkit-scrollbar-thumb { background: #333 } .new-style-modal-windows .modal-logo img { width: 180px; margin-top: -8px } .new-style-modal-windows .modal-content .modal-header { margin-bottom: 30px; background: #f8f8f8 } .new-style-modal-windows .modal-content .modal-header .close, .btn-close { background: 0; font-size: 16px; color: #252525; width: auto; text-transform: uppercase; font-family: "PTSans"; opacity: 1 } .new-style-modal-windows .modal-content .modal-header .close i, .btn-close i { font-size: 20px } .btn-close { width: 25px; float: right; text-align: center; cursor: pointer } .new-style-modal-windows .modal-content .modal-header .modal-title { float: left } .new-style-modal-windows .modal-content .modal-header .name-modal { font-size: 30px; text-transform: uppercase } .new-style-modal-windows .modal-form form { display: inline-block; margin-bottom: 20px; float: none; width: 85% } .new-style-modal-windows .modal-form .addon-form .input-group-addon { border-color: #252525; color: #252525; background-color: #fff; width: 50px; border-top-right-radius: 7px; border-bottom-right-radius: 7px } .new-style-modal-windows .addon-form #datapicker, .new-style-modal-windows .addon-form #datapicker + .input-group-addon, .datapicker-ang-style #datapicker, .datapicker-ang-style #datapicker + .input-group-addon { cursor: pointer } .new-style-modal-windows .modal-form .btn-default, .block-configuration-auto .butt-action-pack .btn-default, .block-configuration-auto .pack-option-button .btn-custom, .datapicker-ang-style .btn-default { text-transform: uppercase; color: #333; font-size: 18px; background: #fff; border: 1px solid #333; box-shadow: none; border-radius: 7px } .new-style-modal-windows .modal-form .dropdown-menu .btn-default.active, .new-style-modal-windows .modal-form .dropdown-menu .btn-info.active, .datapicker-ang-style .dropdown-menu .btn-default.active, .datapicker-ang-style .dropdown-menu .btn-info.active { height: 100%; padding: 0; color: #fff; background-color: #31b0d5; border-color: #269abc } .new-style-modal-windows .modal-form .dropdown-menu button[disabled], .datapicker-ang-style .dropdown-menu button[disabled] { background-color: #ddd } .new-style-modal-windows .modal-form .btn-custom, .block-configuration-auto .pack-option-button .btn-custom, .block-configuration-auto .butt-action-pack .btn-default, .datapicker-ang-style .dropdown-menu .btn-custom { min-width: 170px; height: 60px; margin-bottom: 20px; margin-right: 10px; margin-left: 10px; margin-top: 10px } .new-style-modal-windows .modal-form .btn-custom, .block-configuration-auto .pack-option-button .btn-custom, .block-configuration-auto .butt-action-pack .btn-default, .datapicker-ang-style .dropdown-menu .btn-blue { background-color: #333; color: white; margin-top: 15px; max-width: 268px } .new-style-modal-windows .modal-form .btn-default:hover, .block-configuration-auto .butt-action-pack .btn-default:hover, .block-configuration-auto .pack-option-button .btn-custom:hover, .datapicker-ang-style .dropdown-menu .btn-default:hover, .new-style-modal-windows .modal-form .btn-default.active { color: #fff; background: #333 } .new-style-modal-windows .modal-form .log-soc-net { margin-bottom: 40px } .new-style-modal-windows .modal-form .log-soc-net .title-log-soc-net { font-size: 30px; text-transform: uppercase } .new-style-modal-windows .modal-form .log-soc-net .social-buttons a { color: #252525; text-decoration: none; margin-right: 10px } .new-style-modal-windows .modal-form .log-soc-net .social-buttons a:hover { color: #333 } .new-style-modal-windows .modal-form .without-acc { font-size: 14px; text-transform: uppercase } .new-style-modal-windows .modal-form .without-acc a { color: #333; text-decoration: none } .new-style-modal-windows .modal-content .padding-block-left { padding-right: 10px !important } .new-style-modal-windows .modal-content .padding-block-right { padding-left: 10px !important } .new-style-modal-windows .registration-privilege button { text-transform: uppercase; color: #333; font-size: 18px; background: #fff; border: 1px solid #333; box-shadow: none; height: 60px; border-radius: 7px; margin-bottom: 20px; width: 210px } .new-style-modal-windows .registration-privilege button:hover { color: #fff; background: #333 } .new-style-modal-windows .registration-privilege .pers-acc { margin-right: 25px } .new-style-modal-windows .registration-privilege .deal-acc { margin-left: 25px } .new-style-modal-windows .modal-content .active-btn, .block-configuration-auto .active-btn { color: #fff !important; background: #333 !important } .new-style-modal-windows input::-webkit-input-placeholder { color: #333 } .new-style-modal-windows input:-moz-placeholder { color: #333 } .new-style-modal-windows input::-moz-placeholder { color: #333 } .new-style-modal-windows input:-ms-input-placeholder { color: #333 } .new-style-modal-windows .descript-pack-option textarea { min-height: 130px; min-width: 100%; max-width: 100% } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item { margin-bottom: 0 } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .price-pack-option { margin-top: 30px; font-size: 60px; line-height: 1; margin-bottom: 20px } .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .button-and-price-to-bottom { position: absolute; bottom: 0; left: 0; right: 0 } .add-vehicle .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .titledescribe-pack { margin-bottom: 80px } .add-vehicle .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .titledescribe-pack.without-price { margin-bottom: 0 } .add-vehicle .owlcarousel_prev, .add-vehicle .owlcarousel_next { background: url('/statics/web/images/rectangle-left.png') center no-repeat; height: 24px; width: 14px; position: absolute; top: 50%; left: -20px; margin-top: -12px; z-index: 1 } .add-vehicle .owlcarousel_next { background: url('/statics/web/images/rectangle-right.png') center no-repeat; right: auto; left: auto } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .butt-action-pack button { height: 50px } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .check-pack-img { color: #cacaca } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item.active-choose-pack .check-pack-img, .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item.active-choose-pack .price-pack-option { color: #333 } .active-choose-pack { border: 1px solid #333 !important } .block-configuration-auto { margin-bottom: 20px } .new-style-modal-windows .descript-pack-option { margin-bottom: 20px } .new-style-modal-windows .descript-pack-option .form-group { display: inline-block; float: none } .new-style-modal-windows .modal-form .add-pack-services { border: 1px solid #333; padding: 25px 20px !important; border-radius: 7px } .new-style-modal-windows .modal-form .add-pack-services .header-add-pack-services { margin-bottom: 15px } .new-style-modal-windows .modal-form .add-pack-services .header-add-pack-services .title-add-pack-services { color: #333; font-size: 30px; padding-left: 20px !important; text-transform: uppercase; line-height: 1 } .new-style-modal-windows .modal-form .add-pack-services .description-add-pack-services { padding-left: 20px !important; font-size: 18px; color: #252525 } .new-style-modal-windows .modal-form .add-pack-services.service-disabled .header-add-pack-services .title-add-pack-services, .new-style-modal-windows .modal-form .add-pack-services.service-disabled .description-add-pack-services { color: #999 !important } .new-style-modal-windows .modal-form .add-pack-services.service-disabled { border-color: #999 !important } .new-style-modal-windows .modal-form .add-pack-services.service-disabled img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%) } .new-style-modal-windows .modal-form .checkbox-new { margin: 0 } .new-style-modal-windows .modal-form .checkbox-new label { cursor: pointer } .new-style-modal-windows .modal-form .checkbox-new input[type="checkbox"], .new-style-modal-windows .modal-form .checkbox-new input[type="radio"] { opacity: 0; margin: 0; height: 32px; width: 32px; position: absolute; z-index: 1; cursor: pointer } .new-style-modal-windows .modal-form .checkbox-new input[type="checkbox"] + span, .new-style-modal-windows .modal-form .checkbox-new input[type="radio"] + span { display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin: -1px 4px 0 0; background: url("/images/modal-windows/checkbox.png") no-repeat 0 0; cursor: pointer } .new-style-modal-windows .modal-form .checkbox-new input[type="checkbox"]:checked + span, .new-style-modal-windows .modal-form .checkbox-new input[type="radio"]:checked + span { background: url("/images/modal-windows/checkbox.png") no-repeat 0 -32px } .new-style-modal-windows .block-add-photo { display: inline-block; border: 1px solid #252525; padding: 55px 155px 25px; border-radius: 7px; margin-bottom: 20px } .new-style-modal-windows .block-add-photo .image-add-photo { margin-bottom: 10px } .new-style-modal-windows .block-add-photo .text-add-photo { text-transform: uppercase; font-size: 14px } .new-style-modal-windows .add-photo-items { margin-bottom: 30px } .new-style-modal-windows .add-photo-item { float: none; display: inline-block } .new-style-modal-windows .add-photo-items .add-photo-item .photo-item { padding: 0 10px; margin-bottom: 20px } .new-style-modal-windows .add-photo-items .add-photo-item .photo-item img { max-width: 100% } .new-style-modal-windows .add-photo-items .add-photo-item .check-photo-main { margin-bottom: 20px } .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 555555555; border: 4px solid #333 } .overlay .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: 0; background: url("/images/modal-windows/cross.png") no-repeat center center; text-indent: 200%; color: transparent; outline: 0; z-index: 100 } .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility 0s .5s; transition: opacity .5s, visibility 0s .5s } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s } .overlay-hugeinc .modal-drop-photo { margin-top: 170px; display: inline-block; opacity: .4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform .5s, opacity .5s; transition: transform .5s, opacity .5s } .overlay-hugeinc.open .modal-drop-photo { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg) } .overlay-hugeinc.close .modal-drop-photo { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg) } .overlay-hugeinc.open .modal-drop-photo .overlay-text { font-size: 24px; color: #fff; text-transform: uppercase; margin-top: 105px } .open-lease-price .on-signing-content { border-radius: 6px } .open-on-signing { border-radius: 6px } .on-signing-modal { height: 1190px; border-radius: 6px; background-color: #fff } .on-signing-container { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; font-family: "PT Sans" } .open-lease-price .modal-title-on-signing { margin-top: 54px; margin-bottom: 40px; color: #252525; font-size: 30px; font-weight: 700; line-height: 36px; text-transform: uppercase } .circle { margin-top: 20px; margin-bottom: 37px } .on-signing-pic { width: 256px; height: 109px; margin-top: 18px } .on-signing-circles { width: 126px; color: #2d95ea; font-size: 16px; font-weight: 700 } .signing-list { list-style-type: none !important; background: #f6f6f6; padding-top: 17px; padding-bottom: 27px; padding-right: 9px; padding-left: 13px; font-size: 14px; font-weight: 400; line-height: 24px; width: 269px; height: 127px } .signing-info { width: 269px; height: 127px; margin-left: 0; padding-left: 0; margin-right: 11px } .car-on-signing { width: 256px; height: 109px; margin: 0; padding: 0 } .signing-list-text { margin-left: 7px; color: #b3b3b3 } .signing-ico1 { padding: 0; margin: 0 } .on-signing-table td { padding-left: 40px !important; padding-top: 18px !important; padding-bottom: 18px !important } .on-signing-table th { padding-left: 20px !important; padding-top: 18px !important; padding-bottom: 18px !important } .on-signing-blue { color: #009ae5; font-weight: bold } .on-signing-uppercase { text-transform: uppercase } .on-signing-borders td, .on-signing-borders th { border-top: 0 !important } .on-signing-table tr td:nth-child(2n) { text-align: right } .on-signing-background { background: #f5f5f5 } .on-signing-paragraph td { color: #8e8d8d; border-bottom: 0 !important; padding-top: 30px !important; padding-left: 25px !important; font-size: 14px; font-weight: 400 !important; line-height: 36px } @media(max-width:991px) { .do-not { font-size: 10px } .open-lease-price .modal-content .padding-block-left { padding-right: 0 !important } .open-lease-price .modal-content .padding-block-right { padding-left: 0 !important } .new-style-modal-windows .modal-content .padding-block-left { padding-right: 0 !important } .new-style-modal-windows .modal-content .padding-block-right { padding-left: 0 !important } } @media(max-width:767px) { .new-style-modal-windows .modal-content { height: auto } .new-style-modal-windows .modal-content .form-group { margin-bottom: 0 } .new-style-modal-windows .modal-content .modal-header { margin-bottom: 0 } .new-style-modal-windows .registration-privilege .pers-acc, .new-style-modal-windows .registration-privilege .deal-acc { margin: 0 0 10px 0 } .new-style-modal-windows .modal-content .modal-header .modal-title { float: none } .new-style-modal-windows .modal-form .year { margin-top: 80px } .new-style-modal-windows .modal-form .vin-info { position: absolute; top: 0; width: 100% } .new-style-modal-windows .modal-form form { position: relative } .new-style-modal-windows .modal-form .form-group { margin-bottom: 20px } .new-style-modal-windows .modal-form .btn-custom { margin-bottom: 10px } .new-style-modal-windows .block-add-photo { padding: 50px 10px } .new-style-modal-windows .block-add-photo { padding: 10px 0 0; border: 0; margin-bottom: 30px } .new-style-modal-windows .overlay, .new-style-modal-windows .block-add-photo .text-add-photo { display: none } } @media(max-width:400px) { .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .title-pack { font-size: 20px } .add-vehicle .container { padding-left: 0; padding-right: 0 } .new-style-modal-windows .dropdown-menu .btn-default { padding: 2px 5px } } #get-a-quote .modal-content .modal-body .modal-form .check-credit { text-transform: uppercase; color: #333; font-size: 18px; background: #fff; border: 1px solid #333; box-shadow: none; width: 170px; height: 60px; border-radius: 7px; margin-bottom: 20px; margin-right: 10px; margin-left: 10px } #get-a-quote .modal-content .modal-body .modal-form .check-credit:hover { color: #fff; background: #333 } .modal-form .checkbox input[type="checkbox"] + span { display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin: -1px 4px 0 0; background: url("../../fb02e63c/images/checkbox.png") no-repeat 0 0; cursor: pointer } #get-a-quote .modal-content .modal-header .name-modal, .new-style-modal-windows .name-modal { font-size: 30px; text-transform: uppercase } .modal-form .checkbox input[type="checkbox"] { opacity: 0; margin-top: 0; margin-left: 0; height: 32px; width: 32px; cursor: pointer } .modal-form .checkbox input[type="checkbox"]:checked + span { background: url("../../fb02e63c/images/checkbox.png") no-repeat 0 -32px } .new-style-modal-windows .modal-form .input-group .form-control { border-right: 0; border-top-right-radius: inherit; border-bottom-right-radius: inherit; cursor: pointer } #get-a-quote #modal_quote_form { margin-bottom: 30px } #get-a-quote .submit-btn { height: 60px } #get-a-quote .btn-blue-wide { background: #333; color: white; max-width: 281px } #get-a-quote .input-group-addon { border-color: #252525; color: #252525; background-color: #fff; width: 50px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer } #third-carousel .owl-pagination { bottom: -40px } .activation-message .modal-header h3 { font-size: 30px } .activation-message .modal-body { font-size: 24px; font-weight: 500 } .activation-message .modal-body a { text-decoration: underline } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: .0 } 50% { opacity: 1.0 } 100% { -webkit-transform: scale(1.2, 1.2); opacity: .0 } } @-moz-keyframes pulsate { 0% { -moz-transform: scale(0.1, 0.1); opacity: .0 } 50% { opacity: 1.0 } 100% { -moz-transform: scale(1.2, 1.2); opacity: .0 } } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: .0 } 50% { opacity: 1.0 } 100% { transform: scale(1.2, 1.2); opacity: .0 } } header#myCarousel, #wrapper #block_what_we_do { line-height: 1 } .brands-main { width: 90%; margin: 0 auto } .brands-mentioned { text-align: center; font-size: 24px; padding: 26px 0 26px 0 } .home-page .lease-create ul.dropdown-menu button.active, .home-page .lease-create ul.dropdown-menu button.active { padding: 0 } .home-page #myCarousel .row, .home-page .block_what_we_do .row { margin: 0 } .home-page .carousel, .home-page .item, .home-page .active { position: relative } .home-page .carousel-inner { height: 100% } .home-page #arrow_down a { width: 50px; height: 50px; display: inline-block } .home-page #arrow_down a img { margin-top: 25px } .home-page .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover } .home-page .carousel-inner { height: 100% } #myCarousel { height: 100% } #myCarousel .content_header { position: absolute; top: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.7); height: 100% } #myCarousel .content_header .content_header_title h1 { margin-bottom: 25px; font-size: 48px; font-weight: 700; text-transform: uppercase; color: #fff } #myCarousel .content_header .slogan { color: white; font-size: 30px; text-transform: uppercase; margin-bottom: 30px } #myCarousel .content_header .content_header_title .content_header_title_leaseforlease { font-size: 40px } #myCarousel .content_header .inline-block { display: inline-block; vertical-align: top } #myCarousel .content_header_buttons { width: 680px; position: relative; margin: 0 auto } #myCarousel .content_header .content_header_buttons button { border-color: white; background: 0; color: white; height: 60px; width: 200px; font-size: 18px; font-weight: bold; margin-right: 15px; margin-bottom: 20px; border-radius: 7px } #myCarousel .content_header .content_header_buttons button:hover, #myCarousel .content_header .content_header_buttons button.active { background: #333; border: 0 } #myCarousel .content_header_buttons .form-group { position: inherit } #myCarousel .content_header_buttons .form-group .form-control { color: transparent; cursor: pointer; padding: 0; border: 1px solid white; background: transparent url('../../fb02e63c/images/search-close-condition.png') no-repeat center; height: 60px; width: 160px; transition: width .6s, background .6s; border-radius: 8px; font-size: 18px; float: right } #myCarousel .content_header .search-focus { width: 680px !important; margin: 0 auto !important; padding-left: 25px !important; padding-right: 50px; color: #333 !important; background: #fff url("../../fb02e63c/images/search-open-condition.png") right no-repeat !important; cursor: auto !important; position: absolute !important; transition: width .3s linear !important; right: 0; left: 0 } #myCarousel .content_header_buttons .close-search { position: absolute; right: 0; padding: 10px 10px 10px; top: -23px; background: white; border-radius: 8px 7px 7px 8px; cursor: pointer; display: none } #myCarousel .content_header .content_header_search form { float: none; display: inline-block; border: 1px solid #fff; border-radius: 7px; padding: 10px; background: rgba(0, 0, 0, 0.5); margin-bottom: 130px } #myCarousel #slides { z-index: 0 } #myCarousel .content_header .content_header_search .form-horizontal .form-control { font-size: 18px; height: 40px; padding: 6px 12px 6px 6px } #myCarousel .content_header .content_header_search .form-horizontal .form-group { margin: 0; padding-left: 0; padding-right: 10px } #myCarousel .content_header .content_header_search .form-horizontal .ico_search { padding-right: 0; margin-top: 7px; cursor: pointer } #myCarousel .content_header .header_block_get { margin-bottom: 15px } #myCarousel .content_header .logo_block_get { margin-right: 10px; font-size: 32px; color: white } #myCarousel .content_header .text_block_get { font-size: 16px; color: #fff; margin-bottom: 15px } #myCarousel .content_header .button_block_get button { border-color: white; background: 0; color: white; height: 60px; width: 200px; font-size: 18px; font-weight: bold; margin-right: 15px; margin-bottom: 20px; border-radius: 7px } #myCarousel .content_header .button_block_get button:hover, #myCarousel .content_header .button_block_get button:focus { background: #333; border: 0 } #myCarousel .arrow_down { position: absolute; bottom: 10px; margin: 0 auto; left: 0; right: 0; width: 100px } #myCarousel .coming-soon { text-align: center; color: white; font-size: 50px; margin-top: 40px; font-weight: bold } #myCarousel .content_header .content-to-bottom .link-car { font-size: 24px; color: white } #myCarousel .content_header .content-to-bottom .link-car .model-car, #myCarousel .content_header .content-to-bottom .link-car .start-price { margin-bottom: 10px } #myCarousel .content_header .content-to-bottom .link-car a { color: #333; text-decoration: none } #myCarousel .arrow_down img { -webkit-animation: bounce 1000ms ease infinite; -moz-animation: bounce 1000ms ease infinite; -o-animation: bounce 1000ms ease infinite; animation: bounce 1000ms ease infinite; -webkit-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); -moz-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); -ms-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); animation-timing-function: cubic-bezier(.14, .75, .2, 1.01) } .block_what_we_do .title_what_we_do { color: #333; font-size: 46px; margin: 80px 0 30px 0; font-weight: bold } .block_what_we_do .text_what_we_do { margin-bottom: 70px; color: #252525; font-size: 16px; padding: 0 60px } .block_what_we_do .items_what_we_do .build_request, .block_what_we_do .items_what_we_do .lease_assumption, .block_what_we_do .items_what_we_do .customer_support, .block_what_we_do .items_what_we_do .dealer_network { margin-bottom: 20px } .block_what_we_do .items_what_we_do .logo_items { margin-bottom: 20px; min-height: 67px } .block_what_we_do .items_what_we_do .title_items { margin-bottom: 15px; color: #252525; font-size: 22px; font-weight: bold } .block_what_we_do .items_what_we_do .text_item { font-size: 16px; color: #252525; margin-bottom: 10px; min-height: 120px } .block_what_we_do .items_what_we_do .button_items { border-color: #333; color: #333; font-size: 18px; height: 60px; width: 200px; border-radius: 7px; font-weight: bold } .block_what_we_do .items_what_we_do .button_items:hover, .block_what_we_do .items_what_we_do .button_items:focus { color: white; background: #333 } .block_what_we_do .background_footer img { width: 100% } #wrapper.toggled #sidebar-wrapper { overflow: hidden } .stop-scrolling { overflow: hidden } .display_none { display: none } .content_header_mobile_search { display: none } #home-search-block .content-to-bottom { position: absolute; left: 0; right: 0; bottom: 5% } .three-steps .car-img { position: absolute; bottom: 0; max-width: 100%; z-index: 3 } .loading-container { position: absolute; left: 50%; top: 50%; z-index: 10 } .pulse { border: 3px solid #999; height: 30px; width: 30px; position: absolute; left: -15px; top: -15px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; border-radius: 30px; filter: alpha(opacity=0); opacity: 0 } #home-search-block { padding-top: 100px } @media(max-height:899px) { .three-steps .car-img { max-width: 900px; left: 0; right: 0; margin: 0 auto } } @media(max-width:1199px) { .image-block { display: none } } @media(max-width:767px) { .block_what_we_do .items_what_we_do .text_item { min-height: inherit } } @media(min-width:767px) and (max-height:720px) { #myCarousel .content_header .content_header_search form { margin-bottom: 30px } } @media(max-width:767px) { #myCarousel .content_header .content_header_search form { margin-bottom: 20px } #myCarousel .content_header .content_header_title h1 { font-size: 30px } #myCarousel .content_header .slogan { font-size: 18px } #myCarousel .content_header .content_header_getin, #myCarousel .content_header .content_header_get_out, #myCarousel .arrow_down, #myCarousel .content_header .content_header_search { display: none } .home-page .button_build { margin-right: 5px !important; float: left } .home-page .button_lease { width: 48% !important } #myCarousel .content_header .content_header_mobile_search { display: block } #myCarousel .content_header .content_header_mobile_search .form-horizontal { padding-right: 0 } #myCarousel .content_header .content_header_mobile_search .form-horizontal .form-group { padding-right: 0 } #myCarousel .content_header .content_header_mobile_search .form-horizontal .form-group button { background: 0; border-color: white } #myCarousel .content_header .content_header_mobile_search .form-horizontal .form-group button:hover, #myCarousel .content_header .content_header_mobile_search .form-horizontal .form-group button:focus { background: #333; border-color: #333 } #myCarousel .content_header_buttons { width: 100% } #myCarousel .content_header_buttons .form-group .form-control { width: 100% } #myCarousel .content_header .search-focus { width: 100% !important } #myCarousel .content_header .search-form ul.dropdown-menu, #myCarousel .content_header .tt-menu { width: 100% } #myCarousel .content_header .inline-block { display: block; vertical-align: top; position: relative; float: left; margin-bottom: 30px; width: 100% !important } #myCarousel .content_header .search-form ul.dropdown-menu a, #myCarousel .content_header .tt-menu .item a { font-size: 12px } #myCarousel .content_header .search-form ul.dropdown-menu a > img, #myCarousel .content_header .tt-menu .item a > img { width: 80px !important } #myCarousel .content_header .content_header_buttons button { margin: 10px 0; width: 100% } #myCarousel .content_header_buttons .form-group { float: none !important; margin-bottom: inherit } } @media only screen and (min-width:1200px) and (max-width:1320px) { .block_what_we_do .items_what_we_do .text_item { min-height: 145px } } @media only screen and (min-height:820px) and (min-width:820px) { #home-search-block > .container { position: absolute; left: 0; right: 0; top: 50%; margin-top: -250px } #home-search-block .content-to-bottom { bottom: 10% } } @media only screen and (max-height:630px) { #myCarousel .content_header .content_header_buttons button { margin-bottom: 5px; width: 100% } #home-search-block .content-to-bottom { display: none } } .loading-container { position: absolute; left: 50%; top: 50%; z-index: 10 } .pulse { border: 3px solid #999; height: 30px; width: 30px; position: absolute; left: -15px; top: -15px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; border-radius: 30px; filter: alpha(opacity=0); opacity: 0 } @media(max-width:490px) { #myCarousel .content_header .content_header_title h1 { font-size: 26px } #myCarousel .content_header .slogan h2 { font-size: 20px } } @media(max-width:345px) { #myCarousel .content_header .slogan { margin-bottom: 0 } } @media(max-width:340px) { #myCarousel .content_header .content_header_title h1 { font-size: 26px } #myCarousel .content_header .slogan h2 { font-size: 20px } #home-search-block { padding-top: 50px } } @media(max-width:320px) { #myCarousel .content_header .content_header_title h1 { font-size: 24px } #myCarousel .content_header .slogan h2 { font-size: 18px } } /*! * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ #wrapper { padding-left: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #wrapper.toggled { padding-left: 250px } #sidebar-wrapper { z-index: 1000; position: fixed; width: 0; height: 100%; margin-left: -250px; overflow-y: auto; background: #333; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #wrapper.toggled #sidebar-wrapper { width: 250px } #page-content-wrapper { width: 100%; position: absolute; padding: 15px } #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px } .sidebar-nav { position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none } .sidebar-nav li { text-indent: 20px; line-height: 40px } .sidebar-nav li a { display: block; text-decoration: none; color: #999 } .sidebar-nav li a:hover { text-decoration: none; color: #fff } .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none } .sidebar-nav > .sidebar-brand { height: 65px; font-size: 18px; line-height: 60px } .sidebar-nav > .sidebar-brand a { color: #999 } .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: 0 } @media(min-width:768px) { #wrapper { padding-left: 250px } #wrapper.toggled { padding-left: 0 } #sidebar-wrapper { width: 250px } #wrapper.toggled #sidebar-wrapper { width: 0 } #page-content-wrapper { padding: 20px; position: relative } #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0 } } #header-for-left-menu { position: relative; margin-left: -15px } #header-for-left-menu .second-menu { top: 0; width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #header-for-left-menu .second-menu.shm_hide { top: -59px } .wrapper { padding-top: 20px } .wrapper.noheader { padding: 0 !important } .first-menu .navbar-brand { height: auto; padding: 0; width: 180px } .first-menu .navbar-brand img { max-width: 100% } .first-menu .navbar-header { padding: 19px 15px; display: inline-block; float: left } .first-menu.navbar-inverse { background-color: transparent; border: 0 !important } .first-menu.navbar-inverse .navbar-nav > li, .second-menu.navbar-inverse .navbar-nav > li { float: left } .first-menu.navbar-inverse .navbar-nav > li, .second-menu.navbar-inverse .navbar-nav > li { margin: 10px 0 } .second-menu.navbar-inverse .navbar-nav > li.sign-in-2 { margin: 10px 80px } .first-menu.navbar-inverse .navbar-nav > li:last-child, .second-menu.navbar-inverse .navbar-nav > li:last-child { margin: 0 } .first-menu.navbar-inverse .navbar-nav > li:last-child > a, .second-menu.navbar-inverse .navbar-nav > li:last-child > a { padding: 20px 30px } .first-menu.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 16px; padding: 10px; text-transform: uppercase; position: relative; transition: none; padding-left: 35px !important; white-space: nowrap } .first-menu.navbar-inverse .navbar-nav > li.user-logined-new:hover > a { color: #fff; background-color: rgba(0, 0, 0, 0.7); padding-left: 25px !important; padding: 9px !important; border: 1px solid #979797; border-bottom: 0; border-radius: 3px 3px 0 0; z-index: 2; padding-left: 35px !important } span.new-general-messages-count { color: #333; font-size: 12px; padding: 6px; margin-left: 5px; background-color: #fff; text-align: center; display: inline-block; line-height: 1; min-width: 24px; border-radius: 3px; position: relative; top: -2px } .btn-lease span.new-general-messages-count, .btn-view-offer span.new-general-messages-count { border: 1px solid #333; top: -3px } .second-menu { left: 0; right: inherit; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .second-menu.second_menu_right { left: -300px } .second-menu .navbar-brand { height: auto; padding: 0; width: 180px } .second-menu .navbar-brand img { max-width: 100% } .first-menu .navbar-brand.fixed_logo { display: none; max-width: 40px } .first-menu.grey-nav-bar .navbar-header { padding: 4px 15px } .first-menu.navbar-fixed-top .navbar-brand.default_logo, .first-menu.grey-nav-bar .navbar-brand.default_logo { display: none } .first-menu.navbar-fixed-top .navbar-brand.fixed_logo, .first-menu.grey-nav-bar .navbar-brand.fixed_logo { display: block } .second-menu .navbar-header { padding: 10px 15px; display: inline-block; float: left } .second-menu.navbar-inverse { height: 59px; background-color: #efefef; border: 0 } .second-menu.navbar-inverse .navbar-nav > li > a { color: #252525; font-size: 16px; padding: 10px; text-transform: uppercase; position: relative; transition: none } .second-menu.navbar-inverse .navbar-nav > li > a:hover, .second-menu.navbar-inverse .navbar-nav > li > a:visited { color: #252525 } li.user-logined-new > a { min-width: 150px; width: 100% } li.user-logined-new:hover > a { background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 9px; border: 1px solid #979797; border-radius: 3px } li.user-logined-new:hover .new-user-options { display: block } .navbar-inverse .navbar-nav .new-user-options { font-size: 16px; position: absolute; min-width: 150px; width: 100%; background: rgba(0, 0, 0, 0.7); border: 1px solid #979797; border-top: 0; border-radius: 0 0 3px 3px; margin: 0; top: 100%; left: 0; padding: 0; list-style: none; z-index: 1; display: none } .navbar-inverse .navbar-nav .new-user-options li { color: white; height: 50px; line-height: 50px; padding: 0 } .navbar-inverse .navbar-nav .new-user-options li a { color: white; display: block; height: 100%; width: 100%; padding: 0 16px 0 30px } .navbar-inverse .navbar-nav .new-user-options li:hover { background: #4096ee; cursor: pointer } .navbar-inverse .navbar-nav .new-user-options li a:hover { text-decoration: none } .navbar-inverse .navbar-nav .logined-user:hover .new-user-options { display: block !important } .navbar-inverse .navbar-nav .new-user-options .new-messages-count { color: #333; font-size: 12px; padding: 6px; margin-left: 0; background-color: #fff; text-align: center; display: inline-block; line-height: 1; margin-top: 16px; min-width: 24px; border-radius: 3px; position: relative; top: -2px; float: right } #wrapper { margin-right: 0 !important; margin-left: -300px !important; padding: 0 300px 0 0 !important } #wrapper.home-page { margin: 0 !important } body.home-page:not(.toggled)#wrapper { margin-left: -285px !important; padding: 0 } #wrapper.toggled { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important } #sidebar-wrapper { top: 0; width: 300px; right: 0 !important; margin-right: -300px !important; background: white; overflow-x: hidden } #sidebar-wrapper.opened { margin-right: 0 !important } .sidebar-nav { width: 300px } .sidebar-nav li { text-align: center; border-top: 1px solid #e5e5e5; text-indent: 0 } .sidebar-nav li a { color: black; padding: 10px } .sidebar-nav li.sidebar-menu-item { width: 300px; text-align: center; float: left; background: -moz-linear-gradient(right, #fff 50%, #fff 37%, #333 50%, #333 100%); background: -webkit-gradient(linear, right top, right top, color-stop(50%, #fff), color-stop(37%, #fff), color-stop(50%, #333), color-stop(100%, #333)); background: -webkit-linear-gradient(right, #333 50%, #fff 37%, #fff 50%, #fff 100%); background: -o-linear-gradient(right, #fff 50%, #fff 37%, #333 50%, #333 100%); background: -ms-linear-gradient(right, #fff 50%, #fff 37%, #333 50%, #333 100%); background: linear-gradient(to right, #fff 50%, #fff 37%, #333 50%, #333 100%); background-size: 200% 100%; background-position: left bottom; transition: all .5s ease } .sidebar-nav li.sidebar-menu-item:hover { color: white; background-position: right bottom } .sidebar-nav li.social_button_menu a { padding: 20px 10px; display: inline-block } .sidebar-nav li.social_button_menu a:hover { color: #333 } .sidebar-nav li:last-child a { padding: 20px 10px; display: inline-block } .sidebar-nav li:last-child a:hover { background: transparent } #sidebar-wrapper .sidebar-nav > .sidebar-brand { height: auto } #sidebar-wrapper .sidebar-nav > .sidebar-brand img { padding: 20px; max-width: 100% } .first_menu_show span { display: inline-block; *display: inline; vertical-align: top; zoom: 1 } .first_menu_show .icon-container { width: 20px; height: 20px; position: relative } .first_menu_show .line { position: absolute; width: 18px; height: 3px; border-radius: 5px; background: #fff; -webkit-transition: all 300ms cubic-bezier(0.215, .61, .355, 1); -moz-transition: all 300ms cubic-bezier(0.215, .61, .355, 1); -o-transition: all 300ms cubic-bezier(0.215, .61, .355, 1); transition: all 300ms cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .second-menu .first_menu_show .line { background: #333 } .first_menu_show .line_1 { top: 0; opacity: 1; -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; -o-transition-delay: 210ms; transition-delay: 210ms } .first_menu_show .line_2 { top: 7px; -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; -o-transition-delay: 140ms; transition-delay: 140ms } .first_menu_show .line_3 { top: 14px; -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms } .first_menu_show .line_4 { top: 21px; opacity: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms } .first_menu_show:hover .line { -webkit-transform: translate3d(0, -7px, 0); -moz-transform: translate3d(0, -7px, 0); -o-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0) } .first_menu_show:hover .line_1 { opacity: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms } .first_menu_show:hover .line_2 { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms } .first_menu_show:hover .line_3 { -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; -o-transition-delay: 140ms; transition-delay: 140ms } .first_menu_show:hover .line_4 { opacity: 1; -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; -o-transition-delay: 210ms; transition-delay: 210ms } .first-menu .navbar-nav .search-form { color: #434343; height: auto; position: relative } .first-menu form.search-form .search-close-icon { display: inline-block; width: 14px; height: 14px; position: absolute; top: 50%; left: 10px; margin-top: -8px; z-index: 1; color: #fff } .first-menu input[type=search] { border: solid 1px #ccc; padding: 5px 40px; width: 0; height: 40px; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; outline: 0; background: rgba(0, 0, 0, 0.5); color: #fff } .first-menu span.search-close-icon { cursor: pointer } @media(max-width:1280px) { .second-menu.second_menu_right { left: -308px } } @media(max-width:1120px) { .first-menu input[type=search] { width: 200px !important } } @media(max-width:991px) { .first-menu.navbar-inverse .navbar-nav > li:first-child, .second-menu.navbar-inverse .navbar-nav > li:first-child { display: none } } @media(max-width:768px) { body.home-page .second-menu { display: none } .wrapper { padding-top: 25px } .second-menu .navbar-brand { width: auto } .second-menu .navbar-header { padding: 8px 15px } .second-menu .navbar-nav { height: 52px; margin: 0 -15px } .first-menu .navbar-nav, .second-menu .navbar-nav { text-align: center } #wrapper.toggled #sidebar-wrapper { width: 0 } .navbar { margin-bottom: 10px } .first-menu .nav > li:last-child { display: inline-block; float: right } .first-menu .nav > li:nth-child(1), .first-menu .nav > li:nth-child(2), .first-menu .nav > li:nth-child(3) { display: none } .first-menu.navbar-inverse .navbar-nav > li.user-logined-new, .second-menu.navbar-inverse .navbar-nav > li.user-logined-new, .first-menu.navbar-inverse .navbar-nav > li.new-sign-in, .second-menu.navbar-inverse .navbar-nav > li.new-sign-in { text-align: center; display: inline-block; margin: 5px auto 0; width: 205px; position: absolute; left: 0; right: 0 } .first-menu.navbar-inverse .navbar-nav > li.phone-main, .second-menu.navbar-inverse .navbar-nav > li.phone-main { display: none } .first-menu.navbar-inverse .navbar-nav > li.new-sign-in, .second-menu.navbar-inverse .navbar-nav > li.new-sign-in { width: 110px } .first-menu .nav li:last-child { display: block } .first-menu .nav li:last-child .menu-name { display: none } #wrapper { margin-left: -200px !important; margin-right: 0 !important } body.home-page:not(.toggled)#wrapper { margin-left: -200px !important } #sidebar-wrapper { width: 200px; right: 0 !important; margin-right: -200px !important } .sidebar-nav { width: 100% } .sidebar-nav li.sidebar-menu-item { width: 100% } .sidebar-nav li.social_button_menu a { padding: 18px 2px; font-size: 14px } .sidebar-nav li:last-child a { padding: 18px 2px } .first-menu.navbar-inverse .navbar-nav > li.user-logined-new:hover > a { padding: 14px 24px } .first-menu.navbar-inverse .navbar-nav > li:last-child, .second-menu.navbar-inverse .navbar-nav > li:last-child, .first-menu.navbar-inverse .navbar-nav > li:last-child > a, .second-menu.navbar-inverse .navbar-nav > li:last-child > a { height: 100%; margin: 0 } .first-menu.navbar-inverse .navbar-nav > li:last-child > a, .second-menu.navbar-inverse .navbar-nav > li:last-child > a { width: 60px; padding: 10px; text-align: center } .first_menu_show { width: 20px } .first_menu_show { width: 30px } .first-menu-name, #close-first-menu .close-menu-text { display: none !important } .first-menu #close-first-menu, .second-menu #close-first-menu { padding: 15px } .first_menu_show .icon-container { top: 50%; left: -10px; margin-top: -10px } body.home-page .first_menu_show .icon-container { top: 0; margin-top: 4px } body.home-page .first-menu { position: fixed; width: 100%; margin-left: -15px; z-index: 2 } body.home-page #home-search-block { margin-top: 60px } body.home-page .grey-nav-bar { background: #efefef; height: 63px } body.home-page .grey-nav-bar.first-menu.navbar-inverse .navbar-nav > li:hover > a#close-first-menu, body.home-page .grey-nav-bar.first-menu.navbar-inverse .navbar-nav > li > a#close-first-menu:hover, body.home-page .grey-nav-bar.first-menu.navbar-inverse .navbar-nav > li.new-sign-in > a:hover, body.home-page .grey-nav-bar.first-menu.navbar-inverse .navbar-nav > li > a { color: #333 } body.home-page .grey-nav-bar.first-menu .first_menu_show .line { background: #333 } body.home-page .grey-nav-bar.first-menu.navbar-inverse .navbar-nav > li:hover > a, body.home-page .grey-nav-bar.first-menu.navbar-inverse .navbar-nav > li > a:hover { color: #fff } .second-menu.second_menu_right { left: -200px } #wrapper { padding: 0 200px 0 0 !important } } .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 } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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 } @-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%) } } .animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble } @-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) } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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 } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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) } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.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 } } .animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge } @-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) } } .animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn } @-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) } } .animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut } @-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 } } .animated.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: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s } @-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 } } .animated.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: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s } @-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) } } .animated.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: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s } #slides { position: relative } #slides .slides-container { display: none } #slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; height: 100% } #slides .scrollable:after { content: ""; display: table; clear: both } .slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 46%; width: 100% } .slides-navigation a { position: absolute; display: block } .slides-navigation a.prev { left: 0 } .slides-navigation a.next { right: 0 } .slides-pagination { position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100% } .slides-pagination a { border: 2px solid #222; border-radius: 15px; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 2px; overflow: hidden; text-indent: -100% } .slides-pagination a.current { background: #222 } html { min-height: 100%; position: relative } body { color: #252525; overflow-x: hidden } a, a:focus, a:hover, a:visited, button, button:focus, button:hover, button:visited { outline: 0 } .navbar-fixed-top, .block-dealer-listing.stick_header_show .dealer-listing-stick-header { z-index: 1090 } .mailto_link { text-decoration: none } .mailto_link:hover { text-decoration: none; cursor: pointer; color: #fff } .mailto_link:visited { color: #333 } .js-flex-box { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important } @media(min-width:779px) { #gallery .owl-item .block-configuration-auto-item { width: 100%; display: table-cell; vertical-align: middle; height: 500px } #gallery .owl-wrapper-outer .owl-item.js-flex-box { display: table !important } } .display-none { display: none } .display-inline { display: inline-block !important; float: none !important } .check-circle-active { color: #333 } .packeges-item { padding: 40px 10px !important } .footer-all-content { position: absolute; width: 100%; float: left; bottom: 0; z-index: 2; visibility: hidden } .bold { font-weight: bold } .ptsans18 { font-family: "PTSans"; font-size: 18px } .ptsans22 { font-family: "PTSans"; font-size: 22px } .ptsans30 { font-family: "PTSans"; font-size: 30px; text-transform: uppercase } .block_footer { background: #252525; padding-bottom: 20px; min-height: 100px } .block_footer .left_side_footer { margin-top: 20px } .block_footer .left_side_footer .logo-footer { float: left; margin-right: 20px } .block_footer .left_side_footer .logo-footer img { width: 180px } .block_footer .left_side_footer .text_copyright { font-size: 16px; color: #fff; margin-top: 5px } .block_footer .right_side_footer .social_button_footer { margin-top: 35px } .block_footer .right_side_footer .social_button_footer a { color: #fff; text-decoration: none; margin-left: 5px } .block_footer .right_side_footer .social_button_footer a:hover { color: #333 } .page-slider .owl-theme .item img { max-width: 450px; margin: 0 auto; } .page-slider .owl-theme .owl-controls .owl-buttons .owl-prev { background: url("/statics/images/chevron-left.png") no-repeat; height: 90px; width: 50px; left: 0; z-index: 1 } .page-slider .owl-theme .owl-controls .owl-buttons .owl-next { background: url("/statics/images/chevron-right.png") no-repeat; height: 90px; width: 50px; right: 0; z-index: 1 } .page-slider .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin-top: -45px } .ext-inter-col .block-set-color .block-choose-color .owl-buttons .owl-next { top: 30% !important } .ext-inter-col .block-set-color .block-choose-color .owl-buttons .owl-prev { top: 30% !important } .page-slider .owl-theme.little-arrow .owl-controls .owl-buttons div, .page-slider .owl-theme.colors-slider .owl-controls .owl-buttons div { margin-top: -15px !important } .page-slider .owl-theme.little-arrow .owl-buttons .owl-prev, .page-slider .owl-theme.little-arrow .owl-buttons .owl-next, .page-slider .owl-theme.colors-slider .owl-buttons .owl-prev, .page-slider .owl-theme.colors-slider .owl-buttons .owl-next { background: none !important; color: rgba(211, 215, 218, 0.8); font-size: 30px; left: 0; cursor: pointer } .page-slider .owl-theme.colors-slider .owl-buttons .owl-prev, .page-slider .owl-theme.colors-slider .owl-buttons .owl-next { margin: 0; margin-left: -15px; margin-top: -15px; padding: 0; height: 30px; width: 22px } .page-slider .owl-theme.little-arrow .owl-buttons .owl-next, .page-slider .owl-theme.colors-slider .owl-buttons .owl-next { left: auto; right: 0 } .page-slider .owl-theme.colors-slider .owl-buttons .owl-next { margin-right: -15px; margin-left: 0 } .page-slider .owl-theme.colors-slider .owl-controls .owl-pagination { display: none } .page-slider .owl-theme:not(.colors-slider) .owl-controls .owl-page span { display: block; height: 20px; width: 20px; border-radius: 5px; background-color: #c3c3c3; border: 0; margin: 5px 7px } .page-slider .owl-theme:not(.colors-slider) .owl-dots .owl-dot span { display: block; height: 20px; width: 20px; border-radius: 15px; background-color: #c3c3c3; border: 0; margin: 5px 7px; } .page-slider .owl-theme .owl-controls .owl-pagination { text-align: center } .owl-dots { text-align: center; bottom: -35px; position: absolute; width: 100%; } .page-slider .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .page-slider .owl-theme .owl-dots .active span { background-color: #333 !important; } .page-slider .owl-theme:not(.colors-slider) .owl-dots .owl-dot active span { background: #333; } .page-slider .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1 } .page-slider .owl-theme .owl-controls .owl-page.active span { background: #333 } .page-slider .owl-carousel .owl-item { text-align: center;height: 300px; overflow-y: hidden; } .slider-car-builder .page-slider #img-ext-color .owl-item, .slider-car-builder .page-slider #img-int-color .owl-item { padding: 0 1.5% !important } .account_review { padding: 80px 0 60px 0; max-width: 960px; margin: 0 auto } .account-common .account_review { padding: 0 0 30px 0 } .account_review .main-account-info { border-bottom: 1px solid #ccc; padding: 2px 2px 18px 2px } .account_review .main-account-info .main-account-info__img--profile { display: inline-block } .account_review .main-account-info .main-account-info__user-info { min-width: 150px } .account_review .main-account-info .main-account-info__user-info--name { font-size: 23px; font-family: SegoeUIBold; display: inline-block; margin: 0 0 0 10px } .account_review .main-account-info .main-account-info__user-info--locate, .account_review .main-account-info .main-account-info__user-info--email, .account_review .main-account-info .main-account-info__user-info--phone { font-family: SegoeUIRegular; font-size: 14px } .account_review .main-account-info .main-account-info__user-info--locate { margin: 14px 0 0 24px } .account_review .main-account-info .main-account-info__user-info--email { margin: 13px 0 0 20px } .account_review .main-account-info .main-account-info__user-info--phone { margin: 1px 0 0 32px } .account_review .main-account-info .main-account-info__user-info--locate img { margin: -6px 11px 0 -11px } .account_review .main-account-info .main-account-info__user-info--email img { margin: -5px 11px 0 -11px } .account_review .main-account-info .main-account-info__user-info--phone img { margin: -3px 15px 0 -16px } .account_review .main-account-info .main-account-info__rating { width: 246px; height: 158px; background: #f4f4f4; border: 1px solid #ccc; margin: 6px 6px 0 0; text-align: center } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--title { font-size: 14px; font-family: SegoeUIRegular } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--stars { display: inline-block } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--stars img { margin: 12px -6px 0 0 } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--count { font-family: SegoeUIBold; font-size: 68px; margin: -7px -18px 0 0; display: inline-block } .account_review .main-account-info .main-account-info__rewiev { background: #39f; width: 150px; height: 27px; line-height: 27px; box-shadow: 0 1px 0 #06498d; color: white; font-family: SegoeUIRegular; font-size: 18px; text-align: center; border-radius: 2px; position: relative; bottom: -135px; right: 10px } .account_review .main-account-info .main-account-info__rewiev:hover { cursor: pointer; background-color: #286090; border-color: #204d74 } .account_review > .write-a-review, .account_review .messages-section__message--button { display: none } .account_review .write-a-review .write-a-review__title { font-family: SegoeUISemiBold; font-size: 14px; color: #555; margin: 8px 0 0 7px } .account_review .write-a-review .write-a-review__stars { margin: 11px 0 0 2px } .account_review .write-a-review .write-a-review__stars img { margin: 0 -6px 0 0 } .account_review .write-a-review .write-a-review__review, .account_review .messages-section .messages-section__message .messages-section__message--answer { font-weight: bold; font-style: italic; font-size: 14px; color: #555; margin: 0 0 0 7px; width: 80%; text-align: left } .account_review .write-a-review .write-a-review__textarea { width: 100% } .account_review .messages-section .messages-section__message .messages-section__textarea { width: 81% } .account_review .messages-section .messages-section__message .answer-section { display: none } .account_review .write-a-review .write-a-review__textarea .write-a-review__textarea--field, .account_review .messages-section .messages-section__message .messages-section__textarea--field { margin: 5px 6px 0 6px; width: 98.8%; height: 127px; padding: 5px } .account_review .write-a-review .write-a-review__textarea .write-a-review__textarea--field:focus, .account_review .messages-section .messages-section__message .messages-section__textarea--field:focus { border: 1px solid black; border-radius: 4px; overflow: auto; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .account_review .write-a-review .write-a-review__send, .account_review .messages-section .messages-section__message .messages-section__textarea .messages-section__textarea--button { background: #39f; width: 98px; height: 27px; line-height: 21px; box-shadow: 0 1px 0 #06498d; color: white; font-family: SegoeUIRegular; font-size: 18px; text-align: center; margin: 19px 5px 0 0; border: 0; border-radius: 2px } .account_review .write-a-review .write-a-review__send:hover, .account_review .messages-section .messages-section__message .messages-section__textarea .messages-section__textarea--button:hover { cursor: pointer; background-color: #286090; border-color: #204d74 } .account_review .sort-by-and-date { height: 36px } .account_review .sort-by-and-date .sort-by-and-date__date { margin: 12px 18px 0 0 } .account_review .sort-by-and-date .sort-by-and-date__date img { margin: 0 0 0 18px } .account_review .sort-by-and-date .sort-by-and-date__sort { margin: 13px 15px 0 0 } .account_review .messages-section { border-top: 1px solid #ccc; padding: 18px 0 30px 8px; display: inline-block; width: 100% } .account-common .account_review .messages-section:first-child { border-top: 0; padding: 0 0 30px 8px } .account_review .messages-section.answer { border-top: 0; height: auto; width: 95.8%; background: url("/images/reviews-images/answer-messages-bg.png"); margin: 15px 0 0 8px; padding: 0 0 10px 0 } .account_review .messages-section .messages-section__user { width: 16% } .account_review .messages-section.answer .messages-section__user { width: 22% } .account_review .messages-section .messages-section__user .messages-section__info, .account_review .messages-section.answer .messages-section__user .messages-section__info { text-align: left } .account_review .messages-section .messages-section__user .messages-section__info .messages-section__user--name, .account_review .messages-section.answer .messages-section__user .messages-section__info .messages-section__user--name { font-family: SegoeUIBold; font-size: 14px; margin: 7px 0 0 2px } .account_review .messages-section .messages-section__user .messages-section__rating { margin: 0 0 0 8px } .account_review .messages-section.answer .messages-section__user .messages-section__rating { margin: 0 0 0 12px } .account_review .messages-section .messages-section__user .messages-section__rating .messages-section__user--stars, .account_review .messages-section.answer .messages-section__user .messages-section__rating .messages-section__user--stars { margin: 2px 0 0 0 } .account_review .messages-section .messages-section__user .messages-section__rating .messages-section__user--stars img, .account_review .messages-section.answer .messages-section__user .messages-section__rating .messages-section__user--stars img { margin: 0 -5px 0 0 } .account_review .messages-section .messages-section__user .messages-section__rating .messages-section__user--rate, .account_review .messages-section.answer .messages-section__user .messages-section__rating .messages-section__user--rate { font-family: SegoeUIBold; font-size: 42px; margin: -6px 0 0 0 } .account_review .messages-section .messages-section__user .messages-section__answer, .account_review .messages-section.answer .messages-section__user .messages-section__answer { background: #39f; width: 138px; height: 27px; line-height: 26px; box-shadow: 0 1px 0 #06498d; color: white; font-family: SegoeUIRegular; font-size: 18px; text-align: center; margin: 16px 5px 0 -2px; border: 0; border-radius: 2px } .account_review .messages-section .messages-section__user .messages-section__answer:hover, .account_review .messages-section.answer .messages-section__user .messages-section__answer:hover { cursor: pointer; background-color: #286090; border-color: #204d74 } .account_review .messages-section .messages-section__message { margin: 0 0 0 2%; width: 82% } .account_review .messages-section .messages-section__message .messages-section__message--edit { background: #39f; width: 138px; height: 27px; line-height: 26px; box-shadow: 0 1px 0 #06498d; color: white; font-family: SegoeUIRegular; font-size: 18px; text-align: center; margin: 5px 0 0 32px; border: 0; border-radius: 2px } .account_review .messages-section .messages-section__message .messages-section__message--edit:hover { cursor: pointer; background-color: #286090; border-color: #204d74 } .account_review .messages-section .messages-section__message .messages-section__message--delete { text-decoration: underline; color: #cd6f9d; font-family: SegoeUIRegular; font-size: 12px; display: inline-block; margin: 10px 0 0 13px } .account_review .messages-section .messages-section__message .messages-section__message--delete:hover { cursor: pointer; padding: 0 0 3px 0 } .account_review .messages-section.answer .messages-section__message { width: 74%; margin: 29px 0 0 14px; line-height: 18px; text-align: justify } .account_review .messages-section .messages-section__message .messages-section__message--time { font-family: SegoeUIRegular; font-size: 12px; text-align: right; padding: 0 5px 0 0 } .account_review .messages-section .messages-section__message .messages-section__message--maintext { font-family: SegoeUIRegular; font-size: 13px; overflow: hidden; margin: 14px 0 0 0; line-height: 19px; text-align: justify; padding: 0 15px 0 0; -webkit-transition: all .5s; transition: all .5s } .account_review .messages-section.answer .messages-section__message .messages-section__message--text { font-family: SegoeUIRegular; font-size: 13px; height: auto; overflow: visible; line-height: 19px; text-align: justify; padding: 0 15px 0 0 } .account_review .messages-section .messages-section__message .messages-section__message--button { background: #39f; width: 98px; height: 27px; line-height: 26px; box-shadow: 0 1px 0 #06498d; color: white; font-family: SegoeUIRegular; font-size: 18px; text-align: center; margin: 28px 5px 0 0; border: 0; border-radius: 2px } .account_review .messages-section .messages-section__message .messages-section__message--button:hover { cursor: pointer; background-color: #286090; border-color: #204d74 } .account_review .messages-section .messages-section__message .messages-section__message--rearrow { display: inline-block; margin: 0 0 0 -10px } .account_review .messages-section .messages-section__message .messages-section__message--rearrow img { margin: 12px 0 0 13px } .account_review .rating-container .rating-stars { color: #3081d3 } .color-red { color: #ce0024 !important; } .simple-link { color: dodgerblue; cursor: pointer } .simple-link:hover { cursor: pointer } .btn-group.open .simple-link.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none } .mobile-social-share { position: relative } .mobile-social-share ul { float: right; list-style: none outside none; margin: 0; min-width: 61px; padding: 0 } .share { min-width: 17px } .mobile-social-share li { display: block; font-size: 18px; list-style: none outside none; margin-bottom: 3px; margin-left: 4px; margin-top: 3px } .mobile-social-share li a { padding-top: 12px; padding-bottom: 12px; text-indent: -1px } .mobile-social-share li a .fa { font-size: 16px } .btn-share { background-color: #bebebe; border-color: #ccc; color: #333 } .btn-twitter { background-color: #39c !important; width: 51px; color: #fff !important } .btn-facebook { background-color: #3d5b96 !important; width: 51px; color: #fff !important } .btn-facebook { background-color: #3d5b96 !important; width: 51px; color: #fff !important } .btn-google { background-color: #838383 !important; width: 51px; color: #fff !important } .btn-linkedin { background-color: #1884bb !important; width: 51px; color: #fff !important } .btn-pinterest { background-color: #cc1e2d !important; width: 51px; color: #fff !important } .btn-mail { background-color: #ffc90e !important; width: 51px; color: #fff !important } .wrapper .button-return-srch { float: left } .wrapper .button-return-srch .btn-return { background: white; border-color: #333; color: #333; text-transform: uppercase; font-size: 16px } .wrapper .button-return-srch .btn-return:hover { background: #333; color: white } .block-dealer-listing { padding: 0 20px } .block-dealer-listing .title-dealer-listing { padding-top: 20px; padding-bottom: 11px; margin-bottom: 10px; overflow: hidden; margin-right: -35px } .block-dealer-listing .title-dealer-listing .title-text-dealer-listing { text-transform: uppercase; font-size: 30px; line-height: 1; padding-left: 20px; margin: 0 } .block-dealer-listing .vehicle-details { border: 1px solid #d3d7da; border-radius: 5px; margin-bottom: 10px } .block-dealer-listing .vehicle-details .slider-vehicle-details { padding: 20px 10px 20px 20px !important } .block-dealer-listing .vehicle-details .slider-vehicle-details .rsOverflow { margin-bottom: 10px } .block-dealer-listing .vehicle-details .lease-details { padding: 20px 20px 20px 10px !important } .block-dealer-listing .vehicle-details .lease-details .header-lease-details { border: 1px solid #d3d7da; border-radius: 5px; padding: 20px 20px 10px 20px; background: #f8f8f8 } .block-dealer-listing .vehicle-details .lease-details .header-lease-details.__user { padding: 20px !important } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term { font-size: 24px; line-height: 1 } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term .number_months { font-size: 36px; color: #333 } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term .months { font-size: 14px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp { font-size: 24px; line-height: 1 } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp .number { font-size: 36px; color: #333 } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp .base_price { font-size: 14px } .block-dealer-listing .vehicle-details .lease-details .options { padding: 30px 0 20px 20px !important; font-size: 16px; line-height: 2.5 } .block-dealer-listing .vehicle-details .lease-details .options .block-inst-pack-opt { margin-bottom: 40px } .block-dealer-listing .vehicle-details .lease-details .options .price { float: right } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info { position: relative } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute { position: absolute; top: 40%; font-size: 16px } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute .logo-dealer { margin-bottom: 10px } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute .logo-dealer img { width: 100% } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute .dealer-location { margin-bottom: 10px } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute .raiting-dealer { color: #333; margin-bottom: 5px } .block-dealer-listing .buttons-costreq-contdeal { margin-bottom: 35px } .block-dealer-listing .buttons-costreq-contdeal .btn-primary { background: white; border-color: #333; color: #333; text-transform: uppercase; font-size: 18px; width: 250px; height: 60px; padding: 17px 12px; border-radius: 8px; max-width: 100%; margin-bottom: 5px } .block-dealer-listing .buttons-costreq-contdeal .user-social-share .btn-primary { max-width: 140px; margin-right: 10px } .block-dealer-listing .buttons-costreq-contdeal .auto-check-btn { max-width: 180px; margin-right: 10px } .block-dealer-listing .buttons-costreq-contdeal .btn-primary:hover, .block-dealer-listing .buttons-costreq-contdeal .btn-primary.active { background: #333; color: white } .block-dealer-listing .dealer-notes { margin-bottom: 81px } .block-dealer-listing .dealer-notes.dealer-notes__user { margin-bottom: 30px } .block-dealer-listing .dealer-notes.dealer-notes__user .table { border-bottom: 1px solid #ddd } .block-dealer-listing .dealer-notes .dealer-notes-title { font-size: 30px; text-transform: uppercase; margin-bottom: 35px } .block-dealer-listing .dealer-notes .dealer-notes-text { font-size: 18px } .block-dealer-listing .block-configuration-auto { margin-bottom: 50px; margin-top:25px; } .wrapper .dealer-ls .vehicle-details .lease-details .header-lease-details { border: 1px solid rgba(208, 208, 208, 0.4); height: 79px } .dealer-ls .lease-term { padding: 15px 21px; color: #333; font-family: PTSans; font-size: 18px !important; font-weight: 700; text-transform: uppercase } .dealer-ls .title-text-dealer-listing { line-height: 39px !important } .dealer-ls .vehicle-details { border: 1px solid rgba(211, 215, 218, 0.4) !important } .dealer-ls .numbers span { position: absolute } .dealer-ls .numbers { color: #333; font-family: PTSans; font-size: 16px; font-weight: 700; line-height: 31px; text-transform: uppercase } .dealer-ls .numbers span:first-child { top: 25px; left: 16px; color: white } .dealer-ls .title-dealer-listing { background: #f8f8f8; margin-left: -35px; padding-left: 35px } .dealer-ls .numbers span:nth-child(2) { top: 130px; left: 127px } .dealer-ls .numbers span:nth-child(3) { top: 126px; left: 241px } .dealer-ls .numbers span:nth-child(4) { top: 116px; left: 352px } .block-dealer-listing .buttons-costreq-contdeal .btn-primary i { font-size: 24px } .block-dealer-listing .buttons-costreq-contdeal .btn-primary .fa-saved { background: url(/images/carcar.png) no-repeat 0 0; width: 34px; height: 33px; vertical-align: middle } .dealer-ls .lease-term span { width: 30px; height: 30px; background-color: #333; color: white; font-family: PTSans; font-size: 16px; font-weight: 700; display: inline-block; line-height: 32px; text-transform: uppercase; text-align: center; border-radius: 30px } .dealer-ls .lease-options { padding: 0; background-color: #e8e8e8; border: 1px solid #e8e8e8; border-radius: 9px 10px 10px 9px; margin-bottom: 20px; margin-top: 12px } .dealer-ls .lease-options .title { margin: 12px 0 18px; min-height: 17px; color: #333; font-family: PTSans; font-size: 22px; font-weight: 700; line-height: 23px } .dealer-ls .lo { table-layout: fixed; display: table; width: 100% } .dealer-ls .lo-item { display: table-cell; background: white; padding: 17px 25px 12px; border: 1px solid #e8e8e8 } .dealer-ls .lo-item .name { letter-spacing: 2px; margin-bottom: 17px; color: #333; font-family: PTSans; font-size: 18px; font-weight: 700; line-height: 23px; text-transform: uppercase; text-align: center } .dealer-ls .lo-item .price span { color: #39f; font-family: PTSans; font-size: 27px; font-weight: 700; line-height: 12px } .dealer-ls .lo-item .price .mpy { color: #333; font-family: PTSans; font-size: 12px; font-weight: 700; line-height: 23px } .dealer-ls .lo-item .price .term { width: 66px; height: 66px; background-color: #e8e8e8; color: #333; font-family: PTSans; font-weight: 700; line-height: 17px; text-align: center; font-size: 19px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; float: right; padding: 19px 0 0; margin-top: -12px; margin-right: -10px } .dealer-ls .lo-item .price .term span { font-size: 12px; display: block; color: #333 } .dealer-ls .lo-item .attrs { padding-top: 4px; clear: both } .dealer-ls .lo-item .attrs div { font-family: PTSans; clear: both; font-weight: 700; color: #999; font-size: 12px; line-height: 22px } .dealer-ls .lo-item .attrs div span { float: right; color: #333 } .dealer-ls .lo-item .attrs .tdo { color: #333; font-size: 14px; padding-top: 5px; line-height: 31px } .dealer-ls .lo-item .attrs .tdo span { color: #39f } .dealer-ls .lo-item:first-child { border-top-left-radius: 9px } .dealer-ls .lo-item:last-child { border-top-right-radius: 9px } .dealer-ls .lo-item button { display: block; height: 40px; background-color: #39f; border-radius: 19px; margin-bottom: -40px; color: white; font-family: PTSans; font-size: 13px; font-weight: 700; line-height: 28px; text-transform: uppercase; width: 95%; margin: 0 auto -31px; z-index: 2; position: relative; text-overflow: ellipsis; white-space: normal; word-wrap: break-word } .lease-term-monthly { padding-top: 17px; padding-right: 13px; line-height: 26px; font-family: PTSans; line-height: 24px; font-weight: 700; color: #252525; font-size: 14px; font-weight: 700 } .dealer-ls .lease-details .header-lease-details { height: 60px !important; background-color: #eee !important; margin-top: 12px; border: none !important; border-radius: 5px 6px 6px 5px !important; padding: 0 !important } .dealer-ls .msrp-block { margin-top: -12px; min-height: 85px; background-color: white; border: 1px solid #e8e8e8; border-radius: 5px 6px 6px 5px; color: #999; font-family: PTSans; font-size: 14px; font-weight: 700; line-height: 23px; text-transform: uppercase; padding-top: 7px; padding-left: 30px; padding-right: 30px } .dealer-ls .msrp-block span { float: right; color: #333 } .dealer-ls .msrp-block .msrp-item { clear: both } .lease-term-monthly span { color: #333; font-size: 36px } .lease-duefee { color: #252525; font-size: 14px; font-weight: 400; padding-right: 32px; padding-bottom: 20px } .dealer-ls .price-analysis .title { color: #252525; font-family: PTSans; font-size: 24px; font-weight: 700; line-height: 36px } .dealer-ls .price-analysis .numbers { background: url(/images/analysis.png) no-repeat 0 0; width: 422px; margin: 0 auto; position: relative; height: 162px } .dealer-ls .dealer-listing-info .absolute { margin-top: 50px; position: relative !important; top: 0 !important } .block-man-fees { clear: both } .block-inst-pack-opt { clear: both } .block-man-fees { clear: both } .modal .block-configuration-auto .owl-wrapper-outer, .block-dealer-listing .block-configuration-auto .owl-wrapper-outer { padding-bottom: 2px; padding-right: 2px } .block-configuration-auto .title-configuration-auto { font-size: 30px; text-transform: uppercase; margin-bottom: 35px } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item { display: -webkit-flex !important; display: flex !important; float: none; margin-right: -7px } .configuration-auto-item { border: 1px solid #d3d7da; border-radius: 7px; padding: 40px 10px 70px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1) } .configuration-auto-item .check-pack-img { width: 50px; height: 50px; margin: 20px auto 20px auto } .configuration-auto-item .check-pack-img img { width: 100% } .configuration-auto-item .title-pack { text-transform: uppercase; font-size: 21px; margin-bottom: 15px } .configuration-auto-item .title-pack a { text-decoration: none; color: black } .configuration-auto-item .describe-pack { font-size: 16px; margin-bottom: 15px } .configuration-auto-item .priceBlock { font-size: 24px; font-weight: bold } .block-dealer-listing .ext-inter-col { margin-bottom: 90px } .block-dealer-listing .ext-inter-col .title-ext-inter { font-size: 30px; text-transform: uppercase; margin-bottom: 35px } .block-dealer-listing .ext-inter-col .title-ext-inter.title-inter { margin-bottom: 30px; margin-top: 25px } .block-dealer-listing .ext-inter-col .carousel-inner > .item > img { height: 340px; margin: 0 auto } .block-dealer-listing .ext-inter-col .carousel-control.left, .block-dealer-listing .ext-inter-col .carousel-control.right { background: 0; color: #d3d7da } .block-dealer-listing .ext-inter-col .carousel-control .glyphicon-chevron-left, .block-dealer-listing .ext-inter-col .carousel-control .glyphicon-chevron-right { top: 30% } .block-dealer-listing .ext-inter-col .glyphicon-chevron-left:before, .block-dealer-listing .ext-inter-col .glyphicon-chevron-right:before { content: "" } .block-dealer-listing .ext-inter-col .carousel-indicators li { height: 20px; width: 20px; border-radius: 5px; background-color: #c3c3c3; border: 0 } .block-dealer-listing .ext-inter-col .carousel-indicators .active { background: #333 } .block-dealer-listing .ext-inter-col .slider-ext-inter-col { margin-bottom: 50px } .block-dealer-listing .ext-inter-col .car-color { font-size: 16px } .ext-inter-col .car-color .block-ext-color, .ext-inter-col .car-color .block-inter-color { padding: 0 10px !important; display: inline-block; float: none; margin-right: -7px; vertical-align: top } .vehicleColors { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ddd;} .name-ext-color,.name-inter-color { display:inline-block; } .name-inter-color {padding-left:20px; } .inter-color { display:inline-block; height: 30px; width: 30px; background: #c2c6cb; vertical-align: middle; border-radius: 20px } .ext-color { display:inline-block; height: 30px; width: 30px; background: #060d26; vertical-align: middle; border-radius: 20px } .user-listing-info .table { width: 100% } .user-listing-info .table > tbody > tr > td { font-size: 16px } .user-listing-info .table > tbody > tr > td:first-child { padding-left: 23px; font-weight: bold } .user-listing-info .table > tbody > tr > td.__regular { font-weight: normal } .user-listing-info .table > tbody > tr:first-child > td { border-top: 0 } .wrapper .cars-info-view .ext-inter-col .car-color .inter-color { margin: 0 auto } .block-dealer-listing .threed-digree-view { margin-bottom: 30px } .block-dealer-listing .threed-digree-view .title-threed { font-size: 30px; text-transform: uppercase; margin-bottom: 10px } .block-dealer-listing .threed-digree-view .padding-block-left { padding-right: 10px !important } .block-dealer-listing .threed-digree-view .padding-block-right { padding-left: 10px !important } .block-dealer-listing .threed-digree-view .int-threed-view object, .block-dealer-listing .threed-digree-view .ext-threed-view img { border: 3px solid #dcdcdc } .block-dealer-listing .threed-digree-view .ext-threed-view #image-reel { height: inherit } .block-dealer-listing .full-car-spec { margin-bottom: 20px; padding:0; } .block-dealer-listing .full-car-spec .title-full-car-spec { background:#1d1d1d; color:#fff; font-size: 20px; text-transform: uppercase; padding:10px; padding-left:20px; } .accardion-full-car-spec {padding-left:0;padding-right:0;background: #f6f5f5;} .block-dealer-listing .full-car-spec .accardion-full-car-spec .panel { border: solid 1px #fff; border-top: 0; border-radius: inherit; margin-top: 1px; } .block-dealer-listing .full-car-spec .accardion-full-car-spec .panel-heading { padding: 10px 15px; background: #f6f5f5; border-radius: 0; border: solid 1px #fff; border-left: 0; border-right: 0; } .block-dealer-listing .full-car-spec .accardion-full-car-spec .panel-heading a { text-transform: uppercase; font-size: 20px; text-decoration: none; padding: 5px 10px; display: block; } .block-dealer-listing .full-car-spec .accardion-full-car-spec .panel-default > .panel-heading + .panel-collapse > .panel-body { border: solid 1px #ddd; padding: 10px 20px; font-size: 15px; line-height: 1 } .txtHeaderCollapse {font-size:15px !important; width:90%; font-weight:500;} .lblPackagesBody{font-size:14px !important; font-weight:normal;} full-car-spec .accardion-full-car-spec .panel-heading a { text-transform: uppercase; font-size: 30px; text-decoration: none; padding: 25px; display: block } .block-dealer-listing .full-car-spec .accardion-full-car-spec .panel-heading i { float: right; padding: 0; font-size: 20px; color: #ce0024 !important; text-align: center } .panel-heading.act { background: #333 !important } .panel-heading.act i { background: #fff; border-radius: 5px } .block-dealer-listing .popular-search-block .search-result { border-bottom: 2px solid #ddd; margin-bottom: 20px } .block-dealer-listing .popular-search-block:last-child { border: 0 } .block-dealer-listing .popular-search-block .title-seo { color: #555; font-size: 24px; margin-bottom: 20px } .block-dealer-listing .popular-search-block ul { padding: 0; margin-bottom: 40px; -moz-column-count: 3; -moz-column-width: 290px; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-width: 290px; -webkit-column-gap: 10px; column-count: 3; column-width: 290px; column-gap: 10px; list-style-type: none } .block-dealer-listing .popular-search-block ul > li > a { font-size: 16px; color: #333; font-weight: bold; text-decoration: underline } .fa-star:before { content: "\f005" !important; background: 0; padding: 0; margin: 0 } .block-dealer-listing + .hot-deals { margin-top: 0; margin-bottom: 50px } .lease-lease-update .dealer-notes textarea { font-size: 18px; border-color: #252525; color: #252525; border-radius: 7px; max-width: 100% } .wrapper .block-dealer-listing.cars-info-view .vehicle-details .lease-details .header-lease-details { padding: 20px !important } .cars-info-view .block-available-info-block, .cars-info-view .block-available-info-block.col-xs-12 { padding: 20px !important; line-height: 36px; font-size: 16px } .cars-info-view .block-available-info-block .available-info-header { color: #252525; font-weight: 700 } .cars-info-view .block-available-info-block .article-collapse { color: #252525; font-weight: 400 } .cars-info-view .block-available-info-block .article-collapse a { color: #333; font-weight: 700 } .cars-info-view .package-owl-container { padding: 10px 0px; width: 100%; margin: 0 auto; } .cars-info-view .name-inter-color { max-width: 110px; margin-top: 5px; margin-left: auto; margin-right: auto } .form-group { position: relative; padding: 6px 12px; } .float-label-container label { font-size: 17px; position: absolute; left: 10px; -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; z-index: 2; cursor: text; -webkit-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); -webkit-transform-origin: left top 0; transform-origin: left top 0; pointer-events: auto; color: #322525; -webkit-user-select: none; font-weight: 200 } .float-label-container.on-focus label { top: -4px !important; left: 10px !important; -webkit-transform: perspective(1px) scale(0.75) translate3d(3px, -24px, 0px); transform: perspective(1px) scale(0.75) translate3d(3px, -24px, 0px) } .ng-hide + .float-label { display: none !important } .request-list-item-style:hover { color: inherit } .manualRebatesBlock .owl-item { padding: 0 10px } .manualRebatesBlock .manualRebateItem { display: block; width: 100%; height: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .manualRebatesBlock .mrbCaption { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 1 } .manualRebatesBlock .manualRebateItem .inner { display: block; width: 100%; height: 100%; border: #ddd thin solid; background-color: #fff; text-align: center; padding: 20px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer } .manualRebatesBlock .manualRebateItem .inner.active { border: #333 thin solid; color: #333 } .manualRebatesBlock .manualRebateItem .imgBlock { width: 40px; height: 40px; margin: 0 auto } .manualRebatesBlock .manualRebateItem .imgBlock img { width: 100% } .manualRebatesBlock .manualRebateItem .titleBlock { margin: 20px 0; font-size: 22px; min-height: 62px; text-transform: uppercase } .manualRebatesBlock .manualRebateItem .descriptionBlock { height: 120px } .manualRebatesBlock .manualRebateItem .priceBlock { margin: 20px 0; font-size: 24px; font-weight: bold; text-transform: uppercase } .manualRebatesBlock .popover { z-index: 10 } .manualRebatesTooltip img { width: 18px } .manualRebatesTooltip tr { border-bottom: #ddd thin dotted } .manualRebatesTooltip tr:last-child { border-bottom: 0 } .manualRebatesTooltip td { padding: 10px 0 } .manualRebateModal .modal .modal-header { border-bottom: #ddd thin solid } .manualRebateModal .modal .modal-dialog { background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px } .manualRebateModal .modal .modal-content { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 30px 15px 0 15px } @media(max-width:954px) { .account_review .messages-section.answer { width: 93.8% } .manualRebatesBlock .manualRebateItem .titleBlock { min-height: 93px } } @media(max-width:802px) { .account_review .messages-section.answer { width: 90% } } @media(max-width:767px) { .manualRebatesBlock .manualRebateItem .titleBlock { min-height: auto } } @media(max-width:721px) { .account_review .main-account-info .main-account-info__user-info--name { font-size: 19px } .account_review .main-account-info .main-account-info__rating { margin: -6px 0 0 0; width: 170px } .account_review .main-account-info .main-account-info__rewiev { bottom: -124px } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--stars img { width: 24px } } @media(max-width:637px) { .account_review .main-account-info { text-align: center } .account_review .main-account-info .main-account-info__user-info { display: inline-block } .account_review .main-account-info .main-account-info__rewiev { display: inline-block; bottom: -10px } } @media(max-width:520px) { .account_review .main-account-info .main-account-info__img--profile { width: 100px } .account_review .messages-section .messages-section__user, .account_review .messages-section .messages-section__message { width: 100% } .account_review .main-account-info .main-account-info__user-info--locate { margin: 3px 0 0 20px } .account_review .main-account-info .main-account-info__user-info--email { margin: 2px 0 0 18px } .account_review .main-account-info .main-account-info__user-info--phone { margin: 3px 0 0 25px } .account_review .main-account-info .main-account-info__rating { width: 100px; height: 110px } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--stars img { width: 17px; margin: 0 -6px 0 0 } .account_review .main-account-info .main-account-info__rating .main-account-info__rating--count { font-size: 50px; margin: 0 0 0 4px } } @media(max-width:480px) { body.modal-open { position: fixed } .account_review .main-account-info .main-account-info__rewiev { bottom: -12px; left: -3px } .account_review .messages-section.answer .messages-section__user, .account_review .messages-section.answer .messages-section__message { width: auto } .account_review .write-a-review .write-a-review__textarea .write-a-review__textarea--field, .account_review .messages-section .messages-section__message .messages-section__textarea--field { width: 95.8% } .block_footer .left_side_footer .logo-footer { float: none } .block_footer .left_side_footer .logo-footer img { width: 130px } } @media(max-width:992px) { .block-dealer-listing #car-view-img img { margin-top: 0 !important } .lease-pros_cons .info-img img { display: none } .block-dealer-listing .title-dealer-listing .title-text-dealer-listing { font-size: 18px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term { font-size: 14px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term .number_months { font-size: 16px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term .months { font-size: 12px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp { font-size: 14px; text-align: left; margin-top: 10px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp .number { font-size: 16px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp .base_price { font-size: 12px } .block-dealer-listing .vehicle-details .lease-details .options { font-size: 14px } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute { right: 0; font-size: 14px } } @media(max-width:767px) { .block-dealer-listing .title-dealer-listing .title-text-dealer-listing { margin-top: 0 } .wrapper .button-return-srch { text-align: center } .wrapper .button-return-srch .btn-return { border: 0; margin-bottom: 20px } .wrapper .button-return-srch .btn-return:hover { background: 0; color: #333 } .block-dealer-listing .title-dealer-listing .title-text-dealer-listing { font-size: 22px; text-align: center } .block-dealer-listing .vehicle-details { border: 0 } .block-dealer-listing .vehicle-details .slider-vehicle-details { padding: 0 !important } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term { text-align: center; font-size: 18px; margin-bottom: 25px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term .number_months { font-size: 24px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .lease-term .months { font-size: 18px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp { font-size: 24px; text-align: center } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp .number { font-size: 36px } .block-dealer-listing .vehicle-details .lease-details .header-lease-details .msrp .base_price { font-size: 14px } .block-dealer-listing .vehicle-details .lease-details .dealer-listing-info .absolute { top: 0; left: 0; font-size: 16px } .block-dealer-listing .buttons-costreq-contdeal, .block-dealer-listing .buttons-costreq-contdeal .text-right { text-align: center } .block-dealer-listing .buttons-costreq-contdeal .btn-primary { margin-bottom: 10px } .block-dealer-listing .vehicle-details .lease-details { padding: 0 !important; margin: 20px 0 } .block-dealer-listing .vehicle-details .lease-details .options { padding: 0 !important; margin-top: 15px; margin-bottom: 15px } .block-dealer-listing .ext-inter-col .car-color .inter-color, .block-dealer-listing .ext-inter-col .car-color .ext-color { width: 56px; height: 56px } .block-dealer-listing .dealer-notes { margin-bottom: 50px } .block-dealer-listing .dealer-notes .dealer-notes-title { margin-bottom: 10px; font-size: 22px } .block-dealer-listing .block-configuration-auto .title-configuration-auto { margin-bottom: 10px; font-size: 22px } .block-dealer-listing .ext-inter-col .title-ext-inter { font-size: 22px } .block-dealer-listing .threed-digree-view .title-threed { font-size: 22px } .block-dealer-listing .threed-digree-view .title-threed { font-size: 22px } .block-dealer-listing .full-car-spec .title-full-car-spec { font-size: 22px; margin-bottom: 0 } .block-dealer-listing .ext-inter-col .carousel-inner > .item > img { height: 200px; width: 100% } .block-dealer-listing .ext-inter-col .carousel-control .glyphicon-chevron-left, .block-dealer-listing .ext-inter-col .carousel-control .glyphicon-chevron-right { display: none } /*.full-car-spec .accardion-full-car-spec .panel-heading i { display: none }*/ .full-car-spec .accardion-full-car-spec .panel-heading a { padding: 25px 10px } .popular-search-block .search-result { border-bottom: 0 } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .title-pack { font-size: 24px } .page-slider .owl-theme .owl-controls .owl-buttons .owl-next { background: url("/statics/images/chevron-right.png") no-repeat; height: 35px; width: 30px; right: -10px; z-index: 1; top: 59%; background-size: contain } .page-slider .owl-theme .owl-controls .owl-buttons .owl-prev { background: url("/statics/images/chevron-left.png") no-repeat; height: 35px; width: 30px; left: 0; z-index: 1; top: 59%; background-size: contain } .page-slider .colors-slider.owl-theme .owl-buttons, .page-slider .owl-theme.colors-slider .owl-controls .owl-pagination { display: block } .page-slider .colors-slider.owl-theme .owl-controls .owl-buttons div { display: block; margin-top: -20px !important } .site-error .oops { font-size: 100px } .site-error .button404 { margin: 0; font-size: 20px } } @media only screen and (max-width:480px) and (min-width:120px) { body { min-width: 320px } .cars-info-view .ext-inter-col .name-inter-color { display: none } .cars-info-view .int-threed-view { margin-top: 30px } .block-dealer-listing .threed-digree-view .padding-block-left, .block-dealer-listing .threed-digree-view .padding-block-right { padding-left: 0 !important; padding-right: 0 !important } } .popover-custom { position: absolute; left: 0; z-index: 99999999; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); width: 400px; -webkit-transition: opacity .3s ease-in-out !important; -moz-transition: opacity .3s ease-in-out !important; -o-transition: opacity .3s ease-in-out !important; transition: opacity .3s ease-in-out !important; line-break: auto } .popover-custom.top { margin-top: -10px } .popover-custom > .arrow, .popover-custom > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover-custom > .arrow { border-width: 11px } .popover-custom > .arrow:after { content: ""; border-width: 10px } .popover-custom.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0 } .popover-custom.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .angular-popover { position: relative; display: inline-block } .angular-popover-modal { position: absolute; top: 0 } @media screen and (max-width:767px) { .popover-custom { width: 300px } } .show-more-link { color: #333; text-decoration: underline } @media(max-width:599px) { .user-listing-info .table > tbody > tr > td:first-child { padding-left: 8px } .container.user-listing-info { padding: 0 } .block-dealer-listing + .hot-deals .title { font-size: 36px } } .carbuilder-requests-index { -webkit-user-select: none; -moz-user-select: none } .block-car-builder .block-set-color { padding-top: 40px } #img-int-color .owl-pagination, .slider-car-builder .owl-pagination { bottom: -40px } .slider-car-builder .page-slider { height: auto } #second-carousel .owl-pagination { bottom: -27px } #fourth-carousel .owl-pagination { bottom: -50px } @media(max-width:780px) { .owl-pagination { bottom: -40px } } @media(min-width:780px) { .colors-car { margin-top: -20px } } .new-style-modal-windows .descript-pack-option { margin-top: 45px } @media(max-width:768px) { .titledescribe-pack { height: auto !important } } .carbuilder-loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; z-index: 10; background: rgba(255, 255, 255, 0.8) } .carbuilder-loader .fa-spinner { font-size: 62px; color: #0c6aad; position: fixed; top: 50%; left: 0; right: 0 } .trans-drive .items-configuration-auto .block-configuration-auto-item { float: none !important; display: inline-block !important } .packeges-item { width: 99.5% !important } .packeges-item { padding: 10px 20px 20px !important } .block-dealer-listing .owl-carousel { display: -webkit-flex !important; display: flex !important } .ng-hide-add { transition: 0s linear all } .ng-hide { display: none !important } .owl-item .block-configuration-auto-item { width: 100% } @media(max-width:768px) and (max-height:470px) { #lease-transfer-header .lynco { display: none !important } } @media(max-width:768px) { #lease-transfer-header .content_header_title { margin-top: 100px !important } #lease-transfer-header .lynco { font-size: 16px; margin-bottom: 10px } .bssul { display: none !important } #first-carousel .owl-pagination, #second-carousel .owl-pagination { bottom: -80px } .incl-pack-feat .owl-pagination { bottom: -50px } .new-style-modal-windows .descript-pack-option { margin-top: 85px } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item { margin-bottom: 15px } .ext-inter-col .container { padding: 0 } .colors-slider .owl-next, .colors-slider .owl-prev { display: none } } @media(min-width:768px) { .trans-drive .items-configuration-auto .block-configuration-auto-item { padding: 0 20px !important } } @media(max-width:430px) { .owl-pagination { bottom: -60px } .step7 .footer-car-builder { margin-top: 0 } #third-carousel .owl-pagination { bottom: -60px } } #lease-transfer-header { position: relative; overflow: hidden; top: 0; width: 100%; height: 95vh } #lease-transfer-header .content-overl { top: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.7); height: 100%; z-index: 1001 } #lease-transfer-header .container { position: absolute; overflow: hidden; top: 0; right: 0; left: 0; height: 100%; width: 100%; z-index: 900; padding: 0; margin: 0 } #lease-transfer-header .content_header_title { color: white; font-size: 48px; text-transform: uppercase; margin-bottom: 8px; font-weight: bold; margin-top: 200px } #lease-transfer-header .lynco { font-size: 24px; margin-bottom: 32px; color: white; font-weight: bold } #lease-transfer-header .container .links { display: block; height: 25px; padding: 30px 10px 0 } #lease-transfer-header .container .links a.current { color: #36b7dd; border-bottom: #36b7dd solid } #lease-transfer-header .container .links a { font-size: 16px; font-weight: bold; text-transform: uppercase; color: white; text-decoration: none; border-bottom: white solid } #lease-transfer-header .container .links a:hover { text-decoration: none; border-bottom: 0 } #lease-transfer-header .container .links .left { float: left; position: inherit } #lease-transfer-header .container .links .right { float: right; position: inherit } #lease-transfer-header .container .links .right a { margin-left: 10px } #lease-transfer-header .container .inline-block button { border-color: white; background: 0; color: white; height: 60px; font-size: 18px; font-weight: bold; margin-right: 15px; margin-bottom: 20px; border-radius: 7px } .bssul { font-size: 18px; list-style: none } .bssul li:before { content: " "; display: block; border: 1px solid white; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 42px; width: 40px; height: 40px; margin: 0 auto; position: absolute; left: 0; right: 0 } .bssul li { float: left; position: relative; text-align: center; margin-right: 10px } .bssul span { color: #333; font-size: 25px; display: block; font-family: "PTSans"; margin-top: 3px; margin-bottom: 10px } #lease-transfer-header .container .inline-block button:hover { background: #333; border: 0 } #lease-transfer-header .container .pull-right, #lease-transfer-header .container .car-info { padding-left: 10px; padding-right: 10px; color: white } #lease-transfer-header .container .number { color: #333; font-size: 36px; font-weight: bold; margin-left: 20px; margin-right: 5px } #lease-transfer-header .container .car-info { position: absolute; left: 0; font-size: 18px; bottom: 30px } #lease-transfer-header .container .pull-right { position: absolute; font-size: 24px; text-align: right; bottom: 30px; right: 0 } .fast-menu { position: fixed; color: white; background: rgba(0, 0, 0, 0.9); border-radius: 10px; margin-top: 25vh; right: -10px; z-index: 1000; text-align: center } .fast-menu a { color: white } .fast-menu ul { list-style-type: none; padding: 10px 25px 10px 15px; margin-bottom: 0 } .fast-menu ul li { text-align: center } .fast-menu ul li:hover { color: #333; cursor: pointer } .fast-menu ul li .overview { background: url("/images/overview.png"); width: 35px; height: 48px; margin: 0 auto } .fast-menu ul li:hover a { color: #333; text-decoration: none } .fast-menu ul li:hover .overview { background: url("/images/overview_hover.png") } .fast-menu ul li .model_styles { background: url("/images/model_styles.png"); width: 57px; height: 48px; margin: 0 auto } .fast-menu ul li:hover .model_styles { background: url("/images/model_styles_hover.png") } .fast-menu ul li .gallery { background: url("/images/gallery.png"); width: 62px; height: 48px; margin: 0 auto } .fast-menu ul li:hover .gallery { background: url("/images/gallery_hover.png") } .fast-menu ul li .similar_models { background: url("/images/similar_models.png"); width: 60px; height: 48px; margin: 0 auto } .fast-menu ul li:hover .similar_models { background: url("/images/similar_models_hover.png") } .lease-overview { padding-top: 20px; padding-left:0; } .lease-overview .title-lease-overview { color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 10px; position: relative; z-index: 1 } .lease-overview .overview-info { margin-left: 0; padding-left: 0; } .lease-overview .overview-info ul { color: #343434; list-style-type: none } .lease-overview .overview-info ul li { float: left; width: 100%; padding-left: 0; font-size: 17px } .model-styles { background-color: #f6f6f6 } .model-styles .title-model-styles { font-size: 60px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 5px; padding-top: 35px } .model-styles .under-title { text-transform: uppercase; font-size: 30px } .model-styles .styles { padding-top: 20px } .model-styles .styles .styles-item ul { min-height: 105px; list-style-type: none; padding-left: 0; padding-top: 10px } .model-styles .styles .styles-item ul li { padding-top: 5px } .model-styles .styles .styles-item { margin: 0 auto; background-color: #fff; width: 320px; padding: 15px; border-radius: 10px; padding-bottom: 100px } .model-styles .lowest-cost, .model-styles .highest-cost, .model-styles .styles .styles-item .price { font-size: 22px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 5px } .model-styles .lowest-cost { float: left } .model-styles .highest-cost { float: right } .model-styles .lowest-cost, .model-styles .highest-cost { margin-top: -15px } .model-styles .styles .styles-item .blue-button { font-size: 18px; background-color: #333; text-transform: uppercase; padding: 10px; color: #fff !important; width: 340px; margin-left: -25px } .model-styles .styles .styles-item .city-info { padding: 10px; background-color: #efefef; width: 320px; margin-left: -15px } .model-styles .styles .style-img img { width: 320px; margin-top: -110px; margin-left: 30px } .styles .owl-controls .owl-prev, .styles .owl-controls .owl-next { color: #252525; font-size: 60px; -webkit-text-stroke: 3px #f6f6f6 } .lease-pros_cons { margin-bottom: 50px; background-color: #fff } .lease-gallery { background-color: #f6f6f6 } .lease-gallery .title-lease-gallery { background-color: #fff; height: 200px; padding-top: 20px; font-size: 60px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 5px; margin-top: 15px } .lease-pros_cons .title-pros_cons { font-size: 60px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 5px; margin-top: 20px } .lease-pros_cons .info-pros, .lease-pros_cons .info-cons { background-color: #f6f6f6; border-radius: 10px; padding-top: 50px; padding-bottom: 40px; padding-right: 40px; margin-top: -39px; margin-left: 20px; min-height: 250px } .lease-pros_cons .info-img { float: inherit; width: 475px; bottom: -50px; position: absolute } .lease-pros_cons .info-img img { width: 100% } .similar-models { background-color: #f6f6f6; margin-top: 50px; padding: 0 0 20px 0; margin-bottom: 20px } .similar-models .white-block { background-color: #fff; height: 60px } .similar-models .title-similar-models { font-size: 60px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 5px; margin-top: -29px } .similar-models .similar-models-carousel { margin-top: 40px } .similar-models .similar-models-carousel .block-similar-models-item { margin: 0 auto; width: 210px } .similar-models .similar-models-carousel .block-similar-models-item .styles-item { background-color: #efefef; border-radius: 10px; padding: 10px; padding-bottom: 100px } .similar-models .similar-models-carousel .similar-models-img { width: 210px; margin-top: -110px; margin-left: -60px } .similar-models .similar-models-carousel .similar-models-img img { width: 100% } .styles-carousel.owl-theme .owl-prev, .styles-carousel.owl-theme .owl-next { top: 25% } #model_styles .similar-models-carousel.owl-theme .owl-prev, #model_styles .similar-models-carousel.owl-theme .owl-next { top: 10% } .more-info .middle-block a { color: #333; text-decoration: underline } .more-info .middle-block a:hover { text-decoration: none } .more-info .block .title { font-size: 24px; margin-top: 10px; margin-bottom: 10px } .more-info .block { border-bottom: 1px solid #f1f1f1; padding-bottom: 30px } .info-pros ul { list-style-image: url(../img/imgpsh_fullsize_ok.png) } .info-cons ul { list-style-image: url(../img/imgpsh_fullsize.png) } .check-pack-img img { max-width: 100% } @media(min-width:779px) { #lease-transfer-header .container .inline-block button { width: 240px } .topics-body .nav-sidebar { width: 100% } .topics-body .topics-nav { height: auto } } @media(min-width:1600px) { #lease-transfer-header .content_header_title { margin-top: 280px } } @media(max-width:778px) { .lease-pros_cons .container, .lease-pros_cons { padding: 0 } .images-leaser-gallery .package-owl-container .styles, .images-leaser-gallery .package-owl-container { padding: 0 } .lease-overview .overview-info ul { margin-left: 0; padding-left: 0 } .model-styles { padding: 0 } .model-styles .package-owl-container { padding: 0 } #lease-transfer-header .container .links .right a { color: #333; border-bottom: 0; white-space: nowrap } #lease-transfer-header .container .links .right a:hover { text-decoration: underline } .model-styles .lowest-cost, .model-styles .highest-cost { font-size: 18px } .styles.gallery-car .owl-buttons { display: none } .similar-models-carousel.owl-theme .owl-prev, .similar-models-carousel.owl-theme .owl-next { top: -35px } .styles .under-title.text-center { padding-bottom: 10px } .similar-models .similar-models-carousel .block-similar-models-item { width: 100% } .similar-models { padding-top: 50px } .lease-gallery .title-lease-gallery { text-align: center; background-color: inherit; font-size: 26px; height: 150px } .styles .styles-carousel { padding: 0 } .model-styles .styles .styles-item { padding: 0 } .lease-pros_cons .title-pros_cons, .similar-models .title-similar-models, .model-styles .title-model-styles { text-align: center; font-size: 26px } #model_styles .owl-theme .owl-prev, #model_styles .owl-theme .owl-next { top: -10px } #model_styles .owl-theme .owl-prev { left: 25px } #model_styles .owl-theme .owl-next { right: 25px } .model-styles .under-title { font-size: 18px; background-color: #f6f6f6; padding-top: 5px; padding-bottom: 10px } .circle-color .selected-cir, .circle-color .unselected-cir { padding-right: 5px; padding-left: 5px } .circle-color .fa-2x { font-size: 20px } .circle-color .fa-4x { font-size: 40px } .lease-overview .color-title-hover, .lease-overview .color-title { height: 50px } .lease-overview .circle-color div { font-size: 18px; margin-bottom: 5px } .lease-overview #car-view-img img { min-height: 169px; margin-top: 0 } .model-styles .styles .styles-item .blue-button { width: 100%; margin-left: 0 } .model-styles .styles .styles-item, .model-styles .styles .styles-item .city-info { width: 100%; margin-left: 0 } .model-styles .styles .styles-item ul, .model-styles .styles .styles-item .show-full-info, .model-styles .styles .styles-item .describe-pack, .model-styles .styles .styles-item .title-pack { padding: 10px } .model-styles .styles .style-img img { width: 100%; margin-left: 0; margin-top: -25px; background-color: #fff } .lease-pros_cons .col-sm-6 { padding-right: 0 !important; padding-left: 0 !important } .lease-pros_cons .info-pros, .lease-pros_cons .info-cons { min-height: 0 !important; background-color: inherit; padding-bottom: 0; padding-right: 0; margin-left: 0 } .similar-models .similar-models-carousel .similar-models-img { margin-left: -10px; width: 100% } #lease-transfer-header .content_header_title { font-size: 20px } #lease-transfer-header .container .inline-block button { font-size: 14px } #lease-transfer-header .container .car-info, #lease-transfer-header .container .pull-right { width: 100%; font-size: 14px; font-weight: bold; text-align: center } .bssul li { display: block; float: none } #lease-transfer-header .container .car-info { bottom: 33px } #lease-transfer-header .container .pull-right { bottom: 140px } #lease-transfer-header .container .number { font-size: 22px } #lease-transfer-header .container .mob-back-home { width: 100%; background-color: #f6f6f6; position: absolute; bottom: 0; padding-top: 10px; padding-bottom: 4px } #lease-transfer-header .container .mob-back-home a { font-size: 14px; text-transform: uppercase; text-decoration: underline } #lease-transfer-header .container .mob-back-home a:hover { text-decoration: none } #lease-transfer-header .mob-link { margin-top: 60px; padding: 15px; padding-right: 35px; font-size: 16px; text-transform: uppercase } #lease-transfer-header .mob-link a { color: #333 } #lease-transfer-header .content_header_title { margin-bottom: 30px } .lease-overview { margin-top: 20px } .lease-overview .container { padding: 0 } .lease-overview .title-lease-overview { font-size: 26px } .lease-overview .overview-info { margin-top: 0; margin-left: 0 } .lease-overview .container .col-lg-6, .lease-overview .container, .lease-overview { padding: 0; clear: both } } .images-leaser-gallery .block-gallery-item { text-align: center } .images-leaser-gallery .block-gallery-item img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0 } #gallery .images-leaser-gallery .package-owl-container { margin-top: -105px } #gallery .owl-next { right: -10px } #gallery .owl-prev { left: -10px } .styles .full-info { display: none } .styles .show-full-info { margin-bottom: 10px } .styles .show-full-info a { cursor: pointer; text-transform: uppercase; color: #333; font-size: 16px } .circle-color .fa-stack-1x, .circle-color .fa-stack-2x { left: -4px } .topics-body.site-faq .topics-description .topic-name { padding-top: 60px; margin-top: 0 } ul .re-li { margin-left: 20px } .site-faq .topics-description a { color: #333 } #blog .blog-title { font-size: 46px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 15px; margin-top: 15px } .blog-right-sidebar h3 { margin: 0; line-height: .7 } .blog-right-sidebar .img-blog { border-radius: 10px } .blog-right-sidebar .entry-meta { margin-top: 10px } .blog-right-sidebar .blog-title { font-size: .5em; color: #333; text-transform: uppercase; line-height: 0; margin-bottom: 15px } #blog .blog-item .img-responsive.img-blog { width: 100%; float: left; height: 270px; opacity: 1; object-fit: cover; margin-right: 16px; margin-bottom: 15px; border-radius: 10px } .img-big { margin-top: 15px; height: auto !important; max-height: 350px } #blog .blog-item .blog-content h3, #blog .blog-item .blog-content h3 a { font-size: 32px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 15px } .blog-content { padding: 15px } #blog .blog-item .blog-content .entry-meta { margin-left: 0; margin-top: -12px; margin-bottom: 12px } .blog-item:nth-child(odd) { clear: both } #blog .blog-item .blog-content .entry-meta .views { float: right } .read-more { padding: 0; margin-bottom: 45px } #blog .blog-item .blog-content h4 { font-weight: bold } #comments { margin-top: 40px } .content-offer .block-content-details .content-details { margin-bottom: 10px } .content-offer .block-content-details .content-details.first-detail { border: 0; padding: 0 } .block-dealer-offer .bottom-details table { margin-bottom: 0 } .block-dealer-offer .bottom-details table tr { border-top: 1px solid #ddd } .block-dealer-offer .bottom-details table tr:first-child { border-top: 0 } .block-dealer-offer .bottom-details table tr td, .block-dealer-offer .top-details table tr td { border-top: 0; font-size: 16px } .block-dealer-offer .bottom-details table tr td.right-col { text-align: right } .block-dealer-offer .bottom-details table tr td.right-col.right-col-blue { color: #333 } .block-dealer-offer .content-details .item-photo-details.first { border-radius: 10px; padding: 0 !important } .block-dealer-offer .block-content-details .item-photo-details .items-about-car { margin-left: 20px; font-size: 16px } .items-about-car .left-side { font-weight: bold } .block-dealer-offer .block-content-details .item-photo-details .items-about-car .title { padding: 10px 0; background-color: #f8f8f8; border-radius: 6px 5px 5px 6px } .block-dealer-offer .block-content-details .item-photo-details .items-about-car .item { padding: 10px 0; border-bottom: 1px solid #edeff0 } .block-dealer-offer .bottom-details .btn-packages-options { background-color: #f8f8f8; text-transform: uppercase; font-size: 16px } .autopia-price { font-size: 24px !important } .block-dealer-offer .bottom-details { margin-bottom: 10px } .block-dealer-offer .bottom-details .package-options-info .list-item { font-size: 16px; text-transform: uppercase; font-weight: 700 } .block-dealer-offer .bottom-details .package-options-info .title { font-size: 18px; font-weight: 700; margin-top: 20px; border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 10px } .block-dealer-offer .bottom-details .package-options-info .configuration { position: relative; padding: 10px 0 } .block-dealer-offer .bottom-details .package-options-info .agree { color: #00b841; position: absolute; top: 50%; margin-top: -12px; left: 0; font-size: 18px } .block-dealer-offer .bottom-details .package-options-info .name { padding: 0 60px 0 25px } .block-dealer-offer .bottom-details .package-options-info .price { position: absolute; top: 50%; right: 0; margin-top: -10px } .block-dealer-offer .bottom-details .btn-packages-options .fa { font-size: 20px; font-weight: 800 } .block-content-details .content-details .specialist-name { font-size: 30px; text-transform: uppercase } .block-content-details .content-details .specialist { font-size: 18px; text-transform: uppercase } .block-content-details .content-details .chat { font-size: 16px; margin-top: 15px } .block-content-details .content-details .content-middle-details { font-size: 16px; margin-top: 28px } .item-acc-details { padding-left: 20px } .content-offer .content-details .top-details .item-photo-details img { height: 190px } .content-offer .content-details .top-details .item-photo-details .grid-image { height: 190px; background-size: cover; background-position: top } .content-offer .content-details .top-details .item-photo-details .grid-image-left { height: 190px; background-size: cover; background-position: 50% 50% } .content-offer .content-details .top-details .item-photo-details .grid-image-left .not-correct-image { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .content-offer .content-details .top-details .item-photo-details.no-fit img { object-position: 50% 50% } .file-thumbnail-footer { position: static } .fstep:hover { text-decoration: none; font-weight: bold } .block-dealer-offer .tab-pane .tab-pane-block .tab-pan-btn:hover, .block-dealer-offer .tab-pane .tab-pane-block .tab-pan-btn:hover b { text-decoration: none !important; font-weight: bold !important } .block-dealer-offer .progress { border-radius: 0; height: 53px; border: 3px solid #edeff0; background: url(../../fb02e63c/images/bars-copy-5.png) repeat-x -8px 2px } .block-dealer-offer .progress .progress_tab { -webkit-background-size: 40px 40px; background-size: 40px 40px; padding: 15px; font-size: 16px } .detailpo { padding: 0 !important } .block-dealer-offer .lease-details ul.nav li a { background-color: inherit; text-decoration: none; margin-right: 0; padding: 0 } .block-dealer-offer .progress .progress_tab.active { font-weight: 800; background: rgba(43, 145, 243, 0.85); color: #fff } .block-dealer-offer .progress .progress_tab:not(.active) { font-weight: 800; color: #343434; background: rgba(248, 248, 248, 0.9) } .block-dealer-offer .tab-pane { border: none !important; background-color: inherit } .block-dealer-offer .tab-pane .tab-pane-block { width: 300px; margin: 0 auto; background-color: #f8f8f8; border-radius: 8px; overflow: hidden; max-width: 100% } .block-dealer-offer .tab-pane .tab-pane-block .tab-pane-title { font-size: 30px; background-color: #efefef; padding: 10px } .block-dealer-offer .tab-pane .tab-pane-block table { width: 100%; margin: 16px 0 } .block-dealer-offer .tab-pane .tab-pane-block table tr td { padding-left: 16px; padding-right: 16px; font-size: 15px } .block-dealer-offer .tab-pane .tab-pane-block table tr td + td { padding-left: 0 } .block-dealer-offer .tab-pane .tab-pane-block .info { font-size: 16px } .block-dealer-offer .tab-pane .tab-pane-block .fstep b { font-size: 18px } .block-dealer-offer .tab-pane .tab-pane-block table tr td.pull-right { font-weight: 700 } .block-dealer-offer .tab-pane .tab-pane-block table tr.padding td { padding-top: 30px } .block-dealer-offer .tab-pane .tab-pane-block .tab-pan-price { padding: 17px 0 11px; background-color: #efefef } .block-dealer-offer .tab-pane .tab-pane-block .tab-pan-price .price { color: #333; font-size: 30px; font-weight: 800 } .block-dealer-offer .tab-pane .tab-pane-block .tab-pan-btn { background-color: #333; color: #fff; padding: 13px; text-transform: uppercase } .block-dealer-offer .tab-pane .credit-title { font-size: 30px } .block-dealer-offer .tab-pane .car-image { height: 120px; position: absolute; z-index: 1; margin-left: 30px; z-index: 1 } .block-dealer-offer .tab-pane .selected-deal-info, .block-dealer-offer .tab-pane .selected-deal { margin-top: 50px; text-align: right; padding-right: 20px; font-weight: 800 } .block-dealer-offer .tab-pane .selected-deal { background-color: #e8e8e8; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 10px; font-size: 16px } .dueonsingin, .dueonsingin_value { font-size: 14px; color: #252525 !important; font-weight: normal } .block-dealer-offer .tab-pane .selected-deal-info { background-color: #f8f8f8; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 7px 15px 3px 0 } .dealdue { display: inline-block; margin-right: 20px; vertical-align: middle; text-align: left } .block-dealer-offer .tab-pane .selected-deal-info b { vertical-align: middle; display: inline-block; font-size: 16px } .block-dealer-offer .tab-pane .selected-deal .selected-deal-title { color: #333; text-transform: uppercase; font-size: 30px; padding-right: 10px } .block-dealer-offer .tab-pane .selected-deal img { position: absolute; z-index: 2; right: -40px; height: 100%; top: 0 } .block-dealer-offer .tab-pane .selected-deal .tooltip-deal { position: absolute; right: 2px; top: 3px; z-index: 3; font-size: 18px; font-style: italic } .block-dealer-offer .tab-pane .selected-deal .tooltip-inner { width: 150px; max-width: none } .block-dealer-offer .tab-pane .selected-deal-info .selected-deal-price { color: #333; line-height: 1; font-size: 30px; padding-right: 15px; display: block; text-align: left } .block-dealer-offer .tab-pane .upload-area { max-width: 450px; margin: 10px auto; border: 4px solid #dedede; border-radius: 10px; cursor: pointer; position: relative } .block-dealer-offer .tab-pane .upload-area:hover { border: 4px solid #333 } .block-dealer-offer .tab-pane .upload-area .upload-area-title { background: #efefef; padding: 10px; font-size: 24px; font-weight: bold; text-transform: uppercase; border-radius: 5px 5px 0 0 } .block-dealer-offer .tab-pane .upload-area .upload-area-content { background: #f8f8f8; padding: 15px } .block-dealer-offer .tab-pane .upload-area .upload-area-plus { background: #fff; border: 1px solid #efefef; border-radius: 5px; padding: 20px; font-size: 100px; font-weight: bold; max-width: 150px; line-height: 60px; margin: 0 auto } .block-dealer-offer .tab-pane .upload-area .upload-area-footer { font-size: 18px; color: #333; padding: 12px; font-weight: bold; text-transform: uppercase } .block-dealer-offer .tab-pane .upload-area:hover .upload-area-footer { background: #333; color: #fff } .block-dealer-offer .tab-pane .order-number { text-align: right; margin-top: -30px } .block-dealer-offer .tab-pane .order-number #order-number { color: #333; text-transform: uppercase } .block-dealer-offer .tab-pane .shedule-title { font-size: 30px; margin-bottom: 15px; text-transform: uppercase } .block-dealer-offer .tab-pane .text-center a { color: #333 } @media(max-width:1199px) { .block-dealer-offer .tab-pane .selected-deal .selected-deal-title { font-size: 22px } .block-dealer-offer .tab-pane .selected-deal-info .selected-deal-price { font-size: 22px } .block-dealer-offer .tab-pane .selected-deal img { right: -20px } .block-dealer-offer .tab-pane .car-image { height: 85px; top: 20px } .block-dealer-offer .tab-pane .selected-deal img { display: none } .block-dealer-offer .tab-pane .selected-deal-info { margin-top: 0 } .block-dealer-offer .tab-pane .selected-deal .tooltip-deal { position: relative; display: block } .block-dealer-offer .tab-pane .selected-deal { text-align: center } } @media(max-width:767px) { .block-dealer-offer .block-content-details .item-photo-details .items-about-car { margin-left: 0 } .block-dealer-offer .tab-pane .tab-pane-block { width: 100%; margin-bottom: 10px } .block-dealer-offer .progress { height: auto !important; background: none !important } .block-dealer-offer .tab-pane .tab-pane-block table { font-size: 16px } .tab-content.responsive iframe { min-width: 100% !important } .block-dealer-offer .tab-pane .selected-deal { text-align: center; margin-bottom: 5px } .block-dealer-offer .tab-pane .selected-deal .selected-deal-title { font-size: 30px } .block-dealer-offer .tab-pane .selected-deal-info { background: #fff; margin-top: 0; text-align: center } .block-dealer-offer .tab-pane .selected-deal-info .selected-deal-price { font-size: 30px; display: block; width: 100%; text-align: center } } .previewclass .file-preview-frame:not(.file-preview-error):hover { box-shadow: none } .previewclass .file-drop-zone-title { display: none } .uploadofferdoc .fileinput-remove-button { display: none } .uploadofferdoc .tab-pane span { color: black } .uploadofferdoc .fileinput-upload-button span { font-size: 18px; color: black; text-transform: uppercase; border: 0; border-radius: 0 } .mybrowsebutton { background: #fff !important; border: 1px solid #efefef !important; border-radius: 5px; padding: 20px; font-size: 100px; font-weight: bold; max-width: 150px; line-height: 60px; margin: 0 auto; color: #333 !important; display: block } .uploadofferdoc .btn-file { position: static !important } .previewclass .glyphicon-ok-sign { display: none } .previewclass .btn.btn-default.btn-xs { font-size: 14px; font-weight: normal; background: transparent; margin-left: -5px } .glyphicon-trash { color: grey } .previewclass .file-drop-zone { border: none !important; border-radius: 0; text-align: center; vertical-align: middle; margin: 0 !important; padding: 0 !important } #attachmentsForm .kv-upload-progress { display: none } .progress-bar { box-shadow: none !important } .previewclass .file-thumb-progress { position: absolute; top: 0; left: 0; right: 0 } .file-thumb-loading { background: none !important } .previewclass .progress { background: none !important; background-image: none !important; border: none !important; box-shadow: none !important; margin: 0; height: 40px; border-radius: 0 } .previewclass .file-upload-indicator { width: 20px } .previewclass { border-radius: 0; border: none !important; padding: 0; width: 100%; margin-top: 15px; margin-bottom: 0 !important } .previewclass > .close.fileinput-remove { display: none } .previewclass .file-preview-other-frame { display: none } .previewclass .file-preview-frame { display: block !important; margin: 20px 0 !important; font-size: 18px !important; height: auto !important; width: auto !important; box-shadow: none !important; padding: 0 !important; float: none !important; position: relative !important; text-align: center !important; vertical-align: middle !important; background: #f1f2f6 !important; border: 1px solid #cdcdcd !important } .previewclass .file-thumb-progress .progress-bar { line-height: 37px; padding: 0; height: 39px; border-radius: 0; z-index: 0; background: rgba(77, 77, 80, 0.1); border: 1px solid #ddd; font-size: 14px; font-weight: bold; font-family: arial; color: #555; position: absolute; top: 0; bottom: 0 } .previewclass .file-actions { width: 70px !important; margin: 0 !important; position: absolute; top: 7px; right: 15px } .krajee-default .file-footer-caption { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; text-align: left !important; font-size: 13px !important; color: #0a3658 !important; margin: 0 !important; vertical-align: middle !important; font-family: Arial !important; font-weight: bold !important; padding: 0 20px !important } button.kv-file-remove.btn.btn-kv.btn-default.btn-outline-secondary { width: 31px !important } .previewclass .btn.btn-default.btn-xs.kv-file-upload { display: none } #rootwizard .popover-content .tab-pane-title, #rootwizard .popover-content .fstep { display: none } #rootwizard .popover { max-width: 300px; width: 300px } #rootwizard .popover-content table { width: 100% } @media(max-width:1000px) { .block-dealer-offer .progress .progress_tab { font-size: 13px; white-space: nowrap } } /*! * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2015 * @package bootstrap-fileinput * @version 4.3.0 * * File input styling for Bootstrap 3.0 * Built for Yii Framework 2.0 * Author: Kartik Visweswaran * Year: 2015 * For more Yii related demos visit http://demos.krajee.com */ .file-loading { top: 0; right: 0; width: 25px; height: 25px; font-size: 999px; text-align: right; color: #fff; background: none !important; border: 0 } .file-object { margin: 0 0 -5px 0; padding: 0 } .btn-file { position: relative; overflow: hidden } .btn-file input[type=file] { position: absolute; top: 0; right: 0; width: 100%; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block } .file-caption-name { display: inline-block; overflow: hidden; height: 20px; word-break: break-all } .input-group-lg .file-caption-name { height: 25px } .file-preview-detail-modal { text-align: left } .file-error-message { color: #a94442; background-color: #f2dede; margin: 5px; border: 1px solid #ebccd1; border-radius: 4px; padding: 15px } .file-error-message pre, .file-error-message ul { margin: 0; text-align: left } .file-error-message pre { margin: 5px 0 } .file-caption-disabled { background-color: #eee; cursor: not-allowed; opacity: 1 } .file-preview { border-radius: 5px; border: 1px solid #ddd; padding: 5px; width: 100%; margin-bottom: 5px } .file-preview-frame { display: table; margin: 8px; height: 160px; border: 1px solid #ddd; box-shadow: 1px 1px 5px 0 #a2958a; padding: 6px; float: left; text-align: center; vertical-align: middle } .file-preview-frame:not(.file-preview-error):hover { box-shadow: 3px 3px 5px 0 #333 } .file-preview-image { height: 160px; vertical-align: middle } .file-preview-text { text-align: left; width: 160px; margin-bottom: 2px; color: #428bca; background: #fff; overflow-x: hidden } .file-preview-other { display: table-cell; text-align: center; vertical-align: middle; width: 160px; height: 160px; border: 2px solid #999; border-radius: 30px } .file-preview-other:hover { opacity: .8 } .file-actions, .file-other-error { text-align: left } .file-icon-lg { font-size: 1.2em } .file-icon-2x { font-size: 2.4em } .file-icon-4x { font-size: 4.8em } .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button { display: none } .file-thumb-loading { background: none !important } .file-actions { margin-top: 15px } .file-footer-buttons { float: right } .file-upload-indicator { padding-top: 2px; cursor: default; opacity: .8; width: 60% } .file-upload-indicator:hover { font-weight: bold; opacity: 1 } .file-footer-caption { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; text-align: center; padding-top: 4px; font-size: 11px; color: #777; margin: 5px auto 10px auto } .file-preview-error { opacity: .65; box-shadow: none } .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover { color: #333 } .file-drop-zone { border: 1px dashed #aaa; border-radius: 4px; height: 100%; text-align: center; vertical-align: middle; margin: 12px 15px 12px 12px; padding: 5px } .file-drop-zone-title { color: #aaa; font-size: 40px; padding: 85px 10px } .file-highlighted { border: 2px dashed #999 !important; background-color: #f0f0f0 } .file-uploading { background: none !important; opacity: .9 } .insurance-vin-credit { margin: 15px 0; font-size: 17px; font-weight: bold } .insurance-vin-credit b { margin-left: 60px } .addmore { background: #f1f2f6; border: 1px solid #cdcdcd; width: 40px; height: 40px; box-sizing: border-box; margin: 0 auto; display: none; position: relative; cursor: pointer; overflow: hidden } .addmore a { font-size: 30px; color: #555 } .addmore input { opacity: 0; position: absolute; right: 0; cursor: pointer; top: 0; bottom: 0; width: 400px; left: -200px; cursor: hand } .mybrowsebutton span { display: block !important } .logininfograph { margin-bottom: 80px; padding: 0; display: -webkit-flex !important; display: flex !important; justify-content: space-between } .logininfograph li { width: 215px; height: 17px; color: #252525; font-family: PTSans; font-size: 22px; font-weight: 700; padding-top: 100px; list-style: none; line-height: 22px; text-transform: uppercase; display: inline-block; vertical-align: top; white-space: nowrap } .logininfograph li:first-child { background: url(/images/infogr1.png) no-repeat center center } .logininfograph li:nth-child(2) { background: url(/images/infogr2.png) no-repeat center center } .logininfograph li:nth-child(3) { background: url(/images/infogr3.png) no-repeat center center } .congrats { top: 50%; position: fixed; left: 0; padding: 0 10% } .animated { -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0 } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeInRight { from { opacity: 0 } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0 } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes fadeInLeft { from { opacity: 0 } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0 } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0 } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } .example-input-email { width: 60% } .new-style-modal-windows .modal-form form { width: 40% } .new-style-modal-windows .modal-form form[name=addQuoteForm] { width: 70% } .new-style-modal-windows .modal-form form[name=addLeaseForm] { width: 85% } .new-style-modal-windows .modal-form .welocate { width: 85% } .welocate .float-label-container { width: 40%; margin: 20px auto } #nevershareinfo { margin-bottom: 10px } .site-about p { font-size: 18px !important } .refer-earn { margin: 14px auto 3px; color: #333; font-family: PTSans; font-size: 30px; font-weight: 700; line-height: 60px; text-transform: uppercase } .refer-share-1 { font-size: 18px; font-family: PTSans; font-weight: 700 } .refer-share-1 span { display: block; font-size: 16px; color: #858585; line-height: 33px } .refer-share-2 { color: #252525; font-family: PTSans; font-size: 24px; font-weight: 700; line-height: 22px; text-transform: uppercase; padding-top: 20px; font-size: 30px } .refer-share-2 span { display: block; color: #252525; line-height: 47px } .refer-share-icon { background: url(/images/refer-share.png) no-repeat 0 0; width: 71px; height: 65px; display: inline-block } .refer-share-3 { max-width: 907px; color: #231f20; color: #231f20; font-family: PTSans; text-align: center; font-size: 18px; font-weight: 700; margin: 0 auto; line-height: 30px } .refer-share-4 input[type=text] { height: 60px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px; padding: 12px 20px; color: #252525; font-family: PTSans; font-size: 24px; font-weight: 700; height: auto } .refer-invite-1 { clear: both; background: url(/images/linetrans.jpg) no-repeat 0 0; padding-top: 24px } .refer-share-4 .tw-button, .refer-share-4 .fb-button { max-width: 100%; height: 60px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px; overflow: hidden; color: #252525; font-family: PTSans; font-size: 24px; font-weight: 700; padding: 6px 39px; text-transform: uppercase } .refer-share-4 { padding-top: 30px; overflow: hidden; padding-bottom: 26px } .refer-share-4 .tw-button i, .refer-share-4 .fb-button i { vertical-align: middle } .refer-invite-icon { background: url(/images/refer-mail.png) no-repeat 0 0; width: 87px; height: 65px; display: inline-block } .refer-invite-2 { max-width: 907px; height: 51px; color: #231f20; font-family: PTSans; font-size: 22px; font-weight: 700; line-height: 30px; margin: 18px auto; text-align: center } .my-coupon { color: #231f20; font-family: PTSans; font-size: 18px; font-weight: 700; line-height: 30px } .my-coupon span { width: 162px; height: 40px; background-color: white; border: 3px dotted #d7d7d7; border-radius: 4px; color: #231f20; font-family: PTSans; font-size: 24px; font-weight: 700; line-height: 30px; padding: 2px 51px; margin-left: 10px } .refer-disc { font-family: PTSans; font-weight: 700; line-height: 30px; color: #231f20; font-size: 18px } .coupons-header { color: #231f20; font-family: PTSans; font-size: 18px; font-weight: 700; line-height: 30px; padding: 10px 30px; min-height: 50px; overflow: hidden; background: #f8f8f8 } .refer-disc span { color: #333; font-size: 24px } .refer-invite-3 { clear: both; padding-top: 23px; overflow: hidden; padding-bottom: 66px } .refer-invite-3 input[type=text] { width: 714px; height: 60px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px; color: #858585; font-family: PTSans; font-size: 24px; font-weight: 700; padding: 12px 23px; min-width: 714px } .rewards .btn-default { text-transform: uppercase; color: #333; font-size: 18px; background: #fff; border: 1px solid #333; box-shadow: none; border-radius: 7px; padding: 7px 20px; font-weight: 700 } .rewards .btn-default:hover, .redeem-1 button:hover { color: #fff; background: #333 } .refer-donthave { color: #231f20; font-family: PTSans; font-size: 18px; font-weight: 700; line-height: 30px } .refer-share-4 .tw-button:hover, .refer-share-4 .fb-button:hover { background: rgba(37, 37, 37, 0.8); color: white } .refer-donthave div { margin-top: 20px; margin-bottom: 20px } .refer-invite-3 button { width: 330px; max-width: 100%; height: 60px; background-color: #333; border: 1px solid #333; border-radius: 8px; color: white; font-family: PTSans; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 16px 20px 17px } .refer-header { clear: both; color: #333; font-family: PTSans; font-size: 30px; font-weight: 700; line-height: 60px; text-transform: uppercase } .refer-keep-track span { width: 749px; height: 30px; color: #333; font-family: PTSans; font-size: 40px; font-weight: 700; line-height: 60px; text-transform: uppercase } .redeem-credits { max-width: 498px; height: 140px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; display: inline-block; margin-top: 31px } .earned { color: #252525; font-family: PTSans; font-size: 24px; font-weight: 700; line-height: 43px; text-transform: uppercase } .redeem-1 button { width: 208px; height: 40px; border: 1px solid #333 !important; border-radius: 8px; background: white; color: #333; font-family: PTSans; font-size: 18px; font-weight: 700; line-height: 30px; text-transform: uppercase } .redeem-1 { padding-top: 24px; overflow: hidden; padding-right: 45px } .redeem-2 { background: url(/images/linetrans.jpg) no-repeat 0 0; height: 15px; color: #858585; font-family: PTSans; font-size: 16px; font-weight: 700; clear: both; margin-top: 24px; padding-top: 15px } .refer-terms-link { height: 13px; color: #333; font-family: PTSans; font-size: 16px; font-weight: 700; line-height: 57px } .rewards { background: #f8f8f8; min-height: 80px; overflow: hidden; margin-bottom: 30px; padding: 20px 30px } .refer-modal { font: 22px PTSans; text-transform: uppercase } .refer-modal { font: 16px PTSans; text-transform: none } .refer-modal .form-control { max-width: 140px; height: 60px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px; padding: 12px 20px; color: #252525; font-family: PTSans; font-size: 16px; font-weight: 700; height: 34px; display: inline-block; margin: 9px 6px 0; font-size: 15px; color: #252525; border-radius: 5px; height: 33px } .refer-modal .modal-body { padding: 30px } .btn-modal { border: 1px solid #333; background: white; color: #333; font-weight: bold; font-size: 18px; text-transform: uppercase } .coupons-body .coupon-item { color: #231f20; font-family: PTSans; font-size: 18px; font-weight: 700; line-height: 30px; padding: 10px 0 } .refer-modal input[type=radio] { display: none } .refer-modal input[type=radio] + label { width: 16px; height: 16px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; vertical-align: middle } .refer-modal { font-family: PTSans } .refer-modal input[type=radio]:checked + label { width: 18px; height: 18px; background-color: #333; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 6px; vertical-align: middle } #gallery .images-leaser-gallery .package-owl-container { margin-top: 0 } .coupons-body .coupon-item input[type=checkbox] { display: none } .coupons-body .coupon-item input[type=checkbox] + label { width: 16px; height: 16px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; vertical-align: middle } .coupons-body { padding: 0 30px } .coupons-body .coupon-item { background: url(/images/linetrans.jpg) no-repeat 0 100%; overflow: hidden } .coupons-body .coupon-item input[type=checkbox]:checked + label { width: 18px; height: 18px; background-color: #333; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 6px; vertical-align: middle } .block-dealer-listing #gallery { clear: both; background: white } .block-dealer-listing #gallery .owl-item .block-configuration-auto-item { height: auto } .block-dealer-listing .block-gallery-item img { border-radius: 0 } .block-dealer-listing #gallery .owl-item { padding: 0 !important } #blog .pagination { clear: both; display: block; margin-bottom: 50px !important } .block-dealer-listing #gallery .owl-pagination { bottom: 0 !important; z-index: 200 } .block-dealer-listing .owl-theme .owl-controls .owl-page span { width: 28px; height: 28px; background-color: #c3c3c3; border-radius: 6px } .block-dealer-listing #gallery .owl-prev { left: 30px } .block-dealer-listing #gallery .owl-next { right: 30px } .block-dealer-listing .lease-overview .title-lease-overview b { color: #b0b0b0; font-weight: 500; font-size: 18px; } .block-dealer-listing #car-view-img img { width: 100%; margin-top: -160px } .info-cons ul { margin-left: 40px; } .info-pros ul { margin-left: 40px; } .lease-pros_cons .info-pros ul li, .lease-pros_cons .info-cons ul li { color: #343434; font-size: 18px; font-weight: 400; line-height: 42px } .credit-description { font-size: 18px } .signUpResponseMessage { border: #ddd 2px dotted; border-radius: 4px; padding: 10px; background-color: #eee; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin: 10px 0; text-align: center } .signUpResponseMessage.green { background-color: #d7eed2 !important; border: #67b452 2px dotted !important } .signUpResponseMessage.danger { background-color: rgba(255, 163, 172, 0.27) !important; border: #d85f5d 2px dotted !important; color: #f00f00 } @media only screen and (max-width:1200px) { .new-style-modal-windows .modal-form form { width: 60% } .my-coupon { text-align: center } .dealer-ls .lo-item { padding: 17px 10px 12px } .dealer-ls .lease-term { font-size: 16px !important } } @media only screen and (max-width:992px) { .new-style-modal-windows .modal-form form { width: 60% } .new-style-modal-windows .modal-form .welocate { width: 85% } .my-coupon span { padding: 2px 5px } .dealer-ls .lo-item .attrs div { font-size: 10px } .dealer-ls .lease-term { font-size: 11px !important } } @media only screen and (max-width:990px) { .logininfograph { display: block !important; margin-bottom: 0 !important } .logininfograph li { width: 100% !important; padding-top: 140px; height: auto; display: block } } @media only screen and (max-width:840px) { .dealer-ls .lo-item .attrs div { height: 44px } } @media only screen and (max-width:768px) { .dealer-ls .lo-item .attrs div { font-size: 12px } .dealer-ls .lease-term { font-size: 18px !important } .redeem-1 { padding-right: 0 } .dealer-ls .lo-item .attrs div { height: auto } .dealer-ls .lease-details .header-lease-details { height: auto !important } .dealer-ls .lo-item { display: block !important } .refer-disc { text-align: center } .redeem-2 { background: 0 } .refer-share-4 input[type=text] { margin-top: 90px } .my-coupon span { margin: 10px auto; display: inline-block; min-width: 162px; width: auto } .coupons-header div, .coupons-body .coupon-item div { text-align: center !important } .refer-share-4 .tw-button, .refer-share-4 .fb-button { margin: 10px auto } .stepwrap { height: auto !important } .example-input-email { width: 80% } .new-style-modal-windows .modal-form form { width: 80% } .new-style-modal-windows .modal-form .welocate { width: 85% } .welocate .float-label-container { width: 80%; margin: 20px auto } } @media only screen and (max-width:480px) { .example-input-email { width: 100% } } .text_copyright a { color: white } .loading { -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg) } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @media only screen and (max-width:767px) { .hide_small { display: none !important } } .block-explore { font-family: 'PT Sans', sans-serif; margin-bottom: 150px; padding: 0; position: relative; padding-top: 30px } .block-explore .title-block-explore, .block-explore .title-block-explore h3 { font-family: 'Ptsans'; text-transform: uppercase; font-size: 46px; margin: 60px 0; line-height: 1; color: #333; font-weight: bold } .block-explore .buttons-bandr-leastrans { border-bottom: 1px solid #d4d8db; padding: 0 30px; margin-bottom: 25px } .block-explore .buttons-bandr-leastrans .btn-group { margin-bottom: -1px } .block-explore .buttons-bandr-leastrans .btn-default { border-color: #d4d8db; font-size: 24px; color: #252525; text-transform: uppercase; height: 70px; width: 250px } .block-explore .buttons-bandr-leastrans .btn-default:hover { color: #333; background: transparent } .block-explore .buttons-bandr-leastrans .btn-default.active-btn { color: #333; border-bottom-color: transparent } .block-explore .first-step .buttons-brand-bodytype { margin-bottom: 30px; padding: 0 15px } .block-explore .first-step .buttons-brand-bodytype .btn-default { text-transform: uppercase; background: 0; border: 1px solid #333; font-size: 18px; width: 170px; height: 60px; color: #333 } .block-explore .first-step .buttons-brand-bodytype .btn-default:hover { color: #fff; background: #333 } .block-explore .first-step .buttons-brand-bodytype .btn-default.active-btn { color: #fff; background: #333 } .block-explore .first-step .left-side ul > li > a:hover { color: #333 } .block-explore .first-step .first-step-item { min-width: 135px; margin-bottom: 40px; cursor: pointer; color: #252525; transition: color .2s; display: inline-block } .block-explore .first-step .first-step-item .logo-item { border: 1px solid #9d9d9d; border-radius: 6px; width: 70px; margin: 0 auto; padding: 10px } .block-explore .first-step .first-step-item .logo-item img { max-width: 100% } .block-explore .first-step .first-step-item .item-title { text-align: center; font-size: 18px; font-weight: 700; margin-top: 10px } .block-explore .first-step .left-side .title-left-side { color: #252525; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 40px } .block-explore .first-step .first-step-item:hover { color: #333; transition: color .2s } .block-explore .first-step .first-step-item:hover .logo-item { border-color: #333; box-shadow: 0 0 5px rgba(43, 154, 243, 0.5) } .block-explore .first-step .right-side .text-after-info-text { padding: 0; font-weight: bold; font-size: 16px } .block-explore .first-step .right-side .text-after-info-text a { color: #333; text-decoration: none } .block-explore .first-step.body-type .left-side .block-body-type { margin-bottom: 30px; cursor: pointer } .block-explore .first-step.body-type .left-side .block-body-type .body-type-img { height: 90px; position: relative; margin-bottom: 15px } .block-explore .first-step.body-type .left-side .block-body-type .body-type-img img { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; max-width: 100% } .block-explore .first-step.body-type .left-side .block-body-type .title-body-type { font-size: 18px; font-weight: bold } .block-explore .title-body-type span { font-size: 14px } .block-explore .title-body-type .item-description { font-size: 16px; color: #333; text-transform: none } .block-explore .title-step { color: #252525; margin-bottom: 35px; font-size: 24px; text-transform: uppercase } .block-explore .button-back .btn-default { height: 60px; width: 125px; padding: 0; color: #333; background: 0; border-color: #333; text-transform: uppercase; font-size: 18px; margin-bottom: 50px; float: left } .block-explore .button-back .btn-default:hover { background: #333; color: #fff } .block-explore .choose-body-type-btn { margin-bottom: 50px } .block-explore .choose-body-type-btn .btn-default { height: 60px; margin-right: 5px; margin-bottom: 10px; color: #333; border-color: #333; background: 0; text-transform: uppercase; font-size: 18px; padding: 0 15px } .block-explore .choose-body-type-btn .btn-default:hover, .block-explore .choose-body-type-btn .btn-default.active-btn { background: #333; color: #fff } .block-explore .second-step .block-body-type, .block-explore .third-step .block-body-type { margin-bottom: 30px; border: 1px solid white; padding: 10px 0; cursor: pointer } .block-explore .second-step .block-body-type:hover { border: 1px solid #333; border-radius: 7px } .block-explore .second-step .block-body-type .img-body-type, .block-explore .third-step .block-body-type .img-body-type { height: 120px; position: relative; margin-bottom: 15px } .block-explore .second-step .block-body-type .img-body-type img, .block-explore .third-step .block-body-type .img-body-type img { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; max-height: 120px; max-width: 100% } .block-explore .second-step .block-body-type .title-body-type, .block-explore .third-step .block-body-type .title-body-type { text-transform: uppercase; font-size: 24px; color: #333; margin-bottom: 20px } .block-explore .second-step, .block-explore .third-step { padding: 0 } .carbuilder-trims-carousel.owl-carousel .owl-controls { margin-left: 25px; margin-right: 25px } .block-explore .third-step .block-with-description { padding: 0 } .block-explore .third-step .block-with-description > a { text-decoration: none !important; width: 100% } .block-explore .third-step .block-with-description .block-body-type { border-radius: 7px; position: relative; z-index: 1; background: white; height: auto } .block-explore .third-step .block-with-description .block-body-type:hover { border: 1px solid #333 } .block-explore .third-step .block-with-description .block-body-type .cover-description .item-description { margin-bottom: 5px } .block-explore .third-step .block-with-description .block-body-type .cover-description { display: block; font-size: 16px } .block-explore .third-step .block-with-description .block-body-type .cover-description hr { width: 70% } .block-explore .third-step .block-with-description .block-body-type .cover-description .starting-price { margin-bottom: 20px } .block-explore .button-back-mobile .back { display: none } #myCarousel .content_header .content_header_buttons .dream-car, #myCarousel .content_header .content_header_buttons .dream-car { background: 0; border: 1px solid #fff; width: 420px; height: 60px; font-size: 18px; text-transform: uppercase; color: #fff } #myCarousel .content_header .content_header_buttons .dream-car:hover, #myCarousel .content_header .content_header_buttons .dream-car:hover { background: #333; border-color: #333 } .block-explore .mobile-step { display: none } .autopia-ignite-block { background-color: #f6f6f6 } .ignite-container { padding: 40px 100px; margin: 0 auto } .ignite-ico { margin: 0 auto; padding-bottom: 25px } .body-section .ignite-item .item-title { font-size: 24px; text-transform: uppercase; padding-bottom: 19px } .body-section .ignite-item .item-content { font-size: 18px; padding: 0 25px } .footer-section { padding-top: 50px; padding-bottom: 175px; max-width: 1100px; margin: 0 auto } .footer-section .b-your-car { text-transform: uppercase; display: block; width: 100%; font-size: 24px; color: #fff; background: #333; border-radius: 8px; height: 60px; max-width: 700px } .dealer-solutions-block { padding: 0 170px } .dealer-solutions-block .title, .dealer-solutions-block .title h3 { text-transform: uppercase; font-size: 46px; padding-bottom: 40px; color: #333; font-weight: bold } .dealer-solutions-block .footer-picture { padding: 0 0 69px 0 } .dealer-solutions-block .ignite-btn-default { cursor: pointer; text-transform: uppercase; color: #333; font-size: 24px; display: inline-block; padding: 19px 63px; background: #fff; border: 1px solid #333; box-shadow: none; border-radius: 7px } .dealer-solutions-block .ignite-btn-default:hover { text-decoration: none; color: #fff; background-color: #333 } .autopia-ignite-block .ignite-container .title-section { text-align: center } .autopia-ignite-block .ignite-container .title-section .ignite-title { font-family: 'Ptsans'; text-transform: uppercase; font-size: 46px; color: #333 } .autopia-ignite-block .ignite-container .title-section .ignite-subtitle { font-size: 24px; text-transform: uppercase; padding-bottom: 25px } .block-explore .title-mobile-step { display: none } .build_request_loading { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); position: absolute; z-index: 1 } .build_request_loading > div { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px } @media(min-width:768px) { .block-explore .third-step .block-body-type .title-body-type, .block-explore .third-step .block-with-description .block-body-type .cover-description { padding: 0 10px } } @media(max-width:991px) { .block-explore .first-step .left-side ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } } @media(max-width:767px) { #myCarousel .content_header .content_header_buttons .dream-car { width: 100%; margin-left: 0 } .block-explore .mobile-step { display: block; padding: 60px 0 40px; border-top: 1px solid; border-bottom: 1px solid; border-color: #d3d7da; margin-bottom: 10px } .block-explore .mobile-step .logo-mob-step { margin-bottom: 15px } .block-explore .mobile-step .step-title-mob { font-size: 30px; text-transform: uppercase; color: #252525; margin-bottom: 20px } .block-explore .mobile-step.build .button-mob-step .b-your-car { text-transform: uppercase; font-size: 18px; color: #fff; background: #333; border-radius: 8px; width: 280px; height: 60px } .block-explore .mobile-step.lease .button-mob-step .btn-lease { text-transform: uppercase; font-size: 18px; color: #fff; background: #333; border-radius: 8px; height: 60px; width: 140px; line-height: 2.5 } .block-explore .buttons-bandr-leastrans { display: none } .block-explore .button-back-mobile { display: block } .block-explore .button-back-mobile .back { display: inline-block; font-size: 18px; text-transform: uppercase; width: 210px; height: 40px; border-color: #333; color: #333; margin-bottom: 40px } .block-explore .title-mobile-step { display: block; font-size: 16px; color: #252525; padding: 0 10px; margin-bottom: 25px } .block-explore .first-step .buttons-brand-bodytype { display: none } .block-explore .first-step .first-step-item { display: inline-block; float: none !important } .block-explore .first-step .right-side { display: none } .block-explore .first-step .left-side ul > li > a { border-bottom: 1px solid #d3d7da; padding: 10px 0; font-size: 24px; margin-bottom: 0; width: 100%; float: left } .block-explore .first-step .left-side ul > li > a > span { line-height: 2.3; margin-left: 20px } .block-explore .first-step .left-side .logo-auto { padding: 0; display: block; min-height: 53px } .block-explore .first-step .left-side .logo-auto img { width: 53px; margin-right: 20px; max-height: 53px } .block-explore .first-step .left-side { padding: 0 } .block-explore .first-step .block-step { padding: 0 } .block-explore .body-type { display: none } .block-explore .title-step, .block-explore .step-head-btn { display: none } .block-explore .second-step .block-body-type .img-body-type, .block-explore .third-step .block-body-type .img-body-type { height: auto; min-height: 45px; padding: 0; margin-bottom: 0; margin-right: 20px; float: left } .block-explore .second-step .block-body-type .img-body-type img, .block-explore .third-step .block-body-type .img-body-type img { position: inherit; width: 105px; max-height: 45px } .block-explore .third-step.text-center .block-body-type .img-body-type img { width: auto; max-height: 90px } .block-explore .second-step .block-body-type .title-body-type, .block-explore .third-step .block-body-type .title-body-type { text-align: left; margin-bottom: 0; text-transform: none; color: #252525; padding-left: 125px } .block-explore .second-step .block-body-type, .block-explore .third-step .block-body-type { border-bottom: 1px solid; border-color: #d3d7da; padding: 10px; margin-bottom: 0 } .block-explore .third-step .block-with-description { height: auto; margin-bottom: 12px } .block-explore .third-step .block-with-description .block-body-type .cover-description { display: none !important } .block-explore .second-step, .block-explore .third-step { margin-top: 20px } .block-explore .third-step .block-with-description .block-body-type:hover { border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; border-radius: 10px; position: inherit; background: 0; color: #333 } .mobile-hide { display: none } .build_request_step_one .fix-brand-height-makes { height: auto !important; overflow-y: auto !important } } @media only screen and (max-width:480px) and (min-width:120px) { body { min-width: 320px } .ignite-container { padding: 30px 0; margin: 0 auto } .autopia-ignite-block .ignite-container .title-section .ignite-title { text-transform: uppercase; font-size: 24px; color: #333 } .autopia-ignite-block .ignite-container .title-section .ignite-subtitle { font-size: 16px; text-transform: uppercase; padding-bottom: 25px } .body-section .ignite-item .item-content { font-size: 16px; padding: 0 25px 30px 25px } .ignite-ico { max-width: 120px } .footer-section { padding-top: 0; padding-bottom: 0; max-width: 1100px; margin: 0 auto } .block-explore .title-block-explore, .block-explore .title-block-explore h3 { text-transform: uppercase; font-size: 24px; margin: 30px 0; line-height: 1; color: #333 } .footer-section .b-your-car { text-transform: uppercase; display: block; margin: 0 auto; margin-bottom: 18px; width: 95%; font-size: 18px; color: #fff; background: #333; border-radius: 8px; height: 60px; max-width: 700px } .dealer-solutions-block { padding: 0 } .dealer-solutions-block .title, .dealer-solutions-block .title h3 { text-transform: uppercase; font-size: 24px; padding-bottom: 40px; color: #333 } .body-section .ignite-item .item-title { font-size: 18px; text-transform: uppercase; padding-bottom: 19px } } .block-acc-private-office { padding: 0; min-height: 550px; font-size: 16px } .left-side-menu-request { position: absolute; top: 59px; display: block; overflow-x: hidden; overflow-y: auto; background: #e5e5e5; padding: 60px 0 0 0; color: #252525; z-index: 1; overflow-y: scroll; height: calc(100% - 59px) } .left-side-menu-request.search { position: fixed !important } @media(max-width:767px) { .left-side-menu-request.search { display: block; position: relative !important } } .left-side-menu-request .header-menu-request { background: #dadada; padding: 30px 20px; border-bottom: 1px solid #a8a8a8 } .left-side-menu-request .welcome { text-transform: uppercase; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 1 } .left-side-menu-request .user-name-request { font-size: 26px; text-transform: uppercase; line-height: 1 } .left-side-menu-request ul > li > a { font-size: 20px; text-transform: uppercase; line-height: 1; padding: 20px 20px; border-bottom: 1px solid #a8a8a8 } .left-side-menu-request ul > li.active a, .left-side-menu-request ul > li > a:hover { background-color: #fff !important; color: #333 !important } .left-side-menu-request .nav-pills > li > a > .badge { color: #fff; font-size: 14px; background: #333; border-radius: 6px; padding: 5px; min-width: 25px; margin-top: -5px } .block-acc-private-office .request-list { padding: 30px 40px; color: #252525; font-size: 16px } .block-acc-private-office .request-list .badge-request { color: #fff; font-size: 14px; background: #333; border-radius: 6px; padding: 5px; min-width: 25px; margin-top: -5px } .block-acc-private-office .request-list .request-item { border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px; padding: 25px 0 0 0; margin-bottom: 10px } .block-acc-private-office .request-list .request-item.active { border: 1px solid #333 } .block-acc-private-office .request-list .request-item .info-request { margin-bottom: 20px; padding: 0 15px } .block-acc-private-office .request-list .request-item .title-request { line-height: 1; margin-bottom: 20px; padding: 0 15px } .block-acc-private-office .request-list .request-item .info-request .img-request { padding: 0 } .block-acc-private-office .request-list .request-item .info-request .img-request img { max-width: 100%; border-radius: 10px } .block-acc-private-office .request-list .request-item .info-request .request-characters ul { padding: 0; -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; list-style-type: none } .block-acc-private-office .request-list .request-item .info-request .request-characters ul > li:first-child { margin-top: 0 } .block-acc-private-office .request-list .request-item .info-request .request-characters ul > li { margin-top: 25px; line-height: 1 } .block-acc-private-office .request-list .view-offer .btn-view-offer { text-transform: uppercase; height: 60px; background: 0; border: 1px solid #333; color: #333; font-size: 24px; border-radius: 8px; box-shadow: none } .block-acc-private-office .request-list .view-offer { margin-bottom: 30px } .block-acc-private-office .request-list .view-offer .btn-view-offer:hover { color: #fff; background: #333 } .block-acc-private-office .status-request { background: #f8f8f8; padding: 15px 15px; border-radius: 9px } .block-acc-private-office .profile-settings { padding: 30px 40px; color: #252525 } .block-acc-private-office .profile-settings .block-profile-settings { border-bottom: 1px solid #edeff0; padding-bottom: 40px; margin-bottom: 30px } .block-acc-private-office .profile-settings .block-profile-settings .logo img { width: 100% } .block-acc-private-office .profile-settings .block-profile-settings .logo .logo-profile { padding: 15px; background-color: #fdfdfd; border: 1px solid rgba(168, 168, 168, 0.4); border-radius: 6px; float: none; display: inline-block } .block-acc-private-office .profile-settings .title-profile-settings { font-size: 24px; text-transform: uppercase; line-height: 1 } .block-acc-private-office .profile-settings .block-profile-settings .left-side { margin-top: 10px; line-height: 1 } .block-acc-private-office .profile-settings .block-profile-settings .short-information { padding: 0 0 0 30px } .block-acc-private-office .profile-settings .block-profile-settings .short-information .name { font-size: 26px; text-transform: uppercase } .block-acc-private-office .profile-settings .block-profile-settings .short-information .short-inf-item { margin-top: 15px; font-size: 16px } .block-acc-private-office .profile-settings .block-profile-settings .btn-setting-profile { width: 130px; height: 40px; text-transform: uppercase; border: 1px solid #333; color: #333; background: #fff; font-size: 18px; margin-top: 20px; box-shadow: none } .block-acc-private-office .profile-settings .block-profile-settings .btn-setting-profile:hover { color: #fff; background: #333 } .block-acc-private-office .profile-settings .block-profile-settings .star-raiting { color: #333; margin-bottom: 5px; font-size: 32px } .block-acc-private-office .profile-settings .block-profile-settings .raiting-based { font-size: 16px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal { margin-top: 45px; font-size: 16px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal + .form-horizontal { margin-top: 0 } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .profile-email { font-size: 18px; word-spacing: 1px; letter-spacing: -0.5px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .link-chn-email a { font-size: 18px; color: #333; text-decoration: none; margin-left: 20px; word-spacing: 1px; letter-spacing: -0.5px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .form-group { margin: 20px 0 0 0 } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .control-label { text-align: left } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .input-field input { height: 40px; background-color: white; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .btn-setting-profile { margin-top: 10px } .block-acc-private-office .profile-settings .block-profile-settings .short-text-notification { font-style: italic; line-height: 1; margin-top: 20px; font-size: 16px; margin-bottom: 5px } .block-acc-private-office .profile-settings .block-profile-settings.close-account { border-bottom: 0 } .block-acc-private-office .profile-settings .block-profile-settings.close-account .btn-setting-profile { width: 310px; word-spacing: 2px; letter-spacing: -1px } .block-acc-private-office .checkboxes-block .checkbox { margin-bottom: 0; margin-top: 20px } .block-acc-private-office .checkboxes-block .checkbox label { line-height: 16px } .block-acc-private-office .custom-checkbox input[type="checkbox"] + span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: white; cursor: pointer; border-radius: 6px; border: 1px solid rgba(37, 37, 37, 0.4); position: absolute; left: 0; margin-left: -20px } .block-acc-private-office .custom-checkbox input[type="checkbox"]:checked + span { background-color: #333; border: 1px solid rgba(255, 255, 255, 0.4) } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .input-field { padding: 0 0 0 30px } div:not(.modal) .checkbox label::before { border-radius: 6px } .btn-lease { background: #fff; border-radius: 8px; border: 1px solid #333; color: #333; font-size: 24px; text-transform: uppercase } .btn-lease:hover, .btn-lease.btn-active { background: #333; border-color: #333; color: #fff } .block-acc-private-office .dealer-btn-request { margin-bottom: 10px } .block-acc-private-office button.write-an-answer { margin-top: 30px } .block-acc-private-office .rating-container .rating-stars { color: #333 } .block-acc-private-office .dealer-btn-request .btn-request { height: 60px; width: 280px } .block-acc-private-office .individual-details-block { background: #f8f8f8; padding: 15px 15px; border-radius: 9px } .block-acc-private-office .individual-details-block .title-individual-details { margin-bottom: 10px } .block-acc-private-office .individual-details-block .item-individual-details { margin: 0 10px 0 0 } .dl-horizontal { margin-bottom: 0 } .dl-horizontal dt { float: left; text-align: left; width: 40%; margin-bottom: 10px } .dl-horizontal dd { margin-left: 40% } .padding-left { padding-left: 10px !important } .padding-right { padding-right: 10px !important } .title-offer { margin-bottom: 40px; padding: 20px 15px; background-color: #f8f8f8 } .title-offer .title-text-dealer-listing { font-size: 30px; text-transform: uppercase; line-height: 1.2; margin-left: 20px } .content-offer { margin-bottom: 40px } .content-offer .block-content-details .title-details { font-size: 30px; padding-left: 20px; margin-bottom: 15px } .content-offer .block-content-details .content-details { padding: 20px; border: 1px solid rgba(211, 215, 218, 0.4); border-radius: 6px } .content-offer .content-details .top-details .item-photo-details { padding-bottom: 20px } .content-offer .content-details .top-details .item-photo-details img { max-width: 180px; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .content-offer .content-details .top-details .item-acc-details dt { margin-bottom: 10px; width: 100px } .content-offer .content-details .top-details .item-acc-details .dl-horizontal dd { margin-left: 0 } .content-offer .content-details .middle-details { margin-bottom: 20px } .content-offer .content-details .middle-details .table > thead > tr > th { border: 0 } .content-offer .content-details .middle-details .table > tbody > tr { border-top: 1px solid #cecece } .content-offer .content-details .middle-details .table > tbody > tr:first-child { border-top: 0 } .content-offer .content-details .middle-details.table > tbody > tr > td { border-top: 0 } .content-offer .content-details .title-content-details { margin: 10px 0; font-size: 30px } .content-offer .content-details .bottom-details { border: 1px solid rgba(208, 208, 208, 0.4); padding: 12px 20px 12px 20px; border-radius: 6px } .block-dealer-offer { padding-top: 25px } .content-offer .content-details .bottom-details .dl-horizontal { margin-bottom: 0 } .content-offer .content-details .bottom-details .dl-horizontal dt { text-align: left; margin-bottom: 10px } .content-offer .content-details .bottom-details .total-msrp { line-height: 2 } .content-offer .content-details .bottom-details .total-msrp .price { font-size: 36px; color: #333 } .content-offer .content-details .trade-info .dl-horizontal { margin-bottom: 0 } .content-offer .content-details .trade-info .dl-horizontal dt { text-align: left; margin-bottom: 10px } .block-dealer-offer .content-lease-details { border: 1px solid rgba(37, 37, 37, 0.4); margin-bottom: 10px; border-radius: 6px } .block-dealer-offer .content-lease-details.active { border: 1px solid #333 } .block-dealer-offer .content-lease-details > div:last-child { border-radius: 0 6px 6px 0 } .block-dealer-offer .lease-details .title-lease-details { font-size: 30px; margin-bottom: 20px } .block-dealer-offer .lease-details .your-offers { margin-bottom: 50px } .block-dealer-offer .content-lease-details .left-side-lease-details { display: table; padding-top: 25px } .block-dealer-offer .content-lease-details .left-side-lease-details .avatar-dealer { margin-bottom: 25px } .block-dealer-offer .content-lease-details .left-side-lease-details .avatar-dealer img { max-width: 100%; max-height: 50px } .block-dealer-offer .content-lease-details .left-side-lease-details .star-raiting { font-size: 24px; color: #333; margin-bottom: 5px } .block-dealer-offer .content-lease-details .right-side-lease-details { background: #f8f8f8; padding: 25px 25px 0 15px } .block-dealer-offer .content-lease-details .title-details { margin-bottom: 10px } .block-dealer-offer .lease-details .btn-lease { height: 60px; margin-bottom: 20px } .block-dealer-offer .lease-details .comptetive-landscape .content-lease-details { margin-bottom: 25px !important } .block-dealer-offer .lease-details .middle-block { display: table-cell; vertical-align: middle } .block-dealer-offer .content-lease-details .vehicle-details { padding: 25px 0 } .block-dealer-offer .add-offer-form .form-control::-webkit-input-placeholder { color: #252525 } .block-dealer-offer .add-offer-form .form-control::-moz-placeholder { color: #252525 } .block-dealer-offer .add-offer-form .form-control:-moz-placeholder { color: #252525 } .block-dealer-offer .add-offer-form .form-control:-ms-input-placeholder { color: #252525 } .block-dealer-offer .add-offer-form .title-offer-form { font-size: 30px; margin-bottom: 20px } .block-dealer-offer .add-offer-form .form-control { height: 60px; font-size: 18px; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px; width: 100%; color: #252525 } .block-dealer-offer .add-offer-form textarea { min-height: 150px } .block-dealer-offer .add-offer-form select { background: #fff; color: #252525 } .block-dealer-offer .add-offer-form .multi-select .dropdown-toggle { height: 60px; background: white; border: 1px solid rgba(37, 37, 37, 0.4); color: #252525; box-shadow: none; font-size: 18px; border-radius: 8px } .block-dealer-offer .add-offer-form .multi-select .dropdown-menu { border-radius: 7px; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid rgba(37, 37, 37, 0.4); top: 55px } .block-dealer-offer .add-offer-form .multi-select ul { height: 220px; overflow-y: scroll; list-style-type: none; padding: 0; margin-bottom: 0 !important } .block-dealer-offer .add-offer-form .multi-select li:nth-child(2) { text-transform: uppercase; padding: 5px 20px; background: #f8f8f8; border-bottom: 1px solid #a8a8a8 } .block-dealer-offer .add-offer-form .multi-select a { border-bottom: 1px solid #a8a8a8; padding: 20px; text-decoration: none; color: #252525 } .block-dealer-offer .add-offer-form .multi-select a:hover { background: #f8f8f8 } .block-dealer-offer .add-offer-form .multi-select .btn-lease { border-top-left-radius: 0; border-top-right-radius: 0; height: 52px } .block-dealer-offer .add-offer-form .multi-select .multiselect-check { width: 20px; height: 20px; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; float: left; display: block; margin-right: 10px; padding: 2px } .block-dealer-offer .add-offer-form .multi-select .multiselect-check.full { background: #333; color: #fff; border-color: #333 } .block-dealer-offer .add-offer-form .btn-add-offer .btn-lease { width: 300px; max-width: 100%; height: 60px; font-size: 18px; background: transparent; border: 1px solid #333; color: #333; box-shadow: none } .block-dealer-offer .add-offer-form .btn-add-offer .btn-lease:hover { background: #333; color: #fff; border-color: #333 } .link-desc { color: #333; cursor: pointer } .block-dealer-offer .add-offer-form .addon-input.form-control { -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; border-right: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .block-dealer-offer .add-offer-form .input-group-addon { -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; border-left: none; border-color: rgba(37, 37, 37, 0.4); background: #fff } .block-dealer-offer .add-offer-form .pointer { cursor: pointer } .block-dealer-offer .add-offer-form .error { border: 1px solid rgba(169, 0, 0, 0.4) !important; box-shadow: inset 0 0 6px rgba(169, 0, 0, 0.66) !important } .block-dealer-offer .add-offer-form .addon-input.form-control[readonly] { background: inherit } .no-offers { font-size: 50px; text-transform: uppercase } .block-acc-private-office .profile-messages { padding: 10px 40px 0 } .block-acc-private-office .top-block-messages { margin-top: 42px; border-bottom: 1px solid #edeff0; padding: 0 0 15px 0 } .block-acc-private-office .top-block-messages .title-block-messages span { font-size: 24px; text-transform: uppercase; line-height: 1 } .block-acc-private-office .top-block-messages .action-messages .checkbox { margin: 20px 0 0 } .block-acc-private-office .top-block-messages .action-messages .delete-action { margin: 18px 30px 0; cursor: pointer } .block-acc-private-office .top-block-messages .action-messages .delete-action i { font-size: 22px } .block-acc-private-office .top-block-messages .sort-by { margin-top: 20px } .block-acc-private-office .top-block-messages .sort-by .dropdown-menu { right: 0; left: inherit; box-shadow: none; padding: 0; font-size: 16px } .block-acc-private-office .top-block-messages .sort-by .dropdown a:hover { color: #252525; text-decoration: none; cursor: pointer } .block-acc-private-office .top-block-messages .sort-by ul > li { cursor: pointer; padding: 5px 10px } .block-acc-private-office .top-block-messages .sort-by ul > li:hover { background: #e5e5e5 } .block-acc-private-office .messages-block { line-height: 1; color: #676767 } .block-acc-private-office .messages-block .item-message { padding: 30px 0 10px 0; border-bottom: 1px solid #edeff0; margin-bottom: 30px } .block-acc-private-office .messages-block .messages-button { float: left; color: #333; cursor: pointer } .block-acc-private-office .messages-block .content-message { margin-left: 25px } .block-acc-private-office .messages-block .content-message .top-content-message { margin-bottom: 10px; min-height: 15px } .block-acc-private-office .messages-block .content-message .top-content-message .new-count-messages { padding: 3px; background: #333; color: #fff; border-radius: 5px; margin-left: 5px; font-size: 14px; font-weight: bold } .block-acc-private-office .messages-block .content-message .name-user { font-size: 18px; color: #252525; cursor: pointer; text-decoration: none } .block-acc-private-office .messages-block .content-message .date-message { font-size: 14px } .block-acc-private-office .messages-block .content-message .date-message .message-actions { font-size: 18px; margin-left: 5px; text-decoration: none } .block-acc-private-office .messages-block .content-message .date-message .message-actions:hover { color: inherit } .block-acc-private-office .messages-block .content-message .text-message { margin-bottom: 15px } .block-acc-private-office .content-message .message-from { font-size: 14px } .block-acc-private-office .content-message .message-from a { color: #333; text-decoration: none; cursor: pointer } .top-block-messages .messages-sorter button { border: 0; outline: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 16px; font-weight: bold } .top-block-messages .messages-sorter .dropdown-menu > li > a { font-weight: bold } .top-block-messages .messages-sorter .dropdown-menu > li > a:hover { background: none !important } .block_footer { z-index: 2 } .block-acc-private-office .request-list .request-item .published-status { font-size: 12px; background: #dadada; border-radius: 6px; padding: 5px 16px; width: 100px; height: 20px; color: #252525; box-shadow: none; margin-left: 10px; margin-top: -2px; text-transform: uppercase } .block-acc-private-office .request-list .request-item .published-status.active { color: #fff; background: #333 } .block-acc-private-office .request-list .request-item .btn-status .btn-lease { font-size: 18px; width: 140px; height: 30px; padding: 0; margin-top: -5px; margin-right: 10px } .block-acc-private-office .request-list .request-item .price-months { color: #333 } .block-acc-private-office .request-list .request-item .price-months span { font-size: 36px } .block-acc-private-office .request-list .progress { font-size: 16px; font-weight: 700; position: relative; height: 60px; border: 1px solid rgba(37, 37, 37, 0.4); background: #f8f8f8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none; margin-top: 0; cursor: pointer } .block-acc-private-office .request-list .progress .progress-bar { font-size: 16px; overflow: hidden; position: absolute; padding: 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none } .block-acc-private-office .request-list .progress .progress-bar .positive { position: absolute; left: 0; right: 0 } .block-acc-private-office .request-list .progress .negative { padding: 20px 0 } .block-acc-private-office .request-list .block-progress-btn .btn-lease { height: 60px } .block-acc-private-office .request-list .request-item .sold-marker { position: absolute; top: 0; right: 0; background: black; color: white; width: 80px; text-align: center; border-top-right-radius: 6px; border-bottom-left-radius: 3px } .block-acc-private-office.transfer-status .request-list { padding: 10px 15px } .block-acc-private-office.transfer-status .block-progress .avatar-progress img { max-height: 100px; max-width: 100% } .block-acc-private-office.transfer-status .request-list .progress { position: absolute; left: 0; right: 0; margin: -30px auto 0; top: 50% } .block-acc-private-office.transfer-status .block-progress { margin-bottom: 10px } .block-acc-private-office.transfer-status .custom-checkbox input[type="checkbox"] + span { height: 32px; width: 32px; border-radius: 6px } .block-acc-private-office.transfer-status .custom-checkbox input[type="checkbox"]:checked + span { background: url("../../fb02e63c/images/checkbox.png") no-repeat 0 -32px } .block-acc-private-office .block-progress-status-step { margin-bottom: 25px } .block-acc-private-office .block-progress-status-step .item-progress-step { border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; margin-bottom: 10px; margin-top: 10px } .block-acc-private-office .block-progress-status-step .progress-step-content { padding: 25px 0 25px 20px !important } .block-acc-private-office .block-progress-status-step .progress-step-content .checkbox { margin: 0 } .block-acc-private-office .block-progress-status-step .progress-step-content .checkbox.custom-checkbox, .block-acc-private-office .block-progress-status-step .progress-step-content .checkbox.custom-checkbox label, .block-acc-private-office .block-progress-status-step .progress-step-content .checkbox.custom-checkbox input, .block-acc-private-office .block-progress-status-step .progress-step-content .checkbox.custom-checkbox span { cursor: default !important } .block-acc-private-office .block-progress-status-step .progress-step-content .title-progress-step { font-size: 24px; margin-bottom: 20px } .block-acc-private-office .block-progress-status-step .progress-step-content .describe-progress-step span { font-size: 18px; display: inline-block; margin-bottom: 10px } .block-acc-private-office .block-progress-status-step .progress-step-check { font-size: 5em; display: table; text-align: center; background: #f8f8f8; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #d0d0d0 } .block-acc-private-office .block-progress-status-step .progress-step-check.active { color: #333 } .block-acc-private-office .block-progress-status-step .progress-step-check .check-step { display: table-cell; vertical-align: middle } .block-acc-private-office .block-progress-status-step .block-button .btn-lease { font-size: 18px; height: 60px; white-space: normal } .block-acc-private-office.transfer-status .block-progress .progress-block-relative { min-height: 100px } .block-acc-private-office.transfer-status .request-item { padding: 5px !important } .new-style-modal-windows .modal-chat .avatar-user .name-company { color: #252525; font-size: 22px; text-transform: uppercase; margin: 10px 0 } .new-style-modal-windows .modal-chat .avatar-user .location-company { color: #252525; font-size: 18px; margin-bottom: 10px } .new-style-modal-windows .modal-chat .middle-modal-header { margin-top: 15px } .new-style-modal-windows .modal-chat .middle-modal-header .name-user-company { color: #252525; font-size: 22px; text-transform: uppercase } .new-style-modal-windows .modal-chat .middle-modal-header .phone-company { font-size: 22px } .new-style-modal-windows .modal-chat .bottom-modal-header .car-request label { color: #252525; font-size: 18px; margin-bottom: 10px } .new-style-modal-windows .modal-chat .bottom-modal-header .car-request .input-group-addon { min-width: 100px; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 0 8px 8px 0; border-left: none; color: #252525; font-size: 18px } .new-style-modal-windows .modal-chat .bottom-modal-header .car-request .form-control { height: 50px; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px 0 0 8px; box-shadow: none; color: #252525; font-size: 18px } .new-style-modal-windows .modal-chat { color: #252525 } .new-style-modal-windows .modal-chat { max-width: 860px; height: auto; margin: 50px auto; min-height: 0 } .new-style-modal-windows .modal-chat { padding: 30px 0 35px; background: #f8f8f8; border-radius: 6px } .new-style-modal-windows .modal-chat .modal-header { padding: 0 30px; margin-bottom: 0 } .new-style-modal-windows .modal-chat .modal-header .close { position: absolute; right: 5px; top: -20px } .new-style-modal-windows .modal-chat .chat-window { min-height: 200px; max-height: 300px; overflow-y: auto; padding: 20px 30px !important } .new-style-modal-windows .modal-chat .modal-body { background: #fff } .new-style-modal-windows .modal-chat .avatar-user { padding: 0 } .new-style-modal-windows .modal-chat .avatar-user img { max-width: 100%; max-height: 150px } .new-style-modal-windows .modal-chat .top-modal-header { margin-bottom: 10px; line-height: 1 } .new-style-modal-windows .modal-chat .middle-modal-header { font-size: 18px; margin-bottom: 10px } .new-style-modal-windows .modal-chat .middle-modal-header .sent-request a:hover { text-decoration: none; color: #252525 } .new-style-modal-windows .modal-chat .top-modal-header .name-user { font-size: 26px; text-transform: uppercase } .new-style-modal-windows .modal-chat .middle-modal-header .location-user { line-height: 12px } .new-style-modal-windows .modal-chat .middle-modal-header .sent-request { line-height: 1 } .new-style-modal-windows .modal-chat .bottom-modal-header { margin-bottom: 20px } .new-style-modal-windows .modal-chat .right-side { padding: 0 0 0 20px } .new-style-modal-windows .modal-chat .item-subject { min-height: 50px; font-size: 18px; color: #252525; border: 1px solid rgba(37, 37, 37, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-top: 10px } .new-style-modal-windows .modal-chat .right-side .subject-request select { background: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .new-style-modal-windows .modal-chat .right-side .subject-request select .user-option { font-size: 20px; color: #333 } .new-style-modal-windows .modal-chat .right-side .transfer-lease-link { font-size: 18px; line-height: 50px } .new-style-modal-windows .modal-chat .right-side .border-transfer-lease-link { border: 1px solid rgba(37, 37, 37, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 48px; text-align: left; padding-left: 5px } .new-style-modal-windows .modal-chat .right-side .border-transfer-lease-link a { line-height: 48px } .new-style-modal-windows .modal-chat .chat-window .chat { margin-bottom: 30px; max-width: 600px; min-width: 51% } .new-style-modal-windows .chat-window .name-chat { color: #171a21; font-size: 18px; line-height: 1; margin-bottom: 10px } .new-style-modal-windows .modal-chat .chat-window .interlocutor-message { background-color: #f8f8f8; border-radius: 6px; line-height: 1; padding: 15px; margin-bottom: 10px; word-break: break-all } .new-style-modal-windows .modal-chat .chat-window .pull-right .interlocutor-message { background-color: #f8f8f8; border-radius: 6px; line-height: 1; padding: 15px; margin-bottom: 10px; border: 1px solid #333 } .new-style-modal-windows .modal-chat .chat-window .request-message { max-width: 80%; margin-left: 10%; background: #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px !important; color: #fff } .new-style-modal-windows .modal-chat .chat-window .request-message .cancel { color: #f00 } .new-style-modal-windows .modal-chat .chat-window .request-message .show-details { margin-left: 3px; cursor: pointer } .new-style-modal-windows .modal-chat .chat-window .request-message .show-details:hover { text-decoration: underline } .new-style-modal-windows .modal-chat .chat-window .request-message .accept { color: #fff } .new-style-modal-windows .modal-chat .chat-window .message-time { font-size: 12px; color: #676767 } .new-style-modal-windows .modal-chat .area-for-chat { padding: 35px 30px 0 30px !important; border: 0; background: #f8f8f8 } .new-style-modal-windows .modal-chat .area-for-chat .item-subject { -webkit-appearance: none; box-shadow: none; border-radius: 8px } .new-style-modal-windows .modal-chat .area-for-chat .icons { background: white; border: 1px solid rgba(37, 37, 37, 0.4); border-left: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15); border-top-right-radius: 8px; border-bottom-right-radius: 8px } .new-style-modal-windows .modal-chat .area-for-chat .photo-smile { font-size: 30px; margin: 0 5px; color: #cecece } .new-style-modal-windows .modal-chat .area-for-chat .sent-message { width: 110px; height: 50px; text-transform: uppercase; background: #fff; border: 1px solid #333; color: #333; font-size: 18px } .new-style-modal-windows .modal-chat .area-for-chat .sent-message:hover { background: #333; color: #fff } .new-style-modal-windows .modal-chat .area-for-chat .btn-sent-mesage { float: right } .new-style-modal-windows .modal-chat .area-for-chat .ico-mess textarea { max-width: 100%; min-width: 100%; overflow-y: auto !important; max-height: 180px } .new-style-modal-windows .modal-chat .area-for-chat .input-group { display: block } .nopadding { padding: 0 } .nomargin { margin: 0 } .new-style-modal-windows .modal-chat .right-side .subject-request .changeable_subject { height: 50px; font-size: 18px; color: #252525; border: 1px solid rgba(37, 37, 37, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden } .new-style-modal-windows .modal-chat .right-side .subject-request .changeable_subject input { width: 100%; height: 100%; border: 0; outline: 0; margin: 0 5px } .new-style-modal-windows .modal-chat .right-side .subject-request .changeable_subject span { line-height: 50px; padding-left: 5px } .new-style-modal-windows .modal-chat .message-lease ul { list-style: none } .new-style-modal-windows .modal-chat .progress { font-size: 16px; font-weight: 700; position: relative; height: 60px; border: 1px solid rgba(37, 37, 37, 0.4); background: #f8f8f8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none; margin-top: 0; cursor: pointer } .new-style-modal-windows .modal-chat .progress .progress-bar { font-size: 16px; overflow: hidden; position: absolute; padding: 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none } .new-style-modal-windows .modal-chat .progress .progress-bar .positive { position: absolute; left: 0; right: 0 } .new-style-modal-windows .modal-chat .progress .negative { padding: 20px 0 } .block-acc-private-office .table-prospects .block-table { cursor: -webkit-grab; cursor: -moz-grab; border: 0 } .block-acc-private-office .table-prospects .block-table .table > thead > tr { background: #ededed; border: 1px solid #c5c5c5 } .block-acc-private-office .table-prospects .block-table .table > thead > tr > th { border-bottom: 0; color: #676767; font-size: 16px; font-weight: 400; padding: 15px 10px } .block-acc-private-office .table-prospects .block-table.table-responsive { width: 100% } .block-acc-private-office .table-prospects .block-table .table > tbody > tr { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; color: #676767 } .block-acc-private-office .table-prospects .block-table .table > tbody > tr > td { padding: 20px 10px; vertical-align: middle; border-bottom: 1px solid; border-color: #c5c5c5 } .block-acc-private-office .table-prospects .block-table .table > tbody > tr.new-message > td { background: #ededed } .block-acc-private-office .table-prospects .block-table .table > tbody > tr .trash { background: #fafafa !important; font-size: 26px; cursor: pointer } .block-acc-private-office .table-prospects .block-table .table > tbody .indent { border-left: none; border-right: 0 } .block-acc-private-office .table-prospects .block-table .table > tbody > .indent td { border-bottom: 0; padding: 15px 0 } .block-acc-private-office .table-prospects .block-table .table > tbody .new-prospect-messages { cursor: pointer } .block-acc-private-office .table-prospects .block-table .table > tbody .new-prospect-messages .new-messages span { color: #333 } .block-acc-private-office .table-prospects .block-table .table > tbody .new-prospect-messages:hover, .block-acc-private-office .table-prospects .block-table .table > tbody .new-prospect-messages:hover span { background: #333; color: #fff !important } .block-acc-private-office .table-prospects .block-table::-webkit-scrollbar { width: 12px; height: 12px } .block-acc-private-office .table-prospects .block-table::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 8px } .block-acc-private-office .table-prospects .block-table::-webkit-scrollbar-thumb { background: #333; border-radius: 8px } .block-acc-private-office .btn-type-lease { margin-bottom: 40px; max-width: 1500px } .block-acc-private-office .btn-type-lease .btn-lease { margin-bottom: 5px } .block-acc-private-office .btn-type-lease .badge { background: #333; color: #fff; font-size: 11px; min-width: 25px; height: 25px; padding: 7px 0; border-radius: 6px } .block-acc-private-office .btn-type-lease .btn-lease:hover .badge, .block-acc-private-office .btn-type-lease .btn-lease.active .badge { background: #fff; color: #333 } .block-acc-private-office .btn-type-lease .btn-lease.active { background: #333; color: #fff } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item:first-child { padding-left: 0 } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item:last-child { padding-right: 5px } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item { padding-left: 5px; padding-right: 5px } .block-acc-private-office .table-lease .block-table { overflow-x: auto; margin-left: 200px; overflow-y: visible; padding-bottom: 1px; cursor: -webkit-grab; cursor: -moz-grab } .grabbing { cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important } .block-acc-private-office .table-lease .block-table::-webkit-scrollbar { width: 12px; height: 12px } .block-acc-private-office .table-lease .block-table::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 8px } .block-acc-private-office .table-lease .block-table::-webkit-scrollbar-thumb { background: #333; border-radius: 8px } .block-acc-private-office .table-lease .block-table .table-striped { border-collapse: separate; border-spacing: 10px 0; font-size: 16px; font-weight: 700; color: #252525 } .block-acc-private-office .table-lease .block-table .table-striped > tbody > tr:nth-of-type(even) { background: #f5f5f5 } .block-acc-private-office .table-lease .block-table .table-striped > tbody > tr:nth-of-type(odd) { background: none !important } .block-acc-private-office .table-lease .block-table .table > tbody > tr > td { border: 0; padding: 15px; max-width: 250px; vertical-align: middle } .block-acc-private-office .table-lease .block-table .table-striped .img-lease td { padding: 10px 0 } .block-acc-private-office .table-lease .block-table .table > tbody > tr > td > img { width: 100%; max-width: 250px } .block-acc-private-office .table-lease .block-table td { margin: 0; border: 0 } .block-acc-private-office .table-lease .block-table .headcol { position: absolute; width: 200px; left: 0; top: auto; border-right: 0 none black } .block-acc-private-office .table-lease .block-table .table-striped > tbody > tr { text-align: center } .block-acc-private-office .table-lease .block-table .table-striped .msrp { color: #333; font-size: 22px } .block-acc-private-office .btn-type-lease .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin: -29px 0 0 0; font-size: 36px; color: #dadada } .block-acc-private-office .btn-type-lease .owl-theme .owl-controls .owl-buttons .owl-prev { left: -5px; background: 0; padding: 0 } .block-acc-private-office .btn-type-lease .owl-theme .owl-controls .owl-buttons .owl-next { right: -5px; background: 0; padding: 0 } .block-acc-private-office .btn-type-lease .owl-theme .owl-pagination { display: none } @media(max-width:1600px) and (min-width:1200px) { .left-side-menu-request { width: 25% } .block-acc-private-office .right-side-block-cabinet, .block-acc-private-office .request-list:not(.profile-cars) { margin-left: 25%; width: 75% } .block-acc-private-office.transfer-status .right-side-block-cabinet, .modal .block-acc-private-office .request-list { width: 100%; margin-left: 0 } } @media(max-width:991px) { .block-acc-private-office .request-list .request-item .info-request .request-characters { padding: 0 } .block-acc-private-office .request-list .request-item .info-request .img-request { margin-bottom: 30px } .block-acc-private-office .profile-settings .block-profile-settings .left-side { margin-bottom: 30px } .block-acc-private-office .request-list .progress .progress-bar { font-size: 14px } .block-acc-private-office .request-list .progress .negative { font-size: 14px } .block-acc-private-office .request-list .block-progress-btn .btn-lease { font-size: 14px } .block-acc-private-office .request-list .block-progress-btn .btn-edit { padding-left: 0 !important } .block-acc-private-office .request-list .block-progress-btn { margin-bottom: 20px } .block-acc-private-office .profile-messages .dealer-btn-request .btn-request { margin-bottom: 5px } .new-style-modal-windows .modal-chat .avatar-user { margin-bottom: 10px } .new-style-modal-windows .modal-chat .modal-header { padding: 0 15px } .new-style-modal-windows .modal-chat .right-side { padding: 0 } .new-style-modal-windows .modal-chat { width: 500px } .new-style-modal-windows .modal-chat .middle-modal-header .name-user-company { text-align: center; margin-bottom: 25px } .new-style-modal-windows .modal-chat .middle-modal-header .phone-company { text-align: center; margin-bottom: 15px } .new-style-modal-windows .modal-chat .bottom-modal-header .car-request .input-group-addon { padding: 5px } .new-style-modal-windows .modal-chat .modal-body { padding: 20px 15px } .new-style-modal-windows .modal-chat .chat-window { min-height: 25px } .new-style-modal-windows .modal-chat .area-for-chat .btn-sent-mesage { text-align: right } .new-style-modal-windows .modal-chat .area-for-chat { padding: 35px 15px 0 15px } .new-style-modal-windows .modal-content .bottom-modal-header .subject-request { margin-bottom: 10px; padding: 0 !important } .new-style-modal-windows .modal-chat .message-lease ul { padding-left: 0 } .new-style-modal-windows .modal-content .area-for-chat .form-group { margin-bottom: 10px } .block-acc-private-office .btn-type-lease.saved-cars .owl-carousel .owl-item:first-child { padding-left: 20px; padding-right: 20px } .block-acc-private-office .btn-type-lease.saved-cars .owl-carousel .owl-item { padding-left: 20px; padding-right: 20px } .block-acc-private-office .btn-type-lease.saved-cars .owl-carousel .owl-item:last-child { padding-right: 20px; padding-left: 20px } .block-acc-private-office .buttons-request-center button { margin-bottom: 10px } } @media(max-width:767px) { .block-acc-private-office .buttons-request-center { text-align: center } .left-side-menu-request { display: none } .request-list { padding: 0 15px } .block-acc-private-office .request-list { padding: 0 15px; margin-top: 20px } .block-acc-private-office .request-list .request-item .info-request { padding: 0 } .block-acc-private-office .request-list .request-item { border: 0; padding: 0; margin-bottom: 25px } .block-acc-private-office .request-list .request-item.active { padding: 10px } .block-acc-private-office .request-list .request-item .info-request .request-characters ul { padding: 0; -moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 10px; column-count: 1; column-gap: 10px } .block-acc-private-office .request-list .view-offer { text-align: center } .block-acc-private-office .request-list .view-offer .btn-view-offer { height: 40px; font-size: 18px; width: 210px; display: inline-block } .block-acc-private-office .request-list .request-item .info-request .img-request { max-height: 350px; overflow: hidden; min-height: inherit; margin-bottom: 25px } .block-acc-private-office .request-list .request-item .info-request .img-request img { max-height: none } .block-acc-private-office .status-request { padding: 20px 5px } .block-acc-private-office .profile-settings { padding: 25px 10px } .block-acc-private-office .profile-settings .title-profile-settings { font-size: 22px; letter-spacing: -1px } .block-acc-private-office .profile-settings .block-profile-settings .logo { margin-bottom: 20px; text-align: center } .block-acc-private-office .profile-settings .block-profile-settings .short-information { padding: 0 } .block-acc-private-office .profile-settings .block-profile-settings .left-side .btn-edit { text-align: center; margin-top: 30px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal { margin-top: 18px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .link-chn-email a { margin-left: 0 } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .control-label { letter-spacing: -1.5px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .input-field { padding: 0 0 0 5px } .block-acc-private-office .profile-settings .block-profile-settings .form-horizontal .btn-save { text-align: center } .block-acc-private-office .profile-settings .block-profile-settings .short-text-notification { margin-top: 20px } .block-acc-private-office .profile-settings .block-profile-settings .btn-edit { text-align: center } .block-acc-private-office .profile-settings .block-profile-settings.close-account { margin-bottom: 0 } .block-acc-private-office .profile-settings .block-profile-settings.close-account .btn-setting-profile { width: 300px } .block-acc-private-office .request-list .request-item .title-request { padding: 0 } .block-acc-private-office .dealer-btn-request { margin-bottom: 30px } .block-acc-private-office .dealer-btn-request .btn-request { height: 40px; width: 210px; margin-bottom: 20px; font-size: 18px } .block-acc-private-office .individual-details-block .title-individual-details { margin-bottom: 5px } .block-acc-private-office .individual-details-block { padding: 15px 5px } .block-acc-private-office .individual-details-block .item-individual-details { white-space: pre-line } .dl-horizontal dt { float: left } .wrapper .button-return-srch { width: 100% } .title-offer .title-text-dealer-listing { margin-left: 0; font-size: 22px; padding: 0 15px } .content-offer .block-content-details .title-details { width: 100%; text-align: center; font-size: 22px; padding-left: 0 } .content-offer .block-content-details { padding-right: 0 !important; padding-left: 0 !important; margin-top: 10px } .content-offer .content-details .top-details .item-photo-details { padding: 0 !important; margin-bottom: 10px; text-align: center } .content-offer .content-details .top-details .item-acc-details { text-align: center } .block-dealer-offer .content-lease-details .left-side-lease-details { height: inherit !important; margin-bottom: 15px } .content-offer .block-content-details .content-details { padding: 0; border: 0 } .content-offer .block-content-details .content-details.vehicle-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .content-offer .content-details .middle-details.vehicle-detail { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .content-offer .content-details .bottom-details.vehicle-detail { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; background: #f8f8f8; padding: 10px 0 } .content-offer .content-details .bottom-details.vehicle-detail .dl-horizontal dt { width: 50%; text-align: right } .content-offer .content-details .bottom-details.vehicle-detail .dl-horizontal dd { margin-left: 52% } .content-offer .content-details .bottom-details.vehicle-detail .dl-horizontal dd > span { font-size: 18px; color: #333; font-weight: 700; line-height: .9 } .content-offer .content-details .bottom-details.vehicle-detail .total-msrp { text-align: center } .content-offer .content-details .title-content-details { margin: 0; font-size: 22px; text-align: center } .block-dealer-offer .content-lease-details .vehicle-details { margin-bottom: 20px } .block-dealer-offer .content-lease-details .right-side-lease-details { height: auto !important } .block-dealer-offer .content-lease-details .vehicle-details { padding: 0 10px } .block-dealer-offer .add-offer-form .container, .block-dealer-offer .add-offer-form .form-group, .block-dealer-offer .add-offer-form .form-group .add-additions { padding: 0 !important } .block-dealer-offer .add-offer-form .form-group .add-additions + .add-additions { margin-top: 15px } .block-dealer-offer .lease-details .btn-lease.btn-contact-request-owner { height: auto; min-height: 60px; white-space: normal } .block-acc-private-office .profile-messages { padding: 10px 15px 0 } .block-acc-private-office .messages-block .content-message .name-user { font-size: 16px } .block-acc-private-office .top-block-messages .sort-by { float: left !important } .block-acc-private-office .top-block-messages .sort-by .dropdown-menu { right: inherit; left: 0 } .block-acc-private-office .top-block-messages .action-messages { width: 100% } .block-acc-private-office .messages-block .content-message .date-message { float: none !important; text-align: left } .new-style-modal-windows .modal-chat .chat-window .message-lease .btn-lease { font-size: 18px } .new-style-modal-windows .modal-chat .progress .negative { font-size: 14px } .new-style-modal-windows .modal-chat .progress .progress-bar { font-size: 14px } .block-acc-private-office .request-list .request-item .title-request .name-model-car { width: 60%; float: left } .block-acc-private-office .request-list .request-item .btn-status .btn-lease { margin-right: 0; margin-bottom: 10px } .block-acc-private-office.transfer-status .request-list .progress { position: relative } .block-acc-private-office .request-list .progress { margin-bottom: 10px } .block-acc-private-office .request-list .request-item .price-months { text-align: center } .block-acc-private-office .request-list .block-progress-btn .btn-edit { padding-left: 0 !important; margin-bottom: 10px } .block-acc-private-office.transfer-status .block-progress .avatar-progress { display: none } .block-acc-private-office.transfer-status .block-progress .progress-block-relative { height: auto !important; margin: 25px 0; min-height: 0 } .block-acc-private-office .block-progress-status-step .progress-step-content .title-progress-step { font-size: 18px; padding-left: 25px } .block-acc-private-office .block-progress-status-step .progress-step-check { height: auto !important } .block-acc-private-office .block-progress-status-step .block-button { text-align: center } .block-acc-private-office .block-progress-status-step .block-button .btn-lease { margin: 5px 0 } .new-style-modal-windows .modal-chat { margin: 0 auto } .block-acc-private-office .table-prospects .block-table .table > tbody > tr > td { padding: 20px 10px } .new-style-modal-windows .modal-chat { width: 100% } .new-style-modal-windows .modal-chat .message-lease .price-months { text-align: left } .block-acc-private-office .btn-type-lease .btn-lease { font-size: 20px } .block-acc-private-office .table-lease .block-table .table-striped { font-size: 12px } .block-acc-private-office .table-lease .block-table .headcol { width: 100px } .block-acc-private-office .table-lease .block-table { margin-left: 100px } .block-acc-private-office .table-lease .block-table .table > tbody > tr > td { max-width: 190px } .block-acc-private-office .table-lease .block-table .table-striped .buttons .btn-lease { font-size: 19px } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item:first-child { padding-left: 20px; padding-right: 20px } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item { padding-left: 20px; padding-right: 20px } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item:last-child { padding-right: 20px; padding-left: 20px } } @media(max-width:1299px) { .block-acc-private-office .btn-type-lease.saved-cars .owl-carousel .owl-item:first-child { padding-left: 20px; padding-right: 10px } .block-acc-private-office .btn-type-lease.saved-cars .owl-carousel .owl-item { padding-left: 20px; padding-right: 20px } .block-acc-private-office .btn-type-lease.saved-cars .owl-carousel .owl-item:last-child { padding-right: 20px; padding-left: 10px } } @media(max-width:1200px) { .block-acc-private-office .btn-type-lease .owl-carousel .owl-item:first-child { padding-left: 20px; padding-right: 10px } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item { padding-left: 20px; padding-right: 20px } .block-acc-private-office .btn-type-lease .owl-carousel .owl-item:last-child { padding-right: 20px; padding-left: 10px } } @media(max-width:1044px) { .block-acc-private-office .btn-type-lease { text-align: center } } .block-acc-private-office .block-reviews .sort-by-reviews .dropdown { padding-bottom: 17px; border-bottom: 1px solid #edeff0 } .block-acc-private-office .block-reviews .sort-by-reviews .dropdown a { cursor: pointer; text-decoration: none } .block-acc-private-office .block-reviews .sort-by-reviews .open > .dropdown-menu { padding: 10px } .block-acc-private-office .block-reviews .sort-by-reviews .open > .dropdown-menu > li { cursor: pointer } .block-acc-private-office .block-reviews .sort-by-reviews .open > .dropdown-menu > li { cursor: pointer } .block-acc-private-office .block-reviews .item-review { margin-top: 20px; border-bottom: 1px solid #edeff0 } .block-acc-private-office .block-reviews .item-review.item-review-answer { border: 1px solid #edeff0; border-radius: 5px } .block-acc-private-office .block-reviews .item-review.item-review-answer > div:not(.bottom-block-review) { padding: 0 10px } .block-acc-private-office .block-reviews .item-review.item-review-answer .bottom-block-review { padding: 10px 15px } .block-acc-private-office .block-reviews .answer-form-section { margin-top: 20px } .block-acc-private-office .block-reviews .answer-form-section textarea, .block-acc-private-office .block-reviews .answer-form-section input[type=text] { font-size: 18px; border-color: #252525; color: #252525; border-radius: 7px; max-width: 100% } .block-acc-private-office .block-reviews .item-review.item-review-answer .btn-answer .btn-lease, .block-acc-private-office .block-reviews .answer-form-section .btn-answer .btn-lease { width: auto; padding: 0 15px } .block-acc-private-office .block-reviews .item-review .top-block-review { margin-bottom: 10px } .block-acc-private-office .block-reviews .item-review .review-topic { font-size: 18px } .block-acc-private-office .block-reviews .item-review .date-review { font-size: 14px; color: #868b98 } .block-acc-private-office .block-reviews .item-review .content-review { color: #676767; margin-bottom: 10px } .block-acc-private-office .block-reviews .item-review .reviewd-by { font-size: 14px; color: #868b98; margin-bottom: 5px } .block-acc-private-office .block-reviews .item-review .reviewd-by a { color: #333; text-decoration: none; cursor: pointer } .block-acc-private-office .block-reviews .item-review .reviewd-by span { color: #333 } .block-acc-private-office .block-reviews .item-review .bottom-block-review { padding: 15px 10px 15px 0; background: #f9f9f9 } .block-acc-private-office .block-reviews .item-review .btn-answer .btn-lease, .block-acc-private-office .block-reviews .answer-form-section .btn-answer .btn-lease { font-size: 16px; width: 110px; height: 30px; border-radius: 8px; background: 0; border: 1px solid #333; box-shadow: none; color: #333; padding: 0 } .block-acc-private-office .block-reviews .item-review .btn-answer .btn-lease:hover { background: #333; color: #fff } @media(max-width:767px) { .block-acc-private-office .block-reviews .item-review .top-block-review { margin-bottom: 0 } .block-acc-private-office .block-reviews .item-review .btn-answer { width: 100%; text-align: center; margin-top: 22px } } .nga-default { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out } .nga-default.ng-hide-add, .nga-default.ng-hide-remove { display: block !important } .nga-slow { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out } .nga-slow.ng-hide-add, .nga-slow.ng-hide-remove { display: block !important } .nga-fast { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .nga-fast.ng-hide-add, .nga-fast.ng-hide-remove { display: block !important } .nga-collapse-add { overflow: hidden } .nga-collapse-add.ng-enter:not(.ng-enter-active), .nga-collapse-add.ng-hide-remove:not(.ng-hide-remove-active) { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-collapse-remove { overflow: hidden } .nga-collapse-remove.ng-hide-add.ng-hide-add-active, .nga-collapse-remove.ng-leave.ng-leave-active { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-collapse-move { overflow: hidden } .nga-collapse-move.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-collapse-all { overflow: hidden } .nga-collapse-all.ng-enter:not(.ng-enter-active), .nga-collapse-all.ng-hide-add.ng-hide-add-active, .nga-collapse-all.ng-hide-remove:not(.ng-hide-remove-active), .nga-collapse-all.ng-leave.ng-leave-active, .nga-collapse-all.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-collapse { overflow: hidden } .nga-collapse.ng-enter:not(.ng-enter-active), .nga-collapse.ng-hide-add.ng-hide-add-active, .nga-collapse.ng-hide-remove:not(.ng-hide-remove-active), .nga-collapse.ng-leave.ng-leave-active, .nga-collapse.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-fade-add.ng-enter, .nga-fade-add.ng-hide-remove { opacity: 0 } .nga-fade-add.ng-enter.ng-enter-active, .nga-fade-add.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-fade-remove.ng-hide-add.ng-hide-add-active, .nga-fade-remove.ng-leave.ng-leave-active { opacity: 0 } .nga-fade-remove.ng-hide-add, .nga-fade-remove.ng-leave { opacity: 1 } .nga-fade-move.ng-move { opacity: 0 } .nga-fade-move.ng-move.ng-move-active { opacity: 1 } .nga-fade-all.ng-enter, .nga-fade-all.ng-hide-remove { opacity: 0 } .nga-fade-all.ng-enter.ng-enter-active, .nga-fade-all.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-fade-all.ng-hide-add.ng-hide-add-active, .nga-fade-all.ng-leave.ng-leave-active { opacity: 0 } .nga-fade-all.ng-hide-add, .nga-fade-all.ng-leave { opacity: 1 } .nga-fade-all.ng-move { opacity: 0 } .nga-fade-all.ng-move.ng-move-active { opacity: 1 } .nga-fade.ng-enter, .nga-fade.ng-hide-remove { opacity: 0 } .nga-fade.ng-enter.ng-enter-active, .nga-fade.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-fade.ng-hide-add.ng-hide-add-active, .nga-fade.ng-leave.ng-leave-active { opacity: 0 } .nga-fade.ng-hide-add, .nga-fade.ng-leave { opacity: 1 } .nga-fade.ng-move { opacity: 0 } .nga-fade.ng-move.ng-move-active { opacity: 1 } .nga-rotate-down-add { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down-add.ng-enter, .nga-rotate-down-add.ng-hide-remove { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down-add.ng-enter.ng-enter-active, .nga-rotate-down-add.ng-hide-remove.ng-hide-remove-active, .nga-rotate-down-remove { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down-remove.ng-hide-add.ng-hide-add-active, .nga-rotate-down-remove.ng-leave.ng-leave-active { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down-move, .nga-rotate-down-remove.ng-hide-add, .nga-rotate-down-remove.ng-leave { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down-move.ng-move { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down-all, .nga-rotate-down-move.ng-move.ng-move-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down-all.ng-enter, .nga-rotate-down-all.ng-hide-remove { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down-all.ng-enter.ng-enter-active, .nga-rotate-down-all.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down-all.ng-hide-add.ng-hide-add-active, .nga-rotate-down-all.ng-leave.ng-leave-active { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down-all.ng-hide-add, .nga-rotate-down-all.ng-leave { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down-all.ng-move { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down, .nga-rotate-down-all.ng-move.ng-move-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down.ng-enter, .nga-rotate-down.ng-hide-remove { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down.ng-enter.ng-enter-active, .nga-rotate-down.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down.ng-hide-add.ng-hide-add-active, .nga-rotate-down.ng-leave.ng-leave-active { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down.ng-hide-add, .nga-rotate-down.ng-leave { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down.ng-move { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nga-rotate-down.ng-move.ng-move-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-down.ng-enter, .nga-rotate-down.ng-hide-remove { opacity: 0 } .nga-rotate-down.ng-enter.ng-enter-active, .nga-rotate-down.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-rotate-down.ng-hide-add.ng-hide-add-active, .nga-rotate-down.ng-leave.ng-leave-active { opacity: 0 } .nga-rotate-down.ng-hide-add, .nga-rotate-down.ng-leave { opacity: 1 } .nga-rotate-down.ng-move { opacity: 0 } .nga-rotate-down.ng-move.ng-move-active { opacity: 1 } .nga-rotate-left-add { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left-add.ng-enter, .nga-rotate-left-add.ng-hide-remove { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left-add.ng-enter.ng-enter-active, .nga-rotate-left-add.ng-hide-remove.ng-hide-remove-active, .nga-rotate-left-remove { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left-remove.ng-hide-add.ng-hide-add-active, .nga-rotate-left-remove.ng-leave.ng-leave-active { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left-move, .nga-rotate-left-remove.ng-hide-add, .nga-rotate-left-remove.ng-leave { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left-move.ng-move { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left-all, .nga-rotate-left-move.ng-move.ng-move-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left-all.ng-enter, .nga-rotate-left-all.ng-hide-remove { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left-all.ng-enter.ng-enter-active, .nga-rotate-left-all.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left-all.ng-hide-add.ng-hide-add-active, .nga-rotate-left-all.ng-leave.ng-leave-active { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left-all.ng-hide-add, .nga-rotate-left-all.ng-leave { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left-all.ng-move { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left, .nga-rotate-left-all.ng-move.ng-move-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left.ng-enter, .nga-rotate-left.ng-hide-remove { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left.ng-enter.ng-enter-active, .nga-rotate-left.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left.ng-hide-add.ng-hide-add-active, .nga-rotate-left.ng-leave.ng-leave-active { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left.ng-hide-add, .nga-rotate-left.ng-leave { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left.ng-move { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg) } .nga-rotate-left.ng-move.ng-move-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-left.ng-enter, .nga-rotate-left.ng-hide-remove { opacity: 0 } .nga-rotate-left.ng-enter.ng-enter-active, .nga-rotate-left.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-rotate-left.ng-hide-add.ng-hide-add-active, .nga-rotate-left.ng-leave.ng-leave-active { opacity: 0 } .nga-rotate-left.ng-hide-add, .nga-rotate-left.ng-leave { opacity: 1 } .nga-rotate-left.ng-move { opacity: 0 } .nga-rotate-left.ng-move.ng-move-active { opacity: 1 } .nga-rotate-right-add { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right-add.ng-enter, .nga-rotate-right-add.ng-hide-remove { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right-add.ng-enter.ng-enter-active, .nga-rotate-right-add.ng-hide-remove.ng-hide-remove-active, .nga-rotate-right-remove { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right-remove.ng-hide-add.ng-hide-add-active, .nga-rotate-right-remove.ng-leave.ng-leave-active { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right-move, .nga-rotate-right-remove.ng-hide-add, .nga-rotate-right-remove.ng-leave { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right-move.ng-move { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right-all, .nga-rotate-right-move.ng-move.ng-move-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right-all.ng-enter, .nga-rotate-right-all.ng-hide-remove { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right-all.ng-enter.ng-enter-active, .nga-rotate-right-all.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right-all.ng-hide-add.ng-hide-add-active, .nga-rotate-right-all.ng-leave.ng-leave-active { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right-all.ng-hide-add, .nga-rotate-right-all.ng-leave { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right-all.ng-move { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right, .nga-rotate-right-all.ng-move.ng-move-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right.ng-enter, .nga-rotate-right.ng-hide-remove { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right.ng-enter.ng-enter-active, .nga-rotate-right.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right.ng-hide-add.ng-hide-add-active, .nga-rotate-right.ng-leave.ng-leave-active { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right.ng-hide-add, .nga-rotate-right.ng-leave { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right.ng-move { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg) } .nga-rotate-right.ng-move.ng-move-active { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .nga-rotate-right.ng-enter, .nga-rotate-right.ng-hide-remove { opacity: 0 } .nga-rotate-right.ng-enter.ng-enter-active, .nga-rotate-right.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-rotate-right.ng-hide-add.ng-hide-add-active, .nga-rotate-right.ng-leave.ng-leave-active { opacity: 0 } .nga-rotate-right.ng-hide-add, .nga-rotate-right.ng-leave { opacity: 1 } .nga-rotate-right.ng-move { opacity: 0 } .nga-rotate-right.ng-move.ng-move-active { opacity: 1 } .nga-rotate-up-add { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up-add.ng-enter, .nga-rotate-up-add.ng-hide-remove { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up-add.ng-enter.ng-enter-active, .nga-rotate-up-add.ng-hide-remove.ng-hide-remove-active, .nga-rotate-up-remove { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up-remove.ng-hide-add.ng-hide-add-active, .nga-rotate-up-remove.ng-leave.ng-leave-active { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up-move, .nga-rotate-up-remove.ng-hide-add, .nga-rotate-up-remove.ng-leave { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up-move.ng-move { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up-all, .nga-rotate-up-move.ng-move.ng-move-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up-all.ng-enter, .nga-rotate-up-all.ng-hide-remove { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up-all.ng-enter.ng-enter-active, .nga-rotate-up-all.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up-all.ng-hide-add.ng-hide-add-active, .nga-rotate-up-all.ng-leave.ng-leave-active { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up-all.ng-hide-add, .nga-rotate-up-all.ng-leave { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up-all.ng-move { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up, .nga-rotate-up-all.ng-move.ng-move-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up.ng-enter, .nga-rotate-up.ng-hide-remove { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up.ng-enter.ng-enter-active, .nga-rotate-up.ng-hide-remove.ng-hide-remove-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up.ng-hide-add.ng-hide-add-active, .nga-rotate-up.ng-leave.ng-leave-active { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up.ng-hide-add, .nga-rotate-up.ng-leave { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up.ng-move { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg) } .nga-rotate-up.ng-move.ng-move-active { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .nga-rotate-up.ng-enter, .nga-rotate-up.ng-hide-remove { opacity: 0 } .nga-rotate-up.ng-enter.ng-enter-active, .nga-rotate-up.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-rotate-up.ng-hide-add.ng-hide-add-active, .nga-rotate-up.ng-leave.ng-leave-active { opacity: 0 } .nga-rotate-up.ng-hide-add, .nga-rotate-up.ng-leave { opacity: 1 } .nga-rotate-up.ng-move { opacity: 0 } .nga-rotate-up.ng-move.ng-move-active { opacity: 1 } .nga-slide-down-add { position: relative; overflow: hidden } .nga-slide-down-add.ng-enter, .nga-slide-down-add.ng-hide-remove { top: 50px } .nga-slide-down-add.ng-enter.ng-enter-active, .nga-slide-down-add.ng-hide-remove.ng-hide-remove-active { top: 0 } .nga-slide-down-remove { position: relative; overflow: hidden } .nga-slide-down-remove.ng-hide-add.ng-hide-add-active, .nga-slide-down-remove.ng-leave.ng-leave-active { top: 50px } .nga-slide-down-remove.ng-hide-add, .nga-slide-down-remove.ng-leave { top: 0 } .nga-slide-down-move { position: relative; overflow: hidden } .nga-slide-down-move.ng-move { top: 50px } .nga-slide-down-move.ng-move.ng-move-active { top: 0 } .nga-slide-down-all { position: relative; overflow: hidden } .nga-slide-down-all.ng-enter, .nga-slide-down-all.ng-hide-remove { top: 50px } .nga-slide-down-all.ng-enter.ng-enter-active, .nga-slide-down-all.ng-hide-remove.ng-hide-remove-active { top: 0 } .nga-slide-down-all.ng-hide-add.ng-hide-add-active, .nga-slide-down-all.ng-leave.ng-leave-active { top: 50px } .nga-slide-down-all.ng-hide-add, .nga-slide-down-all.ng-leave { top: 0 } .nga-slide-down-all.ng-move { top: 50px } .nga-slide-down-all.ng-move.ng-move-active { top: 0 } .nga-slide-down { position: relative; overflow: hidden; overflow: hidden } .nga-slide-down.ng-enter, .nga-slide-down.ng-hide-remove { top: 50px } .nga-slide-down.ng-enter.ng-enter-active, .nga-slide-down.ng-hide-remove.ng-hide-remove-active { top: 0 } .nga-slide-down.ng-hide-add.ng-hide-add-active, .nga-slide-down.ng-leave.ng-leave-active { top: 50px } .nga-slide-down.ng-hide-add, .nga-slide-down.ng-leave { top: 0 } .nga-slide-down.ng-move { top: 50px } .nga-slide-down.ng-move.ng-move-active { top: 0 } .nga-slide-down.ng-enter, .nga-slide-down.ng-hide-remove { opacity: 0 } .nga-slide-down.ng-enter.ng-enter-active, .nga-slide-down.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-slide-down.ng-hide-add.ng-hide-add-active, .nga-slide-down.ng-leave.ng-leave-active { opacity: 0 } .nga-slide-down.ng-hide-add, .nga-slide-down.ng-leave { opacity: 1 } .nga-slide-down.ng-move { opacity: 0 } .nga-slide-down.ng-move.ng-move-active { opacity: 1 } .nga-slide-down.ng-enter:not(.ng-enter-active), .nga-slide-down.ng-hide-add.ng-hide-add-active, .nga-slide-down.ng-hide-remove:not(.ng-hide-remove-active), .nga-slide-down.ng-leave.ng-leave-active, .nga-slide-down.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-slide-left-add { position: relative; overflow: hidden } .nga-slide-left-add.ng-enter, .nga-slide-left-add.ng-hide-remove { right: 100% } .nga-slide-left-add.ng-enter.ng-enter-active, .nga-slide-left-add.ng-hide-remove.ng-hide-remove-active { right: 0 } .nga-slide-left-remove { position: relative; overflow: hidden } .nga-slide-left-remove.ng-hide-add.ng-hide-add-active, .nga-slide-left-remove.ng-leave.ng-leave-active { right: 100% } .nga-slide-left-remove.ng-hide-add, .nga-slide-left-remove.ng-leave { right: 0 } .nga-slide-left-move { position: relative; overflow: hidden } .nga-slide-left-move.ng-move { right: 100% } .nga-slide-left-move.ng-move.ng-move-active { right: 0 } .nga-slide-left-all { position: relative; overflow: hidden } .nga-slide-left-all.ng-enter, .nga-slide-left-all.ng-hide-remove { right: 100% } .nga-slide-left-all.ng-enter.ng-enter-active, .nga-slide-left-all.ng-hide-remove.ng-hide-remove-active { right: 0 } .nga-slide-left-all.ng-hide-add.ng-hide-add-active, .nga-slide-left-all.ng-leave.ng-leave-active { right: 100% } .nga-slide-left-all.ng-hide-add, .nga-slide-left-all.ng-leave { right: 0 } .nga-slide-left-all.ng-move { right: 100% } .nga-slide-left-all.ng-move.ng-move-active { right: 0 } .nga-slide-left { position: relative; overflow: hidden; overflow: hidden } .nga-slide-left.ng-enter, .nga-slide-left.ng-hide-remove { right: 100% } .nga-slide-left.ng-enter.ng-enter-active, .nga-slide-left.ng-hide-remove.ng-hide-remove-active { right: 0 } .nga-slide-left.ng-hide-add.ng-hide-add-active, .nga-slide-left.ng-leave.ng-leave-active { right: 100% } .nga-slide-left.ng-hide-add, .nga-slide-left.ng-leave { right: 0 } .nga-slide-left.ng-move { right: 100% } .nga-slide-left.ng-move.ng-move-active { right: 0 } .nga-slide-left.ng-enter, .nga-slide-left.ng-hide-remove { opacity: 0 } .nga-slide-left.ng-enter.ng-enter-active, .nga-slide-left.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-slide-left.ng-hide-add.ng-hide-add-active, .nga-slide-left.ng-leave.ng-leave-active { opacity: 0 } .nga-slide-left.ng-hide-add, .nga-slide-left.ng-leave { opacity: 1 } .nga-slide-left.ng-move { opacity: 0 } .nga-slide-left.ng-move.ng-move-active { opacity: 1 } .nga-slide-left.ng-enter:not(.ng-enter-active), .nga-slide-left.ng-hide-add.ng-hide-add-active, .nga-slide-left.ng-hide-remove:not(.ng-hide-remove-active), .nga-slide-left.ng-leave.ng-leave-active, .nga-slide-left.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-slide-right-add { position: relative; overflow: hidden } .nga-slide-right-add.ng-enter, .nga-slide-right-add.ng-hide-remove { left: 100% } .nga-slide-right-add.ng-enter.ng-enter-active, .nga-slide-right-add.ng-hide-remove.ng-hide-remove-active { left: 0 } .nga-slide-right-remove { position: relative; overflow: hidden } .nga-slide-right-remove.ng-hide-add.ng-hide-add-active, .nga-slide-right-remove.ng-leave.ng-leave-active { left: 100% } .nga-slide-right-remove.ng-hide-add, .nga-slide-right-remove.ng-leave { left: 0 } .nga-slide-right-move { position: relative; overflow: hidden } .nga-slide-right-move.ng-move { left: 100% } .nga-slide-right-move.ng-move.ng-move-active { left: 0 } .nga-slide-right-all { position: relative; overflow: hidden } .nga-slide-right-all.ng-enter, .nga-slide-right-all.ng-hide-remove { left: 100% } .nga-slide-right-all.ng-enter.ng-enter-active, .nga-slide-right-all.ng-hide-remove.ng-hide-remove-active { left: 0 } .nga-slide-right-all.ng-hide-add.ng-hide-add-active, .nga-slide-right-all.ng-leave.ng-leave-active { left: 100% } .nga-slide-right-all.ng-hide-add, .nga-slide-right-all.ng-leave { left: 0 } .nga-slide-right-all.ng-move { left: 100% } .nga-slide-right-all.ng-move.ng-move-active { left: 0 } .nga-slide-right { position: relative; overflow: hidden; overflow: hidden } .nga-slide-right.ng-enter, .nga-slide-right.ng-hide-remove { left: 100% } .nga-slide-right.ng-enter.ng-enter-active, .nga-slide-right.ng-hide-remove.ng-hide-remove-active { left: 0 } .nga-slide-right.ng-hide-add.ng-hide-add-active, .nga-slide-right.ng-leave.ng-leave-active { left: 100% } .nga-slide-right.ng-hide-add, .nga-slide-right.ng-leave { left: 0 } .nga-slide-right.ng-move { left: 100% } .nga-slide-right.ng-move.ng-move-active { left: 0 } .nga-slide-right.ng-enter, .nga-slide-right.ng-hide-remove { opacity: 0 } .nga-slide-right.ng-enter.ng-enter-active, .nga-slide-right.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-slide-right.ng-hide-add.ng-hide-add-active, .nga-slide-right.ng-leave.ng-leave-active { opacity: 0 } .nga-slide-right.ng-hide-add, .nga-slide-right.ng-leave { opacity: 1 } .nga-slide-right.ng-move { opacity: 0 } .nga-slide-right.ng-move.ng-move-active { opacity: 1 } .nga-slide-right.ng-enter:not(.ng-enter-active), .nga-slide-right.ng-hide-add.ng-hide-add-active, .nga-slide-right.ng-hide-remove:not(.ng-hide-remove-active), .nga-slide-right.ng-leave.ng-leave-active, .nga-slide-right.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-slide-up-add { position: relative; overflow: hidden } .nga-slide-up-add.ng-enter, .nga-slide-up-add.ng-hide-remove { bottom: 50px } .nga-slide-up-add.ng-enter.ng-enter-active, .nga-slide-up-add.ng-hide-remove.ng-hide-remove-active { bottom: 0 } .nga-slide-up-remove { position: relative; overflow: hidden } .nga-slide-up-remove.ng-hide-add.ng-hide-add-active, .nga-slide-up-remove.ng-leave.ng-leave-active { bottom: 50px } .nga-slide-up-remove.ng-hide-add, .nga-slide-up-remove.ng-leave { bottom: 0 } .nga-slide-up-move { position: relative; overflow: hidden } .nga-slide-up-move.ng-move { bottom: 50px } .nga-slide-up-move.ng-move.ng-move-active { bottom: 0 } .nga-slide-up-all { position: relative; overflow: hidden } .nga-slide-up-all.ng-enter, .nga-slide-up-all.ng-hide-remove { bottom: 50px } .nga-slide-up-all.ng-enter.ng-enter-active, .nga-slide-up-all.ng-hide-remove.ng-hide-remove-active { bottom: 0 } .nga-slide-up-all.ng-hide-add.ng-hide-add-active, .nga-slide-up-all.ng-leave.ng-leave-active { bottom: 50px } .nga-slide-up-all.ng-hide-add, .nga-slide-up-all.ng-leave { bottom: 0 } .nga-slide-up-all.ng-move { bottom: 50px } .nga-slide-up-all.ng-move.ng-move-active { bottom: 0 } .nga-slide-up { position: relative; overflow: hidden; overflow: hidden } .nga-slide-up.ng-enter, .nga-slide-up.ng-hide-remove { bottom: 50px } .nga-slide-up.ng-enter.ng-enter-active, .nga-slide-up.ng-hide-remove.ng-hide-remove-active { bottom: 0 } .nga-slide-up.ng-hide-add.ng-hide-add-active, .nga-slide-up.ng-leave.ng-leave-active { bottom: 50px } .nga-slide-up.ng-hide-add, .nga-slide-up.ng-leave { bottom: 0 } .nga-slide-up.ng-move { bottom: 50px } .nga-slide-up.ng-move.ng-move-active { bottom: 0 } .nga-slide-up.ng-enter, .nga-slide-up.ng-hide-remove { opacity: 0 } .nga-slide-up.ng-enter.ng-enter-active, .nga-slide-up.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-slide-up.ng-hide-add.ng-hide-add-active, .nga-slide-up.ng-leave.ng-leave-active { opacity: 0 } .nga-slide-up.ng-hide-add, .nga-slide-up.ng-leave { opacity: 1 } .nga-slide-up.ng-move { opacity: 0 } .nga-slide-up.ng-move.ng-move-active { opacity: 1 } .nga-slide-up.ng-enter:not(.ng-enter-active), .nga-slide-up.ng-hide-add.ng-hide-add-active, .nga-slide-up.ng-hide-remove:not(.ng-hide-remove-active), .nga-slide-up.ng-leave.ng-leave-active, .nga-slide-up.ng-move { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-left-add { position: relative; overflow: hidden; white-space: nowrap; left: 0 } .nga-squash-left-add.ng-enter, .nga-squash-left-add.ng-hide-remove { width: 0; right: 100% } .nga-squash-left-add.ng-enter:not(.ng-enter-active), .nga-squash-left-add.ng-hide-remove:not(.ng-hide-remove-active) { padding-left: 0; padding-right: 0 } .nga-squash-left-add.ng-enter.ng-enter-active, .nga-squash-left-add.ng-hide-remove.ng-hide-remove-active { width: 100%; right: 0 } .nga-squash-left-remove { position: relative; overflow: hidden; white-space: nowrap; left: 0 } .nga-squash-left-remove.ng-hide-add, .nga-squash-left-remove.ng-leave { width: 100%; right: 0 } .nga-squash-left-remove.ng-hide-add.ng-hide-add-active, .nga-squash-left-remove.ng-leave.ng-leave-active { width: 0; right: 100%; padding-left: 0; padding-right: 0 } .nga-squash-left-move { position: relative; overflow: hidden; white-space: nowrap; left: 0 } .nga-squash-left-move.ng-move { width: 0; right: 100% } .nga-squash-left-move.ng-move.ng-move-active { width: 100%; right: 0 } .nga-squash-left-all { position: relative; overflow: hidden; white-space: nowrap; left: 0 } .nga-squash-left-all.ng-enter, .nga-squash-left-all.ng-hide-remove { width: 0; right: 100% } .nga-squash-left-all.ng-enter:not(.ng-enter-active), .nga-squash-left-all.ng-hide-remove:not(.ng-hide-remove-active) { padding-left: 0; padding-right: 0 } .nga-squash-left-all.ng-enter.ng-enter-active, .nga-squash-left-all.ng-hide-add, .nga-squash-left-all.ng-hide-remove.ng-hide-remove-active, .nga-squash-left-all.ng-leave { width: 100%; right: 0 } .nga-squash-left-all.ng-hide-add.ng-hide-add-active, .nga-squash-left-all.ng-leave.ng-leave-active { width: 0; right: 100%; padding-left: 0; padding-right: 0 } .nga-squash-left-all.ng-move { width: 0; right: 100% } .nga-squash-left-all.ng-move.ng-move-active { width: 100%; right: 0 } .nga-squash-left { position: relative; overflow: hidden; white-space: nowrap; left: 0 } .nga-squash-left.ng-enter, .nga-squash-left.ng-hide-remove { width: 0; right: 100% } .nga-squash-left.ng-enter:not(.ng-enter-active), .nga-squash-left.ng-hide-remove:not(.ng-hide-remove-active) { padding-left: 0; padding-right: 0 } .nga-squash-left.ng-enter.ng-enter-active, .nga-squash-left.ng-hide-add, .nga-squash-left.ng-hide-remove.ng-hide-remove-active, .nga-squash-left.ng-leave { width: 100%; right: 0 } .nga-squash-left.ng-hide-add.ng-hide-add-active, .nga-squash-left.ng-leave.ng-leave-active { width: 0; right: 100%; padding-left: 0; padding-right: 0 } .nga-squash-left.ng-move { width: 0; right: 100% } .nga-squash-left.ng-move.ng-move-active { width: 100%; right: 0 } .nga-squash-right-add { position: relative; overflow: hidden; white-space: nowrap; right: 0 } .nga-squash-right-add.ng-enter, .nga-squash-right-add.ng-hide-remove { width: 0; left: 100% } .nga-squash-right-add.ng-enter:not(.ng-enter-active), .nga-squash-right-add.ng-hide-remove:not(.ng-hide-remove-active) { padding-left: 0; padding-right: 0 } .nga-squash-right-add.ng-enter.ng-enter-active, .nga-squash-right-add.ng-hide-remove.ng-hide-remove-active { width: 100%; left: 0 } .nga-squash-right-remove { position: relative; overflow: hidden; white-space: nowrap; right: 0 } .nga-squash-right-remove.ng-hide-add, .nga-squash-right-remove.ng-leave { width: 100%; left: 0 } .nga-squash-right-remove.ng-hide-add.ng-hide-add-active, .nga-squash-right-remove.ng-leave.ng-leave-active { width: 0; left: 100%; padding-left: 0; padding-right: 0 } .nga-squash-right-move { position: relative; overflow: hidden; white-space: nowrap; right: 0 } .nga-squash-right-move.ng-move { width: 0; left: 100% } .nga-squash-right-move.ng-move.ng-move-active { width: 100%; left: 0 } .nga-squash-right-all { position: relative; overflow: hidden; white-space: nowrap; right: 0 } .nga-squash-right-all.ng-enter, .nga-squash-right-all.ng-hide-remove { width: 0; left: 100% } .nga-squash-right-all.ng-enter:not(.ng-enter-active), .nga-squash-right-all.ng-hide-remove:not(.ng-hide-remove-active) { padding-left: 0; padding-right: 0 } .nga-squash-right-all.ng-enter.ng-enter-active, .nga-squash-right-all.ng-hide-add, .nga-squash-right-all.ng-hide-remove.ng-hide-remove-active, .nga-squash-right-all.ng-leave { width: 100%; left: 0 } .nga-squash-right-all.ng-hide-add.ng-hide-add-active, .nga-squash-right-all.ng-leave.ng-leave-active { width: 0; left: 100%; padding-left: 0; padding-right: 0 } .nga-squash-right-all.ng-move { width: 0; left: 100% } .nga-squash-right-all.ng-move.ng-move-active { width: 100%; left: 0 } .nga-squash-right { position: relative; overflow: hidden; white-space: nowrap; right: 0 } .nga-squash-right.ng-enter, .nga-squash-right.ng-hide-remove { width: 0; left: 100% } .nga-squash-right.ng-enter:not(.ng-enter-active), .nga-squash-right.ng-hide-remove:not(.ng-hide-remove-active) { padding-left: 0; padding-right: 0 } .nga-squash-right.ng-enter.ng-enter-active, .nga-squash-right.ng-hide-add, .nga-squash-right.ng-hide-remove.ng-hide-remove-active, .nga-squash-right.ng-leave { width: 100%; left: 0 } .nga-squash-right.ng-hide-add.ng-hide-add-active, .nga-squash-right.ng-leave.ng-leave-active { width: 0; left: 100%; padding-left: 0; padding-right: 0 } .nga-squash-right.ng-move { width: 0; left: 100% } .nga-squash-right.ng-move.ng-move-active { width: 100%; left: 0 } .nga-squash-vertical-add { position: relative; overflow: hidden; bottom: 0 } .nga-squash-vertical-add.ng-enter, .nga-squash-vertical-add.ng-hide-remove { top: 100% } .nga-squash-vertical-add.ng-enter:not(.ng-enter-active), .nga-squash-vertical-add.ng-hide-remove:not(.ng-hide-remove-active) { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-vertical-add.ng-enter.ng-enter-active, .nga-squash-vertical-add.ng-hide-remove.ng-hide-remove-active { top: 0 } .nga-squash-vertical-remove { position: relative; overflow: hidden; bottom: 0 } .nga-squash-vertical-remove.ng-hide-add, .nga-squash-vertical-remove.ng-leave { top: 0 } .nga-squash-vertical-remove.ng-hide-add.ng-hide-add-active, .nga-squash-vertical-remove.ng-leave.ng-leave-active { top: 100%; max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-vertical-move { position: relative; overflow: hidden; bottom: 0 } .nga-squash-vertical-move.ng-move { top: 100% } .nga-squash-vertical-move.ng-move.ng-move-active { top: 0 } .nga-squash-vertical-all { position: relative; overflow: hidden; bottom: 0 } .nga-squash-vertical-all.ng-enter, .nga-squash-vertical-all.ng-hide-remove { top: 100% } .nga-squash-vertical-all.ng-enter:not(.ng-enter-active), .nga-squash-vertical-all.ng-hide-remove:not(.ng-hide-remove-active) { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-vertical-all.ng-enter.ng-enter-active, .nga-squash-vertical-all.ng-hide-add, .nga-squash-vertical-all.ng-hide-remove.ng-hide-remove-active, .nga-squash-vertical-all.ng-leave { top: 0 } .nga-squash-vertical-all.ng-hide-add.ng-hide-add-active, .nga-squash-vertical-all.ng-leave.ng-leave-active { top: 100%; max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-vertical-all.ng-move { top: 100% } .nga-squash-vertical-all.ng-move.ng-move-active { top: 0 } .nga-squash-vertical { position: relative; overflow: hidden; bottom: 0 } .nga-squash-vertical.ng-enter, .nga-squash-vertical.ng-hide-remove { top: 100% } .nga-squash-vertical.ng-enter:not(.ng-enter-active), .nga-squash-vertical.ng-hide-remove:not(.ng-hide-remove-active) { max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-vertical.ng-enter.ng-enter-active, .nga-squash-vertical.ng-hide-add, .nga-squash-vertical.ng-hide-remove.ng-hide-remove-active, .nga-squash-vertical.ng-leave { top: 0 } .nga-squash-vertical.ng-hide-add.ng-hide-add-active, .nga-squash-vertical.ng-leave.ng-leave-active { top: 100%; max-height: 0; padding-top: 0; padding-bottom: 0 } .nga-squash-vertical.ng-move { top: 100% } .nga-squash-vertical.ng-move.ng-move-active { top: 0 } .nga-squash-vertical.ng-enter, .nga-squash-vertical.ng-hide-remove { opacity: 0 } .nga-squash-vertical.ng-enter.ng-enter-active, .nga-squash-vertical.ng-hide-remove.ng-hide-remove-active { opacity: 1 } .nga-squash-vertical.ng-hide-add.ng-hide-add-active, .nga-squash-vertical.ng-leave.ng-leave-active { opacity: 0 } .nga-squash-vertical.ng-hide-add, .nga-squash-vertical.ng-leave { opacity: 1 } .nga-squash-vertical.ng-move { opacity: 0 } .nga-squash-vertical.ng-move.ng-move-active { opacity: 1 } .nga-stagger-add.ng-enter-stagger, .nga-stagger-leave.ng-leave-stagger, .nga-stagger-move.ng-move-stagger, .nga-stagger.ng-enter-stagger, .nga-stagger.ng-leave-stagger, .nga-stagger.ng-move-stagger { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0 } .nga-stagger-fast.ng-enter-stagger, .nga-stagger-fast.ng-leave-stagger, .nga-stagger-fast.ng-move-stagger { -webkit-transition-delay: 20ms; -moz-transition-delay: 20ms; -o-transition-delay: 20ms; transition-delay: 20ms; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0 } .nga-stagger-slow.ng-enter-stagger, .nga-stagger-slow.ng-leave-stagger, .nga-stagger-slow.ng-move-stagger { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0 } body:not(.home-page) .block_footer { margin-top: 0 !important } body.home-page .footer-all-content { position: relative } .testimonials { padding: 70px 0; background: #f8f8f8; margin-bottom: 80px } .testimonials .title-testimonials, .testimonials .title-testimonials h3 { font-size: 46px; color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 55px; font-weight: bold } .testimonials .review-block { font-size: 18px; font-weight: 400 } .testimonials .review-block .avatar-reviews img { max-width: 100% } .testimonials .review-block .review { margin-bottom: 20px; text-align: justify } .testimonials .owl-buttons { display: none } .testimonials .owl-theme .owl-controls .owl-page span { color: #c3c3c3; width: 30px; height: 30px; border-radius: 5px } .testimonials .owl-theme .owl-controls { margin-top: 40px } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #333 } .block_footer .left_side_footer .text_copyright { float: left } .block_footer .privacy-policy-btn { position: relative; top: 7px } .block_footer .left_side_footer .provided-edmunds { color: #fff; text-align: center } .under-footer { background: #171717; padding-bottom: 40px; padding-top: 40px } .under-footer .title-block-menu-footer { font-size: 24px; color: #fff; text-transform: uppercase; margin-bottom: 30px } .under-footer ul { list-style-type: none; padding-left: 0 } .under-footer ul > li:first-child { padding: 0 0 5px 0 } .under-footer ul > li { padding: 5px 0; color: #ababab } .under-footer ul > li:last-child { padding: 5px 0 0 0 } .under-footer ul > li a { text-decoration: none; color: #ababab } .under-footer ul > li a:hover { color: #333 } @media(min-width:1200px) { .testimonials .review-block .content-review { padding-right: 50px } } @media(max-width:1199px) { .under-footer .title-block-menu-footer { font-size: 22px } .block_footer .left_side_footer .provided-edmunds { float: left } .block_footer .left_side_footer .logo-footer, .block_footer .left_side_footer .text_copyright { margin-bottom: 15px } } @media(max-width:767px) { .under-footer .title-block-menu-footer { font-size: 20px } .block_footer .right_side_footer .social_button_footer { text-align: center; margin-top: 20px } .testimonials { padding: 40px 0 } .testimonials .review-block .avatar-reviews { display: none } .testimonials .title-testimonials, .testimonials .title-testimonials h3 { font-size: 36px; margin-bottom: 25px } } .testimonials .owl-theme .owl-controls { position: inherit } .block-explore .first-step .first-step-item { min-width: 135px; margin-bottom: 40px; cursor: pointer; color: #252525; transition: color .2s; display: inline-block; vertical-align: top; float: none !important } .block-explore .first-step .first-step-item .logo-item { border: 1px solid #9d9d9d; border-radius: 6px; width: 70px; margin: 0 auto; padding: 10px } .block-explore .first-step .first-step-item .logo-item img { max-width: 100% } .block-explore .first-step .first-step-item .item-title { text-align: center; font-size: 18px; font-weight: 700; margin-top: 10px } .block-explore .first-step .first-step-item .item-title { text-transform: capitalize } .block-explore .first-step .left-side .title-left-side { color: #252525; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 40px } .block-explore .first-step .first-step-item:hover { color: #333; transition: color .2s } .block-explore .first-step .first-step-item:hover .logo-item { border-color: #333; box-shadow: 0 0 5px rgba(43, 154, 243, 0.5) } .three-steps .parallax-block .name-step { color: #333; font-size: 46px; font-weight: bold; text-transform: uppercase; margin-bottom: 25px } .three-steps .parallax-block .text-step { color: #252525; font-size: 24px; margin-bottom: 25px } @media(max-width:767px) { .block-explore .first-step .left-side .title-left-side { color: #252525; font-size: 16px; font-weight: 100; text-transform: uppercase; margin-bottom: 30px } .three-steps { padding: 0 } .three-steps .button-slider { display: none } .three-steps .parallax-block .name-step { font-size: 30px } .three-steps .parallax-block .text-step { font-size: 16px } .three-steps .slider-block .name-step span { display: none } .three-steps .slider-block .item { margin-bottom: 25px } .three-steps .parallax-block .item { background-attachment: scroll !important; background-size: contain !important } .three-steps .parallax-block .information-block-steps { visibility: visible !important; padding-top: 60px } } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease } .owl-backSlide-out { -webkit-animation: backSlideOut 1.5s both ease; -moz-animation: backSlideOut 1.5s both ease; animation: backSlideOut 1.5s both ease } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both } @-webkit-keyframes empty { 0% { opacity: 1 } } @-moz-keyframes empty { 0% { opacity: 1 } } @keyframes empty { 0% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px) } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%) } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%) } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px) } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%) } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%) } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px) } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%) } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%) } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%) } 75% { opacity: .5; -webkit-transform: translateZ(-500px) } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%) } 75% { opacity: .5; -moz-transform: translateZ(-500px) } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0) } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%) } 75% { opacity: .5; transform: translateZ(-500px) } 100% { opacity: 1; transform: translateZ(0) translateX(0) } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8) } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8) } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8) } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%) } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%) } } @keyframes goDown { from { transform: translateY(-100%) } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5) } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5) } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5) } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5) } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5) } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5) } } .jcrop-holder { direction: ltr; text-align: left } .jcrop-vline, .jcrop-hline { background: #FFF url(../../4be4054e/jcrop/Jcrop.gif); font-size: 0; position: absolute } .jcrop-vline { height: 100%; width: 1px !important } .jcrop-vline.right { right: 0 } .jcrop-hline { height: 1px !important; width: 100% } .jcrop-hline.bottom { bottom: 0 } .jcrop-tracker { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; height: 100%; width: 100% } .jcrop-handle { background-color: #333; border: 1px #EEE solid; font-size: 1px; height: 7px; width: 7px } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0 } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50% } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50% } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0 } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0 } .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0 } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px } .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { height: 7px; width: 100% } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { height: 100%; width: 7px } .jcrop-dragbar.ord-n { margin-top: -4px } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0 } .jcrop-dragbar.ord-w { margin-left: -4px } .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { background: #FFF; filter: alpha(opacity=70) !important; opacity: .70 !important } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #333; border-color: #FFF; border-radius: 3px } .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { background: #333; filter: alpha(opacity=70) !important; opacity: .7 !important } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; border-color: #333; border-radius: 3px } .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #FFF } .jcrop-holder img, img.jcrop-preview { max-width: none } .block-car-builder { margin-top: 30px; color: #252525; font-size: 16px } .block-car-builder .change-model a { color: #333; text-transform: uppercase; text-decoration: none; line-height: 2 } .block-car-builder .title-car-builder { text-transform: uppercase; font-size: 30px } .block-car-builder .button-steps { margin-top: 0; margin-bottom: 20px; position: relative } .block-car-builder .sorry-block { font-size: 30px; margin: 20px auto; max-width: 375px } .block-car-builder .button-steps .owl-carousel { z-index: 2 } .block-car-builder .button-steps hr { position: absolute; height: 1px; width: 75%; margin: 0 auto; left: 0; right: 0; top: 50%; border-bottom: 0; border-color: #d3d7da } .block-car-builder #steps-carousel .owl-pagination, .block-car-builder .button-steps .customNavigation { display: none } .block-car-builder .button-steps .btn-default { height: 55px; font-size: 20px; background: #f8f8f8; border: 1px solid #d3d7da; color: #252525; text-transform: uppercase; box-shadow: none; width: 100%; padding: 0 } .block-car-builder .button-steps .owl-carousel .owl-item { padding: 0 8px } .block-car-builder .button-steps .btn-default:hover, .block-car-builder .button-steps .btn-default.active-step { background: #333; border-color: #333; color: #fff } .block-car-builder .button-steps .btn-default .made-step { display: none } .block-car-builder .button-steps .btn-default .number-step { padding: 0 7px } .block-car-builder .button-steps .btn-default:hover .number-step, .block-car-builder .button-steps .btn-default.active-step .number-step { color: #333; background: #fff; border-radius: 5px } .block-car-builder .button-steps .btn-default.btn-made-step .made-step { display: inline-block; padding: 0; color: #333 } .block-car-builder .button-steps .btn-default.btn-made-step:hover .made-step { color: #fff } .block-car-builder .button-steps .btn-default.btn-made-step .number-step { display: none } .block-car-builder .slider-car-builder { margin-bottom: 15px; padding: 0 } .block-car-builder .slider-car-builder .ng-leave-active { display: none !important } .block-car-builder .slider-car-builder .carousel-control.left, .block-car-builder .slider-car-builder .carousel-control.right { background-image: none } .block-car-builder .slider-car-builder .glyphicon-chevron-left, .block-car-builder .slider-car-builder .glyphicon-chevron-right { top: 40% } .block-car-builder .slider-car-builder .glyphicon-chevron-left:before, .block-car-builder .slider-car-builder .glyphicon-chevron-right:before { content: " " !important } .block-car-builder .slider-car-builder .carousel-inner > .item > img { margin: 0 auto; max-height: 350px } .block-car-builder .block-set-color { margin-bottom: 30px } .block-car-builder .block-set-color .title-set-color { font-size: 30px; margin-bottom: 30px; text-transform: uppercase } .block-car-builder .block-set-color .block-choose-color { position: relative } .block-car-builder .block-set-color .block-choose-color .owl-carousel { padding: 0 10px } .cars-info-view .package-owl-container .customNavigation .prev, .block-car-builder .block-set-color .block-choose-color .customNavigation .prev { position: absolute; top: 50%; color: rgba(211, 215, 218, 0.8); font-size: 30px; left: 0; cursor: pointer; z-index: 1 } .cars-info-view .package-owl-container .customNavigation .next, .block-car-builder .block-set-color .block-choose-color .customNavigation .next { position: absolute; top: 50%; color: rgba(211, 215, 218, 0.8); font-size: 30px; right: 0; cursor: pointer; z-index: 1 } .block-car-builder .block-set-color .block-choose-color .customNavigation .prev:hover, .block-car-builder .block-set-color .block-choose-color .customNavigation .next:hover { color: rgba(211, 215, 218, 1) } .block-car-builder .block-set-color .block-choose-color .color-item { padding: 0; float: none; display: inline-block } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary { height: 83px; width: 83px; margin: 0 auto; border-radius: 5px; font-size: 40px; color: #fff; padding: 10px } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary .check-auto { display: none } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary.active .check-auto, .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary:hover .check-auto { display: inline-block } .block-car-builder .block-choose-transmission { padding: 0; position: relative } .block-car-builder .block-choose-transmission .kind-transmission { padding: 0 } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission { background: 0; float: none; display: inline-block; padding: 55px 0 30px; border: 1px solid #d3d7da; border-radius: 10px; cursor: pointer } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .img-transmission { margin-bottom: 50px; min-height: 140px; max-height: 140px } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .img-transmission .active-transmission { display: none } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .discription-transmission .title-decr-transmission { font-size: 24px; text-transform: uppercase } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .discription-transmission .text-decr-transmission { font-size: 18px } .block-car-builder .block-choose-transmission .or { position: absolute; text-transform: uppercase; font-size: 30px; top: 40%; left: 0; right: 0; margin: 0 auto; padding: 0 } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission.active, .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission:hover { background: #333; color: #fff; font-family: "PT Sans", sans-serif } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission.active .no-active-transmission, .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission:hover .no-active-transmission { display: none } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission.active .active-transmission, .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission:hover .active-transmission { display: block; margin: 0 auto } .block-car-builder .block-configuration-auto { margin-bottom: 0; padding: 0 } .block-car-builder .block-configuration-auto .title-configuration-auto { font-size: 30px; text-transform: uppercase; margin-bottom: 20px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item { display: flex; float: none; margin-right: -7px } .block-car-builder .butt-action-pack { position: absolute; bottom: 0; left: 0; right: 0 } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item, .block-configuration-auto .configuration-auto-item2 { border: 1px solid #d3d7da; border-radius: 7px; padding: 10px 20px 105px !important; margin-bottom: 15px } .block-configuration-auto .configuration-auto-item2 { padding-bottom: 0 !important } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item:hover, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item:hover, .block-configuration-auto .configuration-auto-item2:hover, .block-configuration-auto .configuration-auto-item2.active { cursor: pointer; border: 1px solid #333 !important } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .check-pack-img { color: #cacaca } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .title-pack, .block-configuration-auto .configuration-auto-item2 .title-pack { text-transform: uppercase; font-size: 20px; margin-bottom: 15px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .describe-pack { font-size: 16px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .butt-action-pack .btn-default { height: 45px; text-transform: uppercase; color: #333; font-size: 18px; background: #fff; border: 1px solid #333; box-shadow: none; min-width: 170px; border-radius: 7px; margin-bottom: 20px; margin-right: 10px; margin-left: 10px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .butt-action-pack .btn-default:hover { background: #333; color: #fff } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .price-pack-option { font-size: 40px; line-height: 1; position: absolute; bottom: 50px; left: 0; right: 0 } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item.active-choose-pack .check-pack-img, .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item.active-choose-pack .title-pack, .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item.active-choose-pack .price-pack-option { color: #333 } .block-car-builder .packages-step, .block-car-builder .options-step { position: relative; min-height: 500px } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .customNavigation a, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .customNavigation a { position: absolute; top: 40%; font-size: 40px; cursor: pointer; color: #d3d7da; opacity: .8 } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .customNavigation a:hover, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .customNavigation a:hover { opacity: 1 } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .customNavigation .prev, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .customNavigation .prev { left: 0 } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .customNavigation .next, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .customNavigation .next { right: -10px } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .owl-carousel, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .owl-carousel { padding: 0 11px } .block-car-builder .summary-step { padding: 0 } .block-car-builder .summary-step .left-side { padding: 0 15px } .block-car-builder .summary-step .left-side .img-car-summary { margin-bottom: 25px } .block-car-builder .summary-step .left-side .img-car-summary img { width: inherit; max-width: 100%; max-height: 320px } .block-car-builder .summary-step .left-side .description-car-summary { padding: 0 20px } .block-car-builder .summary-step .left-side .description-car-summary .title-car { font-size: 30px; text-transform: uppercase; margin-bottom: 25px } .block-car-builder .summary-step .right-side .content-summary-block { margin-bottom: 35px; color: #252525; padding: 0 } .block-car-builder .summary-step .right-side .content-summary-block .title-sum { font-size: 24px; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #d3d7da; line-height: 1 } .block-car-builder .summary-step .right-side .content-summary-block .content-sum { padding: 5px 0 15px; border-bottom: 1px solid #d3d7da } .block-car-builder .summary-step .right-side .content-summary-block .content-sum .item { margin-top: 10px; padding: 0 } .block-car-builder .summary-step .right-side .content-summary-block .content-sum .price-content { font-size: 18px } .block-car-builder .summary-slider { margin-top: 20px } .block-car-builder .block-engine { padding: 0 } .block-car-builder .your-features { padding: 0; color: #252525; line-height: 1; margin-top: 30px; margin-bottom: 90px } .block-car-builder .your-features .title-block { text-transform: uppercase; font-size: 30px; margin-bottom: 30px } .block-car-builder .your-features .text-block { font-size: 16px; margin-bottom: 45px } .block-car-builder .your-features .block-engine .img-engine img { width: 100% } .block-car-builder .your-features .block-engine .power-engine { font-size: 64px; text-transform: uppercase; padding: 0; margin-bottom: 10px } .block-car-builder .your-features .block-engine .center-block { padding: 0; margin-bottom: 50px } .block-car-builder .your-features .block-engine .text-about-engine { padding: 0 } .block-car-builder .your-features .block-engine .item-color { display: inline-block; width: 80px; height: 80px; border-radius: 4px; margin: 0 5px 10px } .block-car-builder .your-features .block-engine .item-color .color { height: 100% } .block-car-builder .your-features .block-engine .type-transmission { padding: 0 } .block-car-builder .your-features .block-engine .type-transmission img { max-width: 110px; max-height: 80px; float: left; margin-right: 10px } .block-car-builder .your-features .block-engine .mpg { padding: 0 } .block-car-builder .your-features .block-engine .mpg span { font-size: 64px; float: left } .block-car-builder .your-features .block-engine .mpg .text { line-height: 3; font-size: 21px; margin-left: 10px } .block-car-builder .footer-car-builder { margin-bottom: 0; text-transform: uppercase; border-radius: 6px } .block-car-builder .footer-car-builder-no-bottom { margin-bottom: 0 } .block-car-builder .footer-car-builder .content-footer-car-builder { padding: 15px 20px; border: 1px solid #d3d7da; background: #f8f8f8 } .block-car-builder .footer-car-builder .footer-car-builder-price .title-price { font-size: 14px } .block-car-builder .footer-car-builder .footer-car-builder-price .price { font-size: 30px; color: #333; padding-right: 15px; position: relative } .block-car-builder .footer-car-builder-price .price .tooltip-msrp { color: #333; font-size: 18px; cursor: pointer; position: absolute; top: 0 } .block-car-builder .footer-car-builder-price .price .popover { width: 400px; color: #333 } .block-car-builder .footer-car-builder .footer-car-builder-price .v-price-details { font-size: 12px; color: #333 } .block-car-builder .footer-car-builder .car-builder-number-doors { font-size: 28px } .block-car-builder .footer-car-builder .button-prev-next-step { margin-bottom: 5px } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default { background: 0; border: 1px solid #333; text-transform: uppercase; font-size: 18px; width: 150px; height: 60px; box-shadow: none; color: #333 } .block-car-builder .footer-car-builder .button-prev-next-step .get-car-button { width: 183px } .block-car-builder .footer-car-builder .fix-text-height { line-height: 2.5 } .block-car-builder .footer-car-builder .content-footer-car-builder .footer-car-builder-price { padding-right: 10px } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default:hover, .block-car-builder .footer-car-builder .button-prev-next-step .btn-default.active { background: #333; color: #fff } .packeges-item.configuration-auto-item .remove { display: none } .packeges-item.configuration-auto-item .add { display: inline-block } .active-choose-pack.packeges-item.configuration-auto-item .remove { display: inline-block } .active-choose-pack.packeges-item.configuration-auto-item .add { display: none } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary.active .check-auto, .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary:hover .check-auto { text-shadow: 1px 0 4px rgba(0, 0, 0, 0.41) } .block-car-builder .block-set-color .block-choose-color .help { margin: 5px auto 0; font-size: 14px; position: absolute; left: 0; right: 0 } @media(max-width:1300px) { .block-car-builder .title-car-builder { font-size: 24px; line-height: 1em } } @media(max-width:1199px) { .block-car-builder .button-steps .btn-default { font-size: 18px } .block-car-builder .your-features .block-engine .type-transmission { margin-bottom: 20px } } @media(max-width:991px) { .block-car-builder .button-steps .btn-default { font-size: 12px; margin-right: 0 } .block-car-builder .button-steps .btn-default .number-step { padding: 3px 7px } .block-car-builder .slider-car-builder .carousel-inner > .item > img { max-height: 330px } .block-car-builder .footer-car-builder { padding: 0 } .block-car-builder .footer-car-builder .content-footer-car-builder { border: 0; background: 0; padding: 0; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .block-car-builder .footer-car-builder .content-footer-car-builder .footer-car-builder-price { padding: 12px 0; background: #fff; border-top: 1px solid #d3d7da; border-bottom: 1px solid #d3d7da; text-align: center } .block-car-builder .footer-car-builder .content-footer-car-builder .car-builder-number-doors { text-align: center; background: #f8f8f8; border-top: 1px solid #d3d7da; line-height: inherit; padding: 12px 0; font-size: 22px } .block-car-builder .footer-car-builder .footer-car-builder-price .title-price { padding: 0 } .block-car-builder .footer-car-builder .footer-car-builder-price .price { padding: 0; font-size: 28px } .block-car-builder .footer-car-builder .button-prev-next-step { margin-top: 20px; text-align: center; float: none !important; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } } @media(max-width:767px) { .block-car-builder { margin-top: 20px; padding: 0 } .block-car-builder .change-model { float: none !important; text-align: center; margin-bottom: 15px } .block-car-builder .change-model a { line-height: 1 } .block-car-builder .title-car-builder { font-size: 22px } .block-car-builder .button-steps { margin-top: 10px } .block-car-builder .button-steps .owl-carousel { z-index: inherit } .block-car-builder .button-steps hr { display: none } .block-car-builder .button-steps .btn-default { width: auto; padding: 0 20px; font-size: 20px } .block-car-builder .button-steps .customNavigation { display: none } .block-car-builder .button-steps .customNavigation a { position: absolute; top: 10%; font-size: 30px; color: rgba(211, 215, 218, 0.8) } .block-car-builder .button-steps .btn-default .number-step { padding: 0 7px } .block-car-builder .button-steps .customNavigation .next { right: 0 } .block-car-builder .button-steps .customNavigation .prev { left: 0 } .block-car-builder .slider-car-builder { margin-bottom: 0 } .block-car-builder .slider-car-builder .carousel-inner > .item { min-height: 250px } .block-car-builder .slider-car-builder .carousel-inner > .item > img { max-height: 320px } .block-car-builder .slider-car-builder .carousel-control { display: none } .block-car-builder .block-set-color .title-set-color { font-size: 22px; margin-bottom: 12px } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary { height: 50px; width: 50px; font-size: 20px } .block-car-builder .block-set-color .block-choose-color .customNavigation .next, .block-car-builder .block-set-color .block-choose-color .customNavigation .prev { font-size: 20px; top: 20% } .block-car-builder .block-choose-transmission .or { position: relative } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission { padding: 15px } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .discription-transmission .title-decr-transmission { font-size: 16px } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .discription-transmission .text-decr-transmission { font-size: 12px } .block-car-builder .block-choose-transmission .kind-transmission .choose-transmission .img-transmission { margin-bottom: 15px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .title-pack { font-size: 16px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .describe-pack { font-size: 12px } .block-car-builder .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .price-pack-option { font-size: 48px } .block-car-builder .packages-step .block-configuration-auto .items-configuration-auto .owl-carousel, .block-car-builder .options-step .block-configuration-auto .items-configuration-auto .owl-carousel { padding: 0 5px } .block-car-builder .summary-step .left-side .description-car-summary { padding: 0; margin-bottom: 30px } .block-car-builder .your-features .block-engine .center-block { margin-bottom: 25px } .block-car-builder .your-features .block-engine .item-color { margin-top: 25px } .block-car-builder .your-features .block-engine .mpg span { font-size: 30px } .block-car-builder .your-features .block-engine .mpg .text { line-height: 2; font-size: 14px } .block-car-builder .your-features .block-engine .img-engine img { margin-bottom: 30px } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default { margin-bottom: 5px } } .stepwrap { height: 531px } @media(max-height:900px) { .block-car-builder { margin-top: 20px; line-height: 1 } .block-car-builder .button-steps { margin-top: 20px; margin-bottom: 20px } .page-slider .owl-theme .owl-item img { /*max-height: 220px*/ } .page-slider .slidero .owl-item img { /*max-height: 480px*/ } .block-car-builder .packages-step, .block-car-builder .options-step { /*min-height: 320px*/ } .block-car-builder .block-set-color .title-set-color { margin-bottom: 10px; font-size: 24px } .block-car-builder .block-set-color .block-choose-color .color-item .btn-primary { height: 60px; width: 60px; font-size: 32px; padding: 5px } .block-car-builder .block-set-color { margin-bottom: 10px } .block-car-builder .footer-car-builder .car-builder-number-doors { line-height: 1.5 } .block-car-builder .button-steps .btn-default { height: 40px } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default { height: 45px; position: relative } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default img { width: 30px; position: absolute; top: -50px; left: 0; right: 0; -webkit-animation: bounce 2000ms ease infinite; -moz-animation: bounce 2000ms ease infinite; -o-animation: bounce 2000ms ease infinite; animation: bounce 2000ms ease infinite; -webkit-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); -moz-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); -ms-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); margin: 0 auto } .block-car-builder .title-car-builder { font-size: 24px } .block-car-builder .summary-step .left-side .img-car-summary img { max-height: 220px } .block-car-builder .summary-step .right-side .content-summary-block .title-sum { font-size: 22px } .block-car-builder .summary-step .left-side .description-car-summary .title-car { margin-bottom: 10px; font-size: 24px } .stepwrap { height: 417px } } @-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) } } #summary-packages-slider .configuration-auto-item { padding: 10px 20px !important } .ng-hide-add, .ng-hide-remove { transition: 0s linear all } .block-car-builder .stepwrap { margin-bottom: 20px } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default { height: 45px; position: relative } .block-car-builder .footer-car-builder .button-prev-next-step .btn-default img { width: 30px; position: absolute; top: -50px; left: 0; right: 0; -webkit-animation: bounce 2000ms ease infinite; -moz-animation: bounce 2000ms ease infinite; -o-animation: bounce 2000ms ease infinite; animation: bounce 2000ms ease infinite; -webkit-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); -moz-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); -ms-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); animation-timing-function: cubic-bezier(.14, .75, .2, 1.01); margin: 0 auto } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0 } @media(min-width:1520px) { .packandoptions-block { margin-top: 0 } } @media(min-height:900px) { .page-slider .owl-theme .owl-item img { /*max-height: 400px*/ margin-top: -20px; } .stepwrap { height: 600px } .packandoptions-block { margin-top: 50px } } .royalSlider { position: relative; direction: ltr } .royalSlider > * { float: left } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0) } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin-bottom: 20px } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0 } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .rsArrow, .rsThumbsArrow { cursor: pointer } .rsThumb { float: left; position: relative } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .3s, opacity .3s linear; -moz-transition: visibility 0s linear .3s, opacity .3s linear; -o-transition: visibility 0s linear .3s, opacity .3s linear; transition: visibility 0s linear .3s, opacity .3s linear } .rsGCaption { width: 100%; float: left; text-align: center } .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100% } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto } .rsContent { width: 100%; height: 100%; position: relative } .rsPreloader { position: absolute; z-index: 0 } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25) } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22 } .rsTabs { float: left; background: none !important } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s } .rsVideoFrameHolder.rsVideoActive { opacity: 1 } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100% } .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; width: 100%; height: 100% } img.rsImg { max-width: 100%; width: auto !important; height: auto !important; margin-left: 0 !important; text-align: center } .grab-cursor { cursor: url(../../b681cc01/includes/royalslider/grab.png) 8 8, move } .grabbing-cursor { cursor: url(../../b681cc01/includes/royalslider/grabbing.png) 8 8, move } .rsNoDrag { cursor: auto } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(../../b681cc01/includes/royalslider/blank.gif) } .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: #fff; color: #FFF } .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21 } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0 } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0 } .rsDefault.rsHor .rsArrowLeft { left: -6px; top: 0 } .rsDefault.rsHor .rsArrowRight { right: -6px; top: 0 } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('../../b681cc01/includes/royalslider/rs-defau.png'); background-color: #333; background-color: rgba(255, 255, 255, 0.75); *background-color: #333; border-radius: 2px } .rsDefault .rsArrowIcn:hover { background-color: rgba(255, 255, 255, 0.75) } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none } .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #333; background: rgba(0, 0, 0, 0.75); text-align: center; line-height: 8px; overflow: hidden } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display: inline; *zoom: 1; padding: 6px 5px 6px } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255, 255, 255, 0.5) } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF } .rsDefault .rsThumbsHor { width: 100%; height: 72px } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0 } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100% } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100% } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px } .rsDefault .rsThumb img { width: 100%; height: 100% } .rsDefault .rsThumb.rsNavSelected img { opacity: .3; filter: alpha(opacity=30) } .rsDefault .rsTmb { display: block } .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px } .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #333; background: rgba(163, 163, 163, 0.75) } .rsDefault .rsThumbsArrow:hover { background: rgba(163, 163, 163, 0.75) } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0 } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0 } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0 } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: -1px; top: 0 } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('../../b681cc01/includes/royalslider/rs-defau.png') } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px } .rsDefault .rsThumbsArrowDisabled { display: none !important } @media screen and (min-width:0) and (max-width:800px) { .rsDefault .rsThumb { width: 59px; height: 44px } .rsDefault .rsThumbsHor { height: 44px } .rsDefault .rsThumbsVer { width: 59px } } .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #d9d9dd; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display: inline; *zoom: 1 } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf } .rsDefault .rsTab:active { border: 1px solid #d9d9dd; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #acacac; background-image: -webkit-linear-gradient(top, #acacac, #BBB); background-image: -moz-llinear-gradient(top, #acacac, #BBB); background-image: linear-gradient(to bottom, #acacac, #BBB) } .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('../../b681cc01/includes/royalslider/rs-defau.png') 0 0; background-color: #333; background-color: rgba(0, 0, 0, 0.75); *background-color: #333; border-radius: 2px } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0, 0, 0, 0.9) } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0 } .rsDefault .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; cursor: pointer } .rsDefault .rsPlayBtnIcon { width: 64px; display: block; height: 64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background: url(../../b681cc01/includes/royalslider/rs-defau.png) no-repeat 0 -32px; background-color: #333; background-color: rgba(0, 0, 0, 0.75); *background-color: #333 } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0, 0, 0, 0.9) } .rsDefault .rsBtnCenterer { position: absolute; left: 50%; top: 50% } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('../../b681cc01/includes/royalslider/rs-defau.png') -64px 0; background-color: #333; background-color: rgba(0, 0, 0, 0.75); *background-color: #333 } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, 0.9) } .rsDefault .rsPreloader { width: 20px; height: 20px; background-image: url(../../b681cc01/includes/royalslider/preloade.gif); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px } .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: #333; background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px } .floatl { position: relative } .floatl--focused .floatl__label { color: #2a8dea } .floatl--active .floatl__label { opacity: 1; visibility: visible; top: 1px } .floatl--active .floatl__input { padding: 17px 8px 5px 8px } .floatl--active.floatl--multiline .floatl__label { background-color: white; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.95) 80%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.95) 80%, rgba(255, 255, 255, 0) 100%) } .floatl__label { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; visibility: hidden; opacity: 0; position: absolute; display: inline-block; top: 9px; left: 6px; padding: 5px 3px 3px 3px; font-size: 10px; line-height: 1em; font-weight: bold; color: #666 } .floatl__input { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; margin-top: 0; margin-left: 0; padding: 11px 8px; font-size: 15px; border: 1px solid #e6e6e6; border-radius: 3px } .floatl__input::-moz-selection { color: white; background-color: #2a8dea } .floatl__input::selection { color: white; background-color: #2a8dea } .floatl__input:focus { border-color: #2a8dea } input.floatl__input { height: 42px } .partner_landing { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-family: "Open Sans", sans-serif; letter-spacing: .25px; line-height: 2 } .partner_landing *:focus { outline: none !important; outline-offset: 0 !important } .partner_landing .inline-block { display: inline-block; margin-right: 10px; vertical-align: middle } .partner_landing header { display: table; position: relative; width: 100%; height: 100%; min-height: 100vh; background: url('/images/partner-landing/bg-img.jpg') no-repeat center top scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover } .partner_landing .header .navbar { background: transparent; position: absolute; right: 0; left: 0; z-index: 1030; border-radius: inherit; padding-top: 10px } .partner_landing .header .navbar .navbar-brand { color: #fff; font-size: 16px; padding: 10px } .partner_landing .header .navbar .nav > li { display: inline-block; float: inherit } .partner_landing .header .navbar .navbar-nav { float: inherit } .partner_landing .header .navbar .navbar-collapse { padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .partner_landing .header .navbar .nav > li > a { color: #f4f5f7; font-size: 13px } .partner_landing .header .navbar .nav > li > a:focus, .partner_landing .header .navbar .nav > li > a:hover { background: 0; color: #02a7e4 } .partner_landing .header .navbar .nav .btn-authorize { margin-left: 10px } .partner_landing .header .navbar .nav .btn-authorize > a { height: 45px; border: 1px solid white; border-radius: 3px; padding: 10px; text-transform: uppercase; letter-spacing: 1px } .partner_landing .header .navbar .nav .btn-authorize > a:hover { background-color: #02a7e4; border-color: #02a7e4; color: #fff } .partner_landing .btn:hover { opacity: .8 } .partner_landing .header .navbar.active { background-color: white; box-shadow: 0 2px 5px rgba(24, 24, 25, 0.15); position: fixed; right: 0; left: 0 } .partner_landing .header .navbar.active.header-test { position: relative; margin-bottom: 0 } .partner_landing .header .navbar.active .navbar-collapse { border: 0; padding-right: 0 } .partner_landing .header .navbar.active .navbar-brand { color: #02a7e4 } .partner_landing .header .navbar.active .nav > li > a { color: #7d97ad } .partner_landing .header .navbar.active .nav > li > a:hover { color: #02a7e4 } .partner_landing .header .navbar.active .nav .btn-authorize > a { color: #02a7e4; border-color: #02a7e4 } .partner_landing .header .navbar.active .nav .btn-authorize > a:hover { color: #fff; opacity: .8 } .partner_landing .header .navbar .nav .btn-authorize > a.sign-active { background-color: #02a7e4; border-color: #02a7e4; color: #fff } .partner_landing .header .navbar .nav .btn-authorize > a.sign-active:hover { opacity: .8 } .partner_landing .full-screen { display: table; width: 100%; height: 100% } .partner_landing .full-screen .content { position: absolute; margin: -50px auto 0 auto; left: 0; right: 0; color: #fff; font-weight: 300; line-height: 1; top: 50% } .partner_landing .full-screen .title { margin-bottom: 25px } .partner_landing .full-screen .title .secondary-text { line-height: 1.5 } .partner_landing .full-screen .main-text { font-size: 35px; margin-bottom: 30px } .partner_landing .full-screen .secondary-text { font-size: 20px } .partner_landing .btn-cv { height: 45px; background-color: #02a7e4; border-radius: 3px; padding: 13px 34px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; letter-spacing: 1px } .partner_landing .btn-cv:hover, .partner_landing .btn-cv:focus { opacity: .8; color: #fff } .partner_landing .btn-cv-red { height: 30px; background-color: #bc4b4b; border-radius: 3px; padding: 0 34px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; letter-spacing: 1px } .partner_landing .btn-cv-red:hover, .partner_landing .btn-cv-red:focus { color: #fff } .partner_landing .btn-cv-green { height: 30px; background-color: #4bbc73; border-radius: 3px; padding: 0 34px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; letter-spacing: 1px } .partner_landing .btn-cv-green:hover, .partner_landing .btn-cv-green:focus { color: #fff } .partner_landing .btn-cv.edit { padding: 13px 38px } .partner_landing .inline-block-personal-page { display: inline-block; float: none; vertical-align: middle } .partner_landing .grey-block { background-color: #f4f5f7 } .partner_landing .help-block { padding: 48px 0 36px; margin: inherit } .partner_landing .help-block .item { margin-bottom: 10px; color: #7d97ad } .partner_landing .help-block .img-block { height: 30px } .partner_landing .help-block .title-block { color: #495966; font-size: 18px; font-weight: 400; margin-bottom: 25px; margin-top: 30px } .partner_landing .help-block img { zoom: 30% } .partner_landing .flex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .partner_landing .flex-row.row > [class*="col-"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .partner_landing .flex-row .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .partner_landing .main-block { font-weight: 300 } .partner_landing .main-block .item { padding-top: 70px; padding-bottom: 45px } .partner_landing .main-block .item .begin-text { margin-bottom: 40px } .partner_landing .main-block .item .item-text { position: relative; margin-bottom: 20px } .partner_landing .main-block .item .item-text .check { font-size: 24px; color: #02a7e4; position: absolute; left: 0; top: 0; line-height: 1 } .partner_landing .main-block .item .item-text .check-text { margin-left: 30px; font-size: 18px; display: inline-block; font-weight: 300; padding-top: 3px } .partner_landing .main-block .item .item-text .check-text b { font-weight: 400 } .partner_landing .main-block .item .content-block { color: #495966 } .partner_landing .main-block .item .title-block { font-size: 24px } .partner_landing .main-block .item .title-block > hr { max-width: 65px; margin: 20px 0; border: 1px solid #02a7e4 } .partner_landing .main-block .img-block img { max-width: 100% } .partner_landing .title-custom { margin-bottom: 45px; color: #7d97ad; font-size: 18px; font-weight: 300; line-height: 1 } .partner_landing .title-custom .first-text { color: #495966; font-size: 32px; margin-bottom: 30px } .partner_landing .title-custom .secondary-text { line-height: 1.5 } .partner_landing .get-started { padding: 60px 0 } .partner_landing .breadcrums-block { border-bottom: 1px solid #e4e2e0 } .partner_landing .breadcrums-block .breadcrumb { padding: 30px 0; background: 0; font-size: 13px; margin-bottom: 0 } .partner_landing .breadcrums-block .breadcrumb > li > a { color: #02a7e4; text-decoration: none } .partner_landing .breadcrums-block .breadcrumb > .active { color: #495966 } .partner_landing .breadcrumb > li + li:before { content: ">"; padding: 0 10px; color: #495966 } .partner_landing .contact-form { padding: 15px 0 100px 0 } .partner_landing .form-submit { width: 100% } .partner_landing .login_form { width: 39%; margin: 0 auto } .partner_landing .login_form p { color: #495966; font-size: 16px; font-weight: 300; margin: 0 0 29px; position: relative } .partner_landing .login_form p input { border: 1px solid #e7e6e5; border-radius: 2px 3px 3px 2px; color: #495966; height: 60px; font-weight: 300; font-size: 16px; padding: 0 10px 0 5px !important; width: 100%; transition: .5s; background-position: -20px 18px; background-size: 20px 22px } .partner_landing .login_form p input:focus, .partner_landing .floatl--active p input { padding-left: 40px !important; transition: .5s } .partner_landing .input-user:focus, .partner_landing .floatl--active .input-user { background: #fff url("/images/partner-landing/icon-username.png") no-repeat; background-size: 20px 20px; background-position: 11px 18px } .partner_landing .input-email:focus, .partner_landing .floatl--active .input-email { background: #fff url("/images/partner-landing/icon-email.png") no-repeat; background-size: 20px 20px; background-position: 11px 18px } .partner_landing .input-phone:focus, .partner_landing .floatl--active .input-phone { background: #fff url("/images/partner-landing/icon-phone.png") no-repeat; background-size: 20px 20px; background-position: 11px 18px } .partner_landing .input-dealership:focus, .partner_landing .floatl--active .input-dealership { background: #fff url("/images/partner-landing/icon-dealership.png") no-repeat; background-size: 20px 20px; background-position: 11px 18px } .partner_landing .focus-label { padding-left: 35px } .partner_landing .login-text p { padding: 29px 0 0 } .partner_landing .login-signed-in { margin-bottom: 29px } .partner_landing .login-signed-in label { color: #7d97ad; padding: 0; margin: 0; font-size: 14px; font-weight: 400 } .partner_landing .red input::-webkit-input-placeholder { color: #bc4b4b } .partner_landing .red input::-moz-placeholder { color: #bc4b4b } .partner_landing .red input:-moz-placeholder { color: #bc4b4b } .partner_landing .red input:-ms-input-placeholder { color: #bc4b4b } .partner_landing .footer { background-color: #0b1925; padding: 30px 0; color: #6c6c6c; width: 100% } .partner_landing .footer .top-footer { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px } .partner_landing .footer .logo a { font-size: 16px; color: #fff } .partner_landing .footer .social-link > ul > li > a { font-size: 20px; color: #6c6c6c; padding: 0 10px } .partner_landing .footer .social-link > ul > li:last-child { margin-right: inherit } .partner_landing .footer .social-link > ul > li > a:hover { color: #fff } .partner_landing .footer .copyright { font-size: 12px; margin-top: 0 } .partner_landing .footer .footer-nav > ul > li > a { font-size: 13px; color: #6c6c6c; text-decoration: none } .partner_landing .footer .footer-nav > ul > li > a:hover { color: #fff } .partner_landing .footer .footer-nav > ul > li:last-child { margin-right: 0 } @media(max-width:767px) { partner_landing { margin-bottom: 470px } .partner_landing .header .navbar { padding-top: 0 } .partner_landing .header .navbar-toggle { padding: 0 10px 0 10px } .partner_landing .header .navbar .navbar-toggle { color: #fff; margin-top: 0; font-size: 24px; background-color: transparent } .partner_landing .header .navbar .navbar-collapse { text-align: center; overflow: hidden } .partner_landing .header .navbar .nav > li { display: block; text-align: center; margin-left: -15px } .partner_landing .header .navbar .nav .btn-authorize { width: 70%; margin: 15px auto 0 } .partner_landing .navbar.active .navbar-toggle { color: #02a7e4 } .partner_landing .full-screen { height: auto !important } .partner_landing .full-screen .content { position: absolute; margin: -60px auto 0 auto; width: auto; top: 50% } .partner_landing .full-screen .main-text { font-size: 23px; margin-bottom: 20px } .partner_landing .full-screen .secondary-text { font-size: 18px; line-height: 1.5 } .partner_landing .footer .top-footer { border-bottom: 0; margin-bottom: 0 } .partner_landing .footer .logo { text-align: center; padding-bottom: 15px; margin: 0 auto 20px auto } .partner_landing .footer .change-pos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .partner_landing .footer .nav-block { -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .partner_landing .footer .copyright-block { text-align: center; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .partner_landing .footer .footer-nav > ul > li { display: block; text-align: center; margin: 15px 0 } .partner_landing .title-custom { line-height: 1.5 } .partner_landing .form-text p { font-size: 13px; text-align: center } .partner_landing .login_form { width: 80% } .partner_landing .social-link { text-align: center } .partner_landing .header .navbar .nav .btn-authorize > a { width: 95% } .partner_landing .navbar-header .navbar-toggle i::before { content: "\f00d" } .partner_landing .navbar-header .collapsed i::before { content: "\f0c9" } } .partner_landing .logo { width: 160px } .partner_landing .result-anchor { display: block; height: 110px; margin-top: -110px; visibility: hidden } .partner_landing .anchor { display: block; height: 50px; margin-top: -50px; visibility: hidden } .partner_landing .tab-content { min-height: 72px } .partner_landing .nav-tabs { border: 0 } .partner_landing .nav.navbar-nav .dropdown { margin-left: 15px } .partner_landing pre { border: 0; background-color: #fff; color: #495966; font-weight: 300; line-height: 2.4; margin-bottom: 40px; font-family: "Open Sans", sans-serif; letter-spacing: .25px; font-size: 14px } .partner_landing .modal-header { padding: 0 } .partner_landing .modal-header .close { top: 0; right: 10px; background: 0; width: auto; font-size: 22px; color: #333 !important; opacity: 1 } .partner_landing .modal-dialog { max-width: 400px } .partner_landing .modal-body { padding: 20px 40px 40px 40px } .partner_landing .modal-body .h2 { display: block; font-size: 20px; text-transform: uppercase; font-weight: 600; color: #333; margin-bottom: 20px; line-height: 1.5em } .partner_landing .modal-body p { text-align: justify; padding: 0 5px; line-height: 20px } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateX(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateY(0); transform: translateY(0) } 40% { -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -ms-transform: translateY(-15px); transform: translateY(-15px) } } .fullscreen-slides { position: relative; overflow: hidden } .fullscreen-slides .content-slider-landing-page { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2 } .fullscreen-slides .content-slider-landing-page .footer-slider-container { position: absolute; left: 0; right: 0; top: 50%; margin-top: -150px } .fullscreen-slides .content-slider-landing-page .title-slider, .fullscreen-slides .content-slider-landing-page .title-slider h1 { position: absolute; font-size: 30px; color: #fff; top: 50%; left: 0; right: 0; text-transform: uppercase; margin-top: -50px; margin-bottom: 50px } .fullscreen-slides .content-slider-landing-page .title-slider span { display: block; font-size: 40px } .fullscreen-slides .content-slider-landing-page .title-slider span.subtitle { font-size: 30px } .fullscreen-slides .content-slider-landing-page .title-slider.footer { position: relative } .fullscreen-slides .content-slider-landing-page .title-slider.footer.b-and-r { margin-bottom: 30px } .fullscreen-slides .content-slider-landing-page .logo-certified { margin-top: 5%; margin-bottom: 25px } .fullscreen-slides .content-slider-landing-page .slider-text { font-size: 32px; color: #fff; text-transform: uppercase } .fullscreen-slides .content-slider-landing-page .slider-text span { font-size: 40px } .fullscreen-slides .content-slider-landing-page .btn-slider { margin-top: 25px } .fullscreen-slides .content-slider-landing-page .btn-slider button { background: transparent; border: 1px solid #fff; font-size: 18px; width: 360px; height: 60px; text-transform: uppercase; border-radius: 8px; color: #fff } .fullscreen-slides .content-slider-landing-page .btn-slider button:hover { background: #333; border-color: #333 } .fullscreen-slides .arrow_down { position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; width: 100px; height: 100px; display: table; z-index: 3 } .fullscreen-slides .arrow_down a { display: table-cell; vertical-align: middle } .bounce-arrow { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite } .information-landing-page .information-block { padding-bottom: 100px } .information-landing-page .information-block .title-information-block, .information-landing-page .information-block .title-information-block h2 { line-height: 1; font-size: 46px; color: #333; margin: 40px 0 45px 0; text-transform: uppercase } .information-landing-page .content-information-block { margin-bottom: 50px } .information-landing-page .information-block .btn-lease { height: 60px; background: #333; color: #fff } .information-landing-page .content-information-block .title-information-item { margin-bottom: 20px } .information-landing-page .content-information-block .title-information-item .logo-block { min-height: 65px; margin-bottom: 20px } .information-landing-page .content-information-block .title-information-item .logo-block img { max-height: 65px } .information-landing-page .content-information-block .title-information-item .title-block { font-size: 22px; text-transform: uppercase } .information-landing-page.hw .information-block .text-block { display: table } .information-landing-page.hw .information-block .content-information-item { display: table-cell; vertical-align: middle } .information-landing-page.hw .information-block .img-block img { width: 100%; border-radius: 6px } .fullscreen-slides .content-slider-landing-page .info-block { color: #fff } .fullscreen-slides .content-slider-landing-page .info-block .text-info-block { margin-bottom: 25px } .fullscreen-slides .content-slider-landing-page .info-block .btn-lease { font-size: 18px; background: transparent; border: 1px solid #fff; box-shadow: none; width: 220px; height: 60px; color: #fff; margin: 0 auto } .fullscreen-slides .content-slider-landing-page .info-block .btn-lease:hover { background: #333; border-color: #333 } .fullscreen-slides .content-slider-landing-page .info-block .button-info-block.b-and-r { margin-bottom: 30px } .fullscreen-slides .content-slider-landing-page .info-block .text-info-block.b-and-r { font-size: 22px; text-transform: uppercase } @media(max-width:991px) { .information-landing-page.hw .information-block .text-block { height: auto !important; display: block } .information-landing-page.hw .information-block .content-information-item { display: block; vertical-align: inherit } .fullscreen-slides .content-slider-landing-page .title-slider.footer { margin-bottom: 15px } .fullscreen-slides .content-slider-landing-page .title-slider.footer span { font-size: 24px } } @media(max-width:767px) { .information-landing-page .information-block .title-information-block, .information-landing-page .information-block .title-information-block h2 { font-size: 26px } .information-landing-page .information-block .btn-lease { font-size: 14px } .information-landing-page .information-block { padding-bottom: 20px } .fullscreen-slides .content-slider-landing-page .footer-slider-container { margin-top: -40px } .fullscreen-slides .content-slider-landing-page .title-slider span { font-size: 30px } .fullscreen-slides .content-slider-landing-page .title-slider span.subtitle { font-size: 22px } .fullscreen-slides .content-slider-landing-page .title-slider.footer { margin-bottom: 5px } .fullscreen-slides .content-slider-landing-page .title-slider.footer span { font-size: 30px } .fullscreen-slides .content-slider-landing-page .info-block .text-info-block { display: none } .fullscreen-slides .content-slider-landing-page .info-block .btn-lease { font-size: 10px; width: auto; height: auto } .fullscreen-slides .arrow_down { height: 50px } .fullscreen-slides .content-slider-landing-page .title-slider.footer.b-and-r { margin-bottom: 5px } .fullscreen-slides .content-slider-landing-page .info-block .button-info-block.b-and-r { margin-bottom: 5px } .fullscreen-slides .content-slider-landing-page .info-block .text-info-block.b-and-r { font-size: 12px; display: block } } @media(max-width:599px) { .container-landing-page { position: absolute; margin-top: -206px; top: 50% } .fullscreen-slides .content-slider-landing-page .logo-certified { margin-bottom: 0 } .fullscreen-slides .content-slider-landing-page .logo-certified img { max-height: 80px } .fullscreen-slides .content-slider-landing-page .slider-text { font-size: 16px } .fullscreen-slides .content-slider-landing-page .slider-text span { font-size: 26px } .fullscreen-slides .content-slider-landing-page .btn-slider { margin-bottom: 10px; margin-top: 5px } .fullscreen-slides .content-slider-landing-page .btn-slider button { font-size: 12px; width: 260px; height: 40px } } @media(max-height:400px) { .container-landing-page { position: absolute; margin-top: -150px; top: 50% } .fullscreen-slides .content-slider-landing-page .logo-certified { margin-bottom: 0 } .fullscreen-slides .content-slider-landing-page .logo-certified img { max-height: 80px } .fullscreen-slides .content-slider-landing-page .slider-text { font-size: 20px } .fullscreen-slides .content-slider-landing-page .slider-text span { font-size: 26px } .fullscreen-slides .content-slider-landing-page .btn-slider { margin-bottom: 10px; margin-top: 5px !important } .fullscreen-slides .content-slider-landing-page .btn-slider button { font-size: 12px; width: 260px } } .details { background-color: #fff; position: relative; z-index: 1 } .details .wrap { background-repeat: no-repeat; background-size: 100% auto; overflow: hidden; padding: 0 20px 0 } .details-holder { max-width: 1060px; margin: 0 auto } .details .text-block { text-align: center; max-width: 864px; margin: 0 auto 54px } .details h2 { font-size: 42px; line-height: 60px; margin: 0 0 23px } .details p { margin: 0 } .details-frame { padding: 36px 0 0; position: relative } .details .visual { display: block; vertical-align: top; position: relative; margin: 0 auto; -webkit-transition: all .4s ease; transition: all .4s ease } .details.visible .visual { -webkit-transform: translateX(552px); transform: translateX(552px) } .details-list { margin: 0 0 0 -83px; padding: 0; list-style: none; position: absolute; left: 50%; top: 0; z-index: 2 } .details-list li { margin: 0 0 24px; opacity: 0; -webkit-transition: opacity .6s ease; transition: opacity .6s ease } .details-list .ico { display: block; width: 100px; height: 100px; background-repeat: no-repeat } .details-list li:nth-child(1) { -webkit-transition-delay: .3s; transition-delay: .3s } .details-list li:nth-child(2) { -webkit-transition-delay: .6s; transition-delay: .6s } .details-list li:nth-child(3) { -webkit-transition-delay: .9s; transition-delay: .9s } .details-list li:nth-child(4) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .details-list li:nth-child(5) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .visible .details-list li { opacity: 1 } .details-list .accounts .ico { background-position: 0 0 } .details-list .accounts.hover .ico { background-position: -90px 0 } .details-list .device-policy .ico { background-position: 0 -90px } .details-list .device-policy.hover .ico { background-position: -90px -90px } .details-list .application-policy .ico { background-position: 0 -180px } .details-list .application-policy.hover .ico { background-position: -90px -180px } .details-list .os-policy .ico { background-position: 0 -270px } .details-list .os-policy.hover .ico { background-position: -90px -270px } .details-list .software-policy .ico { background-position: 0 -360px } .details-list .software-policy.hover .ico { background-position: -90px -360px } .details-list .domains .ico { background-position: 0 0 } .details-list .domains.hover .ico { background-position: -102px 0 } .details-list .services .ico { background-position: 0 -102px } .details-list .services.hover .ico { background-position: -102px -102px } .details-list .invoices .ico { background-position: 0 -204px } .details-list .invoices.hover .ico { background-position: -102px -204px } .details-list .ressele-management .ico { background-position: 0 -306px } .details-list .ressele-management.hover .ico { background-position: -102px -306px } .details-list .sub-account .ico { background-position: 0 -408px } .details-list .sub-account.hover .ico { background-position: -102px -408px } .details-list li:before { content: ''; position: absolute; left: 42px; margin: 42px 0 0; width: 246px; border-top: 1px solid #f3e239; -webkit-transform: rotate(54deg); transform: rotate(54deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-transition: opacity .8s ease; transition: opacity .8s ease; z-index: -1; display: none } .visible .details-list li:before { -webkit-transition-delay: 2s; transition-delay: 2s; opacity: 1 } .details-list .hover:before { display: block } .details-list li:nth-child(2):before { -webkit-transform: rotate(21deg); transform: rotate(21deg) } .details-list li:nth-child(3):before { width: 150px; -webkit-transform: rotate(0); transform: rotate(0) } .details-list li:nth-child(4):before { -webkit-transform: rotate(-24deg); transform: rotate(-24deg) } .details-list li:nth-child(5):before { width: 304px; -webkit-transform: rotate(-43deg); transform: rotate(-43deg) } .las .details-list li:before { border-color: #6eb4e2 } .las .details-list li:nth-child(5):before { width: 357px; -webkit-transform: rotate(-53deg); transform: rotate(-53deg) } .details-list .tooltip { text-align: justify; font-size: 16px; line-height: 20px; position: absolute; right: 115px; background: #f8f8f8; width: 450px; padding: 20px 25px; border-radius: 5px; opacity: 0; -webkit-transition: opacity .8s ease; transition: opacity .8s ease; display: none; border: 1px solid #e0e0e0 } .visible .details-list .tooltip { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; opacity: 1 } .details-list .hover .tooltip { display: block } .details-list li:last-child .tooltip { bottom: 20px } .details-list .tooltip:before { content: ''; position: absolute; left: 100%; top: 30px; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #f2f2f2 } .details-list li:last-child .tooltip:before { top: auto; bottom: 30px } .details-list .tooltip .title { font: 700 18px/22px 'Roboto', Arial, Helvetica, sans-serif; color: #424242; text-transform: uppercase; display: block; padding: 0 0 7px } .details-list .tooltip p { margin: 0 } .details-list .zoom { position: absolute; left: 119px; top: 144px; opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; z-index: -2; display: none; -webkit-animation-duration: 2s; animation-duration: 2s } .visible .details-list .zoom { -webkit-transition-delay: 2s; transition-delay: 2s; opacity: 1 } .details-list .hover .zoom { display: block } .details-list .zoom .holder { width: 268px; height: 270px; background-repeat: no-repeat; border: 10px solid #f5f5f5; border-radius: 50%; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3) } .details-list .accounts .zoom .holder { background-position: 0 0 } .details-list .device-policy .zoom .holder { background-position: -268px 0 } .details-list .application-policy .zoom .holder { background-position: -536px 0 } .details-list .os-policy .zoom .holder { background-position: -804px 0 } .details-list .software-policy .zoom .holder { background-position: -1072px 0 } .details-list .domains .zoom .holder { background-position: -720px -325px } .details-list .services .zoom .holder { background-position: -930px -275px } .details-list .invoices .zoom .holder { background-position: -786px -234px } .details-list .ressele-management .zoom .holder { background-position: -754px -205px } .details-list .sub-account .zoom .holder { background-position: -1585px -745px } @media(max-width:1135px) { .details-list { position: static; margin: 0 -32px } .details .visual { display: none !important } .details .wrap { padding: 0 } .details-list li, .details-list .zoom, .details-list .tooltip { opacity: 1; -webkit-transition: none; transition: none } .details-list li { background: none !important; width: auto; height: auto; overflow: hidden; margin: 0; border-top: 2px solid #e2e2e2; position: relative } .details-list li:first-child { border: 0 } .details-list li:nth-child(even) { background: #f2f2f2 !important } .details-list .hover:before { display: none } .details-list .zoom { position: static; display: table-cell; vertical-align: top } .details-list .hover .zoom { display: table-cell } .details-list .zoom .holder { border: 0; border-radius: 0; height: 220px; box-shadow: inset -18px 0 24px -7px rgba(0, 0, 0, 0.1) } .details-list .tooltip { font-size: 24px; line-height: 36px; position: static; overflow: hidden; background: 0; display: table-cell !important; vertical-align: middle; width: auto; padding: 10px 32px 10px 45px } .details-list .tooltip:before { display: none } .details-list .tooltip .title { font-size: 28px; line-height: 36px } .details-list .ico { position: absolute; left: 168px; top: 45px; width: 132px; height: 132px } .details-list .accounts .ico, .details-list .accounts.hover .ico { background-position: -360px 0 } .details-list .device-policy .ico, .details-list .device-policy.hover .ico { background-position: -360px -138px } .details-list .application-policy .ico, .details-list .application-policy.hover .ico { background-position: -360px -276px } .details-list .os-policy .ico, .details-list .os-policy.hover .ico { background-position: -498px 0 } .details-list .software-policy .ico, .details-list .software-policy.hover .ico { background-position: -498px -138px } .details-list .domains .ico, .details-list .domains.hover .ico { background-position: -498px -276px } .details-list .services .ico, .details-list .services.hover .ico { background-position: -636px 0 } .details-list .invoices .ico, .details-list .invoices.hover .ico { background-position: -636px -138px } .details-list .ressele-management .ico, .details-list .ressele-management.hover .ico { background-position: -636px -276px } .details-list .sub-account .ico, .details-list .sub-account.hover .ico { background-position: -774px 0 } .details .arrow { display: none } .details .buttons-holder { background: #f2f2f2 } .details .buttons-frame { padding: 65px 20px 45px } } @media(max-width:991px) { .visible .details-list .zoom { display: none } } @media(max-width:767px) { .details-list .tooltip .title { font-size: 24px } .details-list .tooltip { font-size: 18px } } .wrapper #content { position: relative; } .left-side-menu-request { padding: 0 !important } .left-side-menu-request.search .refine-search { display: none } .left-side-menu-request.search .choose-search { padding-left: 20px; margin: 20px 0 } .left-side-menu-request.search .choose-search .btn-lease { letter-spacing: -1px; font-size: 18px } .left-side-menu-request.search .your-search { padding: 10px 20px 0; margin-bottom: 25px } .left-side-menu-request.search .your-search .title { font-size: 20px; margin-bottom: 15px; text-transform: uppercase } .left-side-menu-request.search .your-search .search-result-item { background: #fff; font-size: 18px; color: #252525; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; padding: 5px 10px; box-shadow: none; float: left; margin: 0 10px 10px 0 } .left-side-menu-request.search .your-search .search-result-item .delete-item-search { cursor: pointer; margin-left: 15px } .left-side-menu-request.search .your-search .delete-refresh .btn-lease { font-size: 18px; letter-spacing: -1px } .left-side-menu-request .accordion-search-filter .panel-group .panel { border-color: #bebebe; border-bottom: 0; border-left: none; border-right: 0 } .left-side-menu-request .accordion-search-filter .panel-group .panel:last-child { border-bottom: 1px solid #bebebe } .left-side-menu-request .accordion-search-filter .panel-default > .panel-heading { background: #e5e5e5; text-transform: uppercase; padding: 0 } .left-side-menu-request .accordion-search-filter .panel-default > .panel-heading > .panel-title { font-size: 20px } .left-side-menu-request .accordion-search-filter .panel-group .panel + .panel { margin-top: 0; border-color: #bebebe } .left-side-menu-request .accordion-search-filter .panel-group .panel a { text-decoration: none; display: block; width: 100%; padding: 20px } .left-side-menu-request .accordion-search-filter .search-filter-item { padding: 0; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; list-style-type: none } .left-side-menu-request .accordion-search-filter .search-filter-item > li .checkbox { margin-top: 0 } .left-side-menu-request .accordion-search-filter .checkbox input[type="checkbox"] + span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: white; cursor: pointer; border-radius: 6px; border: 1px solid rgba(37, 37, 37, 0.4); position: absolute; left: 0; margin-left: -20px } .left-side-menu-request .accordion-search-filter .checkbox input[type="checkbox"]:checked + span { background-color: #333; border: 1px solid rgba(255, 255, 255, 0.4) } .left-side-menu-request .accordion-search-filter .body-type { padding: 0 10px; margin: 5px 0; cursor: pointer } .left-side-menu-request .accordion-search-filter .body-type .body-type-img { min-height: 58px; position: relative } .left-side-menu-request .accordion-search-filter .body-type .body-type-img img { max-width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 58px } .search-content .search-content-top { padding: 20px 40px 15px 40px; background: #f8f8f8; margin-bottom: 20px } .search-content .title-search { font-size: 36px; letter-spacing: -1px; color: #333 } .search-content .pagination-block { padding-top: 20px; list-style: none } .search-content .pagination-control { height: 20px; width: 20px; cursor: pointer; color: #fff; display: block; float: left; background: #e5e5e5; border-radius: 6px; padding: 3px 0; text-align: center; font-size: 12px } .search-content .pagination-control a { color: #fff } .search-content .pagination-control:hover { background: #333 } .search-content .number-page { color: #333; padding: 0 5px } .search-content .number-page a { color: #333 } .search-content .matches-search { padding: 0 40px } .search-content .matches-search .content-matches-search { background: #f8f8f8; padding: 25px; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px } .search-content .matches-search .dropdown a { cursor: pointer; text-decoration: none; color: #252525 } .search-content .matches-search .dropdown .dropdown-menu { right: 0; left: inherit; padding: 0 } .search-content .matches-search .dropdown .dropdown-menu > li { padding: 5px 10px; border-bottom: 1px solid #e5e5e5; cursor: pointer } .search-content .matches-search .dropdown .dropdown-menu > li:hover { background: #f8f8f8 } .search-content .matches-search .dropdown .dropdown-menu > li:last-child { border-bottom: 0 } .search-content .request-list .no-result { border-bottom: 1px solid #bebebe; padding: 30px 0; font-size: 18px } .search-content .request-list .no-result .logo-no-result { float: left; color: #c7c7c7; font-size: 25px } .search-content .request-list .no-result .logo-no-result i { line-height: .8 } .search-content .request-list .no-result .description-no-result { padding-left: 150px } .search-content .request-list .no-result .description-no-result .title { font-size: 30px; text-transform: uppercase; color: #333 } .search-content .request-list .no-result .description-no-result .text { margin-bottom: 20px } .search-content .request-list .no-result .description-no-result .form-control { width: 450px; height: 50px; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 8px } .search-content .request-list .no-result .description-no-result .btn-lease { font-size: 18px; height: 50px; width: 165px; letter-spacing: -1px; text-transform: uppercase } .left-side-menu-request .accordion-search-filter .block-set-color .item { margin: 5px 0 } .left-side-menu-request .accordion-search-filter .block-set-color .color-item .btn-primary { min-height: 42px; min-width: 42px; position: relative } .left-side-menu-request .accordion-search-filter .block-set-color .color-item .btn-primary input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .left-side-menu-request .accordion-search-filter .block-set-color .color-item .btn-primary .check-auto { display: none } .left-side-menu-request .accordion-search-filter .block-set-color .color-item .btn-primary.active .check-auto { display: inline-block; text-shadow: 0 1px 2px rgba(140, 140, 140, 0.7), -1px -1px 2px rgba(140, 140, 140, 0.7); position: absolute; top: 50%; left: 0; right: 0; margin-top: -7px } .left-side-menu-request .accordion-search-filter .table { margin-bottom: 0 } .left-side-menu-request .accordion-search-filter .table > tbody > tr > td { border-top: 0; vertical-align: middle; font-size: 18px } .left-side-menu-request .accordion-search-filter .table > tbody > tr > td > input { background: #fff; font-size: 18px; color: #252525; border: 1px solid rgba(37, 37, 37, 0.4); border-radius: 6px; padding: 5px 10px; box-shadow: none } @media(max-width:1600px) and (min-width:1200px) { .block-acc-private-office .search-content-top, .block-acc-private-office .matches-search { margin-left: 25%; width: 75% } .left-side-menu-request { width: 25% } .block-acc-private-office .right-side-block-cabinet, .block-acc-private-office .request-list:not(.profile-cars) { margin-left: 25%; width: 75% } } @media(max-width:1199px) { .left-side-menu-request.search .choose-search .btn-lease { font-size: 14px } .left-side-menu-request.search .your-search .delete-refresh .btn-lease { font-size: 14px } .left-side-menu-request.search .your-search .search-result-item { font-size: 14px } } @media(max-width:991px) { .left-side-menu-request.search .choose-search { padding-left: 10px } .left-side-menu-request.search .your-search { padding: 0 10px } .left-side-menu-request.search .choose-search .btn-lease { padding: 3px; font-size: 12px } .left-side-menu-request.search .your-search .delete-refresh .btn-lease { font-size: 12px } .search-content .request-list .no-result .description-no-result .form-control { width: 100% } } @media(max-width:767px) { .left-side-menu-request.search { position: relative; top: inherit; min-height: inherit } .left-side-menu-request.search .refine-search { display: block; margin: 15px 0 10px; padding-left: 20px } .left-side-menu-request.search .refine-search .btn-lease { font-size: 12px; width: 150px; height: 40px; letter-spacing: -1px; padding: 0 } .left-side-menu-request.search { display: block } .left-side-menu-request.search .choose-search { margin: 10px 0 } .left-side-menu-request.search .your-search .title { text-align: center } .search-content .matches-search { display: none } .accordion-search-filter { display: none } .visible-search-filter { display: block !important } .accordion-search-filter.col-xs-12.nopadding.visible-search-filter .panel-group { margin-bottom: 0 } .search-content .search-content-top { padding: 20px 15px; margin-bottom: 0 } .search-content .title-search { font-size: 18px } .search-content .pagination-block { padding-top: 0 } .block-acc-private-office.search-content .request-list .request-item .title-request .name-model-car { width: 100% } } @media(max-width:500px) { .search-content .request-list .no-result .logo-no-result i { font-size: 2em } .search-content .request-list .no-result .description-no-result { padding-left: 60px } } @media(max-width:768px) { .l-side { width: 100% !important; position: relative !important } .left-side-menu-request { width: 100% !important; position: relative !important; top: 0 !important } } #content { padding-bottom: 100px } .animation { -webkit-transition: .5s } .animation.ng-enter { opacity: 0 } .animation.ng-leave { opacity: 0 } .animation.ng-enter.ng-enter-active { opacity: 1 } .animation.ng-leave.ng-leave-active { opacity: 0 } .manimate { -webkit-transition: .5s } .manimate.ng-enter { opacity: 0 } .manimate.ng-leave { opacity: 1 } .manimate.ng-enter.ng-enter-active { opacity: 1 } .manimate.ng-leave.ng-leave-active { opacity: 0 } .pointer { cursor: pointer } .pointeroff { cursor: default } .dealerinventory { padding: 0; margin: 0 } .dealerinventory .mobile-switcher { display: none } .dealerinventory .mobile-switcher { display: none } .dealerinventory .not-correct-image { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .no-actual-color { color: #ce0024; text-transform: uppercase } .star-price-block { background: url(https://autopia.com/images/star.png); position: absolute; right: calc(50% - 250px); top: 20px; font-size: 24px; font-weight: bold; color: #333; width: 137px; height: 137px; padding-top: 48px; line-height: 23px } .star-price { font-size: 14px; font-weight: bold; color: #7d8fac } .photocar { width: 100%; margin-top: -20px } .dealerinventory .left-sidebar::-webkit-scrollbar { display: none } .dealerinventory .left-sidebar { overflow: scroll; height: 1500px; position: relative } .dealerinventory .hidden-filter { display: none } .dealerinventory .full-showed { width: 100% } .car-section { overflow: scroll; height: 1500px } .dealerinventory .menu-block { padding: 15px; border-bottom: 1px solid #edf0f5 } .dealerinventory .menu-block h2 { margin: 0; padding-bottom: 40px; font-size: 20px; text-transform: uppercase } .dealerinventory .menu-block .monthly-payment { padding-bottom: 20px } .dealerinventory .menu-block .content-block .row .select-menu { text-align: center; margin-bottom: 20px; cursor: pointer } .dealerinventory .menu-block .content-block .row .select-menu img { margin: 0 auto } .dealerinventory .menu-block .content-block .row .select-menu span { text-transform: uppercase } .dealerinventory .menu-block .content-block .row .typeimage { margin: 0 auto; width: 100px; height: 47px; background-size: 100px 94px; background-repeat: no-repeat } .dealerinventory .menu-block .content-block .row .select-menu.active .typeimage { margin: 0 auto; width: 100px; height: 47px; background-size: 100px 94px; background-repeat: no-repeat } .dealerinventory .menu-block .content-block .row .image { margin: 0 auto; width: 50px; height: 50px; background-size: 50px 100px; background-repeat: no-repeat } .dealerinventory .menu-block .content-block .row .select-menu.active .image { margin: 0 auto; width: 50px; height: 50px; background-size: 50px 100px; background-repeat: no-repeat } .active .image.manual-transmission { background: url('/statics/web/images/dealerinventory/equipment/m-transmission.png') 0 0 } .manual-transmission { background: url('/statics/web/images/dealerinventory/equipment/m-transmission.png') 0 -50px } .select-menu:hover .image.manual-transmission { background: url('/statics/web/images/dealerinventory/equipment/m-transmission.png') 0 0 } .manual-transmission:hover { background: url('/statics/web/images/dealerinventory/equipment/m-transmission.png') 0 0 } .active .image.automatic-transmission { background: url('/statics/web/images/dealerinventory/equipment/a-transmission.png') 0 0 } .automatic-transmission { background: url('/statics/web/images/dealerinventory/equipment/a-transmission.png') 0 -50px } .select-menu:hover .image.automatic-transmission { background: url('/statics/web/images/dealerinventory/equipment/a-transmission.png') 0 0 } .automatic-transmission:hover { background: url('/statics/web/images/dealerinventory/equipment/a-transmission.png') 0 0 } .rear-wheel { background: url('/statics/web/images/dealerinventory/equipment/rearwheel.png') 0 0 } .front-wheel { background: url('/statics/web/images/dealerinventory/equipment/frontwheel.png') 0 0 } .four-wheel { background: url('/statics/web/images/dealerinventory/equipment/fourwheel.png') 0 0 } .car-fade { opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s } .car-fade-on { opacity: 1 } .dealerinventory .menu-block .content-block .row .select-menu:hover span { color: #49a8f5 } .dealerinventory .menu-block .content-block .row .select-menu.active span { color: #49a8f5 } .dealerinventory .menu-block .content-block .row .select-menu.active img { background-color: #49a8f5 } .dealerinventory .menu-block .content-block .select-menu .color-switcher i { display: none } .dealerinventory .menu-block .content-block .select-menu .color-switcher.active i { display: inline-block } .dealerinventory .menu-block .content-block .row .select-menu .color-switcher { display: inline-block; font-size: 40px; line-height: 70px; border-radius: 50%; background-color: black; color: white; width: 70px; height: 70px; text-align: center; vertical-align: bottom; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3) } .dealerinventory .menu-block .content-block .select-menu .color-switcher .white { color: #fff } .dealerinventory .menu-block .color-title { display: inline-block; margin-top: 10px } .dealerinventory .menu-block .content-block .select-menu .color-switcher .black { color: #333 } .dealerinventory .menu-block .show-more { text-align: center } .dealerinventory .menu-block .show-more a { color: #49a8f5; text-decoration: none } .dealerinventory .menu-block .show-more a:hover { color: #3bcfff } .dealerinventory .menu-block .content-block .model-type { text-decoration: none; cursor: pointer; display: inline-block; padding: 0 5px; margin-right: 5px; border-radius: 1px; border: 1px solid #bdc0c5; margin-bottom: 10px } .dealerinventory .menu-block .content-block .model-type.active, .dealerinventory .menu-block .content-block .model-type:hover { display: inline-block; width: auto; border: 0; color: #fff; border: 1px solid #49a8f5; background-color: #49a8f5 } .full-width { width: 100% } .dealerinventory .car-section .didropdown { width: 100%; text-align: left; padding: 12px } .dealerinventory .car-section .drop-block { margin: 20px 0 } .car-sect:nth-child(3n+1) { clear: both } .car-item a { text-decoration: none } .car-item .image { max-height: 350px } .dealerinventory .car-section .main-block .car-item img { margin: 0 auto } .dealerinventory .car-section .main-block .car-item .description { padding: 21px; font-size: 16px; text-align: left; width: 65%; float: left } .dealerinventory .car-section .main-block .car-item .color-block { text-align: left } .dealerinventory .car-section .main-block .car-item .discount-block { text-align: left; padding: 5px 0 15px 0 } .dealerinventory .car-section .main-block .car-item .discount-block .msrp-ignite { font-weight: bold; font-size: 16px; color: #242a36 } .dealerinventory .car-section .main-block .car-item .discount-block .msrp-ignite span { text-decoration: line-through } .dealerinventory .car-section .main-block .car-item a:hover { color: #242a36 } .dealerinventory .car-section .main-block .car-item .discount-block .discount { text-align: right; font-size: 16px; color: #7f8fa4 } .dealerinventory .car-section .main-block .car-item .discount-block .discount span { font-weight: bold; color: #333 } .dealerinventory .car-section .main-block .car-item-container { padding: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .dealerinventory .car-section .main-block .car-item-block { border: 1px solid #edf0f5; -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; margin-bottom: 2em } .dealerinventory .car-section.full-showed .main-block .car-item-block { border: 1px solid #edf0f5; -webkit-flex-basis: 24%; -ms-flex-preferred-size: 24%; flex-basis: 24%; margin-bottom: 2em } .dealerinventory .car-section .main-block .car-item .color-block .color-circle { width: 24px; height: 24px; border-radius: 50%; display: inline-block } .dealerinventory .car-section .main-block .car-item .color-block span { display: inline; position: relative; top: -5px; font-size: 16px; color: #7f8fa4 } .dealerinventory .car-section .main-block .car-item .stock { padding: 21px; font-size: 14px; text-align: right; width: 35%; color: #7f8fa4; float: right } .dealerinventory .car-section .main-block .car-item .description .year-make { color: #7f8fa4; display: block } .dealerinventory .car-section .main-block .car-item .description .model-trim { color: #242a36; font-weight: 900; font-size: 18px } .dealerinventory .car-section .main-block .car-item .price { border-top: 1px solid #edf0f5; text-align: center; width: 90%; margin: 0 auto; padding: 18px 0 } .dealerinventory .car-section .main-block .car-item .non_available_distance, .dealer-ls .dueonsignin .non_available_distance { text-align: center; width: 90%; margin: 0 auto; padding: 6px; } .dealerinventory .car-section .main-block .car-item .non_available_distance div, .dealer-ls .dueonsignin .non_available_distance div { display: block; background: rgba(238, 182, 62, 0.5); border: #eeb63e thin dotted; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 0 } .dealerinventory .car-section .main-block .car-item .price span { color: #333; font-size: 18px; font-weight: bold } .dropdownmenu .di-labels { margin-bottom: -20px; margin-top: 10px; font-size: .9em } .dueonsignin .di-labels { text-align: left; font-size: .9em; margin-bottom: 3px; margin-top: 10px } .buildyourlease { color: #252525; font-size: 16px; font-weight: bold; line-height: 44px } .packages-carousel .package-carousel .item .block-packages-item { border: 1px solid #d3d7da; border-radius: 10px } .check-pack-img svg { max-width: 40px; max-height: 40px } .check-pack-img .fa.fa-check-circle.active { color: #333 } .title-pack { text-transform: uppercase; font-size: 20px; margin-bottom: 15px } .describe-pack { font-size: 16px } .packages-and-features { margin: 0 !important; padding: 0 } .packages-carousel { margin-bottom: 50px } .package-owl-container img { width: 100%; margin: 0 auto } .owl-carousel { position: relative } .block-dealer-listing #gallery .owl-prev, .block-dealer-listing #gallery .owl-next { position: absolute; top: 50%; margin-top: -10px } .block-dealer-listing #gallery .owl-prev { left: 30px } .block-dealer-listing #gallery .owl-next { right: 30px } .block-dealer-listing { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .stick_header_show { top: 0 !important; } .block-dealer-listing.stick_header_show .dealer-listing-stick-header.widget { top: auto !important; bottom: 0 !important; border-top: #ddd thin solid !important } .block-dealer-listing.stick_header_show.mn_show .dealer-listing-stick-header { top: auto; bottom: 0 } .block-dealer-listing .dealer-listing-stick-header { display: block; position: fixed; width: 100%; top: -180px; left: 0; background-color: #fff; z-index: 500; padding: 6px 0; -webkit-box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.2); box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.2) } .block-dealer-listing .dealer-listing-stick-header.tr { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .block-dealer-listing .dealer-listing-stick-header .left-side { width: 50%; float: left } .block-dealer-listing .dealer-listing-stick-header .right-side { width: 50%; float: left } .block-dealer-listing .dealer-listing-stick-header .title { display: block; color: #333; font-size: 22px; padding: 13px 0 } .block-dealer-listing .dealer-listing-stick-header .price-list { list-style: none; padding: 0; margin: 0 } .block-dealer-listing .dealer-listing-stick-header .price-list li { color: #333 } .block-dealer-listing .dealer-listing-stick-header a.lease-now-btn:hover { text-decoration: none } .block-dealer-listing .dealer-listing-stick-header .lease-now-btn { display: block; padding: 10px; color:#fff !important; margin: 9px 0; text-align: center; background-color: #ce0024; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .block-dealer-listing .dealer-listing-stick-header .lease-now-btn:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.3); transform: translateY(-0.02em); } .block-dealer-listing .dealer-listing-stick-header .lease-now-btn svg { width: 20px; position: relative; top: 4px; right: 10px } .block-dealer-listing .dealer-listing-stick-header .lease-now-btn svg path { max-width: 20px } .block-dealer-listing .dealer-listing-stick-header .lease-now-btn span { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: bold } .dealer-ls .back-button { padding: 10px 0 } .dealer-ls .topsection { border-bottom: 1px solid #edf0f5 } .topsection { float: none; margin: 0 auto; max-width:1150px; padding:0; } .dueonsignin { text-align: center; padding: 0; background:#fff; width:360px; } .dueonsignin .prices { font-size: 15px } .dueonsignin .prices strong.blue { color: #333 } .dueonsignin .big-price { background-color: #5d5d5d } .dueonsignin .big-price .price { color: #fff; font-size: 16px; font-weight: 500; padding:10px; border: solid 1px #313131; } .dueonsignin i { color: #333; font-size: 15px; padding: 1px; display: inline-block; vertical-align: top; position: relative; line-height: 22px } .topsection .tooltip { margin-left: 10px } .slider-section { width:95%; font-size: 18px; padding-bottom: 20px; margin:0 auto; } .dueonsignin .big-price .price span { font-size: 36px; color: #fff } .dealer-ls .dueonsignin .lease-this-car .dropsection { padding: 15px 30px 20px } .dealer-ls .dueonsignin .lease-this-car .didropdown { width: 100%; text-align: left; padding: 12px } .dropdown-toggle:hover { color:#333 !important; } .dropdown-toggle:focus { color:#333 !important; } .dropsection .caret { position: absolute; top: 48%; right: 11px } .dropsection {padding-left:0px; padding-right:0px;float:none;} .lease-this-car .dropsection .drop-block { margin-bottom: 10px } .price-warning { color: #e09e5d; padding: 10px 20px 10px 20px; border: 1px solid #e09e5d } .item-title h1 { font-weight: bold; font-size: 2em; color: #ce0024; } .item-title .no-actual-color { font-size: 20px } button.lease-button { text-decoration: none; border: 0; width: 100%; background-color: #ce0024; color: #fff; padding: 8px; text-transform: uppercase; border-radius: 0px; font-weight: bold } button.lease-button:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.3); transform: translateY(-0.02em); } a.lease-button { display: block; cursor: pointer; text-decoration: none; border: 0; width: 95%; background-color: #ce0024; color: #fff; padding: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-transform: uppercase; font-weight: 500; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; margin:0 auto; height:40px; } a.lease-button:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.3); transform: translateY(-0.02em); } .lease-button-disable { text-decoration: none; border: 0; width: 100%; background-color: #333; color: #fff; padding: 8px; text-transform: uppercase; font-weight: 500 } .lease-button-disable:hover { background-color: #1b5592 } a.lease-button-disable { display: block; cursor: pointer; text-decoration: none; border: 0; width: 100%; background-color: #333; color: #fff; padding: 8px; text-transform: uppercase; font-weight: 500 } a.lease-button-disable:hover { background-color: #1b5592 } .dealer-moderator-warning { font-weight: bold; font-size: 1.5em; color: #f00 } .credit-info .table .dropdown .dropdown-toggle { width: 100% } .credit-info .table .align-right { float: right } .credit-info table tr { border-bottom: 1px solid #ddd } .credit-info table tr:nth-last-child(1) { border-bottom: 0 } .credit-info .table .take-right { text-align: right; padding-right: 0 } .credit-info .table .take-left { text-align: left; padding-left: 0 } .credit-info .table .dropdown-special { float: right } .credit-info .table .dropdown-special .dropdown-toggle { padding: 0 } .credit-info .table .dropdown-special .btn-default { color: #333; background-color: #fff; border: 0 } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { background-color: #fff } .credit-info .table .align-right { float: right } .priceSliderBlock { display: block; position: relative } .priceSliderBlock .loader { display: none } .priceSliderBlock.spinned:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 4 } .priceSliderBlock.spinned .loader { display: block; position: absolute; left: 50%; top: 30%; z-index: 5 } .custom-slider.rzslider .rz-bar { background: #49a8f5; height: 3px } .custom-slider.rzslider .rz-selection { background: #49a8f5; top: 15px; height: 6px } .custom-slider.rzslider .rz-pointer { width: 16px; height: 16px; top: -6px; bottom: 0; background-color: #4d4d4d; border-radius: 50% } .custom-slider.rzslider .rz-pointer:after { position: absolute; top: 5px; left: 5px; width: 6px; height: 6px; background: #49a8f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; content: '' } .custom-slider.rzslider .rz-bubble { font-family: 'Ptsans'; bottom: 9px; font-size: 18px; color: #333 } .custom-slider.rzslider .rz-limit { font-weight: bold; color: #49a8f5 } .custom-slider.rzslider .rz-tick { width: 3px; height: 10px; border-radius: 0; background: #49a8f5; top: 0 } .payment_switch { border: solid 1px #313131; cursor: pointer; color: #fff; background: #383838; padding:10px; text-align: center; display: inline-flex; width: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 500; } .payment_switch:hover { background-color: #ce0024; box-shadow: 0 5px 10px rgba(0,0,0,0.3); transform: translateY(-0.02em); } .payment_switch.active { background-color: #ce0024 } .payment_switch.disabled { background-color: #5d5d5d; color:#8c8c8c; } .payment_switch.disabled:hover { background-color: #5d5d5d; box-shadow:none !important; transform: none !important; color:#fff; cursor:default !important; } .payment_switch.disabled:active { background-color: #b0b3b6 } .custom-slider.rzslider .rz-tick:first-child { margin-left: 2px } .custom-slider.rzslider .rz-tick.rz-selected { background: #49a8f5 } .wrapper .button-return-srch .btn-return { background: white; border-color: #333; color: #333; text-transform: uppercase; font-size: 16px; border-radius: 30px; min-width: 100px; padding: 5px 20px 5px 20px } .item-acc-details .dealer_phone { padding: 20px 0 } .item-acc-details .dealer_phone b { padding-left: 5px; font-size: 1.3em; vertical-align: 5px } .margpad { margin: 20px 0 } .credit-application form { max-width: 90%; margin: 0 auto } .credit-application input[type=text], .credit-application input[type=email], .credit-application input[type=password], .tradeinpart input[type=text], .tradeinpart input[type=email], .tradeinpart input[type=password], .tradeinpart input[type=number] { border: 1px solid #a8a8a8; height: 60px; border-radius: 8px; width: 100%; padding: 6px 10px } .credit-application select, .tradeinpart select { border: 1px solid #a8a8a8; height: 60px; border-radius: 8px; width: 100%; max-width: 435px; background: white; padding: 6px 10px; position: relative; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 19px) calc(1em+10px), calc(100% - 15px) calc(1em+10px), calc(100% - 2.5em) 5.5em; background-size: 5px 5px, 5px 5px, 5px .5em; background-repeat: no-repeat } .tradeinpart select { max-width: 100% } .tradeinpart textarea { width: 100%; height: 120px; padding: 6px 10px; border-radius: 8px; border: 1px solid #a8a8a8 } .pr10 { padding-right: 10px !important } .pl10 { padding-left: 10px !important } .credit-application .row { max-width: 900px; margin: 22px auto 0 auto } .credit-application input[type=checkbox] { position: relative } .credit-application input[type=checkbox] + label:before { content: ""; display: inline-block; background: white; -webkit-appearance: none; border: 1px solid #888; width: 16px; height: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 10px; margin-top: 4px; vertical-align: top } .credit-application input[type=checkbox]:checked + label:before { background: #39f } .credit-application label[for="apply_rules"] span { color: #252525 !important; font-weight: normal; font-size: 18px } .credit-application label[for=apply_rules] { text-align: left; max-width: 90%; margin: 10px auto 0 } .credit-application button { border: 1px solid #333 !important; border-radius: 6px; color: #333; font-weight: bold; background: white; padding: 9px 22px; font-size: 14px } .credit-application button:hover { background: #39f; color: white } .credit-application input[type=submit], .credit-application input[type=button], .tradeinpart input[type=button] { background: #39f; border-radius: 8px; color: white; border: 0; max-width: 335px; width: 100%; font-weight: bold; height: 65px } .tradeinpart { font-size: 18px } .credit-application input[type=text]::-webkit-input-placeholder { color: #555 } .credit-application input[type=text]::-moz-placeholder { color: #555 } .credit-application input[type=text]:-ms-input-placeholder { color: #555 } .credit-application input[type=text]:-moz-placeholder { color: #555 } .credit-application .ng-submitted input[type=text].ng-invalid { border: 1px solid #ce0024 } .credit-application input[type=text].ng-invalid.ng-dirty { border: 1px solid #ce0024 } .credit-application input[type=email]::-webkit-input-placeholder { color: #555 } .credit-application input[type=email]::-moz-placeholder { color: #555 } .credit-application input[type=email]:-ms-input-placeholder { color: #555 } .credit-application input[type=email]:-moz-placeholder { color: #555 } .credit-application .ng-submitted input[type=email].ng-invalid { border: 1px solid #ce0024 } .credit-application input[type=email].ng-invalid.ng-dirty { border: 1px solid #ce0024 } .credit-application .ng-submitted input[type=checkbox].ng-invalid + label:before { border: 1px solid #ce0024 } .credit-application input[type=checkbox].ng-invalid.ng-dirty + label:before { border: 1px solid #ce0024 } .credit-application .ng-submitted select.ng-invalid { border: 1px solid #ce0024 } .credit-application select.ng-invalid.ng-dirty { border: 1px solid #ce0024 } .creditapp-error { text-align: left; padding: 10px 0 0; font-size: 13px; color: #ce0024 } .credit-application input[disabled=disabled] { background: #888 } .dealerinventory .car-section { position: relative; padding-top: 64px } .dealerinventory .car-section.dealerdomain { padding-top: 0 } .ignite_cta_block { position: fixed; display: table; width: 76%; max-width: 76%; top: 59px; left: 25%; background-color: #169dfa; color: #fff; padding: 6px 0; margin: 0; z-index: 1024; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .ignite_cta_block.menu_show { left: auto; right: 300px } .ignite_cta_block .left_side { display: inline-block; width: 55%; float: left; text-align: right } .ignite_cta_block .right_side { display: inline-block; width: 40%; float: right; text-align: left } .ignite_cta_block .left_side .heading { display: block; font-size: 23px; text-transform: uppercase } .ignite_cta_block .left_side .subheading { display: block; font-size: 14px } .ignite_cta_block .right_side .btn { background-color: #fff; color: #169dfa; margin: 8px 0 } .krajee-default.file-preview-frame .kv-file-content { height: auto !important } .warfandi { color: #252525; font-family: 'Ptsans'; font-size: 24px; font-weight: bold; margin: 27px 0 16px; text-align: center } .waric { margin-bottom: 20px; text-align: center } .wardesc { color: #252525; font-family: 'Ptsans'; font-size: 18px; padding: 0 20px; text-align: center } .warprice .warprice1 { font-size: 20px; color: #333; margin: 18px 0 -6px; text-align: center } .warprice .warprice2 { font-size: 16px; color: #868a8c; text-align: center } .warprice { margin-bottom: 23px; text-align: center; position: absolute; left: 0; right: 0; bottom: 35px } .rebate-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-content: space-around; flex-basis: auto } .rebate-price-right { margin: 0; display: inline; float: right } .rebateRuleReadMore { color: #333 } .rebate-block { border: #ddd thin solid; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); flex-basis: 32%; padding: 20px; border-radius: 10px; margin-bottom: 1em; cursor: pointer; height: 100%; min-height: 455px; justify-content: space-around; transition: color .2s, border-color .2s } .rebate-block.active { color: #333; border-color: #333 } .rebate-block .rebate-coin { max-width: 40px; max-height: 40px; margin: 20px auto } .rebate-block .rebate-title { margin: 15px 0; font-size: 18px; min-height: 50px; text-transform: uppercase } .rebate-block .rebate-price { margin-bottom: 40px; font-size: 24px; font-weight: bold; text-transform: uppercase; /*position:absolute; width:90%; bottom:70px;*/ } .rebate-btn { position: absolute; width: 100%; bottom: 48px; margin: 0 auto; } .rebate-block .description-block { text-align: justify; font-size:13px; } .addwarranty { background: #333; color: white; text-transform: uppercase; width: 100%; border: 0; font-size: 18px; font-weight: bold; padding: 12px; text-align: center } .block-warranty-item { margin: 0 20px } .block-warranty-item { border: 1px solid #edeff0; border-radius: 6px; margin-top: 7px; margin-bottom: 7px } .block-warranty-item:hover, .block-warranty-item.hover { box-shadow: 0 2px 12px 1px #333; z-index: 4; position: relative; margin-top: 7px; margin-bottom: 7px } .warbutton { position: absolute; bottom: 0; left: 0; right: 0 } .warranty-item { padding-bottom: 120px } .tradeinpart .row { max-width: 900px; margin: 22px auto 0 auto } .tradeinpart .tradeclick { border: 1px solid #a6a6a6; display: inline-block; padding: 10px 2px; border-radius: 10px; margin-bottom: 25px; max-width: 100% } .tradeinpart .tradeclick img { max-width: 100% } .tradeinpart .tradeclick:hover, .tradeinpart .tradeclick.active { cursor: pointer; background: #eceff1 } .dealerinventorySignUpModal .modal-header { position: relative; background-color: #333 !important; padding: 15px 0 10px 0 } .dealerinventorySignUpModal .modal-header .close { position: relative; top: 3px; padding: 0; right: 20px; max-width: 30px } .dealerinventorySignUpModal .modal-header .close img { width: 100% } .dealerinventorySignUpModal .modal-header .title { text-transform: uppercase; font-size: 26px; color: #fff; font-weight: bolder } .dealerinventorySignUpModal .modal-body { padding: 40px 0 } .dealerinventorySignUpModal .modal-body .leftSide .title, .dealerinventorySignUpModal .modal-body .rightSide .title { color: #333; font-size: 18px; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 1px } .dealerinventorySignUpModal .modal-body .leftSide { padding-right: 100px !important } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock { position: relative; -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1); margin-top: 40px } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock img { width: 100% } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon { position: absolute; right: 20px; width: 90px; height: 54px; background-color: #333 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon:before { position: absolute; left: 0; bottom: -15px; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 45px 0 0; border-color: #333 transparent transparent transparent; z-index: 1 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon:after { position: absolute; right: 0; bottom: -15px; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 45px 15px 0; border-color: transparent #333 transparent transparent; z-index: 1 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .innerBorder { position: relative; width: 80px; height: 48px; margin: 0 auto; background-color: #0d7dd7 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .innerBorder:before { position: absolute; left: 0; bottom: -13.5px; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 13.5px 40px 0 0; border-color: #0d7dd7 transparent transparent transparent; z-index: 2 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .innerBorder:after { position: absolute; right: 0; bottom: -13.5px; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 40px 13.5px 0; border-color: transparent #0d7dd7 transparent transparent; z-index: 2 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .inner { position: relative; width: 77px; height: 46px; margin: 0 auto; background-color: #333 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .inner:before { position: absolute; left: 0; bottom: -13.5px; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 13.5px 39px 0 0; border-color: #333 transparent transparent transparent; z-index: 3 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .inner:after { position: absolute; right: 0; bottom: -13.5px; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 39px 13.5px 0; border-color: transparent #333 transparent transparent; z-index: 3 } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .inner .month { display: block; color: #1465a7; font-size: 15px; text-align: center; border-bottom: #1465a7 thin solid; margin: 0 5px } .dealerinventorySignUpModal .modal-body .leftSide .content .carImageBlock .priceRibbon .inner .amount { display: block; color: #fff; font-weight: bold; font-size: 16px; text-align: center; padding-top: 3px } .dealerinventorySignUpModal .modal-body .rightSide { padding-left: 100px !important } .dealerinventorySignUpModal .modal-body .rightSide .content form.lease-this-car { width: 100% !important; text-align: left !important } .dealerinventorySignUpModal .modal-body .rightSide .content form.lease-this-car .form-control { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dealerinventorySignUpModal .modal-body .submit-btn { background-color: #333; color: #fff; border: 0; min-width: 200px; letter-spacing: 2px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 173, 255, 0.3); box-shadow: 1px 1px 5px 0 rgba(0, 173, 255, 0.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .dealerinventorySignUpModal .modal-body .submit-btn:hover, .dealerinventorySignUpModal .modal-body .submit-btn:active, .dealerinventorySignUpModal .modal-body .submit-btn:focus { background-color: #333; color: #fff; border: 0; -webkit-box-shadow: 2px 5px 25px 0 rgba(0, 173, 255, .6); box-shadow: 2px 5px 25px 0 rgba(0, 173, 255, .6) } .dealerinventorySignUpModal .modal-body .submit-btn img { max-width: 32px; margin-left: 15px } #car-section .main-block { position: relative; height: 100% } #car-section .main-block .getZipBlock { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40%; height: auto; background-color: #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) } #car-section .main-block .getZipBlock .inputBlock { position: relative; margin-top: 30px } #car-section .main-block .getZipBlock .inputBlock .submitBtn { position: absolute; top: 5px; right: 5px; border: 0; background-color: #333; color: #fff; width: 35px; height: 35px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out } #car-section .main-block .getZipBlock .inputBlock .submitBtn:disabled { opacity: .7 } #car-section .main-block .getZipBlock .inputBlock .submitBtn:hover { top: 3px; right: 3px; width: 40px; height: 40px } #car-section .main-block .getZipBlock .inputBlock .submitBtn:disabled:hover { top: 5px; right: 5px; width: 35px; height: 35px } @media all and (max-width:425px) { .dealerinventory .left-sidebar { float: none; width: 100% } .dealerinventory .car-section { float: none; width: 100% } } @media all and (min-width:1211px) and (max-width:1280px) { .dealerinventorySignUpModal .container { width: 100% } } @media all and (min-width:320px) and (max-width:425px) { .block-dealer-listing { padding: 0 !important } .block-dealer-listing > .container { padding: 0 } .block-dealer-listing > .container > .topsection { padding: 0 !important } .block-dealer-listing > .container > .topsection > .mobile-big-important { padding: 0 !important } .star-price-block { background: url(https://autopia.com/images/star.png); background-size: cover; position: absolute; right: calc(50% - 100px); top: -8px; font-size: 19px; font-weight: bold; color: #333; width: 83px; height: 83px; padding-top: 24px; line-height: 23px } } @media all and (min-width:426px) and (max-width:767px) { .star-price-block { background: url(https://autopia.com/images/star.png); position: absolute; right: calc(50% - 206px); top: -30px; font-size: 24px; font-weight: bold; color: #333; width: 137px; height: 137px; padding-top: 48px; line-height: 23px } } @media all and (min-width:320px) and (max-width:767px) { .dealerinventory .left-sidebar { overflow: visible; height: inherit !important } .car-section { overflow: visible; height: inherit !important } .block-configuration-auto .items-configuration-auto .block-configuration-auto-item .configuration-auto-item .title-pack { font-size: 1em } .dealerinventory .mobile-switcher { margin: 13px 10px 7px; display: block } .dealerinventory .mobile-switcher button { display: block; width: 100% } .dealerinventory .menu-block .content-block .row .select-menu span { font-size: 1.3rem } .dealerinventory .menu-block .content-block .row .select-menu .color-switcher { font-size: 30px; line-height: 50px; border-radius: 50%; background-color: black; color: white; width: 50px; height: 50px } .dealerinventory .menu-block .content-block .row .typeimage { margin: 0 auto; width: 80px; height: 40px; background-size: 80px 75px; background-repeat: no-repeat } .dealerinventory .menu-block .content-block .row .select-menu.active .typeimage { margin: 0 auto; width: 80px; height: 40px; background-size: 80px 75px; background-repeat: no-repeat } } @media all and (min-width:320px) and (max-width:700px) { .rebate-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } } @media all and (min-width:700px) and (max-width:1000px) { .rebate-block { -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48% } } @media all and (min-width:320px) and (max-width:1200px) { .dealerinventory .car-section .main-block .car-item-block { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } } @media all and (min-width:768px) and (max-width:1440px) { .dealerinventory .car-section .main-block .car-item .color-block { min-height: 70px } .car-item .image { min-height: 160px } .dealerinventory .menu-block .content-block .row .select-menu span { font-size: 1.1rem } .dealerinventory .menu-block .content-block .row .select-menu .color-switcher { font-size: 30px; line-height: 50px; border-radius: 50%; background-color: black; color: white; width: 50px; height: 50px } .dealerinventory .menu-block .content-block .row .typeimage { margin: 0 auto; width: 70px; height: 40px; background-size: 70px 75px; background-repeat: no-repeat } .dealerinventory .menu-block .content-block .row .select-menu.active .typeimage { margin: 0 auto; width: 70px; height: 40px; background-size: 70px 75px; background-repeat: no-repeat } .dealerinventory .left-sidebar { padding: 0; background-color: #fafbfc; border: 1px solid #edf0f5 } .dealerinventory .car-section { background-color: #fff } } @media all and (min-width:1441px) and (max-width:2540px) { .car-item .image { min-height: 230px } .dealerinventory .left-sidebar { padding: 0; background-color: #fafbfc; border: 1px solid #edf0f5 } .dealerinventory .car-section { background-color: #fff } } @media screen and (max-width:767px) { .pr10, .pl10 { padding: 0 !important } .credit-application .col-xs-12 { margin-bottom: 20px } .credit-application .col-xs-12 input { width: 100% } .car-item .image { min-height: 140px } .bigloader { display: none } .tradein2 input, .tradein2 select, .tradein2 textarea, .tradein1 input, .tradein1 select, .tradein1 textarea { margin-bottom: 20px } .pr10, .pl10 { padding: 0 !important } .dealerinventorySignUpModal .modal-header .title { font-size: 22px } } @media(max-width:1500px) { .ignite_cta_block .left_side { width: 60% } .ignite_cta_block .right_side { width: 35% } .dealerinventorySignUpModal .modal-body .rightSide, .dealerinventorySignUpModal .modal-body .leftSide { padding: 0 50px !important } } @media(max-width:1366px) { .ignite_cta_block .left_side { width: 61% } .ignite_cta_block .right_side { width: 34% } .dealerinventorySignUpModal { width: 90% } } @media(max-height:1180px) { #car-section .main-block .getZipBlock { width: 70% } } @media(max-height:768px) { .dealerinventorySignUpModal { height: 98% } #car-section .main-block .getZipBlock { position: relative; top: 140px; width: 70% } } @media(max-height:800px) { .dealerinventorySignUpModal { height: 96% } } @media(min-height:900px) { .dealerinventorySignUpModal { height: 90% } } @media(max-width:1280px) { .ignite_cta_block .left_side { width: 62% } .ignite_cta_block .right_side { width: 33% } .dealerinventorySignUpModal .modal-body .rightSide, .dealerinventorySignUpModal .modal-body .leftSide { padding: 0 20px !important } } @media(max-width:1279px) { .dealerinventorySignUpModal { width: 95% } } @media(max-width:1210px) { .dealerinventorySignUpModal .container { width: 100% } } @media(max-width:1199px) { .ignite_cta_block { left: 33.33333333%; width: 66.66666667% } .ignite_cta_block .left_side { width: 65% } .ignite_cta_block .right_side { width: 28% } } @media(max-width:1150px) { .ignite_cta_block .left_side .heading { font-size: 21px } .ignite_cta_block .left_side .subheading { font-size: 13px } } @media(max-width:1024px) { .ignite_cta_block .right_side .btn { margin: 7px 0 } .ignite_cta_block .left_side { width: 66% } } @media(max-width:991px) { .block-dealer-listing .dealer-listing-stick-header .left-side { text-align: center } .block-dealer-listing .dealer-listing-stick-header .left-side, .block-dealer-listing .dealer-listing-stick-header .right-side { width: 100% } .block-dealer-listing.stick_header_show .dealer-listing-stick-header { bottom: 0 } .ignite_cta_block { background-color: #fff } .ignite_cta_block.menu_show { left: auto } .ignite_cta_block .left_side, .ignite_cta_block .right_side { display: block; width: 100%; text-align: center } .ignite_cta_block .left_side .heading { color: #333 } .ignite_cta_block .left_side .subheading { color: #90a4ae } .ignite_cta_block .right_side .btn { display: block; position: relative; width: 90%; background-color: #333; color: #fff; margin: 10px auto } .dealerinventory .car-section { padding-top: 108px } } @media(max-width:768px) { .block-dealer-listing .dealer-listing-stick-header.menu_right { left: -200px } .ignite_cta_block .left_side { text-align: left } .ignite_cta_block .left_side .heading { font-size: 20px } .ignite_cta_block .left_side .subheading { font-size: 14px } } @media(max-width:767px) { .dealerinventory { padding-top: 80px } .dealerinventory.single_car_page { padding-top: 0 } .dealerinventory.on_dealer_domain { padding-top: 80px } .dealerinventory.on_dealer_domain.single_car_page { padding-top: 0 } .dealerinventory .car-section { padding-top: 0 } .ignite_cta_block { display: none } .dealerinventory .mobile-switcher { position: fixed; width: calc(100% - 10px); top: 58px; background: #fff; z-index: 1023; margin: 0; padding: 20px 10px 5px 10px; left: 0 } .dealerinventory.in_iframe .mobile-switcher { width: calc(100%); top: 0 !important } .dealerinventory.in_iframe .mobile-switcher.mobile_switcher_hide { top: -100px } .dealerinventory .mobile-switcher:after { position: absolute; display: block; bottom: -30px; left: 0; width: 100%; height: 30px; content: ""; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0) } .dealerinventory .mobile-switcher.menu_show { left: -200px } .credit-application input[type=text], .credit-application input[type=email], .credit-application input[type=password], .credit-application select, .tradeinpart input[type=text], .tradeinpart input[type=email], .tradeinpart input[type=password], .tradeinpart select { max-width: 100% !important } .dealerinventorySignUpModal { width: 100%; height: 100% } } @media(max-width:640px) { .dealerinventorySignUpModal .modal-body .submit-btn { width: 90% } } .input_block { position: relative } .input_block.social_security_no input { padding-right: 80px !important } .input_block img.ssl_icon { position: absolute; right: 10px; top: 19px; width: 60px } .input_block label { top: 19px !important } #disclaimer .modal-dialog { top: 20% } #disclaimer .modal-content { position: relative; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #disclaimer .modal-content .close { position: absolute; right: 0; top: -40px; width: 30px; height: 30px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1 } #disclaimer .modal-content .close:hover { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #disclaimer .modal-content .close img { width: 100% } .smsShareBtn { position: fixed; bottom: 20px; right: 100px; display: block; width: 60px; height: 60px; text-align: center; padding: 15px 17px 15px 13px; background-color: #333; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; border-radius: 9999px; -webkit-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 2147483637; cursor: pointer } .smsShareBtn.stick_header_show { bottom: 100px } #wrapper.stop-scrolling .smsShareBtn { right: 320px } .smsShareBtn:hover { -webkit-box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.2) } .smsShareBtn img { width: 100% } #smsShareModal { z-index: 2147483647 } #smsShareModal .modal-dialog { width: 400px } #smsShareModal .modal-dialog .modal-header { padding: 15px 0; text-align: center; font-size: 20px; color: #fff } #smsShareModal .modal-dialog .modal-header .close { background: 0; width: 36px; height: 36px; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #smsShareModal .modal-dialog .modal-header .close:hover { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #smsShareModal .modal-dialog .modal-header .close img { width: 100% } #smsShareModal .modal-dialog .modal-content { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px } #smsShareModal .modal-dialog .modal-content .form-group { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } #smsShareModal .modal-dialog .modal-content textarea.form-control { height: 120px } #smsShareModal .modal-dialog .modal-content .sendShareSmsBtn { width: 100%; background-color: #333; border-color: #333 } #intercom-container .intercom-launcher-frame, #intercom-container .intercom-launcher-badge-frame { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #intercom-container .intercom-launcher-frame.stick_header_show { bottom: 100px } #intercom-container .intercom-launcher-badge-frame.stick_header_show { bottom: calc(100px+40px) } @media(max-width:991px) { .smsShareBtn.stick_header_show { bottom: 150px } #intercom-container .intercom-launcher-frame.stick_header_show { bottom: 150px } #intercom-container .intercom-launcher-badge-frame.stick_header_show { bottom: calc(150px+40px) } } @media only screen and (max-device-width:667px), screen and (max-width:450px) { .smsShareBtn.stick_header_show { bottom: 150px !important } #intercom-container .intercom-launcher-frame.stick_header_show { bottom: 150px !important } #intercom-container .intercom-launcher-badge-frame.stick_header_show { bottom: calc(150px+40px) !important } } @media(max-width:768px) { #smsShareModal .modal-dialog, #smsShareModal .modal-dialog .modal-content { width: 100%; height: 100%; border: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #smsShareModal .modal-dialog .modal-header { background-color: #333 } #smsShareModal .modal-dialog .modal-content .form-group { width: 100%; max-width: 100% } #smsShareModal .modal-dialog .modal-content .form-control { padding: 12px 15px } } .popover { width: 100%; left: 0 !important; -webkit-box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.2) } .dvMobilePadding {width:calc(100% - 360px);display:inline-block;padding-right:30px;} @media all and (max-width:767px) { .block-dealer-listing .full-car-spec {padding:0;margin-bottom:0;padding-top:20px; } .tradein2 input, .tradein2 select, .tradein2 textarea, .tradein1 input, .tradein1 select, .tradein1 textarea { margin-bottom: 20px } .tradein .row .col-xs-12:nth-child(even) { margin-top: 22px } .block-dealer-listing .dealer-listing-stick-header .title { font-size: 16px; padding: 5px 0; } .block-dealer-listing .dealer-listing-stick-header .lease-now-btn { } .cars-info-view .package-owl-container { width: 100%; } .dvMobilePadding {padding-left:7px; padding-right:7px;} .addMargins {padding-bottom:120px !important;} } @media(max-width:480px) { .block-dealer-listing .dealer-listing-stick-header .right-side .col-xs-6.col-sm-6.col-md-6.col-lg-6 { width: 100% } .block-dealer-listing .dealer-listing-stick-header .price-list { display: none } } .container { width: 100% !important } .owl-nav { height: 100%; top: 0; z-index: 999999999999; } .owl-prev { width: 20px; position: absolute; top: 50%; left: 0px; z-index: 999999999999; } .owl-next { width: 20px; position: absolute; top: 50%; right: 0px; z-index: 999999999999; } .owl-carousel { padding-left: 0; padding-right: 0; } /*.dueonsignin { -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); }*/ .prices { padding: 15px; background:#1d1d1d;color:#fff; } .blue { color: #333; } .item-title { padding-bottom: 0px; padding-left: 0px; } .panel-group .panel { border-radius: 10px; } .panel-default > .panel-heading { } .panel { -webkit-box-shadow: none; box-shadow: none; } .pushRight { float: right !important; } .range-slider-value { font-size: 0.75em; padding-top: 10px; text-align: center; } #dueSigningVal { font-size: 18px; } .slider-selection, .slider.slider-horizontal .slider-track, .slider-handle { background: #333; } .slider-handle { /*box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);*/ background: #fff; border: solid 1px #ccc; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-top: -15px; } .slider.slider-horizontal { width: 100%; } .slider-track { height: 5px !important; } .slider-handle { width: 35px !important; height: 35px !important; border: solid 1px #333; } .slider-handle.round { border-radius: 0px; } .carPriceDialog { background-color: #fff; } .autopiaModal .autopiaModalInner .autopiaModalHeader, .modal .modal-dialog .autopiaModalHeader { position: relative !important; display: table !important; width: 100% !important; padding: 10px 20px !important; border-bottom: #ccc thin solid !important; text-align:center; } .autopia_bg { background-color: #fff !important; } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalTitle, .modal .modal-dialog .autopiaModalHeader .autopiaModalTitle { display: table-cell !important; vertical-align: middle !important; text-transform: uppercase !important; font-size: 15px !important; text-align: center; width:95%; color:#ce0024 !important; } .white_color { color: #fff !important; } .pt-2 { padding-top: 20px; } p { margin: 0 0 10px; } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalClose img, .modal .modal-dialog .autopiaModalHeader .autopiaModalClose img { width: 25px !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .open-lease-price .modal-content { border: 0 !important; padding:35px; padding-top:10px; } .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalClose:hover img, .modal .modal-dialog .autopiaModalHeader .autopiaModalClose:hover img { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .form-group { text-align: left; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #ce0024; } .morecontent span { display: none; } .morelink { text-align: center; font-weight: 700; padding-top: 5px; display: block; } .rebate-container { margin-bottom: 30px } .btn-group bootstrap-select {width:100%;} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100%; } .leaseEligibilityDialog {width:80%;padding: 25px 45px; background-color: #fff;} #owl-carousel4 {width:100.1%; } .btn {line-height:20px !important; font-size:15px !important;} .filter-option pull-left {font-size:14px !important;} .showMorePackages {cursor:pointer !important; font-weight:500;color:#f00; padding:10px 0;} .showMorePackages a {color:#f00; } .showMorePackages a:hover {text-decoration:none;color:#f00;} .ring { transform: translate(-50%,-50%); width: 20px; height: 20px; background: transparent; border: 2px solid #ccc; border-radius: 50%; text-align: center; margin:0 auto; } .ring:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid transparent; border-top: 2px solid #ce0024; border-right: 2px solid #ce0024; border-radius: 50%; animation: animateCircle 2s linear infinite; } .ring span { display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite; } .ring span:before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #ce0024; top: -6px; right: -3px; box-shadow: 0 0 20px #ce0024; } @keyframes animateCircle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes animate { 0% { transform: rotate(45deg); } 100% { transform: rotate(405deg); } } .sidebar-box { /*max-height: 120px;*/ position: relative; overflow: hidden; margin-bottom:0px; } .read-more { position: absolute; bottom: -47px; left: 0; width: 100%; text-align: center; margin: 0; padding: 25px 0; background-image: linear-gradient(to bottom, transparent, #444); } .regular-checkbox { -webkit-appearance: none; background-color: #fff; border: 1px solid #cacece; /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/ padding: 9px; border-radius: 1px; display: inline-block; position: relative; vertical-align: bottom; } .regular-checkbox:active, .regular-checkbox:checked:active { /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/ } .regular-checkbox:checked { background-color: #fff; border: 1px solid #adb8c0; /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/ color: #99a1a7; } .regular-checkbox:checked:after { content: '\2714'; font-size: 14px; position: absolute; top: -3px; left: 3px; color: #99a1a7; } .big-checkbox { padding: 10px !important; } .big-checkbox:checked:after { font-size: 18px; left: 3px; } .name {font-size:14px;} .comingSoonSmall {font-size:9px;} @media(max-width: 767px) { .owl-prev { width: 10px; } .owl-next { width: 10px; } .slider-car-builder .page-slider {padding:0 20px; } .py-1 { padding-top: 0; padding-bottom: 0; } .form-control { margin-bottom: 10px; } } @media (min-width: 768px) { .modal-dialog { margin: 30px auto; } } .open-lease-price .modal-content p {font-size:11px; font-weight:400;text-align:left;color:#333;line-height:14px;} .btn-rebates {text-align:left;} .checkOutHuman{height: 100vh !important; overflow-y: hidden !important;} #dvDone {width:100%;padding: 5px 15px; margin: 0px 0px 15px 0; color: #ce0024;} .doneContainer {background: #dddddd; padding: 5px 15px; vertical-align: middle; margin:0 auto; color:#236926;font-size:18px; } .modal-open .modal {height:100vh;} .ulOverView {width:49%; display:inline-block;} .leaseSectionHolder {padding:20px;background:#f6f5f5;margin-bottom:10px;border: solid 1px #5d5d5d;} .dvPricingCell {float:none;display: table-cell;padding:0;} .lease-overviewRight { padding:10px 0; margin:10px 0; border-bottom:solid 1px;border-top:solid 1px; } .lease-overviewRight .title-lease-overview b { color: #fff; font-weight: 500; font-size: 18px; } .lease-overviewRight .title-lease-overview { color: #333; text-transform: uppercase; line-height: 1; margin-bottom: 10px; position: relative; z-index: 1 } .lease-overviewRight .overview-info { margin-left: 0; padding-left: 0; } .lease-overviewRight .overview-info ul { width:100%; color: #fff; list-style-type: none; margin-bottom:0; } .lease-overviewRight .overview-info ul li { float: left; width: 100%; padding-left: 0; font-size: 14px } .titleRed {color:#ce0024;display:block;font-weight:700;} .priceTitle {font-size:20px;} .ulPackages { columns: 2; background: #f6f5f5; padding: 15px 15px 0 45px; } .ulPackages li{font-size: 14px!important; padding-bottom: 5px; } .showOptionsArrow {display:block;line-height:6px;} .ulCarSpecs {list-style:none;} .ulCarSpecs li {display: inline-grid;width: 49%; float: left;} .ulCarSpecs li a{font-weight:700;} .ulCarSpecsUl {columns:1;padding-top:5px;padding-bottom:10px;} .ulCarSpecsUl li {display:block;width: 100%; float: none;} .panel-group {margin-bottom:0;} @media all and (min-width: 768px) and (max-width: 1024px) { .dueonsignin {width:100%;float:none;} .dvMobilePadding {display:block;width:100%;} } @media all and (max-width: 768px) and (orientation:portrait) { .dueonsignin {width:100%;float:none;} .dvMobilePadding {display:block;width:100%;} } @media only screen and (max-width: 767px) { .dueonsignin {width:100%;float:none;} .dvMobilePadding {display:block;width:100%;padding-right:0;padding-left:0;padding-right:0;} .page-slider .owl-carousel .owl-item { height: auto; } .page-slider .owl-carousel .owl-item img{ padding-left:15px; padding-right:15px; } .owl-nav {z-index:-1; } .owl-prev {left: -15px;z-index:-1; }.owl-next {right: -15px;z-index:-1; } .item-title h1 {font-size: 1.3em; } .ulCarSpecs li {display:block;width:100% } .item-title {padding-left:10px;}.dvcolorContainer {padding-left:10px;} } .color-white {color:#fff !important;} #dropdownLeaseTerm {height:40px;}#dropdownMileage {height:40px !important;}#BtnLeaseEligibility {height:40px;} .btn-group > .btn:first-child {height:40px !important;} .padding-bottom-10{padding-bottom:10px} .detailsBtnContainer{padding-bottom:10px;background:#f6f5f5;} .dropdown-menu{left:0 !important;top:25px !important;} .unlock-input{display:inline-block; width:90px !important;font-size:12px !important;} .unlock-input-big{display:inline-block; width:257px !important;font-size:12px !important;} .unlock-input-small{display:inline-block; width:90px !important;font-size:12px !important;} .open-lease-price .modal-content{padding:20px !important;} .insuranceBtn{padding-left:0;padding-right:0;} .insuranceBtn span{padding-right:15px;} @media (min-width: 320px) and (max-width: 480px) { .open-lease-price .modal-content{padding:5px !important;} .unlock-input{display:inline-block;} .open-lease-price .modal-content p{font-size: 11px;font-weight: 400;text-align: center;} .insuranceBtn{padding-left:0;padding-right:10px;padding-bottom:0;} .insuranceBtn span{padding-right:3px;} .autopiaModal .autopiaModalInner .autopiaModalHeader .autopiaModalTitle, .modal .modal-dialog .autopiaModalHeader .autopiaModalTitle { width:92%;} } #checkOutForm div {line-height:35px;} #checkOutForm input{padding:3px 12px !important; height:25px !important;} #checkOutForm select{padding:3px !important; height:25px !important;font-size:12px;} #checkOutForm .form-group{margin-bottom:0;} .dropsection .dropdown-menu{background:#fff!important; top:40px !important;} #txtHumanCheckoutEmail{width:200px !important;} #txtHumanCheckoutUserNumber{width:160px !important} #owl-carousel4 .owl-prev{left:-30px} #owl-carousel4 .owl-next{right:-30px} .btn-outline{border-radius:0;border:solid 2px #000; background:#fff;color:#000;} .btn-outline:hover{background:#000;color:#fff;} .lnkCalc:hover{text-decoration:none;}