@charset "UTF-8";


/* css common 
---------------------------------------------------------- */

body{
    font-weight:100;
    font-size:15px;
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

.preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px);
}

#wrapper {
	margin:0px auto;
	position:relative;
}

.uk-container{
	/* width: 1150px;
	min-width: 1140px;
	margin: 0 auto; */
}

.uk-background-primary{
	background: #004199 !important;
}
#wrapper .uk-text-primary{
	color: #004199 !important;
}

.uk-text-white{
	color: #fff !important;
}

.uk-button-primary{
	background: linear-gradient(to bottom, rgba(0,87,180,1) 0%, rgba(0,75,155,1) 82%, rgba(0,65,130,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057b4', endColorstr='#004182', GradientType=0 );
	border: 1px solid #003f80 !important;
}

.uk-button-primary:hover{
	box-shadow: 0px 9px 13px -10px rgba(93,119,252,1);
}
.uk-button-secondary{
	background: #ffd72f !important;
	color: #004199 !important;
	border-radius: 25px;
}

.uk-button-default{
	background: #004080 !important;
	border-radius: 25px !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(194,194,194,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(194,194,194,1);
	box-shadow: 0px 0px 5px 0px rgba(194,194,194,1);
}
.uk-button-default span{
	color: #fff !important;
	font-size: 140% !important;
}

.uk-text-small{
	font-size: 90% !important;
}

.uk-background-default{
	border-radius: 20px;
	border: 1px solid #dfdfdf;
}
.uk-background-muted{
	background: #ecf4ff !important;
	border-radius: 20px;
}
.uk-background-muted.bg-tab-two{
	background: #fefbea !important;
}


/* header 
---------------------------------------------------------- */
#header .uk-background-primary{
	background: #004080 !important;
}
.uk-logo{
	width: 400px;
	position: relative;
	bottom: -10px;
	-webkit-box-shadow: -2px 3px 18px -8px rgba(143,141,143,1);
	-moz-box-shadow: -2px 3px 18px -8px rgba(143,141,143,1);
	box-shadow: -2px 3px 18px -8px rgba(143,141,143,1);
}
.uk-modal-close-default svg{
	/* background: #fff; */
    width: 30px;
    border-radius: 50%;
    /* top: -30px;
    right: -30px; */
    position: relative;
	padding: 8px;
	color: #004199;
}

#login .uk-modal-dialog{
	width: 400px !important;
}
.uk-modal-dialog{
	width: 400px !important;
}
.uk-grid-divider>:not(.uk-first-column)::before{
	border-color: #afafaf !important;
}
#main-menu a {
    margin-left: 35px;
    font-size: 110%;
    font-weight: 900;
}

/* main 
---------------------------------------------------------- */
.main-box{
	/*background : url(../Content/assets/images/font-end/img-main.png) no-repeat center bottom;*/
    background : url(../Content/img/banner/banner.png) no-repeat;
	background-size: cover;
	padding:10% 0;
}
.main-box .uk-button-secondary{
	font-size: 140%;
}

#banner-link .uk-overlay-primary{
	background: linear-gradient(to bottom, rgba(0,63,128,0) 0%, rgba(0,63,128,0.9) 90%, rgba(0,64,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f80', endColorstr='#004199', GradientType=0 );
}

#content-box .content-tab {
    /* box-shadow: inset -1px -9px 14px -5px rgba(214,214,214,1); */
    /*background: #f6f6f6;*/
    background: #d7d5d5;
    border-radius: 10px 10px 0 0;
    margin-left: 0px !important;
}
#content-box .content-tab li{
	padding-left: 0px !important;
}
#content-box .content-tab li a{
	font-size: 170%;
	font-weight: bold;
	padding: 10px;
}
#content-box .uk-tab>.uk-active>a{
	background: #fff;
	border-radius: 10px 10px 0 0;
	border: none !important;
}
.uk-button-default.uk-btn-search{
	border-radius: 5px !important;
	padding: 0 50px !important;
}
#content-box .uk-select{
	color: #004080;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(194,194,194,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(194,194,194,1);
	box-shadow: 0px 0px 5px 0px rgba(194,194,194,1);
}

.privilege-box .uk-dropdown{
	/* width: 300px !important; */
}

/* pagetop 
---------------------------------------------------------- */
#bk_top {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

/* footer 
---------------------------------------------------------- */
#footer {
	padding: 5% 0 5px 0;
	color: #fff;
	background: #004080;
}
#footer a{
	color: #fff !important;
	font-size: 80%;
}



/* --- copy_right --- */
#copy_right{
	margin-top: 25px;
}
#copy_right p{
	font-size: 11px;
}




/* media 
---------------------------------------------------------- */
/* @media only screen and (min-width: 320px){ */
@media (max-width: 820px){
	.uk-navbar-toggle{
		min-height: 29px !important;
		padding-right: 0 !important;
	}
	.uk-navbar-container:not(.uk-navbar-transparent){
		background: #fff !important;
	}
	.uk-offcanvas-bar{
		background: #efefef !important;
		padding-top: 35px !important;
	}
	.uk-offcanvas-bar .uk-close{
		color: #004199 !important;
	}
}
@media (min-width:768px) {

    .logo-center {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        /*margin:0 auto*/
    }
}

@media (max-width: 420px){
	.main-box h2{
		font-size: 1rem;
	}
	.main-box h4{
		font-size: 0.85rem;
	}
	.uk-text-small{
		font-size: 100% !important;
	}
	.header-box .uk-text-small{
		font-size: 70% !important;
	}
	.uk-sticky-placeholder{
		height: 48px !important;
	}
	#content-box .content-tab li a{
		font-size: 120%;
	}
	.uk-padding{
		padding: 5% !important;
	}
	.privilege-box .uk-dropdown.uk-open{
		margin-left: 170px;
	}
}