/**
Theme Name: Техосмотр
Author: Автор
Version: 1
*/

.wrap{
    width: 100%;
}
.in-wrap{
    margin: 0 auto;
    max-width: 1200px;
}
.header{
    background-image: url('img/bg3.png');
}
.header .logo, .header .header-contact{
    margin: 30px 0px;
}
.header .logo{
    float: left;
}
.header .header-contact{
    float: right;
    margin-right: 60px;
}
.header-contact .hc-text p{
    margin: 0px;
    letter-spacing: 1px;
}
.menu-top{
    background-color: #343a40;
}
.navbar .nav-item{
    padding: 0px 10px;
    margin: 0px 10px;
}
.navbar .nav-item:hover{
    background: #666666;
    /*border-radius: 2px;*/
}
.navbar-expand-lg{
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.slider{}
.content{}
.auto-tabs {
    margin: 0 auto;
    max-width: 1075px;
}
.content .card{
    float: left;
    margin: 30px 35px 20px;
    transition: 0.5s;
}
.content .card:hover{
    transform: scale(1.2);
    cursor: pointer;
}
.content .card img{
    height: 200px;
}
.content .card h5{
    text-align: center;
}
.content .card p{
    text-align: center;
    margin-bottom: 0px;
}
.content .card p.card-text{
    margin-bottom: 20px;
}
.content .auto .display-4{
    text-align: center;
    margin-top: 30px;
}
.content h1.display-4{
    text-align: center;
    margin-top: 30px;
}
.content section{
    margin-bottom: 40px;
}
.content section p{
    font-weight: 300 !important;
    font-size: 20px;
}
.content section h2{
    font-weight: 400 !important;
    margin-bottom: 30px;
    margin-top: 20px;
}
.flex{
    background: url('img/bg-flex.jpg') left 50% top 50% / cover no-repeat fixed !important;
    margin-top: 50px;
    margin-bottom:unset;
}
.flex-content{
    background-color: rgba(0, 0, 0, 0.75);
    padding-top:60px;
    padding-bottom:60px;
}
.flex-reasons{
    max-width: 1080px;
    margin: 0 auto;
}
.flex-reasons .reason{
    color: white;
    float: left;
    max-width: 300px;
    margin: 0px 30px;
    text-align: center;
}
.flex-reasons .reason img{
    width: 130px;
    transition: 0.5s;
}
.flex-reasons .reason img:hover{
    transform: scale(1.2);
    cursor: pointer;
}
.flex-reasons .reason h4{
    margin: 15px 0px;
}
.map{
    background-image: url('img/bg3.png');
}
.map .in-wrap{
    padding: 20px 0px;
}
.footer{
    /*background: #333333;*/
    background-image: url('img/bg11.png');
    padding: 30px;
}
.footer .foot-cont{
    float: left;
    color: white;
    margin: 0px 7%;
    font-size: 18px;
}
.footer h1{
    font-weight: 300;
    color: white;
    text-align: center;
}
.footer hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 1em 0;
    padding: 0;
}
.footer p{
    font-weight: 300;
    margin: 1px 0px;
    letter-spacing: 2px;
}
.footer2{
    background: #222222;
    color: white;
    padding: 15px;
}
.footer2 .counter{
    float:right;
    margin-top: 20px;
    margin-right: 50px;
}
.footer2 p{
    text-align: center;
    margin: 5px 0px;
}