@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/Arial.eot?#iefix') format('embedded-opentype'),  url('../fonts/Arial/Arial.woff') format('woff'), url('../fonts/Arial/Arial.ttf')  format('truetype'), url('../fonts/Arial/Arial.svg#Arial') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldMT/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),  url('../fonts/Arial-BoldMT/Arial-BoldMT.woff') format('woff'), url('../fonts/Arial-BoldMT/Arial-BoldMT.ttf')  format('truetype'), url('../fonts/Arial-BoldMT/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
}  
  
html, body{font-family: 'Arial'; font-size: 12px;    background: #e5e5e5; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px;}
  
/* ----------- DEFAULT -------------------------------------- */
/* ELEMENT */
a:hover, a:focus{border-color: rgba(255, 255, 255, 0); outline: none;text-decoration: none;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
img{max-width: 100%;}
ul{margin: 0px;}
.btn.focus, .btn:focus{outline: 0; box-shadow: none;}

/* CORE */
[class*="col-"], [class*="container-"]{padding-left: 10px; padding-right: 10px;}
.row{margin-left: -10px; margin-right: -10px;}

/* CUSTOM */
.wrapper-default { max-width: 1920px; margin: auto; background: #fff; }
.max-w{max-width: 1230px; margin-left: auto; margin-right: auto;}
.max-w-small{max-width: 1200px; margin-left: auto; margin-right: auto;}

.title-sec{margin-bottom: 60px;}
.title-sec .text{font-size: 16px; color: #000;}
.title-sec h3 { color: #000000; margin: 0px; line-height: 24px; font-weight: bold; font-size: 24px;}
.title-sec .float-right a{color: #d13434;}
.title-sec .float-right a:hover{color: #c81c1c; text-decoration: underline;}

.title-box{margin-bottom: 30px;}
.title-box h3{font-weight: bold; margin: 0px; font-size: 24px; font-weight: bold}
.breadcrumb-page .banner img{width: 100%;}

@media(max-width: 767px){
    .title-sec{    margin-bottom: 15px!important;}
    .max-w{padding-left: 5px; padding-right: 5px;}
}

/* ----------- PRELOADER -------------------------------------- */
.preloader { width: 100%; height: 100%; top: 0; position: fixed; z-index: 99999; background: #fff; }
.lds-ripple{display:inline-block;width:64px;height:64px;position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.lds-ripple .lds-pos{position:absolute;border:2px solid #2962FF;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.1,.5,1) infinite}.lds-ripple .lds-pos:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:0}5%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}

/* ----------- TO TOP -------------------------------------- */
.to-top { position: fixed; bottom: 50px; right: 44px; width: auto; height: auto; z-index: 116; cursor: pointer; display: none; -webkit-transform: translate3d(0,0,0); border-radius: 50%; }
.to-top img{max-height: 25px;}

/* BOX SLICK */
.box-slick{position: relative;}
.box-slick .box-arrows-slick img{    height: 13px;}
.box-slick .box-arrows-slick .slick-arrows{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box-slick .box-arrows-slick .prev { left: -15px; }
.box-slick .box-arrows-slick .next{ right: -15px;}

.slick-slide:focus{    border-color: rgba(255, 255, 255, 0);outline: none;}
@media(max-width: 1100px){
    .box-slick { margin: 0px auto 0px; }
}

/* ----------- HEADER -------------------------------------- */
.header-default{position: relative;}
.h-logo{vertical-align: top; float: left; margin-top: 35px;}
.h-logo img{max-height: 68px;}
.nav-holder nav li a { text-transform: uppercase;     color: #fff;}
.nav-holder nav{float: none;}
.nav-holder{vertical-align: top; float: left; }

/* .H MENU */
.h-menu { margin-right: 130px; }
.main-menu nav>ul{padding-left: 0px; padding-right: 0px;}
.main-menu nav>ul>li { position: relative; margin-right: 20px; }
.main-menu nav>ul>li:hover>a, .main-menu nav>ul>li.active>a{color: #ffcc00;}


/* Effect 17: move up fade out, push border */
.cl-effect-17 a { text-shadow: none; padding: 10px 0; position: relative; } 
.cl-effect-17 a::after {  } 
.cl-effect-17 a:hover::after, .cl-effect-17 a:focus::after, .cl-effect-17 li.active a::after, .cl-effect-17 li:hover a::after{  }
/* LIST INLINE CUSTOM */
.list-inline-custom .list-inline-item{position: relative;}
.list-inline-custom .list-inline-item:after{position: absolute; content: ""; width: 1px; height: 17px; background: #090324; left: -26px; top: 5px;}
.list-inline-custom .list-inline-item:before{position: absolute; content: ""; width: 1px; height: 17px; background: #5a46bf; left: -25px; top: 5px;}
.list-inline-custom .list-inline-item{margin-right: 50px;}
.list-inline-custom .list-inline-item:last-child{margin-right: 0px;}
.list-inline-custom .list-inline-item:first-child:after, .list-inline-custom .list-inline-item:first-child:before{position:static;}


/* BOX-ACC-RIGHT */
.box-acc-right a.link-logout{display: inline-block; background: #ffcc00; color: #fff; text-align: center; min-width: 72px; border-radius: 7px; line-height: 31px; margin-left: 26px;}
@media only screen and (max-width: 1064px){
    .cl-effect-17 a::after{right: 0; left: auto; top: 8px;}
    .header-default{    text-align: left;}
}
@media(max-width: 1000px){
    header{min-height: inherit;}
    .h-logo img { max-height: 47px; }
    .box-acc-right.d-inline-block { display: block!important; float: none!important; border-top: 1px solid #d8d8d8; }
}
@media(max-width: 767px){
    .h-logo{margin-top: 10px; margin-bottom: 10px;}
    
}
/* ----------- PAGE / HOME -------------------------------------- */
/* BREADCRUMB-LINE */
.breadcrumb-line-bg{background: #f7f5ee; line-height: 43px; margin-bottom: 20px;}
.breadcrumb-line a{color: #a7a7a7; font-size: 12px;}
.breadcrumb-line a:hover{    color: #ffcc00;}

@media(max-width: 767px){
    .dots-hori .slick-dots{    bottom: 15px!important;}
    .slick-dots li button{width: 15px;}
}
/* ----- CUSTOM / HEADER ---------------------------------------- */

.max-md{max-width: 1160px; margin-left: auto; margin-right: auto;}
.max-sm{max-width: 1020px; margin-left: auto; margin-right: auto;}

.header-main-top { background: #0066cc; min-height: 62px; }
@media(max-width: 767px){
    .header-main-top { position: relative; background: #062342; top: 0; }
}

.title-main { position: relative; margin-bottom: 40px; }
.title-main h3 { font-size: 18px; color: #000000;     font-weight: bold;}
.title-main.title-line{margin-bottom: 60px;}
.title-main.title-line  h3{font-size: 30px;}
.title-main.title-line::after{position: absolute; content: ""; width: 220px; height: 3px; bottom: -10px; background: #000; left: 0; right: 0; margin: auto;}
@media(max-width: 992px){
    .title-main.title-line{margin-bottom: 70px;}
    .title-main.title-line h3 { font-size: 20px; }
}

.avatar{margin-bottom: 8px;}
.avatar img{width: 96px; height: 96px; border-radius: 100%; background: #898943;}

/* --------------------- */
.slider-main-box::before{position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 51, 0.52); z-index: 1;}
.bg-right { position: absolute; top: 0; right: 0; width: 100%; z-index: 3; }
.bg-right img { height: 100vh; width: auto; display: block; margin-left: auto; }

.item-check{position: relative; font-size: 20px; padding-left: 35px; margin-bottom: 15px;}
.item-check .icon{position: absolute; left: 0; top: 0;}
.item-check .icon img{max-height: 14px;}

.top-main-right{color: #ffffff; min-height: 100vh; position: absolute; top: 0; right: 0; width: 50%; padding-top: 95px;}
.top-main-right .warpper-header-right{max-width: 430px; position: relative; z-index: 2; margin-left: auto;}
.top-main{min-height: 100vh;}

.top-main-box{background: #0066cc; position: relative; color: #fff; height: 100vh; overflow: hidden;}
.top-main .logo{margin-top: 25px; margin-bottom: 65px;}

/* --------------------- */
.support-hotline{position: absolute; left: 42%; text-align: center; top: 28px;}
.support-hotline .text{font-size: 18px; color: #babac1;}
.support-hotline .phone{font-size: 30px; font-weight: bold;}
@media(max-width: 1300px){
    .support-hotline{left: 35%;}
}

/* ----- PAGE / HOME ---------------------------------------- */
.breadcrumb-custom{margin-bottom: 40px;}
.breadcrumb-custom .d-inline-block{background: #0066cc;}
.breadcrumb-custom .breadcrumb { background: transparent; padding: 11px 25px 12px; font-size: 14px;     margin: 0;}
.breadcrumb-custom .breadcrumb a, .breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before{color: #fff;}
.breadcrumb-custom .breadcrumb a:hover, .breadcrumb-item.active:hover{    color: #f6b343;}
@media(min-width: 1000px){
    .breadcrumb-custom .d-inline-block{padding-right: 130px;}
}

.slider-main-box{min-width: 840px;position: absolute; top: 0; left: 0; width: 65%; z-index: 2;}

.course-main{background: #ebebed; padding: 42px 30px; border-left: 1px solid #02a4e4;}
.course-main .title{    margin-bottom: 18px;}
.course-main .title h3{}
.course-main{}

.table{border: 1px solid #d9d9d8; margin-bottom: 0px!important;}
.course-table.table{background: #e6e7ea;}
.course-table.table tbody tr:first-child td{border-top: 1px solid #d9d9d8;}
.table td{border-top: 1px solid #ffff;}
.table td, .table th{    vertical-align: middle;}
.t-logo-xs img{height: 22px; width: 22px;    max-width: inherit;}
.t-course{font-size: 14px;}
.t-course .title{margin-bottom: 10px;}
.t-course .title a{ font-weight: bold; color: #be930e;margin-bottom: 10px;}
.t-course .title a:hover{    color: #268af7;}
.t-course .content .text{padding-right: 5px;}
.t-course .view-box{border: 0; border-left: 1px solid #0174a1; border-style: dotted; margin-left: 5px; padding-left: 5px;}
.course-table .title-sm{color: #164bb5; margin-bottom: 5px;}
.t-video img{max-height: 44px;}
.t-down img{max-height: 44px;}
.course-table .key{color: #ff0000; padding-left: 7px;    font-size: 11px;}

.navigation-custom{}
.navigation-custom .page-link{border: 1px solid #c1c0c0; margin-right: 4px; padding: 0; line-height: 21px; min-width: 21px; text-align: center; color: #535353; background: #ffff; border-radius: 3px; font-size: 11px;}
.navigation-custom .page-item.active .page-link, .navigation-custom .page-item .page-link:hover, .navigation-custom .page-item .page-link:focus{color: #ff004f!important; background: #fff; border-color: #c1c0c0;}

.t-td-bg{background: #eeeff3;}


@media(min-width: 992px){
    .t-video{padding-left: 30px;}
}
.navigation-main{padding-top: 25px; font-size: 14px;}
.navigation-main .back{padding-right: 20px;}
.navigation-main a{color: #666666;}
.navigation-main a:hover{    color: #268af7;}
@media(min-width: 992px){
    .navigation-main{padding-left: 25%}
    .navigation-main .back{padding-right: 20%}
}

@media(max-width: 1100px){
    .top-main-box{height: auto;}
    .top-main-right{position: static; min-height: inherit; width: 100%;}
    .top-main-right .warpper-header-right{    margin: auto auto 50px;}
    .top-main-box .bg-right{display: none;}

    .slider-main-box{width: 100%;}
    .top-main .logo{    margin-left: 30px;}
    .top-main .logo img{height: 100px;}
    .support-hotline{left: auto; right: 30px;}
}
@media(max-width: 992px){
    .top-main-right{    padding-top: 40px;}
}
@media(max-width: 767px){
    .top-main .logo{    margin: 15px 15px 30px;}
    .support-hotline{top: 60px; right: 15px;}
    .support-hotline .phone{font-size: 24px;}
}
/* ----- PAGE / CATEGORY ---------------------------------------- */
.category-list{background: #d2d3d3; padding: 20px; font-size: 18px;}
.category-list .max-w{    max-width: 992px;}
.category-list .item{margin-bottom: 20px; position: relative;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.category-list .item:hover, .category-list .item.active{padding-left: 20px;}
.category-list .item::before{position: absolute; content: ""; width: 0px; height: 2px; background: transparent;left: 0px; top: 10px;}
.category-list .item:hover::before, .category-list .item.active::before{background: #1366cc; width: 10px; }
.category-list .item a{color: #000; font-size: 18px;}
.category-list .item:hover a, .category-list .item.active a{    color: #1366cc;}

/* ------- FOOTER-DEFAULT -------------------- */

.footer-default{min-height: 90px;padding: 30px 0;color: #cccccc;background: #28303e;}
.footer-default a{color: #cccccc;}
.footer-default a:hover, .footer-default a:focus{color: #ffb300;}
.footer-default .f-title{margin-bottom: 7px;}
.footer-default .f-title h3{font-size: 14px;}
.f-content .f-left p{
    color:#fff !important;
    font-size: 12px !important;
}
@media(max-width: 992px){
    .footer-default .f-left{float: none!important; display: block!important; margin-bottom: 10px;}
    .footer-default .f-right{text-align: left!important; float: none!important; display: block!important;}
}



.category-item{position: relative; overflow: hidden; min-height: 210px; margin-bottom: 90px;}
.category-item .banner{}
.category-item .banner img{min-height: 210px;}
.category-item .title{font-size: 26px; font-weight: bold; margin-bottom: 25px;}
.category-item .content{position: relative; overflow: hidden; max-width: 320px;}
.category-item .content .course-list{position: absolute; top: 15px; left: 15px;}
.category-item .content .course-list.link-center{position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.category-item .content .course-list.link-center .link-view{position: static;}
.category-item .course-item{ margin-bottom: 13px;     max-width: 170px;}
.category-item .course-item a{color: #fff; font-size: 14px; padding: 3px 15px; background: #0657ae; min-width: 120px; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.category-item .course-item a:hover{    background: #757575;}
.category-item .link-view .text{color: #000; padding-right: 5px; font-size: 16px; background-color: white; font-weight: bold;}
.category-item .link-view .icon img{height: 26px;}
.category-item .content .link-view{position: absolute; right: 10px; bottom: 5px;}
.category-item .link-view .text:hover{color: #f00;}
@media(max-width: 1200px){
    .category-item .title{font-size: 16px; margin-bottom: 15px;}
}
@media(max-width: 992px){
    .category-item{margin-bottom: 30px;}
}
@media(max-width: 767px){
    .category-item{    text-align: center;}
    .category-item .content{    margin: auto;}
}

.form-login-main{max-width: 342px; margin-left: auto; margin-right: auto;}
.form-login-main .form-group{margin-bottom: 25px;}
.form-login-main .form-control{height: 46px; border-radius: 0px; box-shadow: none; border: 0; padding-left: 20px;}
.form-login-main .btn-black{min-width: 200px; height: 48px; background: #000; color: #fff; border: 0px; border-radius: 0px;}
.form-login-main .btn-black:hover, .form-login-main .btn-black:focus, .form-login-main .btn-black.active{    background: #757575; color: #fff;}

.form-search-main{position: absolute; bottom: 35px; right: 0; }
.form-search-main .form-control{min-width: 225px; height: 36px; border: 0; border-radius: 0; box-shadow: none; padding-right: 40px;}
.form-search-main .btn{padding: 0; height: 36px; border: 0; box-shadow: none; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 5px; cursor: pointer; z-index: 1;}
.form-search-main .form-custom{    position: relative;}
@media(max-width: 1100px){
    .form-search-main { position: static; max-width: 342px; margin: 20px auto 50px;}

}
.blueRow{
    background-color:#06c;
}
.blueRow .rowFlex{
    display:flex;
    justify-content:center;
    padding:15px;
    color:#fff;
    font-size:14px;
}
.blueRow .rowFlex .icon{
}
.blueRow .rowFlex .icon i{
    display:inline-block;
    vertical-align: -webkit-baseline-middle;
}
.blueRow .rowFlex p{
    margin-bottom:0;
    margin-left:5px;
}
.blueRow .rowFlex a{
    display:inline-block;
    color:#fff;
    padding:5px 10px;
    background-color:#60b0ff;
    margin-left:5px;
    transition:all 0.3s;
}
.blueRow .rowFlex a:hover{
    background-color:#00468c;
}
._4box .outside{
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 20px 0;
    border-left: 1px solid #ccc;
}
._4box .col-md-3:last-child .outside{
    border-right:1px solid #ccc;
}
._4box .outside p{
    margin: 0 0 0 10px;
    font-size:13px;
    color: #06c;
}
._4box .outside .icon i{
    font-size:25px;
    color: #06c;
}
.fContent .left h3{
    font-size:16px;
    text-transform:uppercase;
    color:#a37f04;
}
.fContent .left ul{
    padding:0;
    margin-top:15px;
}
.fContent .left ul li a{
    
    margin-bottom:5px;
    display:inline-block;
}

.fContent .iconApp{
    margin-top:20px;
}
.fContent .iconApp a:last-child{
    margin-left:20px;
    display: inline-block;
}


.regTeacher h3{
    font-size:30px;
    margin-bottom:30px;
}

.slickGV .itemGV{
    padding: 10px 10px;
}
.slickGV .itemGV .outSide{
    padding:10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(154, 154, 154, 0.75);
    -moz-box-shadow: 0px 0px 8px 0px rgba(154, 154, 154, 0.75);
    box-shadow: 0px 0px 8px 0px rgba(154, 154, 154, 0.75);
}
.showGV{
    padding: 0px 0 60px;
}
.showGV h2{
    text-align:center;
    margin-bottom:40px;
    text-transform:uppercase;
    font-weight:700;
    font-size:25px;
}
.slickGV .itemGV .outSide figure{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c4ce33;
}
.slickGV .itemGV .outSide figure img{
    object-fit: cover;
    height: 150px;
}
.slickGV .itemGV .outSide a{
    font-size:14px;
}
.slick-prev:before{
    content:"\f053";
    
}
.slick-prev:before, .slick-next:before{
    color:#06c;
    font-family:"FontAwesome";
}
.slick-next:before{
    content:"\f054";
}
@media (max-width:991px){
    .slickGV .itemGV .outSide figure img{
        height:120px;
    }
    .regTeacher{
        background-position:left center;
    }
}
@media (max-width:767px){
    .showGV{
        padding:6% 0 0;
    }
    .showGV h2{
        font-size:18px;
        margin-bottom:3%;
    }
    .blueRow .rowFlex{
        display:block;
        text-align: center;
    }
    .blueRow .rowFlex a{
        margin-top:3%;
    }
    .blueRow .rowFlex p{
        margin-top:3%;
    }
    ._4box{
        padding:5% 0;
    }
    ._4box .outside{
        border:1px solid #06c;
        margin-bottom:4%;
        padding:3% 0;
    }
    ._4box .col-md-3:last-child .outside{
        margin-bottom:0;
    }
}
.pDownLoad{
    padding:40px 0;

}
.pDownLoad table{
    margin:auto;
}
.pDownLoad table thead{
    border-bottom:1px solid #ccc;
    background: #06c;
    color: #fff;
}
.pDownLoad table thead th{
    font-size:15px;
    text-transform:uppercase;
    font-weight:550;
    padding:10px 15px;
    text-align:center;
}
.pDownLoad table tbody tr{
    border-bottom:1px solid #ccc;
}
.pDownLoad table tbody td{
    text-align:center;
    padding:10px 15px;
    font-size:13px;
}
.pDownLoad table tbody td a img{
    max-width:30px;
}
.regTeacher .rlt{
    position:relative;
    transition:all 0.3s;
}
.regTeacher a{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.regTeacher:hover .rlt{
    opacity:0.7;
}







#edupay_header .high-menu{
    background: rgb(0 102 204);
    background: -moz-linear-gradient(left,rgba(0,182,239,1) 0%,rgba(1,120,212,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,182,239,1)),color-stop(100%,rgba(1,120,212,1)));
    background: -webkit-linear-gradient(left,rgb(0 102 204) 0%,rgba(1,120,212,1) 100%);
    background: -o-linear-gradient(left,rgba(0,182,239,1) 0%,rgba(1,120,212,1) 100%);
    background: -ms-linear-gradient(left,rgba(0,182,239,1) 0%,rgba(1,120,212,1) 100%);
    background: linear-gradient(to right,rgb(0 102 204) 0%,rgb(0 70 124) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b6ef',endColorstr='#0178d4',GradientType=1);
}

#edupay_header .high-menu .flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}


#edupay_header .high-menu .logo{
    padding:7px 0;
}



#edupay_header .high-menu .logo figure{
    margin-bottom:0;
}

#edupay_header .high-menu .logo figure img{
    max-width: 80px;
}

#edupay_header .high-menu .right-side{
    justify-content:space-between;
}

#edupay_header .high-menu .right-side .show_username_sp{
    display:none;
}

#edupay_header .high-menu .right-side ul{
    padding:0;
    display:flex;
    align-items: center;
}

#edupay_header .high-menu .right-side ul li{
    display:inline-block;
}

#edupay_header .high-menu .right-side ul li.login_sp{
    display:none;
}

#edupay_header .high-menu .right-side ul li a{
    text-transform:uppercase;
    color: #fff;
    padding: 0 10px;
    font-size: 15px;
    display: inline-block;
    vertical-align:middle;
}

#edupay_header .high-menu .right-side .social{
    border-left: 1px solid rgb(255 255 255 / 49%);
    border-right: 1px solid rgb(255 255 255 / 49%);
    padding: 18px 10px;
    display: flex;
    align-items: center;
}

#edupay_header .high-menu .right-side .social a{
    color:#fff;
    margin: 0 6px;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color: #1fb9f9;
    border-radius: 50%;
    font-size: 16px;
    transition:all 0.3s;
}

#edupay_header .high-menu .right-side .social a:hover{
    background-color: #0690c9;
}

#edupay_header .high-menu .flex .btn-login{
    display:flex;
    align-items:center;
    margin-left:10px;
    flex-wrap:wrap;
    justify-content:center;
}

#edupay_header .high-menu .flex .btn-login p{
    width:100%;
    text-align:center;
    color:#fff;
    margin: 0;
}

#edupay_header .high-menu .flex .btn-login p a{
    color:#fff;
}

#edupay_header .high-menu .flex .btn-login a{
    color:#000;
    display:inline-block;
/*     background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e38d13; */
    padding:5px 10px;
    border-radius:5px;
}

#edupay_header .high-menu .flex .btn-login a i{
    margin-right:5px;
}

#edupay_header .low-menu .flex{
    display:flex;
    justify-content: flex-end;
    align-items:center;
    padding: 10px 0;
}

#edupay_header .low-menu .flex .form-search{
    position:relative;
}

#edupay_header .low-menu .flex .form-search .form-group{
    margin-bottom:0;
}

#edupay_header .low-menu .flex .form-search input{
    border-radius:25px;
    border:1px solid #1fb9f9;
    padding:7px 40px 7px 10px;
}

#edupay_header .low-menu .flex .form-search input:focus{
    outline:none;
}

#edupay_header .low-menu .flex .form-search button{
    border:none;
    background:none;
    padding:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10px;
}

#edupay_header .low-menu .flex .form-search button i{
    font-size:18px;
    color:#007cd8;
}

#edupay_header .low-menu .flex .nav-class{
    padding:0;
    display:flex;
    align-items: center;
}

#edupay_header .low-menu .flex .nav-class li a{
    font-size:14px;
    padding: 5px 15px;
    position:relative;
    overflow:hidden;
    display: inline-block;
}

#edupay_slider .slick-banner{
    padding:0;
}

@media (min-width:992px){
    #edupay_header .high-menu .right-side{
        display:flex;
    }

    #edupay_header .high-menu .logo .navbar-dark .navbar-toggler{
        display:none;
    }
}

@media (max-width:991px){
    #edupay_header .high-menu .logo{
        padding:10px 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #edupay_header .high-menu .flex{
        display:block;
        text-align:center;
    }
    #edupay_header .high-menu .right-side{
        flex-wrap:wrap;
        justify-content:center;
        padding-bottom: 10px;
    }
    #edupay_header .high-menu .right-side .social{
        border:none;
        display: none;
    }
    #edupay_header .high-menu .right-side ul{
        display:block;
        width:100%;
    }

    #edupay_header .high-menu .right-side ul li{
        display:block;
        margin-bottom: 10px;
    }
    #edupay_header .high-menu .flex .btn-login{
        display:none;
    }
    #edupay_header .high-menu .right-side ul li.login_sp{
        display:block;
    }
    #edupay_header .low-menu .flex{
    justify-content: center;
    }

    #edupay_header .low-menu .flex .nav-class{
        display: none;
    }

    #edupay_header .high-menu .right-side .show_username_sp{
        border-top:1px solid #fff;
        padding-top:7px;
        display:block;
    }

    #edupay_header .high-menu .right-side .show_username_sp a{
        color:#fff;
        font-size:14px;
    }
}