body{
    width: 100%;
    height: auto;
}

ul{
    list-style: none;
}
h2,h3,h4,h5,p{
    margin: 0px;
}
.clear-fix{
    clear: both;
}

.cell-mob{
    display: none;
    
}

.err{
    width: 100%;
    height: auto;
    text-align: center; 
}
.err .err-msg{
    width: 800px;
    height: auto;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 150px;
    
}
.err .err-msg img{
    width: 500px;
    height: 250px;
	border-radius: 10px;
}
.err .err-msg h3{
    font-family: viga;
    font-size: 28px;
    margin-top: 20px;
    font-weight: ;
	color: #1886b5;
}
.err .err-msg a{
    background: #37aff0;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    margin-top: 20px;
    outline: none;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-family: alata;
    display: block;
    text-decoration: none;
}




.fix-btn{
    width: px;
    height: auto;
    position: fixed;
    bottom: 20px;
    right: 80px;
    z-index: 999;
}

.fix-btn .slide-up{
    position: absolute;
    width: 50px;
    height: 50px;
    margin: auto;
    background: #0ca5f2;
    border-radius: 50px;
    text-align: center;
    bottom: 170px;
    display: none;
    right: px;
}
.fix-btn .slide-up i{
    font-size: 25px;
    color: #fff;
    line-height: 50px;
}

.fix-btn .ticket{
    width: 50px;
    height: 50px;
    margin: auto;
    background: green;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    bottom: 100px;
    margin-left: 3px;
	border: none;
}

.fix-btn .ticket img{
    height: 100%;
    color: #fff;
    line-height: ;
	border-radius: 100px;
	
}

.fix-btn .whats-call{
    width: 50px;
    height: 50px;
    margin: auto;
    background: green;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    margin-left: 3px;
}

.fix-btn .whats-call i{
    font-size: 25px;
    color: #fff;
    line-height: 50px;
}

.track-box{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
	
}
.track-box .track-details{
	width: 400px;
	height: 220px;
	background:#fff;
	margin: auto;
	margin-top: 150px;
	padding: 10px;
	padding-top: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.track-box .track-details span{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	font-weight: bold;
	color: #ee7208;
	cursor: pointer;
}
.track-box .track-details h4{
	font-family: "Poetsen One";
	margin-top: 15px;
	margin-left: 15px;
}
.track-box .track-details .frm-grp{
	width: 300px;
	height: auto;
	margin-bottom: px;
	margin-left: 35px;
	margin-top: px;
	font-family: calibri;
}
.track-box .track-details .frm-grp p{
	font-weight: bold;
	margin-top: 0px;
}
.track-box .track-details .frm-grp textarea{
	width: 100%;
	height: 80px;
	outline: none;
	border: 1px solid grey;
	padding-left: 5px;
}
.track-box .track-details .frm-grp button{
	width: 100%;
	height: 35px;
	outline: none;
	background: green;
	color: #fff;
	border: none;
	border-radius: 3px;
}

.pgbnr{
    width: 100%;
    height: 300px;
    position: relative;
}
.pgbnr img{
    width: 100%;
    height: 100%;
    
}
.pgbnr .bnr-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
   /* background: rgba(14, 150, 235,0.7);*/
}
.pgbnr .bnr-img h4 {
    text-align: center;
    margin-top: 120px;
    color: #e1e1e1;
    font-family: "Poetsen one";
    font-size: 18px;   
    text-transform: uppercase;
    
}
.pgbnr .bnr-img h4 a{
    color: #e1e1e1;
    text-decoration: none;
}
.pgbnr .bnr-img h4 i{
    
}

.pgbnr .bnr-img p{
	text-align: center;
	color: #e1e1e1;
	margin-top: 10px;
	font-family: alata;
}


.top-head{
	width: 100%;
	height: auto;
}

.top-head .lg-colmn{
	width: 300px;
	height: 140px;
	line-height: 120px;
	float: left;
	margin-top: 15px;
	
	
}
.top-head .lg-colmn img{
	width: 100%;
	height: 110px;
}

.top-head .head-colmn{
	width: 600px;
	float: left;
	text-align: ;
	margin-top: 40px;
	margin-bottom: 15px;
}
.top-head .head-colmn h2{
	text-transform: uppercase;
	color: #3099d1;
	font-weight: ;
	font-size: 36px;
	font-family: "Poetsen One", serif;
	
}

.top-head .head-colmn h4{
	color: #000;
	color: #458258;
	font-family:Lobster;
	font-size: 22px;
	margin-left: 90px;
}
.top-head .head-contacts{
	width: 250px;
	float: right;
	margin-top: 70px;
	text-align: ;
	font-family:calibri;
	font-weight:;
	
}
.top-head .head-contacts p{
	font-size: 18px;
}
.top-head .head-contacts p a{
	text-decoration: none;
	color: #000;
}
.top-head .head-contacts p a i{
	color: dimgrey;
}
.top-head .head-contacts p a span{
	color: dimgrey;
}


.menu-header{
	width: 100%;
	height: 40px;
	background: #3099d1;
	background: #006eb9;
}

.menu-header ul{
	width: 100%;
	text-align: center;
}
.menu-header ul li{
	float: left;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-family: arial, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-family: calibri;
	
}
.menu-header ul li button{
	font-family: calibri;
	color: #fff;
	height: 25px;
	line-height: 10px;
	background: none;
	outline: none;
	border: none;
}
.menu-header ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
}
.menu-header ul li:hover{
	background: #f0734d;
	background: #ee7208;
}

.big-slider{
	width: 100%;
	height:450px;
	
}
.big-slider .carousel .carousel-inner .item{
    width: 100%;
    height: 450px;
}
.big-slider .carousel .carousel-inner .item img{
    width: 100%;
    height: 100%;
}
.track{
	width: 100%;
	height: 60px;
	border: 1px solid grey;
}
.track h4{
	width: 400px;
	background: #3099d1;
	background: #006eb9;
	background: #ee7208;
	height: 100%;
	line-height: 60px;
	text-align: right;
	padding-right: 10px;
	color: #fff;
	float: left;
	font-family: "Poetsen One", serif;
}
.track .search-option{
	width: 947px;
	height: 100%;
	
	float: left;
}
.track .search-option input{
	height: 100%;
	width: 90%;
	float: left;
	border: none;
	padding-left: 10px;
	outline: none;
	font-size: 22px;
	font-family: calibri;
	
}
.track .search-option input::placeholder{
	color: #ccc;
}
.track .search-option button{
	height: 100%;
	width: 10%;
	background: none;
	border: none;
	/*background:#ee7208;*/
}
.track .search-option button i{
	font-size: 20px;
	color: #006eb9;
}


.abt-shatabdi{
	width: 100%;
	height: auto;
	padding-top: 100px;
	margin-bottom: 50px;
	box-shadow: 2px 2px 0px 0px #e1e1e1;
	padding: 10px;
	padding-top: 100px;
	padding-bottom: 50px;
}
.abt-shatabdi .shatabdi-content{
	width: 600px;
	float: left;
	
}
.abt-shatabdi .shatabdi-content h3{
	font-family: "Poetsen One", serif;
	color: #006eb9;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 28px;
}
.abt-shatabdi .shatabdi-content h3 span{
	color: #ee7208;
}
.abt-shatabdi .shatabdi-content p{
	font-family: calibri;
	text-indent: 40px;
	margin-bottom: 15px;
}

.abt-shatabdi .stb-trans{
	float: right;
	width: 400px;
	text-align: center;
	
}
.abt-shatabdi .stb-trans img{
	width: 100%;
	height: auto;
}
.abt-shatabdi .shatabdi-content  button{
	width: 120px;
	height: 30px;
	background: #ee7208;
	outline: none;
	color: #fff;
	border: none;
	float: right;
	border-radius: 0px 10px 0px 10px;
	margin-top: 10px;
	font-family: calibri;
}



.partners{
	width: 100%;
	height: auto;
	margin-top: 50px;
	 
}

.partners h3{
	text-align: center;
	font-family: "Poetsen One", serif; 
	text-transform: uppercase;
	color: #006eb9;
}

.partners .partner-chld{
	width: 280px;
	display: inline-block;
	margin-right: 50px;
	margin-top: 50px;
	border: 1px solid #ccc;
	box-shadow: 0px 2px 2px 0px #ccc;	
}
.partners marquee{
	
}
.partners .partner-chld img{
	width: 100%;
	height: 150px;
}


.srvs-stbd{
	width: 1250px;
	margin: auto;
	height: auto;
	margin-bottom: 100px;

	
}
.srvs-stbd .srvs-contrys{
	width: 550px;
	border: 1px solid #ccc;
	height: 180px;
	margin-right: 50px;
	float: left;
}
.srvs-stbd .srvs-contrys .cntr-flgs{
	width: 100px;
	height: 120px;
	float: left;
}
.srvs-stbd .srvs-contrys .cntr-flgs img{
	width: 100%;
	height: 100%;
}

.frm-set{
	width: 100%;
	height: 480px;
	margin-top: 100px;
	margin-bottom: px;
	position: relative;
}
.frm-set img{
	width: 100%;
	height: 100%;
}

.frm-set .frm-setchld{
	width: 100%;
	height: 480px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
	background: rgba(0,0,0,0.8);
}

.frm-set .frm-setchld .set-offr{
	width: 600px;
	float: left;
	height:480px;
}
.frm-set .frm-setchld .set-offr .carousel .carousel-inner .item{
	width: 100%;
	height: 480px;
}


.frm-set .frm-setchld .set-offr .carousel .carousel-inner .item img{
	width: 100%;
	height: 100%;
	margin-top: px;
	border: 1px solid grey;
}


.frm-set .frm-setchld .set-form{
	width: 600px;
	float: right;
	margin-right: 50px;
}

.frm-set .frm-setchld .set-form h4{
	margin-top: 40px;
	color: #ee7208;
	margin-bottom: 20px;
	font-family: "Poetsen One";
}

.frm-set .frm-setchld .set-form .frm-grp{
	width: 260px;
	height: auto;
	margin-bottom: 20px;
	font-family: calibri;
	float: left;
	margin-right: 25px;
}
.frm-set .frm-setchld .set-form .frm-grp p{
	color: #fff;
}
.frm-set .frm-setchld .set-form .frm-grp input{
	width: 100%;
	height: 35px;
	outline: none;
	border: 1px solid #ccc;
	background: #e1e1e1;
	border-radius: 2px;
	padding-left: 5px;
}
.frm-set .frm-setchld .set-form .frm-grp textarea{
	width: 210%;
	height: 100px;
	outline: none;
	border: 1px solid #ccc;
	background: #e1e1e1;
	border-radius: 2px;
	padding-left: 5px;
}
.frm-set .frm-setchld .set-form .frm-grp button{
	width: 210%;
	height: 35px;
	outline: none;
	background: #ee7208;
	border: none;
	border-radius: 2px;
	color: #fff;
}

.show-pkl{
	width: 1300px;
	height: auto;
	margin: auto;
	margin-bottom: 0px;
	
}
.show-pkl h3{
	
	margin-top: 60px;
	color: #006eb9;
	margin-bottom: 5px;
	font-family: "Poetsen One";
	text-align: center;
}
.show-pkl p{
	text-align: center;
	font-family: calibri;
	font-size: 18px;
	width: 700px;
	margin: auto;
}
.show-pkl .meterial{
	margin-top: 50px;
	width: 220px;
	height: 150px;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	
}
.show-pkl .meterial img{
	width: 100%;
	height: 100%;
	border-radius: 3px;
}
.show-pkl .meterial h4{
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-family: calibri;
	width: 100%;
	color: #000;
}


.show-country{
	
}
.show-country{
	width: 1300px;
	height: auto;
	margin: auto;
	margin-bottom: 0px;
	
}
.show-country h3{
	
	margin-top: 60px;
	color: #006eb9;
	margin-bottom: 5px;
	font-family: "Poetsen One";
	text-align: center;
}
.show-country p{
	text-align: center;
	font-family: calibri;
	font-size: 18px;
	width: 700px;
	margin: auto;
}
.show-country .meterial{
	margin-top: 50px;
	width: 220px;
	height: 150px;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	position: relative;
}
.show-country .meterial img{
	width: 100%;
	height: 100%;
	border-radius: 3px;
}
.show-country .meterial h4{
	position: absolute;
	bottom: 0px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-family: calibri;
	background: rgba(0,0,0,0.8);
	width: 100%;
	color: #fff;
}

.testimonials{
	width: 1250px;
	margin: auto;
	height: auto;
	margin-top: 100px;
	
}
.testimonials h3{
	margin-top: 60px;
	color: #006eb9;
	margin-bottom: 5px;
	font-family: "Poetsen One";
	text-align: center;
}

.testimonials .test-colum{
	width: 380px;
	height: auto;
	margin-top: 50px;
	float: left;
	background: ;
	margin-bottom: px;
	border: 1px solid #ccc;
	margin-left: 15px;
}
.testimonials .test-colum:hover{
	width: 380px;
	height: auto;
	margin-top: 50px;
	float: left;
	background: whitesmoke;
	margin-bottom: px;
	border: 1px solid #ccc;
	margin-left: 15px;
}

.testimonials .test-colum .black-quote{
	font-size: 18px;
	margin-top: 20px;
	padding:0px 10px;
}

.testimonials .test-colum p{
	font-family: calibri;
	margin-top: 10px;
	margin-bottom: 80px;
	padding:0px 10px;
	
}
.testimonials .test-colum .discription{
	height: 150px;
	
}

.testimonials .test-colum .abt-cst{
	width: 100%;
	height: auto;
	text-align: center;
	font-family: calibri;
	background: #006eb9;
	padding-bottom: 25px;
	float: left;
}

.testimonials .test-colum .abt-cst img{
	width: 80px;
	height: 80px;
	margin: auto;
	margin-top: -40px;
	border-radius: 100px;
	border: 3px solid #fff;
	
}

.testimonials .test-colum .abt-cst .desig{
	margin-top: 15px;
}

.testimonials .test-colum .abt-cst .desig h4{
	margin: 0px;
	font-family: "Poetsen one";
	color: #fff;
}

.testimonials .test-colum .abt-cst .desig p{
	margin: 0px;
	color: #fff;
}


footer{
	width: 100%;
	height: 400px;
	margin-top: 100px;
	background: #000;
}
footer .footer-fst{
	width: 300px;
	height: auto;
	margin-right: 30px;
	margin-top: 50px;
	float: left;
}

footer .footer-fst img{
	width: 200px;
	height: 100px;
	border-radius: 5px;
}





footer{
    width: 100%;
    height: 400px;;
    background: #000;
    
}
footer .foot-clumn{
	width: 1250px;
	margin: auto;
}
footer .foot-clumn .fst-ftr{
	width: 350px;
	height: auto;
	margin-top: 80px;
	float: left;
	margin-right: 50px;
	text-align: center;
}
footer .foot-clumn .fst-ftr img{
	width: 200px;
	height: 100px;
	border-radius: 5px;
}

footer .foot-clumn .fst-ftr .ftr-shrtabt{
	width: 100%;
	height: auto;
	color: #e1e1e1;
	margin-top: 30px;
}
footer .foot-clumn .fst-ftr .ftr-shrtabt p{
	font-family: alata;
}

footer .foot-clumn .fst-ftr .scl-mda{
	width: 100%;
	height: auto;
	margin-top: 20px;
	text-align: center;
	
}
footer .foot-clumn .fst-ftr .scl-mda ul{
	list-style: none;
	margin-left: 30px;
}
footer .foot-clumn .fst-ftr ul li{
	float: left;
	width: 25px;
	height: 25px;
	margin: auto;
	line-height: 25px;
	margin-left: 15px;
	text-align: center;
	font-size: 14px;
	border-radius: 3px;
	background: #ee7208;
	
	
}

footer .foot-clumn .fst-ftr ul li a{
	text-decoration: none;
	color: #e1e1e1;
	display: block;
}
footer .foot-clumn .fst-ftr ul li:hover a{
	background: #006eb9;
	border-radius: 5px;
}

footer .foot-clumn .fst-scn{
	width: 450px;
	text-align: center;
	margin: auto;
	margin-top: 80px;
	float: left;
	height: auto;
	margin-left: 0px;

}
footer .foot-clumn .fst-scn h4{
	color: #ee7208;	
	font-family: "Poetsen one";
	
}
footer .foot-clumn .fst-scn ul{
	margin-left: 50px;
	margin-top: 30px;
	width: 100%;
}
footer .foot-clumn .fst-scn ul li{
	text-align: left;
	font-family: alata;
	height: 30px;
	line-height: 30px;
	color: #e1e1e1;
	float: left;
	margin-right: 0px;
	width: 180px;
}
footer .foot-clumn .fst-scn ul li a{
	color: #e1e1e1;
	text-decoration: none;
}
footer .foot-clumn .fst-scn ul li a:hover{
	color: #006eb9;
}

footer .foot-clumn .fst-third{
	width: 300px;
	text-align: center;
	margin: auto;
	margin-top: 80px;
	float: left;
	height: auto;
	margin-left: 0px;
}

footer .foot-clumn .fst-third h4{
	color: #ee7208;	
	font-family: "Poetsen one";
	margin-bottom: 30px;
}

footer .foot-clumn .fst-third p{
	text-align: left;
	color: #e1e1e1;
	font-family: alata;
	margin-left: 100px;
	margin-top: 5px;
}

footer .foot-clumn .copies-right{
	width: 100%;
	height: 60px;
	margin-top: 100px;
	border-top: 1px solid #000;
}

footer .foot-clumn .copies-right p{
	color: #e1e1e1;
	font-family: alata;
	width: 100%;
	text-align: center;
}
footer .foot-clumn .copies-right #power{
	text-align: center;
	margin-top: 10px;
}
footer .foot-clumn .copies-right #power a{
	color: #e1e1e1;
}



/*Booking*/

.qry-send{
	width: 100%;
	height: auto;
	margin-top: 50px;
}
.qry-send h3{
	text-align: center;
	font-family: "Poetsen one";
	color: #006eb9;
	text-transform: uppercase;
}

.qry-send .set-form{
	width: 450px;
	float: left;
	margin-right: 50px;
	margin-top: 50px;
}

.qry-send .set-form h4{
	margin-top: 40px;
	color: #ee7208;
	margin-bottom: 20px;
	font-family: "Poetsen One";
}

.qry-send .set-form .frm-grp{
	width: 400px;
	height: auto;
	margin-bottom: 20px;
	font-family: calibri;
	float: left;
	margin-right: 25px;
}
.qry-send .set-form .frm-grp p{
	color: #000;
	font-weight: 600;
}
.qry-send .set-form .frm-grp input{
	width: 100%;
	height: 40px;
	outline: none;
	border: 1px solid #ccc;
	background:;
	border-radius: 2px;
	padding-left: 5px;
}
.qry-send .set-form .frm-grp textarea{
	width: 100%;
	height: 100px;
	outline: none;
	border: 1px solid #ccc;
	background: ;
	border-radius: 2px;
	padding-left: 5px;
}
.qry-send .set-form .frm-grp button{
	width: 100%;
	height: 40px;
	outline: none;
	background: #ee7208;
	border: none;
	border-radius: 2px;
	color: #fff;
}


.qry-send .clnt-img{
	width: 600px;
	float: left;
	margin-top: 150px;
	height: 500px;
}
.qry-send .clnt-img img{
	width: 100%;
	height: 100%;
	border: 1px solid grey;
}

.cont-form{
	width: 1250px;
	margin: auto;
	height: auto;
	margin-top: 50px;
	
}
.cont-form h3{
	font-family: "Poetsen one";
	color: #006eb9;
	text-align: center;
	text-transform: uppercase;
}
.cont-form .colum-secn{
	width: 100%;
	height: auto;
	margin-top: 50px;
	font-family:calibri;
	
}
.cont-form .colum-secn h4{
	font-family: viga;
	color: #ee7208;
	font-size: 20px;
	
}

.cont-form .colum-secn .addr-colum{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 350px;
	height: 200px;
	float: left;
	margin-right: 30px;
	box-shadow: 1px 1px 1px 2px #ccc;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 3px solid #ee7208;
	border-radius: 5px;
}
.cont-form .colum-secn .addr-colum .bck-ground{
	
	
	font-weight: ;
	font-size: 16px;
	width: 100%;
	height: 50px;
	text-align: center;
	background: #ee7208;
	background: #006eb9;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #ee7208;
	color: #fff;
	padding-top: 20px;
	font-family: viga;
}
.cont-form .colum-secn .addr-colum .sec-ground{
	font-weight: ;
	font-size: 16px;
	width: 100%;
	height: 50px;
	text-align: center;
	background: #ee7208;
	background: #006eb9;
	border-radius: 5px 5px 0px 0px;
}

.cont-form .colum-secn .addr-colum .icon{
	text-align: center;
	height: 80px;
	line-height: 80px;
	width: 80px;
	border-radius: 50px;
	font-size: 28px;
	margin: ;
	margin-top: -40px;
	background: #fff;
	color: #ee7208;
	color: #006eb9;
	margin-left: 10px;
	
}
.cont-form .colum-secn .addr-colum p{
	margin-top: px;
	text-align: ;
	margin-top: px;
	font-size: 16px;
}

.ful-map{
	width: 100%;
	height: 400px;
	float: left;
	margin-top: 50px;
	margin-bottom: -100px;
}
.ful-map iframe{
	width: 100%;
	height: 100%;
}

.glry-potos{
	width: 1250px;
	margin: auto;
	height: auto;
	margin-top: 50px;

}
.glry-potos h3{
	font-family: "Poetsen one";
	color: #006eb9;
	margin-bottom: 50px;
	text-align: center;
}

.glry-potos .glry-head{
	width: 1180px;
	margin: auto;
	font-family: viga;
	margin-bottom: 30px;
	
}
.glry-potos .glry-head h4{
	color: #ee7208;
}


.glry-potos .glrys{
	width: 215px;
	height: 260px;
	border: 1px solid #ccc;
	margin-left: 30px;
	float: left;
	border: 1px solid grey;
	border-bottom: 2px solid #006eb9;
	margin-bottom: 30px;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
}
.glry-potos .glrys img{
	width: 50%;
	margin: auto;
	height:150px;
	margin-bottom:15px;
	margin-top:15px;
	
}
.glry-potos .glrys h4{
	text-align: center;
	font-family: alata;
	font-weight: 600;
	font-size: 15px;
	padding-top: 10px;
	height: 50px;
	border-top: 3px solid #ee7208;
	background:whitesmoke;
}

.glry-potos .glrys .rate-colum{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #006eb9;
	color: #fff;
	font-family: calibri;
}

.glry-potos .glrys .fst{
	width: 45%;
	padding-left: 5px;
	float: left;
	font-size: 16px;
	text-align: left;
}
.glry-potos .glrys .scn{
	width: 45%;
	padding-left: 10px;
	float: right;
	font-size: 16px;
	text-align: right;
	padding-right: 5px;
}


.srvs-head{
	width: 100%;
	height: auto;
	margin-top: 50px;
}
.srvs-head h3{
	text-align: center;
	font-family: "Poetsen one";
	color: #006eb9;
	text-transform: uppercase;
}

.srvs-head .srvs-colum{
	width: 100%;
	height: auto;
	margin-top: 50px;
	float: left;
}

.srvs-head .srvs-colum h4{
	font-family: viga;
	color: #ee7208;
}
.srvs-head .srvs-colum .form-set{
	width: 50%;
	height: auto;
	margin-top: 25px;
	float: left;
}

.srvs-head .srvs-colum .form-set .frm-grp{
	width: 300px;
	height: auto;
	margin-bottom: 25px;
	font-family: calibri;
	
}
.srvs-head .srvs-colum .form-set .grp{
	width: 300px;
	height: auto;
	margin-bottom: 25px;
	font-family: calibri;
	
}
.srvs-head .srvs-colum .form-set .grp span{
	font-weight: 600;
	margin-right: 20px;
	margin-left: 2px;
	margin-top: -1px;
}
.srvs-head .srvs-colum .form-set .grp p{
	font-weight: 600;
	
}
.srvs-head .srvs-colum .form-set .grp input{
	font-weight: 600;
	
}


.srvs-head .srvs-colum .form-set .frm-grp p{
	font-weight: 600;
}
.srvs-head .srvs-colum .form-set .frm-grp select{
	height: 35px;
	outline: none;
	border: 1px solid #ccc;
	width: 100%;
}
.srvs-head .srvs-colum .form-set .frm-grp input{
	padding-left: 5px;
	height: 35px;
	outline: none;
	border: 1px solid #ccc;
	width: 100%;
	
}
.srvs-head .srvs-colum .form-set .frm-grp .no-arrow::-webkit-inner-spin-button{
	display: none;
	
}
.srvs-head .srvs-colum .form-set .frm-grp .no-arrow::-moz-number-spin-box{
	display: none;
	
}

.srvs-head .srvs-colum .form-set .frm-grp button{
	width: 120px;
	height: 35px;
	outline: none;
	background:#006eb9 ;
	border: none;
	color: #fff;
	font-family: calibri;
	border-radius: 3px;
	margin-top: 10px;
}




.srvs-head .srvs-colum .chart-tbl{
	width: 50%;
	height: auto;
	margin-top: px;
	float: left;
	
	
}

.srvs-head .srvs-colum .chart-tbl .country-img{
	width: 100%;	
	margin-bottom: 1px;
	position: relative;
}
.srvs-head .srvs-colum .chart-tbl .country-img img{
	width: 100%;
	height: 150px;
	border-radius: 5px;
	border: 1px solid #ccc;	
}





.srvs-head .srvs-colum .chart-tbl .country-img h4{
	font-family: viga;
	color: #006eb9;
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(0,0,0,0.8);
	color: #fff;
}
.srvs-head .srvs-colum .chart-tbl table{
	width: 100%;
	height: auto;
	text-align: center;
	font-family: calibri;
	border-bottom: 2px solid #006eb9;
	
}
.srvs-head .srvs-colum .chart-tbl table tr td{
	height: 30px;
	border: 1px solid whitesmoke;
}
.srvs-head .srvs-colum .chart-tbl table .tbl-head{
	background: #006eb9;
	color: #fff;
}
.srvs-head .srvs-colum .chart-tbl table .tbl-head td{
	border: none;
}


.notice{
	width: 1200px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
.notice .notice-term{
	width: 45%;
	margin-right: 50px;
	font-family: calibri;
	float: left;
}
.notice .notice-term h4{
	font-family: viga;
	color: #ee7208;
	margin-bottom: 20px;
}

.notice .notice-term ul{
	margin-left: -30px;
}
.notice .notice-term ul li{
	height: auto;
	font-family: calibri;
	margin-bottom: 10px;
}
.notice .notice-term ul li i{
	font-size: 13px;
	margin-right: 5px;
}

.notice .prohibited{
	width: 45%;
	margin-right: 50px;
	font-family: calibri;
	float: left;
}
.notice .prohibited h4{
	font-family: viga;
	color: #ee7208;
	margin-bottom: 20px;
	margin-left: 30px;
}

.notice .prohibited ul{
	
}
.notice .prohibited ul li{
	height: auto;
	font-family: calibri;
	margin-bottom: 10px;
}
.notice .prohibited ul li i{
	font-size: 13px;
	margin-right: 5px;
}

/*About Page*/


.abt-stbd{
	width: 100%;
	height: auto;
	margin-top: 80px;
}

.abt-stbd .abt-disc{
	width: 55%;
	float: left;
	height: auto;
	font-family: calibri;
	margin-top: 50px;
}
.abt-stbd .abt-disc h3{
	text-align: ;
	font-family: "Poetsen one";
	color: #006eb9;
	text-transform: uppercase;
}

.abt-stbd .abt-disc p{
	margin-top: 15px;
	text-indent: px;
}

.abt-stbd .abt-pic{
	width: 40%;
	height: auto;
	float: right;
}
.abt-stbd .abt-pic img{
	width: 100%;
	height: 300px;
}

.abt-stbd .abt-vision{
	width: 45%;
	height: auto;
	margin-top: 80px;
	padding: 10px;
	float: right;
	margin-right: 50px;
	box-shadow: 1px 1px 1px 2px #ccc;
	font-family: calibri;
	padding-bottom: 15px;
	border-bottom: 2px solid #006eb9;
}
.abt-stbd .abt-vision h4{
	width: 70%;
	float: left;
	font-family: viga;
	color: #006eb9;
	margin: 10px 0px;
}

.abt-stbd .abt-vision .icon{
	width: 30%;
	float: right;
	height: 30px;
	text-align: right;
	font-size: 25px;
	color: #ee7208;
}
.abt-stbd .abt-vision p{
	font-family: calibri;
	font-size: 15px;
	color: #000;
}

.two-sctn{
	width: 100%;
	height: auto;
	margin-top: 50px;
}

.two-sctn .amul-heads{
	width: 500px;
	height: auto;
	margin: auto;
	text-align: center;
}
.two-sctn .amul-heads h3{
	font-family: "Poetsen one";
	color: #006eb9;
}

.two-sctn .frm-colum{
	width: 45%;
	height: auto;
	margin-top: 50px;
	float: left;
	margin-right: 50px;
}
.two-sctn .frm-colum h4{
	font-family: viga;
	color: #ee7208;
	margin-bottom: 30px;
}

.two-sctn .frm-colum .frm-grp{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	font-family: calibri;
}

.two-sctn .frm-colum .frm-grp p{
	font-weight: 600;
}

.two-sctn .frm-colum .frm-grp input{
	height: 40px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 5px;
	outline: none;
	font-size: 16px;
}
.two-sctn .frm-colum .frm-grp select{
	height: 40px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 5px;
	outline: none;
	font-size: 16px;
}
.two-sctn .frm-colum .frm-grp textarea{
	height: 80px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 5px;
	outline: none;
	font-size: 16px;
}
.two-sctn .frm-colum .frm-grp button{
	height: 40px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: px;
	outline: none;
	font-size: 16px;
	background: #006eb9;
	color: #fff;
	border-radius: 3px;
}
.two-sctn .frm-colum .grp{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	font-family: calibri;
	font-weight: bold;
}
.two-sctn .frm-colum .grp p{
	font-weight: 600;
	font-family: calibri;
	margin-bottom:5px;
	
}

.two-sctn .frm-colum .grp input{
	
}

.two-sctn .frm-img{
	float: left;
	width: 50%;
	
}

.two-sctn .frm-img img{
	width: 100%;
	height: 350px;
	margin-top: 120px;
}



/*Client style start*/

/* =========================================================
   CLIENT LOGIN PAGE
   ========================================================= */

.client-login-page {
    padding: 45px 55px;
    background: #f5f7fa;
	margin: px;
}

.client-login-page .client-login-wrap {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e5e8ec;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

.client-login-page .client-login-info {
    width: 42%;
    min-height: 520px;
    float: left;
    background: #073d4d;
    color: #ffffff;
}

.client-login-page .client-login-info-inner {
    padding: 45px 34px;
}

.client-login-page .client-login-small-title {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #f0a21a;
}

.client-login-page .client-login-info h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 600;
}

.client-login-page .client-login-info p {
    margin-bottom: 25px;
    color: #d8e3e7;
    font-size: 12px;
    line-height: 1.7;
}

.client-login-page .client-login-feature {
    margin-bottom: 14px;
    font-size: 12px;
}

.client-login-page .client-login-feature i {
    width: 22px;
    color: #f0a21a;
    font-size: 14px;
}

.client-login-page .client-login-feature span {
    color: #ffffff;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.client-login-page .client-login-form-box {
    width: 58%;
    min-height: 430px;
    float: left;
    background: #ffffff;
}

.client-login-page .client-login-form-inner {
    padding: 35px 42px 30px;
}


/* =========================================================
   HEADING
   ========================================================= */

.client-login-page .client-login-heading {
    margin-bottom: 22px;
    text-align: center;
}

.client-login-page .client-login-icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 9px;
    border-radius: 50%;
    background: #eef5f7;
    color: #073d4d;
    font-size: 17px;
    line-height: 42px;
}

.client-login-page .client-login-heading h3 {
    margin: 0 0 5px;
    color: #222222;
    font-size: 21px;
    font-weight: 600;
}

.client-login-page .client-login-heading p {
    margin: 0;
    color: #777777;
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   CLIENT LOGIN MESSAGE
   ========================================================= */

.client-login-page .client-login-message {
    display: none;
    position: relative;
    width: 100%;
    margin: 0 0 18px;
    padding: 10px 12px 10px 36px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    box-sizing: border-box;
}


/* ERROR MESSAGE */

.client-login-page .client-login-message.client-message-error {
    display: block;
    border-color: #efc2c2;
    background: #fff3f3;
    color: #a92828;
}

.client-login-page .client-login-message.client-message-error:before {
    content: "\f06a";
    position: absolute;
    top: 10px;
    left: 12px;
    font-family: FontAwesome;
    font-size: 15px;
    color: #c93a3a;
}


/* SUCCESS MESSAGE */

.client-login-page .client-login-message.client-message-success {
    display: block;
    border-color: #b9ddc5;
    background: #f0faf3;
    color: #26713e;
}

.client-login-page .client-login-message.client-message-success:before {
    content: "\f058";
    position: absolute;
    top: 10px;
    left: 12px;
    font-family: FontAwesome;
    font-size: 15px;
    color: #329552;
}


/* =========================================================
   FORM
   ========================================================= */

.client-login-page .client-login-group {
    margin-bottom: 15px;
}

.client-login-page .client-login-group label {
    display: block;
    margin-bottom: 6px;
    color: #333333;
    font-size: 12px;
    font-weight: 600;
}

.client-login-page .client-password-label {
    position: relative;
}

.client-login-page .client-forgot-link {
    position: absolute;
    top: 0;
    right: 0;
    color: #e28b00;
    font-size: 11px;
    text-decoration: none;
}

.client-login-page .client-forgot-link:hover {
    color: #073d4d;
}

.client-login-page .client-login-input {
    position: relative;
}

.client-login-page .client-login-input > i {
    position: absolute;
    top: 12px;
    left: 13px;
    color: #9aa4aa;
    font-size: 14px;
}

.client-login-page .client-login-input input {
    width: 100%;
    height: 40px;
    padding: 7px 42px 7px 38px;
    border: 1px solid #dce1e5;
    border-radius: 3px;
    background: #ffffff;
    color: #333333;
    font-size: 12px;
    outline: none;
    box-sizing: border-box;
}

.client-login-page .client-login-input input:focus {
    border-color: #0a6078;
    box-shadow: 0 0 0 2px rgba(10, 96, 120, 0.08);
}

.client-login-page .client-password-toggle {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 32px;
    height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8b9499;
    line-height: 30px;
    outline: none;
}


/* =========================================================
   LOGIN BUTTON
   ========================================================= */

.client-login-page .client-login-button {
    width: 100%;
    height: 40px;
    margin-top: 3px;
    border: 0;
    border-radius: 3px;
    background: #073d4d;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.client-login-page .client-login-button:hover {
    background: #0a5368;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.client-login-page .client-login-divider {
    position: relative;
    margin: 18px 0;
    text-align: center;
}

.client-login-page .client-login-divider:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}

.client-login-page .client-login-divider span {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    background: #ffffff;
    color: #999999;
    font-size: 10px;
}


/* =========================================================
   OTP BUTTON
   ========================================================= */

.client-login-page .client-otp-button {
    width: 100%;
    height: 40px;
    border: 1px solid #073d4d;
    border-radius: 3px;
    background: #ffffff;
    color: #073d4d;
    font-size: 12px;
    font-weight: 600;
}

.client-login-page .client-otp-button i {
    margin-right: 7px;
    font-size: 15px;
}

.client-login-page .client-otp-button:hover {
    background: #f3f8fa;
}


/* =========================================================
   CREATE ACCOUNT
   ========================================================= */

.client-login-page .client-create-account {
    margin-top: 16px;
    text-align: center;
}

.client-login-page .client-create-account p {
    margin: 0;
    color: #777777;
    font-size: 11px;
}

.client-login-page .client-create-account a {
    color: #e28b00;
    font-weight: 600;
    text-decoration: none;
}

.client-login-page .client-create-account a:hover {
    color: #073d4d;
}



/* =========================================================
   CLIENT FORGOT PASSWORD PAGE
   ========================================================= */

.client-forgot-page {
    padding: 35px 0 45px;
    background: #f5f7fa;
}

.client-forgot-page .client-forgot-wrap {
    width: 460px;
    max-width: 100%;
    margin: 0 auto;
    padding: 38px 42px;
    border: 1px solid #e5e8ec;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
}


/* HEADING */

.client-forgot-page .client-forgot-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #eef5f7;
    color: #073d4d;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
}

.client-forgot-page .client-forgot-heading {
    margin-bottom: 24px;
    text-align: center;
}

.client-forgot-page .client-forgot-heading h3 {
    margin: 0 0 8px;
    color: #222222;
    font-size: 22px;
    font-weight: 600;
}

.client-forgot-page .client-forgot-heading p {
    margin: 0;
    color: #777777;
    font-size: 12px;
    line-height: 1.7;
}


/* MESSAGE */

.client-forgot-page .client-forgot-message {
    display: none;
    position: relative;
    width: 100%;
    margin: 0 0 18px;
    padding: 10px 12px 10px 36px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    box-sizing: border-box;
}

.client-forgot-page .client-forgot-message.client-forgot-error {
    display: block;
    border-color: #efc2c2;
    background: #fff3f3;
    color: #a92828;
}

.client-forgot-page .client-forgot-message.client-forgot-error:before {
    content: "\f06a";
    position: absolute;
    top: 10px;
    left: 12px;
    font-family: FontAwesome;
    font-size: 15px;
    color: #c93a3a;
}

.client-forgot-page .client-forgot-message.client-forgot-success {
    display: block;
    border-color: #b9ddc5;
    background: #f0faf3;
    color: #26713e;
}

.client-forgot-page .client-forgot-message.client-forgot-success:before {
    content: "\f058";
    position: absolute;
    top: 10px;
    left: 12px;
    font-family: FontAwesome;
    font-size: 15px;
    color: #329552;
}


/* FORM */

.client-forgot-page .client-forgot-group {
    margin-bottom: 18px;
}

.client-forgot-page .client-forgot-group label {
    display: block;
    margin-bottom: 7px;
    color: #333333;
    font-size: 12px;
    font-weight: 600;
}

.client-forgot-page .client-forgot-input {
    position: relative;
}

.client-forgot-page .client-forgot-input i {
    position: absolute;
    top: 13px;
    left: 14px;
    color: #9aa4aa;
    font-size: 14px;
}

.client-forgot-page .client-forgot-input input {
    width: 100%;
    height: 42px;
    padding: 8px 12px 8px 40px;
    border: 1px solid #dce1e5;
    border-radius: 3px;
    background: #ffffff;
    color: #333333;
    font-size: 12px;
    outline: none;
    box-sizing: border-box;
}

.client-forgot-page .client-forgot-input input:focus {
    border-color: #0a6078;
    box-shadow: 0 0 0 2px rgba(10, 96, 120, 0.08);
}


/* BUTTON */

.client-forgot-page .client-forgot-button {
    width: 100%;
    height: 42px;
    border: 0;
    border-radius: 3px;
    background: #073d4d;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.client-forgot-page .client-forgot-button:hover {
    background: #0a5368;
}

.client-forgot-page .client-forgot-button:disabled {
    cursor: not-allowed;
    opacity: 0.75;
}


/* BACK TO LOGIN */

.client-forgot-page .client-forgot-back {
    margin-top: 20px;
    text-align: center;
}

.client-forgot-page .client-forgot-back a {
    color: #e28b00;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.client-forgot-page .client-forgot-back a:hover {
    color: #073d4d;
}

.client-forgot-page .client-forgot-back i {
    margin-right: 5px;
}



/* =========================================================
   CLIENT FORM NOTIFICATION
   ========================================================= */

.client-forgot-page .client-forgot-message {
    display: none;
    margin: 20px 0;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.client-forgot-page .client-forgot-message i {
    margin-right: 8px;
}

.client-forgot-page .client-forgot-message.error {
    display: block;
    color: #b42318;
    background: #fff2f0;
    border-color: #f3b7b1;
}

.client-forgot-page .client-forgot-message.success {
    display: block;
    color: #157347;
    background: #edf8f1;
    border-color: #a9d9ba;
}

/* =========================================================
   CLIENT OTP LOGIN - SEND BUTTON
   ========================================================= */

.client-forgot-page .client-otp-send-button {
    width: 100%;
    height: 42px;
    margin-top: 16px;
    padding: 0 15px;

    background: #084d60;
    border: 1px solid #084d60;
    border-radius: 3px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;
    outline: none;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
}

.client-forgot-page .client-otp-send-button:hover {
    background: #063d4c;
    border-color: #063d4c;
}

.client-forgot-page .client-otp-send-button:focus {
    outline: none;
}

.client-forgot-page .client-otp-send-button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.client-forgot-page .client-otp-send-button .fa {
    margin-right: 6px;
}


/* =========================================================
   CLIENT REGISTER PAGE
   ========================================================= */

.client-register-page {
    width: 100%;
    padding: 55px 0;
    background: #f4f6f8;
    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   REGISTER WRAPPER
   ========================================================= */

.client-register-page .client-register-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e2e7eb;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   LEFT INFORMATION
   ========================================================= */

.client-register-page .client-register-info {
    width: 43%;
    min-height: 600px;
    float: left;
    background: #0d2b45;
    position: relative;
}


.client-register-page .client-register-info-inner {
    padding: 75px 48px 55px;
}


.client-register-page .client-register-small-title {
    display: inline-block;
    margin-bottom: 15px;
    color: #ff8a1f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}


.client-register-page .client-register-info h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
}


.client-register-page .client-register-info p {
    margin: 0 0 28px;
    color: #c9d5df;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   LEFT FEATURES
   ========================================================= */

.client-register-page .client-register-feature {
    margin-bottom: 17px;
    overflow: hidden;
}


.client-register-page .client-register-feature i {
    width: 24px;
    float: left;
    padding-top: 2px;
    color: #ff8a1f;
    font-size: 16px;
}


.client-register-page .client-register-feature span {
    display: block;
    margin-left: 30px;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}


/* =========================================================
   RIGHT FORM BOX
   ========================================================= */

.client-register-page .client-register-form-box {
    width: 57%;
    min-height: 600px;
    float: left;
    background: #ffffff;
}


.client-register-page .client-register-form-inner {
    padding: 42px 55px 35px;
}



    /* =========================================================
   REGISTER HEADING
   ========================================================= */

.client-register-page .client-register-heading {
    margin-bottom: 25px;
    text-align: center;
}


.client-register-page .client-register-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
    border-radius: 4px;
    background: #fff3e8;
    text-align: center;
    line-height: 46px;
}


.client-register-page .client-register-icon i {
    color: #ff8a1f;
    font-size: 20px;
}


.client-register-page .client-register-heading h3 {
    margin: 0 0 7px;
    color: #0d2b45;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
}


.client-register-page .client-register-heading p {
    margin: 0;
    color: #77838f;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}


/* =========================================================
   MESSAGE
   ========================================================= */

.client-register-page .client-register-message {
    display: none;
    margin-bottom: 18px;
    padding: 11px 13px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
}


.client-register-page .client-register-message.client-message-error {
    display: block;
    border: 1px solid #f2c7c7;
    background: #fff2f2;
    color: #b52a2a;
}


.client-register-page .client-register-message.client-message-success {
    display: block;
    border: 1px solid #bfe1c9;
    background: #f0faf3;
    color: #26753c;
}


/* =========================================================
   FORM GROUP
   ========================================================= */

.client-register-page .client-register-group {
    margin-bottom: 17px;
}


.client-register-page .client-register-group label {
    display: block;
    margin-bottom: 7px;
    color: #263746;
    font-size: 13px;
    font-weight: 600;
}


.client-register-page .client-required {
    margin-left: 2px;
    color: #e53935;
    font-weight: 700;
}


.client-register-page .client-register-optional {
    margin-left: 4px;
    color: #8a959e;
    font-size: 11px;
    font-weight: 400;
}


/* =========================================================
   INPUT AREA
   ========================================================= */

.client-register-page .client-register-input {
    width: 100%;
    position: relative;
}


.client-register-page .client-register-input i {
    width: 42px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #8795a1;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
}


.client-register-page .client-register-input input {
    width: 100%;
    height: 42px;
    padding: 8px 12px 8px 42px;
    border: 1px solid #d8dfe5;
    border-radius: 4px;
    background: #ffffff;
    color: #263746;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}


.client-register-page .client-register-input input:focus {
    border-color: #0d2b45;
    box-shadow: none;
}


.client-register-page .client-register-input input::placeholder {
    color: #a3adb5;
}


/* =========================================================
   CREATE ACCOUNT BUTTON
   ========================================================= */

.client-register-page .client-register-button {
    width: 100%;
    height: 43px;
    margin-top: 4px;
    border: 0;
    border-radius: 4px;
    background: #0d2b45;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}


.client-register-page .client-register-button:hover,
.client-register-page .client-register-button:focus {
    background: #173f60;
    color: #ffffff;
    outline: none;
}


.client-register-page .client-register-button:disabled {
    cursor: not-allowed;
    opacity: 0.75;
}


.client-register-page .client-register-button i {
    margin-right: 6px;
    color: #ff8a1f;
}


/* =========================================================
   LOGIN LINK
   ========================================================= */

.client-register-page .client-register-login {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #edf0f2;
    text-align: center;
}


.client-register-page .client-register-login p {
    margin: 0;
    color: #7a8792;
    font-size: 13px;
}


.client-register-page .client-register-login a {
    margin-left: 3px;
    color: #ff7a00;
    font-weight: 600;
    text-decoration: none;
}


.client-register-page .client-register-login a:hover,
.client-register-page .client-register-login a:focus {
    color: #0d2b45;
    text-decoration: none;
}


/* =========================================================
   CLEAR FLOAT
   ========================================================= */

.client-register-page .clear-fix {
    clear: both;
}