@font-face {font-family:Bm;src: url(../fonts/BrutalType-Medium.ttf);}
@font-face {font-family:Bb;src: url(../fonts/BrutalType-Bold.ttf);}
@font-face {font-family:Bl;src: url(../fonts/BrutalType-Light.ttf);}
@font-face {font-family:Bt;src: url(../fonts/BrutalType.ttf);}
html{height: 100%;}
body {
    font-size: 1vw;
	font-family:Bm !important;
	margin: 0;
	padding: 0;
	position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
img {width:100%;height: auto;}
a {
	color: #000;
}
a:hover {
	color: #272727;
	text-decoration: none;
}
pre {
	font-family: Bl;
	font-style: italic;
}
.pp1{padding-left: 1vw;padding-right: 1vw;}
.pp2{padding-left: 2vw;padding-right: 2vw;}
.pp3 {padding-left: 3vw;padding-right: 3vw;}
.pp4 {padding-left: 4vw;padding-right: 4vw;}
.pp5 {padding-left: 5vw;padding-right: 5vw;}
.pp6 {padding-left: 6vw;padding-right: 6vw;}
.pp7 {padding-left: 7vw;padding-right: 7vw;}
.pp8 {padding-left: 8vw;padding-right: 8vw;}

.mb1 {margin-bottom: 1vw;}.mb2 {margin-bottom: 2vw;}.mb3 {margin-bottom: 3vw;}.mb4 {margin-bottom: 4vw;}.mb5 {margin-bottom: 5vw;}.mb6 {margin-bottom: 6vw;}.mb7 {margin-bottom: 7vw;}.mb8 {margin-bottom: 8vw;}.mb9 {margin-bottom: 9vw;}.mb10 {margin-bottom: 10vw;}.mt1{margin-top: 1vw;}.mt2{margin-top: 2vw;}.mt3{margin-top: 3vw;}.mt4{margin-top: 4vw;}.mt5{margin-top: 5vw;}.mt6{margin-top: 6vw;}.mt7{margin-top: 7vw;}.mt8{margin-top: 8vw;}.mt9{margin-top: 9vw;}.mt10{margin-top: 10vw;}.ml1{margin-left: 1vw;}.ml2{margin-left: 2vw;}.ml3{margin-left: 3vw;}.ml4{margin-left: 4vw;}.ml5{margin-left: 5vw;}.ml6{margin-left: 6vw;}.ml7{margin-left: 7vw;}.ml8{margin-left: 8vw;}.ml9{margin-left: 9vw;}.ml10{margin-left: 10vw;}.mr1{margin-right: 1vw;}.mr2{margin-right: 2vw;}.mr3{margin-right: 3vw;}.mr4{margin-right: 4vw;}.mr5{margin-right: 5vw;}.mr6{margin-right: 6vw;}.mr7{margin-right: 7vw;}.mr8{margin-right: 8vw;}.mr9{margin-right: 9vw;}.mr10{margin-right: 10vw;}
.pl1{padding-left:1vw;}.pl2{padding-left:2vw;}.pl3{padding-left:3vw;}.pl4{padding-left:4vw;}.pl5{padding-left:5vw;}.pl6{padding-left:6vw;}.pl7{padding-left:7vw;}.pl8{padding-left:8vw;}.pl9{padding-left:9vw;}.pl10{padding-left:10vw;}.pr1{padding-right:1vw;}.pr2{padding-right:2vw;}.pr3{padding-right:3vw;}.pr4{padding-right:4vw;}.pr5{padding-right:5vw;}.pr6{padding-right:6vw;}/*.pr7{padding-right:7vw;}*/.pr8{padding-right:8vw;}.pr9{padding-right:9vw;}.pr10{padding-right:10vw;}.pt1{padding-top:1vw;}.pt2{padding-top:2vw;}.pt3{padding-top:3vw;}.pt4{padding-top:4vw;}.pt5{padding-top:5vw;}.pt6{padding-top:6vw;}.pt7{padding-top:7vw;}.pt8{padding-top:8vw;}.pt9{padding-top:9vw;}.pt10{padding-top:10vw;}.pb1{padding-bottom:1vw}.pb2{padding-bottom:2vw}.pb3{padding-bottom:3vw}.pb4{padding-bottom:4vw}.pb5{padding-bottom:5vw}.pb6{padding-bottom:6vw}.pb7{padding-bottom:7vw}
.pb8{padding-bottom:8vw}.pb9{padding-bottom:9vw}.pb10{padding-bottom:10vw}
.clb {clear: both;}
.content {
  flex-grow: 1;
  flex-shrink: 0;
}
input {outline: 0 !important;}
input:active, input:hover, input:focus {
    outline: 0;
    outline-offset: 0;
}
button, 
button:active, 
button:focus {
    outline: 0 !important;
}
.flexy {
	display: flex;
}
.footer {
  margin-top: auto;
}

.logo {
	width: 7vw;
}

.slog {
	text-transform: uppercase;
	border-left: 0.2vw solid #e70101;
	padding-left: 1vw;
	margin-top: 1.8vw;
}

.adres {
	margin-top: 1.8vw;
}

.phone {
	margin-top: 1.8vw;
}

.top_menu_bg {
	width: 100%;
	height: 3vw;
	background: #354b56;
	border-bottom: 0.15vw solid #FFF;
	clear: both;
}
/*********main page**************/
.topchik {
	width: 100%;
}

.carusel {
	width: 100%;
}

.t_photo {
	width: 50%;
	height: 33.9vw;
}

.slide-1 {
	width: 50vw;
	background: #354b56;
	color: #FFF;
	height: 33.9vw;
	
}

.slide_text {
	font-size: 2.8vw;
	line-height: 3vw;
	font-family: Bb;
	position: relative;
	top:10vw;
	left: 13vw;
}

.slide_but a{
	position: relative;
	top:13vw;
	left: 13vw;
	padding: 0.5vw 3vw;
	border: 0.15vw solid #FFF;
	border-radius: 5vw;
	width: 13vw;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	z-index: 18;
	font-size: 1.2vw;
	font-weight: bold;
	color: #FFF;
}

.slide_but a:hover {
	background: #e70101;
	border: 0.15vw solid #e70101; 
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
	top:5vw;
    left: -63vw;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
	height: 5vw !important;
	
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width:2vw;;
    height: 2vw !important;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 0.2vw !important;
    background-color: #354b56 !important;
	font-size: 1vw;
	font-family: Bb;
	color:rgba(255,255,255,.5);
	cursor: pointer;
}

.carousel-indicators .active {
	color:#FFF;
}

.about {
    font-size: 1.7vw;
    text-transform: uppercase;
    color: #e70101;
    margin-top: -3vw;
    font-weight: bold;
}

.gr_line {
    border-bottom: 0.15vw solid #cbcbcb;
    width: 83vw;
    margin: 0 auto 3vw;
}


.carousel-indicators3 {
    position: absolute;
    right:0;
    bottom: 0;
	top:5vw;
    left: -63vw;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
	height: 0.2vw !important;
	
}

.serv_zag {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2vw;
    margin-bottom: 3vw;
}

.blue_zag {
    font-size: 1.5vw;
    text-transform: uppercase;
    color: #354b56;
    font-family: Bm;
    margin-bottom: 3vw;
    margin-top: 4.5vw;
}

.serv_text {
    font-family: Bm;
    font-size: 1.1vw;
    margin-bottom: 3vw;
}

/***************prod****************************/

.precart h1 {
	border-bottom: 0.2vw solid #e70101;
	margin-bottom: 3vw;
}

.zag {
	border-bottom: 0.2vw solid #e70101;
	margin-bottom: 3vw;
	color: #e70101;
	text-transform: uppercase;
}
.precart h3 {
	color: #e70101;
	font-size: 1.2vw;
	text-transform: uppercase;
	margin-bottom: 2vw;
}

.pre_text {
	margin-bottom: 4vw;
}

.left_col {
	font-family: Bb;
	width: 45%;
	float: left;
	margin-bottom: 0.8vw;
}

.right_col {
	font-family: Bl;
	float: left;
	width: 55%;
	margin-bottom: 0.8vw;
}

.afbf_feedback_poles h1 {
	font-size: 1.2vw;
	font-family: Bt;
}

#form_id_FID1, #form_id_FID3, #form_id_FID4, #form_id_FID5 {
	position: relative;
	top:5vw;
	background: #e70101;
	padding: 0.5vw 2vw;
	border: 0.15vw solid #e70101;
	cursor: pointer;text-transform: uppercase;
	font-size: 0.9vw;
	color: #FFF;
}
#form_id_FID1:hover, #form_id_FID3:hover, #form_id_FID4:hover, #form_id_FID5:hover {
	position: relative;
	top:5vw;
	background: #FFF;
	padding: 0.5vw 2vw;
	border: 0.15vw solid #e70101;
	cursor: pointer;text-transform: uppercase;
	font-size: 0.9vw;
	color: #e70101;
}

#tabl h2 {
	font-size: 1.2vw;
	color: #e70101;
	border-bottom: 0.2vw solid #e70101;
	margin-bottom: 3vw;
	margin-top: 3vw;
	text-transform: uppercase;
}
#descr h2 {
	font-size: 1.2vw;
	color: #e70101;
	border-bottom: 0.2vw solid #e70101;
	margin-bottom: 3vw;
	margin-top: 3vw;
	text-transform: uppercase;
}
#kompl h2 {
	font-size: 1.2vw;
	color: #e70101;
	border-bottom: 0.2vw solid #e70101;
	margin-bottom: 3vw;
	margin-top: 3vw;
	text-transform: uppercase;
}

.main-user-consent-request {
	font-size: 0.9vw;
}

/******************footer*******************************************/
.form_bg {
    background: #354b56;
    width: 100%;
    padding-top: 4vw;
    padding-bottom: 4vw;
    color: #FFF;
	margin-top: 3vw;
}

.form_zag {
    font-size: 2.8vw;
    text-transform: uppercase;
    font-family: Bm;
    margin-bottom: 1vw;
}

.form_zag2 {
    font-size: 1.8vw;
    font-family: Bt;
    margin-bottom: 4vw;
}

#form_id_FID2 {
	text-transform: uppercase;
	border:0.15vw solid #FFF;
	padding: 1vw 3vw;
}
#form_id_FID2:hover {
	text-transform: uppercase;
	border:0.15vw solid #FFF;
	padding: 1vw 3vw;
	background: #FFF;
	color: #354b56;
	transition: 0.5s;
}

.footer a {
	color: #000;
	font-family: Bt;
}

.grey_line {
	border-bottom: 0.15vw solid #cdcdcd;
}

.bot_mail {
	font-size: 1vw;
    color: #000;
    font-family: BTb;
	margin-left: 5vw;
}

.bot_tel {
	font-size: 1vw;
    color: #000;
    font-family: BTb;
	margin-left: 7vw;
}

.bot_adres {
	font-size: 1vw;
    color: #000;
    font-family: BTb;
}

.bot_a_icon {
	margin-right: 0.3vw;
}

@media screen and (max-width:991px) {
	.bot_a_icon {
	margin-right: 1vw;
		width: 5vw;
}
}

.copyr {
	font-size: 0.8vw;
	color:#797979;
	margin-right: 5vw;
	width: 95%;
}

.razrab {
	font-size: 0.9vw;
	color:#797979;
}