.pv-100{ padding-top: 100px; padding-bottom: 100px;}
.pv-70{ padding-top: 70px; padding-bottom: 70px;}
.pv-50{ padding-top: 50px; padding-bottom: 50px;}
.pt-20{padding-top:20px;}
.pt-60{padding-top:60px;}
.pb-40{padding-bottom:40px;}
.m0{margin: 0;}

.nav > li > a {
    color: #333;
    display: block;
    padding: 10px 15px;
    position: relative;
}
.nav > li > a:hover {color:#e86349;}
a.text-line{ color: #333; font-size: 16px; line-height: 55px;}
a.text-line:hover{ color: #d6563d; font-size: 16px; line-height: 55px;}
.text-line{ color: #333; font-size: 16px; line-height: 55px;}
.navbar-nav > li > a {padding-bottom: 15px;padding-top: 18px;}
.width_100-20{width:80%;}

.center-xs{text-align: left;}
/*what-makes-us-different page style*/
.what-makes-us-different #header{
    background-image: url("/template/stepes/outside/img/what-makes-up-different.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.pro-outside h1.big-title-h1{font-size: 200px; color: #fff; letter-spacing: 90px;}
.stepes-outside h1{font-family: "Open Sans",sans-serif;font-size:4em;font-weight: normal;color:#FFF;}
.pro-outside h2{line-height:1em;}
.b-b-s{border-bottom:1px solid #f1f1f1;}
.what-makes-us-different .block-1:before{content:"";height:0;width:0;display:block;left:50%;border-style:solid;position: relative;top:-25px; border-color: transparent transparent #fafafa; border-width:13px 23px; margin-left:-23px;}

.features-item{padding-top: 20px;}
.features-item .features-item-icon{ float:left; margin-right:30px; position: relative;top:20px;}
.features-item .features-item-icon span{font-size:30px;color:#e46264;padding-top:10px;}
.features-item-body{overflow:hidden;}

.features-item .features-item-icon .how-it-work-icon{background: url("/template/stepes/outside/img/what-makes-us-different/what-make-us-different-icon.png?0") no-repeat 0 0 / 75px auto;width: 75px; height: 75px;display: block;overflow: hidden;position: relative;}
.features-item .features-item-icon .icon-1{background-position: 0 0;}
.features-item .features-item-icon .icon-2{background-position: 0 -75px;}
.features-item .features-item-icon .icon-3{background-position: 0 -150px;}
.features-item .features-item-icon .icon-4{background-position: 0 -225px;}
.features-item .features-item-icon .icon-5{background-position: 0 -300px;}
.features-item .features-item-icon .icon-6{background-position: 0 -375px;}
.features-item .features-item-icon .icon-7{background-position: 0 -450px;}
.features-item .features-item-icon .icon-8{background-position: 0 -525px;}
.features-item .features-item-icon .icon-9{background-position: 0 -600px;}

.dark-bg-wrap,.dark-bg-wrap h2{color:#fff;}
.dark-bg-wrap p{color: #ccc;}
.dark-bg-wrap{min-height: 300px;background:#161C21 url("/template/stepes/outside/img/about/stepes_map.png") no-repeat center center; }
.dark-bg-wrap .big-number{font-size: 3.2em;font-family: "Open Sans", sans-serif;}
.dark-bg-wrap .b-line{border-left: 1px solid rgba(255,255,255,.5);}

@media (max-width:991px){
    .dark-bg-wrap .b-line{border-top: 1px solid rgba(255,255,255,.5);border-left: none!important;padding-top: 30px;margin-top: 30px;}
    .dark-bg-wrap .dark-bg-wrap-item-wrap{padding-left: 15px;padding-right: 15px;}
    .pv-100{ padding-top: 50px; padding-bottom: 50px;}
}

@media (max-width: 499px) {
    .width_100-20{width:100%!important;}
    .features-item .features-item-icon{text-align: center; float: none;margin-right: 0; margin-bottom: 20px;}
    .features-item .features-item-icon .how-it-work-icon{margin: 0 auto;}
    .center-xs{text-align: center;}
    .what-makes-us-different #header{
        background-image: url("/template/stepes/outside/img/what-makes-up-different-xs.jpg");
    }
}