@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;1,400&display=swap');
.bt_top {width: 65px;height: 65px;position: fixed;right: 5%;bottom: 5%;cursor: pointer;z-index: 999;border-radius: 34px;}
.bt_top {animation-duration: 2s;animation-name: slidein;animation-iteration-count: infinite;animation-direction: alternate;}
@keyframes slidein {from {bottom: 3%;}to { bottom: 6%;}60% {bottom: 3%;}}
.item_box,.main_menu ul li,
.hover_lenta{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.info{padding: 2%;background: #f7f7f7;margin: 2%; position: relative; z-index: 100;}
.info p{font-weight: bold;padding-bottom: 10px;}
.info h3{font-size: 12px;font-weight: normal;}
.info h3 b{color: #337bff}
/** **/
.box_ava_cont {display: block;margin-bottom: 10px;text-align: left;width: 80%;max-width: 1200px;margin-left: auto;margin-right: auto;}
.txt_link,.txt_data,.txt_cont{position: relative;display: inline-block;vertical-align: top;text-align: left;width: 60%;padding-top: 23px;padding-left: 4px;}
.txt_data{padding-top: 23px;}
.bav_cont{text-align: center;}
.txt_cont {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 7px;
}
.txt_s p {font-size: 12px;color: #a7a7a7;padding-top: 3px;}
.txt_s i {color: #ddd;font-size: 10px;padding-top: 2px;display: block;font-weight: normal;font-style: normal;}   
.txt_s a {color: #555;font-size: 13px;padding-top: 5px;display: block;}  
.txt_s a:hover{text-decoration: none;}   
.txt_link p{display: none;}



.ava_title {display: block;border-radius: 40px;overflow: hidden;border: 1px solid #f5f5f5;background: #fff;box-shadow: 1px 2px 5px #00000045;display: inline-block;}
.ava_title .box_ava {border-radius: 40px;margin: 2px;overflow: hidden;width: 76px;background: url(https://handyandy.live/user/logo/mh_cropp_80.png);background-size: 100%;height: 76px;}
.ava_title img {width: 100%;opacity: 0;}
@media (max-width:550px){  
.ava_title .box_ava {border-radius: 31px;width: 62px;height: 62px;}
.txt_link, .txt_data {padding-top: 14px;}}
@media (max-width:350px){  
.box_ava {text-align: center;width: 80%;}
.txt_link, .txt_data {padding-left: 0px;display: block;text-align: center;width: 100%;padding-top: 5px;}}
/** /ava **/
/** COntacts about **/
.box_about{width:90%;max-width:800px;text-align:center;min-height:534px;padding-top:45px;padding-bottom:70px;margin:auto;}
.box_about .title_txt{width:100%;display:inline-block;border-bottom:1px solid #ccc;padding-bottom:23px;margin-bottom:14px;}
.box_about .title_txt p{font-size:13px;}
.box_about .title_txt a{font-size:12px;color:#555;padding-top:10px;display:block;font-weight:700;}
.box_about .title_txt a:hover{text-decoration:none;}
.box_about .title_txt span{display:block;font-size:11px;font-weight:700;}
.box_about .title_txt span a,.box_about .title_txt span i{display:inline-block;font-weight:400;font-style: normal;}
.box_about .cart_cont{width:100%;overflow:hidden;}
#css_ab1{border-bottom:1px solid #ccc;padding-bottom:45px;margin-bottom:30px;}
.box_about .ava_img{width:88%;max-width:210px;display:inline-block;margin-bottom:25px;margin-top:25px;border:1px solid #ccc;border-radius:50%;overflow:hidden;padding:4px;}
.box_about .ava_img img{width:100%;}
.box_about .name_h2{font-weight:400;font-size:13px;padding-bottom:10px;}
.box_about .title_txt h3,.box_about .name_h1{font-weight:700;padding-bottom:12px;font-size:20px;}
@media (max-width:650px){.content_txt_box{}.box_about .txt_centr_mob{text-align: center;}}

.min_h{overflow: hidden;}

/** HB **/
.hb{width:90%;position:relative;overflow:hidden;text-align:center;padding-top:2%;
padding-bottom:2%;font-weight:300;font-size:11px;margin-bottom:1%;margin-left:auto;margin-right:auto;line-height:19px;}
.hb span{padding-left:.3%;padding-right:.3%;}
.hb a{text-decoration:none;font-size:12px;font-weight:300;}
.hb p{display:inline-block;font-weight:500;font-size:12px;}

.min_h .hb{color:#ccc;}
.min_h .hb a{color:#a5a5a5;}
.min_h .hb p{color:#555;}

/** MAIN TITLE **/
.title_block{width: 100%;
    margin-left: 2%;
    max-width: 1200px;
    /* display: inline-block; */
    margin-left: auto;
    margin-right: auto;
    position: relative;overflow: hidden;margin-top: 30px;}

.main_title {
    width: 41%;
    text-align: left;
    max-width: 1200px;
    /* margin: 2% auto; */
    margin-top: 0%;
    /* margin-left: 5%; */
    /* padding-top: 20px; */
    display: inline-block;
    vertical-align: top;
    padding-bottom: 24px;
}

.main_title h1{display:block;font-weight:600;font-size:28px;padding-bottom:1%;padding-right:10px;text-transform: uppercase;}
.main_title h2{display:inline-block;font-weight:300;font-size:20px;padding-top: 10px;}
/** share **/
.share{width:100%;}
.share i{font-style:normal;}
.share a{cursor:pointer;padding-left:1%;padding-right:1%;}
.page_share{padding-top:6%;text-align:center;color:#a5a5a5;font-weight:300;}
.page_share a{color:#555;}
.page_share a:hover{color:#000;text-decoration:underline;}
/** CONTENT **/
.content_img,.content_img_box,.content_txt_box{max-width:1200px;}
.content_img{width:100%;margin-left:auto;margin-right:auto;}
.content_img p{text-align:left;font-size:9px;background:#fff;padding-top:10px;padding-right:10px;}
.content_img_box{background:#ccc;min-height:100px;margin-bottom:20px;width:100%;margin-left:auto;margin-right:auto;}
.content_img_box img{width:100%;}

.content_txt_box {
    margin-bottom: 35px;
    width: 46%;
    margin-left: auto;
    /* margin-right: 5%; */
    overflow: hidden;
    float: right;
    max-width: 530px;
    display: inline-block;
    text-align: left;
}

.content_txt_box p,.content_txt_box span{font-weight:300;line-height:26px;font-size:20px;text-align:left;}

.content_txt_box img{opacity:1;width:100%;height:auto;}
.content_img img{width:100%;opacity:0;}
/** !! устанавливается класс в админке **/
.column_txt{-webkit-column-width:200px;-moz-column-width:200px;column-width:200px;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-column-rule:1px solid #ccc;-moz-column-rule:1px solid #ccc;column-rule:1px solid #ccc;}
/** ******* **/
/** !! PROCESS !! **/
.process{width:90%;margin-left:auto;margin-right:auto;max-width:1000px;text-align:center;margin-bottom:20px;}
.process_bt,
.bt_dop_album{display:inline-block;font-size:12px;border:1px solid #ccc;cursor:pointer;width:100px;margin-left:auto;margin-right:auto;padding:10px;}
.process_activ{background:#000;color:#fff;border:1px solid;}
.process_img{display:none;margin-top:30px;}
/** MEDIA **//** MEDIA **//** MEDIA **//** MEDIA **/
@media (max-width:950px){
.content_txt_box p,.content_txt_box span{line-height: 16px;}

.content_txt_box {
    width: 90%;
    max-width: none;
    margin-left: 5%;
    margin-bottom: 6%;
}
.main_title {
    width: 90%;
    text-align: center;
    max-width: none;
}
.main_title h1{margin-bottom: 1%;}

.page_share {text-align: center;font-size: 10px;}

.drugie_page div{width: 30%;}
.content_img p {text-align: center;}
.hb {margin-top: 35px;}}
/** --------------------------------- LENTA ------------------------------- **/
.grid{width:100%;margin-left:auto;margin-right:auto;}  
.item{width:400px; height: 400px; overflow:hidden;text-align:center;}
.item,.item > *{box-sizing:content-box;-webkit-box-sizing:content-box;}
.item a{position: relative;display: block;}
.item_box{margin: 4px;background: #efefef;}
.item_box{background: #f7f7f7;width:396px; height: 396px;overflow: hidden;}
.item_box img {opacity: 0;width: 100%;}  
/** .item_box:hover .hover_lenta{filter: blur(1px);} **/ 
.item_box:hover .hover_lenta{ /** width: 110%;margin-left: -5%;**/filter: blur(2px);}
/** TITLE **/
.title_box {position: relative;display: block;z-index: 2;color: #000;height: 65px;margin-top: -65px;overflow: hidden;}
.title_element {background: #fff;text-align: left;max-width: 87%;float: right;padding-top: 8px;padding-left: 15px;overflow: hidden;position: relative;padding-bottom: 11px;opacity: 1;}
.title_element_op1,.title_element_op2,.title_element_op3,.title_element_op4 {width: 70px;height: 70px;position: absolute;background: linear-gradient(271.24deg,#fff 56.18%,rgba(255,255,255,0) 97.24%);top: 0px;}
.title_element h3 {font-weight: 400;font-size: 20px;white-space: pre;padding-top: 2px;margin-right: 23px;font-weight: 500;padding-right: 12px;}
.title_element p {font-size: 11px;text-transform: uppercase;white-space: pre;font-weight: 300;letter-spacing: 1px;padding-bottom: 5px;padding-top: 5px;}   
.title_element_op1,.title_element_op3 {float: right;right: 0px;}
.title_element_op2,.title_element_op4 {float: left;margin-left: 75%;}
.te1,.te3{float: right;padding-left: 15px;padding-right: 15px;width: auto;border-radius: 14px 0px 0px 0px;}
.te2,.te4{float: left;padding-left: 15px;padding-right: 15px;/**width: 81%;**/border-radius: 0px 14px 0px 0px;}
/** *** DOP PUB******************** **/
.content_dop_pub {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    /* max-width: 1000px; */
    /* margin: 44px auto; */
    overflow: hidden;
    padding-bottom: 0px;
    background: #b1b1b14f;
    padding-top: 2px;
}
.dop_pub{display:inline-block;}
.dop_pub div{}
.dop_pub img{width:100%;max-width: 120px;}
/** MEDIA **//** MEDIA **//** MEDIA **//** MEDIA **/
@media (max-width:840px){  
.item{width:170px; height: 170px;}
.item_box{width:166px; height: 166px;}
.title_box{/**display: none;**/margin-top: -35px;}
.title_element {background: #ffffffdb;padding-bottom: 9px;}
.title_box p{display: none;}
.title_element h3{font-size: 12px;}
.te1, .te3 {float: none;width: auto;width: 100%;}
}
/** END LENTA ------------------------ END LENTA -------------------------- **/
/** 404 **/
.cont_1{position: relative;}
.bx2{margin-left: auto; margin-right: auto;width: 100%;height: 100%;}
.cont_25,.cont_div{width: 100%; text-align: center;min-height: 25%;}
.cont_div{min-height: 20px;}
.cont_div h1 {font-size: 16px;font-weight: 600;padding-bottom: 15px;padding-top: 10px;}
.cont_div h2 {font-size: 14px;font-weight: 300;}
.footer{font-size: 10px;margin-top: -20px;padding-top: 40px;}
.logo{max-width: 200px;}
.logo fill{color: #000;}
.bx_img_logo{height: 100%;margin-left: auto; margin-right: auto;width: auto;}
.menu_404{padding-bottom: 60px;}.menu_404 ul {padding-top: 10px;padding-bottom: 10px;}
.menu_404 ul li {display: block;padding-left: 10px;padding-right: 10px;}
.menu_404 ul li a {text-decoration: none;color: #000;font-size: 11px;}
.menu_404 ul li a:hover{text-decoration: underline;}
.menu_404 div{display: none;}
/** MEDIA **//** MEDIA **//** MEDIA **//** MEDIA **/
@media (max-width:840px){  
.menu_404 ul li{display: block;padding-bottom: 10px;}}
/** END 404 **/