/**
  * Custom Bootstrap 3 grid for 480-767px layout
  * Author: Iftakhar Hasan
  *
  * A new set of column classes (with class prefix .col-ms- ) for Bootstrap 3
  * to make Medium Small grids for supporting 480-767px
  *
  * This will push the default Bootstrap 3 Extra Small column (class prefix .col-xs- )
  * to support 1-479px instead of 1-767px
  */

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-13,
.col-ms-14,
.col-ms-15,
.col-ms-16,
.col-sm-25
{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 1199px) {
    .img_Right{
        display: block !important;
    }
    .img_Left{
        display: none !important;
    }
    .container {
        max-width: 748px;
    }
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11
    .col-ms-12,
    .col-ms-13,
    .col-ms-14,
    .col-ms-15 {
        float: left;
    }
    .col-ms-1 {
        width: 6.25%;
    }
    .col-ms-2 {
        width: 12.5%;
    }
    .col-ms-3 {
        width: 18.75%;
    }
    .col-ms-4 {
        width: 25%;
    }
    .col-ms-5 {
        width: 31.25%;
    }
    .col-ms-6 {
        width: 37.5%;
    }
    .col-ms-7 {
        width: 43.75%;
    }
    .col-ms-8 {
        width: 50%;
    }
    .col-ms-9 {
        width: 56.25%;
    }
    .col-ms-10 {
        width: 62.5%;
    }
    .col-ms-11 {
        width: 68.75%;
    }
    .col-ms-12 {
        width: 75%;
    }
    .col-ms-13 {
        width: 81.25%;
    }
    .col-ms-14 {
        width: 87.5%;
    }
    .col-ms-15 {
        width: 93.75%;
    }
    .col-ms-16 {
        width: 100%;
    }
}


/*          */

body {
    color: #333333;
    font-family: 'Roboto', sans-serif;
    line-height: normal;
    font-size: 14px;
    font-style: normal;
}

html,
body {
    height: 100%;
}

p {
    /*    color: #000;*/
    margin-bottom: 0;
    padding:0px;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    
}
*:focus{
    outline: none;
}
img {
    max-width: 100%;
    outline: none;
}
header{
    padding-top: 30px;
}
.circle{
    border-radius: 50%;
}
.weather, .curse{
    padding-bottom: 15px;
    line-height: 36px;
}
.weather{
    margin-top: -3px;
    font-weight: 700;
    text-transform: uppercase;
}
.weather img, .curse img{
    padding: 0 5px;
}
.logo{
    margin-bottom: 17px;
}
.logo img{
    margin-bottom: 10px;
}
.today{
    display: inline;
    line-height: 21px;
    background-color: #d7d7e1;
    text-transform: uppercase;
    padding: 2px 5px;
}
.navbar-collapse, .navbar-form{
    box-shadow: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a{
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background: none;
}
.navbar-default .navbar-nav>li>a{
    color: #fff;
    text-transform: uppercase;
    padding: 17px 7px 13px;
    line-height: 1.5;
    text-shadow: none;
    font-weight: 800;
    font-size: 16px;
}

.navbar-right .form-control{
    width: 110px;
    padding-right: 30px;
    background: transparent url(../images/search.png) no-repeat 88px center;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}

.navbar-form .form-control::-webkit-input-placeholder {color:#fff;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.navbar-form .form-control::-moz-placeholder          {color:#fff;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}/* Firefox 19+ */
.navbar-form .form-control:-moz-placeholder           {color:#fff;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}/* Firefox 18- */
.navbar-form .form-control:-ms-input-placeholder      {color:#fff;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}

*:focus::-webkit-input-placeholder {opacity:0;}
*:focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
*:focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
*:focus:-ms-input-placeholder      {opacity:0;}

.main-banner{
    margin-bottom: 20px;
}

.footer{
    border-top: 6px solid #f3f3f3;
    padding: 10px 0 10px;
}
.footer-b{
    padding: 10px 0;
}
.footer-l, .footer-c{
    padding-top: 10px;
}
.footer-r{
    padding: 20px;
}
.footer-l h2{
    margin-top: 0;
    font-family: "Alice";
    color:  #000000;
    font-size: 32px;/* Приближение из-за подстановки шрифтов */
    font-weight: 700;
    margin-bottom: 20px;
}
.footer-l p{
    color:  #000000;
    font-size: 14px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}
.footer-l img{
    margin-left: 30px;
    padding-right: 5px;
}

.footer-c ul{
    padding-left: 15px;
}

.footer-c ul li{
    text-transform: uppercase;
    color: #f3f3f3;
    font-size: 20px;
    transition: 0.2s;
}
.footer-c ul li a{
    line-height: 40px;
    white-space: nowrap;
    color: #888888;
    font-size: 14px;
}
.footer-c ul li:hover, .footer-c ul li:hover a{
    color:  #c0392b;
}

.subscribe h4{
    margin-top: 0;
    text-transform: uppercase;
    color:  #000000;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 500;
    line-height: 22px;
}

.subscribe input, .subscribe .red-btn{
    width: 100%;
}

.subscribe input{
    font-size: 15px;
    border:1px solid #c0cbcf;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 13px;
}

.subscribe input::-webkit-input-placeholder {color:#c0bfbf;font-size: 15px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.subscribe input::-moz-placeholder          {color:#c0bfbf;font-size: 15px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}/* Firefox 19+ */
.subscribe input:-moz-placeholder           {color:#c0bfbf;font-size: 15px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}/* Firefox 18- */
.subscribe input:-ms-input-placeholder      {color:#c0bfbf;font-size: 15px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}

.red-btn{
    color:  #ffffff;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    padding: 10px 2px;
    border-color: transparent;
    background: #4a4a4a;
    margin-bottom: 20px;
}
.red-btn:hover{
    background: #ae0000;
}
.navbar-default{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fbb{
    padding: 10px 15px 10px 45px;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    color:  #ffffff;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 20px;
    border-color: transparent;
    background: #395998 url(../images/fbf.png) no-repeat 20px center;
}
.fbb:hover{
    background-color: #293978;
}
.textUnderRed a{
  border-bottom: #ce0d04 1px solid;
  color: #ce0d04;
}
.textUnderRed a:hover{
  border-bottom: black 1px solid;
  color: black;
}
.footer-b p{
    color:  #9e9e9e;
    line-height: 20px;
}
.footer-b p span{
    color:  #c0392b;
}
h1{
    margin-top: 0;
    margin-bottom: 20px;
    color:  #000000;
    font-size: 30px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
}
.news-block{
	margin-bottom: 20px;
}
.news-block img{
    width: 100%;
    margin-bottom: 20px;
    -webkit-transition: -webkit-filter 0.5s;
    transition: -webkit-filter 0.5s;
    transition: filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
}
.news-block a:hover img{
    -webkit-filter: grayscale(0.7);
    filter: grayscale(0.7);
}
.news-block h3{
    color:  #000000;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 10px;
   
}
.news-block a:hover h3{
    color: #cd150d;
}

.news-info{
    margin-bottom: 10px;
    font-family: "Arial";
    color:  rgba(136, 136, 136, 0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.news-info span:first-child{
    padding-right: 18px;
}

.news-info span.view{
    padding-left: 20px;
    background: url(../images/view.png) no-repeat left 40%;
}

.news-block p{
    line-height: 1.4;
    margin-bottom: 24px;
}

.news-block h2{
    font-size: 30px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    margin-top: 0;
}
main{
    margin-bottom: 40px;
}

.news-feed{
    padding: 10px;
    background-color: #f3f3f6;
    margin-bottom: 20px;
}
.news-feed h3{
    color:  #010101;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 700;
    text-transform: uppercase;
}
.news-string{
    padding: 10px 0;
    border-bottom: 1px solid rgba(215, 215, 225, 0.8);
}
.news-string:last-of-type{
    border-bottom: none;
}
.news-string_time{
    float: left;
    color:  rgba(136, 136, 136, 0.7);
    font-size: 15px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 22px;
}

.news-important .news-string_time{
    color:  #000000;
    font-weight: 700;
}
.news-string_discript a{
    display: block;
    padding-left: 55px;
    color:  #010101;
    line-height: 22px;
}
.news-important .news-string_discript a{
    font-weight: 700;
}
.news-string_discript a:hover{
    color:  #cd150d;
}
.more-news{
    color:  #656565;
    font-size: 18px;
    display: block;
    margin-bottom: 20PX;
    margin-top: 15px;
}
.more-news:hover{text-decoration: underline;}

.right-col>div{
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f3f3f6;
}

.right-col>div h3{
    margin-top: 5px;
    margin-bottom: 10px;
    color:  #010101;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
}

.blog-col-string h5{
    font-size: 15px;/* Приближение из-за подстановки шрифтов */
    font-weight: 700;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: center;
}

.blog-col-string p{
    line-height: 20px;
}

.redA{
    color:  #cd150d;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px;
}

.support-col p{
    line-height: 20px;
    margin-bottom: 10px;
}

.colonka{
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}
.colonka h5{
    margin-bottom: 5px;
    color:  #c0392b;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 22px;
}

.colonka p{
    font-family: "Arial";
    color: rgba(136, 136, 136, 0.7);
}

.colonka a:hover img{
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
}

.colonka a:hover h5{
    text-decoration: underline;
}

.heading{
    margin-bottom: 10px;
    position: relative;
    top: -5px;
}

.heading span{
    color:  #ffffff;
    font-size: 14px;
    padding: 2px 3px;
    background-color: #cd150d;
    text-transform: uppercase;
}

.more-link a{
    color:  #c0392b;
    font-size: 18px;
    line-height: 22px;
}
.more-link a:hover{
    text-decoration: underline;
}
.more-link{
    margin-top: 30px;
    margin-bottom: 20px;
}

.red-line{
    border-bottom: 6px solid #c0392b;
    
}

.redaction-rekomen>.row{
    background-color: #f3f3f6;
}
.redaction-rekomen{
    margin-top: 30px;
}
.redaction-rekomen h2{
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 400;
}

.spisok-img{
    padding-left: 15px;
    margin-bottom: 30px;
}
.spisok-img img{
    -webkit-transition: -webkit-filter 0.5s;
    transition: -webkit-filter 0.5s;
    transition: filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
}

.spisok-img a:hover img{
    -webkit-filter: grayscale(0.3);
    filter: grayscale(0.3);
}
.spisok-text{
    padding-left: 135px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.spisok-text h3{
    margin-top: 0;
    margin-bottom: 0;
}
.new-container img{
    max-width: 100%;
    height: auto;
}
.new-container img, .new-container p{
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 300;
    font-size: 16px;
}

.news-teg img, .subs img{
    margin-bottom: 0;
    margin-left: 5px;
}
.news-teg{
    margin-bottom: 30px;
    z-index: -100;
}
.news-teg a{ /*span**/
    color:  rgba(136, 136, 136, 0.7);
    font-size: 13px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 22px;
}

.subs{
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f3f3f6;
}

.aftor-top{
    background-color:  #f3f3f6;
    margin-bottom: 30px;
}

.aftor-text h1, .aftor-text h2{
    color:  #000000;
    font-size: 30px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 10px;
}

.aftor-text span{
    color:  #888888;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 10px;
}

.aftor-text p{
    color:  #000000;
    font-size: 16px;/* Приближение из-за подстановки шрифтов */
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 10px;
}

/*.news-teg span:after{*/
    /*content: ', ';*/
/*}*/

/*.news-teg span:last-child:after{*/
    /*content:'';*/
/*}*/

.relative{
    position: relative;
}
.relative img{
    width: 100%;
}
.relative{
    background: url("../images/callB.jpg") 50% 50% no-repeat;
    -webkit-background-size:cover;
    background-size:cover ;
    min-height: 400px;
    padding: 15px 30px;
    color: #ffffff;
}
.relative a, .relative a:hover{
    color: #fff;
}
.relative h4{
    font-size: 22px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 24px;
}

.relative p{
    font-size: 16px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}
.callB {
    margin-bottom: 30px;
}
.callB h3{
    text-transform: uppercase;
    color:  #000000;
    font-size: 18px;/* Приближение из-за подстановки шрифтов */
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 15px;
    margin-top: 25px;
}
.callB input, .callB textarea{
    width: 100%;
    line-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border: 1px solid #c0cbcf;
}

.callB textarea{
    resize: vertical;
    min-height: 120px
}

.blog-list .news-info{
    font-size: 14px;
}
.callB *::-webkit-input-placeholder {color:#c0bfbf;}
.callB *::-moz-placeholder          {color:#c0bfbf;}/* Firefox 19+ */
.callB *:-moz-placeholder           {color:#c0bfbf;}/* Firefox 18- */
.callB *:-ms-input-placeholder      {color:#c0bfbf;}
.spisok-text p{
    line-height: 22px;
}
.callB .red-btn{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
}
.new-container+h3{
    font-weight: 700;
    font-size: 20px;
}

.top-news h3{
    margin-bottom: 20px;
    
}
.banner-text h3{
    font-size: 40px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 0;
}
.banner-text p{
    font-size: 16px;
    line-height: 30px;
}
.banner-text a{
    color: white;
}
.banner-box{
    position: relative;
    margin-bottom: 20px;
}

.banner-box a:hover h3{
    text-decoration: underline;
}
.navbar-default .navbar-toggle{
    float: none;
    margin-right: 0;
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
    width: 30px;
    height: 3px;
}

.navbar-collapse{
    width: calc( 100% - 135px);
    float: left;
}

.breadcrumb{
    background-color: transparent;
    padding-left: 0;
}

.breadcrumb a{
    color: #ce0d04;
}

.breadcrumb>li+li:before {
    content: "|";
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb>.active{
    color: #888;
}

#myModal .modal-dialog{
    max-width: 350px;
    
}
#myModal .modal-content{
    padding: 5px;
}
#myModal .modal-header p{
    font-size: 18px;
    margin-bottom: 5px;
}

#myModal .modal-header img{
    margin-top: 10px;
    margin-bottom: 15px;
}

#myModal .modal-header h2{
    margin-top: 10px;
}

.navbar-default .navbar-nav>li.current-menu-item>a, .navbar-default .navbar-nav>li.current_page_item>a, .navbar-default .navbar-nav>li.current-post-ancestor>a {
    color: #000;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}