.pv-100{ padding-top: 100px; padding-bottom: 100px;}
.pv-70{ padding-top: 70px; padding-bottom: 70px;}
.pv-50{ padding-top: 50px; padding-bottom: 50px;}
.pv-20{ padding-top: 20px; padding-bottom: 20px;}
.pv-10{ padding-top: 10px; padding-bottom: 10px;}
.ph-10{ padding-left: 10px; padding-right: 10px;}

.pt-20{padding-top:20px;}
.pb-20{padding-bottom:20px;}

.pt-40{padding-top:40px;}
.pb-40{padding-bottom:40px;}
.pt-60{padding-top:60px;}
.pb-60{padding-bottom:60px;}
.pt-80{padding-top:80px;}
.pb-80{padding-bottom:80px;}

.m0{ margin: 0;}
.mb0{ margin-bottom: 0;}
.mb-20{ margin-bottom: 20px;}
.mt{margin-top: 10px;}

.nav > li > a {
    color: #333;
    display: block;
    padding: 10px 15px;
    position: relative;
}
.nav > li > a:hover {color:#e86349;}
.navbar-nav > li > a {padding-bottom: 15px;padding-top: 18px;}

#header .hero-title{font-size: 8em;}
.stepes-termWiki #header{
    background-image: url("/template/stepes/outside/img/stepes-translators.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.termWiki #header{
    background-image: url("/template/stepes/outside/img/Big-Stepes-Translators.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.width_100-20{width:80%;}
.width_100-40{width:60%;}

.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;}

.features-item .features-item-icon span{font-size:30px; color:#333;padding-top:25px;}
ol,ul{padding:0;margin:0;}
ol li{list-style:none;}
.steps-translation li{ margin-bottom:30px;position:relative;}
.steps-translation li .light-gray-bg{border-radius:3px;min-height:180px;}
.steps-translation li .fa{font-size:70px;color:#e46264;}
.steps-translation li .number{font-size:30px;font-weight:bold;}
.pro-outside h1{line-height:1.2em!important;}

.text-orange{color: #e46264!important;}
.text-transform-upper{text-transform: uppercase;}
.section-1{position: relative;background-color: #ffffff}
#header .header-caption{padding: 220px 30px 0;}
.termWiki .slide-down{background-color: #0687d5;padding: 15px 0;width:100%;top: 0;z-index: 10;}
.termWiki .slide-down p{color: #ffffff;}

.user-wrap .user-face{ max-width: 45px;}
.user-wrap .termwiki-logo{padding-top: 7px;}

.btn-border-blue{border:3px solid #0687d5; background-color: #ffffff; color: #0687d5;}
.btn-border-blue:hover,.btn-border-blue:hover{ background-color: #0687d5; color: #ffffff;}
/*.termwiki-con-wrap{position: relative; margin-top: -110px;z-index: 10;}*/

.blue-bg-wrap{min-height: 300px;color:#fff; background:#0687d5 url("/template/stepes/outside/img/about/stepes_map.png") no-repeat center center; }
.blue-bg-wrap .big-number{font-size: 4em;font-family: "Open Sans", sans-serif;}
.blue-bg-wrap .b-line{border-left: 1px solid rgba(255,255,255,.5);}
.blue-bg-wrap h2{color: #ffffff!important;line-height: 1.2;}


@media (max-width: 499px){
    .width_100-20{width:100%!important;}
    .width_100-40{width:100%!important;}
    .pv-70{ padding-top: 20px; padding-bottom: 20px;}
    .dark-bg-wrap-item-wrap{padding-left: 15px; padding-right:15px;}
    .stepes-termWiki #header{
        background-image: url("/template/stepes/outside/img/stepes-translators-xs.jpg");
    }
    .termWiki #header{
        background-image: url("/template/stepes/outside/img/Big-Stepes-Translators-xs.jpg");
    }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
    #header .hero-title{ font-size: 4em; color: #fff;}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
    #header .hero-title{ font-size: 3em; color: #fff;}
}
@media (max-width:767px){
    #header .hero-title{ font-size: 2.4em; color: #fff;}
}
@media (max-width:991px){
    .blue-bg-wrap .b-line{border-top: 1px solid rgba(255,255,255,.5);border-left: none!important;}
}