@charset "utf-8";
body {font-family: 'Open Sans', sans-serif; font-size:15px; margin:0px; padding:0px; color:#333;}
a:link, a:visited, a:active { color:#333; text-decoration:none;}
h1 { font-size:30px; color:#26166d; font-weight:bold; }
h2 { font-size:30px; color:#26166d; font-weight:bold; margin:10px 0px 0px 0px; }
h3 { font-size:24px; color:#999; font-weight:normal; margin:0px; }
h4 { font-size:18px; }
h6 { font-size:14px; }




.inputclass   {   display: block;
    width: 96%;
    padding: 2% 2%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #373737;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;	
    border-radius: 0px;
 }

.prolist li { line-height: 42px;    padding-left: 5px; }
.prolist2 li { line-height: 42px;    padding-left: 5px; font-size: 18px; }
.svg1 { position: relative; height: 30px;
    left: 0px;     top: 10px; padding-right: 7px; }
.svg2 { position: relative; height: 40px;
    left: 0px;     top: 10px; padding-right: 7px; }

.whitebg h5 { color:#333; margin:0px; }
h5 { font-size:18px; color:#FFF; text-transform:uppercase; text-align:center; }
p{  line-height:normal; text-align:justify;} 
.btn1{ background-color:#e46298; padding:10px 25px; color:#FFF; text-decoration:none; margin:10px 0px;   }

.btn2{ border:#FFF solid 2px; padding:10px 25px; color:#FFF; text-decoration:none; margin:10px 0px; text-align:center;   }


.linkwhite a:link{     color: #fff  ;     text-decoration: none; }
.linkwhite a:visited{     color: #fff  ;     text-decoration: none; }
.linkwhite  a:active {     color: #fff  ;     text-decoration: none; }

.linkwhite2 p { color:#FFF;}
.linkwhite2 h5 { margin:0px;}
.linkwhite2 img { border:#333 solid 1px; padding:0px;}


header{ width:100%; float:left;}
#top_header { background-color:#E25A95; float:left; width:100%; padding:5px 0px;}


#top { max-width:1200px; margin-left:auto; margin-right:auto; }
.top_phone{ width:50%; float:left; color:#FFF;}
.top_phone img { height:25px; vertical-align:middle; padding:0px 5px;}
.top_connect{ width:50%; float:left; text-align:right;}
.top_connect img { height:20px; vertical-align:middle; padding:0px 5px;}
#menu_logo {width:100%; max-width:1200px; margin:0px auto;}
.logo {   width:30%; float:left; color:#FFF; padding:10px 0px; }
.menu {   width:70%; float:left; color:#FFF; padding:10px 0px; text-align:right; padding-top:3%;}
.imgright { float:right; padding:0px 0px  0px 10px;}
.imgleft2 { float:left; padding:0px 10px  0px 0px;}

.hc33 { width:31%; margin:1%; padding:0%; float:left; }
.hc33 img { float:left; padding:0px 10px  0px 0px; height:80px;}

.hc25 { width:18%; margin:2%; padding:1%; float:left; text-align:center;  }
.hc25 img {  padding:0px 10px  0px 0px; height:140px;}
.hc20 { width:14%; margin:2%; padding:1%; float:left; text-align:center;  }
.hc20 img {  padding:0px  0px  0px 0px; height:140px;}

.hc50 { width:44%; margin:2%; padding:1%; float:left; text-align:center; }

.home .hc50 { width:48%; margin:0% 0%; padding:1%; float:left; text-align:center; }
.home .h1 { margin:0px;}  
 


.f50 { width:48%; padding-right: 1px;   float:left; text-align:center; }

/*.hc50 img {  padding:0px 10px  0px 0px; height:180px;}*/

.row{ width:96%; padding:2%; float:left;}

.imgc50 {  padding:0px 3%  0px 0%; width:50%; float:left;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#banner_tot{ width:100%; float:left; background-image:url(../images/baner_bg.jpg); background-repeat:repeat-x; }
#banner {max-width:1200px;   margin:0px auto; }
#banner_tot2{ width:100%; float:left;  }
#banner_tot2 img { width:100%;}

.cont{ width:100%; float:left; }
.cont_row { max-width:1200px; margin:0px auto; padding:15px 0px; }
.cont_bg1 { background-image:url(../images/banner_bg2.jpg); background-repeat:no-repeat; background-size:cover;}
.cont_bg2 { background-image:url(../images/banner_high_bg.jpg); background-repeat:no-repeat; background-size:cover; min-height:400px;}
.cont_bg3 { background-image:url(../images/banner_bg3.jpg); background-repeat:no-repeat; background-size:cover; min-height:400px;}




.testibox1{     width: 30.33333333%; padding:0px 1%; float:left; margin:1% 0%;}

.mbr-reviews__text {     background: #fafafa;      border-radius: 3px;     border: 1px solid #ededed;      color: #777;     font-size: 16px;     line-height: 26px;     padding: 20px;     position: relative; }
.mbr-reviews__text:before {     -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);     transform: rotate(45deg);     width: 14px;     height: 14px;     background-color: #fafafa;     border-color: #ededed;     border-style: none solid solid none;     border-width: 0 1px 1px 0;     bottom: -8px;     content: "";     display: block;     left: 50px;     position: absolute; }
.mbr-reviews__author--short {     margin-top: 27px;     padding-left: 32px; }
.mbr-reviews__author-name {     color: #777;     font-size: 14px;     font-weight: bold;     position: relative;     top: -3px;}
.mbr-reviews__author-bio {     color: #999;     font-size: 12px; }



.media { width:100%; float:left; text-align:center;}
.media { width:100%; margin:0px auto; }





 .cross {
    position: relative;
    display: inline-block;
}
.cross::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.cross::before {
    border-bottom: 2px solid #ff3333;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.cross::after {
    border-bottom: 2px solid #ff3333;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}



.f400_tot { min-width:280px; max-width:400px; margin-left:auto; margin-right:auto;}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 9px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-primary {
    border-color: #425b63;
    color: #ffffff;
    background-color: #4c6972;
    border-color: #4c6972;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
/****************Light Box************/
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
	padding-top:6%;
}

 /***************************Register*******************************/

.franchise{width:57%; margin-right:3%; float:left; background-color:#f2f2f2; border:#ccc solid 1px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:2%; } 

.franchise_tot {width:30%;  background-color:#f2f2f2; border:#ccc solid 1px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:2%; float:left; }



.other_payment{width:42%; margin-right:3%; float:left; background-color:#f2f2f2; border:#ccc solid 1px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:2%; } 

.boook_tot {width:45%;  background-color:#f2f2f2; border:#ccc solid 1px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:2%; float:left; }

.reg_t1 { width:100%; float:left; padding:5px; font-size:24px; font-weight:bold;}
.reg_r1 { width:100%; float:left; padding:5px;}
input[type=text], input[type=password]    {   display: block;
    width: 96%;
    padding: 2% 2%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #373737;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;	
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

 .reg_r1 input[type=text], input[type=password]    {   display: block;
    width: 96%;
    padding: 2% 2%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #373737;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
 .reg_r1   select,textarea {   display: block;
    width: 96%;
    padding: 2% 2%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #373737;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}



#reg_shippingaddress { width:400px; float:left; display:none; }

 .reg_c1 { width:150px; float:left;}
 .reg_c2 { width:240px; float:left;}
 .reg_txtbox1{ width:100%; padding:2%;}
 .reg_txtarea1{ width:96%; padding:2%; height:80px;}
 .reg_selectbox1{ width:100%; padding:2%;  }
 

.login_bg {
    width: 300px;
    float: left;
    padding: 20px;
	margin:50px 0px;
	
    background-color: #E25A95;
}



.login {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.course_box1{ width:29%; float:left; margin:2%; }
.thumbnail { width:100%; float:left;}
.thumbnail img { width:100%; }
.caption { font-size:16px; color:#666; text-align:center;}

footer { width:100%; float:left;  }
.fbg1 {background-color:#60c5f1;} 
.fbg2 {background-color:#E25A95;} 

.c33{ width:31%; float:left; margin:1%;}
footer .c33 { width:27%; margin:0% 1%; padding:0% 2%; color:#000; text-align:justify;}

footer h4 { font-size:20px; color:#000; padding:0px; margin:0px;}


footer .c33 img{ width:18px; margin-right:10px;  }
.fo_row1{ width:100%; float:left; padding:5px; }

.fo_row1 input { width:96%; padding:3% 2%;}
.fo_row1 textarea { width:100%; padding:3px; height:50px;}

.fo_row1 input { width:96%; padding:3% 2%;}
.fo_row1 input[type='submit'] { width:100%; padding:3% 2%; border:none;}

 
.f2r { background-color:#0eb9e4; color:#333;}
.f2r img { width:20px;}


.footer_menu { width:100%; float:left; background-color:#FFF; text-align:center; padding-bottom:20px; padding-top:10px;}
.footer_menu a:link, a:visited, a:active { color:#333; text-decoration:none;}
.footer_menu a:hover { color:#E25A95;}
.fc1 { width:50%; float:left; color:#FFF; padding:7px 0px; }
.fc2 { width:50%; float:left; text-align:right; padding:7px 0px;}

.fc2 img { height:24px; padding:0px 5px;}

.picture1 { width:40%; float:left; text-align:center;}
.picture1 img { width:90%;}
.details1 { width:60%; float:left;}
.details1 h4, h6 { margin:0px;}

@media only screen and (max-width: 420px){
.top_phone{ width:100%; float:left; color:#FFF;  text-align:center; padding:5px 0px;}
.top_connect{ width:100%; float:left; text-align:center; padding:5px 0px; display:none;}


 
 

  
}

 @media screen and (max-width:680px) {
	 .logo {   width:100%; float:left; color:#FFF; padding:10px 0px; text-align:center; }
	 .menu {   width:100%; float:left; color:#FFF; padding:0px 0px;}

 
  #banner { width:100%;  margin:0px auto; float:left; text-align:center; }
    #banner img { width:96%;}
	.imgright { float:right; padding:0px 0px  0px 10px; width:96%;}
.cont_row { width:90%; padding:1% 5%;}
.cont_row2 { width:80%; padding:1% 10%; margin:0px;}

.hc33 { width:92%; margin:1% 3%; padding:1% 1%; float:left;   }
.hc33 img { float:left; padding:0px 10px  0px 0px; height:70px; }
.hc33 p { vertical-align:middle;}

.hc25 { width:92%; margin:2%; padding:2%; float:left; text-align:center;  }
.hc25 img {  padding:0px 10px  0px 0px; height:140px;}


.hc50 { width:90%; margin:2%; padding:2%; float:left; text-align:center; background-image:none !important; }
.hc50 img {  padding:0px 10px  0px 0px; height:180px;}

footer .c33{ width:94%; float:left; margin:1% 3%;}

.fc1 { width:100%; float:left; color:#FFF; text-align:center;}
.fc2 { width:100%; float:left; text-align:center;}


}