/*common styles */


@font-face {
    font-family: 'Solan';
    src: url('font/Solan.ttf');
}


.btn {
    
	
    background-color: #009acd;
    border-color: #009acd;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    padding: .5em 1em;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    /*border: 1px solid transparent;*/
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    user-select: none;
    -webkit-transition: background-color 300ms ease-out,border-color 300ms ease-out;
    transition: background-color 300ms ease-out,border-color 300ms ease-out;
    vertical-align: middle;
	color:#ffffff;
	LETTER-SPACING:2PX;
	FONT-WEIGHT:BOLD;
	
	
}


.btn1 {
    
	
    background-color: #018eff;
    border-color: #3bb4f2;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    padding: .5em 1em;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    /*border: 1px solid transparent;*/
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    user-select: none;
    -webkit-transition: background-color 300ms ease-out,border-color 300ms ease-out;
    transition: background-color 300ms ease-out,border-color 300ms ease-out;
    vertical-align: middle;
	color:#ffffff;
	
	
}

.btn2 {
    
	
    background-color: #efefef;
    border-color: gray;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    padding: .5em 1em;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    /*border: 1px solid transparent;*/
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    user-select: none;
    -webkit-transition: background-color 300ms ease-out,border-color 300ms ease-out;
    transition: background-color 300ms ease-out,border-color 300ms ease-out;
    vertical-align: middle;
	color:#088;
	
	
}

a {text-decoration: none;}
.left {float: left;}
.right {float: right;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}

.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}
.mt80 {margin-top: 80px !important;}
.mt150 {margin-top: 150px !important;} 
.mt200 {margin-top: 200px !important;}

.mb5 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}

.mb80 {margin-bottom: 80px !important;}

.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}


.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}

.w100 {width: 100%;}

.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.center {text-align: center;display: block;margin: 0 auto;}
.text-l {text-align: left;}
.text-r {text-align: right;}

.white {color: #ffffff;}
.black {color: #0d1b2a;}
.grey {color: #737373;}
.grey2 {color: #8a8a8a;}
.gray {color: gray;}

.blue {color: #40b6ff;}
.blue-dark {color:#204c68;}
.blue-dark2 {color: #345a70;}

.shadow {text-shadow:1px 1px 2px #262626;}
.per20 {width: 20%;}
.per30 {width: 30%;}
.per40 {width: 40%;}
.per45 {width: 45%;}

.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}

.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}

.per100 {width: 100%;}



.font10 {font-size: 10px;}
.font12 {font-size: 12px;}

.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}

.bold{font-weight: 600;}

.bar {
			position: relative;
			display: block;

			width: 20px;
			height: 2px;

			margin: 3px auto;
			background-color: gray;

			border-radius: 5px;

			-webkit-transition: .3s;
			transition: .3s;
		}

		
.cross .bar:nth-of-type(1) {
			-webkit-transform: translateY(5px) rotate(-45deg);
			-ms-transform: translateY(5px) rotate(-45deg);
			transform: translateY(5px) rotate(-45deg);
		}
.cross .bar:nth-of-type(2) {
			opacity: 0;
		}
.cross .bar:nth-of-type(3) {
			-webkit-transform: translateY(-5px) rotate(45deg);
			-ms-transform: translateY(-5px) rotate(45deg);
			transform: translateY(-5px) rotate(45deg);
		}