body{
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    position: relative;;
    line-height: 1.2;
    font-weight: 400;
}

a:hover{
    text-decoration: none;
}

input[type="file"]{
    border: none;
}

.has-error{color: red; font-size: 12px;}

li {
    display: list-item;
}

form ol, ul {
    margin: unset;
    padding: unset;
}

.clearFix:after{clear: both; display: table; content: ""}
.w-100{width: 100%;}

.main{
    margin-top: 100px;
}
.main-mt-30{
    margin-top: 30px !important;
}

.top-header{
    background-color: #032d50;
}
.top-header-menu{
    font-size: 12px;
}
.top-header-menu > li:first-child{
    border-left: none;
}

.top-header-menu > li{
    border-color: #ffffff;
    float: left;
}

.top-header-menu > li{
    position: relative;

}
.top-header-menu > li > a{
    height: 30px;
    line-height: 30px;
    display: block;
    position: relative;
    padding: 0 13px;
    color: #ffffff;
}
.top-header-menu > li > a.active{
    background-color: #001a2f;
    color: #fff;
    font-weight: bold;
}
.top-header-menu > li > a:hover{
    background-color: #001a2f;
    color: #326d9d;
}
.top-header-menu > li:first-child > a{
    /*padding-left: 0px;*/

}


.top-header__info{
    line-height: 30px;
    font-size: 12px;
    color: #ffffff;
    text-align: right;
}


.header-top{

}

.header-top__box{  padding: 30px 0;  width: 100%;  }
.header-top__logo{  float: left;  }
.header-top__extra{  float: right;  height: 70px;  position: relative;  }
.header-top__social{  width: 100%;  text-align: right;  }
.header-top__social > a{  display: inline-block;  font-size: 14px;  color: #043661;  margin: 0 5px;  }
.header-top__lang{  }
.header-top__lang > a{  font-size: 14px;  font-weight: 400;  font-family: Roboto, sans-serif;  text-transform: uppercase;  }
.header-top__lang > a.active{  color: #043661;  }
.header-top__lang > a:hover{  color: #043661;  }
.header-top__lang > a:after{  content: " | ";  padding: 0 15px;  }
.header-top__lang > a:last-child:after{  content: "";  padding-right: 0;  }

.header-menu{
    background-color: #043661;
}

.header-menu--gradient{
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.header-menu__box{  width: 100%;  }

.header-menu__list{  float: left;  }

.header-menu__list > li{  display: inline-block;  padding: 10px 0;  }
.header-menu__list > li > div{  display: inline-block;  padding-right: 30px;  color: #fff;  font-family: Arial, sans-serif;  font-size: 14px;  line-height: 40px;  text-transform: uppercase;  }


.header-menu__list > li > div:first-child{  padding-left: 0;  }

.header-menu__item{  position: relative;;  }
.header-menu__dropdown{  position: absolute;  top: 60px;  left: -20px;  width: 210px;  overflow: hidden;  display: none;  }
.header-menu__dropdown-bg{  background: #424242;  overflow: hidden;  }
.header-menu__dropdown-item{  display: table-cell;  width: 200px;  font-family: Roboto, sans-serif;  height: 50px;  vertical-align: middle;  line-height: 1.2;  font-size: 14px;  color: #fff;  padding: 0 20px 0;  overflow: hidden;  }
.header-menu__dropdown.on{  display: block;;  }

.sub-menu{position: absolute;top: 60px;left: 0;visibility: hidden;opacity: 0;z-index: 1;transition: opacity 0.2s ease-in;background-color: #ffffff;border-top: 3px solid #043661;font-family: 'Raleway', Arial, Helvetica, sans-serif;font-weight: 400;box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);-moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);min-width: 250px;}
.sub-menu__item{position: relative;cursor: pointer; list-style: none;}
.sub-menu__title{padding: 10px 20px; line-height: 19px;color: #333333;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px;display: block;box-sizing: content-box;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;}
.sub-menu__title:hover{background-color: #ededed;}
.sub-menu ul{position: absolute;visibility: hidden;opacity: 0;z-index: 1;transition: opacity 0.2s ease-in;background-color: #ffffff;border-top: 3px solid #032d50;font-family: 'Raleway', Arial, Helvetica, sans-serif;font-weight: 400;box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);-moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);min-width: 250px;left: 250px;top: -3px;}
.header-menu__item:hover .sub-menu{opacity: 1;visibility: visible;;}
.sub-menu__item:hover .sub-menu-dropdown{opacity: 1;visibility: visible;;}

.header-menu__search{  float: right;  padding: 10px 0;  }
.header-menu__form{  width: 255px;  position: relative;  }
.header-menu__input{  background-color: #fff;  border: none;  border-radius: 5px;  vertical-align: middle;  display: inline-block;  line-height: 40px;  max-width: 100%;  width: 100%;  padding: 0 20px;  color: #999;  transition: all 0.2s ease-in-out;  box-sizing: border-box;  font-size: 14px;  outline: none;  }
.header-menu__button{  position: absolute;  cursor: pointer;  right: 0;  top: 0;  height: 100%;  width: 40px;  border: 0;  background: transparent;  color: #043661;  }

.m-header{  display: none;  }
.m-header__box{  display: table;  width: 100%;  height: 56px;  background: #fff;  border-bottom: 1px solid #efefef;  overflow: hidden;  z-index: 25;  }
.m-header__box li {  display: table-cell;  vertical-align: middle;  width: 10%;  text-align: center;  }
.m-header__box li i {  color: #043661; ;  }
.m-header__box li img{  width: 19%;  min-width: 120px;  }
.m-header-search{  background: #efefef;  overflow: hidden;  position: absolute;  width: 100%;  top: 55px;  z-index: 23;  display: none;;  }
.m-header-search input{  float: left;  width: 80%;  height: 50px;  font-size: 14px;  line-height: 50px;  font-weight: bold;  color: #231f20;  padding: 0 5%;  border: none;  background: #efefef;  }
.m-header-search a{  float: left;  display: block;  width: 20%;  font-size: 14px;  line-height: 50px;  text-align: center;  color: #fff;  background: #005b9a;  cursor: pointer;  }
.m-header-menu{  position: absolute;  width: 100%;  top: 55px;  z-index: 25;  overflow: hidden;  display: none;  }
.m_menu{  background: #fff;  }

.m_menu div{  line-height: 58px;  font-size: 16px;  text-align: center;  border-bottom: 1px solid #efefef;  cursor: pointer; border-top: 1px solid #efefef;     color: #6b6a6a;}
.m_menu ul{  background: #eaeaea;  display: none;  }
.m_menu ul > li{  line-height: 50px;  font-size: 16px;  padding-left: 5%;  border-bottom: 1px solid #efefef;  }
.m_menu ul > li > a{  display: block;;  }

.m_login{
    background: #fff;
    border-bottom: 1px solid #efefef;
    text-align: center;
}
.m_login a{
    line-height: 50px;
    font-size: 14px;
    padding: 0 3%;
    display: inline-block;;
    color: #6b6a6a;
}


.m_on {display:none;}


@media only screen and (max-width:1024px) {
    .m_no {display:none;}
}
@media only screen and (max-width:860px) {
    .m_off {display:none;}
    .m_on {display:inline-block;}
    #my {display:none;}
}

@media (max-width: 1200px) {
    .header-menu__list > li > a{
        font-size: 12px;
    }
}
@media (max-width: 992px) {
    .header-menu__list{width: 100%; float: none;}
    .header-menu__search{float: none;}
    .header-menu__form{margin: 0 auto}
    header{display: none;}
    .m-header{display: block;}
    .main{margin-top: 0 !important;}
    .sub-menu{display: none;}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}


.main-slider{  position: relative;  }
.main-slider__item .overlay{
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 50vh;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.75) 96%, rgba(0,0,0,0.65) 97%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.75) 96%,rgba(0,0,0,0.65) 97%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.75) 96%,rgba(0,0,0,0.65) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.main-slider__tagline{  position: absolute;  bottom: 110px;  font-size: 42px;  font-weight: 700;  font-family: "Arial Rounded MT Bold", sans-serif;  color: #fff;  max-width: 600px;  z-index: 2;  }
.main-slider__item{  background-image: url("https://i.pinimg.com/originals/de/82/1e/de821ef469bb43d853deca96c5096b00.jpg");  width: 100%;  display: block;  overflow: hidden;  position: relative;  background-position: 50% 50%;  background-repeat: no-repeat; background-size: cover;  -moz-background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  height: 30vh;  }
.main-slider__content{  max-width: 1000px;  display: block;  position: absolute;  bottom: 12%;}
.main-slider__title{
    font-size: 42px;
    font-weight: 700;
    font-family: "Arial Rounded MT Bold", sans-serif;
    color: #fff;
    bottom: 150px;
}
.main-slider__desc{  font-size: 18px;  font-weight: 300;  font-family: Roboto, sans-serif;  line-height: 24px;  position: relative;  padding-left: 20px;  display: block;  color: #666666;  }
.main-slider__desc:before{  content: "▪";  font-size: 24px;  position: absolute;  top: 0px;  left: 0;  color: #043661;  }
.main-slider__pagination{  position: absolute;  top: 50%;  width: 27px;  height: 44px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  background-size: 27px 44px;  background-position: center;  background-repeat: no-repeat;  }
.main-slider__pagination > i{  color: #043661;  font-size: 32px;  }
.main-slider__pagination--left{  left: 20px;  right: auto;  }
.main-slider__pagination--right{  right: 20px;  left: auto;  }
.main-slider__pagination.main-slider__pagination--right.swiper-button-disabled{  opacity: 0.3;  }
.main-slider__pagination.main-slider__pagination--left.swiper-button-disabled{  opacity: 0.3;  }


@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .main-slider__tagline{display: block; font-size: 20px; text-align: center; bottom: 30px; background: #292929; padding: 10px;}
    .main-slider:after{z-index: 0;}
    .main-slider__item{height: 300px;}
    .main-slider__content{    right: 10px; left: 10px; text-align: center;}
    .main-slider__pagination--right{right: 10px;}
    .main-slider__pagination--left{left: 10px;}
    .main-slider__pagination > i{font-size: 24px;}
    .main-slider__title{font-size: 22px; line-height: 16px;}
    .main-slider__desc{font-size: 10px; line-height: 12px; padding: 10px; background: #292929;}
}
@media (max-width: 576px) {

}


.why-miu{
    /*background-color: #043661;*/
    padding: 10px 0;
}
.why-miu__title{
    float: left;
    display: block;
    font-size: 22px;
    font-family: Roboto, sans-serif;
    line-height: 40px;
    color: #fff;
    margin-right: 40px;
}
.why-miu__icon{
    float: right;
    display: block;;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #032d50;
    /*border-radius: 50%;*/
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.why-miu__icon:after{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: FontAwesome, sans-serif;
    color: #fff;
    content: "\f067";
    font-size: 20px;
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .why-miu__title{font-size: 18px; line-height: 40px; margin-right: 20px;}
    .why-miu__icon{width: 40px; height: 40px; line-height: 40px;}
}
@media (max-width: 576px) {

}

.home-article{
   width: 100%;
    padding-top: 34px;
    padding-bottom: 40px;
}

.home-article__title{
    font-family: Roboto, sans-serif;
    font-size: 30px;
    color: #043661;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 30px;
}
.home-article > .home-article__name:hover{
    color: #043661;
}
.articles-item > .home-article__name:hover{
    color: #043661;
}
.home-article__header:after{
    clear: both;
    display: table;
    content: "";
}

.home-article__icon{
    float: right;
    display: block;;
    width: 20px;
    height: 20px;
    /*line-height: 30px;*/
    margin: 5px 0;
    background-color: #032d50;
    /*border-radius: 50%;*/
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.home-article__icon:after{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: FontAwesome, sans-serif;
    color: #fff;
    content: "\f067";
    font-size: 14px;
}





.home-article__item{

}
.home-article__img{
    width: 100%;
    height: 0;
    padding-bottom: 60.7843137%;
    overflow: hidden;
    position: relative;
    /*background-color: #363636;*/
    margin-bottom: 20px;
}

.home-article-items:hover .home-article__name{
    color: #032d50;
}

.home-article__name{
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #363636;
    display: block;
    margin-bottom: 10px;
}

.home-article__desc{
    font-family: Roboto, sans-serif;
    font-size: 12px;
    display: block;
    line-height: 16px;
    max-height: 48px;
    overflow: hidden;
    font-weight: 300;
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .home-article{padding-bottom: 40px;}
   .home-article__title{font-size: 24px;}
    .home-article-items{margin-bottom: 20px;}
}
@media (max-width: 576px) {

}

.home-notice{
    width: 100%;
    padding-bottom: 40px;
}

.home-notice-item{
    width: 100%;
}

.home-notice-item__title{
    font-family: Roboto, sans-serif;
    font-weight: 300;
    display: inline-block;;
    font-size: 24px;
    line-height: 30px;
    color: #043661;

}

.home-notice__header{
    padding: 13px 0;
    border-top: 2px solid #043661;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 27px;
}

.home-notice-item__news{
    margin-bottom: 20px;
}
.home-notice-item__name{
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: block;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;;
    margin-bottom: 10px;
    color: #363636;
}

.home-notice-item__name:hover{
    color: #043661;
}

.home-notice-item__date{
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #999999;
}

.home-notice-calendar{
    background: #043661;
    color: #fff;
    padding: 0 20px;
    border-radius: 1%;
}

.home-notice-calendar .home-notice-item__title{font-weight: 400; color: #fff;}
.home-notice-calendar .home-notice-item__news{padding-bottom: 10px;border-bottom: 1px solid #e0dede;}
.home-notice-calendar .home-notice-item__name{color: #fff;}
.home-notice-calendar .home-notice-item__date{color: #e8e8e8; }
.home-notice-calendar .swiper-container{height: 312px; overflow: hidden;}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .home-notice{padding-bottom: 40px;}
}
@media (max-width: 576px) {

}

.home-media__head{
    width: 100%;
}
.home-media__title{
    font-family: Roboto, sans-serif;
    font-size: 30px;
    color: #043661 !important;
    display: inline-block;
    font-weight: 300;
}
.home-media{
    /*background-color: #F2F2F2;*/
    padding-bottom: 70px;
}

.home-media__name{
    color: #363636;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    display: block;
    padding-top: 30px;
    padding-bottom: 18px;
}

.home-media__video{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.home-media__video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-media__list{
    position: relative;
    overflow: hidden;
    height: 365.63px;
    max-width: 100%;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    outline: none;
    background-color: #fff;
    direction: ltr;
}

.home-media__item{
    overflow: hidden;
}


.home-media__item > a {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 15px 30px;
    transition: .2s;
}

.home-media__imgpad{
    line-height: 0;
    float: left;
    width: 110px;
    position: relative;
}

.home-media__img{
    padding-bottom: 54.5454545%;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;;
    background-color: #363636;
}

.home-media__box{
    margin-left: 129px;
}
.home-media__item-name{
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    font-family: Roboto, sans-serif;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;;
    display: block;;
    margin-bottom: 3px;
}

.home-media__item-date{
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #999999;
    font-weight: 300;
}

.home-media .col-lg-7{padding-right: 0}
.home-media .col-lg-5{padding-left: 0}

.home-media__item:hover{
     background-color: #032d50;
 }
.home-media__item--active{
    background-color: #032d50;
}
.home-media__item--active .home-media__item-name{
    color: #fff;
}
.home-media__item:hover .home-media__item-name{
    color: #FFFFFF;
}
.home-media__item:hover .home-media__item-date{
    color: #C385F9;
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .home-media .col-lg-7{padding-right: 15px;}
    .home-media .col-lg-5{padding-left: 15px;}

    .home-media__list{
        border-top: 1px solid transparent;
        border-bottom: 1px solid #EBEBEB;
        border-right: 1px solid #EBEBEB;
        border-left: 1px solid #EBEBEB;
    }

}
@media (max-width: 576px) {
    .home-video--other{display: none;}
}


footer{

}
.footer-top{
    background-color: #EBEBEB;
    padding: 60px 0;
}



.footer-menu{

}

.footer-menu__title{
    color: #043661;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 18px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
}
.footer-menu ul > li{
    display: block;;
    margin-bottom: 5px;
}
.footer-menu ul > li > a{
    font-size: 10px;
    line-height: 14px;
    color: #666666;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
}

.footer-bottom{
    background-color: #2C2D2F;
    padding-top: 50px;
    overflow: hidden;;
    text-align: center;
}

.footer-bottom__logo{
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.footer-bottom__text{
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #D4D4D4;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 40px;
}

.footer-bottom__social{
    display: block;
    margin-bottom: 30px;
}

.footer-bottom__social > a{
    display: inline-block;
    font-size: 18px;
    background-color: #C7C6C7;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}


.footer-bottom__social > a > i{
    line-height: 40px;
    color: #363636;

}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .seven-cols .col{flex-basis: auto; margin-bottom: 20px;.why-miu__icon}
}
@media (max-width: 576px) {

}


header{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 25;
}

.top-off{
    transform: translate(0, 0);
    transition: transform 0.5s;
}
.top-on{
    transform: translate(0, -30px);
    transition: transform 0.5s;
}




@media only screen and (min-width: 40em) {
    .modal-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    }
    .modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}

.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    width: 600px;
    max-width: 75rem;
    min-height: 20rem;
    padding: 1rem;
    border-radius: 3px;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.modal .close-modal {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 15px;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s;
}
.modal .close-modal svg {
    width: 1.75em;
    height: 1.75em;
}
.modal .modal-content {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s;
}
.modal.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.modal.active .modal-content {
    opacity: 1;
}
.modal.active .close-modal {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 1;
}

/**
 * Mobile styling
 */
@media only screen and (max-width: 39.9375em) {
    h1 {
        font-size: 1.5rem;
    }
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        border-radius: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        padding: 0 !important;
    }

    .close-modal {
        right: 20px !important;
    }
}


.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y{
    background-color: #043661 !important;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
    background-color: #043661 !important;
}

.breadcrumb{
    margin: 10px 0;
    background-color: transparent !important;
}
.uk-breadcrumb{
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.uk-breadcrumb>*{
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: uppercase;
    color: #999;
}
.uk-breadcrumb>*>*{
    display: inline-block;
    font-size: .875rem;
    color: #999;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{
    content: "/";
    display: inline-block;
    margin: 0 20px;
    color: #999;
}
.uk-breadcrumb>:last-child>*{
    color: #043661;
}

.article__title{
    border-bottom: 1px solid #ebf3f9;
    font-size: 28px;
    line-height: 40px;
    font-family: 'Roboto Condensed',sans-serif;
    color: #363636!important;
    text-transform: uppercase!important;
    font-weight: bolder;
    margin-bottom: 20px!important;
}

.article__date{
    font-size: 14px;
    line-height: 20px;
    color: #999!important;
    margin-bottom: 20px!important;
}

.article-other{
    width: 100%;
    margin-bottom: 40px;
}

.article-other__title{
    color: #043661;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: uppercase!important;
    font-weight: bolder;
}

.article-other__divider{
    margin-bottom: 20px!important;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.article-other-item{
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.article-other-item__img{
    width: 80px;
    height: 80px;
    margin-right: 20px;
    opacity: .8;
}
.article-other-item__img a{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    background-color: #363636;;
}

.article-other-item__text{
    width: calc(100% - 100px);
    padding-left: 0;
}
.article-other-item__title{
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto Condensed',sans-serif;
    color: #363636;
}

.article-other-item:hover .article-other-item__title{
    color: #043661;
}

.social-icons {
    list-style: none;
    margin: 0;
    margin-bottom: 40px;
    text-align: center;
    padding: 0;
}
.social-icons li {
    display: inline-block;
    margin: 0 0.25em;
}
.social-icons span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
.social-icons a {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    text-decoration: none;
    color: white;
    text-align: center;
}
.social-icons a:before {
    font: 1.5em/1.75 "FontAwesome";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-icons a[href*="twitter"] {
    background-color: #55acee;
}
.social-icons a[href*="twitter"]:before {
    content: "";
}
.social-icons a[href*="google"] {
    background-color: #dd4b39;
}
.social-icons a[href*="google"]:before {
    content: "";
}
.social-icons a[href*="facebook"] {
    background-color: #3b5998;
}
.social-icons a[href*="facebook"]:before {
    content: "";
}

.articles-item{
    margin-bottom: 30px;
}

.articles-item__button{
    margin: 10px 0;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    display: block;
    line-height: 14px;
    font-weight: 300;
}

.articles-item__button > i{
    color: #999;
    margin-right: 5px;
}

.staticPage-header{
    border-color: #d2d3d4;
    background-image: url(../assets/topTitle.png);
    background-color: #032d50;
    height: 200px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    padding: 0 10px;
    /*border-top: 1px solid #d2d3d4;*/
    border-bottom: 1px solid #d2d3d4;
    -webkit-background-size: cover;
}



.staticPage-header__row{
    max-width: 1050px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
}

.staticPage-header__wrapper{
    display: table;
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
}

.staticPage-header__captions{
    text-align: center;
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.staticPage-header__title{
    font-size: 35px;
    line-height: normal;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 300;
}

.staticPage-menu{
    margin-bottom: 45px;
    position: relative;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

.staticPage-menu__headling{
    background-color: #032d50;
    padding: 15px 15px;
    margin-bottom: 20px;
}
.staticPage-menu__headling h4{
    color: #ffffff;
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 300;
}

.staticPage-menu__container{
    display: block;
    box-sizing: border-box;;
}

.staticPage-menu__item{
    display: block;
    padding: 10px 10px 10px 12px;
    border-bottom: 1px solid #e7e6e6;
    line-height: 20px;
    font-size: 13px;
    color: #747474;
    position: relative;
    font-weight: 400;
    padding-left: 20px;
}

.staticPage-menu__item:before{
    position: absolute;
    font-size: 13px;
    font-family: 'FontAwesome';
    content: '\f105';
    margin-left: -12px;
    color: #032d50;
}

.staticPage-menu__item:hover{
    background-color: #032d50;
    color: #fff;
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .staticPage-header{
        min-height: 140px;
    }
    .staticPage-header__title{
        font-size: 24px;
    }
}
@media (max-width: 576px) {

}

.image-wrapper .img {display: block;position: absolute;width: 100%;height: 100%;text-align: center;}
.image-wrapper .img img {width: 100%}
.image-wrapper .img img.horizontal {width: 100%;height: auto;position: relative;top: 50%;transform: translateY(-50%);}
.image-wrapper .img img.vertical {width: auto;height: 100%;}
.image-wrapper .img img.block {width: 100%;height: 100%;}
.image-wrapper .img.contained img.horizontal {position: relative;width: auto;height: 100%;left: 50%;transform: translateX(-50%);top: 0;}
.image-wrapper .img.contained img.vertical {position: relative;width: 100%;height: auto;top: 50%;transform: translateY(-50%);left: 0;}
.image-wrapper .img.contained img.block {width: 100%;height: 100%;}
.image-wrapper [data-type=vendue] {opacity: 0;transition: 0.3s opacity;bottom: 0;}
.image-wrapper .img {transition: 0.5s all;}


.c-content{    font-family: 'Roboto Condensed', sans-serif;  !important;     font-size: 16px; line-height: 1.75;color: #333;}
/*.c-content h1 h2 h3 h4 h5 h6 { margin-top: 20px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; font-family: "PT Sans", sans-serif; font-weight: bold; color: #333; }*/

.c-content h1 {font-family: 'Roboto Condensed', sans-serif; color: #222; font-size: 32px;margin: 10px 0px 10px 0px;font-weight: normal;}

.c-content h2 {font-family: 'Roboto Condensed', sans-serif; color: #00497d;font-size: 20px;margin-bottom: 4px;margin-top: 8px;padding-left: 6px;border-bottom: 2px solid #00497d;}

.c-content h3 {color: #454d62;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase;text-align: center}

.c-content h4 {color: #454d62;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase}

.c-content h5 {color: #00497d;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase;text-align: center}

.c-content h6 {color: #00497d;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase}


.c-content a:hover{color: #0077dd;}
.c-content b, strong { font-weight: 600; }
.c-content p{ margin: 16px 0px 16px 0px; }
.c-content p:first-child{margin-top: 0;}
.c-content p:last-child{margin-bottom: 0;}
/*.c-content p:nth-of-type(1){     text-indent: 2em;margin-top: 0px; }*/

.c-content a{ color: #0077dd; text-decoration: none; cursor: pointer; }
.c-content a[target=_blank]{text-decoration: underline;}

.c-content .tweetabletext{background-color:#e9ebe4;cursor:pointer;padding-left:0px;padding-right:4px; color: #000;}
.c-content .tweetabletext:after{font-family:"FontAwesome";content:'\f099';margin-left:4px}
.c-content .tweetabletext:hover{background-color:#e2f1f9}
.c-content .tweetabletext:hover:after{font-family:"FontAwesome";content:'\f099';margin-left:4px;color:#00acee}
.c-content figure.image{position: relative; padding: 0; margin: 0; display: inline-block;}
.c-content figure.image figcaption{ background-color: #dbe1ea; font-size: 11px; color: #454d62; text-align: center; font-style: italic; line-height: 1.6; padding: 4px; position: absolute; bottom: 0; box-sizing: border-box; left: 0; right: 0; width: 100% }
/*.c-content blockquote { border-left: 5px solid #0077dd; background: #f1f1f1; padding: 20px; }*/
.c-content .blockquote-second p { color: #333; font-size: 16px; font-style: normal; line-height: 23px; margin: 0; }
.c-content .blockquote-second {border-radius: 3px;position: relative;  /*  <--- */font-style: normal;text-align: center;padding: 1rem 1.2rem;width: 90%;  /* create space for the quotes */color: #4a4a4a;margin: 1rem auto 2rem;color: #4a4a4a;background: #E8E8E8; overflow: hidden; border: none !important;}
.c-content .blockquote-second:hover{box-shadow: 0 0 4px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;-ms-transition: all 350ms linear;transition: all 350ms linear;}

.c-content blockquote {border-top: 5px solid #0080c3 !important;border-bottom: 5px solid #0080c3 !important;border-left: 0px;float: right;display: block;width: 300px;margin: 20px;padding: 10px 10px 25px 10px !important;font-style: italic;position: relative; background-color: inherit !important; border-left: 1px solid #fff !important; border-right: 1px solid #fff !important;}
.c-content blockquote p{    font-size: 14px;line-height: 1.7;padding-left: 10px;margin-top: -.6em;font-family: Roboto, sans-serif;}
.c-content blockquote:after {clear: both;content: " "}
.c-content blockquote:before {color: #dbe1ea;content: "“";font-size: 6em;line-height: .1em;vertical-align: -.5em;margin-left: -.3em;margin-bottom: -.3em;font-family: "Times New Roman", Times, serif}

.c-content .blockquote-third { border-left: 5px solid #0080c3 !important; background: #f1f1f1 !important; padding: 10px 20px !important; overflow: hidden; width: 100%;; border-top: 1px solid #fff !important;  border-bottom: 1px solid #fff !important;  border-right: 1px solid #fff !important; margin-bottom: 10px !important;}

.c-content ol {
    padding-left: 50px
}
.c-content li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.c-content ul {
    padding-left: 40px;
}
.c-content ul > li {
    padding: 4px 4px 4px 8px
}



.c-content img{ border-color: #007bff; max-width: 100%;  height: auto !important; cursor: zoom-in; position: relative}
.c-content .fancybox{display: block; width: 100%; height: auto; position: relative;}
.c-content .fancybox:after{position: absolute;width: 24px;height: 24px;background-size: 24px 24px;background-repeat: no-repeat;background-image: url(../assets/zoom-icon-v2.png);opacity: 0.7;pointer-events: none;   top: 5px;right: 4px;content: ''}
/*.c-content table{ border-color: rgba(0,0,0,.125); background-color: #fff; margin: 20px 0;   border-collapse: collapse; }*/
/*.c-content table, th td {border: 1px solid #363636;}*/


.c-content caption{ color: #fff; background-color: #007bff; border-color: #007bff; padding: 10px; font-weight: bold; }
/*.c-content tr:hover { background-color: #eee; transition: 0.2s; }*/
/*.c-content th { background-color: #1E88E5; color: white; }*/
/*.c-content tr:nth-child(odd){ background-color: #f6f7fa; }*/
/*.c-content hr{ border: 0; border-top: 2px solid #333; opacity: .1; }*/
.c-content table {
    font-size: 14px;
    margin: 20px 0;
    width: 100%;
    border-top: 3px solid #363636;
    border-bottom: 2px solid #363636;
    border-collapse: collapse
}
.c-content table th {
    border: 1px solid #ccc;
    border-bottom: 1px solid #363636;
    font-weight: bold;
    padding: 4px;
    color: #363636;
    background-color: #dbe1ea
}
.c-content table td {
    border: 1px solid #dbe1ea;
    padding: 4px 8px;
    color: #363636;
    font-weight: 400
}
.c-content table th > p,
.c-content table td > p {
    margin: 0
}
.c-content table.tright tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tleft tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tshort td {
    padding: 2px
}

.c-content .videoWrapper{ width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.c-content .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.c-content .videoWrapper{width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.c-content .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.c-content .embeddedContent{width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.c-content .embeddedContent iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}

@media (min-width: 768px) and (max-width: 978px) {
    .c-content blockquote {
        width: 400px;
        font-size: 1.2em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (min-width: 601px) and (max-width: 767px) {
    .c-content blockquote {
        width: 300px;
        font-size: 1em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (max-width: 600px) {
    .c-content blockquote {
        width: 90%;
        font-size: 1em;
        padding: 10px 10px 40px 10px !important;
    }
    .c-content blockquote > p {
        font-size: 1em
    }
    .c-content img{
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .c-content blockquote {
        width: 100%;
        float: none;
        margin: 20px auto;
    }
    .c-content blockquote:before{
        margin-left: -.2em;
    }
}

@media (max-width: 600px) {
    .c-content table {
        width: 100% !important
    }

}

.image-slide-wrapper{position: relative; overflow: hidden; margin: 10px 0;}
.image-slide-wrapper__text{  background-color: #dbe1ea;font-size: 11px;color: #454d62;text-align: center;font-style: italic;line-height: 1.6;padding: 4px;position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}


.m20{margin-top: 20px; margin-bottom: 20px;}
.videoWrapper{width: 100%; position: relative; padding-bottom: 0; height: 0; overflow: hidden }
.videoWrapper--portrait{height: auto; padding-bottom: auto; text-align: center;}
.videoWrapper--portrait iframe{display: inline-block;}
/*.videoWrapper--portrait iframe{height: 100%; position: absolute; top: 0; left: 0; bottom: 0; border: none; width: 100%}*/
.videoWrapper--horizontal{padding-bottom: 56.25%}
.videoWrapper--horizontal iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.videoWrapper__top{width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden}


.home-intro{ background-image: url("../assets/davtald.jpg"); }
.home-intro-wrapper{height: 100vh; width: 100%; position: relative;}
.home-intro-box{position: absolute;   top: 45%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 80%; visibility: hidden;  animation-play-state: running;   animation-delay: 3s;}
.home-intro-logo{ display: block; background-image: url("../assets/intro-logo.png"); width: 140px; height: 186px; margin: 0 auto;}
.home-intro-lang{text-align: center; margin-top: 60px;}
.home-intro-lang .item{display: inline-block; position: relative; text-decoration: none; padding-bottom: 10px; }
.home-intro-lang .border-line{display: inline-block; width: 2px; height: 20px; background-color: #dcdcdc; margin: 0 25px; vertical-align: middle;}
.home-intro-lang .item:after{background: #043661 none repeat scroll 0 0;  bottom: 0;  content: "";  height: 3px;  left: 0;  position: absolute;  width: 0;     transition: all .5s ease;}
.home-intro-lang .item .img{display: inline-block; width: 28px; height: 14px;     margin-top: -2px; vertical-align: middle;}
.home-intro-lang .item .img.mn{ background-image: url("../assets/mn-flag.png"); }
.home-intro-lang .item .img.en{background-image: url("../assets/en-flag.png");}
.home-intro-lang .item .text{font-size: 14px; font-weight: 400; color: #666666;}
.home-intro-lang .item:hover .text{color: #000;}
.home-intro-lang .item:hover:after{width: 100%;}



/*Туслах толгой*/
.sub-header{background: #2C2D2F; padding: 17px 50px; box-sizing: border-box;  color: #fff; text-align: center; font-weight: 700; line-height: 24px;}
.sub-header:after{display: table; clear: both; content: '';}
.sub-header__name{color: #ffffff; font-size: 24px; font-family: 'Roboto Condensed', sans-serif;}
.sub-header__others{float: right;}
.sub-header-others:after{display: table; clear: both; content: '';}
.sub-header-others__item{float: left; font-size: 14px; font-weight: bold; color: #ffffff; display: block; margin-right: 35px; cursor: pointer; transition: .5s all;}
.sub-header-others__item:hover{opacity: .7;}
.sub-header-others__item:last-child{margin-right: 0;}


.emptyWarning{text-align: center; color: #363636; font-size: 24px;}
.emptyWarning a{color: #064690}
.emptyWarning i{text-align: center; color: #f9d70b}


/*Төслүүд*/
.projects{background-color: #f7f7f7;}
.projects-items:after{display: table; clear: both; content: '';}
.projects-items__item{float: left; width: 33.33%; box-sizing: border-box; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; height: 400px; position: relative;}
.projects-items__item:hover{transition: 0.5s; background-color: #eee;}
.projects-items__item:nth-child(3n){border-right: 0;}
.projects-item{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}
.projects-item__icon{color: #42b3e5; font-size: 48px; margin-bottom: 30px;}
.projects-item__name{
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    display: block;
    padding: 8px 40px;
    background-color: #043661c9;
    width: 100%;
    margin-bottom: 0;
}
.projects-item__desc{font-size: 14px; color: #666; font-weight: 300; line-height: 24px; margin-bottom: 30px; max-height: 96px; overflow: hidden; display: block;}
.projects-item__date{font-size: 14px; color: #42b3e5; margin-bottom: 25px;}
.projects-item-share__item{display: inline-block; width: 25px; height: 25px; border-radius: 50%; background-color: #ccc; color: #fefefe; font-size: 14px; line-height: 25px; cursor: pointer; transition: .8s all;}
.projects-item-share__item:hover{background-color: #fff; color: #363636;}

.staticPage-list__item{height: 250px; background-attachment: fixed; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.staticPage-list__item-has-img:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(#fff, rgba(0,0,0,.4)); content: '';}
.staticPage-list__item-has-img .projects-item{z-index: 2;}

@media (max-width: 1410px) {
    .sub-header{height: 100px;}
    .sub-header{padding: 30px 40px;}
    .sub-header__others{margin-top: 10px;}
    .sub-header-others__item{margin-right: 20px;}
}
@media (max-width: 1200px) {
    .sub-header{height: 80px; padding: 25px 30px; margin-bottom: 40px;}
    .sub-header__others{display: none;}
    .sub-feature-item-text__desc{height: 54px; overflow: hidden;}
}
@media (max-width: 860px){

}
@media (max-width: 620px){
    .sub-header{margin-bottom: 20px;}
    .sub-header{height: 60px; padding: 10px 30px;}
}



@media (max-width: 1410px) {
    .projects-items__item{height: 200px;}

}
@media (max-width: 1200px) {

    .projects-item{padding: 0 20px;}

}

@media (max-width: 1000px){

}

@media (max-width: 860px){
    .projects-items__item{width: 50%;}
    .projects-item__icon{margin-bottom: 10px;}
    .projects-item{padding: 0 10px;}
    .projects-item__name{margin-bottom: 15px;}
    .projects-items__item{height: 355px;}
    .projects-item__desc{margin-bottom: 15px;}
    .projects-item__date{margin-bottom: 15px;}

    .projects-items__item:nth-child(3n){border-right: 1px solid #ebebeb;;}
    .projects-items__item:nth-child(2n){border-right: 0;}

}
@media (max-width: 620px){
    .projects-items__item{width: 100%;}

    .projects-item__desc{line-height: 18px; height: 72px; overflow: hidden;}
    .projects-item__icon{font-size: 36px;}
    .projects-items__item{height: 270px;}

}

/*HOW TO APPLY*/
.nav-item > a{
    border: 1px solid #043661 !important;
    margin: 10px !important;
    color: #043661;
}

.header--preview{
    /*margin-top: 233px;*/
    overflow: hidden;;
    background-position: 50% 20%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../assets/admissionBg.jpg');
}
.crop{
    position: relative;
    width: 100%;
    min-width: 320px;
    max-width: 1600px;
    clear: both;
    margin: 0 auto;
}
.header_preview{
    /*border-top: 1px solid #d8d8d8;*/
    color: #fff;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: column;
    min-height: 350px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    padding-left: 22%;
    padding-right: 22%;
}
.header_preview .title{
    font-size: 140%;
    margin-left: 0.2em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
}
.header_preview .promo-title{
    font-size: 320%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    margin-top: 0;
    font-family: Roboto, sans-serif;
    font-weight: 700;
}
.header_preview .promo-hint{
    margin-top: 1.2em;
}
.header_preview .promo-button{
    border: 2px solid currentColor;
    background-color: transparent;
    display: inline-block;
    width: auto;
    color: #fff;
    padding: .6em 1.2em;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    position: relative;;
    line-height: normal;
    outline: none;
    transition: background .5s ease 0s;
    border-radius: 9px;
}
@media (min-width: 415px){
    .title {
        padding-top: 9em;
    }
}
@media screen and (min-width: 768px){
    .promo-title {
        font-size: 450%;
    }
}
.header_bottom{
    position: relative;;
}
.header_bottom-box{
    background: #043661;
    transition: background 600ms ease;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 0;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin: 0 auto;
    min-width: 320px;
    max-width: 1600px;
    margin-top: 0 !important;
    position: relative;
    /*padding: 15px 45px 0 92px;*/
    clear: both;
}
.header_bottom-info{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 1em;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 2;
    position: relative;
}
.header_bottom-nav{
    vertical-align: middle;
    text-align: center;
}
.header_bottom-nav li{
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    /* letter-spacing: 1px; */
    float: none;
    display: inline;
    margin: 0 5em 0 0;
}
.header_bottom-nav li > a{
    color: #fff !important;
    opacity: .8;
}
.header_bottom-nav li > a:hover{
    opacity: 1;
}

.how_title.active{
    color: #fff;
    font-weight: bold;
}

/*FAQ*/
ul.qanda {color:#000;list-style:none;margin:20px auto;width: 100%;padding:0;}
.qanda-title{border-top: 3px solid #ce0000;font-size: 24px;color: #ce0000;font-family: "OpenSans","arial";text-align: center;padding: 10px;border-bottom: 1px solid #192a36;font-weight: normal;text-transform: uppercase;}
.qanda li {border:1px solid #f5f5f5;margin:0 0 5px 0;padding:0;}
.qanda .question {cursor:pointer;display:block;font-size:1.0em;font-weight:300;padding:.75em 1.25em;position:relative}
.qanda .answer {border:2px solid #81a408;display:block;padding:.75em 1.25em;font-size: 1.0em;}
.qanda a {color:#4648ba}
.qanda a:hover {color:#4648ba}
.qanda .question {padding-left:1.5em;background-color: #e5e5e5;color: #000;transition: 250ms all linear;}
.qanda .question.active {background-color: #81a408;color: #fff;transition: 250ms all linear;}
.qanda .question:before {content:"+";font-weight:700;position:absolute;left:.5em}
.qanda .active:before {content:"-"}

/*Хэрэглэгчийн хувийн мэдээлэл*/
.profile .information {margin-top: 30px;}
.profile .information table{border-top: 3px solid #043661;border-bottom: 1px solid #dee0e3;border-left: 1px solid #dee0e3;border-right: 1px solid #dee0e3;width: 100%;margin-bottom: 40px;}
.profile .information table th{font-size: 12px;color: #043661;font-family: "OpenSans","arial";text-align: center;padding: 10px;border-bottom: 1px solid #192a36;font-weight: normal;text-transform: uppercase;}
.profile .information table td{text-align: left;text-transform: none;border-bottom: 1px solid #dee0e3;padding: 10px;font-size: 14px;}
.profile .error{display: block; color: red;}
.profile input{width: 100%; background-color: #fbfbfb;padding: 5px;border: 1px solid #eee;}

pre{white-space: normal;}

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}
#sticky-social ul, li{
    list-style: none;
}
#sticky-social {
    z-index: 9;
    right: 0;
    position: fixed;
    top: 30%;
}
#sticky-social a {
    background: #333;
    color: #fff;
    display: block;
    height: 35px;
    font: 16px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
}
#sticky-social a span {
    line-height: 35px;
    right: -120px;
    position: absolute;
    text-align:center;
    width:120px;
}
#sticky-social a:hover span {
    right: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }

#sticky-social a[class*="contact"],
#sticky-social a[class*="contact"]:hover,
#sticky-social a[class*="contact"] span { background: #043661; }