/* !RESET */
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,h1,h2,h3,h4,h5,h6,p{box-sizing:border-box;margin:0;padding:0;border:0;outline:0;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
td { vertical-align: top; }

html {
	font-size: 16px;
	height: 100%;
}

body {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	min-height: 100vh;
	min-width: 380px;
	margin: 0 auto;
	position: relative;
	margin: 0 auto;
	color: #0a0a18;
	background: #fdfdfd;
	font-size: 16px;
	letter-spacing: 0.3px;
}

.bg-grey,
.page-feedback {
	background: #f8f8f7;
}

*:focus {
    outline: none;
}

h1, h2, h3,
.h1, .h2, .h3 {
	display: block;
	font-family: 'Roboto', serif;
	font-size: 170%;
	margin: 0 0 15px;
	font-weight: 500;
}
.h1 {
	font-size: 180%;
	margin: 0 0 15px;
	font-weight: 900;
}
.h2 {
	font-size: 150%;
}

b,
strong {
	font-weight: 500;
}
.round {
	border-radius: 25px;
}
.round-left {
	border-radius: 25px 0 0 25px;
}
.round-right {
	border-radius: 0 25px 25px 0;
}

ul {
	margin: 0;
	padding: 5px 15px;
}
ul li {
	padding: 5px 0;
}

a,
button 
{
	outline: none !important;
	outline-offset: 0 !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-tap-highlight-color: transparent;
}

p {
	padding-bottom: 15px !important;
}
a {
	color: #555;
	transition: .5s color;
}
a:focus,
a:active
{
	outline: none;
	outline-offset: 0;
}
a:hover 
{
	outline: none;
	text-decoration: none;
	color: #000 !important;
}

.cls,
.clearfix:after 
{
	content: "";
	display: table;
	clear: both;
}
.mob {
	display: none !important;
}

.container {
    position: relative;
    max-width: 1300px !important;
    min-width: 320px;
}

header {
	position: fixed;
	background: #fff;
	box-shadow: 0 0 5px rgba(44, 42, 37, 0.05);
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	padding: 10px 0;
}

header .logo-top {
	display: inline-block;
	height: 50px;
}

.menu {
	margin: 0;
	padding: 0;
}
.topmenu {
	display: inline-block;
}
.topmenu li {
	list-style: none;
	display: inline;
	position: relative;
}
.topmenu li a,
.topmenu li .a {
	color: #333;
	padding: 14px 20px 10px 0;
	display: inline-block;	
}
.topmenu a:hover {
	color: #000;
}
.topmenu li.active > a,
.topmenu li.active > .a {
	color: #000;
	font-weight: bold;
	cursor: pointer;
}

.my-container {
	padding: 90px 15px;
}
.news-box {
	margin-bottom: 30px;
}
.news-box b {
	font-size: 18px;
	display: block;
	padding-bottom: 5px;
}
.news-box .date {
	font-size: 14px;
	display: block;
	padding-bottom: 10px;
	color: #7a7a7a;
}

.mob-box {
	width: 100%;
	overflow: auto;
}
table {
	width: 100%;
}
table th,
table td {
	padding: 5px;	
	border-bottom: 1px solid #eeeeee;
}
table td {
	background: #f7f7f7;		
}
table tr:nth-child(2n) td {
	background: #fcfcfc;	
}

.pkey {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	border-radius: 30px;
	color: #000;
	border: 1px solid #000;
	transition: border .5s, background .5s, color .5s;
	margin: 0 0 10px;
	width: 100%;
	cursor: pointer;
}
.cab-show .pkey,
.pkey:hover {
	color: #fff;
	background: #000;
}
.cabinet-menu {
	padding-bottom: 15px;
}

.crumbs {
	padding: 30px 0 40px;
}

.lng {
	float: right;
}
.lng a,
.lng span {
	color: rgba(255, 255, 255, .9);
	display: inline-block;
	text-align: right;
	padding: 7px 0 7px 30px;
}
.lng span {
	color: #fff;
	font-weight: bold;
}


.skey {
	font-size: 14px;
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	border-radius: 5px;
	border: #fff 1px solid;
	background: #0e76a8;
	border-color: #0e76a8;
	transition: border .5s, background .5s, color .5s;
	cursor: pointer;
}
.skey:hover {
	background: #225082;
	border-color: #225082;
}
.skey.short-key {
	border: 0 !important;
	padding: 10px;
	margin: 30px auto 0;
	width: 150px;
}

.wow{
	visibility: hidden;
}
.social {
	display: inline-block;
}
.social li {
	list-style: none;
	display: inline-block;
}
.social li a,
.cab-key,
.skey {
	display: inline-block;
	height: 35px;
	width: 35px;
	border-radius: 50px;
	border: 1px solid #333;
	color: #333;
	text-align: center;
	padding: 9px 0;
	line-height: 100%;
	margin: 0 0 0 10px;
	transition: border .5s, background .5s, color .5s;
}
.cab-key,
.skey {
	width: auto;
	padding: 11px 15px 11px;
	font-size: 14px;
	margin: 0 0 0 15px;
}
.social li a:hover,
.cab-key:hover,
.skey:hover {
	background: #333;
	color: #fff !important;
}
.social li a i {
	display: inline-block;
	height: 14px;
}

.phone-wrapper .skey {
	height: auto;
	color: #fff;
	background: transparent;
	border: 2px solid #fff;
	margin: 15px 0 0;
	padding: 15px 25px;
	font-size: 16px;
}
.phone-wrapper .skey:hover {
	color: #ef0707 !important;
	background: #fff !important;
}

footer {
	background: #f9f9f9;
	color: #333;	
	border-radius: 25px 25px 0 0;
}
.footer {
	padding: 60px 0 45px;
}
.footer img {
	height: 60px;
	display: inline-block;
}

.uvf div {
	color: #7a7a7a;
	font-size: 13px;
}
.uvf img {
	height: 90px;
	width: auto;
	margin-top: 15px;
}
.copyright {
	padding-top: 45px;
	font-size: 13px;
	text-align: center;
	color: #7a7a7a;
}
.btm-logo {
	text-align: right;
}
.btm-menu li {
	list-style: none;
	display: block;
	padding: 0;
}
.btm-menu li a {
	display: inline-block;
}
.logo-btm {
	margin-top: 50px;
}
footer .h {
	display: block;
	font-size: 20px;
	margin: 40px 0 10px;
}

footer .btm-menu,
footer .btm-adress {
	line-height: 150%;
}


.sendkey {
	text-align: center;
}

.desktop {
    width: auto;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.desktop-img
{
	width: 100%;
}

#slidepc {
	z-index: 2;
	width: 100%;
	padding-bottom: 60%;
	position: absolute;
	top: 8px;
	left: 11px;
	width: calc(100% - 21px);
	height: 100%;
	background: 0 0 no-repeat;
	background-size: 100% auto;
	 
}


.tel-box {
    font-size: 16px;
    margin-left: 20px;
    padding: 2px 0 2px 15px;
    line-height: 160%;
    border-left: 1px solid #f5f5f5;
    transform: translateY(1px);
    display: inline-block;
}
.tel-box a .pc {
	display: block;
}
.tel-box a:hover {
	color: #0e76a8;
}

.social-box {
	float: right;
	margin: 0 15px;
}
.tel-box b,
.social-box a {
	line-height: 100%;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 30px;
	text-align: center;
	padding: 10px 0 0;
	height: 36px;
	width: 36px;
	margin-right: 15px;
	margin-top: 2px;
	transition: background .5s, color .5s;
}
.social-box a:hover {
	color: #fff;
	background: #000;
}
.tel-box b i,
.social-box a i {
	transform: translateX(2px);
}
.content {
	overflow: hidden;
	padding: 70px 0 0;
}
.services-wrapper
{
	background: #f8f8f7;
}
.services-container {
	padding-top: 30px;
	padding-bottom: 30px;
}
.page-home .services-container {
	padding-top: 50px;
}
.page-services .services-container {
	padding-top: 0;
}
.big-img {
	margin-bottom: 30px;
}


.services-row {
	margin: 0 -5px;
}
.services-item {
	padding: 5px;
}
.services-item a {
	text-align: none;
	display: block;
	padding: 15px;
	transition:  box-shadow .5s;
	background: #fff;
	box-shadow: 0 0 5px rgba(44, 42, 37, 0.05);
	border-radius: 5px;
}
.services-item a:hover {
	box-shadow: 0 0 15px rgba(44, 42, 37, 0.1);
}
.services-item a img {
	border-radius: 2px 2px 0 0;
}
.services-item b {
	text-align: center;
	display: block;
	padding-top: 10px;
	height: 60px;
	font-size: 14px;
	overflow: hidden;
	color: #000;
}

.services-list .hdr {
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
}
.services-list .row {
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	padding: 15px 0 0;
}
.services-list a {
	display: block;
	padding-bottom: 20px;
}
.services-list a.active {
	font-weight: bold;
}

.map-box iframe {
	width: 100% !important;
}

.content ol,
.content ul {
	padding: 5px 0 0 20px;
}
.content ol li,
.content ul li {
	padding: 5px 0 5px 10px;
}


.guestbook-item {
	background: #fff;
	box-shadow: 0 0 5px rgba(44, 42, 37, 0.05);
	padding: 15px;
	height: 100%;
}
.guestbook-item .text {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
	font-style: italic;
	color: #555;
}
.guestbook-item .name {
	font-weight: bold;
}
.guestbook-item .date {
	text-align: right;
	color: #555;
}


/* partners */
.partners-box {
	padding: 60px 0 40px;
	background: #f5f5f5;
}
.partners-box .h1 {
	padding-bottom: 30px;
}
.partners-row .wow {
	background: #fff;
	position: relative;
	display: block;	  
	padding: 30px 40px;
	border-radius: 30px;
	margin: 20px auto;
	max-width: 300px;
}
.partners-row .wow div {
	width: 100%;
	height: 60px;
	background: #fff 50% 50% no-repeat;
	background-size: contain;
}

.partners-row a:hover {
	color: #0e76a8;
}

.partners-row span {
	display: block;
	font-size: 13px;
	line-height: 130%;
	height: 40px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}



	/* modal */
	.modal-show #body {
		filter: blur(2.5px);
		position: relative;
	}

	/* The Modal (background) */
	.modal-show .modalfog {
		display: block;
		top: 0;
		background: rgba(0, 0, 0, .1); 
	}
	.modalfog {
		position: fixed;
		z-index: 1;
		left: 0;
		top: -100vh;
		width: 100%;
		height: 100%;		
		transition: background .5s;  
		overflow: hidden;
	}	
	#modal .h3 {
		font-size: 18px;
		line-height: 130%;
		margin: 0;
		padding: 0 30px 15px 0;
		display: block;
	}
	#modal .h2 {
		font-size: 22px;
		line-height: 130%;
		display: block;
	}
	#modal .form {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -300%);
		max-width: 480px;  
		width: 100%;
		max-height: 0;
		overflow: hidden;
	}
	.modal-show #modal .form {
		max-height: inherit;
		animation-name: modalopen;
		animation-duration: .3s;  
		transform: translate(-50%, -50%);
		background: #fefefe;
		padding: 30px;
		border-radius: 5px;
		height: auto;
		z-index: 99;
	}
	
	.close {
		position: absolute;
		right: 25px;
		top: 30px;
		height: 30px;
		width: 30px;
		border-radius: 30px;
		transition: opacity .5s;
		opacity: .5;
		z-index: 1;
		cursor: pointer;
	}
	.close:hover {
		opacity: 1;
	}
	.close:after, .close:before {
		content: "";
		display: block;
		position: absolute;
		top: 15px;
		left: 0px;
		height: 2px;
		width: 28px;
		background: #000;
		transform: rotate(-45deg);
	}
	.close:before {
		transform: rotate(45deg);
	}
	
	.form input,
	.form textarea {
		display: block;
		width: 100%;
		padding: 10px 15px;
		border: 0;
		border: 1px solid #4b4b4b;
		border-radius: 5px;
		margin-bottom: 15px;
	}

	/* Add Animation */
	@keyframes modalopen {
  		from { transform: translate(-50%, -300%); opacity: 0;}
  		to { transform: translate(-50%, -50%); opacity: 1;}
	}
	
	
/* SLIDER */

.slider {
	display: block;
	position: relative;
}
.slider:not(.slick-slider) .slide:not(:first-child) {
	display: none;
}
.slide {
	position: relative;
	
}
.slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, .1);
}
.slide-wrapper .container {
	height: 100%;
	position: relative;
	z-index: 2;
}
.slide-wrapper .pro-mo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	padding: 15px;
	color: #fff;
	max-width: 600px;
	font-size: 1.2rem;	
}
.slider img {
	display: block;
	width: 100%;
	z-index: 0;
}
.slide-wrapper .pro-mo b,
.slide-wrapper .pro-mo p {
	text-shadow: 0 0 10px rgba(0,0,0, .8);
}

.slide-wrapper .pro-mo .btn {
	padding: 17px 30px;
	font-size: 18px;
}
.button-bag i {
	margin-right: 10px;
	float: left;
}

.slider .slick-arrow {
	background: transparent;
	border: 0;	
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
	height: 50px;
	width: 50px;
	font-size: 0;
	z-index: 1;
	cursor: pointer;
	transition: opacity .5s;
	opacity: .6;
	cursor: pointer;
}
.slider .slick-arrow:hover {
	opacity: 1;
}
.slider .slick-arrow:after {
	content: "";
	position: absolute;
	height: 50px;
	width: 50px;
	top: 16px;
	right: 0;
	transform: rotate(45deg);
	transition: border-color .5s;
}
.slider .slick-arrow.slick-prev:after {
	right: auto;
	left: 30px;
	border-bottom: solid 3px #f5f5f5;
	border-left: solid 3px #f5f5f5;
}
.slider .slick-arrow.slick-next:after {
	border-top: solid 3px #f5f5f5;
	border-right: solid 3px #f5f5f5;
}
.slider .slick-arrow.slick-next {
	right: 30px;
	left: auto;
}

	/* BURGER */

	.burger
	{
		cursor: pointer;
		position: relative;
		height: 23px;
		width: 30px;
		display: inline-block;
		transform: translateY(6px);
		display: none;
		position: absolute;
		left: 15px;
		top: 1px;
	}
	.burger i,
	.burger:after,
	.burger:before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 3px;
		width: 100%;
		background: #00004d;
		border-radius: 2px;
		transform: rotate(0);
		transition: .25s ease-in-out;
	}
	.burger i
	{
		top: 50%;
		margin-top: -0.5px;
	}
	.burger:before
	{
		top: 100%;
	}
	.nav-show .burger:after 
	{    
    	transform: rotate(135deg);
    	top: 50%;
    	width: 115%;
    	right: -5px;
	}
	.nav-show .burger:before 
	{
    	transform: rotate(-135deg);
    	top: 50%;
    	width: 115%;
    	right: -5px;
	}
	.nav-show .burger i
	{
		opacity: 0;
		right: 5px;
	}
	
body.nav-show, 
body.open-cart {
	overflow: hidden;
}

.image-container {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.up-100px {
   transform: translateY(-70px);
}
.up-50 {
   transform: translateY(-50%);
}
.top50px {
	transform: translateY(50px);
}
.image-container .box {
	position: relative;
	z-index: 2;
}
.image-container img {
	display: block;	
	max-width: 100%;
}
.image-container img.prlx {
  position: absolute;
  top: 0;  
  height: 130%;
  max-width: inherit;
  transition: top .3s;
}
.phone-wrapper {
	margin: 200px 0;
}
.phone-wrapper .wrapper {
    background: #ed1200;
    color: #fff;
    position: relative;
}
.zi-2 {
	z-index: 2;
	position: relative;
}
.wrapper {
    max-width: 1980px;
    margin: 0 auto;
}
.app-wrapper {
	margin-top: 200px;
	padding: 50px 0;
}
.phone-wrapper .wrapper .col-phone {
	min-height: 200px;
}
.phone-wrapper .phone-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;
    width: 80%;
}
.phone-wrapper img {
    width: 100%;
    position: relative;
    z-index: 1;
}
.col-boxpic1 {
	position: relative;
	height: 400px;
}
.col-boxpic2 {
	position: relative;
	height: 350px;
}
.col-boxpic1 .box, 
.col-boxpic2 .box {
	position: absolute;
	left: 0;
	bottom: 0;
}



.wheel {	
	position: absolute;
	left: 0;
	bottom: 0;
	animation: rotateWheel 10s linear infinite;
}

@keyframes rotateWheel {
    0% {
        transform: rotate(7deg);
    }
    50% {
        transform: rotate(-7deg);
    }
    100% {
        transform: rotate(7deg);
    }
}

.alerto {
	background: rgb(231,20,20);
	background: linear-gradient(55deg, rgba(231,20,20,1) 50%, rgba(140,5,5,1) 100%);
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px; 
}
.page-cars #calendarbox {
	margin: 20px -15px;
}
.cars-imgs {
	margin: 30px -5px 0;	
}
.cars-imgs a {
	opacity: .8;
	transition: opacity .5s;
	padding: 5px;
}
.cars-imgs a:hover {
	opacity: 1;
}
.cars-imgs img {
	border-radius: 12px;
}

.pic1 {
	margin-top: -45px;
}
.booking-wrapper {
	background: #fdfdfd url(../img/bookingbg.jpg?v2) 0 0 no-repeat;
	background-size: cover;
	padding-top: 15px;
	padding-bottom: 60px;
}
.booking-wrapper h1 {
	display: block;
	padding: 15px 15px 30px;
	text-align: center;
	font-size: 26px;
}
.calc-box {
	width: 100%;
	max-width: 640px;
	padding: 30px;
	border-radius: 5px;
	background: #f0f0f0;
	margin-top: 30px;
}
.calc-box iframe {
	width: 100%;
}
.calc-box iframe body {
	background: #fff;
}
.calendar-row {
	font-size: 14px;
}
.car-label {
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin: 0px 0 25px;
}
.cars-list > div,
.booking-list > div {
	margin-bottom: 15px;
	padding: 0 7px;
}
.cars-list,
.booking-list {
	margin: 0 -7px;
	padding-bottom: 5px;
}
.cars-list input,
.time-list input,
.booking-list input {
	display: none;
}
.cars-list label,
.time-list label,
.booking-list label,
.cars-box .item {
	border-radius: 12px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
	border: 3px solid rgba(0, 0, 0, .01);
	background: rgba(255, 255, 255, .6);
	padding: 20px 15px;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	cursor: pointer;
	transition: .5s box-shadow, .5s background, .5s border;
	line-height: 120%;
}
.time-list label,
.booking-list label {
	padding: 15px;
	font-size: 120%;
	font-weight: 500;
}
.time-list label.busy {
	background: #777777 !important;
	color: #fff !important;
	cursor: default;	
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.07) !important;
}
.time-list {
	margin: -7px;
}
.time-list  > div{
	padding: 7px;
}
#calendarbox .hourly,
#calendarbox.hourly-list .daily {
	display: none;
}
#calendarbox.hourly-list .hourly {
	display: block;
}
.price span {
	display: block;
	line-height: 120%;
}
.price span.zalog {
	color: #ff8c00;
}
.cars-list small {
	display: block;
	color: #228b22;
}
.booking-list small {
	display: block;
	color: #777;
	margin: 5px auto 0;
	max-width: 350px;
	line-height: 120%;
}
.time-list label:hover,
.cars-list label:hover,
.booking-list label:hover,
.cars-box .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.cars-list label b.name {
	color: #000;
	font-weight: 500 !important;
	display: block;
	padding-bottom: 5px;
}
.time-list input:checked + label,
.cars-list input:checked + label,
.booking-list input:checked + label {
	/*border: 3px solid #225082;*/
	background: #fff;
	color: #225082;
}
#cabinet .time-list input:checked + label,
#cabinet .cars-list input:checked + label,
#cabinet .booking-list input:checked + label {
	border: 3px solid #225082;
}
#cabinet #calendarbox {
	padding-bottom: 45px;
}



.cars-box {
	text-align: center;
	padding-bottom: 45px;
}
.cars-box a {
	text-align: center;
	font-size: 18px;
}
.cars-box img {
	display: block;
	max-width: 260px;
	margin: 15px auto 15px;
}
.cars-list img {
	width: 100px;
	display: block;
	margin: 0 auto 10px;
}

.car {
	position: relative;
	padding-left: 95px;
	display: inline-block;
	text-align: left;
	line-height: 100%;
	font-size: 15px;
}
.car img {
	position: absolute;
	top: 0;
	left: 5px;
	height: 37px;
}
.car small {
	display: block;
	color: #228b22;
	padding-top: 5px;
}
.note {
	color: #228b22;
	font-size: 12px;
	text-align: right;
}
.dates,
.summ {
	display: inline-block;
	padding: 9px 0;
	font-size: 18px;	
	text-align: center;
}
.red {
	color: #ed1200;
}
.summ {
	color: #228b22;
	text-align: right;
}
.col-order .ckey {
	margin: 0;
}
.col-order {
	margin-top: 30px;
	background: #f3f5f5;
	border-radius: 30px;
	padding: 15px;
}
.ordercomplete {
	background: #228b22;
	color: #fff;
	font-size: 24px;
	border-radius: 30px;
	padding: 30px;
}

.col-order.history-item {
	margin: 0 0 10px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
}
.col-order.history-item b.name {
    font-weight: 600;
    display: block;
    padding-top: 11px;
}
.empty-h1 {
	color: #7a7a7a;
	font-weight: 500 !important;
}

.oid b {
	font-size: 16px;
}
.oid small {
	display: block;
	font-size: 13px;
}

.prm-list > div {
	padding-top: 5px;
	padding-bottom: 5px;
}

.carinf {
	display: inline-block;
	text-align: center;
	height: 20px;
	width: 20px;
	line-height: 100%;
	font-size: 14px;
	color: #000;
	background: #ffd900;
	border-radius: 10px;
	margin-left: 5px;
	padding: 3px 0 0;
	transform: translateY(-1px);
	transition: background .5s, color .5s;
}
.carinf:hover {
	color: #fff !important;
	background: #225082;
}


/* CALENDAR */


.calendar-box,
.calendar {
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.calendar-box {
	width: 100%;
	max-width: 650px;
}
.calendar {
	width: 100%;
}
.calendar td {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.2px;
	text-align: center;
	color: #2c2a25;
	padding: 10px 0;
}
.day-number {
    border-radius: 20px;
    width: 30px;
    height: 30px;
    padding: 8px 0 0;
    text-align: center;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    line-height: 100%;
    font-size: 14px;
}
.day-number.noactive {
	color: #ccc;
	cursor: default;
}
.day-number:not(.noactive):hover {
	background: #e9eced;
}
.active .noactive.day-number:after {
	display: none;
}
.select .day-number {
	background: #ffd900 !important;
	color: #fff !important;
}
.day-sel .day-number {
	background: #0e76a8 !important;
	color: #fff !important;
}
.busy .day-number {
	background: #777777 !important;
	color: #fff !important;
	cursor: default;
}
.day-alert .day-number {
	background: #ed1200 !important;
	color: #fff !important;
	cursor: default;
}
.halfbusy .day-number:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 8px;
	width: 8px;
	border-radius: 10px;
	background: #777777 !important;
}

.calendar-box .title {
	font-size: 20px;
	color: #ccc;
	text-align: center;
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
}
.calendar-head-row {
	border-bottom: 1px solid #c8c9cc;
	margin-bottom: 15px;
}

.calendar-nav,
.cal-day-nav {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.33;
	color: #2c2a25;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
}
.cal-day-nav {
	margin: 0 0 20px;
}
.calendar-nav .arr-prev,
.calendar-nav .arr-next {
	text-decoration: none;
	position: absolute;
	top: 5px;
	right: 0;
	opacity: .8;
	cursor: pointer;
	transition: opacity .5s;
}
.arr2-prev,
.arr2-next {
	display: inline-block;
	height: 20px;
	width: 20px;
	text-decoration: none;
	opacity: .8;
	cursor: pointer;
	transition: opacity .5s;
	transform: translateY(5px);
}
.calendar-nav .arr-prev {
	right: 25px;
}
.arr2-prev:hover,
.arr2-next:hover,
.calendar-nav .arr-prev:hover,
.calendar-nav .arr-next:hover {
	opacity: 1;
}

.calendar-nav .arr-prev i, .calendar-nav .arr-next i,
.arr2-prev i, .arr2-next i {
	width: 10px;
	height: 10px;
	margin: 5px;
	display: block;
	border-top: solid 2px #2c2a25;
	border-right: solid 2px #2c2a25;
	transform: rotate(45deg);
	transition: border-color .5s;
}
.calendar-nav .arr-prev i,
.arr2-prev i {
	border: 0;
	border-bottom: solid 2px #2c2a25;
	border-left: solid 2px #2c2a25;
}
.arr2-prev.noactive {
	opacity: .3;
}

.calendar-nav span {
	position: relative;
	z-index: 1;
}
.calendar .day-number {
	position: relative;
	z-index: 1;
}

.order-form label {
	display: block;
}
.order-form .label {
	color: #7a7a7a;
	padding: 0 0 10px;
}
.order-form .label.required:after {
	content: "*";
	color: #ed1200;
}
.order-form input {
	border: 1px solid #cccccc;
	padding: 10px;
	width: 100%;
	display: block;
}


.service-wrapper {
	padding: 45px 0;
}

.row-service b {
	display: block;
	padding-bottom: 15px;
	font-size: 22px;
	text-align: center;
	color: #000;
}
.row-service span {
	display: block;
	color: #4b4b4b;
	text-align: center;
}

		/* FAQ */
	.faq-list a
	{
		display: block;
		color: #0d4288;
		text-decoration: underline;
		padding-top: 2px;
	}
	.faq-list a:hover {
		text-decoration: none;
	}
	.faq-list.faq-top a
	{
		font-size: 18px;
		padding-top: 10px;
		line-height: 130%;
	}
		
	.faq .q
	{
		color: #000;
		display: block;
		padding: 5px 0;

	}
	.faq .q > a {
		position: relative;
		padding-left: 30px;
		transition: color .5s;
		cursor: pointer;
	}
	.faq .q > a:after, .faq .q > a:before {
		content: "";
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		height: 3px;
		width: 20px;
		border-radius: 2px;
		background: #cccccc;
		transition: transform .5s, color .5s;
	}
	.faq .q > a:before {
		transform: rotate(90deg);
	}
	.faq .q.active > a:before {
		transform: rotate(135deg);
		background: #0d4288;
	}
	.faq .q.active > a:after {
		transform: rotate(45deg);
		background: #0d4288;		
	}
	
	.faq .q a.active,
	.faq .q a:hover {
		color: #0d4288;
	}
	
	.faq .q .h
	{
		position: relative;
		display: block;
		font-weight: 400;
		font-size: 22px;
		padding-bottom: 10px;
	}
	.faq .q .answer
	{
		height: 0;
		overflow: hidden;
		transition: height .5s;
		font-size: 14px;
		display: block;	
	}
	.faq .answer-box {
		box-shadow: 0 0 5px rgba(44, 42, 37, 0.05);
		border-radius: 12px;
		background: #fff;
		margin: 15px 0;
		padding: 20px;
	}
	.faq .q.active .answer {
		height: auto;
	}
	
	.faq .q .video-container {
		max-width: 800px;
	}
	
	
@media (max-width: 750px) {
	h1, h2 {
		font-size: 20px;
	}
	.crumbs {
    	padding: 20px 0;
		text-align: center;
	}
	.tel-box {
		display: none;
	}
/*	.cut {
		display: none;
	}*/
	.mob {
		display: inline-block !important;
	}
	.pc {
		display: none !important;
	}
	.header-left,
	.social,
	.cab-key {
		position: relative;
		z-index: 50;
	}		
	.content {
    	padding: 60px 0 0;
	}
	.content > .container {
		padding: 0 15px;
	}
	.burger {
		display: block;
		margin-top: 3px;
	}
	header .logo-top {
		margin: 7px 0 0 45px;
		height: 32px;
	}
	#user {
		margin: 0 0 0 10px;
		width: 35px;
		text-align: center;
		padding: 11px 0 11px;
	}	
	.topmenu {
    	position: fixed;
    	left: 100vw;
    	bottom: 0;
    	width: 100%;
    	height: 100vh;
    	padding-top: 60px;
    	background: #fafafa;
    	overflow: auto;
    	transition: left .5s;
	}
	.nav-show .topmenu {
		left: 0;
	}
	.topmenu li a {
		text-align: center;
		display: block;
		padding: 15px 0;
	}
	.modal-show #modal .form {
		transform: translate(-50%, -50%);
        top: 50%;
        border-radius: 5px;
	}
	.services-list .row {
		padding: 0;
	}
	.services-list .hdr {
		text-align: left;
		padding-bottom: 20px;
	}
	.slider .slick-arrow {
		top: auto;
		bottom: 50px;
		height: 30px;
    	width: 30px;
	}
	.slider .slick-arrow:after {
    	height: 30px;
    	width: 30px;
    }
	.footer {
		padding: 30px 0 30px;
		text-align: center;
	}
	.uvf img {
    	height: 50px;
    	width: auto;
    	margin: 15px 0;
	}
	.btm-logo {
		text-align: center;
	}
	footer .social {
		display: block;
	}
	footer .logo-btm {
		height: 40px;
		margin: 50px 0 30px;
	}
	.copyright {
		padding-top: 30px;
	}
	.btm-menu {
		padding: 15px 0;
	}
	.btm-menu a {
		display: block
	}
	.btm-menu li {
		list-style: none;
		display: block;
	}
	footer .h {
		margin: 20px 0 10px;
	}
	.row-service > div {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.cars-box > div {
		padding-bottom: 15px;
	}
	.cars-box img {
		width: 200px;
	}
	.up-100px {
    	transform: inherit;
	}
	.pic1 {
		margin: -45px 0 45px;
	}
	.pic3,
	.pic4,
	.pic5 {
		margin: 45px 0;
	}
	.phone-wrapper {
    	margin: 200px 0 0;
	}
	.phone-wrapper .container {
		overflow: visible;
	}
	.phone-wrapper .phone-box {
    	position: absolute;
    	top: 0;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	max-width: 200px;
    	width: 80%;
	}
	.phone-wrapper .col-container {
		padding-top: 45px;
	}
		
	.eazy-list > div:not(:last-child) {
	padding-bottom: 100px;
	}
	.knowing-box .item .half {
		width: 100%;
		padding: 30px 15px;
	}
	.knowing-box .item {
		background: #1f599c;
	}
	.knowing-box .item:nth-child(2n) {
		background: #1d5391;
	}
	.tel-box, 
	.social-box  {
    	margin: 0 5px 0 0 !important;
	}
	.tel-box b,
	.social-box a {
		margin: 0 5px 0 0 !important;
		transform: translateY(3px);
	}
	header .skey, footer .skey {
		padding: 8px 10px;
	}

 	.h1 {
		padding: 0 30px;
	}
	.contact,
	.copyright,
	.sendkey {
		text-align: center !important;
		padding-bottom: 30px;
	}
	.copyright {
		padding-bottom: 0;
	}
	footer .pc {
		display: block;
	}
	footer .mobile {
		display: none;
	}
	.col-left {
		display: none;
	}

   .functional-row .item {
    	padding: 0 0 5px;
    	text-align: left;
	}
   .functional-row .item b {
		width: 100%;
		display: block;
		font-size: 11px;
		line-height: 130%;
		text-align: left;
		border-radius: 6px;
		padding: 10px;
    }

   .advantage-box .wow {
   	padding-top: 15px;
   	padding-bottom: 15px;
   }
   .useful-list .wow {
   	padding: 30px;
   }
   .knowing-box,
   .useful-box {
   	background-attachment: fixed;
   }
}