@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic);
body{    
    padding-bottom: 40px;
}
.wrapper{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    font-family: 'PT Sans', sans-serif;
    color: #2e2e2e;
    overflow: hidden;
}

header{}
header .top{
    border-bottom: 1px solid #ecf0f1; 
    line-height: 40px;   
}
header .top .city{
    display: inline-block;  
    font-family: 'PT Sans', sans-serif;  
    font-size: 14px;
    font-weight: 700;
    color: #889397;
    background: url('../images/ico_map.png') no-repeat left center;
    padding-left: 15px;
    margin: 0px 15px;
}
header .top .city a{
    color: #d2242b;
    text-decoration: none;
    cursor: pointer;
}
header .top .count{
    display: inline-block;  
    font-family: 'PT Sans', sans-serif;  
    font-size: 14px;
    font-weight: 700;
    color: #889397;
    background: url('../images/ico_check.png') no-repeat left center;   
    padding-left: 15px; 
    margin: 0px 15px;
}
header .top .count span{
    color: #2f3438;
}
header .top a{
    color: #d2242b;
    text-decoration: none;
    font-weight: 700;
}
header .top a.mail{
    background: url('../images/ico_mail.png') no-repeat left center; 
    padding-left: 20px;
    display: inline-block;
    margin: 0px 30px;
}
header .top a.callback{
    background: url('../images/ico_tel.png') no-repeat left center; 
    padding-left: 15px;
    margin: 0px 30px;
}
header .line{
    padding: 24px 0px 0px;
    border-bottom: 1px solid #ecf0f1; 
    margin: 0px -15px;
}
header .line .logo{}
header .line .logo a{
    display: inline-block;
    vertical-align: middle;

}
header .line .logo p{
    display: inline-block;  
    font-weight: 700;  
    font-size: 20px;
    font-style: italic;
    vertical-align: middle;
    margin: 0px;
    margin-left: 30px;
}
header .line .menu{
    padding-top: 12px;
}
header .line .menu .nav{
    margin-left: 50px;
}
header .line .menu .nav > li > a{
    padding: 0px;
    font-size: 16px;
    color: #2e2e2e;
    display: inline-block;
    line-height: 30px;
    font-weight: 700;
}
header .line .menu .nav > li{
    text-align: center;
    border: 1px solid #fff;
    position: relative;
    z-index: 1;
}
header .line .menu .nav > li:hover{
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    border: 1px solid #bbc3c6;
    z-index: 2;
    border-radius: 2px;
}
header .line .menu .nav > li:hover a{
    -webkit-transform: skew(17deg);
    -moz-transform: skew(17deg);
    -o-transform: skew(17deg);
    background: none;
    color: #d2242b;
}
header .line .menu .nav > li.active{
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    border: 1px solid #bbc3c6;
    z-index: 2;
    border-radius: 2px;
}
header .line .menu .nav > li.active a{
    -webkit-transform: skew(17deg);
    -moz-transform: skew(17deg);
    -o-transform: skew(17deg);
    background: none;
    color: #d2242b;
}
header .line .menu .navbar-header{
    background: #e2e2e2;
}
header .line .menu .navbar-toggle .icon-bar{
    background: #000;
}


#banner{
    background: url('../images/banner.png') no-repeat top center;
    min-height: 489px;
    text-align: center;
}
#banner form{
    background: #d03131;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    padding: 10px 20px 30px 20px;
    margin-top: 20px;
    text-align: left;
}
#banner form .title{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
#banner form label{
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    color: white;
}
#banner form input[type=text]{
    width: 100%;
    border: 1px solid white;
    background: none;
    line-height: 35px;
    padding: 0px 10px;
    margin-bottom: 12px;  
    font-size: 14px; 
    color: white;
    font-weight: 700;
}
#banner form select{
    width: 100%;
    border: 1px solid white;
    background: none;
    line-height: 35px;
    height: 35px;
    padding: 0px 10px;
    margin-bottom: 12px;   
    font-size: 14px; 
    color: white;
    font-weight: 700;
    background: #d03131;
}
#banner form .button{
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    background: #fff;
    text-align: center;
    width: 100%;
    max-width: 170px;
    display: inline-block;
    border-radius: 3px;
}
#banner form .button a{
    line-height: 35px;
    color: #d2242b;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}
#banner .col{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 30px;
}
#banner h1{
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
    color: white;
    font-weight: 700;
    font-size: 36px;
    max-width: 630px;
    text-align: left;
}
#banner p.subtitle{
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
    color: white;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    max-width: 630px;
    text-align: left;
}

#pages{
    background: #ecf0f1;
    padding: 25px 0px;
}
#pages .item {
    position: relative;
    margin-bottom: 15px;
}
#pages .item .bg{
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 20%, rgba(209,37,44,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 20%,rgba(209,37,44,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 20%,rgba(209,37,44,1) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
#pages .item .desc{
    position: absolute;
    width: 100%;
    padding: 15px 20px;
    bottom: 0px;
}
#pages .item .desc .title{
    color: white;
    font-size: 22px;
    font-weight: 700;
}
#pages .item .desc p{
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
}



#content{
    padding: 30px 0px 20px;
}
#content .sidebar .title{
    color: #2f3438;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}
#content .sidebar .news{}
#content .sidebar .news .item{
    margin-bottom: 30px;
}
#content .sidebar .news .item:last-child{
    margin-bottom: 20px;
    position: relative;
}
#content .sidebar .news .item table td{
    vertical-align: top;
    position: relative;
}
#content .sidebar .news .item table td:last-child{
    padding: 0px 10px 20px;
}
#content .sidebar .news .item table td a{
    color: #2f3438;
    font-size: 14px;
    font-weight: 400;
}
#content .sidebar .news .item table td p{
    color: #889397;
    font-size: 14px;
    font-style: italic;
    margin: 0px;
    position: absolute;
    bottom: 0px;
}
#content .sidebar .news a.archive{
    color: #d64541;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    background: url('../images/ico_archive.png') no-repeat left center;
    padding-left: 20px;
}
#content .sidebar .menu{
    border-radius: 4px;
    background-color: #d2242b;
    padding: 20px 30px;
    -webkit-transform: skew(-4deg);
    -moz-transform: skew(-4deg);
    -o-transform: skew(-4deg);
    margin-top: 85px;
    margin-bottom: 50px;
}
#content .sidebar .menu .box{
    -webkit-transform: skew(4deg);
    -moz-transform: skew(4deg);
    -o-transform: skew(4deg);

}
#content .sidebar .menu li.active a:before{
    content: '• ';
}
#content .sidebar .menu a{
    color: white;
    font-size: 16px;
    font-weight: 700;
    display: block;
    line-height: 30px;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    text-decoration: none;
}
#content .sidebar .menu li:last-child a{
    border:none;
}
#content .content h1{
    font-size: 36px;
    font-weight: 700;
    color: #2f3438;
    margin-bottom: 30px;
    margin-top: 6px;
}
#content .content h1 span{
    color: #d2242b;
}
#content .content p{
    font-size: 15px;
    color: #2f3438;
    line-height: 23px;
}
#content .content .icon_list .item{
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 50px 10px;
}
#content .content .icon_list .item .ico{
    width: 89px;
    height: 89px;
    background: #d2242b;
    border-radius: 50%;
    display: inline-block;
    line-height: 89px;
}
#content .content .icon_list .item p{
    color: #2f3438;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    max-width: 160px;
    margin-top: 20px;
}

#for_business{
    background: url('../images/bg2.png') no-repeat top center;
    min-height: 409px;
    
}
#for_business h2{
    color: white;
    font-size: 36px;
    font-weight: 700;    
    margin-top: 40px;
    margin-bottom: 30px;
}
#for_business p.subtitle{
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 55px;
    color: #fff;
}
#for_business .ico{
    min-height: 90px;
}
#for_business a.link{
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    margin: 0 auto;
    padding: 5px 20px;
    
}
#for_business a.link span{
    -webkit-transform: skew(17deg);
    -moz-transform: skew(17deg);
    -o-transform: skew(17deg);
    display: block;
}
#for_business a.link:hover{
    background: #d2242b;    
}

#clients{}
#clients h2{
    color: #2f3438;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 30px;
}
#clients .item{
    text-align: center;
    margin-bottom: 20px;
}
#clients .item a{}
#clients .item a img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    margin: 0 auto;   
}
#clients .item a:hover img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);    
}

footer{
    background: #ecf0f1;
    padding: 30px 20px;
}
footer .col_1{}
footer .col_1 p{
    font-size: 14px;
    font-weight: 400;
    color: #889397;
}
footer .col_1 a{
    color: #d2242b;
}
footer .col_1 .social{
    margin: 20px 0px;
}
footer .col_1 .social a{
    display: inline-block;
    line-height: 35px;
    text-align: center;
}
footer .col_1 .social a.fb{
    width: 35px;
    height: 35px;
    background-color: #d64541;
    background-image: linear-gradient(to top, #46629b 0%, #7793cb 100%);
    border-radius: 1px 2px 2px 1px;
}
footer .col_1 .social a.vk{
    width: 35px;
    height: 35px;
    background-color: #d64541;
    background-image: linear-gradient(to top, #607e9c 0%, #86a1bb 100%);
    border-radius: 2px;
}
footer .col_1 .social a.tw{
    width: 35px;
    height: 35px;
    background-color: #d64541;
    background-image: linear-gradient(to top, #59adeb 0%, #7ec0f1 100%);
    border-radius: 1px;
}
footer .col_1 .social a.od{
    width: 35px;
    height: 35px;
    background-color: #d64541;
    background-image: linear-gradient(to top, #f4811b 0%, #f8b173 100%);
    border-radius: 2px;
}

footer .col_2{}
footer .col_2 form{
    position: relative;
}
footer .col_2 form input[type=text]{
    width: 100%;
    border: 1px solid #bbc3c6;
    line-height: 35px;
    padding: 0px 15px;
    height: 35px;
}
footer .col_2 form input[type=submit]{
    display: block;
    width: 13px;
    height: 13px;
    background: url('../images/ico_search.png') no-repeat center center;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    
}
footer .col_3 a{
    color: #889397;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 6px 0px;
    display: inline-block;
    max-width: 130px;
}
footer .col_3 a:first-child{
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 700;
}
footer .col_3 .item:last-child a{
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 700;
}

table.icons{}
table.icons td{
    vertical-align: top;
    padding: 10px 20px 10px 0px;
}
table.icons td strong{
    line-height: 36px;
}
.recmodal .modal-dialog{
    width: 300px;
    margin: 30px auto;
}

.recmodal .modal-content{
    background: #d03131;
}
.recmodal .modal-content h4{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}
.recmodal .modal-header {
    padding: 15px 15px 0px;
    border-bottom: none;
}
.recmodal .modal-body{
    padding: 5px 15px 5px;
}
.recmodal .errorMessage {
    color: #fff;
    font-size: 13px;
}
.recmodal .modal-header .close {
    outline: none;
    color: #fff;
    font-size: 30px;
    opacity: 0.8;
    margin-top: 2px;
}
.recmodal .modal-dialog .button{
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    text-align: center;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
    margin-top: 10px;
}
.recmodal .modal-dialog .button button[type=submit]{
    line-height: 35px;
    color: #d03131;
    font-size: 16px;
    font-weight: 700;
    border: none;
    display: block;
    border-radius: 2px;
    background: #fff;
    width: 100%;
}
.recmodal .modal-dialog label {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    color: white;
}
.recmodal .modal-dialog input[type=text] {
    width: 100%;
    border: 1px solid white;
    background: none;
    line-height: 35px;
    padding: 0px 10px;
    font-size: 14px;
    color: white;
    font-weight: 700;
    border-radius: 0px;
}

.buttons_tabs{
    border: 1px solid #bbc3c6;
    border-radius: 2px 1px; 
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    display: inline-block;
}
.buttons_tabs input{
    display: none;
}
.buttons_tabs label{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    padding: 0px 20px;
    margin: 0px;
    cursor: pointer;
}
.buttons_tabs label:hover{
    background: #d03131;
    color: #fff;
}
.buttons_tabs label.active{
    background: #d03131;
    color: #fff;
}
.buttons_tabs label span{
    -webkit-transform: skew(17deg);
    -moz-transform: skew(17deg);
    -o-transform: skew(17deg);
    display: inline-block;
}
.office-map{
    height: 300px;
}
.pricetable {
    width: inherit;
}
.pricetable td{
    padding: 30px 0px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}
table.uslugi{}
table.uslugi td{
    padding: 15px 15px 15px 0px;
    vertical-align: top;
}
table.uslugi td a{
    color: #2f3438;
}
table.uslugi td a:hover{
    color: #d2242b;
}


/* Large desktop */
@media (min-width: 1200px) {
	
}


@media (max-width: 1199px) {
    header .line .logo p{
        display: block;
        margin: 0px;
        font-size: 16px;
    }
    header .line .logo p br{
        display: none;
    }
    header .line .menu .nav{
        margin: 0px;
    }
    header .line .menu .nav > li > a{
        font-size: 14px;
    }
    #banner form{
        max-width: 250px;
    }
    #banner .col{
        max-width: 560px;
    }
    #pages .item .desc p{
        font-size: 14px;
        line-height: 18px;
    }
    #content .content .icon_list .item .ico{
        width: 79px;
        height: 79px;
        background: #d2242b;
        border-radius: 50%;
        display: inline-block;
        line-height: 79px;
    }
    #content .content .icon_list .item{
        width: 19%;
        margin: 50px 0px;
    }
    #content .content .icon_list .item p{
        font-size: 15px;
    }
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    header .top a {
        float: right;
    }
    header .line .logo p{
        display: inline-block;
        font-size: 20px;
        margin-left: 10px;
    }
    #banner .col{
        max-width: 300px!important;
        margin: 0px 20px;
    }
    #banner h1{
        font-size: 33px;
    }
    #content .sidebar .news .item table td a{
        font-size: 18px;
    }
    #for_business h2{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #for_business p.subtitle{
        font-size: 16px;
        margin-bottom: 20px;
    }
    #for_business .ico{
        min-height: 75px;
    }
    #for_business .item{
        min-height: 135px;
    }
    footer .col_2 form{
        margin-bottom: 20px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    header .top, header .line .logo{
        text-align: center;
    }
    #content .content .icon_list .item{
        width: 32%;
        margin: 20px 0px;
    }
    #for_business {
        display: none;
    }
    header .top .text-right{
        text-align: center;
    }
    .icon_list{
        display: none;
    }
}