

/* Start:/local/templates/artprod_gidrant_theme/css/styles.css?15776932684936*/

*{
	font-family: "Lato", sans-sarif;
}

html,
body{
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	position: relative;
}
img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

body .art-main__content{
	flex: 1 0 auto;
	padding: 4.8rem 0 0 0;
}
body footer{
	flex: 0 0 auto;
}

.row > div[class*='col-'],
.row > header[class*='col-'],
.row > footer[class*='col-']
{
	display: flex;
}

body header{

	margin: 0 -15px;
}
.header_row{
	position: relative;
}
.art-header__logo{
	margin-left: -1.5rem;
	display: flex;
	justify-content: center;
}
.art-header__logo a,
.art-footer__logo a{
	display: block;
	padding: 7px 2.5rem 0rem 0;
	width: 240px;
}

.art-header__menu{
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	display: flex;
}


.art-header__menu ul,
.art-footer__menu ul{
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
div.art-header__menu ul li a,
div.art-footer__menu ul li a{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.art-header__menu ul.left-menu li,
.art-footer__menu ul.left-menu li{
	padding: 0;
	background: 0;
}

div.art-header__adress{
	font-size: 14px;
	display: flex;
	font-weight: 500;
	flex-direction: column;
	justify-content: center;
    padding-left: 2rem;
    margin-top: -1rem;
}
.art-header__adress > span{
	margin-right: -6.5rem;
}
.art-header__contacts > span:first-child{
    display: flex;
    flex-wrap: wrap;
}
.art-header__contacts > span:first-child a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	flex-grow: 1;
}
.art-header__contacts > span:last-child a{
	font-size: 14px;
}

.art-header__contacts{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	text-align: right;
	margin-bottom: -1rem;
	margin-right: -4.4rem;
}

.art-header__menu,
.art-header__adress{
	margin: 0 -15px -2.3rem;
}

.art-header__banner{
	margin-top: 1.2rem;
	display: flex;
	min-height: 350px;
	background: url("/local/templates/artprod_gidrant_theme/css/../images/banner_img.jpg") 100% 100% no-repeat;
	background-size: cover;
}

.art-header__banner .container,
.art-header__banner .row{
	display: flex;
	flex: 1 0 auto;
}

.art-header__bannertext{
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 900;
}
.art-header__bannertext > span{
	width: 405px;
	display: inline-block;
	margin: 0 auto;
	letter-spacing: 2px;
	padding-top: 16px;
}


.art-content__about{
	text-align: center;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	margin-bottom: 9rem;
}

.art-content__about .art-about__body{
	font-size: 18px;
	line-height: 2;
	width: 630px;
	margin: 0 auto;
}
.art-gidrant__blockhead{
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 5rem;
	letter-spacing: 2px;
	text-align: center;
}
.art-gidrant__blockhead:before{
	position: absolute;
	content: ' ';
	display: block;
	left: 34%;
	top: 50%;
    transform: translate(-34%, -50%);
	border: 1px solid #8cadde;
	width: 65px;
	height: 1px;
}
.art-gidrant__blockhead:after{
	position: absolute;
	content: ' ';
	display: block;
	right: 34%;
	top: 50%;
    transform: translate(34%, -50%);
	border: 1px solid #8cadde;
	width: 65px;
	height: 1px;
}

.art-products__body{
	padding-top: 2.5rem;
}


.art-products__list .art-products__listhead{
	font-weight: 800;
	font-size: 18px;
}
.art-products__list .art-products__listbody{
	list-style: none;
	padding: 0 0 0 0.5rem;
}
.art-products__list .art-products__listbody li{
	position: relative;
	font-size: 18px;
	margin-bottom: 0.4rem;
}
.art-products__list .art-products__listbody li:before{
	position: absolute;
	content: ' ';
	left: -1.8%;
	top: 47%;
	width: 5px;
	height: 1px;
	border-bottom: 1px solid #000;
}

.art-content__bottombanner{
	font-weight: 900;
	font-size: 25px;
	text-align: center;
	color: #0848a9;
	text-transform: uppercase;
	flex: 1 0 auto;
	border: 3px solid #0848a9;
	padding: 4rem 0;
	letter-spacing: 2.5px;
	margin: 7rem -38px 8.5rem -22px;
}

.art-content__botcontacts{
text-align: center;
display: flex;
flex-direction: column;
margin-bottom: 5rem;
flex: 1 1 auto;
}

.art-content__botcontacts .art-botcontacts__body{
	font-size: 18px;
	line-height: 2;
	font-weight: 400;
	margin-top: -1.2rem;
}
.art-content__locationmap{
flex: 1 1 auto;
min-height: 430px;
}

.container ul.left-menu li a:visited{
	color: #000;
}
.art-footer__menu{
flex-direction: column;
justify-content: center;
margin-bottom: -2rem;
}

.art-footer__developer{
margin-bottom: -1rem;
flex-direction: column;
justify-content: center;
}
.art-footer__developer a{
color: #bec4cd;
display: block;
text-decoration: none;
position: relative;
padding-left: 2.5rem;
}
.art-footer__developer a:after{
content: url("/local/templates/artprod_gidrant_theme/css/../images/logo_artproduct.png");
position: absolute;
top: 1px;
left: 64%;
}
/* End */


/* Start:/local/templates/artprod_gidrant_theme/fonts/lato.css?15753572614921*/
@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline'), local('Lato-Hairline'), url('/local/templates/artprod_gidrant_theme/fonts/latohairline.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latohairline.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latohairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latohairlineitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latohairlineitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latohairlineitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Thin'), local('Lato-Thin'), url('/local/templates/artprod_gidrant_theme/fonts/latothin.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latothin.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latothin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latothinitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latothinitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latothinitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Light'), local('Lato-Light'), url('/local/templates/artprod_gidrant_theme/fonts/latolight.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latolight.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latolightitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latolightitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Regular'), local('Lato-Regular'), url('/local/templates/artprod_gidrant_theme/fonts/latoregular.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latoregular.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latoregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Italic'), local('Lato-Italic'), url('/local/templates/artprod_gidrant_theme/fonts/latoitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latoitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Medium'), local('Lato-Medium'), url('/local/templates/artprod_gidrant_theme/fonts/latomedium.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latomedium.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latomediumitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latomediumitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold'), local('Lato-Semibold'), url('/local/templates/artprod_gidrant_theme/fonts/latosemibold.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latosemibold.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latosemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latosemibolditalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latosemibolditalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latosemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Bold'), local('Lato-Bold'), url('/local/templates/artprod_gidrant_theme/fonts/latobold.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latobold.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latobolditalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latobolditalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy'), local('Lato-Heavy'), url('/local/templates/artprod_gidrant_theme/fonts/latoheavy.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latoheavy.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latoheavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latoheavyitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latoheavyitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latoheavyitalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Black'), local('Lato-Black'), url('/local/templates/artprod_gidrant_theme/fonts/latoblack.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latoblack.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('/local/templates/artprod_gidrant_theme/fonts/latoblackitalic.woff2') format('woff2'), url('/local/templates/artprod_gidrant_theme/fonts/latoblackitalic.woff') format('woff'), url('/local/templates/artprod_gidrant_theme/fonts/latoblackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* End */


/* Start:/local/templates/artprod_gidrant_theme/css/adaptive_styles.css?15753572612603*/

.art-header__button{
    display: inline-block;
    border-radius: 100px;
    padding: 1.7rem;
    margin-bottom: -1rem;
}
.art-header__callbutton{
    background: url('/local/templates/artprod_gidrant_theme/css/../images/call-answer.png') 50% 50% no-repeat, #e3e3e3;
    background-size: 45%;
}
.art-header__menubutton{
    cursor: pointer;
    background: url('/local/templates/artprod_gidrant_theme/css/../images/menu.png') 50% 50% no-repeat, #e3e3e3;
    background-size: 45%;
}

.adaptive_menu{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
}
.header_row div.adaptive_menu ul{
    margin-top: 2rem;
    list-style: none;
    padding: 0;
    text-align: center;
}
.header_row div.adaptive_menu ul li{
    margin-bottom: 3rem;
    padding: 0;
    background: 0;
}
.header_row div.adaptive_menu ul li a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1.2rem .7rem;
    font-size: 24px;
}

.adaptive_menu .art-menu__closebutton{
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    font-size: 32px;
    font-weight: 900;
    padding: 1rem 1rem 0 0;
}


@media (max-width: 480px) {
    .container ul.left-menu li a:visited{
        color: #000;
    }
    .art-products__images{
        margin-bottom: -1.5rem;
    }
    .art-header__logo a{
        padding: 7px 0rem 0rem 2rem;
    }
    .art-header__bannertext{
        margin: 0 -15px;
    }
    .art-header__bannertext > span{
        width: 320px;
    }

    .art-content__about .art-about__body{
        width: unset;
    }

    .art-content__about{
        margin-bottom: 5rem;
    }

    .art-gidrant__blockhead:before{
        content: '';
        display: none;
        left: 37%;
        top: -10%;
    }

    .art-gidrant__blockhead:after{
        content: '';
        display: none;
        right: 40%;
        top: 100%;
    }

    .art-content__bottombanner{
        word-wrap: break-word;
        width: 100%;
        margin: 7rem 0 8.5rem 0;
    }

    .art-gidrant__blockhead{
        width: 100%;
        margin-bottom: 3rem;
    }
    .art-footer__logo,
    .art-footer__menu,
    .art-footer__developer{
        margin: 1rem 0;
    }
    .art-footer__menu ul{
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    footer div.art-footer__menu ul li{
        margin-bottom: 1rem;

    }
    footer div.art-footer__menu ul li a{
        font-size: 24px;
        font-weight: bold;
    }

}
/* End */


/* Start:/bitrix/components/bitrix/menu/templates/.default/style.min.css?1679570519490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/components/bitrix/menu/templates/.default/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/artprod_gidrant_theme/css/styles.css?15776932684936 */
/* /local/templates/artprod_gidrant_theme/fonts/lato.css?15753572614921 */
/* /local/templates/artprod_gidrant_theme/css/adaptive_styles.css?15753572612603 */
/* /bitrix/components/bitrix/menu/templates/.default/style.min.css?1679570519490 */
