/* @import url(https://fonts.googleapis.com/css?family=Ubuntu&subset=cyrillic); */
/* @import url(https://fonts.googleapis.com/css?family=Lora:400&subset=cyrillic); */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic);
/* @import url(https://fonts.googleapis.com/css?family=Oswald:600&subset=cyrillic); */
/* @import url(https://fonts.googleapis.com/css?family=Cormorant+Unicase:700&subset=cyrillic); */
@import url(https://fonts.googleapis.com/css?family=Manrope:800&subset=cyrillic);
* {padding: 0; margin: 0;} /* обнуляем отступы */

img {border:0;}

body{
    text-align:center; /*For IE6 Shenanigans*/
    background-image: url(img/bg.png);/*добавить / перед img*/
    background-repeat: round;
    background-size: contain;
    background-attachment: fixed;
    }

.page_head{
/*    position: relative;  Относительное позиционирование */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.page_head{height: 80px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.page_head{height: 85px;} /* Высота блока */
}









.page_head_img{
    float: left;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.page_head_img{
    height: 40px;
    width: 70px;
    margin-top: 9px;
    margin-left: 0px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.page_head_img{
    height: 80px;
    width: 139px;
    margin-top: 9px;
    margin-left: 12px;}
}






.page_head_title{
    float: left;
    position: relative; /* Относительное позиционирование */
    /* font-family: 'Cormorant Unicase';
    font-weight: 700;
    font-size: 37px; */
    /* font-family: 'Oswald';
    font-weight: 600;
    font-size: 45px; */
    font-family: 'Manrope';
    font-weight: 800;
    color: #000000; /* цвет текста*/
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.page_head_title{
    font-size: 13px;
    line-height: 13px;
    top: 16px;
    left: 2px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.page_head_title{
    font-size: 32px;
    line-height: 34px;
    top: 13px;
    left: 125px;}
}








.page_head_lang{
    float: left;
    position: relative; /* Относительное позиционирование */
    top: 3px;
    left: 382px;
    z-index: 700;
}

.page_head_lang img{
    position: relative; /* Относительное позиционирование */
    top:8px;
    z-index: 700;
}

.page_head_phone{
    float: right;
    position: relative; /* Относительное позиционирование */
    font-family: 'Roboto';
    z-index: 750;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.page_head_phone{
    top: 22px;
    right: -1px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.page_head_phone{
    top: 50px;
    right: 10px;}
}



.page_head_phone a{
    font-weight: 700;
    text-decoration: none;
    color: #000000; /* Цвет текста */
    z-index: 750;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.page_head_phone a{font-size: 16px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.page_head_phone a{font-size: 21px;}
}


.page_head_phone_time{
    font-weight: 400;
    z-index: 750;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.page_head_phone_time{
    font-size: 11px;
    margin-top: -1px;
    margin-left: 0px;
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.page_head_phone_time{
    font-size: 12px;
    margin-top: 1px;
    margin-left: 3px;
}
}


.body_production,
.body_order,
.body_contacts,
.body_about{
    position: relative; /* Относительное позиционирование */
    text-align: left;
    border: 1px solid #1C1C1C; /* Параметры границы */
    border-radius: 5px;
    background: #ffffff; /* Цвет фона */
    overflow:hidden; /* локализовать внутри объекта настройки обтекания вложений */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.body_production,
.body_order,
.body_contacts,
.body_about{
    margin-top: 5px;/* внешний отступ от верхнего края элемента */
    padding: 2px 5px 4px; /* Внутренние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.body_production,
.body_order,
.body_contacts,
.body_about{
    margin-top: 10px;/* внешний отступ от верхнего края элемента */
    padding: 5px 10px 7px; /* Внутренние отступы */
}
}




.itemname{  
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 18px;
}

.itemdescription{
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
}


.parts a{
color: #00008B;
}
.parts a:hover{
text-decoration:none;
}
.parts a:visited{
color: #8B008B;
}

img.conticon{
    width: 27px;
    height: 26px;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
img.conticon{
margin-top: 0px; /* внешний отступ от верхнего края элемента */
margin-right: 5px; /* внешний отступ от правого края элемента */
}    

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
img.conticon{
margin-right: 10px; /* внешний отступ от правого края элемента */
margin-top: 5px;}    /* внешний отступ от верхнего края элемента */
}



.parts .content{
    position: absolute; /* Абсолютное позиционирование */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.parts .content{
font-size: 14px;
margin-top: 5px;}/* внешний отступ от верхнего края элемента */   

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.parts .content{
font-size: 16px;
margin-top: 8px;}/* внешний отступ от верхнего края элемента */
}




.docs_body_doc a{
    color: #00008B;
}

.docs_body_doc a:hover{
    text-decoration:none;
}

.docs_body_doc a:visited{
    color: #8B008B;
}

.l{
    float: left;
}

/* 
.l .item{
    display: inline-block;
}
*/


.l a{
    opacity: 0.8;
}

.l a:hover{
    opacity: 1;
}

.video-wrp {
	position: relative;
	padding-top: 56.25%;
}

.video-wrp iframe {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	border: none;
}


.itemdescription{
    font-family: 'Roboto';
    font-weight: 400;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescription{
font-size: 12px;
margin-top: 3px;/* внешние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescription{
font-size: 16px;
margin-top: 7px;/* внешние отступы */
}
}


.itemdescription{
    
}

/* может, и не понадобится */
.itemdescription a{
    text-decoration:none;
}

.itemdescription .item{
    border: 1px solid grey; /* Параметры границы */
    width: 150px; /* Ширина блока */
    height: 150px; /* Высота блока */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescription .item{
    display: inline-block;
    margin: 0px 0px 4px 0px;/* внешние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescription .item{
    display: block;
    margin: 0px 10px 12px 0px;/* внешние отступы */
}
}






.itemdescription .item:hover{
    opacity: 1;
    transition: 0.3s;
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescription .item:hover{
    transform: translateY(-3px);}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescription .item:hover{
    transform: translateX(8px);}
}


.itemdescription .model{
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 17px;
    color: #FFFFFF; /* Цвет текста */
    padding: 0px 9px 2px; /* Внутренние отступы */
    background: linear-gradient(120deg, #000000 70%, transparent 100%);
    /* border-left: 1px solid grey; Параметры границы */
}

.itemdescr{
    float: right; 
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescr{width: 308px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescr{width: 1000px;}
}


.itemdescr .name{
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF; /* Цвет текста */
    /*background: #000000;  Цвет фона */
    background: linear-gradient(160deg, #000000 55%, transparent 90%);

}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescr .name{
    font-size: 13px;
    line-height: 14px;
    padding: 1px 4px 2px; /* Внутренние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescr .name{
    font-size: 17px;
    line-height: 24px;
    padding: 1px 10px 2px; /* Внутренние отступы */
}
}


.itemdescr .descr{
    border-left: 1px solid grey; /* Параметры границы */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescr .descr{
    padding: 2px; /* Внутренние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescr .descr{
    padding: 10px; /* Внутренние отступы */
}
}


/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescr table.descr{
    font-size: 11px;
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescr table.descr{
    font-size: 16px;
}
}



.itemdescr .specs_left{
    vertical-align: top;
    text-align: right;
    text-decoration: underline;

}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescr .specs_left{
    padding-right: 4px; /* Внутренние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescr .specs_left{
    padding-right: 10px; /* Внутренние отступы */
}
}



.itemdescr td{
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.itemdescr td{
    font-size: 12px;
    line-height: 15px;
    font-stretch: ultra-condensed;
    padding-top: 10px; /* Внутренние отступы */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.itemdescr td{
    font-size: 16px;
    line-height: 19px;
    font-stretch: normal;
    padding-top: 20px; /* Внутренние отступы */
}
}

   
.tail {
    position: relative; /* Относительное позиционирование */
    padding: 10px;
    font-family: 'Roboto';
    font-size: 14px;
}

.offer, .cookies{
    text-align: left;
    color: #1C1C1C; /* Цвет текста */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.offer, .cookies{
font-size: 11px;
line-height: 11px;
margin: 3px -10px 10px -10px;/* внешний отступ */
}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.offer, .cookies{
font-size: 12px;
line-height: 12px;
margin: 10px -10px 17px -10px;/* внешний отступ */
}
}


.age {
    display: inline-block;
    position: absolute;
    left: 5px;
    bottom: 8px;
    font-size: 11px;
    padding: 2px 2px 1px 3px;
    background: #ffffff; /* Цвет фона */
    border: 1px solid #666; /* Цвет границы рамки*/
    color: #1C1C1C; /* Цвет параметров границы */
}

.counters{
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: #ffffff; /* Цвет фона */
    width: 100px; /* Ширина блока */
    height: 20px; /* Высота блока */
}

.docs_content {
height: 100%; /* высота для наглядности */
margin: 0 auto; /* задаем отступ слева и справа auto чтобы сработало выравнивание по центру */
}

/* По умолчанию - для ширины viewport <768px - устройства с очень маленьким экраном (смартфоны, меньше 768px) */
.docs_content{width: 320px;}

/* Устройства со средним экраном (ноутбуки и компьютеры, 992px и выше) */
@media (min-width: 992px) {
.docs_content{width: 1200px;} /* ширина основного блока */
}


.icon {
position: relative;
top: 4px;
}


/********************************<SCROLLING>**********************************************/
.scrollTop{
display:none;
z-index:9999;
position:fixed;
bottom:20px;
/* left:22.8%; */
left:50%;
width:38px;
height:30px;
background:url(img/arrow.png) 0 0 no-repeat;
}

.scrollTop:hover{
background-position:0 -43px;
}
/********************************</SCROLLING>**********************************************/