body{ font-family:'Roboto', sans-serif;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

@font-face {
    font-family: Pe-icon-7-stroke;
    src: url("../fonts/Pe-icon-7-stroke.ttf");
}


@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=cyrillic,cyrillic-ext');



/* for global css*/
.container{max-width:1170px; margin: 0 auto;}
.bg{ display: flex; justify-content: center; position: relative;}
.bg:after{position: absolute; right: 0; left: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .6); content: ""}

@media(max-width: 800px){
    .bg{height: 100%;padding-bottom: 100%;}
}
.intro{position: relative; z-index: 1}
.intro-js{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.intro-top{text-align: center;}
.intro-top__logo{ display: inline-block;width: 175px; height: 175px; background: url("../assets/police.logo.png") no-repeat; background-size: cover; margin-bottom: 40px;}
.intro-top__name{ font-size: 30px; color: #fff; text-transform: uppercase; margin-bottom:70px; font-weight: 500;}
.intro-middle{display: flex;}
.intro-middle-items{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.intro-middle-items__item{padding: 0 10px; width: 33.33%; position: relative;   }
.intro-middle-items__item:last-child{margin-right: 0;}
.intro-middle-box{display: block}
.intro-middle--box{display: flex;padding: 40px; align-items: center; flex-direction: column;border: 2px solid #fff; border-radius: 15px;font-size: 14px; color:#fff; font-weight: 700; text-transform: uppercase;text-align: center;}
.intro-middle--box:hover{background: #fff; color: #2e3092;}
.intro-middle--box__icon{font-size: 60px;padding-bottom: 30px;}
.intro-middle--box__txt{height: 30px;}
@media (max-width: 800px){
    .intro-middle{ width: 100%; text-align: center; }

}
@media (max-width: 600px){
    .intro-middle-items  { flex-wrap:wrap ;  flex: 1; width: 100%;}
    .intro-middle-items__item { width: 100%; padding-bottom: 20px;}
    .intro-middle--box__icon{padding-bottom: 0; margin-right: 20px;}
    .intro-middle--box{ flex-direction: row; padding: 10px 30px; }
    .intro-middle--box__txt{height: auto;}
}
/*---->list*/
.list{position:absolute;display: none; width: 1000px; left: 50%; right: 50%; transform: translate(-50%); top: 230px;}
.list:after{content:'';position: absolute;bottom: 100%;left: 54%;margin-left: -50px;width: 0;height: 0;border-bottom: solid 10px #fff;border-right: solid 10px transparent;border-left: solid 10px transparent;}
.hide ~ .list{display: block;}
.list-items{display: flex; flex-wrap: wrap; justify-content: center;}
.list-item{width: 20%}
.list-item-box{padding: 15px 40px; display: flex; flex-direction: column;font-size: 12px; color:#fff; font-weight: 700; border: 2px solid #fff;text-align: center; overflow: hidden;}
.list-item-box:hover{background: #fff; color: #2e3092;}
.list-item-box__icon{font-size: 30px;}
.list-item-box__txt{padding-top: 15px; height: 40px; line-height: 12px;}
.list__bot{ display: flex; justify-content: center;max-width: 800px; margin: 0 auto; border-bottom: 2px solid #fff; border-left: 2px solid #fff;}

@media (max-width: 800px) {
    .list{width: unset; right: 0; left: 0; transform: none;}
    .list:after{left: 74%;}
    .list-items{ flex-direction: column; align-items: center;}
    .list-item{width: 90%; margin-bottom: 10px;}
    .list-item-box{border-radius: 15px;}
}
@media (max-width: 600px){
    .list{position: inherit; left:50%; top:10px; transform: translate(-50%);}
    .list:after{ left: 65%;}
    .list-items{ flex-direction: column; padding-bottom: 30px;}
    .intro-top__name{font-size: 24px; margin-bottom: 30px;}
    .intro-top__logo{width: 100px; height: 100px; background-size: contain; margin-bottom: 20px;}
    .list{margin-top: 30px;}
}

.intro-wrapper{width: 100%; position: relative; z-index: 100; height: 100%; }
.intro-wrapper:before{position: absolute; right: 0; left: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.6); content: ""}
.intro-container{;box-sizing: border-box;top: 40%;  left: 50%; transform: translate(-50%,-50%); position: absolute;  }
.swiper-container{    width: 100% !important;height: 100% !important;}
.intro-swiper{position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1}
.intro-swiper__item{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center center;; background-repeat: no-repeat; background-size: cover;}
@media (max-width: 600px){
    .intro-container{top: 50%}
}

.ds-menu-item:after{display: table;clear: both;content: '';}
.ds-menu-item__icon{    float: left;font-size: 24px;width: 30px;margin-right: 15px;overflow: hidden;}
.ds-menu-item__text{    font-size: 14px;width: calc(100% - 45px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.push{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.backBtn {background-color: #2f3192;font-size: 24px;text-align: right;color: #fff !important;}
.backBtn:hover {color: #01aaef;background-color: #f8f8f8;}
.menu-right .backBtn {text-align: left;}
.menu-top .backBtn, .menu-bottom .backBtn {text-align: left;}
.menu {border-right: 1px solid #2980b9;background-color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;position: fixed;top: 0;z-index: 10;width: 280px;height: 100%;}
.menu a {display: block;color: #363636;padding: 0 20px;line-height: 60px;border-top: 1px solid #4648ba;;text-decoration: none;position: relative;z-index: 11;}
.menu a:last-child {border-bottom: 1px solid #4648ba;;}
.menu a:hover,
.menu a:active {color: #01aaef;background-color: #f8f8f8;}
.menu-top {width: 100%;top: -100%;}
.menu-top.top-open {top: 0;}
.push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}