@import url("content_page.css?r=1");
@import url("menu.css?r=1");


.box_txt_acc{}
.box_txt_acc a:hover{color: #4598ff;}
/** ************************************************* **/

.ppt_3 i {
    z-index: 0;
    position: absolute;
    width: 1000px;
    height: 39px;
    /* background: #0000002e; */
    right: 18px;
    bottom: 107px;
    background-image: url(/user/img/gr_05.png);
    background-size: 36px;
    background-position: CENTER;
    background-repeat-y: no-repeat;
}
.docv {
    user-select: none;
    display: inline-block;
    width: 100px;
    /* height: 200px; */
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    margin: 15px;
    vertical-align: top;
    
      font-size: 11px;
    font-weight: 100;
    color: #383838;
    max-width: 120px;
}



.docv a {
  display: inline-block;
  overflow: hidden;
}


.docv:hover {color: #000;font-weight: normal;}
.docv:hover p{background: #707070;}



.docv p {
    margin-bottom: 7px;
    /* width: 100%; */
    height: 105px;
    background: #d1d1d1;
    border: 1px solid #d1d1d1;
    
}
.docv p::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border: 0;
    border-top: 35px solid #ffffff;
    border-bottom: 0px solid #9f202000;
    border-left: 35px solid #9b9b9b;
    border-right: 0px solid transparent;
    margin-top: 0px;
    top: 0px;
    left: auto;
    right: 0px;
    height: 0px;
    /* border: 1px solid #000; */
}
.docv p::before {
    content: "PDF";
    position: absolute;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    width: 100%;
    left: 0px;
    top: 50px;
    color: #fff;
    text-align: center;
}

.docv::after{content: "";}
.docv::before{content: "";}


.black_docv{color: #ffffff;}
.black_docv p {
 
    background: #000000;
    
}

.black_docv p::after {
   
    border-top: 35px solid #000000;
}
.black_docv:hover {color: rgb(17, 0, 255);font-weight: normal;}
.black_docv:hover p{background: #707070;}

/** ************************************************* **/
.footer_img {
    position: relative;
    
    background-color: #000;
    background-image: url(/user/img/head/footer_img.jpg?r=s09);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 370px;
    background-position: 37% center;
}
.footer_img img{width: 100%;}
.footer_img .txt_f {
    position: absolute;
    color: #fff700;
    bottom: 18%;
    left: 5%;
    width: 50%;
    font-weight: 600;
}
.footer_img .txt_f h5 {
    font-size: 22px;
    padding-bottom: 10px;
}
.footer_img .txt_f p{}

/** MEDIA **/
@media (max-width:960px){
    .footer_img {
        background-size: 250%;
        height: 310px;
    }
    .footer_img .txt_f {
        bottom: 10%;
        left: 5%;
        width: 80%;
        /* text-align: center; */
        /* top: 10%; */
    }
    .footer_img .txt_f h5 {}
    .footer_img .txt_f p {
        line-height: 14px;
    }
} 
/** MEDIA **/
@media (max-width:400px){
    .footer_img {
        background-size: 370%;
    }
    .footer_img .txt_f {
        font-size: 13px;
    }
    .footer_img .txt_f h5 {}
    .footer_img .txt_f p {
        line-height: 14px;
    }
} 
/** ************************************************* **/



/** ************************************************* **/
.home_img_main {background: #fff700;overflow: hidden;margin-top: 0px;text-align: center;position: relative;height: 250px;user-select: none;}
.home_img_main h1 {position: absolute;z-index: 1;width: 70%;margin-left: 15%;font-size: 20px;bottom: 55px;}
.ppt,.ppt_1 div,.ppt_2 div,.ppt_3 div{width: 800px;  }
.ppt { height: 250px;position: relative;transform: rotate(302deg);transform-origin: center;margin-left: auto;margin-right: auto;}
.ppt_1,.ppt_2,.ppt_3,.ppt_fin{   position: absolute;width: 100%;height: 100%;overflow: hidden;}
.ppt_1 div, .ppt_2 div, .ppt_3 div{position: absolute;height: 100%;background-size: 40%;background-position: 48% 55%;background-repeat: no-repeat;transform: rotate(58deg);transform-origin: center;}
.ppt_1 div{background-image: url(/user/img/animaciya2/logo1.png);z-index: 4;}
.ppt_2 div{background-image: url(/user/img/animaciya2/logo2.png);z-index: 5;}
.ppt_3 div{background-image: url(/user/img/animaciya2/logo3.png);z-index: 6;}
.ppt_3{width: 10%;    background-color: #fffa5e;
box-shadow: 3px 0px 30px #ffffff;
}


.ppt_3 p {z-index: 7;position: absolute;width: 14px;height: 250px;background: #000000;right: 0px;}
.ppt_3 p img {height: 246px;transform: rotate(90deg);transform-origin: left;margin-left: -110px;margin-top: -116px;}
.ppt_fin {background: #fff700;z-index: 3;width: 0%;right: 0px;
box-shadow: 3px 0px 30px #ffffff;
}
.bg_w{background: linear-gradient(91deg, #ffffff 25%, #fff700 100%);
box-shadow: 3px 0px 30px #ffffff;
}


 
/** MEDIA **/
@media (max-width:960px){
} 




/** ************** TOP-MENU ************************ **/
.top_menu{z-index:10;width:94%;display:block;position:relative;text-align:left;margin:60px 61px 65px 6%;}
.top_menu a{line-height:32px;font-size:15px;font-weight:700;overflow:hidden;display:inline-block;width:96px;}
.top_menu .top_tel{font-size:29px;display:block;margin-top:6px;}
.top_menu .top_mail{font-weight:500;background:#000;color:#fff;padding-right:5px;padding-left:5px;}
.main_menu_bg{background:rgba(0,0,0,0.7);text-align:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;visibility:hidden;opacity:0;-khtml-opacity:0;-webkit-transition:all 10s ease;transition:all .5s ease;background-image:url(../_icons_modul/icons_modul_load2.png);background-size:5px;}
.ac_m{visibility:visible;opacity:0.3;-khtml-opacity:1;overflow:auto;display:block;}
.bt_menu_main {position: absolute;width: 64px;margin-left: auto;margin-right: auto;text-align: right;font-size: 0;
top: 20px;-webkit-transition: all 10s ease;transition: all 1s ease;z-index: 100;right: 2%;height: 64px;background: #000;
border-radius: 8px;
}
.fixed_menu{position:fixed;top:0;
border-radius: 0px 0px 8px 0px;
}

 


.main_menu{z-index:1000099;}
.list_menu {
    width: 90%;
    background: #000000;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 4%;
    max-width: 530px;
    color: #fff700;
    margin-top: 3%;
    margin-bottom: 3%;
}
.m_right{position:relative;display:inline-block;}
.main_menu .box_menu{width:100%;left:0;position:absolute;margin-left:0px;}
.clous_menu {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 2%;
    right: 2%;
}
.m_mobil{width:100%;height:100%;position:fixed;overflow:auto;left:0;}
.m_mobil hr{border:none;height:1px;margin-bottom:18px;margin-top:10px;}
.m_mobil ul{text-align:left;}
.m_mobil ul li{display:block;width:88%;margin-left:auto;margin-right:auto;letter-spacing:1px;}

.menu_top .level2{padding-left: 40px;}
.m_ds{display:none;}
.main_menu a{border:1px dotted transparent;color:#999;}
.main_menu .level1 a {
    display: inline-block;
    border-radius: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    padding: 4px 5%;
}
.activ_top{border:none;}
.main_menu li a:hover,.activ_top a{border:1px solid transparent;color:#fff700;}
.main_menu .level2 a {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 100;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 5%;
    word-wrap: break-word;
}
.menu_top .m_kurs{}
.menu_top .m_kurs::before{content: "?";padding-right: 7px;
    color: #fff;}
 
 .lang_menu {text-align: center;}   
  .lang_menu ul{overflow: hidden;
    width: 100%;
    text-align: center;}
.lang_menu ul li {
    min-width: 22px;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 6px;
    border-radius: 20px;
    padding-left: 12px;
    padding-right: 12px;
}
.lang_menu ul li a {
    font-size: 13px;
    
}
.lang_menu .aktiv_lang{font-weight: bold;}


.lang_menu ul li:hover{
    font-weight: bold;
    background: #fff700;
}
 


.lang_menu .active,.lang_menu .active:hover{font-weight: bold;background: #fff700;}
.lang_menu .active a {color: #000;}

/** MEDIA **/
@media (max-width:960px){
    
    .list_menu {

    margin-top: 0%;
    margin-bottom: 0%;
   
}

.fixed_menu{
     border-radius: 8px;
}

.bt_menu_main {right: 10px;top: 10px;    box-shadow: 1px 1px 5px #fff;}
.top_menu {width: 85%;margin-left: 15%;}
} 

/** ------------------------------------------------------------------------ **/

.home_img_main {
    padding-bottom: 100px;
    /* padding-top: 1px; */
    background: #fff700;
    overflow: hidden;
    margin-top: 0px;
    padding-top: 90px;
    text-align: center;
}
.home_img_main h3 {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 970px;
    padding-top: 20px;
}


/** ************************************************ **/
.sale_bt {
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    height: 40px;
    background: #d09999;
    width: 120px;
    position: fixed;
    right: -80px;
    top: 50%;
    z-index: 111;
    margin-top: 0px;
    transform: rotate(270deg);
    transform-origin: top left;
    line-height: 40px;
    user-select: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
     -webkit-transition: all 0.3s ease;
    transition: all 1s ease;
}
.sale_bt::after{content: "Descuentos";}
.sale_bt:hover{background: #000;}


/** =========================================== **/
.t3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.t3 .el1 {
    /* border-radius: 12px; */
    display: table;
    /* font-weight: 600; */
    display: inline-block;
    width: 260px;
    overflow: hidden;
    margin-right: 3px;
    /* background: #ccc; */
    border: 1px solid #efebeb;
    vertical-align: top;
    /* border: 1px solid transparent; */
    -webkit-transition: all 10s ease;
    transition: all 0.5s ease;
    margin-left: 3px;
    height: 340px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
    border-bottom: 1px solid #d7d5d5;
    border-right: 1px solid #dfdbdb;
}

.t3 .el1:hover {border: 1px dotted #ccc}

.t3 .el1:hover .im_box div {

    background-size: 120%;
    background-position: 60% 50%;
    
 
}
.t3 a{}
.t3 .el1 p {
    height: 5px;
    background: #fff700;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    z-index: 2;
    width: 100%;
    transition: all 0.3s ease;
}

.t3 .el1:hover  p {

  margin-top: -4px;
  
    
 
}



.t3 .el1 .im_box {
    /* height: 15vw; */
    overflow: hidden;
    width: 100%;
    /* height: 13vw; */
    /* border-radius: 12px; */
}


.t3 .el1 .im_box div {
    width: 100%;
    height: 265px;
    /* overflow: hidden; */
    background-size: 100%;
    background-position: 50% 50%;
    -webkit-transition: all 10s ease;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
}

.t3 .el1 .im_txt {
    width: 100%;
    /* padding-bottom: 11px; */
    position: absolute;
    width: 100%;
    background: #fff;
    bottom: 0px;
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    /* border-top: 3px solid #000; */
    z-index: 3;
}
.t3 .el1 .im_txt div {
    width: 100%;
    /* margin-left: 5%; */
    background: #fff;
    padding-top: 32px;
    padding-bottom: 32px;
    position: relative;
    z-index: 3;
}
.t3 .el1 .im_txt h4 {
    font-size: 19px;
    /* padding-top: 11px; */
    /* padding-bottom: 11px; */
    text-align: left;
    /* font-weight: 600; */
    /* padding-left: 2%; */
    font-weight: normal;
    width: 80%;
    margin-left: 10%;
    text-align: center;
    font-weight: bold;
}
 
/** MEDIA **/
@media (max-width:960px){
    .t3 .el1 {
        width: 100%;
        margin-right: 0px; 
        margin-left: 0px;
    }
} 
 
/** ******************************** **/



/** ********************************************* **/
.top_info {
    position: absolute;
    /** fixed **/
    
    top: -13px;
    transition: all 1s ease;
    z-index: 10;
    width: 64px;
    right: 2%;
    /* box-shadow: 0px -2px 5px #0000003d; */
    border-radius: 8px;
    overflow: hidden;
    background: #99d0ae;
    top: 20px;
    margin-right: 75px;
    height: 64px;
    text-align: center;
    user-select: none;
}
.fixed_wa {
    position: fixed;
    top: 0;
    margin-right: 64px;
    border-radius: 0px 0px 0px 8px;
}
/** MEDIA **/
@media (max-width:960px){
.top_info {right: 0px; top: 10px; margin-right: 80px;}

.fixed_wa {
    border-radius: 8px;
}

} 

/** ************************************ **/
.title_block {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.title_block .bt_next {
    font-size: 17px;
    text-decoration: none;
    /* height: 40px; */
    line-height: 33px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    /* border-bottom: 2px solid; */
    border-radius: 30px;
    /* background: #000; */
    /* color: #fff; */
    border: 1px solid #000;
}
/** ******************************** **/
.box_page {
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    position: relative;
    top: 0px;
    margin-top: 0px;
    padding-top: 15px;
}


.logo_page_top {
    box-shadow: 3px -1px 3px #0000002b;
    position: absolute;
    z-index: 1000;
    background: #fff700;
    width: 116px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 9px;
    border-radius: 0px 0px 8px 8px;
    margin-left: 5%;
    top: 0px;
    -webkit-transition: all 10s ease;
    transition: all 0.5s ease;
    user-select: none;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.fixed_logo {
    /* position: fixed; */
    /* left: 2%; */
    /* top: 5%; */
    /* box-shadow: 4px 0px 5px #0000001a; */
    
    padding-top: 70px;
    background: #dfdfdf;
    
}

.logo_page_top:hover{background: #000;color: #fff;}


.logo_page_top a{border: none;text-decoration: none;font-size: 0px;}
.logo_page_top .lpt{}
.logo_page_top .lpt span{}


.page_img_head {
    /* background: #ccc; */
    width: 90%;
    min-height: 100px;
    position: relative;
    top: 0px;
    background-image: url(/user/_icons_modul/icons_modul_load.png);
    background-size: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 8px;
    user-select: none;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.page_img_head .gr {
    position: absolute;
    bottom: 0px;
    background: #ccc;
    width: 100%;
    height: 150px;
    background: #000;
    background: linear-gradient(0deg, #000000d9 10%, #0000 90%);
    z-index: 6;
    background-image: url(/user/img/gr_2.png);
    background-size: 70px;
    background-position: top;
    background-repeat-y: no-repeat;
}

.page_img_head .cont_h1 {
    max-width: 500px;
    position: absolute;
    text-align: left;
    width: 94%;
    overflow: hidden;
    bottom: 14px;
    z-index: 10;
    margin-left: 3%;
}
.page_img_head .cont_h1 h1 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}
.page_img_head .img_head {
    /* position: absolute; */
    /* z-index: 5; */
    width: 100%;
    overflow: hidden;
}
.page_img_head .img_head img{width: 100%;}

.content_page{}

.content_page h2 {
    font-size: 26px;
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: center;
}

.content_page h3 {
    font-size: 20px;
    margin-bottom: 16px;
    margin-top: 16px;
    text-align: left;
}
.content_page h4 {
    text-align: left;
    font-size: 25px;
    margin-bottom: 16px;
    margin-top: 16px;
    font-weight: normal;
}
.content_page hr {
    /* background: #fff700; */
    border: none;
    height: 1px;
    border-bottom: 2px dashed#cdcdcd;
    margin-bottom: 25px;
    margin-top: 25px;
}

.content_page .hr2 {border: none;}
.content_page .hr0 {border: none;
    margin-bottom: 10px;
    margin-top: 10px;}

.content_page p {
    text-align: left;
}
.content_page p b{}
.content_page a{}
.content_page b{}
.content_page i {
    font-style: normal;
    background: #fff700;
}
.content_page span {
    display: block;
    padding-bottom: 18px;
    text-align: left;
}
.content_page span::before {
    content: '';
    font-family: Arial;
    font-size: 15px;
    margin-right: 7px;
    margin-left: 10px;
    color: #fff700;
    /* border-left: 5px solid; */
    /* border-right: 2px solid #ebe40e; */
    background: #fff700;
    width: 8px;
    height: 8px;
    display: inline-block;
    /* border-radius: 50%; */
}

.content_page p a{
    text-decoration: revert;
    color: #133fbb;
    /*
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;*/
}
.content_page p a:hover{background: #fff700;}

.content_page s,
.content_page p s {
    text-decoration: none;
    position: relative;
    display: inline-block;
}


.content_page .bt_zoom {
    display: inline-block;
    background: #fff700;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 15px;
    color: #000;
}
.content_page .bt_zoom:hover{    padding-left: 16px;
    padding-right: 16px;}

.content_page s:after,
.content_page p s:after {
    content: "";
    /* background-color: #ccc; */
    height: 9px;
    display: block;
    position: absolute;
    width: 100%;
    background-image: url(/user/img/gr_3.png);
    background-size: 15px;
    background-repeat-y: no-repeat;
    margin-top: -4px;
}



.content_page .r1 {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content_page .r1 b{font-weight: bold;}



.content_page .rb1 {
    display: inline-block;
    padding: 20px;
    border-radius: 8px;
}
.content_page  .color1{background: #fff700; color: #000;}
.content_page  .color2{background: #000;color: #fff;}



/** MEDIA **/
@media (max-width:960px){
.page_img_head {
    width: 100%;
    height: 70vw;
    border-radius: 0px;
} 
.page_img_head .img_head img {
    height: 100%;
    width: auto;
}

.page_img_head .img_head {
   
    height: 100%;
   
}

.logo_page_top {
    margin-left: 10px;
    border-radius: 8px;
    top: 10px;
}


.page_img_head .cont_h1 {
    max-width: none;
    position: absolute;
    text-align: center;
    width: 90%;
    overflow: hidden;
    bottom: 14px;
    z-index: 10;
    margin-left: 5%;
}

} 

/*** ************************************************************************************************** **/
/** TTTTAAAABBB **/




/** HB **//** HB **//** HB **//** HB **//** HB **/
.hb_style1 {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
    font-size: 12px;
}
.hb_style1 .hb{}
.hb_style1 .hb a{text-decoration: underline;}
.hb_style1 .hb i{font-style: normal;}
.hb_style1 .hb span {
    display: inline-block;
    font-size: 15px;
    margin-left: 6px;
    margin-right: 4px;
}
.hb_style1 .hb span::before{content: "/";}

/** HB2 **/
.hb_style2{font-size: 10px;text-align: left;}
.hb_style2 i {
    font-style: normal;
    background: #838383;/** 1 **/
    height: 30px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 16px;
    position: relative;
    color: #fff;
}
.hb_style2 i::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 13px solid #838383;/** 1 **/
    margin-top: 0px;
    top: 0px;
    left: auto;
    right: -13px;
    height: 0px;
}


.hb_style2 a {
    display: inline-block;
    background: #ebebeb;
    height: 30px;
    /* width: 157px; */
    position: relative;
    line-height: 30px;
    margin-right: 13px;
    padding-left: 15px;
    padding-right: 10px;
    /* margin-left: -25px; */
    background: rgb(2,0,36);
    background: linear-gradient(90deg, #838383 0%, #d3d3d3 100%); /** 1 | 2 **/
    position: relative;
    z-index: 1;
    color: #fff;
}
.hb_style2 a::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border: 0;
    border-top: 15px solid #838383;/** 1 **/
    border-bottom: 15px solid #838383;/** 1 **/
    border-left: 13px solid #d3d3d3;/** 2 **/
    margin-top: 0px;
    top: 0px;
    left: auto;
    right: -13px;
    height: 0px;
}
.hb_style2 span {display: none;}




/** ****************************** **/
.img_logo_partner {
    margin-bottom: 40px;
    margin-top: 10px;
}
.img_logo_partner div {
    display: inline-block;
    margin-right: 16px;
    width: 100px;
}
.img_logo_partner div img{width: 100%;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
    
 .img_logo_partner div:hover img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}

.content{width: 100%;overflow: hidden; position: relative;}
 
/** HB **/
.hb_style1 {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
    font-size: 12px;
}
.hb_style1 .hb{}
.hb_style1 .hb a{text-decoration: underline;}
.hb_style1 .hb i{font-style: normal;}
.hb_style1 .hb span {
    display: inline-block;
    font-size: 15px;
    margin-left: 6px;
    margin-right: 4px;
}
.hb_style1 .hb span::before{content: "/";}

/** HB2 **/
.hb_style2{font-size: 10px;text-align: left;}
.hb_style2 i {
    font-style: normal;
    background: #838383;/** 1 **/
    height: 30px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 16px;
    position: relative;
    color: #fff;
}
.hb_style2 i::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 13px solid #838383;/** 1 **/
    margin-top: 0px;
    top: 0px;
    left: auto;
    right: -13px;
    height: 0px;
}


.hb_style2 a {
    display: inline-block;
    background: #ebebeb;
    height: 30px;
    /* width: 157px; */
    position: relative;
    line-height: 30px;
    margin-right: 13px;
    padding-left: 15px;
    padding-right: 10px;
    /* margin-left: -25px; */
    background: rgb(2,0,36);
    background: linear-gradient(90deg, #838383 0%, #d3d3d3 100%); /** 1 | 2 **/
    position: relative;
    z-index: 1;
    color: #fff;
}
.hb_style2 a::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border: 0;
    border-top: 15px solid #838383;/** 1 **/
    border-bottom: 15px solid #838383;/** 1 **/
    border-left: 13px solid #d3d3d3;/** 2 **/
    margin-top: 0px;
    top: 0px;
    left: auto;
    right: -13px;
    height: 0px;
}
.hb_style2 span {display: none;}
/** ***************************** **//** ***************************** **/
.cat_home {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.cat_home a{overflow: hidden;}
.cat_home .el_hc {
    width: 15vw;
    /* border: 1px solid; */
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 15vw;
    overflow: hidden;
    background: #7e7e7e;
    margin: 3px;
    color: #fff;
}
/** ***************************** **//** ***************************** **/


/** ***************************** **//** ***************************** **/
.title_home {
    width: 90%;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
    border-radius: 10px;
}
.title_home h1{font-size: 26px;}
.title_home h2{}
.title_home h3 {font-size: 46px;}

.color_1 {color: #000;}

/** ***************************** **//** ***************************** **/


.logo {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    max-width: 400px;
    user-select: none;
    position: relative;
    z-index: 11;
}
.logo img{width: 100%;}



/** ***************************** **//** ***************************** **/


.title {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
}
.title h1{font-size: 30px;}

.title h1 {
    font-size: 28px;
    background: #000000;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 30px;
   
    font-size: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* transform: rotate(358deg); */
    /* margin-right: 10%; */
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: bold;
}
.title div {
    position: relative;
    z-index: rotate(358deg);
    width: 110px;
    height: 30px;
    background: #fff700;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(4deg);
    position: relative;
    z-index: 1;
    margin-top: -17px;
    border-radius: 20px;
}


.title h2{font-size: 30px;}
.title h3{font-size: 30px;}

/** ***************************** **//** ***************************** **/


.cat1 {
    text-align: center;
    padding-top: 30px;
}

.cat1 .el {
    margin-bottom: 9px;
    border-radius: 50px;
    /* padding-bottom: 10px; */
    /* text-decoration: underline; */
    border: 1px solid #ccc;
    display: table;
    /* line-height: 19px; */
    padding: 9px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    display: inline-block;

}

.cat1 .el:hover{background: #fff700;}




.cat1 .el1 {
    border-radius: 12px;
    display: table;
    font-weight: 600;
    display: inline-block;
    width: 13vw;
    overflow: hidden;
    margin-right: 1%;
    /* background: #ccc; */
    /* border: 1px solid #ccc; */
    vertical-align: top;
    border: 1px solid transparent;
    -webkit-transition: all 10s ease;transition: all 0.5s ease;
    margin-bottom: 10px;
}

.cat1 .el1:hover {border: 1px solid #ccc;}

.cat1 .el1:hover .im_box div {

    background-size: 120%;
 
}



.cat1 .el1 .im_box {
    /* height: 15vw; */
    overflow: hidden;
    width: 13vw;
    height: 13vw;
    border-radius: 12px;
}
.cat1 .el1 .im_box div {
    width: 100%;
    height: 20vw;
    /* overflow: hidden; */
    background-size: 100%;
    background-position: top;
    -webkit-transition: all 10s ease;transition: all 0.5s ease;
}

.cat1 .el1 .im_txt {
 
    width: 100%;
  
 
    /* padding-bottom: 11px; */
    position: relative;
}
.cat1 .el1 .im_txt div {
    width: 360px;
}
.cat1 .el1 .im_txt h4 {
    font-size: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: left;
    font-weight: 600;
    padding-left: 2%;
}

.cat1 .el1 .im_txt b {
    /* background: red; */
    position: absolute;
    height: 100%;
    width: 30%;
    right: 0px;
    /* background: rgb(2,0,36); */
    background: linear-gradient(270deg, #fff 0%, #ffffff0f 100%);
}


/** ************************************************* **/


/** *********************** BT FORMA-1 ****************** **/

.forma_bt1 {
    display: table;
    /* width: 100%; */
    /* height: 7em; */
    /* text-align: center; */
    /* margin-top: 20px; */
    margin-bottom: 20px;
    color: #fff;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    /* background: #e3e3e3; */
    border-radius: 100px;
}
.forma_bt1 .bl {
    display: table-cell;
    vertical-align: middle;
}
 
.forma_bt1 .box_bl {
    text-align: left;
    padding: 4%;
    /* padding-bottom: 5%; */
    padding-left: 8%;
    font-size: 28px;
    background: #000000;
    /* display: inline-block; */
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 30px;
    font-size: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* transform: rotate(358deg); */
    /* margin-right: 10%; */
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: bold;
}

 
.forma_bt1 .bl:nth-child(2) {
    /* background: #9F9; */
    width: 25%;
}


/** GALLERY **/
.gallery {width: 90%;margin-left: auto;margin-right: auto;position: relative;margin-top: 30px;text-align: center;margin-top: 60px;margin-bottom: 80px;}
.gallery .el_g {
    width: 14vw;
    height: 14vw;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    border-radius: 21px;
    margin-left: 0.51%;
    margin-right: 0.5%;
   
    background-size: 110px;
    background-color: #00000026;
}
.gallery .el_g a:hover > .zoom{display: block;}
.gallery .el_g .zoom {position: absolute;z-index: 2;height: 48px;width: 48px;left: 50%;margin-left: -24px;top: 50%;margin-top: -24px;display: none; }
.gallery .el_g a {display: inline-block;overflow: hidden;}
.gallery .el_g img {width: 150%;margin-left: -25%;opacity: 0;}



@media (max-width:950px){
.main_menu{}.gallery {width: 98%;}.gallery .el_g {width: 40vw;height: 40vw;}}
/** ************************** **/
 



.tab_1 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1000px;
}
.tab_1 .cont_tab {overflow: auto;margin-bottom: 50px;width: 100%;
/*
border-right: 1px solid #cbc9c9;border-left: 1px solid #cbc9c9;
*/
}
.tab_1 h3 {
    padding-bottom: 0px;
    font-weight: 100;
    font-size: 19px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0px;
    border: 2px solid #000;
    display: inline-block;
    border-bottom: navajowhite;
    padding: 8px;
    border-radius: 12px 12px 0px 0px;
    margin-left: 0px;
}
.tab_1 .table {display: table;width: 99.5%;border-collapse: collapse;overflow: auto;}
.tab_1 .d-tr {display: table-row;border-bottom: 1px dotted #ccc;}
.tab_1 .d-td {display: table-cell;text-align: center;border: none;vertical-align: middle;border-right: 1px dotted #ccc;font-weight: 600;text-align: left;font-size: 14px;}
.tab_1 .d-td b{}
.tab_1 .d-td:not(.no-p){padding: 9px;}
.tab_1 .type_t {background: #000;color: #fff;}
.tab_1 .type_l{}
.tab_1 .m_l{font-weight: 100;}
.tab_1 .m_l1{font-weight: 800;}

.tab_1 .m_h{background: #ccc;}

.tab_1 .m_h:not(.no-p){padding: 2px;}


.tab_1 .numt::after{content: "eur";padding-left: 3px;
    color: #a5a5a5;}



.tab_1 .des {
    font-weight: 100;
    padding: 15px;
    font-size: 14px;
}
.tab_1 .title2 {
    width: max-content;
    padding-left: 20px;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
}

.tab_1 .gr_tab {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    z-index: 2;
    right: 0px;
    height: 100%;
    width: 20px;
    margin-right: -2px;
    display: none;
}

@media (max-width:900px){
.tab_1 .d-td {min-width: 190px;font-size: 12px;} 
.tab_1 .gr_tab {display: block;}

.tab_1 {
   margin-right: 0px;
    width: 100%;
}
.tab_1 h3 {
    /* margin-left: 20px; */
    text-align: center;
    display: block;
    border: none;
}
.tab_1 .cont_tab {

    padding-left: 20px;
    
}
}




/** ************** FOOOOTER ************************* **/
.footer_menu{}
.footer_menu .level2,
.footer_menu .level3{
border-left: 1px solid;display: block;margin-left: 40px;
border-color: #9d9d9d;}

.footer_menu .level1,
.footer_menu .level2,
.footer_menu .level3,
.footer_menu .level4,
.footer_menu .level5{}

.footer_menu .level1 a,
.footer_menu .level2 a,
.footer_menu .level3 a,
.footer_menu .level4 a,
.footer_menu .level5 a{color: #000;}

.footer_menu .level1 a {font-weight: bold;}
.footer_menu .level2 a {padding-left: 5px;}
.footer_menu .level3 a {padding-left: 5px;}
.footer_menu .activ_footer a {
    text-decoration: none;
    color: #000;
   
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    margin-left: 4px;
    border: 1px solid;
}

.palitra{display: inline-block;margin-top: 20px;}
.palitra p {display: inline-block;width: 16px;height: 16px;cursor: pointer;margin-right: 3px;border: 1px solid #ccc;}
.palitra .akp{/**box-shadow: inset 0px 0px 3px #000;*/border-radius: 50%;}

.footer {width: 100%;position: relative;text-align: center;overflow: hidden;margin-top: 0px;position: relative;
z-index: 10;box-shadow: 0px 0px 10px #0000001c;background: #000;color: #fff;}
.footer .box {width: 90%;text-align: center;margin: auto;overflow: hidden;padding-bottom: 40px;padding-top: 0px;max-width: 1200px;}
.footer .left,.footer .centre,.footer .right{min-height: 100px;display: inline-block;vertical-align: top;}
.footer ul{}
.footer ul li{}
.footer ul li a{color: #fff;}

/** FOOTER LEFT **/
.footer .left {width: 20%;text-align: left;padding-right: 4%;padding-top: 5%;box-shadow: 66px -86px 54px #cbcbcb2b;}
.left span{display: block;margin-left: 10px;}
.left div img{width: 100%;}
.left span img{opacity: 1;width: 100%;}
.left span img:hover{opacity: 0.7;}
.footer .left div{padding-left: 14px;}
.footer .left b{font-size: 20px;}
.footer .left p {max-width: 250px;font-size: 9px;line-height: 12px;padding-top: 10px;padding-bottom: 10px;}
.footer .left a {text-decoration: none;font-weight: bold;font-size: 24px;}
.footer .left a:hover{text-decoration: underline; }
.footer .left b a {font-size: 10px;font-weight: normal;text-decoration: underline;color: #fff;}
.footer .left b a:hover{text-decoration: none;}
.footer .centre{    width: 35%;}
.footer .centre .box_a {text-align: left;padding-top: 20px;padding-left: 20px;}
.footer .centre .box_a a {font-size: 12px;font-weight: normal;color: #fff;}

.footer .centre a:hover{text-decoration: underline;color: #fff700;}
.logo_market {text-align: left;padding-left: 14px;padding-top: 9px;}
.logo_market a {height: 35px;display: inline-block;border: none;}
.logo_market img{height: 100%;filter: grayscale(0);transition: 0.5s;}
.logo_market img:hover{filter: grayscale(100);}
/** FOOTER centre **/
.footer .right {width: 35%;padding-top: 50px;text-align: right;position: relative;    text-align: right;}
.footer .right hr{
    border: none;
    height: 1px;
    background: #ffffff2e;
}

.br_wa {
    border: 1px solid #fff;
    border-radius: 50px;
    text-align: center;
    /* width: 150px; */
    /* float: right; */
    margin-bottom: 20px;
    display: inline-block;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
   background: #000000;
}
.br_wa:hover{ box-shadow: 0px 0px 30px #ffffff;border: 1px solid #000;}
.br_wa a{color: #fff;overflow: hidden;}

.footer .right .tel,.footer .right .tel a{font-size: 29px;font-weight: bold;text-decoration: none;    color: #fff;}
.footer .right small{color: #000;font-weight: normal;font-size: 14px;display: block;}
.footer .right .tel a:hover{text-decoration: underline;color: #fff;}
.footer .right .soc {padding-top: 15px;}
.footer .right .email {padding-top: 15px;}
.footer .right .email a {font-size: 22px;color: #fff;}
.footer .right .email a:hover{text-decoration: none;}
.footer .right .rst {position: relative;bottom: 0px;margin-top: 14px;right: 0px;}
.footer .right .rst img{width: 100%;opacity: 0.4;}
/** **/
.footer .copy {width: 100%;padding-top: 20px;padding-bottom: 20px;font-size: 12px;
font-weight: normal;
background: #080808
}
.footer .copy b {padding-right: 5px;font-weight: bold;}
.footer .copy p{}
.footer .copy a {text-decoration: none;letter-spacing: 0.2px;color: #fff;}

/** MEDIA-MOBIL  hover **/
@media (max-width:900px){
.test{}

.br_wa{}
.footer_menu .level2, .footer_menu .level3 {border: none;margin-left: 0px;}
.footer .box {width: 100%;max-width: none;}
.footer .left {width: 80%;text-align: center;padding-bottom: 30px;    padding-right: 0%;padding-top: 20px;box-shadow: none;}
.left span {display: inline-block;padding-right: 0px;padding-right: 0%;margin-left: 0px;}
.footer .left div {padding-left: 0px;}
.footer .left p {margin-left: auto;margin-right: auto;}
.footer .centre {width: 100%;}
.footer .centre .box_a {text-align: center;padding-top: 20px;padding-left: 0px;width: 80%;margin: auto;padding-bottom: 20px;}
.footer .centre .box_a a {display: inline-block;padding-right: 10px;padding-left: 10px;}
.logo_market {text-align: left;padding-left: 0px;padding-top: 0px;width: 90%;text-align: center;margin: auto;}
.footer .right {width: 90%;padding-top: 50px;text-align: center;position: relative;margin: auto;}
.footer .right .tel {font-size: 20px;}
.footer .copy {font-size: 9px;}
} 
/** END FOOOOTER ************ **/

.about_page {
    text-align: center;
    /* border-bottom: 1px solid #000; */
    padding-bottom: 45px;
    /* margin-bottom: 50px; */
}
.about_page hr {
    border: none;
    height: 1px;
    background: #dfdfdf;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 25px;
}
.page_forma1{
    background: #000;
}