html,body{
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
}

@font-face {
    font-family: AbrilFatface;
    src: url(../fonts/AbrilFatface-Regular.otf);
}

@font-face {
    font-family: GenBkBasB;
    src: url(../fonts/GenBkBasB.ttf);
}

@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf);
}

@font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.otf);
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../fonts/Montserrat-Medium.otf);
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.otf);
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../fonts/Montserrat-SemiBold.otf);
}

@font-face {
    font-family: Arapey;
    src: url(../fonts/arapey-regular.ttf);
}

.header{
    min-height: 150px;
    background: url("../img/bg/header.png") no-repeat;
    background-size: cover;
}

.navigation{
    padding: 0!important;
}

.logo a img{
    top:10px;
    right: 20px;
    position: absolute;
    height: 20px;
}

#sub{
    border-bottom: 2px solid #d8d8d8;
}

#sub:hover{
    border-bottom: 3px solid #d8d8d8;
}

#sub1{
    border-bottom: 2px solid #8E0E55;
}

#sub1:hover{
    border-bottom: 3px solid #8E0E55;
}

#sub2{
    border-bottom: 2px solid #7EAC82;
}

#sub2:hover{
    border-bottom: 3px solid #7EAC82;
}

#sub3{
    border-bottom: 2px solid #D6553B;
}

#sub3:hover{
    border-bottom: 3px solid #D6553B;
}

#sub4{
    border-bottom: 2px solid #8BAFA3;
}

#sub4:hover{
    border-bottom: 3px solid #8BAFA3;
}

#sub5{
    border-bottom: 2px solid #4464AF;
}

#sub5:hover{
    border-bottom: 3px solid #4464AF;
}

#sub6{
    border-bottom: 2px solid #CD94A9;
}

#sub6:hover{
    border-bottom: 3px solid #CD94A9;
}

#sub7{
    border-bottom: 2px solid #F7A92C;
}

#sub7:hover{
    border-bottom: 3px solid #F7A92C;
}

#sub8{
    border-bottom: 2px solid #4297D2;
}

#sub8:hover{
    border-bottom: 3px solid #4297D2;
}

#sub9{
    border-bottom: 2px solid #F1443A;
}

#sub9:hover{
    border-bottom: 3px solid #F1443A;
}

.navbar{
    padding: 0;
}

.navbar-collapse ul{
    background: #ffffff;
}

.navbar-collapse ul li{
    padding-left: 31px;
    padding-right: 31px;
}

.active{
    color: #ffffff!important;
    background: #2e6da4;
}

.active a{
    color: #ffffff!important;
}

.navbar-toggler{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.second{
    height: 150%;
}

.sticky-header{
    top: 0;
    z-index: 999999;
    position: fixed;
    display: none;
    background: #8C0653;
    height: 40px;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .sticky-header{
        display: none!important;
    }
    .cloned ul{
        width: 100%;
        z-index: 9999;
        position: absolute;
        left: 0;
        top: 0;
    }

}

@media only screen and (max-width: 800px) {
    .sticky-header{
        display: none!important;
    }
    .cloned{
        top: 0!important;
    }
}

@media only screen and (max-width: 1000px) {
    .sticky-header{
        display: none!important;
    }
    .cloned{
        top: 0!important;
    }
}

.sticky-header b{
    font-weight: normal;
    font-family: Montserrat-Bold,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 24px;
}

.sticky-header p{
    line-height: 35px;
    font-family: Abril Fatface,"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    padding: 4px 0 4px 30px;
    color: #ffffff;
}

.sub-menu ul li a{
    white-space: nowrap;
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
}


.st-ten{
    background: url("../img/bg/header.png") no-repeat center top;
    background-size: cover;
}

.sub-header-number p{
    line-height: 150px;
    text-align: center;
    font-family: GenBkBasB,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 140px;
    font-weight: bold;
    color: #fff;
}

.header-info p{
    font-family: Lato-Bold,"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 10px;
    padding-right: 20px;
    line-height: 45px;
    font-size: 36px;
    color: #ffffff!important;
}

.header-info p span{
    color: #ffffff!important;
    font-family: Lato-Bold,"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: normal;
    line-height: 30px;
}

.header-info span{
    font-family: Lato-Bold,"Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 30px;
}

.header-info b{
    font-weight: bold;
    text-transform: none!important;
    color: #ffffff;
}

.under-block p{
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    color: #312844;
    font-size: 18px;
    padding: 5px 0;
}


.list a{
    color: #ffffff;
}

.list a div:hover{

}

.list p{
    font-weight: bold;
    text-transform: uppercase;
}

.list span{
    text-transform: uppercase;
}

.block-space{
    padding-left: 5px;
    padding-right: 5px;
}

.block-space a{
    display: block;
}

.block-space a:hover{
    text-decoration: none;
}

.block-space a:focus{
    text-decoration: none;
}

.block {
    position: relative;
}

.block{
    border: 5px solid #ffffff;
    height: 150px;
}

.first{
    background: url("../img/s1.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.first:hover{
    background: url("../img/s1.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.first_EN{
    background: url("../img/1_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.first_EN:hover{
    background: url("../img/1_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}
.second{
    background: url("../img/s2.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.second:hover{
    background: url("../img/s2.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}
.second_EN{
    background: url("../img/2_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.second_EN:hover{
    background: url("../img/2_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.three{
    background: url("../img/s3.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.three:hover{
    background: url("../img/s3.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}
.three_EN{
    background: url("../img/3_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.three_EN:hover{
    background: url("../img/3_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.four{
    background: url("../img/s4.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}
.four:hover{
    background: url("../img/s4.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.fifth{
    background: url("../img/s5.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.fifth:hover{
    background: url("../img/s5.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.six{
    background: url("../img/s6.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.six:hover{
    background: url("../img/s6.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.seven{
    background: url("../img/s7.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.seven:hover{
    background: url("../img/s7.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.eight{
    background: url("../img/s8.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.eight:hover{
    background: url("../img/s8.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.nine{
    background: url("../img/s9.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.nine:hover{
    background: url("../img/s9.png") no-repeat center bottom -40px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.four_EN{
    background: url("../img/4_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}
.four_EN:hover{
    background: url("../img/4_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.fifth_EN{
    background: url("../img/5_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.fifth_EN:hover{
    background: url("../img/5_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.six_EN{
    background: url("../img/6_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.six_EN:hover{
    background: url("../img/6_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.seven_EN{
    background: url("../img/7_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.seven_EN:hover{
    background: url("../img/7_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.eight_EN{
    background: url("../img/8_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.eight_EN:hover{
    background: url("../img/8_en.png") no-repeat center bottom 10px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.nine_EN{
    background: url("../img/9_en.png") no-repeat center center;
    position: relative;
    background-size: cover;
    transition: 0.5s;
}

.nine_EN:hover{
    background: url("../img/9_en.png") no-repeat center bottom -15px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    opacity: 0.7;
}

.sub-block a{
    font-family: Poppins-Regular,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #1B304D;
    line-height: 25px;
    font-weight: normal;
}


.sub-block a:hover{
    text-decoration: underline;
}

.link p{
    padding-left: 18px;
}

.bottom-info{
    margin-bottom: 20px;
    border: 1px solid #0A85C4;
}

.btm{
    margin-top: 50px;
    margin-bottom: 20px;
}

.header-icons{
    min-height: 50px;
    background: #0A85C4;
    line-height: 15px;
}

.header-icons p{
    white-space: pre-wrap;
}

.part{
    padding: 35px 0 5px 0;
}

.part p{
    color: #52A9D5;
    padding: 10px 20px;
    text-align: center;
    font-size: 13px;
    font-family: Arial;
}

#header-icons-title{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-align: center;
    white-space: pre-wrap;
}

.bottom-info{
    margin-bottom: 20px;
    border: 1px solid #0A85C4;
}

.header-icons p {
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}

.top-rp{
    background: white;
    /*border: 1px solid #ebebeb;*/
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);
    margin-top: 40px;
}

.rp-header p{
    padding-top: 20px;
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: bold;
    color: #000000;
    text-align: center;
    font-size: 20px;
}

.sup-text p{
    font-family: Montserrat-Regular,"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #BEBEBE;
}

.sup-text span{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 15px;
    display: block;
    text-align: center;
    color: #BEBEBE;
    font-size: 11px;
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.right-panel{
    /*border: 1px solid #ebebeb;*/
    margin-top: 20px;
    height: 120%;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);
}

.affix-bar{
    top: 70px;
    position: -webkit-sticky;
    position: sticky;
}

@media only screen and (max-width: 600px) {
    .affix-bar{
        position: static;
    }
}


.info b{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: normal;
    text-transform: none;
}


.info p{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: bold;
    color: #A3A3A3;
}

.info span{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: bold;
    margin-top: 20px;
    font-size: 14px;
}
.name{
    margin-top: 10px;
    text-transform: uppercase;
    color: #0A85C4!important;
}

.profile{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin: 20px 0;
}

.profile p{
    text-align: center;
    font-size: 12px;
    font-weight: normal!important;
}

.profile span{
    padding: 0;
    font-weight: normal!important;
    margin: 0;
    color: #0A85C4;
    font-size: 11px;
    display: block;
    text-align: center;
}

.sub-header-info p{
    color: #ffffff!important;
    margin-top: 10px;
    line-height:45px;
    text-align: left;
    font-family: Lato-Bold,"Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-family: AbrilFatface, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 36px;
}

.sub-header-info span{
    padding: 10px 0 0 0;
    font-family: Lato-Regular,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    color: #ffffff!important;
}



#content-sub{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    z-index: 99;
    margin: 25px 80px;
    color: #13020B;
}

#content-sub p{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: -30px 0 0 0;
    line-height: 20px;
    font-size: 14px;
}

#content-sub b{
    font-size: 18px;
}

#content-sub span{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    padding-top: 20px;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 16px;
}

.sub-right{
    z-index: 99;
    padding: 25px 80px;
}


.sub-right ul{
    margin-top: 30px;
    padding: 0;
}

.sub-right ul li{
    list-style: none;
}

.sub-right ul li.list-title{

}

.sub-right ul li span{
    float: left;
    margin-right: 15px;
    display: block;
    width: 10px;
    height: 25px;
    background: #8E0E55;
}

#title-1{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    line-height: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

#sub-title-1{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: bold;
    color: #000;
    font-size: 16px;
}


.list-icon2{
    background: #7EAC82!important;
}

.list-icon3{
    background: #D6553B!important;
}

.list-icon4{
    background: #8BAFA3!important;
}

.list-icon5{
    background: #4464AF!important;
}

.list-icon6{
    background: #CD94A9!important;
}

.list-icon7{
    background: #F7A92C!important;
}

.list-icon8{
    background: #4297D2!important;
}

.list-icon9{
    background: #EC4339!important;
}

.list-title{
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}
.list-content{
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    padding-bottom: 0;
    margin-left: 26px;
    font-size: 14px;
    color: #717171;
}


.st-one{
    background: url("../img/s1.png") no-repeat center top;
    background-size: cover;
}

.st-second{
    background: url("../img/s2.png") center top 200px;
    background-size: cover;
}
.st-three{
    background: url("../img/s3.png") no-repeat center top;
    background-size: cover;
}
.st-four{
    background: url("../img/s4.png") no-repeat center top;
    background-size: cover;
}
.st-fifth{
    background: url("../img/s5.png") no-repeat center top;
    background-size: cover;
}
.st-six{
    background: url("../img/s6.png") no-repeat center top;
    background-size: cover;
}
.st-seven{
    background: url("../img/s7.png") no-repeat center top;
    background-size: cover;
}
.st-eight{
    background: url("../img/s8.png") no-repeat center top;
    background-size: cover;
}
.st-nine{
    background: url("../img/s9.png") no-repeat center top;
    background-size: cover;
}
.st-ten{
    background: url("../img/bg/header.png") no-repeat center top;
    background-size: cover;
}


.h-one{
    background: url("../img/bg/1.png")  no-repeat center;
    background-size: cover;
}

/*.h-one img{*/
/*margin-top: 45px;*/
/*height: 130px;*/
/*}*/

.h-second{
    /*background: #7EAC82!important;*/
    background: url("../img/bg/2.png") no-repeat;
    background-size: cover;
}
.h-second img{
    height: 160px;
}

.h-three{
    /*background: #D6553B!important;*/
    background: url("../img/bg/3.png") no-repeat;
    background-size: cover;
}

.h-three img{
    float: right;
    height: 180px;
}

.h-four{
    /*background: #8BAFA3!important;*/
    background: url("../img/bg/4.png") no-repeat;
    background-size: cover;
}

.h-four img{
    float: right;
    margin-top: 10px;
    height: 160px;
}

.h-fifth{
    /*background: #4464AF!important;*/
    background: url("../img/bg/5.png") no-repeat;
    background-size: cover;
}

.h-fifth img{
    height: 160px;
}

.h-six{
    /*background: #CD94A9!important;*/
    background: url("../img/bg/6.png") bottom center no-repeat;
    background-size: cover;
}

.h-six img{
    height: 180px;
}

.h-seven{
    /*background: #F7A92C!important;*/
    background: url("../img/bg/7.png") no-repeat;
    background-size: cover;
}

.h-seven img{
    height: 180px;
}
.h-eight{
    /*background: #4297D2!important;*/
    background: url("../img/bg/8.png") no-repeat;
    background-size: cover;
}

.h-eight img{
    height: 180px;
}

.h-nine{
    /*background: #F1443A!important;*/
    background: url("../img/bg/9.png") no-repeat;
    background-size: cover;
}

.h-nine img{
    height: 180px;
}

.links p {
    margin-left: 10px;
    margin-top: 20px;
}

.links .col-sm-10 {
    padding-left: 0;
}

@media only screen and (max-width: 600px) {

    #content-sub{
        margin: 0;
    }

    .sub-right{
        margin-top: 10px;
        padding: 0;
    }
}

@media only screen and (max-width: 800px) {

    #content-sub{
        margin: 0;
    }

    .sub-right{
        margin-top: 10px;
        padding: 0;
    }
}