@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: '../fonts/calibri_0';
	src: url('../fonts/calibri_0.eot');
	src: local('?'), url('../fonts/calibri_0.woff') format('woff'), url('calibri_0.ttf') format('truetype'), url('calibri_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: '../fonts/Helvetica Neue';
	src: url('../fonts/HelveticaNeue-CondensedBold_0.otf');
	src: local('?'), url('../fonts/HelveticaNeue-CondensedBold_0.otf') format('otf'), format('../fonts/HelveticaNeue-CondensedBold_0.otf');
	
}
@font-face {
    font-family: 'HelveticaNeueCondensedBold_1';
    src: url('../fonts/HelveticaNeueCondensedBold_1.eot');
    src: url('../fonts/HelveticaNeueCondensedBold_1.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueCondensedBold_1.woff2') format('woff2'),
         url('../fonts/HelveticaNeueCondensedBold_1.woff') format('woff'),
         url('../fonts/HelveticaNeueCondensedBold_1.ttf') format('truetype'),
         url('../fonts/HelveticaNeueCondensedBold_1.svg#HelveticaNeueCondensedBold_1') format('svg');
}


body{  margin:0;width:100%; margin:0 auto; background-size:100% 100%; background-color:#54b3e5;}

.form_main{width:100%; float:right;}

.nav{width: 95%; border:1px solid #df8600;  box-shadow: 2px 0px 10px #df8600 inset; background-color:#fcf3e5; margin-left: 20px;margin-top: 20px; padding:10px 0;} 
#nav_con{}
#nav_con a{ color:#df8600; text-decoration:none;font-family: 'HelveticaNeueCondensedBold_1'; padding:10px; border-right:1px solid #925902}

.form_nav1{width: 85%; border:1px solid #df8600;  box-shadow: 2px 0px 10px #df8600 inset; background-color:#fcf3e5; margin-left: 20px;margin-top: 20px;} 
.form_nav2{width: 85%; border:1px solid #df8600;  box-shadow: 2px 0px 10px #df8600 inset; background-color:#fcf3e5; margin-left: 20px;margin-top: 0px;} 

.style3{font-family: 'HelveticaNeueCondensedBold_1'; padding:13px; margin:0; color:#303030; text-align:center; font-size:17px; }
.style3 a{text-decoration:none; color:#000000;}
.style3 a:hover{text-decoration:underline; color:#000000;}
#active{text-decoration:underline; color:#ffffff;}
#active1{background-color:#df8600;}
.left_form{width:48%; float:left; padding-top:10px;}
.right_form{width:48%; float:left; padding-top:20px;}
.color_red{color:#ff4c7a; padding:5px 0px 5px 10px;}
.label {
    float: left;
    font: 15px calibri;
    margin: 5px 0;
}
.textbox{float:right; margin:3px 0 5px 0;}
.form_right2_heading{width: 95%; border:1px solid #df8600;  box-shadow: 2px 0px 10px #df8600 inset; background-color:#fcf3e5; margin-left: 21px;margin-top: 20px;} 
.form_right2_icon{font-family: '../fonts/calibri_0'; width: 95%; border-bottom:1px solid #df8600; border-left:1px solid #df8600; border-right:1px solid #df8600;  box-shadow: 2px 0px 10px #df8600 inset; background-color:#fff7e7;  margin-left: 21px;} 
#textbox{ text-align:left;}
#select{width:173px;}
#textbox1{width:35px;}
#textbox2{width:35px;}
#textbox3{width:76px;}
#day{width:50px;}
#month{width:60px;}
#year{width:55px;}
#gender{width:150px;}
.next{width:100%; text-align:right; margin:10px 0;}
#next{margin-right:28px; width:40px;}
.form_left2{ width:30%; float:left;}
.form_right2{ width:70%; float:right}
#arrow2{position:absolute; margin-left:40px; margin-top:-3px;}


@media(max-width:768px){
.form_left2{ width:100%; float:none; max-width:300px; margin:0 auto}
.form_right2{ width:100%; float:none}
}
@media(max-width:640px){
.left_form{width:80%; float:none; padding-top:10px; margin:0 auto;}
.right_form{width:80%; float:none; padding-top:20px; margin:0 auto;}
.next{width:95%; text-align:right; margin:10px 0;}
}