.news {
        height: 970px;
        padding-top: 20px;
        }

.news .ttl {
        padding-bottom: 25px;
        }

.news .ttl a{
        text-decoration:none;
        color: #000000;
        font-size: 25px;
        padding-bottom: 5px;
        border-bottom: 9px solid #00ccff;
        }

.news .list {
        padding-bottom: 5px;
        margin-bottom: 15px;
        font-family: 'Roboto Condensed Light';
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        }

.news .list a{
        color: #3b3c83;
        text-decoration:none;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 40px;
        height: 40px;
        margin: 3px;
        display: inline-block;
/*
        float: left;
        border: 1px solid rgb(192,192,192);
*/
        }

.news .list a:hover, .news .list .s{
        color: #ffffff;
        background-color: #0099cc;

        border-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px
        }

.news .lists {
        padding-bottom: 5px;
        height: 360px;
        }

.news .lists .itm{
        display: block;
        position: relative;
        height: 380px;
        width: calc(33% - 10px);
        float: left;
        border-bottom: 3px solid #6fe2ff;
        margin-left: 10px;
        margin-right: 10px;
        overflow: hidden;
        z-index: 10;
        background-color: #efefef;
        }

.news .lists .l{
        margin-left: 0px;
        width: calc(33% - 10px);
        }

.news .lists .r{
        margin-right: 0px;
        width: calc(33% - 12px);
        float: right;
        }

.news .lists .itm .img-up {
        overflow:hidden;
        }

.news .lists .itm .img {
        width: 100%;
        height: 200px;
        z-index: 1;

        background-repeat: no-repeat;
        background-size: cover;
        background-position: center right;
         -moz-transition: all 1s ease-out;
         -o-transition: all 1s ease-out;
         -webkit-transition: all 1s ease-out;
        }

.news .lists .itm .img:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
         }

.news .lists .itm .txt {
        color: #6f6f6f;
        padding: 15px 15px 0 15px;
        font-size: 22px;
        overflow: hidden;
        height: 80px;
        text-align: justify;
        overflow: hidden;
        }

.news .lists .itm .txt a{
        color: black;
        text-decoration:none;
        }

.news .lists .itm .dt{
        color: #333333;
        padding: 5px 15px 10px 15px;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
        font-size: 14px;
        }

.news .lists .itm .soc{
        height: 35px;
        margin-top: 5px;
        text-align: left;
        padding-left: 15px;
        }

.news .lists .itm .soc a{
        opacity: .6;
        }

.news .lists .itm .soc a:hover{
        opacity: 1;
        }

.m-slider {
        height: 527px;
/*
        width: 100%;
        left: 0px;
        top: 0px;
        border: 1px solid rgb(192,192,192);
        position: absolute;
*/
        position: relative;

        left: ((100% - 1700px) / 2);
        min-width: 640px;
        margin:0px auto 0px;
        max-width: 1800px;

        width: 100%;
        }

/* перехват кнопочек */
.m-slider .flickity-prev-next-button {
        top: 80%;
        width: 56px;
        height: 56px;
        }

.m-slider .flickity-prev-next-button.previous
        {
        margin-left: -150px;
        }
.m-slider .flickity-prev-next-button.next
        {
        margin-left: -70px;
        }
/* перехват кнопочек */

.m-slider .slider {
        height: 527px;
        width: 100%;
        }

.m-slider .sliders{
        height: 100%;
        min-width: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
        }

.m-slider .sliders .info {
        position: relative;
/*
        min-width: 1200px;
        margin:0px auto 0px;
*/
        top: 100px;
        height: 360px;
/*
        max-width: 1700px;
        left: 6%;
        width: 60%;
*/

        width: 90%;
        margin:0px auto 0px;
        max-width: 1700px;
        }

/*
.m-slider-kaz {
        font-family: 'San Francisco Pro';
        font-weight: 700;
        font-style: bold;
        }

.m-slider-kaz {
        font-family: 'San Francisco Pro';
        font-weight: 700;
        font-style: bold;
        }
*/

.m-slider .sliders .info .ob{
        position: relative;
/*
        background-color: #10358f;
*/
        background-color: rgba(16, 53, 143, 0.7);
        color: #ffffff;
/*
        display: block;
        width: 60%;
*/
        padding: 20px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 45px;

        font-family: 'San Francisco Pro';
        font-weight: 700;
        font-style: bold;

        border-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px

/*
        font-family: 'PF Din Display Pro Black';
        border: 1px solid rgb(192,192,192);
*/
        }

.m-slider .sliders .info .ab{
        position: relative;
/*
        background-color: #e6eef8;
*/
        color: #0066ff;
        display: block;
        background-color: rgba(230, 238, 248, 0.7);
/*
        width: 40%;

        font-family: 'PF Din Display Pro Black';
*/
        padding: 20px;
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'San Francisco Pro';
        font-weight: 700;
        font-style: normal;

        border-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px
        }

.flickity-prev-next-button .arrow {
        fill: #0066ff;
        }

/* слайдер новостей*/

.slider-news {
        height: 360px;
        position: relative;
        width: 100%;
        margin-top: 55px;
        padding-top: 10px;
        }

/* перехват кнопочек */
.slider-news .flickity-prev-next-button {
        top: 300px;
        width: 50px;
        height: 50px;
        background: #f1f1f1;
/*
        border: 1px solid rgb(192,192,192);
*/
        }

.slider-news .flickity-prev-next-button:hover {
        background: #0099cc;
        fill: #ffffff;
        }

.slider-news .flickity-prev-next-button:hover .arrow {
        fill: #ffffff;
        }

.slider-news .flickity-prev-next-button .arrow {
        background-color: #f1f1f1;
        fill: #0066ff;
        }

.slider-news .flickity-prev-next-button.previous
        {
        left: calc(50% - 40px);
/*
        margin-left: 150px;
*/
        }
.slider-news .flickity-prev-next-button.next
        {
        left: calc(50% + 40px);
/*
        margin-left: -70px;
*/
        }

.slider-news .carousel-cell.is-selected {
        border: 2px solid #6fe2ff;
        }


/* перехват кнопочек */


.slider-news .slide-news{
/*
        border: 1px solid rgb(192,192,192);
*/
        height: 240px;
        width: 200px;
        position: relative;
        margin-right: 7px;
        background-color: #eeeeee;
        z-index: 10;

        border-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px
        }

.slider-news .slide-news .img{
        top: 0;
        left: 0;
        position: relative;
        height: 120px;
        width: 100%;

        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: 5px solid #75e3fe;

        border-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }

.slider-news .slide-news .info{
        padding: 10px;
        height: 100px;
        }

.slider-news .slide-news a{
        text-decoration:none;
        font-size: 17px;
        color: black;
        }

.bw {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
}

.bw:hover
{
        -webkit-filter: grayscale(100%);
}