/* ---- HTML RESET ---- */
html,  div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  
}
 

/***** Global *****/
	/* body */
 body{ margin:0 0 !important; padding:0 0 !important; background:#fff; font-family: 'Arial'; font-size:15px; color:#636466; line-height:22px; }
	
a{ color:#58595b; font-family: 'Arial';   }	 
	.clearFix{ clear:both; }	
	input {font-family: 'Arial'; outline:0; }
	textarea {font-family: 'Arial'; outline:0; }
	select{font-family: 'Arial'; outline:0; }
	/* headings */
	h1,h2,h3,h4,h5,h6{
		font-family: 'CENTAUR';
	}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#1b1b1b; }
	
	/* list */	
	ul.prl-list h4 { font-size:14px;}
 
 
	
/***** FLOAT ;EFT RIGHT  *****/
.fl{ float:left} .fr{ float:right} 

.img100 img{ width:100% !important}
/***** MARGIN PADDING *****/

/* general tools */
img.center {
    text-align:center;
}
.bold {
    font-weight:bold;
}

.border {
    border: 1px solid #ddd
}

.small {
    font-size: 11px !important;
}

.italic {
    font-style: italic !important;
}
.bgwhite{ background:#fff;}

.fl{ float:left}
.fr{ float:right}

.w50{ width:35px !important; text-align:right;}
.m0{ margin:0px !important;}
.mR5{ margin-right:5px!important;}
.mR10{ margin-right:10px!important;}
.mR15{ margin-right:15px!important;}
.mR20{ margin-right:20px!important;}

.mL5{ margin-left:5px!important;}
.mL6{ margin-left:6px!important;}
.mL10{ margin-left:10px!important;}
.mL15{ margin-left:15px!important;}
.mL20{ margin-left:20px!important;}

.mT0{ margin-top:0px!important;}
.mT5{ margin-top:5px!important;}
.mT10{ margin-top:10px!important;}
.mT15{ margin-top:15px!important;}
.mT20{ margin-top:20px!important;}
.mT30{ margin-top:30px!important;}
.mT40{ margin-top:40px!important;}

.mB5{ margin-bottom:5px!important;}
.mB10{ margin-bottom:10px !important}
.mB15{ margin-bottom:15px!important;}
.mB20{ margin-bottom:20px!important;}

.paddingTB{ padding: 10px 0!important;}
.paddingTB5{ padding: 5px 0 !important;}
.paddingTB10{ padding: 10px 0 !important;}
.paddingLR{ padding: 0px 10PX!important;}
.p0{ padding:0px !important;}
.pT5{ padding-top:5px!important;}
.pT6{ padding-top:6px!important;}
.pT10{padding-top:10px!important;}
.pT15{ padding-top:15px!important;}
.pT20{ padding-top:20px!important;}
.pT30{ padding-top:30px!important;}
.pT35{ padding-top:35px!important;}

.pL5{ padding-left:5px!important;}
.pL6{ padding-left:6px!important;}
.pL10{padding-left:10px !important;}
.pL15{ padding-left:15px!important;}
.pL20{ padding-left:20px!important;}

.pR5{ padding-right:5px!important;}
.pR6{ padding-right:6px!important;}
.pR10{padding-right:10px !important}
.pR15{ padding-right:15px!important;}
.pR20{ padding-right:20px!important;}

.pB5{ padding-bottom:5px!important;}
.pB6{ padding-bottom:6px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{ padding-bottom:15px!important;}
.pB20{ padding-bottom:20px!important;}

.fS10{ font-size:10px !important;}
.fS11{ font-size:11px !important; line-height: 14px;}
.fS12{ font-size:12px!important;}
.fS13{ font-size:14px!important;}
.fS14{ font-size:14px!important;}
.fS15{ font-size:15px !important;}
.fS16{ font-size:16px !important; }
.fS18{ font-size:18px!important;}
.fS20{ font-size:20px!important;}


.Tleft{ text-align:left !important}
.Tright{ text-align:right !important}
.Tcenter{ text-align:center !important}
.border-left0{ border-left:0 !important;}
.border-left1{ border-left:1px solid #2F2F2F!important;}
.border-right0{ border-right:0 !important;}
.border-top0{ border-top:0 !important;}
.border-bottom0{ border-bottom:0 !important;}
.space5 { display: block;  height: 5px !important; clear: both;}
.space10 { height: 10px !important; clear: both;}
.space12 { height: 12px !important;  clear: both;}
.space15 { height: 15px !important; clear: both;}
.space20 { height: 20px !important;  clear: both;}
.space30 { height: 30px !important;  clear: both;}
.no-text-shadow { text-shadow: none !important;} 

/* CONTENT */
#main-warp{ width:1000px; margin:0 auto;}

.home-txt{ width:560px; margin:0px auto; padding:20px 0 0 0}
.home-txt img{ width:100%}

.home-btn{ width:350px; margin:0 auto }

.bg-box0{ background:url(../images/home-img.jpg) no-repeat bottom; min-height:550px; background-size: contain}

.bg-box1{ background:url(../images/img-bg2.jpg) no-repeat bottom; min-height:550px; background-size: contain}
.bg-box3{ background:url(../images/img-bg3.jpg) no-repeat bottom; min-height:550px; background-size: contain}

.bg-box4{ background:url(../images/img-bg4.jpg) no-repeat bottom; min-height:550px; background-size: contain}
.bg-box5{ background:url(../images/img-bg5.jpg) no-repeat bottom; min-height:550px; background-size: contain}


.content-box{}
.inner-box-left{ padding:10% 0 0 20px; width:400px;}
.inner-box-left h2{ font-size:75px; line-height:75px; padding:0 0 5px 0; margin:0; color:#bc4127; font-weight: bold}
.inner-box-left h3{ font-size:50px; line-height:40px; padding:0 0 0px 0; margin:0;  font-weight: bold }

.inner-box-left p.big{ font-size:20px;  }
.inner-box-left p{ font-size:18px;  }
.level-select{ padding:15px 0 0 0}

.send-btn{ margin:15px 0 0 0; border:0; background:url(../images/send-btn.png) no-repeat; padding:10px 0%; width:340px; color:#bc4026; font-size:18px; cursor:pointer}
.send-btn:hover{ color:#000}


.left-col{ float:left; }
.right-col{ float:right; width:40%; padding:13% 0 0 0}

.form-f{ border:0; border-bottom:1px solid #808285; color:#808285; font-size:16px; margin:20px 0 2px 0; padding:6px 5px 0px 5px; width:98%; font-family: 'Arial';}


.question-box{ width:700px; margin:0 auto; padding:10px 0 0 0 }

.q-box{ margin:0; padding:20px 0 0 0;}
.q-box span.img{ float:left;}
.q-box span.img img{ width:50px;}
.q-box span.txt{ float:left; margin:0 0 0 30px; width:80%; padding:12px 0 0 0; font-size:20px;}

.option-box{margin:0; padding:10px 0;}
.option-box ul{margin:10px 0 0 0 ; padding:0 8%;}
.option-box li{margin:0; padding:5px 1%; float:left; width:48%; list-style: none; font-size:16px;}
 
 .arrow-box{ padding:0px  0 0 0}
.arr-left{ float:left} 
 .arr-left{ float:right} 
 
.prescribed-book{ margin:30px 0 0 0; width:700px; padding:0 0 0 20px} 
 .books{ margin:20px 0 0 0; padding:0}
 
.prescribed-book p{ font-size:16px;} 
.social-btn{ padding:15px 0 0 0}

.over-box{}
.books ul{ margin:0; padding:0}
.books li{ margin:0; padding:0; position:relative;}
.books li a{ margin:0; padding:0}
.books ul li a:hover .over-box{ margin:0; padding:0; display:block;}
.books ul li a .over-box{ display:none; position:absolute; width:100%; height:100%; background: url(../images/bg-t.png); z-index:600}
.over-box p{ color:#fff; padding:50px 10px 0 10px; display:block; text-align:center; font-size:18px;}