.company,.companyl{
    background: #FFC80A;
    overflow: hidden;
    padding-bottom: 100px;
    position: relative;
    /*background: linear-gradient(-45deg, #EE7752, #E73C7E, #FFC809,#FFC809);
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
    */
}
.company > span,.company > h1,.companyl > span{
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #FFF;
    background: #222222;
    font-size: 28px;
    line-height: 60px;
    
    margin: 0;
    font-weight: normal;
}
.company a > b,.companyl a > b{
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 0 10px;
    color: #000;
}
.company a .arh{//Архив
    display: block;
    position: absolute;
    right: 10px;
    top: 36px;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background: #E00004;
}
.company a .top{//Топ
    display: block;
    position: absolute;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background: green;
}

.company .slick-slide{margin: 0 10px 0 0;}

.companyl a{
    display: block;
    width: 31.3%;
    height: 180px;
    float: left;
    margin: 20px 1% 0;
    box-shadow: 1px 1px 3px #888;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.companyl a span{width: 40%; float: left; overflow: hidden;}
.companyl a img{width: 100%; height: 100%; display: block;}

.companyl a div{width: 60%; float: left;}
.companyl h2{color: #000; width: 80%; margin: 0 15px; font-size: 1.2em;}
.companyl p{color: #000; margin: 15px; font-size: 1em;}


/*----------------------*/
.company a,#reklama:not(:empty){
    display: block;
    width: 23%;
    height: 375px;/*375*/
    float: left;
    margin: 20px 1% 0;
    box-shadow: 1px 1px 3px #888;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.post_kontact #reklama:not(:empty){width: auto; height: auto; background: #fff; border-radius: 5px;}
#reklama a{
    display: inline;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    box-shadow: none;
}
.event_arg > #reklama:not(:empty){
    width: 100%;
    padding: 0;
    background: none;
    box-shadow: none;
    margin: 20px 0 0 0;
    height: auto;
}

.company a img{width: 100%; margin: 0 auto; display: block;}
.company a > div{width: 100%; position: absolute; bottom: 0; min-height: 75px; background: #fff;}
.company a h2{font-size: 1.2em; width: 94%; color: #000;}
.company a p{color: #000; margin: 10px 15px;}
/*------------------------------*/
@media (max-width:1100px){/*1224*/
    .event_cont{width: 80%; float: none; margin: 0 auto;}
    .event_arg{width: 80%; float: none; margin: 30px auto;}
    .post_text{width: 90%; float: none; margin: 30px auto 0;}
    .post_kontact{width: 50%; float: none; margin: 30px auto;}
    .post_img img{float: none; margin: 0 auto 20px auto;}


    .company a,#reklama:not(:empty){width: 31.3%;}
    .event_arg #reklama:not(:empty){float: none;}
    .post_kontact #reklama:not(:empty){width: auto; height: auto; background: #fff; border-radius: 5px; float: none;}
    .companyl a{width: 48%;}

    .heder .menu_cat{height: 60px; width: 100%; position: relative; overflow: hidden; border-bottom: solid 1px #fff;}
    .heder .menu_cat:after{
        content: '\2630';
        font-family: 'entypo';
        color: #fff;
        font-size: 30px;
        line-height: 60px;
        position: absolute;
        right: 30px;
        top: 0px;
    }
    .heder .menu_cat:before{
        content: 'Меню';
        color: #fff;
        font-size: 25px;
        line-height: 60px;
        position: absolute;
        left: 30px;
    }
    .heder .menu_cat:hover{height: auto;}
    .heder .menu_cat ul{margin-top: 60px; display: block;}
    .heder .menu_cat ul li{border-top: 1px solid #292929;}
    .heder .menu_cat ul li a{font-size: 18px; height: 50px; line-height: 50px;}
    .heder .menu{height: auto; overflow: auto;}
    .heder .menu_cat > ul > li{float: none;}
    .footer_n_menu .menu{display: none;}
}
/*--------------------------------*/
@media (max-width: 768px) {
    .content h1{font-size: 1.3em;}
    .event_bg{padding: 20px;}
    .event_cont{width: 100%; float: none; margin: 0 auto;}
    .event_arg{width: 100%; float: none; margin: 30px auto;}
    .post_kontact{width: 80%; float: none; margin: 30px auto;}
    .post_img img{float: none; margin: 0 auto 20px auto;}

    .company a,#reklama:not(:empty){width: 48%; margin: 20px 1%; float: left;}
    .post_kontact > #reklama:not(:empty){width: auto; height: auto; background: #fff; border-radius: 5px; float: none;}
    .companyl a{width: 98%;}
    .company > span,.company > h1,.companyl > span{font-size: 1.2em;}

    .logo{
        width: 55%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin: 50px auto 0 auto;
    }
    .slider_b{margin-bottom: 1px;}

    .menu_city{margin: 11px 0 0 35px;}
    .menu_ul{padding-left: 35px; z-index: 2;}
    #serch{width: 80%;}
    #serch input[type=text]{width: 79%;}
    #serch input[type=submit]{width: 19%;}

    .event_cont .line,.event_cont > b{width: 100%; background-size: contain;}

    .content h1, .main_text > span{font-size: 1.3em;}
    .rassilka{background: #FFC809;}
    .rassilka span:nth-child(1){font-size: 1.2em;}
    .rassilka .tb{font-size: 1.5em;}
    .rassilka form{width: 100%; margin: 30px auto 0 auto;}
    .rassilka form #event{display: none;}
    .rassilka select,.rassilka input[type=email],.rassilka input[type=submit]{
        display: block;
        width: 80%;
        position: static;
        margin: 0 auto 10px auto;
        border: none;
        border-radius: 0;
        padding: 0 25px;
    }

    .footer_s{width: 100%; height: auto; background: url("../images/korona.png") 40% top no-repeat;}
    .footer_n{padding: 0 20px;}
    .footer_n > ul{margin: 20px auto;}
    .footer_n > ul > li{width: 100%; float: none;}
    .footer_n > ul > li > ul{padding: 0;}
    .footer_n > ul > li > span{display: none;}
    .footer_n > ul > li > ul > li{line-height: 30px;}
    .footer_n ul > li > ul > li:hover{background: #bf000c;}

    /*.footer_n_menu .soc{width: 200px; margin: 0 auto; padding: 0;}*/

    .post_text{width: 90%;}
    /*.post_img{width: 90%;}
    .post_img img{width: 30%; height: auto; margin: 0 1%;}*/

    .user_action > span{font-size: 1.4em;}
    .user_action + div{width: 100%; margin: 0 auto;}
    .img_del{width: 33.3%; position: relative; float: left; overflow: hidden;}
    .img_del img{width: 100%;}
    .f_load > button{width: 30%;}
    .f_load input[type=file]{width: 30%;}
    .f_load input[type=submit]{width: 30%;}
    .but_del{width: 90%;}
    .user_content input[type=text], .user_content select, .user_content input[type=password], .user_content input[type=email],
    .user_content input[type=submit]{width: 100%;}
    .user_content textarea{width: 100%; min-width: 0;}

    .u_bb{width: 100%; font-size: 40px; padding-top: 100px;}
    .u_sb{width: 300px; font-size: 26px; padding-top: 68px; margin: 0 auto; display: block;}

    .menu_ul li a{line-height: 30px;}

    #serch{width: 80%;}
    #serch input[type=text]{width: 75%;}
    #serch input[type=submit]{width: 22%;}

    .baners a div{width: 50%; height: 200px;}
    .baners div > span{height: 90%;}

    .heder .menu_cat{height: 60px; position: relative; overflow: hidden;}
    .heder .menu_cat:after{
        content: '\2630';
        font-family: 'entypo';
        color: #fff;
        font-size: 30px;
        line-height: 60px;
        position: absolute;
        right: 30px;
        top: 0px;
    }
    .heder .menu_cat:before{
        content: 'Меню';
        color: #fff;
        font-size: 25px;
        line-height: 60px;
        position: absolute;
        left: 30px;
    }
    .heder .menu_cat:hover{height: auto;}
    .heder .menu_cat ul{margin-top: 60px;}
    .heder .menu_cat ul li{border-top: 1px solid #292929;}
    .heder .menu_cat ul li a{font-size: 18px; height: 50px; line-height: 50px;}
    .heder .menu{height: auto; overflow: auto;}
    .heder .menu_cat > ul > li{float: none;}

    .rassilka{background: #FFC809;}
    .rassilka span:nth-child(1){font-size: 1.2em;}
    .rassilka .tb{font-size: 1.5em;}
    .rassilka form{width: 100%; margin: 30px auto 0 auto;}
    .rassilka form #event{display: none;}
    .rassilka select,.rassilka input[type=email],.rassilka input[type=submit]{
        display: block;
        width: 80%;
        position: static;
        margin: 0 auto 10px auto;
        border: none;
        border-radius: 0;
        padding: 0 25px;
    }
}

@media (max-width: 600px) {
    #reklama:not(:empty){height:auto;}
    .company > a,#reklama:not(:empty){width: 90%; margin: 20px auto 0 auto; float: none;}
}

/*.company a{
    display: block;
    width: 300px;
    //width: 23%;
    height: 350px;
    float: left;
    margin: 20px 1%;
    box-shadow: 1px 1px 3px #888;
    background: #fff;
    padding: 10px;
    overflow: hidden;
}
.company a span{display: block; width: 100%; height: 200px; overflow: hidden;}
.company a img{margin: 0 auto; display: block;}
.company a h2{font-size: 1.2em; color: #000; margin: 10px 15px;}
.company a p{color: #000; margin: 10px 15px;}
*/