@font-face {font-family:BTr;src: url(../fonts/BrutalType.ttf);}
@font-face {font-family:BTbl;src: url(../fonts/BrutalType-Black.ttf);}
@font-face {font-family:BTb;src: url(../fonts/BrutalType-Bold.ttf);}
@font-face {font-family:BTl;src: url(../fonts/BrutalType-Light.ttf);}
@font-face {font-family:BTm;src: url(../fonts/BrutalType-Medium.ttf);}

body {
    font-size: 1vw;
	font-family: BTr;
	margin: 0;
	padding: 0;
}
img {width:100%;height: auto;}
.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}

.blue {
	color: #354b56;
}
/**************header**************/
.pslide-1 {
	height: 20vw;
}
.flexy {
	display: flex !important;
}
.flexin {
	display: inline-flex;
}
.pt07 {
	padding-top: 0.7vw;
	
}
.logo {
	border-right: 0.15vw solid #354b56;
	padding-right: 2vw;
	width: 14vw;
}
.logo a{
	font-size: 1.3vw;
	color: #000;
	text-transform: uppercase;
}

.v_line {
	

}

.slog {
	font-size: 0.8vw;
	text-transform: uppercase;
	margin-left: 2vw;
	font-family: BTb;
	line-height: 0.8vw;
	margin-top: 0.5vw;
}


.top_tel a{
	font-size: 1.2vw;
	color: #000;
	font-family: BTr;
	position: relative;
	top:1vw;
}

.adres {
	font-size: 1.2vw;
	color: #000;
	font-family: BTr;
	margin-top: 1vw;
	margin-left: 8vw;
}

.g_line {
	border-bottom: 0.15vw solid #cbcbcb;
	width: 100%;
}



/********contacts*******************************/

.blue_bg {
	width: 50%;
	height: 48vw;
	background-color: #354b56;
	color: #FFF;
	padding: 5vw 7vw;
	float: left;
}

.blue_bg a {
	color: #FFF;
}
.map {
	width: 50%;
	height: 48vw;
	float: left;
	overflow: hidden;
}

.cont_zag {
	font-size: 2vw;
	margin-bottom: 4vw;
	text-transform: uppercase;
}

.company_name {
	font-size: 1.2vw;
	margin-bottom: 3vw;
}

.cont_line {
	border-bottom: 0.2vw solid #FFF;
	width: 5vw;
	margin-bottom: 3vw;
}

.cont_pre {
	width: 15vw;
	margin-left: 1vw;
}

/***************top_menu*******************/
.bx-nav-1-lvl-link-text {
	font-size: 1vw;
	padding: 1vw 1.3vw;
	color: #000;
	font-family:BTm; 
}

.bx-top-nav-container {
	margin-left: -1.5vw;
}

/****************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: Btb;
	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: #f49a3f;
	border: 0.15vw solid #f49a3f;
	color: #FFF;
	text-decoration: none;
}

.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: BTb;
	color:rgba(255,255,255,.5);
	cursor: pointer;
}

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


/**************************about******************/

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

.arr_down {
	width: 4.4vw;
	transform: rotate(90deg);
	position: relative;
	top:-9.5vw;
	left:3.5vw;
}

.arr_r {
	width: 4.4vw;
	margin-top: 2vw;
}

.about_r {
	font-family: BTm;
	font-size: 1.2vw;
}

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

/***********************service*****************/

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


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

.blue_zag2 {
	font-size: 2vw;
	text-transform: uppercase;
	color: #354b56;
	font-family: BTm;
	margin-bottom: 2vw;
	line-height: 2vw;
}

.serv_text {
	font-family: BTm;
	font-size: 1.1vw;
	margin-bottom: 3vw;
}
.serv_but {
	width: 13vw;
	
}
.serv_but a{
	text-transform: uppercase;
	cursor: pointer;
	color: #000;
	font-family: BTb;
	font-size: 1.2vw;
	padding: 0.5vw 3vw;
	width: 12vw;
	border:0.15vw solid #000;
	border-radius: 5vw;
	text-align: center;
}

.serv_but:hover a{
	background: #354b56;
	border:0.15vw solid #354b56;
	color: #FFF;
	transition: 0.5s;
	text-decoration: none;
}

.servis_but {
	text-transform: uppercase;
	cursor: pointer;
	color: #000;
	font-family: BTb;
	font-size: 1.2vw;
	padding: 0.5vw 3vw;
	width: 12vw;
	border:0.15vw solid #000;
	border-radius: 5vw;
	text-align: center;
}

.servis_but:hover {
	background: #354b56;
	border:0.15vw solid #354b56;
	color: #FFF;
	transition: 0.5s;
	text-decoration: none;
}

/*****************preim****************/

.pr_zag {
	font-size: 2vw;
	text-transform: uppercase;
	color: #3d9edc;
	font-weight: bold;
}

.ps_img img {
	width: 4vw;
	margin-bottom: 3vw;
}

.ps_zag {
	font-family: BTm;
	color: #354b56;
	font-size: 1.2vw;
	margin-bottom: 1vw;
}

.ps_text {
	width: 70%;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #000;
    text-align: center;
    opacity: .5;
}

.carousel-control-next {
	background: url(/images/arr_on.svg) no-repeat;
	height: 1vw;
	background-size: contain;
}


/**************************form_1*********************/

.form_bg {
	background: #354b56;
	width: 100%;
	padding-top: 4vw;
	padding-bottom: 1vw;
	color: #FFF;
}

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

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

.form_but {
	padding: 1vw 5vw;
	cursor: pointer;
	text-transform: uppercase;
	border:0.15vw solid #FFF;
	border-radius: 5vw;
	color: #FFF;
	width: 25vw;
	font-family: BTm;
	font-size: 1.5vw;
}

.form_but:hover {
	background: #f49a3f;
	border:0.15vw solid #f49a3f;
	text-decoration: none;
}


.alx_fb_overlay {
    z-index: 2000;
    position: fixed;
    background-color: #354b56;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}


/******************PRODUCTS**********************/
.arr_prod {
	width: 4vw;
	display: none;
}

.prod_text {
	padding-top: 2vw;
	margin-left: 2vw;
	font-family: BTm;
	font-size: 1.3vw;
}

.prod_1 {
	background: url(/images/prod_1.webp) no-repeat;
	height: 16vw;
	background-size: contain;
}

.prod_1:hover > .arr_prod {
	display: block;
	cursor: pointer;
	transition: 0.8s;
	position: absolute;
	bottom: 2.5vw;
	left: 2vw;
}

.prod_2 {
	background: url(/images/prod_2.webp) no-repeat;
	height: 16vw;
	background-size: contain;
}

.prod_2:hover > .arr_prod {
	display: block;
	cursor: pointer;
	transition: 0.8s;
	position: absolute;
	bottom: 2.5vw;
	left: 2vw;
}

.prod_3 {
	background: url(/images/prod_3.webp) no-repeat;
	height: 16vw;
	background-size: contain;
}

.prod_3:hover > .arr_prod {
	display: block;
	cursor: pointer;
	transition: 0.8s;
	position: absolute;
	bottom: 2.5vw;
	left: 2vw;
}

.prod_4 {
	background: url(/images/prod_4.webp) no-repeat;
	height: 16vw;
	background-size: contain;
}

.prod_4:hover > .arr_prod {
	display: block;
	cursor: pointer;
	transition: 0.8s;
	position: absolute;
	bottom: 2.5vw;
	left: 2vw;
}

.prod_5 {
	background: url(/images/prod_5.webp) no-repeat;
	height: 16vw;
	background-size: contain;
}

.prod_5:hover > .arr_prod {
	display: block;
	cursor: pointer;
	transition: 0.8s;
	position: absolute;
	bottom: 2.5vw;
	left: 2vw;
}

.prod_6 {
	background: url(/images/prod_6.webp) no-repeat;
	height: 16vw;
	background-size: contain;
}

.prod_6:hover > .arr_prod {
	display: block;
	cursor: pointer;
	transition: 0.8s;
	position: absolute;
	bottom: 2.5vw;
	left: 2vw;
}

.prod_but a{
	text-transform: uppercase;
	font-size: 1vw;
	font-family: BTm;
	color: #000;
	padding: 0.5vw 1vw;
	border:0.15vw solid #000;
	border-radius: 5vw;
	width: 15vw;
	text-align: center;
	float: right;
}

.prod_but a:hover {
	background: #f49a3f;
	border:0.15vw solid #f49a3f;
	text-decoration: none;
	color: #FFF;
}


/******************otz********************/

.otz_body {
	width: 47%;
	float: left;
	padding: 3vw;
	border:0.15vw solid #cbcbcb;
	margin-right: 1vw;
	margin-left: 1vw;
	height: 35vw;
}
.otz_img {
	width: 5vw;
	margin-right: 3vw;
}

.otz_head {
	margin-bottom: 2vw;
}

.otz_name {
	font-size: 1.2vw;
	font-family: BTm;
	margin-top: 1vw;
}

.dol {
	font-size: 1vw;
}


.carousel-control-prev2 {
	background: url(/images/arr_on.svg) no-repeat;
	height: 2vw;
	width: 2.5vw;
	background-size: contain;
	transform: rotate(180deg);
	position: absolute;
	left: 37.4vw;
	opacity: 0.5;
}

.carousel-control-prev2:hover {
	background: url(/images/arr_on.svg) no-repeat;
	height: 2vw;
	width: 2.5vw;
	background-size: contain;
	transform: rotate(180deg);
	position: absolute;
	left: 37.4vw;
	opacity: 1;
}

.carousel-control-next2 {
	background: url(/images/arr_on.svg) no-repeat;
	height: 2vw;
	width: 2.5vw;
	background-size: contain;
	position: absolute;
	left:42vw;
	margin-top: 0.9vw;
	opacity: 0.5;
}
.carousel-control-next2:hover {
	background: url(/images/arr_on.svg) no-repeat;
	height: 2vw;
	width: 2.5vw;
	background-size: contain;
	position: absolute;
	left:42vw;
	margin-top: 0.9vw;
	opacity: 1;
}



/*********************sxema*******************/
.sxema_bg {
	background: #354b56;
	color: #FFF;
}

.sxtma_zag {
	font-size: 2vw;
	font-family: BTm;
	text-transform: uppercase;
}

.orang_num {
	color: #f49a3f;
	font-family: BTb;
	font-size: 4vw;
	line-height: 3.2vw;
	margin-right: 1vw;
}

.wv_line {
	border-right: 0.1vw solid #FFF;
	height: 4vw;
}

.sx_arr {
	width: 0.5vw;
	position: relative;
	top:1vw;
	left: 0.3vw;
	margin-right: 1vw;
}

.sx_text {
	font-size: 1vw;
	line-height: 1vw;
}

/******************objects****************/
.malevich {
	/*background: #c7c7c7;*/
	width: 100%;
	height: 20vw;
	margin-bottom: 2vw;
}

.obj_text {
	font-size: 1.2vw;
	font-family: BTm;
}


/******************footer*******************************************/

.footer a {
	color: #000;
}

.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.9vw;
	color:#797979;
	margin-right: 5vw;
	width: 95%;
}

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