﻿/*============================================================================
	FONTS
============================================================================*/
@font-face {
	font-family: ssp-r;
	src: url(/fonts/SourceSansPro-Regular.ttf);
	font-display: block;
}

@font-face {
	font-family: ssp-l;
	src: url(/fonts/SourceSansPro-Light.ttf);
	font-display: block;
}

@font-face {
	font-family: ssp-sb;
	src: url(/fonts/SourceSansPro-SemiBold.ttf);
	font-display: block;
}

@font-face {
	font-family: ssp-b;
	src: url(/fonts/SourceSansPro-Bold.ttf);
	font-display: block;
}


iframe {
	position: absolute;
	left: 0;
}

.menu-link-pos-mobile li {
	list-style: none;
}

.menu-link-pos-mobile ul li a {
	color: #9a9a9a;
}

.submenu-container ul > .menu-link-pos > a {
	font-size: 20px;
}

.submenu-container ul > .menu-link-pos > a.menu-link {
	border-bottom: 0px;
}

.submenu-container {
	display: none;
	z-index: 20;
	background-color: #efefef;
	position: absolute;
	left: 0;
	top: 117px;
	padding: 1% 5%;
	right: 0;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
#menu-container .submenu-container ul {
	padding-left: 40px;
	padding-right: 40px;
}

.menu-link-pos-sub {
	margin-left: 0px;
	list-style: none;
}

ul > .menu-link-pos-sub a {
	font-size: 18px;
}

ul > .menu-link-pos-sub a:hover {
	border: 0px !important;
}

.submenu-container ul {
	float: right;
	padding: 0% 6%;
	margin-bottom: 0px
}

.submenu-container ul > .menu-link-pos {
	height: auto;
	padding: 10px;
}

.btn.btn-primary {
	color: #fff;
	font-family: ssp-b;
	border-color: #cd0000;
	background: #fc0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	/* IE6-9 */
}

.custom-combobox {
	position: relative;
	display: inline-block;
	background-color: #fff;
	background-image: url('/images/input-pin-icon.png'), url('/images/input-select-icon.png');
	background-repeat: no-repeat;
	background-size: auto 20px, auto 20px;
	background-position: left center, calc(100% - 5px) center;
	border: 1px solid #7C7C7C;
	padding: 5px 27px;
	font-size: 20px;
	color: black;
	width: 100%;
	float: left;
}

.custom-combobox-toggle,
.custom-combobox-toggle:hover {
	width: 30px;
	position: absolute;
	top:0;
	bottom:0;
	right: 0;
	border: 0px;
	background-color: transparent;
	outline: 0;
	display: block;
	cursor: pointer;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
	background-color: #FFF;
	border: 0px solid #7C7C7C;
	width: 100%;
}

#ui-id-1,
#ui-id-2 {
	margin-top: 2.3% !important;
	width: 40.7% !important;
	position: absolute;
}


.ui-menu::after {
	content: attr(data-info);
	background-color: #fff;
	width: 100%;
	display: block;
	font-size: 16px;
	padding: 20px 5px;
	color: #34494F;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	margin: 0;

}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
	color: #FFF;
	background-color: #34494F;
}

.ui-menu .free.ui-menu-item .ui-menu-item-wrapper {
	background: #f1f1f1;
}

.ui-menu .free.ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-menu .free.ui-menu-item:hover .ui-menu-item-wrapper {
	background-color: #34494F;
}

.free.ui-menu-item .ui-menu-item-wrapper:before {
	content: "\f1b9";
	float: left;
	margin: 0.5em 0.625em 0.5em 0em;
	left: 0;
	font-size: .625em;
	top: 0;
	font-family: FontAwesome;
	color: #d00;
	position: relative;
	width: 20px;
	text-align: center;
	z-index: 32;
}

.free.ui-menu-item .ui-menu-item-wrapper.ui-state-active:before,
.free.ui-menu-item:hover .ui-menu-item-wrapper:before {
	color: #f66;
}


.ui-widget.ui-widget-content {
	border: 0px solid #c5c5c5;
	background-color: transparent;
	font-size: 20px;
	padding: 0px;
	color: #888;
	font-family: ssp-l;
	width: 100%;
}

@media screen and (max-width: 991px){
	.free.ui-menu-item {
		font-size: 16px;
	}
}

#ui-datepicker-div {
	background-color: white;
	width: 25%;
}

.ui-timepicker-div {
	padding: 5%;
	border-top: 2px dashed #dadada;
}

.ui_tpicker_time_label {
	text-align: center;
}

.ui_tpicker_time_input {
	width: 100%;
	text-align: center;
}

dd {
	margin-left: 0;
	padding: 2% 5%;
}

.one-line {
	white-space: nowrap;
}

.ui_tpicker_second_label.ui_tpicker_unit_hide,
.ui_tpicker_second.ui_tpicker_unit_hide,
.ui_tpicker_millisec_label.ui_tpicker_unit_hide,
.ui_tpicker_millisec.ui_tpicker_unit_hide,
.ui_tpicker_microsec_label.ui_tpicker_unit_hide,
.ui_tpicker_microsec.ui_tpicker_unit_hide,
.ui_tpicker_timezone_label.ui_tpicker_unit_hide,
.ui_tpicker_timezone.ui_tpicker_unit_hide,
.ui_tpicker_second_label,
.ui_tpicker_second {
	display: none;
}

.ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content,
.ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
	background-color: #dadada;
	height: 11px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
	display: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: left;
	margin: 0px;
	cursor: pointer;
	padding: 2%;
	width: 100%;
	overflow: hidden;
}
.datetimepicker .day {
	font-family: ssp-r;
}
.datetimepicker .day.disabled,
.datetimepicker .day.old {
	font-family: ssp-l;
}
.datetimepicker .day.active {
	font-family: ssp-sb;
}

body {
	font-family: ssp-l;
}


/* errors business form */

.errorcont {
	padding: 2%;
	margin-bottom: 2%;
}

.errorinfobs {
	text-align: center;
	padding: 2%;
	background-color: transparent;
	border: 2px solid red;
	font-size: 20px;
	color: red;
	font-family: ssp-sb;
}

.errorinfobs p {
	margin-bottom: 0px;
}

.errorcont li {
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 16px;
	color: red;
	font-family: ssp-sb;
}

.redlink {
	color: #CB0000;
}

.redlink:visited {
	color: #a90000;
}

ul > .menu-link-pos.redlink a,
.redlink > a {
	color: inherit;
}


/*============================================================================
	HEADER + MENU + OTHER STEPS
============================================================================*/

ul > .menu-link-pos a:hover,
ul > .menu-link-pos a:focus,
ul > .menu-link-pos a:active,
ul > .menu-link-pos a.active {
	border-bottom: 4px solid red;
	text-decoration: none;
}
#headertop {
	background: #efefef;
	padding: 0% 5%;
	text-align: right;
}
#headertop .phone-number {
	padding: 3px 40px 6px;
	line-height: 16px;
	font-size: 16px;
	width: 90%;
	float: left;
}
#headertop .phone-number img,
#headertop .phone-number a,
#headertop .phone-number p,
#headertop .phone-number span {
	vertical-align: middle;
	margin: 0;
	display: inline-block;
	color: inherit;
}
#headertop .phone-number span.label {
	margin-right: 9px;
	font-size: 14px;
	padding: 4px 0 2px;
	font-family: ssp-r;
	font-weight: 300;
}
#headertop .phone-number a {
	padding: 2px 0;
	color: #e30003;
	font-family: ssp-b;
}
#headertop .phone-number a:hover {
	text-decoration: underline;
}
#headertop .phone-number img {
	margin-right: 5px;
	margin-bottom: -3px;
}
#headertop .language_version {
    padding: 3px 10px 6px;
    text-align: left;
    width: 10%;
    display: inline-block;
}
#headertop .language_version img {
    margin-right: 8px;
}
#headermenu {
	height: 90px;
	width: 100%;
	padding: 0% 5%;
	background-color: white;
	z-index: 1;
	position: relative;
}
#headermenu:before {
	z-index:-1;
	content: "";
	position: absolute;
	box-shadow: 0px 0px 0 1px rgba(190, 190, 190, 1), 0px 0px 30px rgba(0, 0, 0, 0.35);
	top:0;
	left: 0;
	right: 0;
	bottom:0;
	display: block;
	clip: rect(0,100vw,100vh,0);
}


#header-right,
#menu-container {
	position: static;
}

#header-left,
#header-right,
#menu-container {
	padding: 0%;
}

#header-left img {
	padding: 20px 0px;
	height: 92px;
	display: block;
	margin-top: -2px;
}

#header-left-other img {
	padding: 20px 0px;
	height: 92px;
	display: block;
	margin-top: -2px;
}

#header-left-other {
	float: left;
}

#header-right-other {
	border-left: 2px solid #111;
	padding: 0.5% 3%;
	margin-top: 22px;
	margin-top: 19px;
	float: left;
	white-space: nowrap;
}

#header-right-other h1 {
	margin-top: 0;
	margin-bottom: 5px;
	font-family: ssp-r;
	font-size: 24px;
	color: #34494F;
}


/* DESKTOP MENU
---------------------------------------------------------------- */

#menu-container ul {
	padding: 0%;
	text-align: right;
	margin: 0px;
	display: table-cell;
	float: right;
}

ul > .menu-link-pos {
	list-style: none;
	float: left;
	height: 90px;
	text-align: right;
	padding: 0px 40px;
	padding-top: 25px;
}

ul > .menu-link-pos a {
	padding: 0;
	font-size: 24px;
	color: #34494F;
	font-family: ssp-l;
	text-align: right;
	display:block;
}
ul > .menu-link-pos > a {
	height: 65px;
	padding: 0px 0 4px;
}

/* MOBILE MENU
---------------------------------------------------------------- */

#hamburger-container {
	display: none;
	text-align: right;
	font-size: 19px;
	padding-top: 16px;
	padding-left: 0px;
	padding-right: 10px;
}

#hamburger-container a {
	float: right;
}

#hamburger-container p {
	float: right;
	margin-left: 9px;
}

#menu-mobile {
	display: none;
	padding: 0px;
	background-color: white;
}

#menu-mobile ul {
	padding: 0px;
	margin-left: 0px;
}

ul > .menu-link-pos-mobile {
	list-style: none;
	padding: 0;
	border-bottom: 1px dashed #111;
	margin-left: 0px;
}

ul > .menu-link-pos-mobile:hover {
	background-color: #dadada;
}

ul > .menu-link-pos-mobile > a.menu-link-mobile {
	color: #34494F;
	padding: 0 5%;
	display: block;
}

ul > .menu-link-pos-mobile .menu-link-pos-sub a.menu-link,
ul > .menu-link-pos-mobile a.menu-link-mobile {
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}

.mobile-menu-visible {
	display: none;
}

.menu-link-mobile {
	font-size: 15px;
}

#mobile-menu-start:hover {
	cursor: pointer;
}

#heroform h1,
#heroform-other h1,
#herobgother-bz h1,
#herooc h1 {
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}

/*============================================================================
	FOOTER
============================================================================*/

#footer-container {
	background-color: #57595B;
	padding: 1% 5%;
}

.footer-inside-column h5 {
	font-family: ssp-l;
	font-size: 16px;
	height: 70px;
	display: table-cell;
	vertical-align: bottom;
	color: white;
}

.footer-inside-column p {
	margin-top: 20px;
	font-family: ssp-r;
	font-size: 16px;
	color: white;
}

.footer-inside-city {
	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #797A7C;
}

.footer-inside-city p {
	font-family: ssp-l;
	font-size: 16px;
	color: white;
	margin-right: 40px;
	float: left;
}

.footer-inside-city p.headercity a {
	color: white;
	text-decoration: none;
}

.footer-inside-column p a {
	color: #dadada;
}

.city a {
	color: white;
	text-decoration: underline;
}

.copyright-left,
.copyright-right {
	padding-top: 20px;
}

.copyright-left p,
.copyright-left a {
	color: #AFAFAF;
	font-size: 16px;
	font-family: ssp-l;
}

.copyright-right {
	text-align: right;
}

.copyright-right img {
	height: 39px;
	margin-left: 20px;
}

.footer-menu {
	padding: 1% 5%;
	background: #cdcdcd;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #cdcdcd 0%, #cdcdcd 0%, #e7e7e7 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #cdcdcd 0%, #cdcdcd 0%, #e7e7e7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #cdcdcd 0%, #cdcdcd 0%, #e7e7e7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#e7e7e7', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.footer-menu .fmi-big {
	font-size: 18px;
	font-family: ssp-r;
	color: #34494F;
	line-height: 36px;
}

.footer-menu-inside {
	text-align: left;
}

.footer-menu .fmi-small {
	font-size: 14px;
	font-family: ssp-l;
	color: #34494F;
	margin-left: 20px;
}

.footer-menu ul {
	text-align: center;
}

.footer-menu ul li {
	list-style: none;
	float: left;
}

#jmCookieMessageInner{
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px 80px;
	background-color: #E9E9E9;
	z-index: 2147483640; /* to livechat with love */
	border-top: 3px solid #dadada;
}

#jmCookieMessageBack p{
	color: black;
	float: left;
}

.cookieblocked{
	display: none !important;
}

#jmCookieMessageButton{
	float: right;
	background: #fc0000 none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	margin-top: 4px;
	padding: 3px 7px 5px;
	z-index: 100000004;
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	border: 0;
}

/*============================================================================
	STEP 2 - CAR TYPE
============================================================================*/

#car-wrap-step-2 {
	background-image: url(/images/step2bg.jpg);
	background-size: cover;
	padding: 1% 5% 2% 5%;
}

.car-type {
	background-color: white;
	background-color: white;
	padding: 15px;
	transition: 1s all;
	margin-bottom: 20px;
}

.car-tab{
	width: 215px;
}

.car-tabs .active a h3 {
	font-family:ssp-b;
}

.car-tabs .nav-item a h3 {
	margin: 0;
	display: inline-block;
	color: #34494F;
	padding: 0 20px;
	height: 30px;
}

.car-tab-dropdown a h3 {
	margin: 0;
	display: inline-block;
	color: #34494F;
	padding: 0 20px;
	height: 30px;
}

.car-tab .active a h3 {
	font-family:ssp-b;
}

@media screen and (max-width: 991px){
	.car-tab{
		display: none !important;
	}
}

@media screen and (min-width: 992px){
	.car-tab-dropdown{
		display: none !important;
	}
}

.car-type-next-step {
	background-color: white;
	padding: 0%;
	opacity: 1;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}


.tab-pointer {
	display: inline-block;
	position:absolute;
	left:0;
	width: 20px;
	height: 30px;
	background: -moz-linear-gradient(left, #ff0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(left, #ff0000 0%, #cd0000 99%);
	background: linear-gradient(to left, #ff0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cd0000', GradientType=1);
}
.tab-pointer:before {
	content: "";
	position: absolute;
	right: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 11px solid red;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}


.car-type-header {
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
	text-align: left;
}

.car-type-header-inside {
	padding: 1%;
}
.slider-label {
	color: #e30003;
	font-family: ssp-r;
	font-size: 18px;
	margin-top: 20px;
}
.car-type-header-inside h2 {
	margin: 0;
	font-size: 24px;
	font-family: ssp-b;
	color: #34494F;
}

.car-type-header-inside h2 span {
	margin: 0;
	font-size: 16px;
	font-family: ssp-r;
	color: #34494F;
}

.car-classname {
	border-top: 4px solid #EE3B3B;
}

.class-name h2{
	color: #939d9f;
}

.car-type-descr-inside {
	padding-left: 0;
	padding-right: 0;
	/* padding: 1% 0%; */
}

.car-type-descr-inside:last-of-type {
	margin-bottom:10px;
}

.car-type-descr-inside-car {
	text-align: center;
}

.car-typebutton {
	text-align: right;
	padding: 1%;
	padding-top: 0;
}

.car-typebutton button[type="submit"] {
	color: white;
	background: #fc0000;
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	border: 0;
	font-family: ssp-b;
	font-size: 20px;
	padding: 20px 30px;
	text-transform: uppercase;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
    .car-typebutton button[type="submit"] {
        padding: 20px 10px;
        width: 80%;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.car-type-descr-inside-pp-d-tab{
		width: 123%;
	}
}


@media screen and (max-width: 1500px) and (min-width: 1200px) {
	_:-ms-lang(x),
	.car-type-descr-inside-pp-d-tab {
		width: 124%;
	}
}

.cpi-title span {
	display: block;
	font-family: ssp-sb;
}

#registerinfo {
	background-color: white;
	padding: 0 20% 4% 20%;
}

#registerinfo h2 {
	font-size: 42px;
	font-family: ssp-l;
	color: #34494F;
	text-align: center;
	margin-bottom: 40px;
}

#registerinfo p {
	font-size: 24px;
	font-family: ssp-l;
	color: #34494F;
}

#registerinfo p span {
	font-family: ssp-r;
}

.car-type-descr-inside-pp {
	padding: 0px;
}

.car-type-descr-inside-pp .ctdip-c {
	padding: 0px;
}

.ctdip-l h3 {
	text-align: right;
}

#mapheader {
	background-color: #E7E7E7;
	padding: 3% 5%;
	text-align: center;
}

#mapheader h2 {
	font-size: 60px;
	font-family: ssp-l;
	color: #34494F;
	margin-top: 0px;
	margin-bottom: 0px;
}

.ctdip-c {
	text-align: right;
}

.ctdip-r {
	text-align: left;
}

.ctdip-r h3 {
	text-align: left;
}

.car-type-descr-inside .car-type-descr-inside-pp h3 {
	font-size: 20px;
	color: #34494F;
	font-family: ssp-r;
	height: 20px;
	text-align: right;
	position: relative;
	top: 50px;
	margin: 0;
}

.mobcardes {
	display: none;
}
.mobcardes2 {
	display: block;
	min-height: 105px;
}

.car-type-descr-inside .car-type-descr-inside-pp .ctdip-r h3 {
	text-align: center;
}

.car-type-descr-inside .car-type-descr-inside-pp span {
	font-size: 76px;
	color: #50AA00;
	font-family: ssp-b;
	margin-left: 10px;
	margin-right: 10px;
}

.car-type-descr-inside-ul {
	padding: 0%;
}

.car-type-descr-inside-pp-d {
	text-align: center;
	padding: 0px;
	columns:1;
}

.car-type-descr-inside-pp-d h3,
.car-type-descr-inside-pp-d-tab h3 {
	font-size: 25px;
	color: #34494F;
	font-family: ssp-r;
	height: 20px;
	text-align: right;
	position: relative;
	margin: 0;
}
.car-type-descr-inside-pp-d div{
	height: auto;
}


.car-type-descr-inside-pp-d-tab div{
    height: 35px;
}
.car-type-descr-inside-pp-d span {
	font-size: 4.5vw;
	color: #34494F;
	font-family: ssp-b;
	margin: 10px;
	color: #50AA00;
	height: auto;
}

.car-type-descr-inside-pp-d-tab {
    line-height: normal;
	text-align: center;
	padding: 0px;
	columns:1;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

.car-type-descr-inside-pp-d-tab span {
	font-size: 60px;
	color: #34494F;
	font-family: ssp-b;
	color: #50AA00;
	height: auto;
    display: inline-block;
    margin-top: -25px;
}

@media screen and (min-width: 1200px) {
	.car-type-descr-inside-pp-d span {
		font-size: 4vw;
	}
}

.variants-summary-lg {
	overflow: hidden;
}
@media screen and (min-width: 992px) {

	.car-type-descr-flex{
		display: flex;
		align-items: center;
	}

	.variants-summary-lg{
		display: none;
	}
}

.boldprice p {
	font-size: 26px;
	font-family: ssp-sb;
	color: #34494F;
	position: relative;
	top: -2px;
}

.other-icons-ul li,
.green-check-ul li {
	font-size: 1vw;
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 20px;
	margin-right: 17px;
	list-style: none;
	text-align: left;
}

.other-icons-ul {
	padding-top: 5%;
	padding-left: 0px;
}

.other-icons-ul li img {
	margin-right: 10px;
}

.car-feature-flex{
	display: flex;
	align-content: space-between;
	align-items: center;
	justify-content: space-around;
	flex-flow: row wrap;
}

.car-feature-flex-item{
	flex: 1 0 30%;
	padding: 10px 0px;
	text-align: center;
}

.car-feature-flex-item-tile{
	flex: 1 0 45%;
	padding: 10px 5px;
	text-align: left;
	display: flex;
}

.car-feature-flex-item span{
	font-size: 20px;
	font-family: ssp-r;
}
.car-feature-flex-item-tile span{
	font-size: 17px;
	font-family: ssp-r;
}

.car-feature-table{
	width: 100%;
	text-align: left;
}

.car-feature-table tr div{
	padding: 10px 0;
}

.car-feature-table-bar tr div{
	padding: 20px 0;
}

.car-feature-table tr div.car-feature-text,
.car-feature-table-bar tr div.car-feature-text{
    min-width: 80px;
    max-width: 280px;
}

.car-feature-table td{
	padding-right: 5px;
	font-size: 18px;
}

.car-feature-table-bar td{
	padding-right: 5px;
	font-size: 22px;
}

.car-feature-table td{
	padding-right: 5px;
	font-size: 18px;
}

.green-check-ul li i {
	color: #50AA00;
	font-size: 30px !important;
	margin-right: 10px;
}

.green-check-ul {
	padding-top: 2%;
	padding-left: 0px;
}

@media screen and (max-width: 991px){
	.mobile-header-margin{
		margin-top: 126px;
	}
	.change-button.car-change-button.datebc-inside{
		padding: 0;
	}
	.change-button.car-change-button{
		position:relative;
		left: auto;
		top: auto;
		right: auto;
		padding: 0;
		margin: 0 0 -43px;
		z-index: 1;
		float: right;
	}
	.change-button.car-change-button a{
		margin: 0;
		position: astatic;
		top: auto;
	}
	.car-descr-summary{
		display: none;
	}
}

@media screen and (max-width: 560px){
	.mobile-header-margin{
		margin-top: 111px;
	}
	.change-button.car-change-button{
		top: 2vw;
	}
}

@media screen and (max-width: 991px){
	#mapheader {
		margin-top: 65px;
	}
}

.car-type-bar h3{
	font-size: 20px;
	display: inline;
}

.car-type-bar span{
	font-size: 50px;
}

.car-type-bar .price-text span{
	font-size: 20px !important;
}

.cariconmob-popover {
	display: none;
	position: absolute;
	background-color: #4FA900;
	padding: 2%;
	border: 2px solid white;
	top: -180%;
	text-align: center;
}

.cariconmob-popover p {
	color: white;
	font-size: 18px;
	font-family: ssp-sb;
	margin-bottom: 0px;
}

.slider {
	/* padding: 0 40px;*/
	position: relative;
}
.slider img {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	margin: 0 auto;
}
.slider .slick-list {
	overflow: hidden;
}
.slider .slick-slide {
	display: inline-block;
	vertical-align: top;
	outline: 0;
}
.slider .slick-arrow {
	background: transparent none;
	border: 0 none;
	color: transparent;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	outline: 0;
	z-index: 1;
}
.slider .slick-arrow:before {
	color: #e30003;
	font-family: "FontAwesome";
	font-size: 32px;
	font-weight: normal;
	display: block;
	width: inherit;
	height: inherit;
	text-align: center;
	text-indent: 0;
	line-height: 40px;
	position: absolute;
	right: 0px;
	top: 0;
}
.slider .slick-arrow.slick-disabled:before {
	color: #ccc;
}
.slider .slick-arrow.slick-prev {
	left: 0px;
}
.slider .slick-arrow.slick-prev:before {
	content: "\f053";
}
.slider .slick-arrow.slick-next {
	right: 0px;
}
.slider .slick-arrow.slick-next:before {
	content: "\f054";
}
.slider .slick-slide .slide {
	padding: 0 40px;
}
/*============================================================================
	STEP 3 - PERSONALISATION
============================================================================*/

#car-wrap {
	background-image: url(/images/step2bg.jpg);
	background-size: cover;
	background-position: center center;
	padding: 1% 5% 2% 5%;
}

.summarycontainer {
	background-color: white;
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	z-index: 1;
	top: 0;
	bottom: 0;
}

.stickybuttonscontainer button,
.summarycontainer button {
	color: white;
	background: #fc0000;
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	border: 0;
	font-family: ssp-b;
	font-size: 20px;
	padding: 12px 25px;
	margin: 10px;
	text-transform: uppercase;
	border-radius: 3px;
}

@media (min-height: 700px) {
	.button-container.stickybuttonscontainer.sticky {
		position: -moz-sticky;
		position: -webkit-sticky;
		position: sticky;
	}
}
.button-container.stickybuttonscontainer {
	bottom: 0;
	z-index: 2;
	clear: both;
	padding: 0;

	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}
@media (min-width: 768px) {
	.button-container.stickybuttonscontainer {
		display: none;
	}
}
.button-container.stickybuttonscontainer {
}
.stickybuttonscontainer button {
	margin: 0;
	border-radius: 0;
	width: 50%;
	white-space: normal;

	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.summarycontainer button.btn-block {
	margin: 0px;
	white-space: normal;
	line-height: 20px;
	height: 65px;
	padding: 12px 10px 12px;
}

.btn.btn-primary {
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
}

.btn.btn-secondary {
	background: -moz-linear-gradient(top, #2e4648 0%, #2a3b42 99%);
	background: -webkit-linear-gradient(top, #2e4648 0%, #2a3b42 99%);
	background: linear-gradient(to bottom, #2e4648 0%, #2a3b42 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4648', endColorstr='#2a3b42', GradientType=0);
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
	color: #fff;
}

.button-container {
	text-align: right;
	padding: 4%;
}

.summary-list {
	padding: 5% 4% 5% 1%;
}

.summary-list .separator {
	margin: 15px 0;
	width: 100%;
}

.summary {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	clear: both;
}

.summary-left,
.summary-right {
	font-size: 20px;
	font-family: ssp-l;
	font-weight: normal;
	color: #34494F;
	margin: 0;
	padding: 0.5em 0;
	text-align: left;
	flex-grow: 1;
	line-height: 1.25em;
}

.summary-left a {
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.summary-left a img {
	vertical-align: baseline;
}

.summary-right {
	font-family: ssp-r;
	text-align: right;
	white-space: nowrap;
}

span.separator {
	width: 90%;
	margin-left: 6%;
	height: 1px;
	background-color: #dadada;
	margin-bottom: 30px;
}

.summary-info {
	font-size: 16px;
	font-family: ssp-l;
	color: #34494F;
	text-align: right;
}

.affix {
	position: fixed;
	top: 0;
	right: 5%;
	width: 30%;
	z-index: 500;
}

#before_coupon{
	text-decoration: line-through;
	padding-right: 10px;
	font-family: ssp-r;
}

#coupon_button{
	font-size: 16px;
	padding: 6px 10px;
	margin-right: 0;
}

.coupon-code-input {
	width: 180px;
	background: #e7e7e7;
	border: 1px solid #7c7c7c;
	font-size: 16px;
	padding: 2px 5px;
	font-family: ssp-r;
}

.coupon-container{
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.coupon-container span{
	font-size: 16px;
}

.coupon-container span.coupon-message{
	font-size: 14px;
}

#coupon_valid{
	color: #50AA00;
}

#coupon_invalid{
	color: #fc0000;
}

.coupon-button-container{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.after-coupon-price{
	font-family: ssp-sb;
}


/* VARIANTS
---------------------------------------------------------------- */

.ic-dec-quan {
	position: absolute;
	top: 0;
	left: 30%;
	display: none;
}

.minusquant,
.plusquant {
	background-color: #34494F;
	color: white;
	padding: 5px;
	height: 28px;
	display: inline-block;
	width: 25px;
	position: relative;
	top: -1px;
	text-align: center;
	font-size: 15px;
	line-height: 15px;
}

.minusquant:hover,
.plusquant:hover {
	cursor: pointer;
	background-color: #fc0000;
}

.variant_quantity {
	height: 28px;
	border: 0px;
	width: 60px;
	text-align: center;
}

.variantscontainer {
	padding-right: 3%;
	padding-left: 0;
}

.variantscontainer h2 {
	font-size: 30px;
	font-family: ssp-sb;
	color: #34494F;
	padding-top: 25px;
}

.variantscontainer h2:first-of-type {
	padding-top: 15px;
}

.variantscontainer h2 span {
	font-size: 30px;
	font-family: ssp-l;
	color: #34494F;
}

.variantscontainer h4 {
	font-size: 24px;
	font-family: ssp-sb;
	color: #34494F;
}
.variantscontainer .variant-label {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: calc(100% - 40px);
}

.variantscontainer label {
	font-size: 20px;
	font-family: ssp-l;
	color: #34494F;
	vertical-align: middle;
}

.variantscontainer dt {
	position: relative;
	clear: left;
	margin-top: 20px;
}

.variantscontainer dd {
	margin-left: 40px;
	padding: 0% 0%;
	font-family: ssp-r;
	font-style: italic;
	font-size: 16px;
	position: relative;
	margin-top: -8px;
}

input.variant_checkbox,
input.variant_radio {
	opacity: 0.01;
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 30px;
	margin: 0;
	cursor: pointer;
	z-index: 1;
}

input.variant_checkbox ~ i {
	display: inline-block;
	vertical-align: middle;
	background: white;
	border: 1px solid #7D7D7D;
	height: 30px;
	width: 30px;
}

input.variant_radio ~ i {
	display: inline-block;
	background: white;
	border: 1px solid #7D7D7D;
	height: 30px;
	width: 30px;
	border-radius: 999px;
}

input.variant_checkbox ~ i:after,
input.variant_radio ~ i:after  {
	float: left;
	height: 25px;
	width: 25px;
	font-family: fontawesome;
	color: #FF0000;
	opacity: 0.01;
	text-align: center;
	margin-top: 2px;
	margin-left: 0;
	transition: 0.2s all;
	font-style: normal;
	padding-left: 3px;
}

input.variant_checkbox ~ i:after {
	content: "\f00c";
	font-size: 17px;
}

input.variant_radio ~ i:after {
	content: "\f111";
	font-size: 12px;
	margin-top: 6px;
}

input.variant_checkbox:checked ~ i:after,
input.variant_radio:checked ~ i:after {
	opacity: 1;
	transition: 0.2s all;
}

.variants-tooltip {
	position: relative;
	left: 20px;
}

.delivery-tooltip {
	margin-right: 8px;
}

.car-type-descr-inside-mob {
	display: none;
}
.car-type-header-inside .car-name {
	font-style: normal;
}


/*============================================================================
	REGISTRATION MODAL
============================================================================*/

#modal-reg-blend {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(/images/modalbg.png);
	background-position: center center;
	background-size: cover;
	background-repeat: repeat;
	padding: 5% 10%;
	display: none;
	z-index: 10000000;
}

#modal-reg {
	background-color: white;
	padding: 0px;
}

#modal-head {
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 6%, #efefef 65%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 6%, #efefef 65%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 6%, #efefef 65%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	padding: 2%;
}

#modal-close {
	text-align: right;
	padding-top: 5px;
}

#modal-header {
	font-size: 24px;
	font-family: ssp-b;
	color: #34494F;
}

#modal-content {
	padding: 5%;
}

#modal-content ul {
	list-style-image: url(/images/checkicon2.png);
}

#modal-content ul li {
	font-size: 20px;
	font-family: ssp-l;
	color: #34494F;
	margin-bottom: 30px;
}

.vis-modal {
	display: block !important;
}

#modal-close {
	cursor: pointer;
}


/*============================================================================
	STEP 4 - SUMMARY
============================================================================*/

#summary-form-step4 {
	padding-top: 1%;
	padding-right: 3%;
}

#summary-form-step4 h1 {
	font-family: ssp-sb;
	font-size: 30px;
	color: #34494F;
	margin-top: 0;
}

#summary-form-step4 p {
	font-family: ssp-r;
	font-size: 18px;
	color: #34494F;
}
#summary-form-step4 {
	margin-top:15px;
}
#summary-form-step4 form {
	width: 90%;
}

#summary-form-step4 form div label {
	display: block;
	font-family: ssp-r;
	font-size: 20px;
	color: #34494F;
	font-weight: 100;
	margin-bottom: 1px;
}

#summary-form-step4 form div label span {
	font-family: ssp-l;
	font-size: 20px;
	color: #34494F;
	font-weight: 100;
}
#summary-form-step4 form div label span.more-info {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}

#summary-form-step4 form div input {
	font-size: 18px;
	background-color: white;
	border: 1px solid #7C7C7C;
	padding: 0.65em 1em;
	width: 100%;
	margin-bottom: 10px;
}

#summary-form-step4 form div input.error {
	border-color: #f00;
}

#summary-form-step4 form div input[type='number'] {
	-moz-appearance: textfield;
}

#summary-form-step4 form div input::-webkit-outer-spin-button,
#summary-form-step4 form div input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

#summary-form-step4 form fieldset {
	display: none;
	width: auto;
	border: 0 none;
	min-width: 100%;
}

#summary-form-step4 form fieldset.active {
	display: block;
}

#summary-form-step4 form .half-md {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

#summary-form-step4 form .half-md + .half-md {
	margin-lefT: 2%;
}

#summary-form-step4 h3 {
	font-family: ssp-sb;
	font-size: 22px;
	color: #34494F;
	margin-top: 15px;
	margin-bottom: 15px;
}

#summary-form-step4 .checkbox
{
	margin-bottom:0;
}

#summary-form-step4 .checkbox label {
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: 100;
	padding:0;
}

#ocform .agreement {
	padding-left: 60px;
}

#summary-form-step4 .checkbox,
#summary-form-step4 .agreement {
	padding-left: 48px;
}

#summary-form-step4 .checkbox div
{
	display: inline-block;
}

#summary-form-step4 .checkbox div:not(:last-child)
{
	margin-right:100px;
}

#summary-form-step4 .agreement button.more,
#ocform .agreement button.more {
	border: 0 none;
	outline: 0;
	background: transparent none;
	padding: 0;
	text-decoration: underline;
}

#ocform .agreement label,
#summary-form-step4 .agreement label {
	font-size: 14px;
	font-family: ssp-l;
	color: #34494F;
	font-weight: 100;
	margin-bottom: 25px;
}

#summary-form-step4 form div p {
	margin-bottom:10px;
	font-size: 16px;
	font-style: italic;
}

#summary-form-step4 form div.password input {
	margin-bottom: 10px;
}

#summary-form-step4 form div.password a {
	font-size: 16px;
}
#ocform .agreement,
#summary-form-step4 form div {
	position: relative;
}

#ocform input[type='checkbox'],
#summary-form-step4 input[type='radio'],
#summary-form-step4 input[type='checkbox'] {
	opacity: 0.01;
	position: absolute;
	left: 0;
	top: 1px;
	height: 30px !important;
	width: 30px !important;
	margin: 0;
	cursor: pointer;
	z-index: 1;
}

#summary-form-step4 input[type='radio'] {
	left: -32px;
}

#ocform input[type='checkbox'] ~ i,
#summary-form-step4 input[type='radio'] ~ i,
#summary-form-step4 input[type='checkbox'] ~ i {
	display: inline-block;
	background: white;
	border: 1px solid #7D7D7D;
	height: 30px;
	width: 30px;
	float: left;
	margin-left: -60px;
	margin-right: 30px;
	/*margin-bottom: 60px;*/
}

#summary-form-step4 input[type='radio'] ~ i,
#summary-form-step4 input[type='checkbox'] ~ i {
	margin-left: -48px;
	margin-right: 12px;
}

#summary-form-step4 input[type='radio'] ~ i {
	border-radius: 999px;
}
#ocform input[type='checkbox'] ~ i {
	background-color: #E7E7E7;
}
#ocform input.error[type='checkbox'] ~ i,
#summary-form-step4 input.error[type='checkbox'] ~ i {
	border-color: #f00;
}

#ocform input[type='checkbox'] ~ i:after,
#summary-form-step4 input[type='radio'] ~ i:after,
#summary-form-step4 input[type='checkbox'] ~ i:after {
	display:block;
	height: 30px;
	width: 30px;
	content: "\f00c";
	font-family: fontawesome;
	color: #FF0000;
	opacity: 0.01;
	text-align: center;
	font-size: 17px;
	margin-left: -2px;
	transition: 0.2s all;
	font-style: normal;
}
#summary-form-step4 input[type='radio'] ~ i:after {
	font-size: 12px;
	margin-left:-1px;
	margin-top:5px;
	content: "\f111";
}
#ocform input[type='checkbox']:checked ~ i:after,
#summary-form-step4 input[type='radio']:checked ~ i:after,
#summary-form-step4 input[type='checkbox']:checked ~ i:after {
	opacity: 1;
	transition: 0.2s all;
}

#summary-form-step4 .variantscontainer label {
	display: inline-block;
	vertical-align: middle;
	font-family: ssp-l;
	font-size: 20px;
	color: #34494F;
	font-weight: 100;
}
#summary-form-step4 fieldset.company {
	display: none;
}

.button-step4-div {

	margin-top: 30px;
	margin-bottom: 20px;
}

.button-step4-div button {
	color: white;
	background: #aaa;
	border: 0;
	background: #fc0000;
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	font-family: ssp-b;
	font-size: 20px;
	padding: 12px 45px;
	text-transform: uppercase;
	border-radius: 3px;
}

.button-step4-div button:disabled {
	background: -webkit-linear-gradient(#ddd 0%, #aaa 99%);
	background: -o-linear-gradient(#ddd 0%, #aaa 99%);
	background: linear-gradient(#ddd 0%, #aaa 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa', GradientType=0);
}

.button-step4-div button small {
	font-size: 0.75em;
	font-family: ssp-l;
	display: block;
	margin-top: -0.25em;
	text-transform: initial;
}

#errorsstep4 {
	padding-left:0;
	margin-bottom: 30px;
}

.back-button {
	color: #CB0000;
	text-decoration: underline;
	font-size: 20px;
	font-family: ssp-sb;
	text-transform: lowercase;
    position: relative;
    z-index: 1;
}

.back-cont {
	padding: 15px 15px;
}

.back-cont img {
	margin-right: 15px;
}

.back-button:hover {
	color: #FF0000;
	text-decoration: none;
}

/* SUMMARY BLOCK TOP
---------------------------------------------------------------- */
#summary-top-step4 {
	padding-left: 5%;
	padding-right: 5%;
}

#summary-top-step4  h2 {
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	font-family: ssp-sb;
	font-size: 30px;
	color: #34494F;
}

#summary-top-step4 .summary-place-info-adress-date {
	margin-left:15px;
}

#summary-top-step4  h3 {
	margin-top: 5px;
    font-family: ssp-r;
	color: #34494F;
	overflow:hidden;
}

#summary-top-step4 h3 span {
	display: inline-block;
	position: relative;
}

#summary-top-step4 h3 span:after {
	content: "";
	position: absolute;

	border-bottom: 1px solid #e5e5e5;
	bottom: 2px;
	width: 2000px;
	margin-left: 10px;
}

#summary-top-step4 .summary-place-info-adress-date div,
#summary-top-step4 .summary-place-info-car div {
	display: inline-block;
	margin-bottom: 5px;
}

#summary-top-step4 .summary-place-info-adress-date div:not(:last-child),
#summary-top-step4 .summary-place-info-car div:not(:last-child) {
	margin-right: 75px;
}

#summary-top-step4 .summary-place-info-adress-date div img {
	padding-right: 15px;
}

#summary-top-step4 .summary-place-info-adress-date div img.arrowicon {
	padding-left: 15px;
}

#summary-top-step4 .summary-place-info-adress-date div span {
	font-size: 18px;
}

#summary-top-step4 .summary-place-info-car {
	padding:0;
	margin-bottom:20px;
	margin-left: 15px;
}

#summary-top-step4 .summary-place-info-car div.car-type {
	color: #939d9f;
    font-family: ssp-b;
	font-size: 24px;
	padding:0;
	margin-bottom:0;
}
#summary-top-step4 .summary-place-info-car div.car-name {
	padding:0;
	margin:0;
	font-size: 17px;
}
#summary-top-step4 .summary-place-info-car div.car-name span {
    font-family: ssp-b;
	font-size: 24px;
}


/* SUMMARY BLOCK
---------------------------------------------------------------- */

#summary-step4 {
	background-color: white;
	padding: 0;
	float: right;
}

#summary-step4 h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-family: ssp-sb;
	font-size: 30px;
	color: #34494F;
}

.summary-place-info {
	padding: 2%;
	background: #aaa;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 99%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 99%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EFEFEF', GradientType=0);
}

.summary-place-info-adress p {
	vertical-align: top;
	max-width: calc(100% - 3em);
}

.summary-place-info-adress p,
.summary-place-info-date span {
	font-size: 18px;
	font-family: ssp-r;
	color: #34494F;
	display: inline-block;
	position: relative;
	top: 3px;
}

.summary-place-info-adress img,
.summary-place-info-date img {
	margin-right: 20px;
	display: inline-block;
	position: relative;
	margin-left: -0.8%;
}

img.arrowicon {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

#summary-step4 .summary-place-info-car h2 {
	font-size: 24px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 0px;
}

#summary-step4 .summary-place-info-car h2 span {
	font-size: 16px;
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 0px;
}

.summary-place-info-date,
.summary-place-info-adress {
	padding-top: 1%;
	padding-bottom: 1%;
}

.car_name-class {
	text-align: right;
}

.summary-place-info-car {
	padding: 0;
	padding-top: 4%;
}

.summary-car-info {
	padding-top: 2%;
	padding-bottom: 2%;
}

.summary-car-info div {
	padding: 2%;
}

.summary-car-info-price {
	text-align: right;
	padding-top: 4% !important;
}

.summary-car-info-price h3 {
	font-size: 20px;
	color: #34494F;
	font-family: ssp-r;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

.summary-car-info-price span {
	font-size: 76px;
	white-space: nowrap;
	color: #50AA00;
	font-family: ssp-b;
	position: relative;
	margin-left: 15px;
}

.summary-variant-info,
.summary-variant-other-info {
	padding: 1.5% 4%;
}

.summary-variant-info h3,
.summary-variant-other-info h3,
.summary-variant-other-info-group h3 {
	font-size: 24px;
	color: #34494F;
	font-family: ssp-b;
	margin-bottom: 20px;
}

.summary-variant-info h4,
.summary-variant-other-info h4 {
	font-size: 20px;
	color: #34494F;
	font-family: ssp-r;
	margin-bottom: 0px;
}

.summary-variant-info span,
.summary-variant-other-info span {
	font-size: 16px;
	color: #34494F;
	font-family: ssp-l;
	font-style: italic;
}

.summary-variant-other-info-group {
	padding: 1% 4% 4% 4%;
}



.summary-variant-other-info-group .summary-variant-other-info {
	margin-top: 0;
	padding: 0;
}

.summarycontainer-step4 {
	background-color: white;
}

.stopcontainer {
	position: absolute;
	top: 100vh;
	bottom: 0;
}

/*============================================================================
	DATE BREADCRUMPS
============================================================================*/

.datebreadcrumps {
	padding: 0.2% 3.5%;
	background: #d8d8d8;
	/* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #efefef 40%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d8d8d8 0%, #efefef 40%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d8d8d8 0%, #efefef 40%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#efefef', GradientType=0);
}

.datebc-inside a {
	color: #CB0000;
	font-size: 18px;
	font-family: ssp-r;
	text-decoration: none;
	position: relative;
	top: 0px;
	display: block;
}

.datebc-inside.change-button {
	text-align: right;
	white-space: nowrap;
}

.datebc-inside.change-button a span {
	margin-right: 7px;
	font-family: ssp-b;
	text-transform: uppercase;
}

.datebc-inside.change-button a:hover span {
	text-decoration: underline;
}


/*============================================================================
	HOMEPAGE - HEROSCENE + FORM FILTER
============================================================================*/

#heroform {
	padding: 0 5% 50px 5%;
	/*background-image: linear-gradient(rgba(232,232,232,0) 10vw, rgba(232,232,232,1) 25vw, rgba(232,232,232,1) 100%), url(/images/herobg.jpg);*/
	background-size: auto auto, 100% auto;
	background-repeat: repeat-x, no-repeat;
	background-position: left top, center top;
	background-color: #e6e7e7;
	text-align: center;
}

#heroform h1 {
	font-size: 42px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 20px;
}

#heroform-other {
	padding: 15vw 0% 0px 0%;
	/*background-image: linear-gradient(rgba(232,232,232,0) 10vw, rgba(232,232,232,1) 25vw, rgba(232,232,232,1) 100%), url(/images/herobgother.jpg);*/
	background-size: auto auto, 100% auto;
	background-repeat: repeat-x, no-repeat;
	background-position: left top, center top;
	text-align: center;
}

#heroform-other .form-wrapper {
	padding-top: 0;
}

/*
#heroform-other.hf-o-bz {
	background-image: linear-gradient(rgba(232,232,232,0) 10vw, rgba(232,232,232,1) 25vw, rgba(232,232,232,1) 100%), url(/images/herobgother-bz.jpg);
}
*/

#heroform-other h1 {
	font-size: 42px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 20px;
}

.form-wrapper h1.nhf-h1 {
	color: #34494F !important;
}

#rent-content {
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 5%;
}
#rent-content.lazyloaded {
	background-image: url('/images/rent-img.png');
}

.error-page.error-404 {
	position:relative;
}
.error-page.error-404 #heroerror {
	padding: 0 5%;
}

.error-page.error-404 .content-block {
	background: #fff linear-gradient(180deg, rgba(0,0,0,0.1) 0px, rgba(0,0,0,0.0) 20px) 0 0 no-repeat;
	border-radius: 0 0 4px 4px;
	margin: 0;

}
.error-page.error-404 h1 {
	font-family: ssp-sb;
	margin: 0 0 10px;
}
.error-page.error-404 p {
	font-family: ssp-r;
	margin: 0;
}
.error-page.error-404 .back-link {
	position: absolute;
	background: transparent;
	overflow: hidden;
	text-indent: -900px;
	display: block;
}
@media screen and (max-width: 639px) {
	.error-page.error-404 {
	}
	.error-page.error-404 #heroerror {
		background: #1e1616 none 50% 0% / auto auto no-repeat;
		height: 360px;
	}
	.error-page.error-404 #heroerror.lazyloaded {
		background-image: url('/ic/images/heroerror.jpg?width=840&heightMax=450&center-crop=1');
	}
	.error-page.error-404 .back-link {
		width: 275px;
		height: 150px;
		left: 45%;
		margin-left: -132px;
		top: 32%;
	}


}
@media screen and (min-width: 640px) and (max-width: 990px) {
	.error-page.error-404 {
	}
	.error-page.error-404 #heroerror {
		background: #1e1616 none 50% 0% / auto auto no-repeat;
		height: 450px;
	}
	.error-page.error-404 #heroerror.lazyloaded {
		background-image: url('/ic/images/heroerror.jpg?width=990&heightMax=550&center-crop=1');
	}

	.error-page.error-404 .back-link {
		width: 320px;
		height: 175px;
		left: 47.6%;
		margin-left: -160px;
		top: 32%;
	}
}
@media screen and (max-width: 990px) {
	.error-page.error-404 {
		margin-top: 65px;
	}
	.error-page.error-404 .content-block > * {
		padding: 20px 20px 20px;
	}
	.error-page.error-404 h1 {
		font-size: 20px;
	}
	.error-page.error-404 p {
		font-size: 16px;
	}
}
@media screen and (min-width: 991px) {
	.error-page.error-404 {
	}
	.error-page.error-404 #heroerror {
		background: #1e1616 none 50% 50% / cover no-repeat;
		height: 60vw;
		margin: 0 auto;
	}
	.error-page.error-404 #heroerror.lazyloaded {
		background-image: url('/ic/images/heroerror.jpg?width=1300&height=780');
	}
	.error-page.error-404 .content-block > * {
		padding: 20px 20px 30px;
	}
	.error-page.error-404 h1 {
		font-size: 24px;
	}
	.error-page.error-404 p {
		font-size: 20px;
	}
	.error-page.error-404 .back-link {
		width: 32vw;
		height: 18vw;
		margin-top: -9vw;
		left: 31.6%;
		top: 43%;
	}
}


.bz {
	background-color: #efefef;
}
#rent-content.bz.lazyloaded,
.bz.lazyloaded {
	background-image: url('/images/bz-img.png');
}

.kai-rent-h1 {
	font-family: ssp-l !important;
	font-size: 60px !important;
	color: #34494F !important;
	margin: 0px auto !important;
	text-align: center !important;
	margin-bottom: 60px !important;
}

.kai-rent-p {
	font-family: ssp-r;
	font-size: 20px;
	color: #34494F;
	margin: 0px auto;
	margin-bottom: 30px;
	text-align: left;
	margin-left: 35%;
	margin-right: 15%;
}

.container-fluid {
	padding-left: 5%;
	padding-right: 5%;
}
.form-wrapper {
	padding: 0px;
}


.form-with-slider {
	background: #fff;
}
.form-with-slider #form-container {
	padding-top: 20px;
}

.form-with-slider .slider {
	height: 100%;
}

.form-with-slider .slider .slick-slide > div > *,
.form-with-slider .slider .slick-slide > div,
.form-with-slider .slider .slick-slide,
.form-with-slider .slider .slick-track,
.form-with-slider .slider .slick-list {
	height: inherit;
}

.form-with-slider .slider .slick-slide > div > * {
	background: #fff none 50% 50% / cover no-repeat;
	display:block;

}
.form-with-slider .slider .item {
	position: relative;

}
.form-with-slider .slider .item > .a,
.form-with-slider .slider .item > a,
.form-with-slider .slider .img {
	width: 100%;
	height: 100%;
	display: block;

}
.form-with-slider .slider .red{
	color: #e30003;
}
.form-with-slider .slider .text-block {
	font-family: ssp-r;
	background:rgba(255, 255, 255, 0.85);
	position: absolute;
	padding: 10px 20px;
}
.form-with-slider .slider a:hover,
.form-with-slider .slider a:focus,
.form-with-slider .slider a {
	text-decoration: none;
}

.form-with-slider .slider .item .a > .btn,
.form-with-slider .slider .item a > .btn {
	position:absolute;
	bottom: 40px;
}
.form-with-slider .slider .btn.f-left {
	left: 40px;
}
.form-with-slider .slider .btn.f-right {
	right: 40px;
}
@media screen and (max-width: 991px) {
	.form-with-slider .slider {
		height: 56.25vw;
	}
	.form-with-slider .slider .text-block {
		margin: 30px auto;
		font-size: 14px;
		max-width: calc(100% - 60px);
		left: 50%;
		transform: translate(-50%, 0);
	}
	.form-with-slider .slider .text-block .red,
	.form-with-slider .slider .text-block .text {
		font-size: 20px;
		line-height: 1.125em;
	}
	.form-with-slider .slider .text-block > div:last-of-type {
		margin-top: 5px;
		margin-bottom: 12px;
	}
	.form-with-slider .slider .slick-dots {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	.form-with-slider {
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
			height: 490px;
	}
	.form-with-slider .slider .text-block {
		text-align: left;
		margin: 40px;
		font-size: 16px;
		max-width: 50%;
	}
	.form-with-slider .slider .text-block .red,
	.form-with-slider .slider .text-block .text {
		font-size: 28px;
		line-height: 1.125em;
	}
	.form-with-slider .slider .text-block > div:last-of-type {
		margin-top: 5px;
		margin-bottom: 12px;
	}
}
#form-container {
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-align: left;
	padding: 15px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
.form-with-slider #form-container {
	background: transparent;

}
#heroform #form-container {
	box-shadow: inset 0px 7px 11px -2px rgba(0, 0, 0, 0.2), 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

@media (min-width: 991px) {
	#form-container {
		padding: 2%;
	}
	.form-mode-switch {
		width: auto;
		white-space: nowrap;
	}
	.form-mode-switch label {
		margin: 0 0.5em 0 0;
		padding-right: 6px;
	}

}
#form-container-other .form-mode-switch,
#form-container .form-mode-switch {
	display: none;
}
#heroform .form-with-slider #form-container {
	box-shadow: none;
}
#form-container .form-vertical .form-mode-switch {
	display: block;
	margin-top: 18px;
	margin-bottom: 15px;
}

.variants container .form-mode-switch,
.form-vertical .form-mode-switch {
	float: none;
	background: none;
	box-shadow: none;
	display: block;
}
.variantscontainer .form-mode-switch {
	margin-bottom: 12px;

}

#form-container p{

	font-size: 18px;
	font-family: ssp-b;

}

#form-container-other {
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-align: left;
	padding: 2%;
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}

#car-tiles {
	background:
		linear-gradient(
			rgba(232,232,232,0) 0px,
			rgba(232,232,232,0) 50px,
			rgba(232,232,232,1) 50px,
			rgba(255,255,255,1) 100%
		);
	margin-top: -50px;
}

ul.errors, ul.messages {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.errors li, ul.messages li {
	float: left;
	margin-right: 50px;
	font-size: 16px;
	margin-top: 5px;
	font-family: ssp-sb;
}

ul.errors li {
	color: red;
}
ul.messages li {
	color: green;
}
ul.errors:after, ul.messages:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;


}
#start_location,
#finish_location {
	background-color: #E7E7E7;
	background-image: url(/images/input-pin-icon.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: center left;
	border: 1px solid #7C7C7C;
	padding: 5px 27px;
	font-size: 20px;
	color: black;
	width: 33%;
}

.city_select,
#start_department_id,
#finish_department_id {
	background-color: #E7E7E7;
	background-image: url(/images/input-select-icon.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: center right;
	border: 1px solid #7C7C7C;
	padding: 5px 27px 6px 10px;
	font-size: 20px;
	font-family: ssp-r;
	color: black;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}

.city_select,
#start_department_id {
	position: relative;
}

#finish_department_id {
	padding: 5px 27px 6px 10px;
	top: -1px;
	position: relative;
}

.form-vertical	.city_select,
.form-vertical	#start_department_id,
.form-vertical	#finish_department_id {
	font-size: 16px;
	width: 100%;
	padding-left: 28px;
	background-color: #e7e7e7;
	background-image: url('/images/input-pin-icon.png'),  url('/images/input-select-icon.png');
	background-position:  0% 50%, 100% 50%;
	background-size: auto 20px, auto 20px;
	background-repeat: no-repeat, no-repeat;
}


#time-widgets .time-period {
	border: 1px solid #7C7C7C;
	background-color: #E7E7E7;
}

#time-widgets .time-period:after {
	content: "";
	font-size: 0;
	overflow: hidden;
	display: block;
	clear: both;
	height: 0;
}

.form-full #time-widgets .time-period {
	border: 0 none;
	background-color: transparent;
}

#start_date,
#finish_date {
	background-color: transparent;
	background-image: url(/images/input-calendar-icon.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: center left;
	padding: 4px 9px 4px 26px;
	font-size: 20px;
	color: black;
	float: left;
	height: 38px;
	line-height: 28px;
	border: 0 none;
	font-family: ssp-r;
}
.form-vertical #start_date,
.form-vertical #finish_date {
	width: 100%;
	display: block;
	float: none;
	font-size: 16px;
}

.form-full #start_date,
.form-full #finish_date {
}
.form-vertical #start_date,
.form-vertical #finish_date,
.form-full .form-horizontal #start_date,
.form-full .form-horizontal #finish_date {
	background-color: #E7E7E7;
	border: 1px solid #7C7C7C;
	width: 100%;
	display: block;
	margin: 0;
	float: none;
	padding: 5px 10px 5px 27px;
	height: 40px;
}

.form-horizontal #start_date {
	width: calc(100% - 260px);
}

#finish_date {
	padding-left: 27px;
	background-image: url(/images/input-calendar-icon.png);
}

.form-horizontal #finish_date {
	padding-left: 80px;
	width: 260px;
	background-image: url(/images/input-period-arrow.png);
}

.form-full .form-horizontal #finish_date {
	margin-top: 15px;
	padding-left: 27px;
	background-image: url(/images/input-calendar-icon.png);
}

.form-vertical .place-select,
.form-vertical .time-period {
	margin-top: 7px;
	margin-bottom: 12px;
}
.form-vertical label {
	font-family: ssp-r;
	font-size: 16px;
	display: block;
}

.place-select.ui-widget {
	font-family: ssp-r;
}
.place-select.ui-widget strong, .place-select.ui-widget b {
	font-family: ssp-b;
}
.place-select p {
	font-size: 16px;
}

.place-select .custom-combobox {
	max-width: 366px;
}

#start_date:hover,
#start_date:focus,
#finish_date:focus,
#finish_date:hover {
	border-color: #FF0000;
	outline: none;
}

.variantscontainer .tooltip .tooltip-inner,
#form-container-other .tooltip .tooltip-inner,
#form-container .tooltip .tooltip-inner {
	background-color: #ff0000;
	color: #fff;
}

.variantscontainer .tooltip.top .tooltip-arrow,
#form-container-other .tooltip.top .tooltip-arrow,
#form-container .tooltip.top .tooltip-arrow {
	border-top-color: #ff0000;
}

#filter-send-button {
	position: relative;
	perspective: 240px;
}

#filter-send-button button[type="submit"] {
	color: white;
	background: #fc0000;
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	border: 0;
	font-family: ssp-b;
	font-size: 20px;
	height: 40px;
	width: 100%;
	text-transform: uppercase;
	border-radius: 5px;
	transition: height 0.5s linear;
}

.transitioning #filter-send-button button[type="submit"] {
	animation: flip2 0.5s linear;
}
.form-vertical #filter-send-button {
	text-align: right;
	margin-top: 5px;
}
.form-vertical #filter-send-button button[type="submit"] {
	width: auto;
}

.form-vertical #finish_department_id_ui-widget,
#place-widgets #finish_department_id_ui-widget.place-select {
	display: none;
}

.form-full .form-vertical #finish_department_id_ui-widget,
.form-full #place-widgets #finish_department_id_ui-widget.place-select {
	display: block;
}

.form-full #filter-send-button button[type="submit"] {
	height: 94px;
}
.form-with-slider .form-full #filter-send-button button[type="submit"] {
	height: auto;
}

.nav-item a{
	border: 0px !important;
	margin-right: 10px !important;
	background: rgba(255,255,255,0.8);
}

.form-mode-switch {
	width: 100%;
	text-align: left;
	position: relative;
	bottom: 0;
	left: 0;
	clear: both;
	display: inline-block;
	float: left;
	height: auto;
	font-family: ssp-b;
	padding-top: 2px;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0px 5px 10px -5px black;
}

.form-mode-switch label {
	line-height: 1.25em;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	padding: 0;
	max-width: calc(100% - 60px);
}

.form-mode-switch button {
	bordeR: 0 none;
	cursor: pointer;
	width: 40px;
	height: 42px;
	padding: 1px 6px;
	vertical-align: middle;
	display: inline-block;
	background: linear-gradient(#f00 0%, #c00 100%);
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #fff;
	border-radius: 0 0 3px 3px;
	font-size: 2em;
	text-align: center;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	margin: -2px 0.5em 0 0;
}

.form-mode-switch button:focus {
	outline: 0;
}

.form-mode-switch button:after {
	content: '\f107';
	font-family: FontAwesome;
}

.form-full ~ .form-mode-switch button:after {
	content: '\f106';
}

.datetimepicker tfoot .switch {
	text-align: left;
}

.datetimepicker tfoot .switch .fa {
	color: #f00;
}

.datetimepicker tfoot .switch .caption {
	color: #c00;
	font-size: 0.75em;
	display: inline-block;
	vertical-align: text-bottom;
}

.datetimepicker tfoot .switch:hover .caption {
	text-decoration: underline;
}

.datetimepicker .datetimepicker-hours thead {
	display: none;
}

.datetimepicker .datetimepicker-hours span.hour:nth-child(1),
.datetimepicker .datetimepicker-hours span.hour:nth-child(9),
.datetimepicker .datetimepicker-hours span.hour:nth-child(20) {
	clear: both;
	position: relative;
}

.datetimepicker .datetimepicker-hours span.hour:nth-child(1):before,
.datetimepicker .datetimepicker-hours span.hour:nth-child(9):before,
.datetimepicker .datetimepicker-hours span.hour:nth-child(20):before {
	position: absolute;
	left: 0;
	top: -40px;
	white-space: nowrap;
	color: #000;
}

.datetimepicker .datetimepicker-hours span.hour:nth-child(1):before {
	content: "Early morning";
}

.datetimepicker .datetimepicker-hours span.hour:nth-child(9):before {
	content: "Morning / afternoon";
}

.datetimepicker .datetimepicker-hours span.hour:nth-child(20):before {
	content: "Evening / night";
}

/*============================================================================
	RENTAL PAGE
============================================================================*/

#car-present {
	padding: 2% 5% 5% 5%;
	background-color: white;
	margin: 0 auto;
}

#car-present .cp-inside {
	padding: 2% 0%;
	margin: 0 auto;
}

#car-present .cp-inside img {
	width: 100%;
}

.kai-rent-h1next {
	font-family: ssp-l !important;
	font-size: 60px !important;
	color: #34494F !important;
	margin: 0px auto !important;
	text-align: center !important;
	margin-bottom: 0px !important;
}

.cpi-title {
	text-align: center;
	font-size: 24px;
	font-family: ssp-b;
	color: #34494F;
}

.cpi-price > .car-type-descr-inside {
	padding: 0% 5%;
	margin-top: 0px;
	margin-bottom: -40px;
}

.ctdi-price {
	text-align: center;
}

.ctdi-price .ctdi-pp-next-l,
.ctdi-price .ctdi-pp-next-c {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.ctdi-price .ctdi-pp-next-l {
	width: auto;
	margin: 0px 0 0 -1em;
	text-align: right;
	float: none;
	padding-lefT: 0;
}

.ctdi-price .ctdi-pp-next-l h3 {
	width: 4em;
}

.ctdi-price .ctdi-pp-next-c {
	text-align: left;
	width: auto;
	max-width: calc(100% - 94px);
	white-space: nowrap;
}

.ctdi-price .ctdi-pp-next-r {
	text-align: center;
	display: block;
}

/*============================================================================
	RENTAL BUSINESS PAGE
============================================================================*/

.business-inside-button {
	float: right;
	position: relative;
	margin-top: 30px;
	margin-right: 10%;
}

.business-inside label {
	display: block;
	font-size: 24px;
	font-family: ssp-l;
	color: #34494F;
}

.business-inside input {
	width: 90%;
	font-size: 18px;
	background-color: #dadada;
	border: 1px solid #7C7C7C;
	padding: 1.5% 1%;
	margin-bottom: 30px;
}

#modal-content h2 {
	font-size: 50px;
	text-align: center;
	color: #34494F;
	margin-bottom: 50px;
}

.business-inside-button input {
	color: white;
	width: 50%;
	font-family: ssp-b;
	font-size: 20px;
	text-align: center;
	padding: 2% 20%;
	border: 0px;
	background: #fc0000;
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	position: absolute;
	right: 0;
}

.rent-ul-container {
	padding: 5%;
	background-size: cover;
	background-position: center center;
	margin-top: -7px;
}
.rent-ul-container.lazyloaded {
	background-image: url('/images/bz-ul-bg.jpg');
}
.ruc-2.lazyloaded {
	background-image: url(/images/bz-ul-bg2.jpg) !important;
}

.rent-ul-container-inside {
	padding: 0% 25%;
}

.rent-ul-container h1 {
	font-size: 60px;
	font-family: ssp-l;
	color: #34494F;
	text-align: center;
	margin-bottom: 50px;
}

.rent-ul-container p {
	font-size: 24px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 50px;
}

.ruc-2 p {
	font-size: 24px;
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 50px;
}

.ruc-2 h6 {
	font-size: 24px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 40px;
}

.ruc-2 ul li span {
	font-size: 20px;
	display: block;
	font-family: ssp-l;
	line-height: 35px;
}

.rent-ul-container ul {
	list-style-image: url(/images/checkicon.png);
	padding: 0;
	margin-bottom: 150px;
}

.rent-ul-container ul li {
	font-size: 24px;
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 30px;
}

.rent-ul-container-inside {
	text-align: left;
}

.heroblock-button1 {
	display: block;
	position: absolute;
	width: auto;
	bottom: 2%;
	color: white;
	font-family: ssp-b;
	font-size: 20px;
	text-align: center;
	padding: 1% 5%;
	margin-left: 25%;
	transform: translate(-50%, 0px);
	background: #fc0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	/* IE6-9 */
}

.finish-button {
	display: table;
	position: relative;
	color: white;
	font-family: ssp-b;
	font-size: 20px;
	text-align: center;
	padding: 1% 2%;
	background: #fc0000;
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	margin: 50px auto 0;
}

.finish-button:hover {
	text-decoration: none;
	color: white;
}


/*============================================================================
	HOMEPAGE - HEROBLOCKS
============================================================================*/

#heroblocks-container {
	padding: 2% 5%;
	background: #e6e7e7;
	/* Old browsers */
	background: -moz-linear-gradient(top, #e6e7e7 78%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e6e7e7 78%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e6e7e7 78%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e7', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	position: relative;
	max-height: 470px;
}

.hbcont {
	padding: 0% 1%;
	background-color: transparent;
}

.heroblockborder {
	border-top: 2px solid #FF0000;
	padding: 0;
	background-color: white;
	height: 400px;
}

.heroblockborder:hover {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	z-index: 2;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1.1);
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1.1);
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1.1);
	transition: all 200ms ease-in;
	transform: scale(1.1);
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	height: 470px;
}

.heroblock {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 200ms ease-in;
}

.heroblock-p-cont {
	padding: 7% 10%;
	height: 400px;
}

.heroblock-p {
	font-size: 18px;
	font-family: ssp-r;
	color: #34494F;
}

.heroblock-h3 {
	font-size: 24px;
	font-family: ssp-sb;
	color: #34494F;
}

.heroblock-button {
	display: none;
	position: absolute;
	width: auto;
	bottom: 2%;
	right: 3%;
	left: 3%;
	color: white;
	font-family: ssp-b;
	font-size: 20px;
	text-align: center;
	padding: 2% 5%;
	background: #fc0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	/* IE6-9 */
}

.visibleninja {
	display: block !important;
}

.lolheight {
	height: 400px !important;
}

.heroblock-button a {
	color: white;
}

#hb1 {
	background-color: white;
	background-image: url(/images/hbleft.jpg);
	background-position: left bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

.hb1bg {
	background-image: url(/images/hbleft-color.jpg) !important;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 200ms ease-in;
}

#hb2 {
	background-color: white;
	background-image: url(/images/hbcenter.jpg);
	background-position: left bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

.hb2bg {
	background-image: url(/images/hbcenter-color.jpg) !important;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 200ms ease-in;
}

#hb3 {
	background-color: white;
	background-image: url(/images/hbright.jpg);
	background-position: left bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

.hb3bg {
	background-image: url(/images/hbright-color.jpg) !important;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 200ms ease-in;
}


/*============================================================================
	FORM REGISTRATION STYLE BEFORE LOAD SCRIPT
============================================================================*/

#place-widgets .place-select {
	display: block;
	float: none;
}

#place-widgets .place-select + .place-select {
	margin-top: 15px;
}

#place-widgets .place-select .custom-combobox {
	float: none;
	display: block;
	padding: 0;
	border: 0 none;
}

#place-widgets .place-select .custom-combobox input {
	padding: 5px 30px 5px 27px;
	border: 1px solid #7C7C7C;
	border-radius: 0;
	height: 40px;
	line-height: 28px;
	float: none;
	font-family: ssp-r;
	text-overflow: ellipsis;
}

#place-widgets .place-select .custom-combobox input:focus {
	border-color: #f00;
	outline: 0;
}

.city-select,
#start_department_id,
#finish_department_id {
	width: 100%;
}



/*============================================================================
	HOMEPAGE - WHAT MAKES US DIFFERENT
============================================================================*/

.sec-wmud {
	background-position: center center;
	background-size: auto 125%;
	padding: 4% 5%;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.container-fluid .sec-wmud {
	padding-left: 0;
	padding-right: 0;
}
.sec-wmud.lazyloaded {
	/* background-image: url('/images/conaswyroznia.jpg'); */
}
.headertitledifferent {
	background-color: #EEEEEE;
	display: none;
}

.headertitledifferent h2 {
	font-size: 50px;
	text-align: center;
	color: #34494F;
	margin-bottom: 50px;
}

#myCarousel {
	display: none;
	padding: 5%;
	text-align: center;
	background-color: #EEEEEE;
}

#myCarousel p {
	margin-top: 30px;
	font-size: 16px;
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 30px;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #34494F;
	border: 1px solid #34494F;
	border-radius: 10px;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	border: 1px solid #fc0000;
	background-color: #fc0000;
}

.carouselimg {
	text-align: center;
}

.carousel-control.right,
.carousel-control.left {
	background-color: transparent;
	background-image: none;
}

.carousel-control {
	font-size: 100px;
	color: #34494F;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	margin-top: 0%;
}

.sec-wmud h2 {
	font-size: 60px;
	text-align: center;
	color: #34494F;
	margin-bottom: 50px;
}

.inside-with-icon {
	text-align: center;
	padding: 2%;
}

.inside-with-icon p {
	margin-top: 30px;
	font-size: 16px;
	font-family: ssp-r;
	color: #34494F;
}

.different-icons{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 100%;
}

.different-icons img {
    width: 70px;
}

/*============================================================================
	HOMEPAGE - PROCESS
============================================================================*/

#visual-process {
	padding: 5% 0%;
	background-color: white;
}

.process-section,
.img-process {
	padding: 0%;
	margin: 0;
}

.img-process img {
	width: 100%;
	height: auto;
}

.process-title {
	text-align: center;
	padding: 0%;
	z-index: 2;
}

.process-title h2 {
	margin-top: 0px;
	font-size: 60px;
	font-family: ssp-l;
	color: #34494F;
}

.process-title h3 {
	margin-bottom: -30px;
	font-size: 42px;
	font-family: ssp-l;
	color: #34494F;
	margin-top: 0px;
}

.p-process {
	padding: 0% 15%;
}

.p-process p {
	font-size: 24px;
	font-family: ssp-r;
	color: #34494F;
}

.bignumber-proc {
	font-size: 42px;
	font-family: ssp-b;
	color: #FF0000;
	position: absolute;
	top: 20%;
	left: 5%;
}

.process-image-m {
	display: none;
}

#summary-place-info-mobile {
	display: none;
}


/*============================================================================
	STEP 5 - FINISH
============================================================================*/

.finish_info {
	background-image: url(/images/conaswyroznia.jpg);
	background-repeat: repeat-x;
	background-color: #e7e7e7;
	padding: 10% 5%;
	text-align: center;
}

.finish_info h1 {
	color: #34494F;
	font-family: ssp-b;
	font-size: 45px;
	margin-bottom: 20px;
}

.finish_info h2 {
	color: #34494F;
	font-family: ssp-sb;
	font-size: 30px;
	margin-top: 20px;
}


/*============================================================================
	FORM OC
============================================================================*/

#step2oc {
	display: none;
}

.ninjaabsolute {
	position: absolute;
	top: 24.6%;
}

#prevstepoc {
	font-size: 20px;
	font-family: ssp-b;
	background-color: transparent;
	border: 0px;
	padding: 20px 0px;
}

.error_msg,
#error_name,
#error_phone,
#error_email,
#error_start_location,
#error_car_type,
#error_car_model,
#error_insurance_company,
#error_damage_number {
	display: none;
	color: red;
	font-family: ssp-sb;
}

.ocformsuccess {
	margin-top: 15%;
	text-align: center;
	padding: 3%;
	border: 2px solid #50AA00;
}

.ocformsuccess p {
	font-size: 20px;
	margin-bottom: 0px;
	font-family: ssp-sb;
	color: #50AA00;
}


/*============================================================================
	RENT WITH OC
============================================================================*/

#herooc {
	background-image: url(/images/oc-bg.jpg);
	background-size: cover;
	position: center center;
	padding: 200px 10% 100px 10%;
	text-align: center;
}

#herooc h1 {
	font-size: 42px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 80px;
}

.ocbutton {
	position: relative;
	bottom: 2%;
	color: white;
	font-family: ssp-b;
	font-size: 20px;
	text-align: center;
	padding: 1% 5%;
	transform: translate(0%, 0px);
	background: #fc0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	/* IE6-9 */
}

.ocbutton i {
	margin-left: 10px;
}

.ocbutton:hover {
	text-decoration: none !important;
}

.rent-ul3 {
	background-image: none !important;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 63%) !important;
	background: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 63%) !important;
	background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 63%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0) !important;
}

.rent-ul3 ul {
	margin-bottom: 0px;
}

#uhaveques {
	background-color: white;
	padding: 5% 20%;
}

#uhaveques-i {
	padding: 0px;
	text-align: center;
}

#uhaveques-i h1 {
	font-size: 60px;
	font-family: ssp-l;
	color: #34494F;
}

#uhaveques-i h3 {
	font-size: 42px;
	font-family: ssp-l;
	color: #34494F;
	margin-bottom: 50px;
}

.questi {
	width: 30%;
	margin-bottom: 30px;
}

.questp,
.questp a,
.questp a:hover {
	font-size: 24px;
	font-family: ssp-sb;
	color: #34494F;
	margin-bottom: 20px;
}

#infoblock-oc {
	padding: 0%;
	background-image: url("/images/ocinfoblock.jpg");
	background-size: cover;
	background-position: center;
}

#infoblock-next-oc {
	padding: 5% 10%;
	background-image: url("/images/oc-infoblock-inside.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}

.infoblock-oc-half {
	padding: 0% 5%;
}

.infoblock-oc-half h4 {
	font-size: 30px;
	font-family: ssp-sb;
	color: #34494F;
	margin-bottom: 20px;
}

.infoblock-oc-half ul {
	list-style-image: url(/images/checkicon.png);
	padding-left: 6%;
	margin-bottom: 0;
}

.infoblock-oc-half ul li {
	font-size: 24px;
	font-family: ssp-r;
	color: #34494F;
	margin-bottom: 20px;
}

.infoblock-oc-half ul li span,
#span-after-list-dot {
	font-size: 20px;
	font-family: ssp-l;
	color: #34494F;
	padding-left: 5%;
	padding-right: 10%;
	padding-top: 30px;
	display: block;
}


.ib-oc-h2 {
	padding-top: 140px;
}

#ocform {
	background-color: white;
	padding: 2% 20%;
}

#ocform h1 {
	font-size: 42px;
	font-family: ssp-l;
	color: #34494F;
	margin-bottom: 40px;
	text-align: center;
}

.ocform-inside label {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	font-family: ssp-l;
	color: #7C7C7C;
}

.ocform-inside input,
.ocform-inside #start_location {
	background-color: #E7E7E7;
	border: 1px solid #7C7C7C;
	font-size: 16px;
	font-family: ssp-r;
	padding: 20px 10px;
	width: 100%;
	background-image: none;
	margin-bottom: 20px;
}

#ocform .buttonocsubmit {
	padding: 3% 0px;
	text-align: right;
}

#ocform .buttonocsubmit2 {
	padding: 3% 0px;
	text-align: left;
}

.formseparator {
	border-bottom: 2px dotted #8F8F8F;
	padding-top: 20px;
	margin-bottom: 30px;
}

.formseparator span {
	font-size: 16px;
	font-family: ssp-sb;
	color: white;
	text-align: right;
	margin: 0px;
	background-color: #8F8F8F;
	padding: 5px 5px;
	float: right;
	position: relative;
	right: -2%;
	bottom: -2px;
}

.formseparator img {
	float: right;
	position: absolute;
	right: 1%;
	bottom: -200%;
}

.ctdi-pp-next-l {
	text-align: left;
	padding-top: 20px;
	position: relative;
}

.ctdi-pp-next-c {
	text-align: center;
	font-family: ssp-b;
	font-size: 76px;
	color: #50AA00;
	margin: 0px;
	padding: 0px;
	line-height: 77px;
}

.ctdi-pp-next-r {
	text-align: right;
}

.ctdi-pp-next-l,
.ctdi-pp-next-r {
	font-family: ssp-r;
	font-size: 20px;
	color: #34494F;
	margin: 0px;
}

.ctdi-pp-next-l h3,
.ctdi-pp-next-r h3 {
	margin: 0px;
}

#ocform .buttonocsubmit input,
#ocform .buttonocsubmit button {
	border: 0px;
	color: white;
	font-family: ssp-b;
	font-size: 20px;
	text-align: center;
	padding: 20px 5%;
	background: #fc0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc0000 0%, #cd0000 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc0000 0%, #cd0000 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#cd0000', GradientType=0);
	/* IE6-9 */
	width: 70%;
}

#ocform .buttonocsubmit input:disabled,
#ocform .buttonocsubmit button:disabled {
	background: -webkit-linear-gradient(#ddd 0%, #aaa 99%);
	background: -o-linear-gradient(#ddd 0%, #aaa 99%);
	background: linear-gradient(#ddd 0%, #aaa 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa', GradientType=0);
}


/*============================================================================
	NEWS
============================================================================*/

.news-box {
	height: 580px;
	background-color: #e7e7e7;
	margin: 0px auto;
	padding: 10px 20px;
	min-height: 580px;
	max-height: 580px;
	overflow: hidden;
	margin-bottom: 30px;
}

.news-box-main {
	height: 580px;
	background-color: #FFFFFF;
	margin: 0px auto;
	padding: 10px 20px;
	min-height: 580px;
	max-height: 580px;
	overflow: hidden;
	margin-bottom: 30px;
}

.news-h1-box {
	padding: 20px;
	padding-top: 80px;
}

.news-h1-box-short {
	padding: 20px;
}

.news-box-inside {
	height: 100%;
	background-color: white;
	margin: 0px auto;
	font-family: ssp-r;
	padding: 0px;
}

.news-box-inside-main {
	height: 100%;
	background-color: #e7e7e7;
	margin: 0px auto;
	font-family: ssp-r;
	padding: 0px;
}

.news-box-inside-img {
	height: 300px;
	width: 100%;
	background-color: white;
	margin: 0px auto;
	padding: 0px;
}

.news-box-inside-img-main {
	height: 300px;
	width: 100%;
	background-color: #e7e7e7;
	margin: 0px auto;
	padding: 0px;
}

.news-box-inside-desc {
	width: 100%;
	background-color: white;
	margin: 0px auto;
	padding: 30px 20px;
}

.news-box-inside-desc-main {
	width: 100%;
	background-color: #e7e7e7;
	margin: 0px auto;
	padding: 30px 20px;
}

.news-wrapper {
	width: 100%;
	margin: 0;
	padding: 50px 60px;
	background-color: #e7e7e7;
}

.news-wrapper-main{
	background-color: #FFFFFF;
}

.news-pagin {
	text-align: center;
}

.gotocar {
	background: #ff1a00;
	background: -moz-linear-gradient(top, #ff1a00 1%, #db0000 100%);
	background: -webkit-linear-gradient(top, #ff1a00 1%, #db0000 100%);
	background: linear-gradient(to bottom, #ff1a00 1%, #db0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#db0000', GradientType=0);
	width: 100%;
	display: block;
	color: white;
	text-align: center;
	padding: 20px;
	font-size: 27px;
	margin-bottom: 20px;
	font-family: ssp-r;
}

.gotocar:hover {
	background: #ff1a00;
	background: -moz-linear-gradient(top, #ff1a00 1%, #ff1a00 100%);
	background: -webkit-linear-gradient(top, #ff1a00 1%, #ff1a00 100%);
	background: linear-gradient(to bottom, #ff1a00 1%, #ff1a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00', GradientType=0);
	text-decoration: none;
	color: white;

}

.news-pagin .list-navigator ul li {
	display: inline-block;
	margin: 10px;
}

@media screen and (max-width: 1550px) {
	.news-box,
	.news-box-main{
		height: 600px;
		min-height: 600px;
		max-height: 600px;
	}
}

@media screen and (max-width: 1450px) {
	.news-box,
	.news-box-main {
		height: 620px;
		min-height: 620px;
		max-height: 620px;
	}
}

@media screen and (max-width: 1150px) {
	.news-box,
	.news-box-main{
		height: 650px;
		min-height: 650px;
		max-height: 650px;
	}
}

@media screen and (max-width: 1050px) {
	.news-box,
	.news-box-main{
		height: 700px;
		min-height: 700px;
		max-height: 700px;
	}
	.news-wrapper .kai-rent-h1 {
		font-size: 50px !important;
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}
	.news-h1-box {
		padding: 20px;
		padding-top: 20px;
	}
}

@media screen and (max-width: 992px) {
	.news-box,
	.news-box-main{
		height: 620px;
		min-height: 620px;
		max-height: 620px;
	}
	.news-box h3,
	.news-box-main h3{
		margin-top: 0px !important;
	}
}

@media screen and (max-width: 850px) {
	.news-box,
	.news-box-main{
		height: 650px;
		min-height: 650px;
		max-height: 650px;
	}
}

@media screen and (max-width: 767px) {
	.news-box,
	.news-box-main{
		height: 500px;
		min-height: 500px;
		max-height: 500px;
	}
	.news-box-inside-img,
	.news-box-inside-img-main{
		height: 250px;
	}

	#form_anchor {
		padding-top: 130px;
		margin-top: -130px;

	}
}

@media screen and (max-width: 500px) {
	.news-box,
	.news-box-main{
		height: 500px;
		max-height: 500px;
	}
	.news-box-inside-img,
	.news-box-inside-img-main{
		height: 200px;
	}
	.news-wrapper .kai-rent-h1 {
		font-size: 40px !important;
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}
	.form-with-slider .slider .text-block {
		margin: 15px auto;
		max-width: none;
		width: calc(100% - 60px);
	}
}

.news-listing:hover {
	transition: 1s all;
	background: rgba(255, 255, 255, 0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 26%, #ff1a00 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 26%, #ff1a00 100%);
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 26%, #ff1a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='#ff1a00', GradientType=1);
}

.newscontent-wrapper img {
	width: 100%;
}

@media screen and (max-width: 400px) {
	.news-box,
	.news-box-main{
		height: 600px;
		min-height: 600px;
		max-height: 600px;
	}
}


@media screen and (min-width: 993px) and (max-width: 1300px) {
	.news-wrapper {
		padding: 50px 10px;
	}
}

@media screen and (max-width: 991px) {
	.news-wprapper .back-cont {
		margin-top: 50px;
	}
}


@media screen and (max-width: 830px) {
	.sep-news ~ video {
		height: 400px !important;
	}
}

@media screen and (max-width: 700px) {
	.news-wrapper {
		padding: 50px 10px;
	}
}

@media screen and (max-width: 500px) {
	.newscontent-wrapper > h3 {
		font-size: 25px !important;
	}
	.sep-news ~ video {
		height: 300px !important;
	}
	.news-wrapper {
		padding: 20px 10px;
	}
	.newscontent-wrapper {
		padding: 0px 10px !important;
	}
	.news-wprapper .back-cont {
		margin-top: 50px;
		padding-left: 10px !important;
	}
	.news-wprapper ~ .back-cont {
		padding-left: 30px !important;
	}
	.news-rightcolumn {
		padding: 20px 10px !important;
	}
}

.btn-wrapper {
	position: relative;
}
.btn-wrapper label {
	font-size: 14px;
	max-width: calc(100% - 40px);
	white-space: normal;
	vertical-align: middle;
	margin-left: 5px;
}
.variantscontainer .btn-wrapper label {
	position: static;
}

.slick-dots {
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
}
.slick-dots li {
	list-style: none none outside;
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	padding: 0;
}
.slick-dots button {
	background: #fff;
	border: 1px solid #e30003;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	padding: 0;
	position: relative;
	outline: 0;
	text-indent: -1090px;
	overflow: hidden;
}
.slick-dots button:after {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background: #000;
	display: block;
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
	opacity: 0;
}
.slick-dots .slick-active button:after {
	opacity: 1;
}

@media screen and (max-width: 991px) {
	.slick-dots {
		display: none;
	}
}

/* Shine */

.hover14 figure {
	position: relative;
}

.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

/*============================================================================
	CONTACT
============================================================================*/

#contacthero {
	background-size: cover;
	position: center center;
	padding: 20% 10% 2% 10%;
	text-align: center;
}

#contacthero h1 {
	font-size: 42px;
	font-family: ssp-b;
	color: #34494F;
}

.contel,
.contel:hover {
	color: #34494F;
}

#infocontent {
	padding: 5% 10%;
}

.bordersecond {
	border-left: 2px dotted #dbdbdb;
}

.borderthird {
	border-top: 2px dotted #dbdbdb;
}

.border4 {
	border-top: 2px dotted #dbdbdb;
	border-left: 2px dotted #dbdbdb;
}

.infocontent-inside h2 {
	font-size: 30px;
	font-family: ssp-sb;
	color: #34494F;
	margin-bottom: 30px;
}

.infocontent-inside {
	padding: 5%;
	width: calc(50% - 12px);
}

.infocontent-inside i {
	color: red;
	font-size: 24px;
	float: left;
}

.infocontent-inside p span {
	display: block;
}

.infocontent-inside p {
	font-size: 24px;
	font-family: ssp-l;
	color: #34494F;
	margin-bottom: 40px;
	position: relative;
	top: -8px;
}

#map {
	padding: 0px;
	height: 500px;
}

.dep-info-box .col-md-6 .localmap {
	height: 500px !important;
}

#placescontact {
	background-size: cover;
	padding: 5%;
}
#placescontact.lazyloaded {
	background-image: url('/images/mapposition.jpg');
}

#placescontact h3 {
	font-size: 30px;
	font-family: ssp-sb;
	color: #34494F;
	text-transform: capitalize;
}

#placescontact ul {
	list-style-image: url(/images/big-pin-icon.png);
}

#placescontact ul li {
	margin-top: 50px;
	font-size: 20px;
	font-family: ssp-r;
	color: #34494F;
}

#placescontact ul li h4 {
	font-size: 20px;
	font-family: ssp-r;
	color: #34494F;
	margin-top: 10px;
	margin-bottom: 0px;
	position: relative;
	top: -10px;
}

.menu-link-pos:hover > .submenu-container {
	display: block;
}

.modal a {
	color: #34494F;
}

.modal-title {
	font-size: 24px;
	font-family: ssp-b;
}

.modal-body {
	font-size: 18px;
	font-family: ssp-r;
	min-height: 25vh;
}

.modal-footer .btn {
	font-size: 16px;
}

/*============================================================================
	DEPARTMENT
============================================================================*/

.dep-info-box img {
	height: 100%;
}

.department-container {
	margin: 0 auto;
	text-align: center;
}

.department-container .department-body p{
	box-sizing: border-box;
	color: rgb(52, 73, 79);
	display: block;
	font-family: ssp-l;
	font-size: 24px;
	line-height: 34.2833px;
	margin-left: 100px;
	margin-right: 100px;
}

.department-container h1 {
	margin-top: 0px;
}

.dep-separator {
	width: 100%;
	height: 300px;
}

@media screen and (max-width: 991px){
	.dep-separator{
		height: 500px;
	}
}

.dep-info-box .col-md-6 {
	overflow: hidden;
	height: 500px;
}

.department-container h1 {
	font-size: 40px;
	font-family: ssp-sb;
	color: #7F7F7F;
	margin-bottom: 40px;
}

.department-container p {
	font-size: 32px;
	font-family: ssp-sb;
	color: #34494F;
	margin-bottom: 140px;
}

.department-inside {
	padding: 2% 10%;
	text-align: left;
}

.department-inside h2 {
	text-align: left;
	font-size: 30px;
	font-weight: 800;
	color: #34494F;
	margin-bottom: 20px;
	font-family: ssp-sb !important;
}

.department-inside img {
	float: left;
	margin-right: 20px;
	margin-bottom: 60px;
}

.department-inside p {
	font-size: 24px;
	color: #7F7F7F;
	font-weight: 200;
	font-family: ssp-l !important;
	margin-bottom: 40px;
	margin-top: -4px;
}

@media screen and (max-width: 1700px) {
	.department-inside p {
		font-size: 24px;
	}
}

@media screen and (max-width: 1380px) {
	.department-inside p {
		font-size: 20px;
		margin-top: -5px;
	}
	.department-inside img {
		margin-right: 10px;
		height: 20px !important;
	}
	.department-inside {
		padding: 2% 7%;
		text-align: left;
	}
	.dep-info-box .col-md-6 {
		overflow: hidden;
		height: 400px;
	}
}

@media screen and (max-width: 1280px) {
	.dep-info-box .col-md-6 {
		overflow: hidden;
		height: 300px;
		width: 100%;
	}
}

@media screen and (max-width: 990px) {
	.dep-info-box-inside {}
}

@media screen and (max-width: 325px) {
	.department-inside h2 {
		text-align: left;
		font-size: 25px;
		font-weight: 800;
		color: #34494F;
		margin-bottom: 20px;
	}

	.department-inside p {
		font-size: 15px !important;
		margin-top: -5px;
		color: #7F7F7F;
		font-weight: 200;
	}
	.department-inside img {
		margin-right: 10px;
		height: 20px !important;
	}
}



/*============================================================================
	RESPONSIVE
============================================================================*/

@media screen and (min-width: 1200px) {
	body .datetimepicker {
		width: 400px;

	}
	.datetimepicker .datetimepicker-hours span.hour {
		width: 14%;

	}
	.datetimepicker .datetimepicker-hours span.hour:nth-child(1),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(2),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(3),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(4),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(5),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(6) {
		margin-top: 40px;
	}
	.datetimepicker .datetimepicker-hours span.hour:nth-child(9),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(10),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(11),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(12),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(13),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(14),

	.datetimepicker .datetimepicker-hours span.hour:nth-child(20),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(21),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(22),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(23),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(24) {
		margin-top: 60px;
	}

	.modal-dialog {
		width: 1100px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#place-widgets .ui-widget .custom-combobox input,
	#start_date,
	#finish_date {
		font-size: 16px;
	}
	.form-horizontal #start_date {
		width: calc(100% - 180px);
	}
	.form-horizontal #finish_date {
		padding-left: 55px;
		background-position: -20px 50%;
		width: 180px;
	}
	.form-full #finish_date {
		background-position: center left;
	}

	.modal-dialog {
		width: 900px;
	}
	.summarycontainer button.btn-block {
		font-size: 16px;
		line-height: 16px;
	}
}

@media screen and (max-width: 1752px) {
	#headertop .phone-number {
		padding: 3px 35px 6px;
	}
	ul > .menu-link-pos {
		height: 70px;
		padding: 0px 35px;
		padding-top: 18px;
	}
	ul > .menu-link-pos a {
		font-size: 22px;
	}
	ul > .menu-link-pos > a {
		height: 52px;
	}
	#header-left-other img,
	#header-left img {
		padding: 10px 0px;
		height: 70px;
	}
	#header-right-other {
		margin-top: 12px;
	}
	#headermenu {
		height: 70px;
	}
	#menu-container .submenu-container ul {
		padding-left: 35px;
		padding-right: 35px;
	}
	.menu-link-pos-sub {
		margin-left: 0px;
	}
	.submenu-container {
		top: 97px;
	}

}

@media screen and (max-width: 1586px) {
	ul > .menu-link-pos a {
		font-size: 20px;
	}
	.rent-ul-container-inside {
		padding: 0% 15%;
	}
	.heroblock-button1 {
		margin-left: 35%;
		transform: translate(-50%, 0px);
	}
}

@media screen and (max-width: 1511px) {
	.footer-menu .fmi-big {
		font-size: 17px !important;
	}
	.fmi-alien {
		height: 50px !important;
	}
	#heroblocks-container {
		padding: 3% 5% !important;
	}
}

@media screen and (max-width: 1480px) {
	#headertop .phone-number {
		padding: 3px 25px 6px;
	}
	ul > .menu-link-pos {
		height: 64px;
		padding: 0px 25px;
		padding-top: 18px;
	}
	ul > .menu-link-pos a {
		font-size: 19px;
	}
	ul > .menu-link-pos > a {
		height: 46px;
	}
	#header-left img {
		padding: 10px 0px;
		height: 64px;
		margin-top: 0;
	}
	#header-left-other img {
		padding: 10px 0px;
		height: 64px;
	}
	#header-right-other {
		margin-top: 19px;
		margin-top: 12px;
	}
	#headermenu {
		height: 64px;
	}
	#menu-container .submenu-container ul {
		padding-left: 25px;
		padding-right: 25px;
	}
	.menu-link-pos-sub {
		margin-left: 0;
	}
	.submenu-container {
		top: 91px;
	}
}

@media screen and (max-width: 1400px) {
	.footer-menu-inside {
		width: 25% !important;
		height: 150px;
	}
	.inside-with-icon {
		padding: 2% 0%;
	}
}

@media screen and (max-width: 1396px) {
	.car-type-descr-inside .car-type-descr-inside-pp span {
		font-size: 66px;
		top: 32px;
	}
	.car-type-descr-inside .car-type-descr-inside-pp h3 {
		font-size: 18px;
	}
}

@media screen and (max-width: 1343px) {
	#ocform {
		padding: 2% 15%;
	}
	.ctdi-pp-next-c {
		font-size: 66px;
	}
}

@media screen and (max-width: 1308px) {
	ul > .menu-link-pos {
		padding-top: 18px;
	}
	ul > .menu-link-pos a {
		font-size: 18px;
	}
}

@media screen and (max-width: 1200px) {
	.car-type-descr-inside h3 span {
		font-size: 50px;
		color: #50AA00;
		top: 13px;
	}
	.car-type-descr-inside h3 {
		font-size: 20px;
	}
	.car-type-descr-inside .car-type-descr-inside-pp span {
		font-size: 50px;
		top: 40px;
	}
	.ctdi-pp-next-c {
		font-size: 53px;
	}
}

@media screen and (max-width: 1199px) {
	.datetimepicker .datetimepicker-hours span.hour:nth-child(1),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(2),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(3),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(4) {
		margin-top: 40px;
	}
	.datetimepicker .datetimepicker-hours span.hour:nth-child(9),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(10),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(11),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(12),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(19),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(20),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(21),
	.datetimepicker .datetimepicker-hours span.hour:nth-child(22) {
		margin-top: 60px;
	}
}

@media screen and (max-width: 1129px) {
	ul > .menu-link-pos {
		height: 60px;
		padding: 0px 16px;
		padding-top: 20px;
	}
	ul > .menu-link-pos a {
		font-size: 17px;
	}
	ul > .menu-link-pos > a {
		height: 45px;
	}
	#header-left img {
		padding: 15px 0px 15px 0;
		height: 65px;
	}
	#header-left-other img {
		padding: 15px 0px;
		height: 65px;
	}
	#headermenu {
		height: 65px;
	}
	#header-right-other {
		margin-top: 15px;
		margin-top: 13px;
	}
	.car-type-descr-inside .car-type-descr-inside-pp span {
		font-size: 45px;
		top: 45px;
	}
	.rent-ul-container-inside {
		padding: 0% 5%;
	}
	.heroblock-button1 {
		margin-left: 45%;
		transform: translate(-50%, 0px);
	}
	.summary-place-info-adress p,
	.summary-place-info-date span {
		font-size: 16px;
	}
	.summary-place-info-adress img,
	.summary-place-info-date img {
		margin-right: 10px;
		height: 20px;
	}
	img.arrowicon {
		height: 10px;
	}
	#menu-container .submenu-container ul {
		padding-left: 16px;
		padding-right: 16px;
	}
	.menu-link-pos-sub {
		margin-left: 18px;
	}
	.submenu-container {
		top: 92px;
	}
}

@media screen and (max-width: 1180px) {
	.footer-menu-inside {
		width: 50% !important;
		height: auto;
	}
	#ocform {
		padding: 2% 9%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1559px) {
	.summary-car-info-price h3,
	.summary-car-info-price span {
		float: right;
		clear: right;
	}
	.summary-car-info-price span {
		font-size: 5vw;
		margin-left: 0;
	}
}

@media screen and (max-width: 991px) {
	#headertop {
		display: none;
	}

	.summarycontainer {
		position: relative;
	}
	.submenu-container {
		display: block;
		z-index: 20;
		background-color: #efefef;
		position: relative;
		top: 0px;
		padding: 0;
		right: 0vw;
		margin-bottom: 0;
		box-shadow: none;
	}
	.submenu-container ul {
		float: none;
	}
	.menu-link-pos-sub {
		margin-left: 0px;
	}
	ul > .menu-link-pos-sub a {
		font-size: 14px;
	}
	.ctdim-i2 div > span {
		display: none;
	}
	.ib-oc-h2 {
		padding-top: 0px;
	}
	.business-inside input {
		width: 100%;
	}
	.business-inside-button {
		margin-right: 0px;
	}
	.infocontent-inside {
		padding: 2%;
		width: auto;
	}
	.mobcardes {
		display: block;
	}
	.mobcardes2 {
		display: none;
	}
	.infocontent-inside div {
		padding: 0%;
	}
	.infocontent-inside div img {
		width: 100%;
	}
	.infocontent-inside div p {
		margin-left: 10px;
		;
	}
	#contacthero h1 {
		font-size: 22px;
	}
	#contacthero {
		padding: 25% 10% 10% 10%;
	}
	#map {
		height: 300px;
	}
	.borderfirst,
	.bordersecond,
	.borderthird {
		border: 0px !important;
	}
	.infocontent-inside h2 {
		font-size: 20px;
	}
	.infocontent-inside p {
		font-size: 18px;
		padding-top: 5px;
	}
	#infocontent {
		padding: 5% 2%;
	}
	#infoblock-next-oc {
		padding: 5% 10% 20% 10%;
	}
	.ocform-inside input,
	.ocform-inside #start_location {
		width: 100%;
	}
	.rent-ul-container h1 {
		font-size: 30px;
	}
	.ruc-2 p {
		font-size: 20px;
		font-family: ssp-r;
		color: #34494F;
		margin-bottom: 50px;
	}
	.ruc-2 h6 {
		font-size: 20px;
		font-family: ssp-b;
		color: #34494F;
		margin-bottom: 40px;
	}
	.ruc-2 ul li span {
		font-size: 16px;
		display: block;
		font-family: ssp-l;
		line-height: 35px;
	}
	.headertitledifferent h2 {
		font-size: 30px;
	}
	#heroform-other {
		padding: 65px 0% 0px 0%;
		background-image: none;
	}
	#heroform-other .form-wrapper,
	#heroform .form-wrapper {
		padding: 0%;
		/*background-image: linear-gradient(rgba(232,232,232,0) 60px, rgba(232,232,232,1) 150px, rgba(255,255,255,1) 100%), url(/images/herobgother.jpg);*/
		background-position: left top, center top;
		background-size: auto auto, 100% auto;
		background-repeat: repeat-x, no-repeat;

	}

	#heroform-other h1 {
		font-size: 25px;
		height: 150px;
		padding: 40px 0 40px;
		margin: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form-horizontal .form-mode-switch {
		padding: 0 15px;
	}
	#heroform-other .form-mode-switch {
		background: #fff;
	}
	.kai-rent-h1,
	.kai-rent-h1next {
		font-size: 30px !important;
		margin-top: 20px !important;
	}
	.kai-rent-p {
		font-size: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	#rent-content-inside {
		padding-bottom: 350px;
	}
	#car-present .cp-inside {
		padding: 2% 0% 10% 0%;
	}
	.finish_info {
		padding-top: 170px;
	}
	.ctdim-ii img {
		width: 30px;
	}
	.car-type-descr-inside-pp {
		padding: 0;
	}
	.ctdip-l {
		text-align: left;
		display: inline-block;
		position: relative;
	}
	.ctdip-c {
		text-align: center;
		display: inline-block;
		margin-left: 0;
	}
	.ctdip-r {
		text-align: right;
		display: inline-block;
	}
	.cpi-price > .car-type-descr-inside {
		padding: 0% 0%;
		margin-top: 0px;
	}
	.ctdi-price .ctdi-pp-next-c,
	.ctdi-price .ctdi-pp-next-l {
		vertical-align: baseline;
	}

	.car-typebutton button[type="submit"] {
		width: 100%;
	}
	#summary-place-info-mobile {
		display: block;
		padding: 0%;
	}
	.car-type-image {
		display: none;
	}
	#summary-step4 {
		top: 136px;
		margin-bottom: 136px;
	}
	#summary-form-step4 {
		padding-top: 5%;
		padding-right: 3%;
		background-color: #e7e7e7;
	}

	#summary-form-step4 form .half-md {
		display: block;
		width: auto;
		vertical-align: top;
	}
	#summary-form-step4 form .half-md + .half-md {
		margin-lefT: 0;
	}

	#summary-top-step4,
	.summary-place-info {
		display: none;
	}
	.summary-car-info-price span {
		font-size: 76px;
		color: #50AA00;
		font-family: ssp-b;
		position: relative;
		margin-left: 15px;
		top: 15px;
		margin-right: 15px;
		display: inline-block;
	}
	.summary-car-info-price h3 {
		font-size: 20px;
		color: #34494F;
		font-family: ssp-r;
		text-align: right;
		margin-top: 0px;
		margin-bottom: 0px;
		display: inline-block;
	}
	#summary-form-step4 form {
		width: 100%;
	}
	.button-step4-div button {
		width: 100%;
		margin-bottom: 20px;
	}
	.price-for-resize {
		text-align: center;
		margin-top: -40px;
		border-bottom: 2px solid #dadada;
		padding-bottom: 30px !important;
	}
	.summary-place-info-car {
		padding: 0;
		padding-top: 2%;
		border-top: 2px solid red;
		background: #d8d8d8;
		background: -moz-linear-gradient(top, #fffffff 0%, #d8d8d8 70%);
		background: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 70%);
		background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0);
		padding-bottom: 2%;
	}
	.variantscontainer label {
		font-size: 18px;
		font-family: ssp-l;
		color: #34494F;
		position: relative;
	}
	.variantscontainer .variant-label label {
		float: left;
		width: calc(100% - 40px);
		line-height: 1.125em;
	}
	.variantscontainer dd {
		margin-top: -7px;
	}
	.variants-tooltip {
		position: relative;
		left: 20px;
		float: right;
		top: 5px;
		right: 20px;
		margin-right: 20px;
	}
	.place-select .variants-tooltip {
		top: auto;
	}
	.car-type {
		opacity: 1;
	}
	.car-type-next-step {
		margin-bottom: 0px;
	}
	.variantscontainer {
		padding-right: 3%;
		padding-left: 3%;
		background-color: #E7E7E7;
	}
	.car-type:hover {
		-webkit-transition: all 200ms ease-in;
		-webkit-transform: scale(1);
		-ms-transition: all 200ms ease-in;
		-ms-transform: scale(1);
		-moz-transition: all 200ms ease-in;
		-moz-transform: scale(1);
		transform: scale(1);
		transition: all 100ms ease-in;
	}
	.ctdim-ii {
		text-align: center;
		padding: 2% 0%;
	}
	.car-type-descr-inside h3 {
		font-size: 35px;
		margin: 0px;
		margin-bottom: 0px;
		margin-bottom: -30px;
	}
	.car-type-descr-inside h3 span {
		font-size: 90px;
		color: #50AA00;
		top: 13px;
		margin: 0px;
	}
	.car-type-descr-inside-mob {
		display: block;
	}
	.car-type-descr-inside {
		padding: 0% 2%;
	}
	.car-type-descr-inside-ul {
		display: none;
	}
	.car-type-header {
		border-top: 2px solid #EE3B3B;
	}
	#header-right-other {
		text-align: left;
		padding: 15px;
		background-color: #34494F;
		border: 0px;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.change-button {
		position: relative;
		padding: 0;
		top: -28px;
	}
	#header-right-other h1 {
		margin-top: 0;
		margin-bottom: 5px;
		font-family: ssp-r;
		font-size: 24px;
		color: white;
	}
	.summary-place-info-date-other p {
		font-size: 18px;
		font-family: ssp-r;
		color: #34494F;
		display: inline-block;
		position: relative;
		top: 3px;
	}
	.summary-place-info-adress-other {
		padding: 2% 2%;
		background-color: #e7e7e7;
	}
	.summary-place-info-date-other {
		padding: 2% 2%;
		background-color: white;
	}
	#summary-step4 h2 {
		margin-bottom: 0px;
	}
	.summary-place-info-date-other img,
	.summary-place-info-adress-other img,
	.summary-place-info-date img,
	.summary-place-info-adress img {
		margin-right: 10px;
		height: 20px;
	}
	img.arrowicon {
		margin-left: 5px;
		margin-right: 5px;
		height: 10px;
	}
	.summary-place-info-adress-other p,
	.summary-place-info-date-other span {
		font-size: 16px;
	}
	.car-type-header-inside {
		text-align: right;
	}
	.ninja-car-type {
		display: none;
	}
	#car-wrap,
	#car-wrap-step-2{
		padding: 0%;
	}
	.car-type-descr-inside-car img {
		width: 100% !important;
	}
	.car-classname {
		border-top: 0px;
		text-align: left;
	}
	.class-name{
		text-align: left;
	}
	#place-widgets + #time-widgets,
	#time-widgets + #place-widgets {
		margin-top: 15px;
	}
	#time-widgets .time-period {
		border: 0 none;
		background: none;
	}
	#time-widgets input {
		border: 1px solid #7C7C7C;
		background-color: #E7E7E7;
	}
	#ui-datepicker-div {
		background-color: white;
		width: 90%;
	}
	#visual-process {
		padding: 5% 0% 0% 0%;
	}
	.process-title h3 {
		margin-bottom: 30px;
	}
	.bignumber-proc {
		top: 5%;
	}
	.proc1 {
		padding: 0% 5%;
		position: absolute;
		top: 13vw;
	}
	.proc2 {
		padding: 0% 5%;
		position: absolute;
		top: 15vw;
	}
	.proc3 {
		padding: 0% 5%;
		position: absolute;
		top: 18vw;
	}
	.hbcont {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.process-image-d {
		display: none;
	}
	.process-image-m {
		display: block;
	}
	.heroblock-p-cont {
		padding: 7% 10%;
		height: auto;
		float: left;
		background: rgba(255,255,255,0.7);
		width: 400px;
		max-width: 100%;
	}
	.heroblock-p {
		font-size: 20px;
	}
	.heroblock-h3 {
		font-size: 25px;
		margin-bottom: 50px;
	}
	#hb1 {
		background-image: url(/images/hbleft-color.jpg) !important;
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		transition: all 200ms ease-in;
	}
	#hb2 {
		background-image: url(/images/hbcenter-color-m.jpg) !important;
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		transition: all 200ms ease-in;
	}
	#hb3 {
		background-image: url(/images/hbright-color-m.jpg) !important;
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		transition: all 200ms ease-in;
	}
	.headertitledifferent {
		display: block;
	}
	#headermenu {
		z-index: 10000000000000;
		position: fixed;
		height: auto;
		border-bottom: 0px;
		padding: 0px;
		top: 0vh;
		text-align: center;
	}
	#heroform {
		padding: 0px 15px 40px;
		/*background-image: url(/images/herobgmobile.jpg);*/
		background-size: 130% auto;
		background-position: center -20vw;
		margin-top: 65px;
		min-height: 0;
	}
	#heroform h1 {
		font-size: 35px;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
		padding-bottom: 30px;
		height: 200px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.custom-combobox {
		margin-bottom: 10px;
		width: 100%;
	}
	.form-horizontal #start_date,
	.form-horizontal #finish_date {
		margin-left: 0%;
		width: 100%;
		border-width: 1px;
	}
	.form-horizontal #finish_date {
		padding-lefT: 27px;
		background-image: url(/images/input-calendar-icon.png);
		margin-top: 15px;
	}
	#form-container .form-vertical .form-mode-switch {
		margin-top: 0px;
		margin-bottom: 7px;
	}
	#filter-send-button button[type="submit"] {
		padding: 15px 30px;
		border-radius: 3px;
		height: auto;
	}
	.form-full #filter-send-button button[type="submit"] {
		height: auto;
	}
	.transitioning #filter-send-button button[type="submit"] {
		animation: none;
	}
	#heroblocks-container {
		padding: 2% 0%;
		position: relative;
		max-height: auto;
	}
	.hbcont {
		padding: 0% 0%;
	}
	.heroblock-button {
		display: block;
	}
	.heroblock {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		height: 69vw;
	}
	.heroblock-button {
		bottom: 5%;
		right: 2%;
		left: 2%;
		font-size: 25px;
		text-transform: uppercase;
	}
	.heroblockborder:hover {
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		z-index: 2;
		-webkit-transition: all 200ms ease-in;
		-webkit-transform: scale(1.0);
		-ms-transition: all 200ms ease-in;
		-ms-transform: scale(1.0);
		-moz-transition: all 200ms ease-in;
		-moz-transform: scale(1.0);
		transition: all 200ms ease-in;
		transform: scale(1.0);
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		/* border-top-color: rgba(255,0,0,0); */
		border-left: 0px solid white;
		border-right: 0px solid white
	}
	.heroblockborder {
		height: auto !important;
	}
	.lolheight {
		height: auto !important;
	}
	.sec-wmud {
		display: none;
	}
	#myCarousel {
		display: block;
	}
	#menu-container {
		display: none;
	}
	#hamburger-container {
		display: block;
	}
	#header-left {
		padding-left: 0%;
	}
	.mobile-menu-visible {
		display: block !important;
	}
	.copyright-left,
	.copyright-right {
		text-align: center !important;
	}
	.copyright-right img {
		margin-left: 20px;
		margin-right: 20px;
	}
	.footer-menu-inside {
		width: 100% !important;
		height: auto;
	}
	#heroblocks-container {
		max-height: none;
	}
	.hbcont {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#filter-send-button {
		margin-bottom: 10px;
	}
	.form-horizontal #filter-send-button {
		margin-top: 10px;
	}
	.form-vertical #filter-send-button button[type="submit"] {
		width: 100%;
	}
	.datebreadcrumps {
		margin-top: 126px;
		padding: 0.5% 0% 1.5% 0%;
	}
	.variants-summary-lg .back-cont {
		top: 126px;
	}
	.back-cont + .datebreadcrumps {
		padding-top: 68px;
		margin-top: 58px;
	}
	.datebc-inside {
		padding-bottom: 0px;
	}
	.datebc-inside.change-button {
		padding-right: 10px;
	}
	.datebc-inside a {
		margin-bottom: 20px;
		margin-left: 15px;
		top: 12px;
	}
	.footer-menu {
		display: none;
	}
	.footer-inside-column {
		text-align: center;
		padding-bottom: 20px;
	}
	.footer-inside-column:nth-child(n + 3) {
		border-top: 1px solid #7a7a7a;
	}
	.footer-inside-column:nth-child(2n + 1) {
		clear: both;
	}
	.footer-inside-column h5 {
		text-align: center;
		display: block;
		margin-top: 30px;
		margin-bottom: 10px;
		height: auto;
	}
	.footer-inside-city {
		border-top: 1px solid #7a7a7a;
	}
	.footer-inside-city p {
		margin-right: 0px;
		clear: left;
		text-align: center;
		text-align: center;
		float: none;
	}
	.headercity {
		font-size: 30px !important;
	}
	.slider-label {
		margin-bottom: 40px;
		margin-top: 0;

	}
	.car-type-descr-inside .car-type-descr-inside-pp span {
		font-size: 50px;
		top: 2px;
		margin: 0px;
	}
	.car-type-descr-inside .car-type-descr-inside-pp h3 {
		height: 80px;
		font-size: 20px;
		top: 30px;
	}
	.ctdip-r h3 {
		text-align: right !important;
	}
	.ctdip-l h3 {
		text-align: left !important;
	}
	.ctdip-c span {
		text-align: center !important;
	}
	.rent-ul-container p,
	.rent-ul-container ul li {
		font-size: 18px;
	}
	#heroform-other.hf-o-bz {
		background-image: none;

	}
	#heroform-other.hf-o-bz .form-wrapper {
		padding: 0%;
		/*background-image: linear-gradient(rgba(239,239,239,0) 60px, rgba(239,239,239,1) 150px, rgba(239,239,239,1) 100%), url(/images/herobgother-bz.jpg);*/
		background-position: left top, center top;
		background-size: auto auto, 100% auto;
		background-repeat: repeat-x, no-repeat;
	}
	#herooc h1 {
		font-size: 25px;
		margin-bottom: 30px;
	}
	#uhaveques-i h1 {
		font-size: 30px;
	}
	#uhaveques-i h3 {
		font-size: 22px;
	}
	.questi {
		width: 20%;
	}
	#uhaveques {
		padding: 5% 5%;
	}
	.questp {
		font-size: 20px;
	}
	.infoblock-oc-half h4 {
		font-size: 25px;
	}
	.infoblock-oc-half ul li {
		font-size: 20px;
	}
	.infoblock-oc-half ul li span {
		font-size: 18px;
	}
	#infoblock-next-oc {
		padding: 5% 10% 40% 10%;
		background-size: 100% auto;
	}
	#header-left-other img,
	#header-left img {
		margin-top: 0;
		display: inline-block;
	}

	#header-left-other {
		padding: 0px;
	}
	#herooc {
		background-image: url(/images/oc-bg.jpg);
		background-size: cover;
		padding: 40px 5% 50px 5%;
		text-align: center;
	}
	#hamburger-container p {
		float: right;
		margin-left: 35px;
	}
	#hamburger-container p img,
	#hamburger-container a img {
		height: 30px;
	}
	#ocform h1 {
		font-size: 30px;
	}
	#modal-close {
		padding: 1px 5px;
	}
	#modal-close img {
		height: 15px;
	}
	#modal-header {
		font-size: 16px;
	}
	.business-inside label {
		font-size: 16px;
	}
	.business-inside input {
		margin-bottom: 5px;
		font-size: 15px;
		padding: 1% 1%;
	}
	#modal-reg-blend {
		z-index: 10000000;
		padding-top: 15%;
	}
	#modal-reg {
		background-color: white;
		padding: 0px;
		position: relative;
		height: 80vh;
		overflow-y: scroll;
	}
	.business-inside-button input {
		padding: 10% 20% !important;
		width: 100%;
		position: relative;
	}
	.errorinfobs {
		font-size: 17px;
	}
	.errorcont li {
		font-size: 15px;
		margin-top: 10px;
	}
	.formseparator {
		margin-bottom: 90px;
	}
	.ui-widget {
		width: 100%;
		float: left;
	}
	.modal-dialog {
		margin-top: 95px;

	}
	#footer-container {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	.footer-inside-column:nth-child(2) {
		border-top: 1px solid #7a7a7a;
	}

	.button-container .col-xs-12 + .col-xs-12 {
		margin-top: 1em;
	}

}

@media screen and (max-width: 632px) {
	#heroform {
		padding: 0px 15px 40px 15px;
		/*background-image: url(/images/herobgmobile.jpg);*/
		background-size: 110% auto;
		background-position: center -13vw;
		margin-top: 65px;
	}
	#heroform h1 {
		font-size: 25px;
		margin: 0;
		padding: 40px 10px;
		height: 150px;
	}
}

.phone-register-btn {
	display: none;
}

.desktop-register-btn {
	display: block;
}

@media screen and (max-width: 560px) {
	.phone-register-btn {
		display: block;
	}
	.desktop-register-btn {
		display: none;
	}

	#hamburger-container {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row nowrap;
	}
	#hamburger-container p {
		order: 2;
	}

	#hamburger-container p {
		float: right;
		margin-left: 20px;
	}
	#hamburger-container p img,
	#hamburger-container a img {
		height: 25px;
	}

	.questi {
		width: 40%;
	}
	#modal-reg-blend {
		padding-top: 39%;
	}
	#modal-reg {
		height: 70vh;
	}
	.heroblock-button1 {
		margin-left: 0%;
		transform: translate(0%, 0px);
		padding: 2% 0%;
		width: 90%;
		font-size: 17px;
	}
	.rent-ul-container {
		padding: 10%;
	}
	.heroblock-button {
		right: 7%;
		left: 7%;
	}
	#heroform {
		padding: 0px 15px 40px 15px;
		/*background-image: url(/images/herobgmobile.jpg);*/
		margin-top: 65px;
	}
	#heroform h1 {
		font-size: 24px;
		margin: 0;
	}
	#header-right-other h1 {
		margin-top: 0;
		margin-bottom: 5px;
		font-family: ssp-r;
		font-size: 19px;
		color: white;
	}
	#summary-step4 {
		top: 132px;
		margin-bottom: 132px;
	}
	.heroblock-p {
		font-size: 18px;
	}
	.heroblock-h3 {
		font-size: 20px;
	}
	.headertitledifferent h2 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.process-title h2 {
		font-size: 30px;
	}
	.process-title h3 {
		font-size: 20px;
	}
	#hb1,
	#hb2,
	#hb3 {
		background-position: bottom right;
	}
	.proc1 {
		top: 20vw;
	}
	.proc2 {
		top: 22vw;
	}
	.proc3 {
		top: 25vw;
	}
	.footer-inside-column p {
		font-size: 18px;
	}



	#filter-send-button button[type="submit"] {
		padding: 10px 30px;
		border-radius: 3px;
	}
	.heroblock-button {
		font-size: 20px;
		padding: 10px 30px;
	}
	#header-right-other h1 {
		font-size: 15px;
		margin-bottom: 0px;
	}
	.datebc-inside {
		padding: 0px;
	}
	.summary-place-info-adress {
		padding-top: 4%;
		padding-bottom: 1%;
		padding-left: 1px;
		padding-right: 0px;
	}
	.summary-place-info-adress p,
	.summary-place-info-date span {
		font-size: 14px;
	}
	.summary-place-info-adress img,
	.summary-place-info-date img {
		margin-right: 5px;
		height: 14px;
	}
	img.arrowicon {
		margin-left: 5px;
		margin-right: 5px;
		height: 5px !important;
	}
	.summary-place-info-date,
	.summary-place-info-adress {
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1px;
		padding-right: 1px;
	}
	.datebreadcrumps {
		margin-top: 111px;
		padding: 0.5% 0% 0% 2%;
	}
	.variants-summary-lg .back-cont {
		top: 111px;
	}
	.back-cont + .datebreadcrumps {
		margin-top: 43px;
	}
	.datebc-inside a {
		margin-left: 5px;
		font-size: 13px;
		top: 7px;
	}
	.car-type-header-inside h2 {
		font-size: 16px;
	}
	.car-type-header {
		padding: 2% 1%;
	}
	.cpi-price > .car-type-descr-inside h3 span {
		font-size: 45px;
		top: 8px;
	}
	.cpi-price > .car-type-descr-inside h3 {
		font-size: 20px;
		height: 100px;
	}
	.car-typebutton button[type="submit"] {
		padding: 12px 0px;
		margin-bottom: 8px;
	}
	.ctdim-ii span {
		font-size: 18px;
		font-family: ssp-r;
		color: #34494F;
	}
	.car-type-descr-inside-mob,
	.ctdim-i {
		padding: 0;
	}
	.ctdim-i2 img {
		margin-right: 3px;
	}
	.car-type-descr {
		padding: 2px;
	}
	.variantscontainer h1 {
		font-size: 20px;
	}
	.variantscontainer h1 span {
		font-size: 17px;
	}
	.variantscontainer label {
		font-size: 16px;
	}
	.variantscontainer dd {
		font-size: 15px;
	}
	.summarycontainer button {
		width: 100%;
	}
	#menu-mobile ul {
		margin-bottom: 0;
	}
	.var_radio {
		top: 10px !important;
		margin-bottom: 25px;
	}
	#summary-step4 {
		top: 121px;
		margin-bottom: 121px;
	}
	#summary-step4 h2 {
		font-size: 25px;
	}
	.summary-place-info-date-other img {
		margin-right: 5px;
		height: 14px;
	}
	.summary-place-info-date-other p {
		font-size: 15px;
	}
	.place-info-date-other span {
		font-size: 15px;
		top: 1px;
		position: relative;
	}
	#summary-step4 .summary-place-info-car h2 {
		font-size: 16px;
	}
	.summary-place-info-car {
		padding-left: 1%;
		padding-right: 1%;
	}
	.summary-place-info-car > div {
		padding: 0;
	}
	.summary-car-info-price span {
		font-size: 45px;
	}
	.summary-car-info div {
		padding-top: 20px !important;
	}
	.summary-car-info-price span {
		font-size: 45px;
		top: 8px !important;
	}
	#client_agree_1 ~ label,
	#client_agree_2 ~ label {
		font-size: 14px !important;
	}
	.finish_info h1 {
		font-size: 25px;
	}
	.finish_info h2 {
		font-size: 20px;
	}
	#ui-id-1,
	#ui-id-2 {
		width: 70.7% !important;
	}
	#footer-container {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 440px) {
	#heroform {
		padding: 0px 15px 40px 15px;
		background-size: 150% auto;
	}
	.summary-list .popover {
		max-width: 60vw;
	}
}

@media screen and (max-width: 325px) {
	.cpi-price > .car-type-descr-inside h3 {
		font-size: 18px;
	}
	#heroform {
		background-size: auto 150px;
		background-position: center 0px;
	}

	#heroform-other .form-wrapper {
		background-size: auto auto, auto 150px;
	}
	.dep-separator {
		width: 100%;
		height: 100px;
	}

	.dep-info-box .col-md-6 {
		overflow: hidden;
		height: 500px;
	}
	.department-container h1 {
		font-size: 30px;
		font-family: ssp-sb;
		color: #34494F;
		margin-bottom: 40px;
	}
	.department-container p {
		font-size: 26px;
		font-family: ssp-sb;
		color: #34494F;
		margin-bottom: 40px;
	}
}

/*============================================================================
	NEW CLASS AFTER SEO
============================================================================*/

.homefirst-text {
	margin-top: 15px;
	font-size: 42px;
	font-family: ssp-b;
	color: #34494F;
	margin-bottom: 20px;
}

.h1all {
	font-size: 25px !important;
	margin-top: 30px;
	padding: 30px;
}

.h2all {
	font-size: 56px;
	font-family: ssp-l;
	font-weight: 300;
	color: #34494F;
	margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
	.homefirst-text {
		font-size: 32px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 600px) {
	.homefirst-text {
		font-size: 27px;
		margin-top: 60px;
		margin-bottom: 60px !important;
	}

	@media screen and (max-width: 400px) {
		.homefirst-text {
			font-size: 25px;
			margin-top: 60px;
			margin-bottom: 60px !important;
			margin-left: 15px;
			margin-right: 15px;
		}

		.h1all {
			font-size: 25px;
			margin-top: 40px !important;
			margin-bottom: 0px !important;
			padding-bottom: 0px !important;
			margin-left: 15px;
			margin-right: 15px;
			height: auto !important;
		}
		.h2all {
  			font-size: 36px;
		}
	}


/*============================================================================
	RAINFOREST
============================================================================*/

.bold {
	font-weight: 800;
	color: white;
}

#preview_warning {
	padding: 5px;
	padding-right: 21px;
	background-color: red;
	height: 32px;
}

#preview_warning p {
	color: white;
	float: left;
	margin-right: 5%;
}

#preview_warning a.button {
	position: static;
	vertical-align: middle;
	margin-top: 3px;
}

.button.logout,
.button.refresh,
#toolBoxButton {
	float: right;
	color: white;
	margin-right: 20px;
}


@keyframes flip2 {
	0% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg); //color: rgba(255,255,255,1);
	}
	35% {
		//color: rgba(255,255,255,0);
	}
	50% {
		transform: rotateX(-180deg);
		-webkit-transform: rotateX(-180deg); //color: rgba(255,255,255,0);
	}
	65% {
		//color: rgba(255,255,255,0);
	}
	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg); //color: rgba(255,255,255,1);
	}

}
