@charset "utf-8";
/* CSS Document */


.sva_swap_box{
}
/*****TabMenu****S****/
#sv_all_tabs{
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	display:flex;
}
#sv_all_tabs li{
	display:inline-block;
	flex:1;
	cursor:pointer;
	margin:0px;
	padding:0px;
	float:left;
	background:#f9f9f9;
	color:#333;
}
#sv_all_tabs li:hover{
	background:#f2f2f2;
	color:#999;
}
/* Tabs content */
#sv_all_tabes_box0_c, #sv_all_tabes_box1_c, #sv_all_tabes_box2_c, #sv_all_tabes_box3_c, #sv_all_tabes_box4_c, #sv_all_tabes_box5_c, #sv_all_tabes_box6_c {
 position:relative;
}
#sv_all_tabes_box1_c, #sv_all_tabes_box2_c, #sv_all_tabes_box3_c, #sv_all_tabes_box4_c, #sv_all_tabes_box5_c, #sv_all_tabes_box6_c { display: none; }

.sv_table_menu1_body{
	overflow:hidden;
}
#sv_all_tabs span{
	display:block;
	border:1px solid #CCC;
	font-family: 'ProximaNovaBold';
	font-size:18px;
	padding:0px 2px;
	text-align:center;
	line-height:45px;
	height:50px;
	box-sizing:border-box;
	border-left:none !important;
}
#sv_all_tabs li.sv_all_tabs_active{
	background:#FFF;
	color:#333;
}
.sv_all_tabs_active span{
	border:1px solid #AAA !important;
	border-bottom:none !important;
}
/*****TabMenu****E****/
.sv_box{
	margin:8px;
	min-height:50px;
	border:1px solid #CCC;
	border-top:5px solid #0075EA;
	background:#FFF;
	border-radius:5px 5px 0px 0px;
	margin-bottom:15px;
}
.sv_box_t{
	height:40px;
	border-bottom:1px solid #CCC;
	text-align:left;
	background:#f9f9f9;
}
.sv_box_t h2{
	float:left;
	color:#444;
	height:40px;
	line-height:40px;
	padding-left:5px;
	font-size:20px;
}
.sv_box_t h2 i{
	width:30px;
	height:30px;
	background:#0075EA;
	color:#FFF;
	line-height:20px;
	text-align:center;
	line-height:30px;
	margin-right:6px;
	border-radius:5px;
}

/**Form**S**/

.sva_forms_box label input::placeholder, .sva_forms_box label textarea::placeholder{
	color: #CCC;
	font-family: Aqleema-Regular, Lato, sans-serif;
	font-weight:400;
}
.sva_forms_box label input::-webkit-input-placeholder, .sva_forms_box label textarea::-webkit-input-placeholder {
  	color: #CCC;
	font-family: Aqleema-Regular, Lato, sans-serif;
	font-weight:400;
}
.sva_forms_box label input:-ms-input-placeholder, .sva_forms_box label textarea:-ms-input-placeholder{
    color: #CCC;
	font-family: Aqleema-Regular, Lato, sans-serif;
	font-weight:400;
}
.sva_forms_box label input::-ms-input-placeholder, .sva_forms_box label textarea::-ms-input-placeholder {
    color: #CCC;
	font-family: Aqleema-Regular, Lato, sans-serif;
	font-weight:400;
}
.sva_forms{
	padding:15px;
}
.sva_forms_tab{
	display:flex;
	padding-bottom:10px;
}
.sva_forms_box{
	flex:1;
	padding:8px 6px;
}
.sva_forms_box label{
	border:1px solid #CCC;
	border-radius:4px;
	display:flex;
	padding:2px;
	position:relative;
}
.sva_forms_box label input, .sva_forms_box label select, .sva_forms_box label textarea{
	flex:1;
	border:none;
	outline:none;
	padding:8px;
	border-radius:4px;
	font-size:15px;
	padding-left:12px;
	color:#333;
	background:#fbfbfb;
	font-family:'Lato', Calibri, Arial, sans-serif;
    font-weight: 700;
	width:100%;
	border:1px solid transparent;
}
.sva_forms_box label input:focus, .sva_forms_box label select:focus, .sva_forms_box label textarea:focus{
	border-color:#0065CA;
}

.sva_forms_box label input[type=file]{
	font-size:12px;
}
.sva_forms_box label select{
	font-size:13px;
}
.sva_forms_box label span{
	position:absolute;
	background:#fff;
	font-size:12px;
	top:-8px;
	left:8px;
	color:#0065CA;
	padding:2px 6px;
	border-top:1px solid #CCC;
	border-radius:5px 5px 0px 0px;
	background:#fbfbfb;
}
.sva_forms_box label span small{
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
	color:#f20000;
}
.sva_forms_box article, .sva_forms_box aside{
	text-align:left;
	font-size:12px;
	padding:2px;
	padding-top:4px;
	color:#e80000;
	font-weight:600;
	font-style:italic;
	font-family:'Lato', Calibri, Arial, sans-serif;
}
.sva_forms_box aside{
	color:#999;
}
.sva_forms_box dl{
	color:#999;
	text-align:left;
	display:block;
}
.sva_forms_box dl a{
	display:inline-block;
	font-size:15px;
	padding:4px 0px;
	color:#006FDD;
	font-style:normal;
}
.sva_forms_box dl a:hover{
	text-decoration:underline;
	cursor:pointer;
}
.sva_forms_btn{
	display:flex;
	padding:10px;
	padding-top:1px;
}
.sva_forms_btn button{
    float: left;
    margin-right: 8px;
    font-size: 16px;
    padding: 10px 15px;
}
.sva_forms_btn button i{
	margin-left:4px;
	margin-right:4px;
}

.sva_forms_box abbr{
	font-size:15px;
	color:#036;
	display:inline-block;
	padding:0px 5px;
	padding-top:11px;
	min-width:11px;
	text-align:right;
	background:#fbfbfb;
}
.sva_forms_box label tt {
    position: absolute;
    background: #fff;
    font-size: 12px;
    top: -8px;
	right:8px;
    color: #0065CA;
    padding: 2px 6px;
    border-top: 1px solid #CCC;
    border-radius: 5px 5px 0px 0px;
    background: #fbfbfb;
	overflow:hidden;
	font-family:'Aqleema-Regular';
}
@media screen and (max-width:931px) {
	.sva_forms_tab {
    	flex-direction: column;
	}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:320px) {
}
/*
<div class="sva_forms clearfix"><div class="sva_forms_tab">
	<div class="sva_forms_box"><label><span><small>*</small> Input :</span><abbr><i class="fa fa-inr"></i></abbr><input type="text" placeholder="Enter your name:" /></label></div>
	<div class="sva_forms_box"><label><span>Textarea :</span><textarea placeholder="enter name"></textarea></label><aside>Give your kid's the StartCodings Advantage.</aside></div>
	<div class="sva_forms_box"><label><span>Select :</span><select><option>select</option><option>india</option>
    </select></label><article>Give your kid's the StartCodings Advantage.</article></div>
</div>
<div class="sva_forms_btn"><button class="my_btn">Submit <i class="fa fa-arrow-circle-right"></i></button></div>
</div>
*/
/**Form**E**/