.rev_slider, .section, #Footer{background:#ebe9ea !important;}
.menu-main-menu-container{background:#fff !important; width:110% !important; left:-5% !important;  padding:0 !important;}
/*.submenu ul li{background:#fff !important;}*/
#Footer{padding: 30px 0; border-top: 0px solid #dadada;}
.resp{width: 100% !important;}
.pageinner{padding:0; padding: 60px 0 0 0; height:auto !important; display: block; float: left;width: 100%; background:#ebe9ea !important;}
.rev_slider{max-height: 600px !important;}
.pageinner img{width: 100%;}
.menu span{color:#21293e !important; font-weight: 600;}
.submenu ul span{color: #fff !important;}
.header-classic{background: #fff !important;}
.submenu ul li:hover{background:rgba(0,0,0, 0.8) !important;}
.border{border: 1px solid #dadada;}
#Top_bar{background:#fff !important;} 

.text-justify{text-align: justify;}
.units{padding:0px; background: #f1f1f1; border-radius: 8px; transition:all , .5s; }
.units img{border-radius: 15px 15px 0 0 !important; padding:4%; width: 92%;}
.units a{display: block; text-align: center; font-weight: 600; font-size: 16px; color: #333; text-decoration: none; padding:15px 0px; }
.units:hover{background: #dadada; color: #fff;}
.small{font-size: 12px;}
html,body{background-color:#ebe9ea !important;}
ul.list, p{font-size: 16px !important; color: #21293e !important;}
.text-dark{color: #21293e !important;}
#site_logo img{width: 100%;}
#inner_logo img{width: 100%;}
.list{margin: 20px 0 0 0 !important;}
.t-300{font-weight: 100 !important;}
.list li{ list-style: none !important;}
.xl{font-size: 22px !important;}
.lg{font-size: 18px !important;}
.sm{font-size: 14px !important;}
.xs{font-size: 12px !important;}
.text-white{color: #fff !important;}
.m-0{margin: 0;}
.p-0{padding: 0 !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.pr-1{padding-right: 5px;}
.pr-2{padding-right: 10px;}
.pr-3{padding-right: 15px;}
.pr-4{padding-right: 20px;}
.pr-5{padding-right: 25px;}
.spinner{ float: right; display: none;    
   width: 22px; margin-left: 10px; margin-top:3px;
   height: 22px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#FFF 94%,#FFF) top/5px 5px no-repeat,
   conic-gradient(#0000 30%,#FFF);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
   animation: spin-c7wet2 1s infinite linear;
}
@keyframes spin-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}
.pl-1{padding-left: 5px;}
.pl-2{padding-left: 10px;}
.pl-3{padding-left: 15px;}
.pl-4{padding-left: 20px;}
.pl-5{padding-left: 25px;}

.pt-1{padding-top: 5px;}
.pt-2{padding-top: 10px;}
.pt-3{padding-top: 15px;}
.pt-4{padding-top: 20px;}
.pt-5{padding-top: 25px;}

.pb-1{padding-bottom: 5px;}
.pb-2{padding-bottom: 10px;}
.pb-3{padding-bottom: 15px;}
.pb-4{padding-bottom: 20px;}
.pb-5{padding-bottom: 25px;}

.ml-1{margin-left: 5px !importnat;}
.ml-2{margin-left: 10px !importnat;}
.ml-3{margin-left: 15px !importnat;}
.ml-4{margin-left: 20px !importnat;}
.ml-5{margin-left: 25px !importnat;}
.mr-1{margin-right: 5px !importnat;}
.mr-2{margin-right: 10px !importnat;}
.mr-3{margin-right: 15px !importnat;}
.mr-4{margin-right: 20px !importnat;}
.mr-5{margin-right: 25px !importnat;}
.mt-1{margin-top: 5px !importnat;}
.mt-2{margin-top: 10px !importnat;}
.mt-3{margin-top: 15px !importnat;}
.mt-4{margin-top: 20px !importnat;}
.mt-5{margin-top: 25px !importnat;}
.mb-1{margin-bottom: 5px !importnat;}
.mb-2{margin-bottom: 10px !importnat;}
.mb-3{margin-bottom: 15px !importnat;}
.mb-4{margin-bottom: 20px !importnat;}
.mb-5{margin-bottom: 25px !importnat;}

.submenu span i{font-size: 12px;}
.mfn-main-slider{max-height: 500px;}

.disk-large{margin: 0px 30px; list-style: disc;}
.disk-large li{margin:10px !important; list-style: disc !important; font-size: 18px;}


.text-col{width:30.3%; line-height: 20px !important; text-align: center;
	vertical-align: middle; border-radius: 5px; margin:1%; padding: 2% 0;
	display: block; float:left; font-weight: 600; font-size:18px !important; text-transform:uppercase;
	 transition: all, .5s !important; border: 2px solid #21293E; color: #21293E;
    background:none; 
}
.text-col:hover{color: #fff; background:#21293E; }

#slogan{font-size: 40px !important; color: #999;}

#inner_logo, #site_logo{position: absolute; display: block;}
.table, .table-dark, tr, td, th{background: none !important;}
th{color: #fff !important; font-weight: 600 !important;}
.session{background:rgba(0,0,0, 0.1) !important; font-weight: 600 !important;}
td, th{padding:20px 10px !important; font-size: 14px !important; }
th,td{border-bottom: 1px dotted #444 !important; border-top: 1px dotted #444 !important;}

@media screen and (min-width: 200px) {
    .box-col{width: 29% !important;  font-size: 10px !important;  margin:1% !important; float:left !important;}
    .box-col img{width: 50px !important;}
}
@media screen and (min-width: 1024px) {
    .box-col{width: 17% !important; font-size: 10px !important;  margin:1% !important; float:left !important;}
    .box-col img{width: 50px !important;}
    
}


@media screen and (max-width: 1024px) {
    .pageinner{height:auto !important; padding:30px 0 0 0 !important; background:#ebe9ea;}
    .responsive-menu-toggle{padding-right:30px !important;}
    
    .text-col{width:45%; line-height: 20px !important; text-align: center;
	vertical-align: middle; border-radius: 5px; margin:1%; padding: 2% 0; vertical-align:middle !important;
	display: block; float:left; font-weight: 600; letter-spacing: 0px; font-size:11px !important; text-transform:uppercase;
	 transition: all, .5s !important; border: 2px solid #21293E; color: #21293E;
    background:none; 
}
.text-col:hover{color: #fff; background:#21293E; }
    

#site_logo, #inner_logo{display: none !important;}
.pageinner{height:auto !important; padding:0px !important; background:##ebe9ea;}
.countdown{display:block; width:100%; -webkit-padding-start: 0px; list-style-type:none; position: relative; margin: 0 auto;}
.countdown li{float:left; margin:0%; position: relative; border-radius: 6px; border:0px solid #ddd; list-style-type:none !important; text-align:center; width: auto !important; padding: 5px 8px;}
.countdown li div{color:#dadada; font-weight: 300; text-align:center; font-size:40px; padding:10px 0 10px 0;}
.countdown li span{font-size: 12px; color: #999; padding: 0 0 10px 0; display: block; text-transform: uppercase; margin: 0px auto; width: 100%;}
}


@media (min-width:1020px) and (max-width:1270px) {
#site_logo{display: block; position: absolute; left:12%; top: 2%; width: 380px !important;}
.pageinner{padding:30px 0 0 0 !important;}
#inner_logo{ left:0%; top: 0%; width: 400px !important;}
.countdown{display:block; width:100%; -webkit-padding-start: 0px; list-style-type:none; position: relative; margin: 0 auto;}
.countdown li{float:left; margin:0%; position: relative; border-radius: 6px; border:0px solid #ddd; list-style-type:none !important; text-align:center; width: auto !important; padding: 5px 10px;}
.countdown li div{color:#dadada; font-weight: 300; text-align:center; font-size:50px; padding:10px 0 10px 0;}
.countdown li span{font-size: 12px; color: #999; padding: 0 0 10px 0; display: block; text-transform: uppercase; margin: 0px auto; width: 100%;}
}

@media (min-width:1280px) and (max-width:1370px) {
#site_logo{left:12%; top: 3%; width: 360px !important;}
.pageinner{padding:10px 0 0 0 !important; background-size: 100%;}
#inner_logo{ left:0%; top: 0%; width: 400px !important;}
.countdown{display:block; width:100%; -webkit-padding-start: 0px; list-style-type:none; position: relative; margin: 0 auto;}
.countdown li{float:left; margin:0%; position: relative; border-radius: 6px; border:0px solid #ddd; list-style-type:none !important; text-align:center; width: auto !important; padding: 5px 30px;}
.countdown li div{color:#dadada; font-weight: 300; text-align:center; font-size:50px; padding:10px 0 10px 0;}
.countdown li span{font-size: 12px; color: #999; padding: 0 0 10px 0; display: block; text-transform: uppercase; margin: 0px auto; width: 100%;}
}


@media (min-width:1440px) and (max-width:1920px) {
.pageinner{padding:100px 0 0 0; background-size: 100%;}
#inner_logo{ left:0%; top: 0%; width: 500px !important;}
.countdown{display:block; width:100%; -webkit-padding-start: 0px; list-style-type:none; position: relative; margin: 0 auto;}
.countdown li{float:left; margin:0 2%; position: relative; border-radius: 6px; border:0px solid #ddd; list-style-type:none !important; text-align:center; width: auto !important; padding: 5px 20px;}
.countdown li div{color:#dadada; font-weight: 300; text-align:center; font-size:50px; padding:10px 0 10px 0;}
.countdown li span{font-size: 12px; color: #999; padding: 0 0 10px 0; display: block; text-transform: uppercase; margin: 0px auto; width: 100%;}
}


@media (min-width: 360px) and (max-width: 543px) {
.pageinner{height:350px !important; padding:0 !important; background:#21293e;}
#slogan{font-size: 44px !important;}   
#logo{padding: 0 !important; margin: 0 !important;}
}
.box-col:hover{color: #fff; background:#283052; border: 2px solid #8190bf;}

.h1{
    font-size:42px !important;
    line-height: 30px;
}

h2 {
    font-size: 42px;
    line-height: 42px;
}

h3 {
    font-size: 34px;
    line-height: 36px;
}

h4 {
    font-size: 21px;
    line-height: 25px;
}

h5 {
    font-size: 18px;
    line-height: 23px;
}

h6 {
    font-size: 14px;
    line-height: 21px;
}
.light{color: #fff;}