/*
Theme Name: Дисеан
Theme URI: https://t.me/Bartyura
Author: Юрий Барташников
Author URI: https://t.me/Bartyura
*/

.wpcf7-submit{ width: 100%}
input, button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.alignleft{	float: left;  margin-right: 25px;  margin-bottom: 10px;}
.alignright{float: right;}

body{padding: 0; margin: 0; background: #EFEFEF; font-size: 26px;font-family: 'PT Sans', sans-serif; overflow-x: hidden}    
header{height: 64px; z-index: 999; background: url(images/headerline.svg);text-transform: uppercase; font-size: 18px; font-weight: bold; text-decoration: none;box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.25); margin-bottom: 60px; position: fixed; width: 100%; top:0}
.page,footer{margin: 0 auto; max-width: 1130px; margin: 0 auto; padding: 0 20px}
.flex{display: flex; justify-content: space-between}
.flex_start{display: flex; justify-content: flex-start}
.logo{background: url(images/logo.png) no-repeat;background-size: contain; width: calc(400px - 122px); height: 56px; margin-top: 2px }
.callback{margin-left: 40px; background: #FA3333; padding: 10px 14px; color: #fff; text-decoration: none; height: 38px; border-radius: 4px; line-height: 1em; margin-top: 12px; transition: 1s}
.callback:hover{background: #1f1f1f; color: #fff}
a.showmore{padding: 10px 14px; background: #fff; margin: -23px auto 60px auto; color: #fa3333; font-size: 16px; border-radius: 4px; text-transform: uppercase; font-weight: bold; width: 250px; display: block; text-align: center;text-decoration: none;transition: 1s;border: 3px solid #fa3333;}
a.showmore:hover{border: 3px solid #fa3333;background:#fa3333; color: #fff }
.agree {display:none!important}

/*
.menu{color: #000; margin-top: 20px}
a.menu{text-decoration: none}
.menu::before{content: ''; display: block; background: url(images/menu_burger.svg) no-repeat; width: 37px; height: 17px; position: absolute; margin-left: -28px; margin-top: 4px}
*/
.wpcf7 form .wpcf7-response-output{margin: 1.4em 0em 0em!important;background: #fa3333;border-color: #fa3333!important;font-size: 14px; color: #fff;}

.line{background: url(images/line.svg); height: 8px; width: 100%}
.callback::before{content: ''; display: block; background: url(images/callback_viber.svg) no-repeat; width: 45px; height: 38px; position: absolute; margin-left: -59px; margin-top: -10px}

.header_pic_catalog{ padding: 66px 0 1px 0;   background-color: #fff;}
.header_pic{height: 480px; background: linear-gradient(180deg, #FFFCC9 0%, #FFFFFF 79.47%); overflow: hidden}
.general_top{background: url(images/top_bg.svg) repeat; height: 120px; width: 100%; }
.general_middle{background: url(images/center_bg.svg) repeat; min-height: 470px;}
.general_section{margin-top: -61px; z-index: 2}
.general_section::before{content: ''; display: block; background: url(images/trak.svg) no-repeat; width: 578px; height: 442px; position: absolute; top:103px; margin-left: 49%;}
.home_title{width: 50%; font-size: 38px; font-weight: normal; margin: 120px 0 0 0; padding: 0; line-height: 1.2em;}
.home_title span{font-weight: bold; }
.home_title::after{content: ''; display: block; background: url(images/pult.svg) no-repeat; width: 939px; height: 121px; margin-top: 20px; margin-left: 3px}
.trees{ background: url(images/trees.svg) no-repeat 310px 110px;}
.work_title{color: #EFCE54; font-size: 42px; padding-bottom: 1px; line-height: 1em; font-weight: bold}
.work{display: flex; color: #fff; line-height: 1.1em; }

.work_right{ width: 710px}
.work_left{ width: 390px; padding-right: 25px; font-size: 24px;}
footer{padding: 50px 0; text-align: center; font-size: 18px;color: #515151;}
footer p{padding: 0; margin: 5px}
h2,.catalogtitle{text-align: center; color: #272E30; font-size: 42px; margin: 50px 0}
.service{ padding: 50px 0}


.postavki_icon::before{content: '';background: url(images/postavki_icon.svg) no-repeat;  padding-left: 70px}

.catalog_icon::before{content: ''; background: url(images/catalog_icon.svg) no-repeat 2px;  padding: 4px 0 0 75px }


h1.single_h1{margin: 0; font-size: 38px; color: #EFCE54; }
.path,.path a{color: #fff; font-size: 18px; padding-right: 10px}
.path span{padding-left: 10px}
.path a:nth-child(2n){padding-left: 10px}
.path a:hover{color: #EFCE54;}
.catalog{margin-bottom: 65px;}

ul.cat_b, ul.catalog_category,ul#menu-catalog{list-style: none; padding: 0; margin: 0; font-size: 16px; font-weight: bold;}
ul.cat_b li, ul.catalog_category li,ul#menu-catalog li{ background: #fff; border-radius: 4px; width: 250px}
ul.cat_b li a:hover, ul.catalog_category li a:hover,ul#menu-catalog li a:hover{background: #464E50; color: #fff!important; border-radius: 4px} 
ul.cat_b li a, ul.catalog_category li a,ul#menu-catalog li a{ color: #000; text-decoration: none; display: block; margin-bottom: 10px; padding: 15px;}
ul.catalog_category li.current_page,li.current-menu-item{background: #FBC707!important;}
ul.catalog_category li.current_page a,li.current-menu-item a{color: #000}


.catalog_items{flex-wrap: wrap; display: flex}

.catalog_items section img,ul#menu-catalog section img{width: 100%; height: auto; border-radius: 4px;}
.catalog_items section,ul#menu-catalog section{width: calc(33% - 25px); display: block;  background: #fff; border-radius: 4px; margin: 0 0 20px 20px; padding: 3px; }
ul#menu-catalog section{width: calc(33% - 10px); }
.catalog_items section h3,ul#menu-catalog section h3{font-size: 16px; font-weight: bold; padding: 15px; margin: 0; }

.catalog_items section:hover, .catalog_items section h3:hover{background: #464E50; color: #fff;box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.63);}

.leadform{background-color: #F2DD8D; background-image: url(images/bg_mail.svg); background-repeat: no-repeat; background-position: center; }

.leadform_inputs span{display: block; font-size: 14px; padding-top: 15px;}
.leadform_inputs p{margin: 0;}

.leadform_numbers span{display: block; font-weight: normal; margin-top: 10px}

.leadform_content,.leadform_numbers,.leadform_socials,.specs,.specs_item{display: flex; flex-wrap: wrap;justify-content: space-between;}
.leadform_tel,.leadform_numbers_item{width: 50%}
.leadform_inputs{width: calc(50% - 55px)}

.leadform_inputs{padding-left: 55px;}

.leadform_numbers_item{margin-bottom: 20px}
.leadform_numbers{border-bottom: 1px solid #fff; margin-bottom: 30px}

.leadform_tel{font-weight: bold; font-size: 24px}
.leadform_title{font-size: 42px; font-weight: bold; margin-bottom: 20px;}
.leadform_socials_title{padding-top: 10px; margin-right: 20px }
.leadform_socials img{}
.leadform_inputs textarea{margin:20px 0; display: block}

input, textarea, select{ width:100%;  box-sizing:border-box; padding: 15px; border-radius: 4px; border: none; font-size: 18px}
.submitt,.wpcf7-submit{background:#FA3333; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: bold;cursor: pointer; transition: 1s}
.wpcf7-submit:hover{background: #000}
.text{padding: 20px 20px 0 20px; font-size: 24px;  }
.related{margin-bottom: 40px}

.relpost section{width: calc(25% - 16px)!important;}
.relpost section:first-child,.relpost_category section:first-child{margin-left: 0!important}
.relpost_category section{}
.relpost_category section:nth-child(3n+1){margin-left: 0}

.reltitle{border-top: 1px solid #c5c5c5; padding-top: 50px}

.specs{ color: #fff; margin-top: 29px; padding-bottom: 55px}
.specs_pic{width: 50%}
.specs_text{width: 48%; font-size: 20px;}
.specs_item{justify-content: space-between; padding: 10px 15px; border-radius: 4px}

.specs_item:nth-child(2n){background: rgba(93, 93, 93, 0.7);}

/*BURGER PC*/
.header::before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; z-index: 2}
.logo{color: #fff}
.header_right{ margin-top: 23px;}
.header_right::after{content: ''; display: block; background: url(images/menu_icon.svg) no-repeat; width: 47px; height: 14px; position: relative; margin-top: -13px; margin-left: 26px; cursor: pointer;}
ul#menu-prime{margin: 0; padding: 0;list-style: none;}
ul#menu-prime a{color: #000; text-decoration: none}
ul#menu-prime li{margin: 10px 0}
ul#menu-prime a:hover{color: #FA3333}
/*BURGER PC*/



/*BURGER MOBILE*/
body.lock{overflow: hidden}
.header_burger{display: block;position: relative;width: 20px;height: 13px;z-index: 55; cursor: pointer;}
.header_burger.active span{transform: scale(0)}
.header_burger.active::before{transform:rotate(45deg); top:6px; margin-left: 0; width: 100%;}   
.header_burger.active::after{transform:rotate(-45deg); bottom: 4px;}
nav.header_menu{ padding: 30px 0 30px 0; text-align: center}
ul.header_list{display: block; margin: 0; padding: 0}
.header_burger::before,.header_burger::after{content: '';background-color: #000;position: absolute;height: 3px;left: 0;transition: all 0.3s ease 0s; border-radius: 5px;}
.header_burger::before{width: 25%;margin-left: 15px;}
.header_burger::after{width: 100%;}
.header_burger span{position: absolute;background-color: #000;left:0; width: 60%; margin-left: 8px; height: 3px;top:5px; transition: all 0.3s ease 0s;border-radius: 5px;}


ul.header_list li{margin: 10px 0 10px 0}
.header_burger::before{top:0}
.header_burger::after{bottom: 0}
nav.header_menu{position: fixed; top:-150%; overflow: auto; z-index: 5; background-color: #fde073; width: 300px;height: auto; box-shadow: -14px 17px 19px rgba(0, 0, 0, 0.25);}
nav.header_menu.active{top: 64px; margin-left: -207px; overflow-x: hidden}
/*BURGER MOBILE*/


/*SLICK*/
.rolls{display: flex!important; flex-wrap: wrap; }
.rolls_item{ background-color: #333; /*height: 192px;*/ text-align: center; line-height: 7em; margin: 0 0 10px 10px; border: 5px solid #434C4F; border-radius: 4px; transition: 1s;}
.rolls_item:hover{border: 5px solid #EFCE54;}
.rolls_buttons{display: flex; justify-content: flex-end; margin-right: 7px;}
.c_prev,.c_next,.c_prev_b,.c_next_b{  width: 35px; height: 35px;  border: none; border-radius: 4px; cursor: pointer; transition: 1s;}
.c_prev:hover,.c_prev_b:hover{background: #464E50 url(images/arrows_hover.svg) center center no-repeat}
.c_next:hover,.c_next_b:hover{background: #464E50 url(images/arrows_hover.svg) center center no-repeat}
.c_prev,.c_prev_b{margin-right: 10px; background: #FBC707 url(images/arrows.svg) center center no-repeat}
.c_next,.c_next_b{background: #FBC707 url(images/arrows.svg) center center no-repeat; transform: rotate(-180deg)}
.botm{margin-bottom: 45px}
.botmtop{padding-top: 55px}
.slick-slide img{ width: 100%; height: auto}
/*END SLICK*/

/*GENERAL PHOTO SLICK*/
.general{padding-right: 5px}
.general_item{ width: 100%; background: #555;}
.general_item img{border-radius: 4px; width: 100%; height: auto; border: 1px solid #EFCE54}
/*END GENERAL PHOTO SLICK*/

/*MICROPHOTO PHOTO SLICK*/
.microphoto{padding-right: 5px}
.microphoto_item{width: 90px; padding-right: 16px; padding-top: 9px; }
.microphoto_item img {width: 100%; height: auto; border-radius: 4px;border: 1px solid #EFCE54; cursor: pointer}
/*END MICROPHOTO PHOTO SLICK*/


/*TABS*/
.catalog_category .tab-active a, .cat_b .tab-active_b a  {background: #FBC707;border-radius: 4px}
.catalog_category a, .cat_b a  {display: block;}
/*END TABS*/

/*Modal callback*/
.modal{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1050;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 200ms ease-in;pointer-events:none;}
.modal:target{opacity:1;pointer-events:auto;overflow-y:auto;}
.modal-dialog{position:relative;width:auto;margin:30px auto;align-self:center;max-width:300px;}
.modal-content{position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0;}
.modal-header{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding: 10px 20px;border-bottom:1px solid #eceeef;}
.modal-title{margin-top:0;margin-bottom:0;line-height:1.5;font-size:1.25rem;font-weight:500;}
.close{font-size:34px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;text-decoration:none;}
.close:focus,.close:hover{color:#FA3333;text-decoration:none;cursor:pointer;opacity:.75;}
.modal-body{position:relative;padding:20px; flex-direction: column;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.modal-body p{margin: 0;}
.madalcallback,.madalsubmit{padding: 10px; border-radius: 4px; border: 1px solid #4e4e4e; font-size: 16px; text-align: center;height: 45px}
.madalsubmit{background: #FA3333;color: #fff;border: none;margin-top: 20px;text-transform: uppercase;font-size: 14px;font-weight: bold;cursor: pointer; transition: 1s}
.madalsubmit:hover{background: #000}
/*END Modal callback*/

.specs_title{font-size: 30px;color: #EFCE54;font-weight: bold;margin-bottom: 15px;}
.pand{font-size: 16px; text-decoration: none; display: flex; justify-content: space-between;width: 100%;margin-top: 5px;}
.pagenav a, .pagenav span {color: #fff;padding: 7px 12px;border-radius: 4px;text-decoration: none;}
.pagenav a{background-color: #333;}
.pagenav span{background-color: #FEDF3C;color: #000;}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    
    .home_title{font-size: 34px; width: 60%}
    .general_section::before{margin-left: 65%}
    
}

@media screen and (min-width: 0) and (max-width: 420px) {
    .home_title{font-size: 6.5vw; width: 100%; text-align: center}
    .general_section{margin-top: -620px}
    .leadform_content, .leadform_numbers, .specs{flex-direction: column;}
    .specs_item{font-size: 14px;}
    .leadform_tel, .leadform_numbers_item{width: auto}
    .catalog_items section h3{font-size: 16px; padding: 10px}
    h2{font-size: 32px; line-height: 1em; margin: 40px 0}
    .work_title{font-size: 32px; padding-bottom: 15px}
    footer{font-size: 14px}
    .leadform_tel{font-size: 18px}
    .service{padding: 40px 0;}
    h1.single_h1{font-size: 26px;}
    .path, .path a{font-size: 14px;}
    .text{font-size: 18px;}
}
@media screen and (min-width: 420px) and (max-width: 768px) {
    .home_title{font-size: 30px; width: 100%; text-align: center}
    .general_section{margin-top: -580px}
    .leadform_tel, .leadform_numbers_item{width: 100%}
}

@media screen and (min-width: 0) and (max-width: 340px) {
    .catalog_items section{width:100%; margin-left: 0}
    .catalog_items section:nth-child(2n+1){ margin-right: 0}
}

@media screen and (min-width: 340px) and (max-width: 768px) {
    .catalog_items section{width: calc(50% - 10px);margin-left: 0}
    .catalog_items section:nth-child(2n+1){ margin-right: 20px}
}


@media screen and (min-width: 0) and (max-width: 768px) {
    .callback{display: none}
    .callback_mobile{display: block; background: url(images/callback_viber.svg) no-repeat; width: 40px; height: 37px;  margin-top: 10px}
    ul.cat_b li, ul.catalog_category li,ul#menu-catalog li{width: auto}
    .general_section::before{ background-size: contain; width: 90%; height: 70vw; margin: 0 auto; position: relative}
    
    .leadform_socials{margin-bottom: 35px;justify-content: space-between;}
    .catalog_items{margin-top: 10px}


    .leadform_numbers span{margin-top: auto}
    .leadform_title{font-size: 34px}
    .leadform_socials img{margin-left: 0; margin-right: 0}
    .leadform_socials_title{padding-top: 0;margin-bottom: 15px; display: block; width: 100% }
    
    .header_pic{height: 800px}
    header{margin-bottom: 20px}
    .leadform_inputs{ padding: 0; width: auto}
    .work{flex-direction: column}
    .work_left{width: auto; font-size: 18px; line-height: 1.3em;margin: 0 10px; padding-right: 0;}
    .work_right{width: auto}
    .trees{background: none}
    .catalog{flex-direction: column}
    .callback_mobi{background: url(images/callback_mobi.svg); width:87px ; height:87px; position: fixed; bottom: 10px; right: 5px;}
    

    .specs_text,.specs_pic{width: 100%;}
    .specs_pic{position: relative; width: 105%;}
    .specs{display: block; overflow: hidden;}

    
    .specs_text{margin-top: 30px;}
    
    
}