::-webkit-input-placeholder {color:#808080;}
::-moz-placeholder          {color:#808080;}/* Firefox 19+ */
:-moz-placeholder           {color:#808080;}/* Firefox 18- */
:-ms-input-placeholder      {color:#808080;}

#rc-copyright{
    display:none!important;
}


html * {
    max-height: 999999px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

body {
    position: relative;
    max-width: 1920px;
    min-width: 1340px;
    font-family: "Calibri", "Candara", "Segoe", "Segoe UI", "Optima", "Arial", sans-serif;
    font-size: 26px;
    line-height: 1.4;
    color: #000000;
    background-color: #dddddd;
    margin: 0 auto;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.header {
    font-size: 36px;
    background-color: #000000;
    border-bottom: 2px solid #ffffff;
    position: fixed;
    z-index: 20;
    max-width: 1920px;
    min-width: 1200px;
    width: 100%;
    padding: 10px 0 0;
    top: 0;
    height: 55px;
}

.header__logo {
  float: left;
  display: inline-block;
  vertical-align: middle;
}

.header__logo img {
    display: block;
}  

.header__logo img:hover,
.header__menu-item:hover,
.header__cart:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
    opacity: 0.85;
}  

.header__logo img:active,
.header__menu-item:active,
.header__cart:active {
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
    opacity: 0.65;
}

.header__menu {
    font-size: 0;
    width: 1340px;
    margin: 0 auto;
/*    float: left;
    margin: 4px 0 0 2px;
    width: 68%;*/
}

#nav li img {
    width: 175px;
}

#nav li {
    width: 17%!important;
}
#nav li:nth-child(5) {

}

.header__menu-item {
    display: inline-block;
    font-size: 26px;
    color: #ffffff;
    vertical-align: middle;
    text-decoration: none;
    margin-left: 9%;
}

.header__menu-item:first-child {

}

.header__cart {
  display: block;
  width: 47px;
  height: 47px;
  font-size: 0;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
}












/*--- НИЖНЕЕ МЕНЮ ---*/



.footer-menu {
    margin-top: 200px;
}

.footer-menu_content {
    width: 100%;
    margin: 0 auto;
}

.footer-menu span{
    display: inline-block;
    width: 32%;    
}

.footer-menu span:nth-child(2),
.footer-menu span:nth-child(5){
    text-align: center;
}
.footer-menu span:nth-child(3),
.footer-menu span:nth-child(6){
    text-align: right;
}
.footer-menu span a {
    text-decoration: none;
    position: relative;
    font-size: 37px;
}

.footer-menu span a:hover {
    opacity: 0.6;
}

.footer-menu span:nth-child(6) a {
    width: 228px;
    display: block;
}

.footer_block {
    background: black;
    margin-top: 0px;
}

.footer_block a{
    text-decoration: none;
}

.footer_block span {
    text-align: center;
    font-size: 19px;
    display: block;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footer_block-content {
    padding: 15px 0 0;
}

.footer_block-content div{
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding: 0 35px 5px;
    font-size: 35px;
}

.footer_block-content div:nth-child(3){
    padding: 0;
    text-align: center;
}
.footer_block-content div:nth-child(4){
    text-align: right;
    padding: 0;
}

.footer_block-content div a {
    color: white;
}

.footer_block-content div a:hover {
    opacity: 0.8;
}

.soc_youtube {
    background-image: url(/manager/templates/default/images/yt_img.png);
    background-position: center;
    background-repeat: no-repeat;   
}
.soc_fb {
    background-image: url(/manager/templates/default/images/fb_img.png);
    background-position: center;
    background-repeat: no-repeat;   
}
.soc_ins {
    background-image: url(/manager/templates/default/images/inst.png);
    background-position: center;
    background-repeat: no-repeat;   
}

.soc_ceti {
    display: inline-block;
    width: 75px;
    height: 75px;   
}

.footer_block .tel {
    position: relative;
}

.footer_block .tel:before {
    content: "";
    position: absolute;
    background: url(/manager/templates/default/images/trub.jpg);
    height: 22px;
    width: 22px;
    top: 7px;
    left: -30px;
}

.footer_block .but {
    background: white;
    color: black;
    padding: 0 10px;
}

.messenger {
    display: inline-block;
    width: 75px;
    height: 75px;   
}
.whatsapp {
    background-image: url(/manager/templates/default/images/whatsapp.png);
    background-position: center;
    background-repeat: no-repeat;   
}
.viber {
    background-image: url(/manager/templates/default/images/viber.png);
    background-position: center;
    background-repeat: no-repeat;   
}
.telegram {
    background-image: url(/manager/templates/default/images/telegram.png);
    background-position: center;
    background-repeat: no-repeat;	
}









/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
/*#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}*/
#nav li{
    float: left;

    display: block;
    width: 17%;
    text-align: center;
    height: 45px;
}

#nav li:nth-child(6){
    width: 165px!important;
}

    
/*#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}*/
#nav li a:hover{
	color:#fff;
/*	background:#6b0c36;
	background:rgba(107,12,54,0.75);
	text-decoration:underline;*/
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
    margin-top: 15px;
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
/*	background:#6b0c36;
	background:rgba(107,12,54,0.75); 
	text-decoration:underline;*/
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
     padding: 5px 0 0px;
/*	-webkit-transition:-webkit-transform 0.075s linear;*/
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
/*	background:#333;
	background:rgba(51,51,51,0.75);
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
    float: left;*/
     color: #d6d6d6;
}

#nav li:hover ul li.ul_menu a {
  
}
.ul_menu {
    background: #4E4E4E;
    width: 100%;  
}

.ul_menu:before {

}

.ul_menu li {
    float: left!important;
/*    margin-right: 40px!important;*/
    position: relative;
    left: 22%;
}


.fent, .cls h1 {
    display: none;
}



.ul_menu_1 {
     float: left!important;
/*    margin-right: 40px!important;*/
    position: relative;
    left: 12%;   
}

#nav li:hover ul li.ul_menu_1 a {
  
}
.ul_menu_1 {
    background: #4E4E4E;
    width: 100%;  
}

.ul_menu_1 li {
    float: left!important;
/*    margin-right: 40px!important;*/
    position: relative;
    left: 31%;
}









.hero {
    height: 1180px;
    position: relative;
}

.fav .hero {
    height: 935px;
    position: relative;
}

.hero img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
    margin-top: 55px;
}





.bg_slides {
    margin-top: 55px;
}


#slides {
    width: 100%;
    padding: 0;
    list-style-type: none;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
}

.showing {
    opacity: 1;
    z-index: 2;
    z-index: 3;
}


.slide {

}

.slide:nth-of-type(1), .slide:nth-of-type(2), .slide:nth-of-type(3){
    background-size: 100%!important;
    max-height: 1180px!important;

}


.slide:nth-of-type(1) {
    background: rgb(255, 255, 255) url(/images/glavnaya/1.jpg) no-repeat scroll left 0;
}
.slide:nth-of-type(2) {
    background: rgb(255, 255, 255) url(/images/glavnaya/2.jpg) no-repeat scroll left 0;

}
.slide:nth-of-type(3) {
    background: rgb(255, 255, 255) url(/images/glavnaya/3.jpg) no-repeat scroll left 0;


}



.bg_n {
    background: none!important;    
    margin-top: 150px;
}
.gl_1 {
    position: relative;
    font-size: 80px; 
}

.gl_1_span {
    font-size: 30px;
    font-weight: bold;
    margin: 0px 55px 15px;
    display: block; 
}

.inl_block {
    position: relative;
    top: 25%;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.inl_block div {
    float: left;
    width: 280px;
    height: 280px;
    margin: 10px 10px 0px;
    position: relative;
}

.inl_block div img{
    position: absolute;
}

.inl_block div.gl_st_1 img {
    width: 70%;
    margin: 0px 40px;

}

.inl_block div.gl_st_2 img {
    width: 90%;
    margin: -45px 20px;
}


.inl_block div.gl_st_3 img {
    width: 65%;
    margin: 0px 40px;
}

.inl_block div.gl_st_4 img {
    width: 62%;
    margin: 0px 60px;
}

.inl_block div.gl_st_5 img {
    width: 90%;
    margin: -45px 20px;
}


span.gray_line {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 260px;
    text-align: center;  
}

.inl_block_name {
    position: absolute;
    top: 190px;
    text-align: center;
    width: 100%;
    font-size: 24px;
}

.inl_block_name b {
    color: red;
}


.gray_line .stock {
font-size: 25px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #00934E;
    padding: 3px 98px;
}







.envelope, .envelope10 {
    background: url(/images/bg_white50.png) repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1002;
}

div.modal_form {
    margin: 0 auto;
    position: relative;
    top: 100px;
    width: 30%;
}

.close-btn {
    background: rgba(0, 0, 0, 0) url(/images/close.png) repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 31px;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 31px;
    z-index: 1;
}


#envelope10 .form-container {
    padding: 25px 0 50px;
}


div.modal_form h2 {
    background: #55554f none repeat scroll 0 0;
    color: #ffffff;
/*    font-family: poiret; */
    font-size: 25px;
    letter-spacing: 1px;
    padding: 15px 0;
    text-transform: uppercase;
}

#ajax-contact-form6 {
    margin: -39px auto;
    padding: 40px 0 10px;
    position: relative;
}

div.modal_form #ajax-contact-form4 input[type='text'], div.modal_form #ajax-contact-form5 input[type='text'], div.modal_form #ajax-contact-form6 input[type='text'] {
    margin: 10px 5px;
    padding: 12px 16px;
    width: 60%;
}

#envelope6 div.desp {
    display: none;
}

div.desp {
    background: rgba(0, 0, 0, 0) url(/images/zamok_bl.png) no-repeat scroll 24px center;
    color: #767676;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.69px;
    margin: 0 auto;
    padding: 18px 0 15px 30px;
    position: relative;
    text-transform: uppercase;
    width: 60%;
}
.form-container input[type="text"] {
    border: 1px solid #fff;
    font-family: Calibri;
    font-size: 21px;
    color: #000;
    margin: 15px auto;
    padding: 10px 10px 4px;
    width: 55%;
    border: 1px solid #ccc;
}

.form-container input[type="text"] {
    display: inline-block;
    margin: 15px auto;
    padding: 10px 12px;
    width: 80%;
}

.form-container input[type="text"]:focus, .form-container input[type="text"]:active {
    box-shadow: 1px 1px 2px 0 #b6b6b6 inset;
    border: 1px solid #ccc;
}


.btn_but {
    border: none!important;
    position: relative!important;
    z-index: 1!important;
    cursor: pointer!important;
    transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -moz-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
    -webkit-transition: all 0.5s ease!important;
    font-size: 23px!important;
    margin-right: 9px!important;
    float: right!important;
    color: #ffffff!important;
    text-transform: uppercase!important;
    text-decoration: none!important;
    background-color: #808080!important;
    padding: 15px 33px!important;
    margin: 5px 100px 0!important;
}

#envelope6 div.modal_form .notification_error {
    width: 80%;
    z-index: 1;
}
div.modal_form .notification_error {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 0 auto;
    position: relative;
    right: 0;
    text-align: center;
    width: 80%;
}


.notes10 {
    display: none;
}

#but_no {
    text-decoration: none;
}


.btn_but_gl {
        border: none!important;
    position: relative!important;
    z-index: 1!important;
    cursor: pointer!important;
    transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -moz-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
    -webkit-transition: all 0.5s ease!important;
    font-size: 23px!important;
    margin-right: 9px!important;
    float: right!important;
    color: #ffffff!important;
    text-transform: uppercase!important;
    text-decoration: none!important;
    background-color: #808080!important;
    padding: 15px 33px!important;
    margin: 4px 155px 0!important;
}

::-webkit-input-placeholder {color:#cacaca;}
::-moz-placeholder          {color:#cacaca;}/* Firefox 19+ */
:-moz-placeholder           {color:#cacaca;}/* Firefox 18- */
:-ms-input-placeholder      {color:#cacaca;}






section {
    min-width: 1200px!important;
}

section {
    max-width: 1920px;
}

.footer__social {
    float: right!important;
margin-right: 0px;

}



@media screen and (max-width:1366px){ 
    
.gl_1_span {
    font-size: 30px;
    font-weight: bold;
    margin: 0px 55px 15px;
    display: block;
}   
.ul_menu li {
    float: left!important;
    /* margin-right: 40px!important; */
    position: relative;
    left: 20%;
}
    
}

.cent {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}




@media screen and (max-width: 1200px) {

.header__menu {
    width: 1200px;
}

.header__menu li {
    margin-left: 0!important;
}

.footer-menu span {
    width: 32%!important;
}

.footer-menu span:nth-child(6) a {
    width: 175px!important;
}


 .hero {
  height: 810px;
    position: relative;
}  

} 



/*.slide {
    transition: opacity 0.2s!important;*/
}