body
{
    background-color: white;
    
}

.my_container
{
    
}

/*-------------------- HEADER -------------------------------------*/

header
{
    margin-top: -8px;
}

/*-------------------- КОНЕЦ HEADER ----------------*/





/*-------------------- LEFT_PANEL -----------------------------------*/

/*.left_panel
{
    float: left;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 240px;
    margin-right: 10px;
    min-height: 700px;
}

.item_left_panel
{
    font: bold small-caps 35px El Messiri;
    margin-top: 10px;
    color: #19248a;
}

.item_left_panel form
{
    display: inline-block;
}

.item_left_panel a
{
    color: #19248a;
    text-decoration: none;
}

.item_left_panel input[type="search"]
{
    background-color: #f8fad7;
    font: bold 12px 'Times';
    width: 150px;
    height: 30px;
    padding-left: 5px;
    border: 2px solid #f2f2f7;
    border-radius: 5px;
    box-shadow: 0 0 3px #999;
}

.item_left_panel input[type="search"]:focus
{
    background-color: #b5e1f5;
    
}

.item_left_panel button
{
    width: 70px;
    height: 30px;
    margin-left: 4px;
    border: 1px solid #fafaf2;
    border-radius: 5px;
    box-shadow: 0 0 3px #999;
    font: bold 14px Arial;
    color: #19248a;
    background-color: #fafaf2;
}

.item_left_panel button:active
{
    background-color: #f6faaa;
}*/

.under_menu_logo
{
    width: 125px;
    margin: 0 auto;
}

.under_menu_logo img
{
    width: 95%;
}

.website_title
{
    color: #19248a;
    font: bold small-caps 50px El Messiri;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0 0 10px #b82a2d;
    min-width: 65px;
}

.under_menu_flags
{
    width: 85px;
    margin: 5px auto;
}

.under_menu_flags img
{
    width: 44%
}

.under_menu_auth
{
    width: 130px;
    margin: 0 auto;
}

.under_menu_auth a
{
    color: #19248a;
    text-decoration: none;
}

.login
{
    margin-top: 0px;
    background-color: #f2f2f7;
    /*width: 130px;*/
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font: bold small-caps 20px El Messiri;
    text-decoration: none;
    box-shadow: 0 0 10px #999;
}

.login:hover
{
    background-color: #e1e1ed;
    box-shadow: 0 0 10px black;
}

.username
{
    text-align: center;
    margin-top: 10px;
    color: #a60024;
    font: bold 20px El Messiri;
}

.username a, .username a:visited
{
    text-decoration: none;
    color: #a60024;
}

@media screen and (min-width: 0)
{
    .under_menu_logo
    {
        width: 50px;
    }
    
    .website_title
    {
        font-size: 16px;
        box-shadow: 0 0 4px #b82a2d;
    }
    
    .under_menu_flags
    {
        width: 55px;
    }
    
    .under_menu_auth
    {
        width: 60px;
    }
    
    .login
    {
        font-size: 14px;
        box-shadow: 0 0 3px #999;
    }
    
    .login:hover
    {
        box-shadow: 0 0 3px black;
    }
    
    .username
    {
        font-size: 14px;
    }
}

@media screen and (min-width: 576px)
{
    .under_menu_logo
    {
        width: 65px;
    }
    
    .website_title
    {
        font-size: 20px;
        box-shadow: 0 0 4px #b82a2d;
    }
    
    .under_menu_flags
    {
        width: 55px;
    }
    
    .under_menu_auth
    {
        width: 60px;
    }
    
    .login
    {
        font-size: 14px;
        box-shadow: 0 0 3px #999;
    }
    
    .login:hover
    {
        box-shadow: 0 0 3px black;
    }
    
    .username
    {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px)
{
    .under_menu_logo
    {
        width: 85px;
    }
    
    .website_title
    {
        font-size: 27px;
        box-shadow: 0 0 6px #b82a2d;
    }
    
    .under_menu_flags
    {
        width: 65px;
    }
    
    .under_menu_auth
    {
        width: 80px;
    }
    
    .login
    {
        font-size: 16px;
        box-shadow: 0 0 5px #999;
    }
    
    .login:hover
    {
        box-shadow: 0 0 5px black;
    }
    
    .username
    {
        font-size: 16px;
    }
}

@media screen and (min-width: 992px)
{
    .under_menu_logo
    {
        width: 100px;
    }
    
    .website_title
    {
        font-size: 37px;
        box-shadow: 0 0 8px #b82a2d;
    }
    
    .under_menu_flags
    {
        width: 75px;
    }
    
    .under_menu_auth
    {
        width: 100px;
    }
    
    .login
    {
        margin-top: 10px;
        font-size: 18px;
        box-shadow: 0 0 7px #999;
    }
    
    .login:hover
    {
        box-shadow: 0 0 7px black;
    }
    
    .username
    {
        font-size: 18px;
    }
}

@media screen and (min-width: 1200px)
{
    .under_menu_logo
    {
        width: 125px;
    }
    
    .website_title
    {
        font-size: 42px;
        box-shadow: 0 0 10px #b82a2d;
    }
    
    .under_menu_flags
    {
        width: 85px;
    }
    
    .under_menu_auth
    {
        width: 130px;
    }
    
    .login
    {
        margin-top: 10px;
        font-size: 20px;
        box-shadow: 0 0 10px #999;
    }
    
    .login:hover
    {
        box-shadow: 0 0 10px black;
    }
    
    .username
    {
        font-size: 20px;
    }
}


/*-------------------- КОНЕЦ LEFT_PANEL --------------*/




/*-------------------- MENU + CLEARFIX -------------------------------*/

.navbar.fixed_hidden
{
    position: fixed;
    z-index: 999;
    top: 0;
    opacity: 0;

}

.navbar.fixed_visible
{
    position: fixed;
    z-index: 999;
    top: 0;
    opacity: 0.85;
    transition: opacity 1.5s;
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -moz-transition: opacity 1.5s;
}

.bg_dark {
    /*background-color: #343a40!important*/
    background-color: #222;
}

.clearfix
{
    margin-top: 0px;
    margin-bottom: -49px;
}

.top
{
    background-color: #222;
}

.menu_main_page
{
    position: absolute;
    left: 130px;
}

.menu
{
    z-index: 100;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0px;
    width: 1500px;
    position: relative;
    left: 240px;
    background-color: #222;
}

#menu_inner
{
    position: absolute;
    top: -400%;
    background-color: #222;
    /*display: none;*/
    transition: 0.7s ease-out;
    transition-delay: 0.2s;
    opacity: 0;
}

.menu_item, .menu_main_page
{
    width: 120px;
    height: 25px;
    text-align: center;
    margin-bottom: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font: bold small-caps 18px El Messiri;
}

.menu_item_inner
{
    width: 120px;
    height: 25px;
    padding-top: 0px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font: bold small-caps 15px El Messiri;
}

.menu div:hover, .menu_main_page:hover
{
    background-color: black;
    color: #a2abfa;
}

.menu div:hover #menu_inner
{
    display: block;
    position: absolute;
    top: 94%;
    opacity: 1;
}

.menu div .menu_item_inner:hover
{
    background-color: black;
    color: #e0523d;
}

.menu a
{
    color: white;
    text-decoration: none
}

ul .active_kw
{
    color: #7583fa;
}


/*-------------------- КОНЕЦ MENU+CLEARFIX ----------------*/




/*-------------------- CONTENT ---------------------------------------*/

.content
{
    /*margin-left: 250px;*/
    margin-bottom: 20px;
    max-width: 1400px;
    min-height: 500px;
}

/*-------------------- КОНЕЦ CONTENT --------------*/




/*-------------------- MAIN -------------------------------------------*/


/*-------------------- КОНЕЦ MAIN ----------------*/




/*-------------------- ARTICLES ----------------------------------------*/

.menu_articles
{
    /*margin: 10px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.menu_articles a
{
    text-decoration: none;
}

.item_menu_articles
{
    margin: 5px;
    padding: 3px;
    height: 30px;
    width: 160px;
    background-color: #e8d187;
    color: #2248e0;
    text-align: center;
    font: 17px 'Vollkorn';
    box-shadow: 0 0 4px black;
}

.item_menu_countries:hover, .item_menu_countries_russia:hover
{
    background-color: #1fbfb5;
}

.select_country
{
    width: 145px;
    height: 30px;
    margin: 5px auto;
    display: block;
    text-align: center;
    background-color: #5ed1c9;
    border-radius: 5px;
}

.select_country:hover
{
    background-color: #1fbfb5;
}

.dropdown a
{
    color: #004078;
    text-decoration: none;
}

@media screen and (min-width: 0)
{
   .item_menu_articles
    {
        margin: 1px;
        padding: 2px;
        height: 18px;
        width: 112px;
        font: 12px 'Vollkorn';
    }
    
    .select_country
    {
        width: 130px;
        height: 25px;
        font-size: 14px;
    }
}

@media screen and (min-width: 300px)
{
   .item_menu_articles
    {
        margin: 3px;
        padding: 2px;
        height: 20px;
        width: 125px;
        font: 12px 'Vollkorn';
    } 
}

@media screen and (min-width: 350px)
{
   .item_menu_articles
    {
        margin: 5px;
        padding: 2px;
        height: 25px;
        width: 135px;
        font: 14px 'Vollkorn';
    }
    
    .select_country
    {
        width: 145px;
        height: 30px;
        font-size: 16px;
    }
}

@media screen and (min-width: 576px)
{
   .item_menu_articles
    {
        margin: 5px;
        padding: 3px;
        height: 25px;
        width: 145px;
        font: 15px 'Vollkorn';
    } 
}

@media screen and (min-width: 992px)
{
   .item_menu_articles
    {
        margin: 5px;
        padding: 3px;
        height: 30px;
        width: 160px;
        font: 17px 'Vollkorn';
    } 
}

.item_menu_articles:hover
{
    background-color: #c9ac4b;
}

.menu_countries
{
    margin: 5px;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.menu_countries a
{
    text-decoration: none;
}

.item_menu_countries
{
    margin: 1px;
    padding-top: 4px;
    height: 25px;
    width: 140px;
    background-color: #5ed1c9;
    color: #004078;
    text-align: center;
    font: 13px 'Vollkorn';
    box-shadow: 0 0 3px black; 
}

.dropdown-item_russia {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #75a9e0;
    border: 0
}

.item_menu_countries_russia
{
    margin: 1px;
    padding-top: 4px;
    height: 25px;
    width: 140px;
    background-color: #37b0a8;
    color: #004078;
    text-align: center;
    font: 13px 'Vollkorn';
    box-shadow: 0 0 3px black; 
}

.container_articles
{
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    /*max-width: 1700px;*/ 
}

.item_articles
{
    width: 250px;
    height: 250px;
    margin: 10px;
    text-align: center;
    color: #4943bf;
    transition: 0.5s;
    /*background-color: #f0eded;*/
    box-shadow: 0 1px 5px #403f45;
}

.item_articles:hover
{
    box-shadow: 0 8px 20px black;
    background-color: white;
    /*color: #1910b5;*/
    color: #a80022;
    transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    transition: transform box-shadow 0.2s ease-in-out;
    -moz-transition: transform box-shadow 0.2s ease-in-out;
}

.item_articles img
{
    width: 100%;
    /*width: 250px;*/
    height: 150px;
}

/*.h6_kw
{
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.1;
    font-size: 1rem
}*/

.item_articles_title
{
    width: 100%;
    text-align: center;
    line-height: 100px;
}

.item_articles_title_inner
{
    display: inline-block;
    width: 100%;
    padding: 0 5px;
    font-size: 16px;
    /*font-weight: bold;*/
    line-height: normal;
    vertical-align: middle;
}

/*.block_upper
{
    height: 45px;
}

.block_lower
{
    height: 25px;
    color: #b31d0c;
}*/

@media screen and (min-width: 0)
{    
    .item_articles
    {
        width: 120px;
        height: 175px;
        margin: 6px 2px;
    }
    
    .item_articles:hover
    {
        box-shadow: 0 5px 14px black;
        transform: translate(0px, -6px);
    }
    
    .item_articles img
    {
        height: 80px;
    }
    
    /*.h6_kw
    {
        font-weight: 700;
        line-height: 1.0;
        font-size: 0.7rem;
    }*/
    
    .item_articles_title
    {
        line-height: 95px;
    }

    .item_articles_title_inner
    {
        padding: 0 3px;
        /*font-size: 13px;*/
        font: 13px 'Vollkorn';
    }
}

@media screen and (min-width: 350px)
{
    .item_articles
    {
        width: 150px;
        height: 180px;
        margin: 8px 5px;
    }
    
    .item_articles:hover
    {
        box-shadow: 0 6px 16px black;
    }
    
    .item_articles img
    {
        height: 90px;
    }
    
    /*.h6_kw
    {
        font-size: 0.8rem
    }*/
    
    .item_articles_title
    {
        line-height: 90px;
    }

    .item_articles_title_inner
    {
        padding: 0 4px;
        /*font-size: 13px;
        font-weight: bold;*/
        font: 500 14px 'Vollkorn';
    }
}

@media screen and (min-width: 576px)
{
    .item_articles
    {
        width: 160px;
        margin: 7px 5px;
    }
    
    /*.h6_kw
    {
        font-weight: bold;
    }*/
    
    .item_articles_title
    {
        line-height: 90px;
    }

    .item_articles_title_inner
    {
        padding: 0 4px;
        /*font-size: 14px;
        font-weight: bold;*/
        font: 500 14px 'Vollkorn';
    }
}

@media screen and (min-width: 768px)
{
    .item_articles
    {
        height: 190px;
        margin: 8px 6px;
    }
    
    .item_articles:hover
    {
        box-shadow: 0 8px 20px black;
        transform: translate(0px, -8px);
    }
    
    /*.h6_kw
    {
        font-size: 0.9rem
    }*/
    
    .item_articles_title
    {
        line-height: 100px;
    }

    .item_articles_title_inner
    {
        padding: 0 4px;
        /*font-size: 14px;*/
        font: 500 14px 'Vollkorn';
        /*font-weight: bold;*/
    }
}

@media screen and (min-width: 992px)
{
    .menu_countries
    {
        display: flex;
    }
    
    .select_country
    {
        display: none;
    }
    .item_articles
    {
        width: 200px;
        height: 200px;
        margin: 8px;
    }
    
    .item_articles:hover
    {
        transform: translate(0px, -10px);
    }
    
    .item_articles img
    {
        height: 120px;
    }
    
    /*.h6_kw
    {
        line-height: 1.1;
    }*/
    
    .item_articles_title
    {
        line-height: 80px;
    }

    .item_articles_title_inner
    {
        padding: 0 4px;
        /*font-size: 15px;*/
        font: 500 15px 'Vollkorn';
    }
}

@media screen and (min-width: 1200px)
{
    .item_articles
    {
        width: 250px;
        height: 250px;
        margin: 10px;
    }
    
    .item_articles img
    {
        height: 150px;
    }
    
    /*.h6_kw
    {
        font-size: 1rem
    }*/
    
    .item_articles_title
    {
        line-height: 100px;
    }

    .item_articles_title_inner
    {
        padding: 0 5px;
        /*font-size: 16px;*/
        font: 500 17px 'Vollkorn';
    }
}

/*-------------------- КОНЕЦ ARTICLES ------------------*/




/*-------------------- ARTICLE_i ---------------------------*/

.container_article_i
{
    width: 100%; 
    margin: auto;
}

.article_date
{
    float: right;
    font-size: 12px;
}

.title_article_i
{
    clear: both;
    margin-bottom: 10px;
    text-align: center;
    font: bold small-caps 32px 'EB Garamond';
}

.date_article_i
{
    text-align: center;
    margin-bottom: 10px;
    font: 20px 'Pattaya'
}

.flex_container_1
{
    width: 100%;
}

.image_upper_article_i
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    margin-bottom: 15px;
}

/*.image_upper_article_i div
{
    width: 50%;
    margin: 10px;
}*/

.image_upper_article_i img
{
    width: 100%;
    box-shadow: 0 0 10px black;
}

.wide_image
{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.wide_image img
{
    max-width: 100%;
    box-shadow: 7px 7px 13px black;
}

.image_left_article_i
{
    float: left;
    max-width: 40%;
    padding-right: 20px;
}

.image_left_article_i img
{
    width: 100%;
    /*max-width: 100%;*/
    box-shadow: 7px 7px 13px black;
}

.flex_text
{
    width: 100%; 
}

.text_article_i
{
    display: flex;
    flex-direction: column;
    color: dimgray;
    box-shadow: 0 0 10px black;
    margin: 20px 0 20px;
    padding: 10px;
    font: 22px 'Vollkorn';
    background-color: #e8d187;
}

.files_article_i
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.files_item
{
    width: 140px;
    background-color: #e8d187;
    color: #2248e0;
    height: 25px;
    margin: 3px;
    text-align: center;
    font: 17px 'Vollkorn';
    box-shadow: 0 0 4px black;

}

.other_images_article_i
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 15px;
}

.other_images_article_i div
{
    max-width: 49%;
    margin: 0.5%;
}

.other_images_article_i img
{
    width: 100%;
    box-shadow: 3px 3px 16px black;
}

.city_description_article_i
{
    margin: 15px 0;
    font: 18px 'Kurale';
}

.city_photo_article_i
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}

.city_photo_article_i div
{
    width: 50%;
    margin: 10px;
}

.city_photo_article_i img
{
    width: 100%;
    min-width: 200px;
    box-shadow: 0 0 15px #0016a6;
    border-radius: 20px;
}

@media screen and (min-width: 0)
{
    .title_article_i
    {
        font-size: 20px;
    }
    
    .date_article_i
    {
        font-size: 14px
    }
    
    .text_article_i
    {
        font-size: 18px;
    }
    
    .image_left_article_i
    {
        float: none;
        display: flex;
        justify-content: center;
        max-width: 100%;
        padding-right: 0;
    }
    
    .other_images_article_i div
    {
        max-width: 100%;
    }
    
    .city_description_article_i
    {
        font-size: 16px;
    }
    
    .city_photo_article_i
    {
        flex-wrap: wrap;
    }
    
    .city_photo_article_i div
    {
        width: 100%;
    }
}

@media screen and (min-width: 768px)
{
    .title_article_i
    {
        font-size: 26px;
    }
    
    .date_article_i
    {
        font-size: 16px
    }
    
    .text_article_i
    {
        font-size: 20px;
    }
    
    .image_left_article_i
    {
        float: left;
        max-width: 50%;
        padding-right: 20px;
    }
    
        .other_images_article_i div
    {
        max-width: 49%;
        margin: 0.5%;
    }
    
    .city_description_article_i
    {
        font-size: 18px;
    }
    
    .city_photo_article_i
    {
        flex-wrap: nowrap;
    }
    
    .city_photo_article_i div
    {
        width: 50%;
    }
}

@media screen and (min-width: 992px)
{
    .title_article_i
    {
        font-size: 30px;
    }
    
    .date_article_i
    {
        font-size: 20px
    }
    
    .text_article_i
    {
        font-size: 22px;
    }
    
    .image_left_article_i
    {
        float: left;
        max-width: 40%;
        padding-right: 20px;
    }
}


.additional_text
{
    margin: 10px 0;
}

.additional_text a, .additional_text a:visited
{
    color: dodgerblue;
    text-decoration: none;
}


/*-------------------- КОНЕЦ ARTICLE_i -------------*/




/*-------------------- photo.html -------------------------------------*/

.container_gallery
{
    background-color: #222;
}

.text-white img
{
    opacity:0.95;
}

.text-white:hover img
{
    opacity:1;
}

.top_block
{
    font-size: 12px;
}

.bottom_block
{
    font: 16px 'Vollkorn';
    /*line-height: 0.9em;*/
}

.card-img-overlay
{
    background: #000;
    background: linear-gradient(0deg,
                rgba(0,0,0,1) 0%,
                transparent 40%,
                transparent 70%,
                rgba(0,0,0,.5) 100%)
}

@media (min-width: 0px)
{
    .card-columns
    {
        column-count: 1;
    }
    
    .card-img-overlay
    {
        background: linear-gradient(0deg,
                    rgba(0,0,0,0.7) 0%,
                    rgba(0,0,0,.4) 100%)
    }
    
    .bottom_block
    {
        font: 13px 'Vollkorn'; 
    }
}

@media (min-width: 350px)
{
    
    .bottom_block
    {
        font: 16px 'Vollkorn'; 
    }
    
    .card-img-overlay
    {
        background: linear-gradient(0deg,
                    rgba(0,0,0,1) 0%,
                    transparent 70%,
                    rgba(0,0,0,.5) 100%)
    }
}

@media (min-width: 576px)
{
    .card-columns
    {
        column-count: 1;
    }
}

@media (min-width: 768px)
{
    .card-columns
    {
        column-count: 2;
    }

}

@media (min-width: 1200px)
{
    .card-columns
    {
        column-count: 3;
    }
    
    .card-img-overlay
    {
        background: linear-gradient(0deg,
                    rgba(0,0,0,1) 0%,
                    transparent 40%,
                    transparent 70%,
                    rgba(0,0,0,.5) 100%)
    }
}

.gallery_title
{
    color: #fff;
    text-align: center;
    margin: 10px 0 0;
}

.slideshow_button
{
    width: 200px;
    margin: 15px auto 0;
}

.btn-info {
    font-weight: bold;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:focus {
    box-shadow: 0 0 0;
}

#slideshow
{
    width: 100%;
    margin: auto;
    display: none;
}

@media (min-width: 1200px)
{
    #slideshow
    {
        width: 80%;
    }  
}

.carousel-inner
{
    box-shadow: 0 0 10px #898794;
}

.photo_item
{
    margin-top: 20px;
}

.photo_item img
{
    box-shadow: 0 0 10px white;
}

/*-------------------- КОНЕЦ photo.html ------------------*/




/*-------------------- video.html----------------------------------------*/

.video_item
{
    height: 125px;
    background-color: #94781c;
}

.video_item:hover
{
    background-color: #b38e15;
}

.video_item_link
{
    text-decoration: none;
    margin-left: 10px;
}

.video_item_link:hover
{
    text-decoration: none;
}

.youtube_embedded
{
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube_embedded iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}

/*-------------------- КОНЕЦ video.html ------------------*/




/*-------------------- editor_in_chief.html-------------------------------*/

.item_articles_editor
{
    width: 250px;
    height: 250px;
    margin: 10px;
    text-align: center;
    color: #4943bf;
    transition: 0.5s;
    box-shadow: 0 1px 5px #403f45;
}

.item_articles_editor:hover
{
    box-shadow: 0 8px 20px black;
    background-color: white;
    color: #a80022;
    transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    transition: transform box-shadow 0.2s ease-in-out;
    -moz-transition: transform box-shadow 0.2s ease-in-out;
}

.item_articles_title_editor
{
    width: 100%;
    text-align: center;
    line-height: 100px;
}

@media screen and (min-width: 0)
{    
    .item_articles_editor
    {
        width: 120px;
        height: 160px;
        margin: 6px 2px;
    }
    
    .item_articles_editor:hover
    {
        box-shadow: 0 5px 14px black;
        transform: translate(0px, -6px);
    }
    
    .item_articles_title_editor
    {
        line-height: 160px;
    }
}

@media screen and (min-width: 350px)
{
    .item_articles_editor
    {
        width: 160px;
        height: 120px;
        margin: 8px 5px;
    }
    
    .item_articles_editor:hover
    {
        box-shadow: 0 6px 16px black;
    }
    
    .item_articles_title_editor
    {
        line-height: 120px;
    }
}

@media screen and (min-width: 576px)
{
    .item_articles_editor
    {
        margin: 7px 5px;
    }
}

@media screen and (min-width: 768px)
{
    .item_articles_editor
    {
        margin: 8px 6px;
    }
    
    .item_articles_editor:hover
    {
        box-shadow: 0 8px 20px black;
        transform: translate(0px, -8px);
    }
}

@media screen and (min-width: 992px)
{
    
    .item_articles_editor
    {
        width: 200px;
        margin: 8px;
    }
    
    .item_articles_editor:hover
    {
        transform: translate(0px, -10px);
    }
}

@media screen and (min-width: 1200px)
{
    .item_articles_editor
    {
        width: 250px;
        margin: 10px;
    }
}

/*-------------------- КОНЕЦ editor_in_chief.html---------*/



/*-------------------- search.html----------------------------------------*/

.search_container
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.search_title_text
{
    display: block;
    margin: 4px 4px 0 0;
    width: 250px;
    height: 85px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #d5d6e0;
    border-radius: 10px;
    box-shadow: 0 0 10px #c7c8d1;
    text-decoration: none;
    background-color: #f0f0f2;
}

.search_title 
{
    text-align: center;
    color: #3b4db3;
    font: bold 14px 'Times';
    margin-bottom: 5px;
}

.search_title a, .search_title a:visited, .search_title_text:hover
{
    color: #3b4db3;
    text-decoration: none;
}

/*.search_text
{
    color: #707070;
    font: 13px 'Times';
}*/

.search_date
{
    text-align: right;
    color: #707070;
    font: 10px 'Times';
}

@media (min-width: 0px)
{
    .search_title_text
    {
        height: 65px;
        margin-top: 4px;
        padding: 4px;
    }
    
   .search_title
    {
        font-size: 12px;
    }
    
    .search_text
    {
        display: none;
    }
}

@media (min-width: 350px)
{    
    .search_title_text
    {
        height: 85px;
        margin-top: 10px;
        padding: 10px;
    }
    
   .search_title
    {
        font-size: 14px;
    }
    
    .search_text
    {
        display: block;
    }
}

/*-------------------- КОНЕЦ search.html -----------------*/




/*-------------------- FOOTER --------------------------------------------*/

.footer
{
    padding-top: 10px;
    padding-right: 20px;
    /*height: 150px;*/
    text-align: right;
    background-color: #222;
    color: white;
    clear: both;
}

.footer a
{
    color: white;
    text-decoration: none;
    font-size: 14px;
}

@media (min-width: 350px)
{
    .footer a
    {
        font-size: 16px;
    }
}

.social
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 10px;
}

.social_item
{
    margin: 5px;
}

/*-------------------- КОНЕЦ FOOTER ------------------*/