/* font-family: "NotoSerifArmenianRegular"; */
@font-face {
    font-family: 'NotoSerifArmenianRegular';
    src: url("../fonts/NotoSerifArmenian/NotoSerifArmenian-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}
/* font-family: "NotoSerifArmenianBold"; */
@font-face {
    font-family: 'NotoSerifArmenianBold';
    src: url("../fonts/NotoSerifArmenian/NotoSerifArmenian-Bold.ttf");
    font-weight: normal;
    font-style: normal;
}
/* font-family: "WeblySleekUILight"; */
@font-face {
    font-family: 'WeblySleekUILight';
    src: url("../fonts/WeblySleekUI/weblysleekuil.ttf");
    font-weight: normal; font-style: normal;
}
/* font-family: "WeblySleekUILightItalic"; */
@font-face {
    font-family: 'WeblySleekUILightItalic';
    src: url("../fonts/WeblySleekUI/weblysleekuili.ttf");
    font-weight: normal; font-style: normal;
}
/* font-family: "WeblySleekUISemiLight"; */
@font-face {
    font-family: 'WeblySleekUISemiLight';
    src: url("../fonts/WeblySleekUI/weblysleekuisl.ttf");
    font-weight: normal; font-style: normal;
}
/* font-family: "WeblySleekUISemiLightItalic"; */
@font-face {
    font-family: 'WeblySleekUISemiLightItalic';
    src: url("../fonts/WeblySleekUI/weblysleekuisli.ttf");
    font-weight: normal; font-style: normal;
}
/* font-family: "WeblySleekUISemiBold"; */
@font-face {
    font-family: 'WeblySleekUISemiBold';
    src: url("../fonts/WeblySleekUI/weblysleekuisb.ttf");
    font-weight: normal; font-style: normal;
}
/* font-family: "WeblySleekUISemiBoldItalic"; */
@font-face {
    font-family: 'WeblySleekUISemiBoldItalic';
    src: url("../fonts/WeblySleekUI/weblysleekuisbi.ttf");
    font-weight: normal; font-style: normal;
}



body{
    background: #f5f8fa;
    /*height: auto;*/
    height: 100%;
    color: #454545;
    display: block;
    overflow: hidden;
    font-family: 'WeblySleekUILight', sans-serif;
}

ul, li {
    list-style: none;
}
a:focus, a:hover {
    color: initial;
    text-decoration: none;
}
.navbar{
    margin-bottom: 0;
}

.vjs-control-bar, .vjs-error-display, .vjs-caption-settings, .vjs-big-play-button{
    display: none;
}
.video-block-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    background: #fff;
}
.video-block-bg .video-block{
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
#big-video-wrap{
    position: absolute;
}



.video-block-controls{
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.video-controls{
    width: 100%;
    height: 450px;
    position: relative;
}


/*=====================================
----------------HEADER-----------------
=======================================*/
header{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99;
    -webkit-transition: top 0.5s ease-out 0s;
    transition: top 0.5s ease-out 0s;
    box-shadow: 0px -4px 10px 0px black;
}
.home-page header{
    top: -80px;
}
#pt-main{
    background: #f5f8fa;
}
.home-page #pt-main{
    background: transparent;
}
header .home-btn{
    background: #c2c6d2;
    margin-left: -15px;
    float: left;
    position: relative;
    z-index: 110;
    width: 80px;
    text-align: center;
}
header .home-btn a{
    float: left;
    height: 80px;
    padding: 28px 26px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-default{
    border: none;
    background-color: #ffffff;
    min-height: 80px;
    border-radius: 0;
}

.breadcrumbs-category {
    position: relative;
    float: left;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    /*width: 305px;*/
}
.breadcrumbs-category.breadcrumbs-first{
    z-index: 100;
}
.breadcrumbs-category.breadcrumbs-section{
    z-index: 99;
}
.breadcrumbs-category.breadcrumbs-course{
    z-index: 98;
}
.breadcrumbs-category.breadcrumbs-first,
.breadcrumbs-category.breadcrumbs-section,
.breadcrumbs-category.breadcrumbs-course{
    /*margin-left: -100%;*/
    width: 0px;
    opacity: 0;
}
.section .breadcrumbs-category.breadcrumbs-first,
.course .breadcrumbs-category.breadcrumbs-first,
.course .breadcrumbs-category.breadcrumbs-section,
.subject .breadcrumbs-category.breadcrumbs-first,
.subject .breadcrumbs-category.breadcrumbs-section,
.subject .breadcrumbs-category.breadcrumbs-course,
.other-materials .breadcrumbs-category.breadcrumbs-first{
    /*margin-left: 0;*/
    width: 305px;
    opacity: 1;
}
.section .breadcrumbs-category.breadcrumbs-first>a,
.course .breadcrumbs-category.breadcrumbs-section>a,
.subject .breadcrumbs-category.breadcrumbs-course>a,
.other-materials .breadcrumbs-category.breadcrumbs-first>a{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
}


.breadcrumbs-category a{
    float: left;
    height: 80px;
    padding: 28px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    background: #fff;
    z-index: 9;
    color: #303030;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.breadcrumbs-category::after, .breadcrumbs-category:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: 57px;
    right: -20px;
    top: 0;
    box-sizing: border-box;
    border: 12px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.breadcrumbs-category a .fa-angle-down{
    line-height: 24px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    opacity: 0.3;
}
.breadcrumbs-category ul{
    position: absolute;
    left: 0;
    padding: 5px 0 0 ;
    width: 100%;
    top: -500%;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    z-index: 0;
}
.breadcrumbs-category ul li{
    background: #fff;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.breadcrumbs-category ul li:last-child{
    padding-bottom: 20px;
}
.breadcrumbs-category ul li a{
    padding: 5px 30px;
    height: auto;
}
.breadcrumbs-category:hover ul{
    top: 100%;
}
.breadcrumbs-category .selected-category:before, .breadcrumbs-category .selected-category::before{
    content: '';
    width: 50px;
    height: 2px;
    background: #00a1e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.breadcrumbs-category:hover .selected-category:before, .breadcrumbs-category:hover .selected-category::before{
    opacity: 1;
}

.search-form{
    width: 220px;
    float: right;
    padding-top: 20px;
    margin-right: 35px;
    position: absolute;
    right: 0px;
    display: block;
}
/*.search-form input{
    border-right: none;
}*/
#post_search_form{
    position: relative;
}
.search-form input, .search-form button{
    height: 40px;
    border-radius: 28px;
    box-shadow: none;
    outline: none !important;
}
.search-form input:focus:visited, .search-form input:focus, .search-form input:visited{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.search-form input{
    padding-right: 50px;
}
.search-form button{
    border: none;
    /*color: #303030;*/
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    font-size: 16px;
    /*background: transparent;*/
    background: #00c18c;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-transition: all 0.1s ease-out 0.1s;
    transition: all 0.1s ease-out 0.1s;
}
.search-form button .fa-search{
    /*opacity: 0.5;*/
}
.search-form button:hover, .search-form button:active, .search-form button:focus, .search-form button:active:focus{
    /*background: transparent;*/
    background: #00c18c;
    color: #fff;
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.language{
    position: absolute;
    top: 50px;
    right: 0;
    text-align: right;

    /*-webkit-transition: height 0.1s ease-out 0s;
    transition: height 0.1s ease-out 0s;
    height: 36px;
    overflow: hidden;
    z-index:2;*/
}
/*.language:hover{
    height: 170px;
}*/
a.current-language{
    background: rgba(255,255,255,.2);
    padding: 8px 20px;
    color: #ffffff;
    display: inline-block;
    border-radius: 20px;
}
a.current-language .fa{
    margin-left: 10px;
}
.language-list{
    -webkit-transition: height 0.1s ease-out 0s;
    transition: height 0.1s ease-out 0s;
    height: 0px;
    overflow: hidden;
    z-index:2;
}
.language-list:hover,
a.current-language:hover + .language-list{
    height: 94px;
}
.language-list ul{
    background: #ffffff;
    text-align: left;
    padding: 10px 15px;
    border-radius: 4px;
    width: 200px;
    margin-top: 8px;
}

.language-list a{
    padding: 4px 15px;
    color: #303030;
    display: block;
    border-radius: 20px;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
.language-list a:hover{
    background: #00c18c;
    color: #ffffff;
}
/*=====================================
-----------PAGE COMPONENT--------------
=======================================*/
.pt-page{
    height: calc(100% - 80px);
    top: 80px;
    -webkit-transition: all 0.3s ease-out 0.2s;
    transition: all 0.3s ease-out 0.2s;
    background: #f5f8fa;
}

/*=====================================
--------------HOME PAGE----------------
=======================================*/
#home{
    background: transparent;

}
.mobile #home{
    background: url("../img/home-mobile-bg.jpg") no-repeat;
    background-size: cover;
}
.home-page .pt-page{
    top: 0;
    height: 100%;
}
.home-content{
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}
.min-page-height{
    position: relative;
    width: 100%;
    min-height: calc(100% - 70px);
    padding-bottom: 80px;
}
.home-logo{
    text-align: center;
    padding: 40px;
    max-width: 1258px;
    margin: 0 auto;
    position: relative;
}

.home-title{
    font-family: 'NotoSerifArmenianBold', sans-serif;
    font-weight: normal;
    font-size: 48px;
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
    padding: 15px;
}
.home-description{
    font-weight: 100;
    font-size: 21px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.8;
    padding: 15px;
}
.home-category{
    padding: 0 15px;
}
.home-category ul{
    padding: 0;
    text-align: center;
    margin-top: 100px;
}
.home-category ul li{
    display: inline-block;
    width: 33.33333%;
    max-width: 410px;
    margin: 0 5px;
    position: relative;
    vertical-align: top;
}
.home-category ul li a{
    color: #fff;
}
.home-category .category-box{
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    min-height: 150px;
    text-align: left;
    padding: 30px;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
.home-category .training-materials-box .category-icon{
    width: 60px;
    height: 60px;
    background: url("../img/training-materials-icon.png") no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}
.home-category .tests-box .category-icon{
    width: 60px;
    height: 60px;
    background: url("../img/tests-icon.png") no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}
.home-category .other-materials-box .category-icon{
    width: 60px;
    height: 60px;
    background: url("../img/other-materials-icon.png") no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}
.home-category .category-box .category-name{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 21px;
    margin-top: 34px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.home-category .category-box .category-description{
    font-weight: normal;
    font-size: 17px;
    opacity: 0.8;
    margin: 0;
    min-height: 38px;
}
.choose-btn{
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -20px;
}
.home-category ul li .choose-btn a{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 14px;
    padding: 10px 44px;
    height: 40px;
    background: #fff;
    color: #303030;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
    text-transform: uppercase;
}

.home-category ul li:hover .category-box{
    color: #303030;
    background-color: rgba(255, 255, 255, 1);
}
.home-category ul li:hover a{
    color: #303030;
}
.home-category ul li:hover .category-box .category-icon{
    background-position: 0 -60px;
}
.home-category ul li.training-materials-box:hover .choose-btn a{
    background: #00a1e0;
    color: #fff;
}
.home-category ul li.tests-box:hover .choose-btn a{
    background: #f4c400;
    color: #fff;
}
.home-category ul li.other-materials-box:hover .choose-btn a{
    background: #f4436d;
    color: #fff;
}

/*=====================================
----------------SECTION-----------------
=======================================*/
.page-title{
    font-family: 'NotoSerifArmenianBold', sans-serif;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    margin: 0;
    padding: 80px 0;
    color: #303030;
}
.page-content{
    display: block;
    text-align: center;
}
.category-list{
    text-align: left;
    padding: 0;
}
.category-list li{
    display: inline-block;
    margin: 10px;
    width: 196px;
    height: 220px;
    vertical-align: top;
    text-align: center;
}
.category-list li>a{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #303030;
    text-decoration: none;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    display: block;
    background: #fff;
    padding: 30px 5px;
    border-radius: 10px;
    height: 100%;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.category-list li>a:hover{
    box-shadow: 0px 5px 18px 2px rgba(0, 0, 0, 0.2);
}
.category-list li a h3{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
}

.category-list li>a figure.category-icon{
    position: relative;
    display: inline-block;
    margin: 0 0 18px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.category-list li>a:hover figure.category-icon{
    webkit-transform: rotateY(360deg) scale(1);
    -ms-transform: rotateY(360deg) scale(1);
    transform: rotateY(360deg) scale(1);
}
.service-box2:hover .icon {
    -webkit-transform: rotateY(360deg) scale(1);
    -ms-transform: rotateY(360deg) scale(1);
    transform: rotateY(360deg) scale(1);
}
#course .category-list li a h3{
    font-family: 'Noto Serif', sans-serif;
    font-weight: 700;
    font-size: 100px;
    line-height: 90px;
    text-transform: uppercase;
    color: #00c18c;
}
#course .category-list li a h3 small{
    font-family: 'NotoSerifArmenianBold', sans-serif;
    font-weight: normal;
    font-size: 38px;
    text-transform: lowercase;
    color: #303030;
    opacity: 0.3;
    vertical-align: top;
}
.category-list, #other .page-content, #other .other-top, #search .search-info{
    max-width: 1300px;
    display: inline-block;
    text-align: left;
    position: relative;
}
#subject .category-list>li{
    text-align: center;
    padding: 15px 10px;
    margin: 0;
    width: 260px;
    /*height: 58px;*/
    height: auto;
    background: transparent;
}
#subject .category-list li>a{
    width: 100%;
    height: 58px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    display: table;
}
#subject .category-list li.og-expanded>a{
    background: #00c18c;
    color: #fff;
}
#subject .category-list li>a h3{
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    margin: 0;
    text-transform: none;
}

.og-expander-inner{
    padding: 15px;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
}
.og-expander-inner .media{
    border-bottom: 1px solid rgba(168, 172, 185, 0.2);
}
.og-expander-inner .media:last-child{
    border: none;
}
h3.og-title{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 16px;
}
h3.og-title small{
    display: block;
    margin-top: 5px;
}
a.green-btn {
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 14px;
    padding: 10px 44px;
    height: 40px;
    background: #fff;
    color: #00c18c;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
    border: 1px solid #00c18c;
    text-transform: uppercase;
}
a.green-btn.active{
    color: #fff;
    background: #00c18c;
}
.btn-block{
    display: inline-block;
    width: 440px;
    text-align: right;
}
.btn-block a{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.copy-link{
    background: url("../img/copy-link.png") center no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid #00c18c;
    border-radius: 20px;
    outline: none;
}
.copy-link:focus{
    outline: none;
}
#search .search-info{
    padding: 30px 0;
    margin: auto;
    display: block;
}

#other .page-title{
    text-align: left;
    padding-top: 0;
    padding-bottom: 20px;
}
#other .page-content, #other .other-top{
    margin: 0 auto;
    display: block;
}
#other .other-top{
    margin-top: 70px;
    margin-bottom: 50px;
}
#other .list-grid-block a{
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    display: inline-block;
    width: 45px;
}
#other .list-grid-block a img{
    width: 100%;
    opacity: 0.2;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
#other .list-grid-block a.active img, #other .list-grid-block a:hover img{
    opacity: 0.5;
}
.other-subject-list{
    font-family: 'WeblySleekUISemiBold', sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    display: block;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    max-width: 250px;
    margin-right: 75px;
    float: left;
    position: relative;
    margin-bottom: 25px;
}
.other-subject-list ul{
    padding: 0;

}
.other-subject-list ul li{
    position: relative;
}
.other-subject-list ul li a, .other-selected-subject{
    display: block;
    padding: 5px 0;
    color: #303030;
    opacity: 0.7;
    text-decoration: none;
    text-transform: uppercase;
}
.other-subject-list ul li a.active, .other-subject-list ul li a:hover{
    opacity: 1;
}
.other-subject-list ul li a.active::after, .other-subject-list ul li a.active:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    right: -30px;
    top: 0;
    background: #00c18c;
}
.other-selected-subject{
    display: none;
}

#other .category-list{
    position: relative;
    float: left;
    width: 975px;
    text-align: left;
}
#other .category-list li{
    height: auto;
    margin: 0 25px 25px;
    text-align: left;
}
#other .category-list li:nth-child(4n){
    margin-right: 0;
}
#other .post-thumbnail{
    background: #fff;
    height: 260px;
    position: relative;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 20px;
    display: table;
    width: 100%;
    text-align: center;
}
.middle-table-cell{
    display: table-cell;
    vertical-align: middle;
}
#other .category-list.grid .post-thumbnail .btn-block{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: table;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
#other .category-list li:hover .post-thumbnail .btn-block{
    opacity: 1;
}
#other .category-list.grid .btn-block a{
    margin: 0;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
    padding: 10px;
}

#other h3.og-title{
    font-size: 12px;
    margin: 15px 0 10px;
    line-height: 18px;
    text-transform: uppercase;
}

#other .post-description{
    font-size: 12px;
}
#other .post-info .btn-block{
    display: none;
}
#other .category-list.list li{
    width: 630px;
    display: block;
    background: #fff;
    position: relative;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 20px;
    float: left;
}

#other .category-list.list .post-thumbnail{
    width: 180px;
    background: #f6f7f8;
    float: left;
    margin-right: 20px;
}
#other .category-list.list h3.og-title{
    margin-top: 0;
}
#other .category-list.list .post-thumbnail .btn-block{
    display: none;
}
#other .category-list.list .post-info{
    padding-left: 15px;
}
#other .category-list.list .post-info .post-description{
    height: 190px;
    overflow: hidden;
}
#other .category-list.list .post-info .btn-block{
    display: block;
    opacity: 1;
    width: 100%;
}
#other .category-list.list .post-info .btn-block a{
    font-size: 12px;
    padding: 10px 30px;
}
#other .category-list.list .post-info .btn-block a.copy-link{
    padding: 0;
}

/*=====================================
----------------FOOTER-----------------
=======================================*/
.footer{
    position: relative;
    width: 100%;
    background: #303030;
    text-align: center;
    padding: 0 15px;
    color: #fff;
    bottom: 0;
}
.footer .media{
    max-width: 400px;
    text-align: left;
    /*margin: auto;*/
}
.footer .footer-logo img{
    padding: 7px 0;
    height: 50px;
    margin: 10px 0;
}
/*.footer li{
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}*/

.footer-logo{
    opacity: 0.5;
}
.copyright{
    opacity: 0.2;
}

.footer-content{
    position: relative;
    max-width: 800px;
    margin: auto;
}
.language-footer{
    position: absolute;
    bottom: 50%;
    right: 0;
    text-align: right;
    margin-bottom: -18px;

   /* -webkit-transition: height 0.1s ease-out 0s;
    transition: height 0.1s ease-out 0s;
    height: 36px;
    overflow: hidden;
    z-index: 2;*/
}
/*.language-footer:hover {
    height: 130px;
}*/
.language-footer .current-language{
    border: 1px solid #ffffff;
    background: transparent;
    opacity: .4;
}
.language-footer .language-list{
    position: absolute;
    bottom: 36px;
    right: 0;
    padding-bottom: 8px;
}
.language-footer .language-list ul{
    margin-bottom: 0;
}







/*.loading>div{
    -webkit-animation: hourglassBox 1s linear infinite;
    animation: hourglassBox 1s linear infinite;
}

.hourglass {
    display: block;
    background: #f5f8fa;
    margin: 3em auto;
    width: 2em;
    height: 4em;
    box-shadow: inset #dad8d2 0 0 0 0, inset #00c18c 0 2em 0 0, inset #dad8d2 0 0 4em 0;
    -webkit-animation: hourglass 1s linear infinite;
    animation: hourglass 1s linear infinite;
}*/

.outer {
    fill: #00c18c;
}

.middle {
    fill: #f5f8fa;
}
.link-copied{
    position: fixed;
    background: #00c18c;
    height: 70px;
    width: 360px;
    top: 100px;
    right: 50px;
    color: #fff;
    font-size: 20px;
    padding: 0 20px;
    line-height: 70px;
    border-radius: 5px;
    margin-right: -420px;
    -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
.link-copied .fa-check-circle{
    margin-right: 15px;
}
a.close-link-copied{
    color: #fff;
    float: right;
    line-height: 30px;
    margin-top: 17px;
    opacity: 0.7;
}
.link-copied.show{
    margin-right: 0;
}


/*

@-webkit-keyframes hourglass {
    0% {
        box-shadow: inset #f5f8fa 0 0 0 0, inset #00c18c 0 2em 0 0, inset #f5f8fa 0 4em 0 0, inset #00c18c 0 4em 0 0;
    }
    80% {
        box-shadow: inset #f5f8fa 0 2em 0 0, inset #00c18c 0 2em 0 0, inset #f5f8fa 0 2em 0 0, inset #00c18c 0 4em 0 0;
    }
    100% {
        box-shadow: inset #f5f8fa 0 2em 0 0, inset #00c18c 0 2em 0 0, inset #f5f8fa 0 2em 0 0, inset #00c18c 0 4em 0 0;
    }
}

@keyframes hourglass {
    0% {
        box-shadow: inset #f5f8fa 0 0 0 0, inset #00c18c 0 2em 0 0, inset #f5f8fa 0 4em 0 0, inset #00c18c 0 4em 0 0;
    }
    80% {
        box-shadow: inset #f5f8fa 0 2em 0 0, inset #00c18c 0 2em 0 0, inset #f5f8fa 0 2em 0 0, inset #00c18c 0 4em 0 0;
    }
    100% {
        box-shadow: inset #f5f8fa 0 2em 0 0, inset #00c18c 0 2em 0 0, inset #f5f8fa 0 2em 0 0, inset #00c18c 0 4em 0 0;
    }
}


@-webkit-keyframes hourglassBox {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    80% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes hourglassBox {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    80% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
*/



.loading {
    font-size: 1.6rem;
    background: #f5f8fa;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}


.bookshelf_wrapper {
    position: relative;
    /*top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.books_list {
    margin: 0 auto;
    width: 260px;
    padding: 0;
}

.book_item {
    position: absolute;
    top: -110px;
    box-sizing: border-box;
    list-style: none;
    width: 36px;
    height: 110px;
    opacity: 0;
    background-color: #00c18c;
    border: 5px solid white;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: translateX(260px);
    transform: translateX(260px);
    -webkit-animation: travel 2500ms linear infinite;
    animation: travel 2500ms linear infinite;
}
.book_item.first {
    top: -130px;
    height: 130px;
}
.book_item.first:before, .book_item.first:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: white;
}
.book_item.first:after {
    top: initial;
    bottom: 10px;
}
.book_item.second:before, .book_item.second:after, .book_item.fifth:before, .book_item.fifth:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
}
.book_item.second:after, .book_item.fifth:after {
    top: initial;
    bottom: 10px;
}
.book_item.third:before, .book_item.third:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid white;
}
.book_item.third:after {
    top: initial;
    bottom: 10px;
}
.book_item.fourth {
    top: -120px;
    height: 120px;
}
.book_item.fourth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
}
.book_item.fifth {
    top: -90px;
    height: 90px;
}
.book_item.sixth {
    top: -130px;
    height: 130px;
}
.book_item.sixth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 31px;
    left: 0px;
    width: 100%;
    height: 5px;
    background-color: white;
}
.book_item.sixth:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid white;
}
.book_item:nth-child(2) {
    -webkit-animation-delay: 416.6666666667ms;
    animation-delay: 416.6666666667ms;
}
.book_item:nth-child(3) {
    -webkit-animation-delay: 833.3333333333ms;
    animation-delay: 833.3333333333ms;
}
.book_item:nth-child(4) {
    -webkit-animation-delay: 1250ms;
    animation-delay: 1250ms;
}
.book_item:nth-child(5) {
    -webkit-animation-delay: 1666.6666666667ms;
    animation-delay: 1666.6666666667ms;
}
.book_item:nth-child(6) {
    -webkit-animation-delay: 2083.3333333333ms;
    animation-delay: 2083.3333333333ms;
}

.shelf {
    width: 260px;
    height: 5px;
    margin: 0 auto;
    background-color: white;
    position: relative;
}
.shelf:before, .shelf:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00c18c;
    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, transparent 0);
    background-size: 10px 10px;
    background-position: 0 -2.5px;
    top: 200%;
    left: 5%;
    -webkit-animation: move 250ms linear infinite;
    animation: move 250ms linear infinite;
}
.shelf:after {
    top: 400%;
    left: 7.5%;
}

@-webkit-keyframes move {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 10px;
    }
}

@keyframes move {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 10px;
    }
}
@-webkit-keyframes travel {
    0% {
        opacity: 0;
        -webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
        transform: translateX(300px) rotateZ(0deg) scaleY(1);
    }
    6.5% {
        -webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
        transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    }
    8.8% {
        -webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
        transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateX(270px) rotateZ(0deg);
        transform: translateX(270px) rotateZ(0deg);
    }
    17.6% {
        -webkit-transform: translateX(247.2px) rotateZ(-30deg);
        transform: translateX(247.2px) rotateZ(-30deg);
    }
    45% {
        -webkit-transform: translateX(165px) rotateZ(-30deg);
        transform: translateX(165px) rotateZ(-30deg);
    }
    49.5% {
        -webkit-transform: translateX(151.5px) rotateZ(-45deg);
        transform: translateX(151.5px) rotateZ(-45deg);
    }
    61.5% {
        -webkit-transform: translateX(115.5px) rotateZ(-45deg);
        transform: translateX(115.5px) rotateZ(-45deg);
    }
    67% {
        -webkit-transform: translateX(99px) rotateZ(-60deg);
        transform: translateX(99px) rotateZ(-60deg);
    }
    76% {
        -webkit-transform: translateX(72px) rotateZ(-60deg);
        transform: translateX(72px) rotateZ(-60deg);
    }
    83.5% {
        opacity: 1;
        -webkit-transform: translateX(49.5px) rotateZ(-90deg);
        transform: translateX(49.5px) rotateZ(-90deg);
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(0px) rotateZ(-90deg);
        transform: translateX(0px) rotateZ(-90deg);
    }
}
@keyframes travel {
    0% {
        opacity: 0;
        -webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
        transform: translateX(300px) rotateZ(0deg) scaleY(1);
    }
    6.5% {
        -webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
        transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    }
    8.8% {
        -webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
        transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateX(270px) rotateZ(0deg);
        transform: translateX(270px) rotateZ(0deg);
    }
    17.6% {
        -webkit-transform: translateX(247.2px) rotateZ(-30deg);
        transform: translateX(247.2px) rotateZ(-30deg);
    }
    45% {
        -webkit-transform: translateX(165px) rotateZ(-30deg);
        transform: translateX(165px) rotateZ(-30deg);
    }
    49.5% {
        -webkit-transform: translateX(151.5px) rotateZ(-45deg);
        transform: translateX(151.5px) rotateZ(-45deg);
    }
    61.5% {
        -webkit-transform: translateX(115.5px) rotateZ(-45deg);
        transform: translateX(115.5px) rotateZ(-45deg);
    }
    67% {
        -webkit-transform: translateX(99px) rotateZ(-60deg);
        transform: translateX(99px) rotateZ(-60deg);
    }
    76% {
        -webkit-transform: translateX(72px) rotateZ(-60deg);
        transform: translateX(72px) rotateZ(-60deg);
    }
    83.5% {
        opacity: 1;
        -webkit-transform: translateX(49.5px) rotateZ(-90deg);
        transform: translateX(49.5px) rotateZ(-90deg);
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(0px) rotateZ(-90deg);
        transform: translateX(0px) rotateZ(-90deg);
    }
}



.loader {
    position: relative;
    /* top: 50%; */
    left: 50%;
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    width: 50px;
    height: 50px;
    background-color: #00c18c;
    border-radius: 50%;
    display: inline-block;
    margin-left: -25px;
}
.loader:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    border: 0px solid white;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loading 1000ms ease-out forwards infinite;
    animation: loading 1000ms ease-out forwards infinite;
}

@-webkit-keyframes loading {
    0% {
        border: 0px solid white;
    }
    20% {
        border: 8px solid white;
        width: 0%;
        height: 0%;
    }
    100% {
        border: 8px solid white;
        width: 100%;
        height: 100%;
    }
}

@keyframes loading {
    0% {
        border: 0px solid white;
    }
    20% {
        border: 8px solid white;
        width: 0%;
        height: 0%;
    }
    100% {
        border: 8px solid white;
        width: 100%;
        height: 100%;
    }
}







@media (max-width: 1400px) {
    .navbar-default, .breadcrumbs-category>a, header .home-btn a{
        min-height: 65px;
        height: 65px;
    }
    header .home-btn{
        width: 65px;
    }
    .pt-page{
        top: 65px;
        height: calc(100% - 65px);
    }
    header .home-btn a{
        padding: 21px 19px;
        line-height: 18px;
    }
    .breadcrumbs-category a{
        padding: 21px;
    }
    .breadcrumbs-category::after, .breadcrumbs-category:after{
        margin-top: 50px;
    }
    .search-form{
        width: 200px;
        padding-top: 15px;
    }
    .search-form input, .search-form button{
        height: 36px;
    }
    .search-form button{
        width: 40px;
    }
    .search-form .btn-default:active:hover{
        /*background: transparent;*/
        background: #00c18c;
    }


    .home-logo{
        padding: 20px 20px 10px 20px;
        max-width: 1105px;
    }
    .language{
        top: 20px;
    }
    .home-logo img{
        height: 70px;
    }
    .home-title{
        font-size: 36px;
    }
    .home-description{
        font-size: 20px;
    }
    .min-page-height{
        padding-bottom: 40px;
    }
    .home-category ul{
        margin-top: 50px;
    }
    .home-category ul li{
        max-width: 360px;
    }
    .home-category .training-materials-box .category-icon,
    .home-category .tests-box .category-icon,
    .home-category .other-materials-box .category-icon
    {
        width: 50px;
        height: 50px;
    }
    .home-category ul li:hover .category-box .category-icon{
        background-position: 0 -50px;
    }
    .home-category .category-box .category-name{
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }

    .section .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-section,
    .subject .breadcrumbs-category.breadcrumbs-first,
    .subject .breadcrumbs-category.breadcrumbs-section,
    .subject .breadcrumbs-category.breadcrumbs-course,
    .other-materials .breadcrumbs-category.breadcrumbs-first{
        width: 280px;
    }
    .search-form{
        width: 200px;
        margin-right: 10px;
    }
    .category-list, #other .page-content, #other .other-top, #search .search-info{
        max-width: 1040px;
    }
    #other .category-list{
        width: 725px;
    }
    .category-list li{
        width: 188px;
    }

    #other .category-list li:nth-child(4n) {
        margin: 0 25px 25px;
    }
    #other .category-list li:nth-child(3n) {
        margin-right: 0;
    }
    .other-subject-list{
        margin-right: 65px;
    }
    .page-title{
        padding: 50px 0;
    }
    .link-copied{
        top: 85px;
    }

}

@media (max-width: 1200px) {
    .navbar-default, .breadcrumbs-category>a, header .home-btn a{
        min-height: 65px;
        height: 65px;
    }
    header .home-btn{
        width: 65px;
    }
    .pt-page{
        top: 65px;
        height: calc(100% - 65px);
    }
    header .home-btn a{
        padding: 21px 19px;
        line-height: 18px;
    }
    .breadcrumbs-category a{
        padding: 21px;
    }
    .breadcrumbs-category::after, .breadcrumbs-category:after{
        margin-top: 50px;
    }
    .section .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-section,
    .subject .breadcrumbs-category.breadcrumbs-first,
    .subject .breadcrumbs-category.breadcrumbs-section,
    .other-materials .breadcrumbs-category.breadcrumbs-first{
        width: 260px;
    }
    .subject .breadcrumbs-category.breadcrumbs-course{
        width: 150px;
    }
    .search-form{
        padding-top: 15px;
        padding-bottom: 14px;
        background: #fff;
    }



    .home-logo img{
        height: 70px;
    }
    .home-logo {
        padding: 25px 25px 10px 25px;
        max-width: 925px;
    }
    .language {
        top: 25px;
    }
    .home-title {
        font-size: 36px;
    }
    .home-category ul li {
        max-width: 300px;
    }
    .home-category .category-box{
        padding: 25px 25px 30px 25px;
    }
    .home-category .category-box .category-name{
        margin-top: 16px;
        font-size: 18px;
    }
    .home-category .category-box .category-description{
        font-size: 16px;
        min-height: 52px;
    }
    .choose-btn a, a.green-btn{
        padding: 8px 40px;
        height: 36px;
    }
    .copy-link{
        width: 36px;
        height: 36px;
    }
    .page-title{
        padding: 60px 0;
    }
    .category-list, #search .search-info{
        max-width: 780px;
    }
    .category-list li {
        width: 175px;
    }
    #other .other-top, #other .page-content{
        width: 95%;
    }

    #other .category-list{
        width: calc(100% - 265px);
    }
    #other .category-list li, #other .category-list li:nth-child(4n), #other .category-list li:nth-child(3n) {
        margin: 0 15px 15px;
    }
    #other .category-list li{
        width: 190px;
    }
    .other-subject-list{
        margin-right: 15px;
    }

    .footer-content{
        max-width: 600px;
    }
}

@media (max-width: 993px) {
    .home-logo {
        max-width: 410px;
        text-align: left;
        padding-left: 0;
    }
    .home-logo img {
        height: 55px;
    }
    .home-title {
        font-size: 28px;
        width: 100%;
        max-width: 490px;
    }
    .home-description {
        font-size: 15px;
    }
    .home-category ul {
        width: 100%;
        max-width: 410px;
        margin: auto;
        margin-top: 20px;
    }
    .home-category ul li {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0 0 50px 0;
    }
    .home-category ul li:last-child{
        margin-bottom: 0;
    }
    .home-category .category-box .category-description{
        min-height: initial;
    }

    .category-list, #search .search-info {
        max-width: 624px;
    }
    .category-list li {
        width: 188px;
    }
    #subject .category-list>li{
        width: 212px;
    }
    .media-right .btn-block a.green-btn.read-pdf, .media-right .btn-block a.green-btn.look-video{
        text-indent: 100%;
        width: 36px;
        height: 36px;
        overflow: hidden;
        padding: 0;
        background: url("../img/read-icon.png") #fff center no-repeat;
    }
    a.green-btn.download-pdf{
        display: none;
    }
    .btn-block{
        width: 95px;
    }
    .breadcrumbs-category a{
        font-size: 14px;
    }
    .section .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-section,
    .subject .breadcrumbs-category.breadcrumbs-first,
    .subject .breadcrumbs-category.breadcrumbs-section,
    .other-materials .breadcrumbs-category.breadcrumbs-first{
        width: 240px;
    }
    .search-form input {
        padding-right: 22px;
    }
    .search-form{
        width: 36px;
        z-index: 100;
        -webkit-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }
    .search-form.active{
        width: 200px;
    }
    .search-form button{
        width: 36px;
        font-size: 14px;
        border-top-left-radius: 28px;
        border-bottom-left-radius: 28px;
    }
    .search-form.active button{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transition: all 0.1s ease-out 0s;
        transition: all 0.1s ease-out 0s;
    }
    .other-subject-list{
        width: 100%;
        max-width: 100%;
        padding: 0;
        border-radius: 5px;
        font-size: 12px;
        margin-right: 0;
    }
    .other-selected-subject{
        display: block;
        padding: 10px 15px;
        border-bottom: 2px solid #00c18c;
        border-radius: 5px;
        opacity: 1;
    }
    .other-selected-subject .fa-angle-down{
        float: right;
        padding: 4px 0;
        opacity: .3;
    }
    .other-subject-list ul{
        display: none;
        box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
    }
    .other-subject-list.open ul{
        display: block;
        position: absolute;
        z-index: 1;
        width: 100%;
        background: #fff;
        padding: 15px;
    }
    .other-subject-list ul li a.active::after,
    .other-subject-list ul li a.active:after{
        right: -15px;
    }

    #other .category-list,
    #other .category-list.list{
        width: 100%;
        max-width: 100%;
    }

    .list-grid-block{
        display: none;
    }

    #other .category-list li,
    #other .category-list.list li {
        width: 100%;
        display: block;
        background: #fff;
        position: relative;
        box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        padding: 20px;
        float: left;
    }
    #other .category-list li,
    #other .category-list li:nth-child(2n),
    #other .category-list li:nth-child(4n),
    #other .category-list li:nth-child(3n),
    #other .category-list.list li,
    #other .category-list.list li:nth-child(2n),
    #other .category-list.list li:nth-child(4n),
    #other .category-list.list li:nth-child(3n){
        margin: 0 0 15px;
    }
    #other .category-list .post-thumbnail,
    #other .category-list.list .post-thumbnail {
        width: 25%;
        height: auto;
        background: #f6f7f8;
        float: left;
        margin-right: 0px;
        padding: 10px;
    }
    #other .category-list .post-thumbnail img,
    #other .category-list.list .post-thumbnail img{
        width: 80%;
        padding: 30% 0;
        max-width: 89px;
    }
    #other .category-list .post-thumbnail .btn-block,
    #other .category-list.list .post-thumbnail .btn-block {
        display: none;
    }
    #other .category-list .post-info,
    #other .category-list.list .post-info {
        padding-left: 15px;
        width: 75%;
        float: left;
    }
    #other .category-list .post-info .btn-block,
    #other .category-list.list .post-info .btn-block {
        display: block;
        opacity: 1;
        width: 100%;
    }
    #other .category-list .post-info .btn-block a,
    #other .category-list.list .post-info .btn-block a {
        font-size: 12px;
        padding: 10px 30px;
        width: auto;
        margin-left: 10px;
        margin-bottom: 0;
    }
    #other .category-list .post-info .btn-block a.copy-link,
    #other .category-list.list .post-info .btn-block a.copy-link {
        padding: 0;
        width: 36px;
    }
    #other .category-list li:hover .post-thumbnail .btn-block,
    #other .category-list .post-thumbnail .btn-block,
    #other .category-list.list li:hover .post-thumbnail .btn-block,
    #other .category-list.list .post-thumbnail .btn-block {
        display: none !important;
    }
    #other .category-list .post-info .post-description,
    #other .category-list.list .post-info .post-description{
        min-height: 80px;
        height: auto;
    }
    #other h3.og-title,
    #other .category-list.list h3.og-title{
        margin-top: 0;
    }

    .footer .media{
        max-width: 480px;
    }
}

@media (max-width: 767px) {
    .navbar-default, .breadcrumbs-category>a, header .home-btn a{
        min-height: 50px;
        height: 50px;
    }
    .breadcrumbs-category>a, header .home-btn a{
        padding: 14px;
    }
    .breadcrumbs-category a{
        font-size: 11px;
        padding: 14px 30px;
    }
    header .home-btn a img{
        width: 22px;
    }
    header .home-btn{
        width: 50px;
    }
    .breadcrumbs-category.close-menu ul{
        top: -500%;
    }
    .breadcrumbs-category.close-menu .selected-category:before,
    .breadcrumbs-category.close-menu .selected-category::before{
        opacity: 0;
    }
    .search-form{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .pt-page{
        top: 50px;
        height: calc(100% - 50px);
    }

    .breadcrumbs-category.breadcrumbs-first,
    .breadcrumbs-category.breadcrumbs-section,
    .breadcrumbs-category.breadcrumbs-course{
        display: none;
    }

    .section .breadcrumbs-category.breadcrumbs-first,
    .course .breadcrumbs-category.breadcrumbs-section,
    .subject .breadcrumbs-category.breadcrumbs-course,
    .other-materials .breadcrumbs-category.breadcrumbs-first{
        width: calc(100% - 80px);
        display: block;
    }
    .breadcrumbs-category::after,
    .breadcrumbs-category:after{
        display: none;
    }
    .home-logo img {
        height: 40px;
    }
    .home-title {
        font-size: 24px;
        padding: 7px;
    }
    .home-description {
        font-size: 13px;
    }
    .home-category .training-materials-box .category-icon,
    .home-category .tests-box .category-icon,
    .home-category .other-materials-box .category-icon {
        width: 45px;
        height: 45px;
    }
    .home-category ul li:hover .category-box .category-icon {
        background-position: 0 -45px;
    }
    .home-category .category-box .category-name {
        font-size: 15px;
    }
    .home-category .category-box .category-description {
        font-size: 13px;
    }
    .min-page-height{
        min-height: calc(100% - 50px);;
    }
    .choose-btn{
        bottom: -14px;
    }
    .page-title{
        font-size: 24px;
        padding: 30px 0;
    }

    #other .category-list .post-thumbnail,
    #other .category-list.list .post-thumbnail {
        padding: 10px;
        border-radius: 5px;
    }
    #other .category-list li,
    #other .category-list.list li{
        padding: 10px;
    }
    #other h3.og-title,
    #other .category-list.list h3.og-title{
        font-size: 11px;
        margin-bottom: 1px;
    }
    #other .category-list .post-info .post-description,
    #other .category-list.list .post-info .post-description{
        font-size: 9px;
        min-height: 35px;
    }
    .choose-btn a, a.green-btn{
        height: 28px;
        padding: 5px 30px;
    }
    #other .category-list .post-info .btn-block a.copy-link,
    #other .category-list.list .post-info .btn-block a.copy-link,
    .media-right .btn-block a.green-btn.read-pdf,
    .media-right .btn-block a.green-btn.look-video,
    .copy-link{
        width: 28px;
        height: 28px;
        background-size: auto 16px;
    }
    #other .category-list .post-info .btn-block a,
    #other .category-list.list .post-info .btn-block a{
        padding: 5px 25px;
    }
    #other .other-top{
        margin-bottom: 30px;
        margin-top: 30px;
        font-size: 9px;
    }
    #other .other-top > .row,
    #other .page-content > .row{
        margin-right: 0;
        margin-left: 0;
    }
    #other .other-top > .row > [class^=col-],
    #other .page-content > .row > [class^=col-]{
        padding-right: 0;
        padding-left: 0;
    }
    #other .page-title{
        padding-bottom: 10px;
    }
    .category-list, #search .search-info {
        max-width: 480px;
    }
    #search .category-list, #search .search-info{
        padding-left: 15px;
        padding-right: 15px;
    }
    .category-list li {
        width: 140px;
        height: 150px;
    }
    .category-list li>a{
        padding: 20px 5px;
    }
    .category-list li>a figure.category-icon img{
        width: 60px;
    }
    .category-list li a h3{
        font-size: 11px;
        margin-top: 0;
    }
    #course .category-list li a h3{
        font-size: 76px;
        line-height: 70px;
    }
    #course .category-list li a h3 small{
        font-size: 28px;
    }
    #course .category-list li>a{
        padding: 35px 10px;
    }
    #subject .category-list>li{
        width: 50%;
        margin: 0;
        /*margin-bottom: 10px;*/
        padding: 15px 10px;
    }
    #subject .category-list li>a{
        padding: 15px 10px;
        height: 58px;
    }
    #subject .category-list li>a h3{
        font-size: 11px;
    }

    .og-fullimg{
        width: 60px;
        height: 60px;
    }
    .link-copied{
        height: 50px;
        width: 250px;
        right: 20px;
        top: 70px;
        font-size: 16px;
        padding: 0 15px;
        line-height: 50px;
    }
    .link-copied .fa-check-circle {
        margin-right: 10px;
    }
    a.close-link-copied{
        margin-top: 8px;
    }





    .footer{
        font-size: 9px;
    }
    .footer .media{
        max-width: 320px;
    }
    .footer .footer-logo img{
        height: 50px;
        margin: 0;
    }
    .footer-content{
        padding-bottom: 10px;
        max-width: 410px;
    }

    .footer-logo{
        display: block;
    }
    .language-footer{
        bottom: inherit;
        top: 9px;
        margin-bottom: 0;
    }
    .language-footer .language-list{
        bottom: 30px;
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .category-list, #search .search-info {
        max-width: 320px;
    }
    #subject .category-list, #search .category-list, #search .search-info{
        width: 100%;
        max-width: 100%;
    }

    .og-fullimg {
        width: 30px;
        height: 30px;
    }

    #subject .media-icon, #search .media-icon{
        display: block;
    }
    #subject .category-list li .media-middle, #search .media .media-middle{
        vertical-align: top;
    }
    #subject .data-post>.media, #search .data-post>.media{
        min-height: 70px;
    }
}

@media (max-width: 440px) {
    .home-logo {
        padding-left: 15px;
        max-width: inherit;
        width: 100%;
    }
    .language{
        right: 15px;
    }
}