@font-face {
	font-family: 'Conv_PF-DIN-Pro-Light';
	src: url('../fonts/PF-DIN-Pro-Light.eot');
	src: local('☺'), url('../fonts/PF-DIN-Pro-Light.woff') format('woff'), url('../fonts/PF-DIN-Pro-Light.ttf') format('truetype'), url('../fonts/PF-DIN-Pro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_PFDinDisplayPro-Black';
	src: url('../fonts/PFDinDisplayPro-Black.eot');
	src: local('☺'), url('../fonts/PFDinDisplayPro-Black.woff') format('woff'), url('../fonts/PFDinDisplayPro-Black.ttf') format('truetype'), url('../fonts/PFDinDisplayPro-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_472-8-etelkaboldpro';
	src: url('../fonts/472-8-etelkaboldpro.eot');
	src: local('☺'), url('../fonts/472-8-etelkaboldpro.woff') format('woff'), url('../fonts/472-8-etelkaboldpro.ttf') format('truetype'), url('../fonts/472-8-etelkaboldpro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family:'Conv_PF-DIN-Pro-Light',Sans-Serif;
}

h2, .h2 {
    font-family:'Conv_PFDinDisplayPro-Black',Sans-Serif;
}

/* Шапка */

.logo-fil1 {fill-rule:nonzero}

.navbar-mail {
	float: left;
	padding: 23px 10px 0 191px;
}

.navbar-mail a {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

.navbar-phone {
	float: right;
    padding: 30px 0 0 20px;
}

.navbar-phone a {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

.navbar-phone a p {
	margin: 0;
}

.navbar-search {
	float: left;
	padding-left: 190px;
}

.navbar-search .form-control {
	display: block;
    width: 250%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #0174aa;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background: #fff url(../images/search.svg) 98% 50% no-repeat;
	
}

.navbar-search label {
  display:none;
}

.btn-search {
  margin-top: -25px;
  margin-left: 5px;
}

.navbar-social {
	float: right;
	padding: 10px 0;
}

.navbar-social a {
	width: 23px;
	padding: 10px 5px;
}

.navbar-social a:first-of-type {
	padding: 10px 5px 10px 0;
}

.navbar-social a:last-of-type {
	width: 23px;
	padding: 10px 0 10px 5px;
}

.navbar-social a img, .navbar-social a svg {
	width: 23px;
}

/* Шапка окончание */



header {
	background-color: #F7F7F7;
	width: 100%
}

#banner-main {
	background-image: url(../images/banner/banner-main.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-catalog {
	background-image: url(../images/banner/banner-catalog.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-vbs-r1 {
	background-image: url(../images/banner/banner-vbs-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-vbs-r2 {
	background-image: url(../images/banner/banner-vbs-r2.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-vb-r1 {
	background-image: url(../images/banner/banner-vb-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-ve-r1 {
	background-image: url(../images/banner/banner-ve-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-vbu-r1 {
	background-image: url(../images/banner/banner-vbu-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-veu-r1 {
	background-image: url(../images/banner/banner-veu-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-vp-r1 {
	background-image: url(../images/banner/banner-vp-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-vgb-r1 {
	background-image: url(../images/banner/banner-vgb-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-add {
	background-image: url(../images/banner/banner-add.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-rb-r1 {
	background-image: url(../images/banner/banner-rb-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-ushv-r1 {
	background-image: url(../images/banner/banner-ushv-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-kgts-r1 {
	background-image: url(../images/banner/banner-kgts-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-clamp-v-r1 {
	background-image: url(../images/banner/banner-clamp.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-kshz-r1 {
	background-image: url(../images/banner/banner-kshz-r1.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-thread {
	background-image: url(../images/banner/banner-thread.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-bot-per {
	background-image: url(../images/banner/banner-bot-per.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-top-per {
	background-image: url(../images/banner/banner-top-per.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-oil {
	background-image: url(../images/banner/banner-oil.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-policy {
	background-image: url(../images/banner/banner-policy.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-agree {
	background-image: url(../images/banner/banner-agree.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-contact {
	background-image: url(../images/banner/banner-contact.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner-about {
	background-image: url(../images/banner/banner-about.jpg);
	background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.banner-text {
	font-family:'Conv_472-8-etelkaboldpro',Sans-Serif;
}

.ht {font-size: 110px; text-transform: uppercase;}

.bt {font-size: 70px; text-transform: uppercase; line-height: 1.45em;}

.mt {font-size: 27px; text-transform: uppercase;}

.gt {font-size: 20px;}

.bold {font-family:'Conv_PFDinDisplayPro-Black',Sans-Serif;}

.title {padding: 30px 0 10px 0;}

.banner-description {
	color: white;
    position: absolute;
    top: 9.5%;
    left: 4%;
    line-height: 1.21em;
}

.logo-banner {
	position: absolute;
    top: 73%;
    left: 4%;
}

#scheme {
	position: absolute;
    top: 44%;
    left: 6.5%;
    width: 448px;
}

#logo-banner {
	position: absolute;
    top: 18.5%;
    left: 53.7%;
}

#main-text1, #main-text2, #main-text3 {
	position: absolute;
    color: white;
}

#main-text1 {
    top: 39.4%;
    left: 53.2%;
}

#main-text2 {
    top: 58.4%;
    left: 53.4%;
}

#main-text3 {
    top: 61.7%;
    left: 50%;
}

.catalog {
	margin: 370px 0 50px 83%;
}

.black {
	color: #000;
}

.black a {
	color: #000;
}

.grey {
	color: #898989;
}

#play {
	top: 50%;
    left: 46%;
    z-index: 2;
    position: absolute;
}

#pause {
	padding-top: 34%;
    padding-left: 47.5%;
    z-index: 2;
    position: absolute;
    color: rgb(255 255 255 / 60%);
    font-size: 500%;
}

.tridition {
	padding: 0;
	text-align: justify;
}

.tridition-texe-right {
	padding: 60px 0 60px 60px;
}

.tridition-texe-left {
	padding: 60px 60px 60px 0;
}

.catalog-list {
	border-top: 1px solid #C5C6C6;
}

.catalog-list a img {
	width: 200px;
	float: left;
	padding: 25px 0;
}

.catalog-list .type {
	max-width: 600px;
    float: left;
}

.catalog-list .type p {
	margin: 0 0 25px;
	padding-top: 75px;
}

.catalog-list .type p a, .catalog-list .type p a:hover, .catalog-list .type p a:focus {
	color: #000;
	text-decoration: none;
	font-family:'Conv_PFDinDisplayPro-Black',Sans-Serif;
	margin-bottom: 15px;
}

.catalog-list .type ul {
	margin: 0;
	list-style: none;
	float: left;
	padding-inline-start: 0;
	padding-bottom: 10px;
}

.catalog-list .type ul li {
	float: left;
	
}

.catalog-list .type ul li a, .catalog-list .type ul li a:hover, .catalog-list .type ul li a:focus {
	color: #000;
	text-decoration: underline;
	padding: 5px 0;
    display: table-cell;
    width: 100px;
}

.size {
  display: none;
}

.size.show {
  display:block;
}

.nav-item .active {
  border: 1px solid #0174AA;
}

.gallery {
	margin-left: -10px;
	margin-right: -10px;
}

.gallery-item {
	padding: 10px;
}

.thread-img {
	padding: 15px 0; 
}

/* Подвал */

footer {
	background-color: #F7F7F7;
	width: 100%;
	margin-top: 60px;
}

#footer-left, #footer-logo, #footer-mail, #footer-menu1, #footer-menu2, #footer-social, #footer-copyright, #footer-adress {
	float:left;
}

#footer-left {
	padding-top: 45px;
}

#footer-logo {
	width: 230px;
}

#footer-mail {
	padding-left: 398px;
}

#footer-mail a {
	font-size: large;
	color: #000;
}

#footer-mail a:hover {
	color: #000;
}

#footer-menu1 {
	padding: 40px 0 0 230px;
}

#footer-menu2 {
	padding: 40px 0 0 30px;
}

#footer-menu1 a, #footer-menu2 a {
	color: #000;
	text-decoration: underline;
}

#footer-menu1 a:hover, #footer-menu2 a:hover {
	color: #000;
}

#footer-social {
	padding: 20px 0 0 56px;
}

#footer-social .footer-social:first-of-type {
	padding:0 5px 35px 0;
}

#footer-social .footer-social {
	padding: 0 5px 35px 5px;
}

#footer-social .footer-social:last-of-type {
	padding:0 0 35px 5px;
}

#footer-social a, #footer-social a:hover{
	color: #000;
	text-decoration: underline;
}

#footer-docs {
	padding-top: 35px;
}

#footer-docs a p {
	    margin: 0 0 20px;
}


#footer-right {
	float:right;
	padding-top: 45px;
}

#footer-phone {
	float:right;
}

#footer-phone a {
	font-size: 20px;
	color: #000;
}

#footer-phone a:hover {
	color: #000;
}

#footer-contacts {
	float:right;
	padding-top: 25px;
}

#footer-adress {
	padding-left: 375px;
}

/* Подвал окончание */

/* Мобильная версия */

@media (min-width: 320px) and (max-width: 767px) {
	
	.navbar-mail {
    float: left;
    padding: 23px 0 0 15px;
	}
	
	.navbar-phone {
    float: right;
    padding: 10px 15px 0 0;
	}
	
	.navbar-search {
    float: left;
    padding-left: 15px;
	max-width: 150px;
	}
	
	.navbar-social {
    float: right;
    padding: 23px 15px 0 0;
	}
	
	.navbar-search .form-control {
	width: 90%;
	}
	
	#banner-main, #banner-catalog, #banner-vbs-r1, #banner-vbs-r2, #banner-vb-r1, #banner-ve-r1, #banner-vbu-r1, #banner-veu-r1, #banner-vp-r1, #banner-vgb-r1, #banner-add, #banner-rb-r1, #banner-ushv-r1, #banner-kgts-r1, #banner-kshz-r1, #banner-policy, #banner-contact, #banner-about, #banner-thread, #banner-bot-per, #banner-top-per {
	background-position: 45% 100%;
    background-size: inherit;	
	}
	
	#scheme {
    position: absolute;
    top: 62%;
    left: 6.5%;
    width: 250px;
	}
	
	#logo-banner {
    position: absolute;
    top: 2%;
    left: 2%;
	}
  
  	#play {
    top: 40%;
    left: 42%;
    width: 50px;
	}
  
  	#pause {
    padding-top: 30%;
    padding-left: 45%;
    font-size: 300%;
	}
	
	.logo-banner {
    top: 65%;
	}
	
	.ht {
    font-size: 40px;
	}
	
	.bt {
    font-size: 40px;
	}
	
	.mt {
    font-size: 20px;
	}
	
	.gt {
    font-size: 18px;
	}
	
	#main-text1 {
    top: 25%;
    left: 3%;
	}
	
	#main-text2 {
    top: 40%;
    left: 3%;
	}
	
	#main-text3 {
    top: 48%;
    left: 3%;
	}
	
	.catalog {
    margin: 420px 0 15px 0;
	}
	
	.tridition {
    padding: 0 15px;
	}
	
	.tridition h2 {
    font-size: medium;
	}
	
	.tridition-texe-left, .tridition-texe-right {
    padding: 30px 0 ;
	}
	
	.catalog-list .type p {
    padding-top: 5px;
	}
	
	.catalog-list .type ul li a, .catalog-list .type ul li a:hover, .catalog-list .type ul li a:focus {
    width: 140px;
	}
	
	.gallery {
	margin-left: 0;
	margin-right: 0;
	}
	
	#footer-logo {
    width: 230px;
    padding: 15px;
	}
	
	#footer-mail {
    padding: 15px;
	}
	
	#footer-menu1, #footer-menu2 {
    padding: 0 15px;
	}
	
	#footer-social {
    padding: 30px 15px;
	}
	
	#footer-right {
    float: left;
    padding: 0 15px 15px 15px;
	}
	
	#footer-phone {
    float: left;
	}
	
	#footer-adress, #footer-copyright {
    padding-left: 15px;
	}
}

/* Окончание Мобильная версия */


/* Планшет */

@media (min-width: 768px) and (max-width: 1199px) {

	.navbar-mail {
    float: left;
    padding: 23px 10px 0 115px;
	}
	
	.navbar-search {
    float: left;
    padding-left: 115px;
	}
	
	.navbar-search .form-control {
	width: 100%;
	}
	
	.ht {
    font-size: 78px;
	}
	
	.bt {
    font-size: 50px;
	}
	
	.mt {
    font-size: 19px;
	}
	
	#banner-main, #banner-catalog, #banner-vbs-r1, #banner-vbs-r2, #banner-vb-r1, #banner-ve-r1, #banner-vbu-r1, #banner-veu-r1, #banner-vp-r1, #banner-vgb-r1, #banner-add, #banner-rb-r1, #banner-ushv-r1, #banner-kgts-r1, #banner-kshz-r1, #banner-policy, #banner-contact, #banner-about {
    background-position: 50% 100%;
    background-size: inherit;
}
	
	#scheme {
    top: 51%;
    left: 3%;
    width: 300px;
	}
	
	#logo-banner {
    left: 46%;
	}
	
	#main-text1 {
    top: 39.4%;
    left: 45.5%;
	}
	
	#main-text2 {
    top: 58.4%;
    left: 45.5%;
	}
	
	#main-text3 {
    top: 61.7%;
    left: 45.5%;
	}
	
	.catalog {
    margin: 390px 0 30px 75%;
	}
	
	#play {
    top: 48%;
    left: 45.5%;
    width: 70px;
	}
	
	.catalog-list .type {
    max-width: 520px;
	}
	
	.catalog-list .type ul li a, .catalog-list .type ul li a:hover, .catalog-list .type ul li a:focus {
    width: 86px;
	}
	
	.tridition-texe-right {
	padding: 20px 0 20px 20px;
	}

	.tridition-texe-left {
		padding: 20px 20px 20px 0;
	}
	
	#footer-mail {
    padding-left: 120px;
	}
	
	#footer-menu1 {
    padding: 40px 0 0;
	}
	
	#footer-social {
    padding: 20px 0 0 40px;
	}
	
	#footer-adress {
    padding-left: 145px;
	}
	
}

/* Окончание Планшет */


/* Слайдер продукции */

#carousel-custom {
    margin: 0 auto;
    width: 100%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
  	height: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}

#carousel-custom .carousel-outer .carousel-control {
    color: #ccc;
}
#carousel-custom .carousel-indicators li img {width: 180px;}

@media (min-width:320px) and (max-width:359px) {#carousel-custom .carousel-indicators {margin: 20px 0 0;} #carousel-custom .carousel-indicators li img {width: 5em;}}
@media (min-width:360px) and (max-width:459px) {#carousel-custom .carousel-indicators {margin: 20px 0 0;} #carousel-custom .carousel-indicators li img {width: 5.5em;}}
@media (min-width:460px) and (max-width:767px) {#carousel-custom .carousel-indicators {margin: 20px 0 0;} #carousel-custom .carousel-indicators li img {width: 7.5em;}}
@media (min-width:768px) and (max-width:991px) {#carousel-custom .carousel-indicators li img {width: 6em;}}
@media (min-width:992px) {#carousel-custom .carousel-indicators li img {width: 13.6em;}}

/* Слайдер продукции окончание */


/* Светлая тема */

@media (prefers-color-scheme: light) {
	body {
		color: #333;
    	background-color: #fff;
	}

	svg .logo-fil1 {
		fill: black;
	}

	svg .catalog-str0 {stroke:#D9DADA;stroke-width:0.52;stroke-miterlimit:22.9256}
    svg .catalog-fil1 {fill:none}
    svg .catalog-fil3 {fill:#FEFEFE}
    svg .catalog-fil2 {fill:#D32F2F}
    svg .catalog-fil0 {fill:#E6E6E6}
    svg .catalog-fil4 {fill:black;fill-rule:nonzero}

	.navbar-vertlugi {
		background-color: #fff;
	}

	.navbar-mail a, .navbar-phone a, #footer-menu1 a, #footer-menu2 a, #footer-social a, #footer-social a:hover, #footer-phone a {
		color: #000;
	}

	.navbar-search .form-control {
		color: #555;
    	background: #fff url(../images/search.svg) 98% 50% no-repeat;;
	}

	header, footer {background-color: #F7F7F7;}

	.breadcrumb {background-color: #fff;}
	
}

/* Окончание Светлая тема */