@font-face {
    font-family: "PlayRegular";
    src: url("../fonts/PlayRegular/PlayRegular.eot");
    src: url("../fonts/PlayRegular/PlayRegular.eot@")format("embedded-opentype"),
    url("../fonts/PlayRegular/PlayRegular.woff") format("woff"),
    url("../fonts/PlayRegular/PlayRegular.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PlayBold";
    src: url("../fonts/PlayBold/PlayBold.eot");
    src: url("../fonts/PlayBold/PlayBold.eot@")format("embedded-opentype"),
    url("../fonts/PlayBold/PlayBold.woff") format("woff"),
    url("../fonts/PlayBold/PlayBold.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: lighter;
}
body{
    font-family: PlayRegular, sans-serif;
}
h1 {
    font-size: 41pt; /*54.6px*/
    line-height: 40pt;
    font-family: PlayBold;
}
h2 {
    font-size:30pt; /*40px*/
    line-height:32.5pt
}
h3 {
    font-size: 18pt; /*24px*/
    line-height: 19.5pt;
}
h4 {
    font-size: 15pt; /*20px*/
    line-height: 22.5pt;
}
h5 {
    font-size: 12pt; /*20px*/
    line-height: 22.5pt;
}
p {
    font-size: 11.25pt; /*15px*/
    line-height: 18pt;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:active{
    color: #fff;
    text-decoration: none;
}
a:link {
    color: #fff;
    text-decoration: none;
}
.nopadding {padding-left: 0!important; padding-right: 0!important;}
.nomargin {margin-left: 0!important; margin-right: 0!important;}
.wrapper {
    margin: 0 auto;
    max-width: 970px;
    padding:0 15px;}
.overflow {
    background: url("../img/overflow.png") ;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.top {
    width: 100%;
    background: url("../img/top.jpg") no-repeat;
    background-size: cover;
    z-index: 99999;
}
.logo {margin-bottom: 25px;}
.line {margin: 0 15px; color: #a7a8a8;}
.header-telephone {
    line-height: 3;
}
.header-telephone a {
    color: #a7a8a8;
}
.header-telephone a span {
    background: url("../img/callback.png")no-repeat left center;
    color: #ffcc30;
    padding-left:21px;
}
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline;
    zoom:1;
}
.nav-tabs, .nav-pills {
    text-align:center;
}
.nav-pills>li>a {
    color:#a7a8a8;
}
.slider_top .nav-pills {
    margin-top: 13px;
}

.top .nav-pills>li>a,.top .nav-pills>li>a:active {
    text-transform: uppercase;
    font-size: 8pt;
    padding: 14px 15px;
    background: transparent;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus {
    background-color: transparent;
    color:#a7a8a8;
}

.nav-pills>li.active>a:hover {
    background-color: transparent;
}
.nav-pills>li>a:hover {
    background: transparent;
    cursor: pointer;
}
.header-telephone a {cursor: pointer}

.slider_nav.nav-pills>li>a {
    color:#fff;
    background: url("../img/nav_slider.png") no-repeat left center;
    padding-left: 12px;
}
.slider_top_overflow {
    background: url("../img/overflow.png");
}
.carousel-inner {
    max-height: 648px;
    width: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    min-height: 100%;
}
.carousel-caption {
    top: 0;
    left: 0%;
    right: 0%;
    height: 100%;
    padding: 35px 0 0;
    background: url("../img/overflow.png");

}
.btn_slider, .btn_slider:active {
    background: url("../img/btn_slider.png")no-repeat center;
    background-size: 100%;
    padding: 14px 60px;
    margin: 25px 0;
    font-family: PlayBold;
    font-size: 15pt;
}
.btn_block, .btn_block:active  {
    padding: 9px 66px;
    font-family: PlayRegular, sans-serif;
    font-size: 11.5pt;
}

.btn_block3:focus, .btn_block3:hover, .btn_block3:active
{outline: none;}

.height{height:calc(100% - 50px)}
.carousel-caption .wrapper{height: 100%}
.slider_right_img {display: table; height: 100%;}
.slider_right {display: table-cell; vertical-align: middle;position: relative;}
.slider_right p {
    position:absolute;
    top: 126px;
    left: 229px;
    cursor: pointer;
}
.slider_right img {width: 724px; height: auto}
.left_slider{display: table}
.slider_left_text{display: table-cell; vertical-align: middle; text-align: left}
.slider_left_text h4 {
    margin-top: 42px;
    margin-bottom: 38px;}

.block {
    background: url("../img/back_block2.jpg") no-repeat center;
    background-size: 100%;
    padding-bottom: 45px;
    padding-top: 20px;
}
.sto-title span {
    display: none;
    width: 17px;
    height: 20px;
    background: url("../img/strelka.png")no-repeat right 5px;
    background-size: 14px 13px;
    float: right;
    cursor: pointer;
}
.sto-vertical {
    display: table;
    margin: 40px 0;}
.sto-title {
    display: table-cell;
    vertical-align: middle;
    height: 86px;
    padding-left: 98px;}
.sto-text {padding: 0 27px;}
.sto-text li {padding-bottom:20px; font-weight: bold}
.sto-text p {font-weight: bold}
.remont {background: url("../img/remont.png") no-repeat top left}
.zapcasti {background: url("../img/zapchasti.png") no-repeat top left}
.oil {background: url("../img/oil.png") no-repeat top left}
.dopolnitelnie {background: url("../img/dopolnitelnoe.png") no-repeat top left}
.block3 {
    background: url("../img/back_block3.jpg") no-repeat center;
    background-size: cover;
    color:#fff;
}
.block3_text h4 {
    position: relative;
    margin-top: 97px;
    background: url("../img/kavi4ki.png") no-repeat left top;
    text-align: left;
}
.block3_text img {
    position:absolute;
    right:0;
    bottom: 0;
}

.block3_text h3 {
    margin: 33px 0 21px;
    color: #ffcc30;
}
.block3_text h4 {
    padding-left: 40px;
}
.block3_director {
    padding-top: 8.5%;
}
.btn_block3, .btn_block3:active  {
    margin: 66px 0 84px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: none;
    height: 100%;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -999px;
    cursor: pointer;
    /* background-color: rgba(0,0,0,0); */
    border: 0px solid #fff;
    border-radius: 0;
    background-color: #a1a1a1;
    margin: 0 5px;
    /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #ffcc30;
}

.block4 li {
    list-style: none;
    padding: 9px 0 11px 77px;
    border-bottom: 1px solid #f0f0f0;
    max-width: 342px;
}
.block4 ul {
  margin:78px 0 85px;
}
.block4 h5 {
    font-family: PlayBold;
    text-transform: uppercase;
}
.block4 {
    margin-top: 5px;
}
.block4_right {
    background: url("../img/block4_right.png") no-repeat top left;
    padding-left: 40px;
    height: 593px;
}
.block4_right h2 {
    margin: 79px 0 15px;
    font-family: PlayBold;
}
.block4_right img {
    margin: 35px 0 0;
    width: 100%;
}

.sponsor {padding: 30px 0px 85px;  }
.col-sponsor {padding: 29px 0px;height: 55px; width: 20%; text-align: center; float: left;}
.megafon {background: url("../img/llumar.png")no-repeat center}
.mostotrest {background: url("../img/mostotrest.jpg")no-repeat center}
.rostelecom {background: url("../img/rostelecom.jpg")no-repeat center}
.lneft {background: url("../img/lneft.jpg")no-repeat center}
.loko {background: url("../img/loko.jpg")no-repeat center}
.experience {
    background: url("../img/medal.png") no-repeat center left
}
.equipment {
    background: url("../img/oborudovanie.png") no-repeat center left
}
.delivery {
    background: url("../img/dostavka.png") no-repeat center left
}
.certificate {
    background: url("../img/sheld.png") no-repeat center left
}
.loyalty {
    background: url("../img/kristal.png") no-repeat center left
}

.doverie_left {background: url("../img/point.png")no-repeat center left; padding-left: 35px;}
.doverie_right {background: url("../img/point.png")no-repeat center right; padding-right: 35px;}
.doverie h5 {line-height: 2.5; text-align: center}
.block5{
    display: block;
    background: url("../img/back_block5.jpg") no-repeat right center;
    background-size: cover;
    color: #fff;
}
.block5_phone {margin: 156px 0 35px;}
.block5_phone h3 {
    margin: 0 0 7px;
    color: #ffcc30;
}
.block5_phone p {
    margin: 0 0 14px;
}
.block5_phone h4 {
    padding-left: 40px;
}
.block5 h2 {
    margin:57px 0 30px;
    text-align: center;
}
.block5_slide1, .block5_slide2, .block5_slide3 {
    display:block;
    height:315px;
}
.control-block5 {
    width: 2%;
}
.carousel-control.right, .carousel-control.left {background-image: none}
.inner-block5 {
    max-height: none;
    margin-left: 39px;
    margin: 0 50px;
}
.inner-block6 {
    max-height: none;
}
.glyphicon-chevron-left:before {
    content: url("../img/left.png");
}
.glyphicon-chevron-right:before {
    content: url("../img/right.png");
}
.block5_text {
    border-radius: 5px;
    background: #fff;
    overflow-y: scroll;
    height: 195px;
}
.carousel-caption_block5 h3 {
    margin: 0 0 21px;
    color: #ffcc30;

}
.carousel-caption_block5 p {
   color: #000;
    padding: 20px 15px;
}
.block5_text::after {
    content: '';
    position: absolute;
    left: -22px; top: 0;
    border: 20px solid transparent;	border-top: 20px solid white; border-right: 20px solid white;
}
.carousel-ind-block5 {
    bottom: -86px;
}
.block_avatar img {max-width:130px; width:100%}
.block6 h2 {
    margin:95px 0 55px;
    text-align: center;
}

.block6 {
    padding-bottom:95px;
}
.block6 h5 {
    margin:35px 0 15px;
    color:black;
    font-family: PlayBold;
}
.block6 p {color:black;}
.block6 .btn_block {float:right;}
.block6 .news img {width: 100%; border-radius: 3px;}
.btn_block_news:active, .btn_block_news {margin: 16px 0!important}
.carousel-ind-block6 {bottom: -65px;}

.block7 {
    background: url("../img/slider_block5_2.jpg") no-repeat center;
    background-size: cover;
    color:#fff;
}
.block7 a, .block7 span {color: #ffcc30;}
.block7 h2 {
    margin:50px 0 50px;
    text-align: center;
}

.phone_form, .map_form {
    color:#fff;
}
.phone_form a, .phone_form span,.map_form a,.map_form span {color: #ffcc30;}
.phone_form h2 {
     margin:20px 0 50px;
     text-align: center;
 }
.map_form h2 {
    margin:20px 0 0;
    text-align: center;
}

.form-control_footer {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #ffcc30;
    border-radius: 0;
    color:white;
}
.form-control:focus {
    border-color: #ffcc30;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.footer-submit-block{margin:60px 0 10px}
.footer-submit-block h3 {
    margin-top: -7px;
    margin-bottom: 13px;
    color: #ffcc30;
}

button,
button:active,
button:focus,
button:hover,
.btn,
.btn:active,
.btn:focus,
.btn:hover{
    outline:none !important;
}
.btn_footer, .btn_footer:active {
    margin: 0!important;
}
.schedule {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 45px;
}
.grafik{padding-bottom: 45px;}
.block_btn_footer {text-align: right}
.phone_form , .map_form, .news_form{margin-top:100px;}
.modal-content-phone {
    background-color: rgba(0,0,0,0.7);
    padding: 5px 10px 25px;
}
.modal-content-phone .modal-header {
    border:0;
    padding: 0;
}
.content-map {
    padding:0;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    overflow: hidden;
}
.news img {margin-bottom: 15px}
.news_form .btn_block {margin: 0 auto}
.phone_form .modal_kostil {display: none!important}

@media (max-width: 768px) {
    .logo-block {width: 100%}
    .slider_nav {
        display: none;
    }
    .col-sponsor {width: 33%}
    .block_btn_footer {text-align:center; margin:29px 0}
    .schedule {text-align: left;position: relative}
    .grafik {padding-bottom: 0;  }
    .footer-submit-block {
        margin: 10px 0 10px;
    }
    .top .nav-pills>li>a {
        text-transform: uppercase;
        font-size: 8pt;
        padding: 5px 15px;
    }
}
@media (max-width: 992px) {
    .btn_block5, .btn_block5:active {margin: 45px 0}
    .top .nav-pills>li>a, .top .nav-pills>li>a:active {
        padding: 14px 6px;
    }
    .block3_text h3, .block3_text p {
        text-align: right;
    }
    .slider_right_img {
        display: none;
    }
    .sto-title span {
        display: block;
    }
    .block3_director {  display: none;}
    .slider_left_text {text-align: center;}
    .remont-t {display: none;}
    .zapcasti-t {display: none;}
    .oil-t {display: none;}
    .dopolnitelnie-t{display: none;}
    .block_avatar {display: none;}
    .sto-vertical {
        display: table;
        margin: 15px 0 15px;
    }.block3_text {
         margin-top: 37px;
     }
    .btn_block3, .btn_block3:active .btn_block, .btn_block:active  {
        margin: 45px 0;
    }
    .block3 {
        text-align: center;
    }
    .block4_right {display: none;}
    .block4 li { max-width: none;}
    .block6-center {text-align: center;}
    .block4 ul {
        margin: 58px 0 55px;
    }
    .sponsor {
        padding: 40px 0px 45px;
    }
    .block {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .block5 h2 {
        margin: 50px 0 50px;
    }
    .carousel-ind-block5 {
        bottom: -64px;
    }
    .block5_phone {
        margin: 90px 0 0px;
    }
    .block6 h2 {
        margin: 50px 0 50px;
    }
    .carousel-ind-block6 {
        bottom: -50px;
    }
    .block6 {
        padding-bottom: 4px;
    }
    .block7 h2 {
        margin: 50px 0 50px;
    }
}
@media (max-width: 488px) {
    .loko {
        width: 100%!important;}
    .header-telephone {display: none;}
    .btn_block3, .btn_block3:active {
        margin: 15px 0;
    }
    .block4 ul {
        margin: 28px 0 25px;
    }
    .sponsor {
        padding: 10px 0px 25px;
    }
    .block {
        padding-bottom: 0;
        padding-top: 0;
    }
    .block5 h2 {
        margin: 30px 0 30px;
    }
    .carousel-ind-block5 {
        bottom: -44px;
    }
    .block5_phone {
        margin: 60px 0 0px;
    }
    .block6 h2 {
        margin: 30px 0 30px;
    }
    .carousel-ind-block6 {
        bottom: -30px;
    }
    .block7 h2 {
        margin: 30px 0 30px;
    }
    .col-sponsor {width: 50%}
    .inner-block5 {
        margin: 0 15px;
}

    .btn_slider, .btn_slider:active {
        padding: 25px 30px;
        font-size: 12pt;
    }
    .doverie_left {padding-left: 20px;}
    .doverie_right {padding-right: 20px;}
}

@media (max-width: 375px) {

    .slider_top .height {
        height: calc(100% - 67px);
    }
    .slider_top .carousel-inner {
        max-height: 576px;
        width: auto;
    }
    .slider_left_text h4 {
        margin-top: 42px;
        margin-bottom: 0px;
    }

    h1 {
        font-size: 30pt; /*54.6px*/
        line-height: 31pt;
        font-family: PlayBold;
    }
    h2 {
        font-size:25pt; /*40px*/
        line-height:27pt
    }
    h3 {
        font-size: 15pt; /*24px*/
        line-height: 16pt;
    }
    h4 {
        font-size: 12pt; /*20px*/
        line-height: 16pt;
    }
    h5 {
        font-size: 11pt; /*20px*/
        line-height: 16pt;
    }
}