/*
Theme Name: Custom Theme
*/

#desktop__menu{visibility: hidden;}
#mobile__menu{visibility: hidden;}

@font-face {
			font-family: "RobotoBold";
			src: url("/wp-content/themes/custom-theme/fonts/RobotoBold.eot");
			src: url("/wp-content/themes/custom-theme/fonts/RobotoBold.eot?#iefix")format("embedded-opentype"),
			url("/wp-content/themes/custom-theme/fonts/RobotoBold.woff") format("woff"),
			url("/wp-content/themes/custom-theme/fonts/RobotoBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

@font-face {
			font-family: "RobotoRegular";
			src: url("/wp-content/themes/custom-theme/fonts/RobotoRegular.eot");
			src: url("/wp-content/themes/custom-theme/fonts/RobotoRegular.eot?#iefix")format("embedded-opentype"),
			url("/wp-content/themes/custom-theme/fonts/RobotoRegular.woff") format("woff"),
			url("/wp-content/themes/custom-theme/fonts/RobotoRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

a {color: #ff5e08;}	
a, button {transition: all 0.3s ease;}
body {color: #405764;}
h2 {margin-bottom: 2rem;}
.navbar li {margin: 0 1rem 0 0;}
.navbar li a {color: #586058;text-decoration: none;}
.navbar li a:hover {color: #ff5e08;}
.navbar .current-menu-item a {color: #ff5e08;}
.tops {background-size: cover;background-repeat: no-repeat;background-position: center center;color: #fff;padding: 3rem 0 3rem; height:530px; margin-top:0;}
.tops h4 {margin: 0;font-weight: normal;}
.btn-o {background-color: #ff5e08;color: #fff; font-weight:bold; padding:15px; width:250px; font-family:'Inter'}
.btn-o:hover {background-color: #f69e02;}
.bg-gr {background-color: #f2f2f2;padding: 2rem 0;}
.evi {background-repeat: no-repeat;background-position: center 30px;background-color: #ff5400;color: #000;font-size: 1.5rem;padding: 8rem 1rem 2rem;min-height: 290px;margin: 1rem 0;}
.evak {background: linear-gradient(to bottom,transparent 140px,#fff 0);margin-bottom: 2rem;font-size: 1.2rem;padding: 2rem;}
.evak .btn-o {font-size: 1.2rem;font-weight: bold;width: 100%;}
.bg-or {background-color: #ff5e08;padding: 2rem 0;}
.bg-or h2 {color: #fff;}
.dopf {background-size: cover;background-repeat: no-repeat;background-position: top center;padding: 2rem 0;color: #fff;}
.dp {margin-bottom: 2rem;font-size: 1.2rem;}
.dp .btn-o {font-size: 1.2rem;font-weight: bold;width: 100%;}
th {background-color: #ff5e08 !important;color: #fff;}
.rbs {background-size: 100%;background-repeat: no-repeat;padding: 160px 30px 110px 530px;}
.rbs h4 {margin-bottom: 2rem;color: #ff5e08;font-weight: bold;}
.zaka {background-size: cover;background-repeat: no-repeat;background-position: top center;color: #fff;padding: 2rem 0 1rem;}
.zaka2 {background-repeat: no-repeat;background-size: 58%;margin-bottom: 2rem;}
.bgr {background: rgba(255,255,255,0.8);padding: 1rem;margin-top: 130px;}
.cit {background-color: #fff;border-left: 9px solid #ff5e08;padding: 0.5rem 1rem;margin-bottom: 1rem;}
.calc {padding: 8px;background-color: #fff;}
.calc h3 {margin: 0;font-size: 18px;font-weight: 900;color: #fff;}
.heading-calc {padding: 15px;background-color: #ff5e08;margin-bottom: 15px;}
.vechile-type-wrapper, .blocked-wheels-wrapper, .steering-wheel-wrapper, .distance-wrapper {margin: 0 0 10px 0;}
.calc-icons {width: 100px;}
.choice-bg {padding: 5px;font-size: 14px;font-weight: 600;background: #e9e7e7;}
.distance {margin: 0 0 10px;text-align: center;}
.distance input {padding: 5px;width: 70px;height: 30px;}
.result-bg {margin: 0;font-weight: 300;background: #e9e7e7;}
.yellow-bg-calc {padding: 4px;font-size: 26px;margin: 0;font-weight: 900;background-color: #ff5e08;color: #fff;}
.margin-top-13 {margin-top: 7px;}
.warning-msg {display:none;padding: 10px 5px;color: #f00;font-weight: 600;}
.footer {background-color: #000;color: #fff;padding: 1rem 0 .5rem;}
.tel {display: block;color: #fff;font-size: 1.5rem;text-decoration: none;}
.tel span {font-size: 2.5rem;color: #ff5400;font-weight: bold;}
.tel:hover {color: #fff;}

.wpcf7 form .wpcf7-response-output {margin: 0 !important;}
.wpcf7-submit {width: 100%;}

.btn {border-radius: 0;}
.form-control {box-shadow: inset 0px 0px 16px 5px rgb(50 50 50 / 40%);border-radius: 0;}
.form-control::-webkit-input-placeholder  {opacity: 1;transition: opacity 0.5s ease;}
.form-control::-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-ms-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus::-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-ms-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}

.bup {position: fixed;bottom: 15px;right: 15px;z-index: 2;display: none;width: 42px;}

@media screen and (max-width: 320px) {

}

@media screen and (max-width: 576px) {
.zaka2 {background-size: 100%;}
.bgr {padding: 0;}
}

@media screen and (max-width: 768px) {
.evi {padding: 7rem .5rem 2rem;min-height: auto;}
.evak {padding: 1rem;}
.rbs {padding: 0 !important;background: transparent !important;}
}

@media screen and (max-width: 960px) {
.tel, .tel span {font-size: 1rem;}
}

@media screen and (max-width: 1100px) {
.navbar li {margin: .5rem 0;}
.rbs {padding: 100px 15px 60px 350px;}
}

@media screen and (max-width: 452px) {
	.tops {margin-top: 50px;}
}

@media screen and (max-width: 520px) {
	.btn-o {
    background-color: #ff5e08;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    max-width: 150px;
    font-family: 'Inter';
}
}

#header__down {
    background: #FFf;
    height: 69px;
}
/*#header__down {
	background:#FF5E08;
	height:68px;
}*/
#menu-menu-main, #menu-top-main-menu {
	width:100%;
	position: relative;
	display: table-cell;
	margin: 0;
	padding: 0;
}
#menu-top-main-menu .menu-item {
display: table-cell;
	position: relative;
	vertical-align:middle;
	width:10%;
}
#header__down .menu-item a {
	color:#fff;
}
.header__pics div p{
	color:#405764;
	font-weight:bold;
}
	
h1 {
	color:#fff;
/*color:#405764;*/ 
}
@media screen and (max-width:450px) {
	#desktop__menu {
		display:none;
	}
	
	#header__down {
		display: none;
	}
}

@media screen and (min-width:450px) {
	#mobile__menu{
		display: none;
	
	}
}
#mobile__menu {
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
}
.phone_pic {
	background:url('images/phone_pic.png');
	background-repeat:no-repeat;
	padding-left:35px;
	height:35px;
	font-size:17px;
	font-weight:bold;
	background-position: left center;
}
.time_pic {
	background:url('images/time_pic.png');
	background-repeat:no-repeat;
	padding:35px;
	height:35px;
	font-weight:bold;
	background-position: left center;
}
.orange {
	color:#FF5E08;
}
#about, .ul_marker {
	list-style-type:none;
	padding:5px;
	color:#405764;
}	
#about li::before, .ul_marker li:before {
	content: "•"; color: #FF5E08; margin-right:0.2em;
	display: inline-block; width: 1em;
  
	}
#menu__toggle {
  opacity: 0;
}
/* стилизуем кнопку */
.menu__btn {
  display: flex; /* используем flex для центрирования содержимого */
  align-items: center;  /* центрируем содержимое кнопки */
  position: fixed;
  top: 20px;
  left: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1;
}
/* добавляем "гамбургер" */
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}

#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
  position: absolute;
  
}

.menu__btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  left: 12px;

  width: 26px;
  height: 26px;

  cursor: pointer;
  z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #616161;

  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: -100%;

  width: 300px;
  height: 100%;

  margin: 0;
  padding: 80px 0;

  list-style: none;

  background-color: #ECEFF1;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;
}

.menu__item {
  display: block;
  padding: 12px 24px;

  color: #333;

  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;

  text-decoration: none;

  transition-duration: .25s;
}
.menu__item:hover {
  background-color: #CFD8DC;
}
.menu__box .menu-item {
	width:100% !important;
	display: block !important	;
	padding-left: 60px !important;
	padding-top:20px !important;
}

#header__fixed {
	position:fixed;
	background:#fff;
}