body,html{}
body{font-family: 'Montserrat', sans-serif; font-weight: normal; background: #fff; line-height: 1.5; color: #36445a; position: relative; height: 100%; overflow-x: hidden;}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px;}
b,strong{font-weight: bold}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat'; font-weight: 500;}
.text-center p{text-align: center}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
a{color: #007fff}

.gallery-item{height: 200px; background-size: cover; box-shadow: 0 5px 20px #fff; transition: ease-in-out 0.3s; background-position:  center center; background-repeat: no-repeat; display: block; border: 1px solid #ccc; position: relative; overflow: hidden}
.gallery-item i{z-index: 100; font-size: 24px; background: #824318; border-radius: 50%; padding: 6px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); transition: ease-in-out 0.2s}
.gallery-item:hover i{top: 50%; transform: translate(-50%,-50%); color: #fff}
.gallery-item:hover {box-shadow: 0 5px 30px #999!important;}
.gallery-item:after{top: 1px; right: 1px; bottom: 1px; left: 1px; transition: ease-in-out 0.3s; width: 100%; height: 100%; border: 2px solid #fff; content: ''; z-index: 5; display: block;}
.gallery-item:hover:after{border-color:#999;}

.blog_item{box-shadow: 0 5px 20px #fff; transition: ease-in-out 0.3s; display: block; border: 1px solid #ccc; position: relative; overflow: hidden}
.blog_item:hover {box-shadow: 0 5px 30px #999!important;}
.blog_item p{color: #555; text-align: center; margin: 0 auto; padding: 12px; font-size: 16px; font-weight: 500; transition: ease-in-out 0.3s;}
.blog_item:hover p{color: #824318; text-decoration: none}
.blog_item:hover{text-decoration: none}
.student-icon{width: 30px; height: 30px; line-height: 30px; background: #824318; color: #fff; font-size: 20px; text-align: center; border-radius: 50%}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 36px; height: 36px; font-size: 20px; line-height: 36px; padding: 0; background: rgba(0,0,0,0.4); color: #fff; z-index: 100; border-radius: 50%; margin: 0}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: rgba(0,0,0,0.8); color: #fff;}
.owl-theme .owl-nav{position: absolute; top: 50%; left: -22px; right: -22px; transform: translateY(-50%); z-index: 5}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -30px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 50%; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #000}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}

.header{background: #824318; padding: 8px 0;}
.header, .header a{color: #fff; transition: ease-in-out 0.2s}
.header i, .header a i{color: #ffc13f;  transition: ease-in-out 0.2s; padding: 0 5px}
.header a{padding:4px 6px}
.header a:hover{color: #ffc13f; text-decoration: none}

.header .hbtn{display: inline-block; padding: 4px 15px; border: 1px solid #ffc13f; border-radius: 20px; margin: 0 5px;  transition: ease-in-out 0.2s}
.header .hbtn:hover{text-decoration: none; background: #ffc13f; color: #000}
.header .hbtn:hover i{color: #000}

.header .hsocial i{display: inline-block; font-size: 24px; padding: 5px; color: #fff;  transition: ease-in-out 0.2s}
.header .hsocial:hover i{color: #ffc13f;}

.navbar-toggler i{color: #fff}
.navbar-toggler.collapsed .la-times{display: none}
.navbar-toggler.collapsed .la-bars{display: block}

.navbar-toggler .la-times{display: block}
.navbar-toggler .la-bars{display: none}

header{background: #fff; line-height: 1.2; padding: 10px 0}

.loginbox{background: #824318; border-radius: 10px; padding: 10px; display: block; max-width: 285px; margin: 0 0 0 auto; color: #ffc13f;}
.loginbox h5{font-size: 16px; font-weight: 500; margin-bottom: 10px}
.loginbox .form-control{font-size: 14px; padding-left: 8px; border-radius: 0; border:0; height: 28px}
.loginbox .input-group-text{background: #fff; color: #824318; border-radius: 0; border: 0; padding: 5px}
.loginbox .btn{border-radius: 0; border: 0; padding: 7px 10px; font-size: 14px; line-height: 1; background: #fff; color: #000; transition: ease-in-out 0.2s}
.loginbox .btn:hover{background: #ffc13f; color: #000}

.navbar{background: #824318; padding: 0}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff; text-transform: uppercase; padding: 15px 20px}
.navbar-expand-lg .navbar-nav .nav-link:hover{background: #ffc13f; color: #000}

.dropdown-menu{border-radius: 0}
.dropdown-item{padding: 8px 18px; transition: ease-in-out 0.2s}
.dropdown-item:hover{background: #168dad; color: #fff}

/*home banner*/
.sec-homebanner{}
.owl_home_main .item .content{position: absolute; left:0; right: 0; top: 50%; transform: translateY(-50%); z-index: 5}
.owl_home_main .banner-wrapper{width: 100%; max-width: 600px; background: rgba(0,0,0,0.5); color: #fff; padding: 20px; border-radius: 5px;}
.owl_home_main .banner-wrapper p{font-size: 20px; margin: 10px 0 0}
.owl_home_main .banner-wrapper h1{margin: 0; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 40px}
.owl_home_main.owl-theme .owl-dots {bottom: 0}
.owl_home_main .owl-nav{left: 20px; right: 20px; transform: translateY(-50%); z-index: 5}

.btn{padding: 5px 18px; font-size: 14px; text-transform: uppercase; border-radius: 0}
.btn-warning{background: #ffc13f; border-color: #ffc13f}
.btn-warning:hover{background: #ea8d03; border-color: #ea8d03}

.welcome {background: #fff3db; font-size: 30px; text-transform: uppercase; font-weight: 300}
.home-about{background: url(../images/bg-about.jpg) bottom repeat-x #1e1e1e; color: #fff; padding-bottom: 4px}
.home-about{background: url(../images/bg-about.jpg) bottom repeat-x #1e1e1e}
.home-about h2{color: #ff9900;}
.home-about table tr td{vertical-align: bottom; border: 0; color: #fff; padding-bottom: 0}
.home-about table tr td:first-child,.home-about table tr td:last-child{width: 170px}

.home-notice{background: url(../images/bg-notice.png) top repeat-x #824318; color: #fff; padding-top: 130px}

.home-notice table {max-width: 590px; margin: 0 auto 20px}
.home-notice table tr td{vertical-align: bottom; border: 0; color: #fff; padding-bottom: 0; text-align: left}
.home-notice table tr td:first-child{width: 70px}
.home-notice table tr td a{color: #fff3db; transition: ease-in-out 0.2s; text-transform: uppercase; font-size: 18px}
.home-notice table tr td a:hover{color: #fff}

.home-desk{background: url(../images/bg-desk.jpg) fixed center; background-size: cover; font-size: 18px; color: #000}
.text-warning{color: #824318!important}

.home-blog{background: #003c84;}
.home-blog h2{color: #ffc13f;}
.lead{font-size: 18px;}
.page-title{background: #f0f0f0; box-shadow: 0 0 10px #aaa; text-align: center;}
.page-title h2{font-size: 16px; font-weight: 500; text-transform: uppercase; margin: 0; font-size: 24px; color: #814318; font-weight: 500; font-size: 24px}
.page-title a{color: #814318}
h2.title{margin: 10px 0; font-size: 20px; padding-left: 20px; position: relative; color: #824318}
h2.title:before{position: absolute; content: ''; top: 2px; width: 10px; left: 0; height: 18px; background: #ffc13f}
h4.title{margin: 10px 0; font-size: 18px; padding-left: 16px; position: relative}
h4.title:before{position: absolute; content: ''; top: 2px; width: 8px; left: 0; height: 16px; background: #999}

footer{background: #fff; color: #1e1e1e}
footer a{color: #1e1e1e}
footer a:hover{color: #003c84; text-decoration: none}
footer h3{margin-bottom: 20px;}
footer h4{margin-bottom: 20px; }
.list-contact{margin-bottom: 40px}
.list-contact li{display: flex; margin-bottom: 10px}
.list-contact li i{width: 30px; height: 30px; background: #fff; color: #333; text-align: center; border-radius: 50%; line-height: 30px; font-size: 18px; margin-right: 10px}
.list-contact li a{color: #fff;}
.list-contact li a:hover{text-decoration: none; color: #824318}

.list-social {display: inline-block}
.list-social li {display: inline-block}
.list-social li i{width: 36px; height: 36px; background: #000; color: #fff; text-align: center; border-radius: 50%; line-height: 36px; font-size: 18px; margin-right: 10px; transition: ease-in-out 0.2s}
.list-social li a:hover i{background: #fff;}
.list-social .fb i{background: #3b5998}
.list-social .fb:hover i{color: #3b5998}
.list-social .tw i{background: #00aced}
.list-social .tw:hover i{color: #00aced}
.list-social .ln i{background: #007bb5}
.list-social .ln:hover i{color: #007bb5}

.list-quick-links{}
.list-quick-links li{}
.list-quick-links li a{display: block; padding: 5px 0; text-transform: uppercase; font-weight: 500 }
.list-quick-links li a:hover{text-decoration: none;}

.copyright{background: #1e1e1e; color: #ffc13f; font-size: 14px;}

.static-banner{position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff}
.static-banner h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px #fff}
footer p{font-size: 14px}
footer .table.table-contact {max-width: 400px}
footer .table.table-contact td{padding: 4px 0; }
footer .table.table-contact td:first-child{width: 40px}
footer .table.table-contact td i{font-size: 24px}

ul.rules{}
ul.rules li{margin: 10px 0; padding-left: 30px; position: relative}
ul.rules li:before{content:'\f105'; position: absolute; left: 0; top: 0; font-family: 'Line Awesome Free'; font-weight: 900; z-index: 5}

ul.admn{}
ul.admn li{margin: 10px 0; padding-left: 30px; position: relative}
ul.admn li:before{content:'\f105'; position: absolute; left: 0; top: 0; font-family: 'Line Awesome Free'; font-weight: 900; z-index: 5}

.myaccount.dashboard{min-height: calc(100vh - 239px);}
.myaccount{min-height: calc(100vh - 261px);}
.badge{font-weight: normal; padding: 5px 8px}
.navbar-expand-lg.inner .navbar-nav .nav-link{padding: 10px 20px}
.navbar-expand-lg.inner .navbar-nav .nav-link{padding: 8px 12px; text-transform: capitalize}
marquee{background: #ffc13f; color: #000; padding: 10px 0; margin-bottom: 20px}
.inner.fixed-top{padding: 0 8px}
.inner.fixed-top img{width: 70px;}
.myaccount td{vertical-align: middle}
.myaccount td .btn{font-size: 20px;}
.width-50{width: 50px!important;}
.width-110{width: 112px!important}
.card-db{padding:20px 15px; box-shadow: 0 0 5px #ccc; transition: ease-in-out 0.3s;}
.card-db h5{margin: 0; color: #fff;}
.card-db:hover{text-decoration: none;box-shadow: 0 0 15px #bbb}



@media screen and (min-width: 1250px){
    .card-db{padding: 40px 15px}
}
@media screen and (max-width: 1400px){


}
@media screen and (max-width: 1200px){
.owl-theme .owl-nav{left: -12px; right: -12px;}
.owl-carousel{padding-left: 30px; padding-right: 30px;}
.owl-theme.owl_home_main .owl-nav{left: 20px; right: 20px;}
.owl-carousel.owl_home_main{padding-left: 0; padding-right: 0;}
}

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

}

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

}

@media screen and (max-width: 991px){
.navbar{padding: 8px}
footer{text-align: center}
.list-contact li{display: block}
.loginbox{margin: 15px auto 0}
.home-about table tr td,.home-about table tr td:first-child,.home-about table tr td:last-child{display: block; width: 100%}
.home-about table tr td:first-child img{margin-bottom: 15px}
footer .table {margin: 0 auto; text-align: left}
.myaccounty{min-height: calc(100vh - 335px);}
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 575px){
.navbar.active .la-bars{display: none}
.navbar.active .la-times{display: block}
.header{display: none}
.navbar-expand-lg.inner .navbar-nav .nav-link{padding:10px 15px}
.navbar-expand-lg.inner .navbar-nav .nav-link.btn-light{margin-top: 10px}
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){

}