@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Monoton|Open+Sans:400,700|Roboto:400,700&display=swap&subset=cyrillic');
@font-face {
    font-family: 'Inter UI';
    src: url('/fonts/InterUI-Regular.woff2') format('woff2'),
        url('/fonts/InterUI-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter UI';
    src: url('/fonts/InterUI-Bold.woff2') format('woff2'),
        url('/fonts/InterUI-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter UI';
    src: url('/fonts/InterUI-Medium.woff2') format('woff2'),
        url('/fonts/InterUI-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


body, html {
  width: 100%; height: 100%;
}

body {font-family: 'Inter UI', sans-serif; font-size: 14px; background: #fff;}

p {padding:0; margin:0 0 10px 0;}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0; -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}

.container {
    max-width: 1284px;
    margin: auto;
    padding: 0px 15px;
    position: relative;
}

.container-fluid {max-width: 1300px;
    margin: auto;
    padding: 0px 15px;
    position: relative;}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.title {font-family: 'Lora', serif;}

.number {font-family: 'Monoton', cursive;}

#top {width: 100%; height: 100%; display: block; background: url('../images/main_bg.jpg') center center no-repeat; overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; padding-top: 30px; color: #000; position: relative;}
#top .navbar {padding: 0; display: block;}
#top .navbar-nav {display: block;}
#top .navbar-nav li.nav-item {display: block; float: none;}
#top .navbar-nav li.nav-item a {font-size: 12px; text-transform: uppercase; color: #000; padding: 5px 0;}
#top .navbar-nav li.nav-item a:hover {color: #fff;}
#top p {margin:0; font-size: 12px; line-height: normal;}
#top .phone {color: #000; font-weight: 500;
font-size: 20px;
line-height: normal; color: #000; text-decoration: none;}
#top .open-popup-link {color: #000; }
#top .open-popup-link:hover {color: #fff; text-decoration: none;}
#top .vibor {color: #fff; text-decoration: none; border: 1px solid #fff; padding:5px 15px; font-weight: 500;
font-size: 12px;
line-height: 16px; display: inline-block; margin-top: 15px; text-transform: uppercase; }
#top .vibor:hover {background: #DE4242; color: #fff; border-color: #DE4242;}
#top .logo {margin-top: 30px; margin-bottom: 30px;}
#top .container-fluid {height: 100%;}
#top #text1 {position: absolute; top: 50%; width: 100%;}
#top .text1 {}
#top .text1 p {color: #fff; font-family: 'Lora', serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;}
#top #text2 {position: absolute; bottom: 5%; width: 100%;}
#top .text2 {}
#top .text2 p {font-size: 18px;
line-height: 24px; color: #fff; padding: 0;}

#block2 {background: #311A1B; padding:50px 0;}
#block2 p {margin: 0; font-family: Lora;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 26px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #FFFFFF;}
#block2 p img {margin: 20px 0;}

#block3 {background: #fff; padding:50px 0;}
#block3 p {font-size: 14px;}
#block3 .vibor {color: #000; text-decoration: none; border: 1px solid #000; padding:5px 15px; font-weight: 500;
font-size: 12px;
line-height: 16px; display: inline-block; margin-top: 15px; text-transform: uppercase; }
#block3 .vibor:hover {background: #000; color: #fff;}
#block3 .title_h2 {font-family: Lora;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: normal;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #4A0909; margin-bottom: 15px;}
#block3 .number {margin: 25px 0 0px 0; font-size: 70px;
line-height: 72px;
color: #DE4242;}
#block3 .title {font-weight: 500;
font-size: 13px;
line-height: 23px;
text-transform: uppercase;
color: #000000;}
#block3 .form {padding: 25px 0 0 0;}
#block3 input {border: 0; padding: 10px 5px 10px 30px; border-bottom: 1px solid #A9A9A9; width: 100%; font-style: italic;}
#block3 input:focus, #block3 input:hover {color: #000; border-bottom: 1px solid #000;}
#block3 input.error {color: #DE4242; border-bottom: 1px solid #DE4242;}
.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #DE4242;
}
.error::-moz-placeholder { /* Firefox 19+ */
  color: #DE4242;
}
.error:-ms-input-placeholder { /* IE 10+ */
  color: #DE4242;
}
.error:-moz-placeholder { /* Firefox 18- */
  color: #DE4242;
}
#block3 input.your_name {background: url('/images/name.svg') left center no-repeat;}
#block3 input.your_phone {background: url('/images/phone.svg') left center no-repeat;}
#block3 button {width: 100%; border: 0; color: #fff; background: #DE4242; border: 1px solid #DE4242; font-size: 12px; padding: 10px 0; text-transform: uppercase;}
#block3 button:hover {background: #fff; color: #000; border: 1px solid #000;}
#block3 .agree {font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #999999; padding-top: 10px;}
#block3 .agree a {color: #444; text-decoration: underline;}
#block3 .agree a:hover {color: #DE4242}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 650px;
  margin: 20px auto; box-shadow: 9px 4px 38px rgba(0, 0, 0, 0.19);
}

.white-popup .title {font-family: Lora;
font-style: normal;
font-weight: normal;
font-size: 32px;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #4A0909; text-align: center; margin-bottom: 20px;}
.mfp-bg {background: #fff;}
.mfp-close-btn-in .mfp-close {top:-40px; right:0px; color: #999;}

#block4 {padding: 50px 0 40px 0; background: url('/images/block4/bg.png') 80% 20% no-repeat #311A1B;}
#block4 .title_h2 {font-family: Lora;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: normal;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #fff; margin-bottom: 15px;}

ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 100%; position: relative; z-index: 1; background: url('/images/block4/line.png') bottom center repeat-x;
		}
		ul.tabs li{
			background: none;
			color: #999999;
			display: inline-block;
			padding: 10px 15px 25px 15px;
			cursor: pointer;
			position: relative; z-index: 1;
		}

		ul.tabs li.current{
			color: #DE4242;
			background: url('/images/block4/line1.png') bottom center repeat-x;
		}

		.tab-content{
			display: none;
			padding: 50px 0 15px 0;
			font-size: 16px;
line-height: 24px; color: #DA9797;
		}

		.tab-content.current{
			display: inherit;
		}
#block4 .number {font-size: 96px;
color: #DE4242; line-height: 110px;}
#block4 .text1 {font-size: 16px;
line-height: 23px; color: #fff; text-transform: uppercase;}
.slider1 {position: relative; margin: 50px 0 25px 0;}
.slider1 .owl-theme .owl-dots {position: absolute; left: -32px; top:20px; width: 25px;}
#counter1 {position: absolute; left: -30px; top:0px; font-size: 14px; color: #E5E5E5;}

    .owl-theme .owl-dots .owl-dot span {
      width: 14px;
      height: 13px;
      margin: 3px;
      background: url('/images/dot.svg') center center no-repeat;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 0px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: url('/images/dot_active.svg') center center no-repeat; }
#block4 .block_lists > div {background: url('/images/block4/line2.png') 15px 35px no-repeat;}
#block4 .block_list {padding-left: 50px; padding-right:25px;  margin-top: 25px;}
#block4 .block_list .title {font-size: 42px; color: #fff; margin-bottom:20px; }
#block4 .block_list .text { font-size: 16px;
line-height: 24px;
color: #DA9797; }

#block4 .slider2 {padding:50px 0 0 0; position: relative;}
#block4 .slider2 .owl-theme .owl-dots {position: relative; z-index: 0; width: 200px; margin: 10px auto 0 auto; z-index: 2}
#block4 .slider2 .owl-stage {margin-bottom: 25px;}
.owl-carousel .owl-nav {position: absolute; z-index: 1; width: 100%; width: 360px; left:50%; margin-left: -180px;}
.owl-carousel .owl-nav button span {display: none;}
.owl-carousel .owl-nav button.owl-prev {width:76px; height: 8px; background: url('/images/arrow_left.png') no-repeat; position: absolute; left:0;}
.owl-carousel .owl-nav button.owl-prev:hover {background: none; background: url('/images/arrow_left.png') no-repeat;}

.owl-carousel .owl-nav button.owl-next {width:76px; height: 8px; background: url('/images/arrow_right.png') no-repeat; position: absolute; right: 0;}
.owl-carousel .owl-nav button.owl-next:hover {background: none; background: url('/images/arrow_right.png') no-repeat;}

#block5 {padding: 50px 0 70px 0; background: url('/images/block5/bg.png') 125% 50px no-repeat #fff; background-size: contain;}
#block5 .left-block .title {font-size: 42px; color: #DE4242; margin-bottom: 20px;}
#block5 .left-block .text {font-size: 18px; line-height: normal; color: #333;}
#block5 .right-block .title {font-size: 42px; color: #4A0909; margin-bottom: 20px;}
#block5 .right-block .text {font-size: 16px; line-height: normal; color: #333;}
#block5 .right-block .text .gray {color: #888}
#block5 ul.tabs{
		color: #6F6F6F;
		background: url('/images/block5/line2.png') bottom center repeat-x;
		margin-top: 30px;
		}
#block5	ul.tabs li.current, #block5	ul.tabs li:hover{
			color: #000;
			background: url('/images/block5/line1.png') bottom center repeat-x;
		}
#block5	ul.tabs li {padding: 10px 35px 25px 35px; width: 25%; margin: 0 -2px;}
#block5	ul.tabs li:first-child {padding-left: 0;}

#block5 ul.tabs li .image {height: 70px;}
#block5 ul.tabs li .image img {opacity: 0.3}
#block5	ul.tabs li.current .image img, #block5	ul.tabs li:hover .image img{opacity: 1;}
#block5 ul.tabs li .title {font-family: Inter UI;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 23px;}
#block5	.tab-content{
			font-size: 14px;
color: #333333;
		}
#block5 .text3 .title_h2 {font-weight: bold; font-size: 22px;}


#block6 {padding: 50px 0 50px 0; background:#311A1B;}
#block6 .title_h2 {font-family: Lora;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: normal;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #fff; margin-bottom: 15px;}
#block6 .title {font-size: 24px; color: #DE4242; margin: 5px 0 15px 0;}
#block6 .text {font-size: 16px;
color: #DA9797;}

#block7 {padding: 50px 0 50px 0; background: #fff;}
#block7 .title_h2 {font-family: Lora;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: normal;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #311A1B; margin-bottom: 15px;}

#block7 ul.tabs{
		color: #000;
		background: none;
		margin-top: 30px;
		border-bottom: 5px solid #DE4242; width: 100%; overflow: hidden;
		}
#block7 ul.tabs li {width: 25%; padding: 0 5px 10px 5px; float: left; margin-bottom: -2px;}
#block7 ul.tabs li, #block7 ul.tabs li.current {background: none;}
#block7 ul.tabs .block {border: 1px solid #CCCCCC; padding: 15px 5px 0px 10px; font-size: 13px; color: #000; }
#block7 ul.tabs .block .text p {}
#block7 ul.tabs .block .type1 {width:100%; height: 50px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
#block7 ul.tabs .block .type1 .image {width:40px; height: 40px;}
#block7 ul.tabs .block .type2 {width:66px; height: 80px; float: right; }
#block7 ul.tabs .block .type2 svg {fill:#DFDFDF; zoom:0.8;}
#block7 ul.tabs li.current, #block7 ul.tabs li:hover {background: #DE4242; overflow: hidden;}
#block7 ul.tabs li.current .block, #block7 ul.tabs li:hover .block {color: #fff; border: 0;}
#block7 ul.tabs li.current .block svg, #block7 ul.tabs li:hover .block svg {fill: #fff;}
#block7 ul.tabs li.current .block .type2, #block7 ul.tabs li:hover .block .type2 {}

#block7 ul.tabs .type1 .image svg {fill: #737373;}

#block7 ul.tabs li.current .block .type1 .image svg, #block7 ul.tabs li:hover .block .type1 .image svg {fill: #fff;} 

#block7 .tab-content{
			padding: 40px;
			font-size: 16px;
line-height: 24px; color: #333; background: #F0F0F0;
		}

#block7 .harakter {padding: 15px 0; border-bottom: 1px solid #A6A6A6;}
#block7 .free {padding: 5px 15px; display: inline-block; margin: 50px 0 130px 0; border:1px solid #000; font-size: 14px; color: #311A1B; text-transform: uppercase;}
#block7 .free span {font-size: 18px; color: #DE4242; display: inline-block; margin-left: 15px;}
#block7 .zayavka {display: block;}
#block7 .zayavka a {display: inline-block; color: #fff; background: #DE4242; border: 1px solid #DE4242; font-size: 12px; padding: 10px 50px; text-transform: uppercase;}
#block7 .zayavka a:hover {background: #fff; color: #000; border: 1px solid #000; text-decoration: none;}
.slider3, .slider4, .slider5, .slider6 {position: relative;}
.slider3 .owl-theme .owl-dots, .slider4 .owl-theme .owl-dots, .slider5 .owl-theme .owl-dots, .slider6 .owl-theme .owl-dots {position: absolute; right: -32px; top:20px; width: 25px;}
#counter3, #counter4, #counter5, #counter6 {position: absolute; right: -30px; top:0px; font-size: 14px; color: #3F3F3F;}

#block8 {position: relative;}
#map {width: 100%; height: 600px; display: block; position: relative; z-index: 0;}
#adress {width: 440px; padding: 25px; position: absolute; z-index: 1; right: 50px; top:50%; margin-top: -200px; background: #311A1B;}
#adress .title {font-size: 22px; color: #fff; text-transform: uppercase; margin:15px 0 25px 0;}
#adress .adress-block {color: #999999; padding: 15px 0; border-bottom: 1px solid #522d2f;}
#adress .text, #adress .text a {color: #fff;}
#adress .adress-block.noborder {border: 0;}

footer {background: #311A1B; padding: 20px 0 0 0;}
footer li a {color: #fff; text-transform: uppercase; display: block; padding: 3px 0;}
footer li a:hover {text-decoration: none; color: #DE4242;}
footer p {color: #999999; font-size: 12px; text-transform: uppercase; margin: 5px 0 5px 0;}
footer p a {color: #999999; text-decoration: none;}
footer p a:hover {color: #DE4242; text-decoration: none;}

#zayavka .title {margin: 15px 0 5px 0; line-height: 36px;}
#zayavka .title2 {margin: 0; padding-bottom: 10px; text-align: center; font-size:18px; border-bottom: 1px solid #D6D6D6; margin-bottom: 10px;}
#zayavka .row button {color: #fff; background: #DE4242; border: 1px solid #DE4242; font-size: 12px; padding: 10px 35px; text-transform: uppercase; margin:10px 0 0 0;}
#zayavka .row button:hover {background: #fff; color: #000; border: 1px solid #000;}
#zayavka .your_phone {font-size: 18px; padding:5px 10px; color: #484848; border: 1px solid #E5E5E5;
}
#zayavka .error {border: 1px solid #DE4242;}
#zayavka #timepicker {display: none;}
#zayavka #timepicker input {border: 1px solid #E5E5E5; padding:5px; font-size: 18px; color: #000; text-align: center;}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#999999;
    font-size:12px; cursor: pointer;
}

input[type="radio"]:checked + label {color: #000;}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('/images/radio.png') -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('/images/radio.png') -57px top no-repeat;
}

.close_up {display: none;}

@media screen and (max-width: 812px) {
  #top #text1 {top: 30%; }
  #top #text2 {bottom: 2%;}
  #top .text1 {}
  #top .text1 .text-center {padding-top: 25px;}
  #top .text2 {}
  .slider1 .owl-theme .owl-dots {position: relative; z-index: 0; width: 200px; margin: 10px auto 0 auto; z-index: 2; top:0; left: auto;}
  .slider1 .owl-stage {margin-bottom: 25px;}
  #block2 p.title {padding-bottom: 25px;}
  #counter1 {display: none;}
  #block6 .title {margin: 25px 0 10px 0;}
  #adress {position: relative; margin: 0; top:auto; width: 100%; right: auto;}
  #block7 .zayavka a {padding: 15px;}
  #top .navbar {z-index: 10;}
  .navbar-dark .navbar-toggler {background: #DE4242;}
  .navbar-collapse {position: absolute; background: #fff; width: 300px;}
  #top .navbar-nav li.nav-item a {display: block; padding: 10px 15px; border-bottom: 1px solid #CFCFCF; font-size: 14px; color:#000; }
  #block3 input {margin-bottom: 20px;}
  #block4 ul.dropdown {list-style:none; border: 0; width: 100%;  background:url('/images/li.svg') 95% 15px no-repeat #fff; color: #DE4242; text-transform: none; border-bottom: 1px solid #C4C4C4; padding:0px; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);}
  #block4 ul.dropdown li {display: none; font-size: 16px; padding: 5px 10px; color: #000;}
  #block4 ul.dropdown.active li {display: block; border-bottom: 1px solid #A9A9A9; margin: 0 10px;}
  #block4 ul.dropdown.active li:hover {color: #DE4242;}
  #block4 ul.dropdown li:first-child {display: block; margin: 0;}
  #block4 ul.dropdown li:last-child {border: 0;}

  #block7 ul.tabs .block .type2 {display: none;}
  #block7 .free {margin:15px 0;}
}

@media screen and (max-width: 575px) {
  #top .text2 p {text-align: center;}
  .title_h2 {font-size: 36px!important; line-height: 41px!important}
  .tab-content {padding: 15px 0;}
  .slider1 {margin: 20px 0;}
  #adress .title {font-size: 24px; line-height: 30px;}
  #block5 .left-block .title {font-size: 36px;}
  #block5 .right-block .title {font-size: 36px; line-height: 40px;}
  #block5 {padding: 50px 0 70px 0; background: url('/images/block5/bg.png') bottom center no-repeat #fff; background-size: contain;}
  #block5 .tab-content {padding: 15px; background: #FFFFFF; border: 1px solid #D8D8D8; display: block; margin: 15px 0;}
  #block5 .tab-content .d-block {overflow: hidden;}
  #block5 .tab-content .d-block .title {font-weight: bold; padding-top: 25px; font-size: 16px;}
  #block5 .tab-content .d-block .image {height: 80px; line-height: 80px;}
  #block5 .text3 {margin: 15px 0 0 0; display: none;}
  #block5 .text3 img {margin: 0 0 15px 0;}
  .close_up {display: block; color: #DE4242; font-size: 16px; text-transform: uppercase; padding: 25px 0 0px 0;}
  #block7 {padding-bottom: 15px;}
  #block7 .tab-content {padding: 0; display: block; margin: 0 0 25px 0; background:#fff; border: 1px solid #CCCCCC;}
  #block7 .tab-content.current {background: #F0F0F0; border: 0; padding-bottom: 10px;}
  #block7 .tab-content .d-block .img:after {content:' '; width:100%; background: #000; opacity:0.1; height: 1px; display: block; margin-top:15px;}
  #block7 .tab-content .d-block .img, #block7 .tab-content .d-block .text{padding:15px 15px;}
 #block7 .tab-content .d-block .img {padding-bottom: 0;}
  #block7 .tab-content.current .d-block .img, #block7 .tab-content.current .d-block .text {background: #DE4242; color:#fff;}
  #block7 .tab-content.current .type1 {}
  #block7 .tab-content .type1 .image svg {fill: #737373; font-weight: normal;}
  #block7 .tab-content.current .type1 .image svg {fill: #fff; font-weight: normal; }
  #block7 .harakter {margin: 5px 15px;}
  #block7 .free {margin: 25px 15px 15px 15px; width: calc(100% - 30px);}
  #block7 .zayavka {margin: 15px 15px;}
  #block7 .zayavka a {width: 100%; text-align: center;}
  .slider3, .slider4, .slider5, .slider6 {margin: 0 15px;}
  .slider3 .owl-theme .owl-dots, .slider4 .owl-theme .owl-dots, .slider5 .owl-theme .owl-dots, .slider6 .owl-theme .owl-dots {position: relative; z-index: 0; width: 160px; margin: 10px auto 0 auto; z-index: 2; top:0; left: auto; right: auto;}
  .slider3 .owl-stage, .slider4 .owl-stage, .slider5 .owl-stage, .slider6 .owl-stage {margin-bottom: 5px;}
  #counter3, #counter4, #counter5, #counter6 {display: none;}
  .owl-carousel .owl-nav button.owl-prev {left: 15px;}
  .owl-carousel .owl-nav button.owl-next {right: 15px;}
  #block7 .tab-content .block_type {display: none;}
  #block7 .tab-content.current .block_type {display: block;}
  #block7 .tabs {visibility: hidden; height: 1px; overflow: hidden;}
  #adress .text, #adress .text a {margin-top: 10px;}
  footer ul {padding: 0; margin: 0;}
  footer .text-right {text-align: left!important;}
  footer .text-right a {text-decoration: underline;}
  #zayavka .your_phone {width: 100%; font-size: 14px;}
  #zayavka #timepicker input {font-size: 14px;}
}