.logo-dh {
	height: 110px;
	margin-top: -25px;
}

.r-header .r-header-strip .r-nav-section nav > ul.main-menu {
	float: none;
	text-align: center;
}

.r-slider-item .container {
	text-align: center;
	top: 55%;
}

.r-slider-item .r-slider-top-content {
	float: none;
}

.r-slider-item .r-slider-top-content h1 {
	font-size: 62px;
	margin-bottom: 56px;
}

.r-header.r-header-strip-01 .r-car-search span {
	font-size: 16px;
	color: #fff;
}

.r-header.r-header-strip-01 .r-car-search {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 99;
	width: 615px;
	margin: auto;
	padding: 35px 0;
}

.display-flex-around {
	display: flex;
	justify-content: space-around;
}

/*DH -- VYBER SI Z NASEJ PONUKY*/
.r-sec-head.r-sec-head-v::after {
	content: "";
}

.r-best-vehicles {
	background-color: #0A0A0A;
	padding: 0 0 0;
}

.r-sec-head::after {
	color: #00000047;
}

.r-sec-head h2 {
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}

.box-car {
	position: relative;
}

.car-title {
	position: absolute;
	bottom: 5px;
	left: 25px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}

.list-car {
	padding: 20px;
}

.ready-box {
	height: 347px;
	width: 347px;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ready-title {
	color: #292929;
	text-transform: uppercase;
	font-weight: bold;
}

.r-advantages-part .r-advantage-main-part-white {
	background: #0a0a0a;
}

.r-advantages-part .r-advantage-main-part .advantage-head::after {
	content: "";
}

.r-car-tabs > .nav {
	margin-bottom: 50px;
	border: none;
	border-bottom: none;
}

.nav-tabs .nav-link.active {
	background-color: transparent;
}

.r-car-tabs > .nav li a {
	color: #595959;
	margin: 0 10px;
	transition: all 0.2s linear;
}

.r-car-tabs > .nav li a:hover {
	color: #fff;
}

.r-car-tabs > .nav li a.active {
	color: #FFFFFF;
	border-bottom: 3px solid #ECA846 !important;
}

.r-header .r-header-strip .r-nav-section nav > ul > li > a {
	font-size: 14px;
	padding: 20px 0 10px;
}

.r-header.r-header-strip-01 .r-nav-section nav ul li a.active {
	border-bottom: 3px solid #ECA846 !important;
}

.r-header.r-header-strip-01 .r-nav-section nav ul li a:hover {
	color: #ECA846 !important;
}

.r-car-tabs > .nav li::before {
	content: "";
	width: 0;
}

.r-car-whole-info {
	background: #131313;
}

.r-car-whole-info .r-car-info-content::before {
	border-right: none;
}

.r-car-whole-info .r-car-info-content table tbody {
	margin-top: 5px;
}

.r-car-whole-info .r-car-info-content table tbody tr:nth-child(1) td {
	padding-top: 15px;
}

.r-car-whole-info .r-car-info-content table td {
	background: #131313;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	border-color: #131313;
}

.r-car-whole-info .r-car-info-content table thead tr {
	border-bottom: 2px solid #595959;
}

.r-car-whole-info .r-car-info-content table thead td {
	font-size: 21px;
	font-weight: 600;
}

.r-car-whole-info .r-car-info-content .r-reg-year {
	color: #ffffff;
}

.r-car-whole-info .r-car-info-content .r-product-name {
	color: #ffffff;
}

.r-car-whole-info .r-car-info-content .r-product-name span {
	color: #eca846 !important;
	font-weight: 700;
}

.table td {
	padding: 0.15rem;
}

.btn-full {
	background: #000000 !important;
	border-bottom: 2px solid #eca846;
}

.r-car-tabs .btn-full {
	max-width: 50%;
}

.r-car-tabs .btn-full:hover {
	background-color: #eca846 !important;
}

.r-advantage-main-part-white {
	background: #F9F9F9 !important;
}

.r-advantages-part .r-advantage-main-part {
	background: #0a0a0a;
}

.r-advantages-part .r-advantage-main-part .advantage-head h2 {
	font-size: 35px;
	color: #0A0A0A;
	font-weight: bold;
}

.description {
	width: 62%;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 22px;
	color: #919191;
}

.leasing div div, .servis div div {
	padding: 50px 50px 25px 50px;
	background-color: #fff;
	margin: 28px 14px;
}

.leasing {
	background-image: url(../img/leasing_.jpg);
	background-size: cover;
	background-position: bottom;
}

.kontajnery {
	background-image: url(../img/foto_kontajner.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 75px;
	margin-bottom: 100px;
}

.kontajnery div div, .servis div div {
	padding: 50px 50px 25px 50px;
	background-color: #fff;
	margin: 28px 14px;
}

.kontajnery h3, .servis h3 {
	font-weight: bold;
	font-size: 1.25rem;
}

header {
	background-image: url(../img/foto-auto@2x.jpg);
	background-size: cover;
	background-position: center;
}

.servis {
	background-image: url(../img/odtahova-sluzba.jpg);
	background-size: cover;
	margin-top: 75px;
}

.leasing h3, .servis h3 {
	font-weight: bold;
	font-size: 1.25rem;
}

.contact-info i:nth-child(2) {
	margin-left: 20px;
}

.contact-info i {
	color: #ECA846;
	margin-right: 8px;
}

.contact-info {
	font-size: 14px;
}

.r-advantages-part .r-advantage-main-part .advantage-head {
	padding: 150px 0 150px;
}

.r-about-info {
	background-color: #ECA846;
}

.r-about-info h3 {
	font-size: 42px;
	color: #fff;
	font-weight: bold;
}

.r-about-info p {
	font-size: 16px;
	color: #fff;
}

.r-about-info p.cp {
	color: #AF731C;
	font-size: 18px;
}

.r-about-info form {
	display: flex;
}

.r-about-info form button i {
	color: #fff;
}

.r-about-info form button {
	background-color: #AF731C;
	border: 1px solid #AF731C;
	height: 45px;
	width: 45px;
	margin-left: -3px;
	cursor: pointer;
}

.r-about-info form input {
	font-size: 13px;
	background-color: #DB932B;
	border: 1px solid #C57F1B;
	height: 45px;
	padding-left: 10px;
	width: 60%;
	outline: none;
	color: #fff;
}

::placeholder {
	color: #AF731C;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #AF731C;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #AF731C;
}

.r-about-info.footer {
	background-color: #140D05;
}

#kontakt .contact-info {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

#kontakt ul {
	color: #fff;
	font-size: 16px;
	list-style: none;
	padding-left: 0;
}

.logo-footer {
	height: 15vh;
	margin-left: -13px;
	margin-bottom: 20px;
}

.r-header .r-header-strip .r-nav-section nav > ul > li > a.reserve-btn {
	background-color: #0A0A0A;
	padding: 10px 20px 10px 20px;
	margin-top: 10px;
	border-bottom: 2px solid #C57F1B;
}

.r-header .r-header-strip .r-nav-section nav > ul > li > a.reserve-btn i {
	color: #C57F1B;
	margin-left: 10px;
}

.r-header .r-header-strip .r-nav-section nav > ul > li > a.reserve-btn:hover i {
	color: #fff;
}

.r-header .r-header-strip .r-nav-section nav > ul > li > a.reserve-btn:hover {
	background-color: #C57F1B;
	color: #fff !important;
}

.r-slider-item .r-slider-top-content .btn-outlined {
	font-size: 15px;
}

.r-slider-item .r-slider-top-content .btn-outlined.reserve-btn i, .reserve-btn i, .r-slider-item .r-slider-top-content .btn-outlined.pricelist i {
	color: #C57F1B;
	margin-left: 10px;
}

.r-slider-item .r-slider-top-content .btn-outlined.pricelist:hover {
	background-color: transparent;
	border: none;
}

.reserve-btn {
	color: #fff;
	background-color: #0a0a0a;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	padding: 10px 20px 10px 20px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #c57f1b;
	border-radius: 0;
	transition: all 0.2s linear;
	margin-top: 25px;
}

.r-slider-item .r-slider-top-content .btn-outlined.reserve-btn {
	color: #fff;
	background-color: #0a0a0a;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	padding: 20px 50px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #c57f1b;
	border-radius: 0;
	transition: all 0.2s linear;
	margin-top: 0px;
}

.r-slider-item .r-slider-top-content .btn-outlined.reserve-btn:hover i, .reserve-btn:hover i {
	color: #fff;
}

.r-slider-item .r-slider-top-content .btn-outlined.reserve-btn:hover, .reserve-btn:hover {
	background-color: #C57F1B;
	border-color: #c47e1a;
}

.reserve-btn:hover {
	color: #fff;
	background-color: #C57F1B;
	border-color: #c47e1a;
}

.r-to-top {
	border: none;
}

.r-to-top:hover {
	border: none;
	color: #000 !important;
}

.reservation-form {
	display: none;
}

.reservation-form button.reservation-close {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #fff;
	border-radius: 50%;
	border: 0;
	padding: 5px 10px;
	cursor: pointer;
	box-shadow: 0px 3px 20px #00000029;
}

.reservation-form button.reservation-close i {
	color: #8B8B8B;
}

.reservation-form .reservation-box {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	background-color: #F7F7F7;
	top: 20%;
	padding: 75px;
	border-radius: 3px;
}

.reservation-form.open {
	position: fixed;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.80);
	display: block;
	z-index: 999999;
	right: 0;
	left: 0;
}

.reservation-form p {
	font-size: 21px;
	font-weight: bold;
}

.reservation-form input[type=text] {
	border: 1px solid #E1E1E1;
	height: 43px;
	width: 100%;
	font-size: 14px;
	padding-left: 15px;
	border-radius: 3px;
}

.reservation-form button[type=submit] {
	width: 100%;
	background-color: #ECA846;
	height: 43px;
	border: 0;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}

.reservation-form textarea {
	border: 1px solid #E1E1E1;
	height: 160px;
	width: 100%;
	font-size: 14px;
	border-radius: 3px;
	padding: 15px;
}

.reservation-form .row > div {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.reservation-form input::placeholder, .reservation-form textarea::placeholder {
	color: #B2B2B2;
	opacity: 1; /* Firefox */
}

.reservation-form input:-ms-input-placeholder, .reservation-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #B2B2B2;
}

.reservation-form input::-ms-input-placeholder, .reservation-form textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #B2B2B2;
}

.reservation-form .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.reservation-form .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.reservation-form .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #000000;
}

/* On mouse-over, add a grey background color */
.reservation-form .container:hover input ~ .checkmark {
	background-color: #fff;
}

/* When the radio button is checked, add a blue background */
/*.reservation-form .container input:checked ~ .checkmark {*/
/*background-color: #2196F3;*/
/*}*/

/* Create the indicator (the dot/circle - hidden when not checked) */
.reservation-form .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.reservation-form .container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.reservation-form .container .checkmark:after {
	top: 2px;
	left: 2px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ECA846;
}

.r-header .r-header-strip.r-header-fixed.r-header-strip-01 .logo-dh {
	height: 65px;
	margin-top: -10px;
}

.r-header .r-header-strip.r-header-fixed.r-header-strip-01 {
	background: rgba(0, 0, 0, 0.8);
	padding: 10px 0px 0px 0px;
	transition: all 0.2s linear;
}

.pc-none {
	display: none;
}

#defaultHomeSlider, #defaultHomeSlider > div.owl-stage-outer, #defaultHomeSlider > div.owl-stage-outer > div > div.owl-item.active > div {
	height: 100vh;
}

@media only screen and (max-width: 600px) {
	.logo-dh {
		height: 85px;
		margin-top: 0;
	}

	.r-slider-item .r-slider-top-content h1 {
		font-size: 23px;
		margin-top: -82px;
	}

	.mobile-none {
		display: none !important;
	}

	.list-car {
		text-align: center !important;
	}

	.reservation-form .reservation-box {
		width: 90%;
		top: 3%;
	}

	.mobile-footer-btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 99;
		display: block;
	}

	.mobile-footer-btn .reserve-btn {
		width: 100%;
	}

	#defaultHomeSlider, #defaultHomeSlider > div.owl-stage-outer, #defaultHomeSlider > div.owl-stage-outer > div > div.owl-item.active > div {
		height: 30vh;
	}

	.r-header.r-header-strip-01 .r-header-strip {
		background-color: rgba(0, 0, 0, 0);
	}

	.reservation-form .reservation-box {
		padding: 50px;
	}

	.r-sec-head h2 {
		font-size: 23px;
	}

	.pc-none {
		display: block;
	}

	.owl-theme .owl-nav [class*=owl-], .owl-theme .owl-nav [class*=owl-]:hover {
		background: #d6d6d600;
		margin: 5px 10px;
	}

	span.am-prev i, span.am-next i {
		color: #ECA846;
	}

	.box-info p.contact-info {
		margin-top: 35px;
		margin-bottom: 0px;
	}

	.box-info p.description {
		font-size: 14px;
		color: #0A0A0A;
		width: 100%;
	}

	.box-info h3 {
		font-size: 20px;
		font-weight: bold;
	}

	.owl-theme .owl-dots .owl-dot.active span {
		background: #eca846 !important;
	}

	.owl-dot span {
		width: 15px !important;
		height: 15px !important;;
	}

	.box-info {
		background-color: #fff;
		margin: 30px;
		padding: 30px 20px;
		box-shadow: 0px 0px 20px #0000001c;
		text-align: left;
		min-height: 330px;
	}

	.r-about-info h3 {
		font-size: 32px;
		font-weight: 500;
	}

	#kontakt iframe {
		width: 100%;
	}

	.owl-car .item .box-car img {
		width: 100%;
		height: 100%;
	}

}

.message {
	background-color: #ecd844;
	padding: 5px;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9999999999;
}

.message button {
	position: absolute;
	top: -10px;
	right: 5%;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	z-index: 9999999999;
}

.disabled {
	display: none !important;
}

.car-title > span {
	color: #ECA846;
	font-size: 15px;
}