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



/*sub menu css*/

.field:hover .hint { display: block; }

.hvr:hover .hvr-menu{
display:block;
}


.hvr-menu{
list-style: none;
display: none;
position: absolute;
background: #fff;
padding: 0px;
width: 100%;
z-index:9;
border-radius: 1px;

}

.hvr-menu .sub-hvr-menu a{
padding-left:0px !important;
}

.hvr-menu .sub-hvr-menu a:hover{
padding-left:0px !important;
color:#fece29;
}

.one{
border-top:none !important;
}

.sub-hvr-menu{

padding: 5px 2px;
text-align: center;
}

/*slider css*/

#slideshow { 
    
}

#slideshow > div { 
        
}

.slider-txt{
position: absolute;
top: 62%;
left: 25%;
font-size: 28px;
text-transform: uppercase;
opacity: 0.5;
}

.nav{
	background-color:none !important;
	}
.navbar-collapse{
	padding:0px !important;
	float:right !important;
	}
.menu{
	margin-top:4%;
	}

.header-top{
	background:#979797;
	}

.logo{
margin:0 auto;
}
.subs-lnk{
	width: 29%;
	text-align: center;
	
}
.subs-lnk a{
	padding:13px;
	
}
.srch-img{
	float:right;
	}
.subscribe-txt{
	padding: 5px;
	font-size: 12px;
	width: 120%;
}
.logo{
	margin-top: 2px;
	margin-bottom: 2px;
	padding:0px !important;
	}
.sub-menu{
	background:#979797;
	padding: 0px;
	float: right;
	margin-top: 45px;
	}
.main-sub-menu-lnk{
	color:#979797;
	padding: 7px;
	font-size: 12px;
	width: 100%;
	}
.menu-lnk{
	font-weight:bold;
	color:#000;
	margin-right: 13px;
	}
.menu-lnk a{
    font-weight:bold;
	color:#000;
	}

.menu-lnk a:hover{
	background:#fff !important;
	color:#fece29 !important;
	text-decoration:none;
	}
select, option{
	font-weight:bold;
	border:none;
	cursor:pointer;

	}
.sub-menu{
	list-style: none;
	display: inline-flex;
	background:#e1e1e1;
	}

.top-list{
	list-style: none;
	display: inline-flex;
	float: right;
	padding-left: 0px;
	margin-bottom: 0px;
	}

.top-lnk{
	float: right;
	}
	
.main-content{
	
    margin-bottom: 40px;
}	

.content-txt{
	padding-top: 10px;
	padding-bottom: 10px;
	}	
	
.content-txt p{
	text-align:center;
    margin: 0px;
	text-transform:uppercase;
	font-size: 20px;
	}
.content-data{
	background-image:url(../img/blk-area.png);
	background-repeat:no-repeat;
	position: relative;
	top: -5px;
	}
.post-butn-area{
	border-top: 1px solid #cbcbcb;
	}
.post-butn{
	text-align: center;
	margin-bottom: 10px;
	width: 178px !important;
	margin-top: -11px;
	background: #fff;
}
.post-butn-txt{
	color:#fff;
	background:#3f3f44;
	width: 12%;
	margin: 10px auto;
	margin-top:40px;
	padding:5px;
	
}
.post-butn-txt:hover{
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	
}
	
.content-banner{
	background-color:#3f3f44;
	color:#fff;
	text-align:center;
	padding: 5px;
	margin-bottom:6%;
	}
.content-slider{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:3%;
}
	
.content-data{
	font-size: 16px;
	color:#fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 3px;
}
.content-data p{
	margin:0px;
	}
.content-data .second-data a{
	text-decoration:none;
	color:#fff;
	}

.content-data .second-data a:hover{
	text-decoration:none;
	color:#fff;
	}
.content-data .first-data{
	margin-bottom: 10px;
	}	
	
.footer{
	border-top: 5px solid #37b8bf;
	background:#3f3f44;
	color:#fff;
	}	
.footer-list{
	list-style: none;
	display: inline-flex;
	float: right;
	margin-top: 10px;
}

.footer-list .lnk a:hover{
	color:#000;
	text-decoration:none;
	}

.lnk{
	margin-right: 10px;
	}
.lnk a{
	color:#fff;
	}
@media screen and (max-width: 1199px) {	
.menu-lnk a{
	padding-right:0px !important;
	padding-left:5px !important;
	}

}
	
@media screen and (max-width: 767px) {
.sub-menu{
	display:table;
	width:100%;
	margin: 0 auto !important;
	}
	
.navbar-collapse{
	width:100%;
	}
.menu-lnk{
	border-bottom: 1px solid;
	border-color: #eee;
}

.content-img img{
	margin:0 auto;
	}
	
.content-data{
	background-position:50%;
	}
.subscribe-txt{
	padding:4px;
	}
.main-sub-menu-lnk{
	padding:6px;
	}	

}

@media screen and (max-width: 570px) {
.lnk{
	width:100% !important;
	
}
.footer-list {
list-style: none;
display: table;
float: left;
margin-top: 10px;

}
}

@media screen and (max-width: 490px) {
.top-list{
	display:table;
	}	
.subs-lnk{
	width:80%;
	float:left;
	}
.top-lnk{
	float:left;
	width:80%;
	}
.tblk{
	width:12%;
	float:right;
	}
.blk{
	float:left !important;
	}
.main-sub-menu-lnk{
	width:112%;
	}

}


/*about us page*/
.main-about{
	margin-top: 2%;
}
.about-content-txt{
	text-align: justify;
	margin-bottom: 40px;
	margin-top: 5%;
}

.join-butn{
float: right;
}
.join-butn-txt{
color: #fff;
background: #3f3f44;
width: 12%;
padding: 4px 25px;
text-transform: uppercase;
cursor: pointer;
}

.join-butn-txt:hover{
color: #fff;
background: #3f3f44;
width: 12%;
padding: 4px 25px;
text-transform: uppercase;
cursor: pointer;
text-decoration:none;
}

/*Blog page*/

.blog-main-content{
margin-top: 5%;
margin-bottom: 40px;
}

.blog-heading{
margin-top: 2%;
font-size: 20px;
}

.blog-post{

margin-bottom: 2%;
}

.blog-data{
margin-bottom: 40px;
text-align:justify;
}

.first-flip{
background:url(../img/flip1.png) no-repeat;
background-size: 100% 100%;
}

.first-flip ul{
list-style: none;
padding: 10px 0px;
}

.first-flip ul li{
padding: 4px 15px;
}

.first-flip ul li a{
color:#fff;
text-decoration:none;
}

.first-flip ul li a:hover{
color:#fece29;
text-decoration:none;
}


.second-flip{
background:url(../img/flip2.png) no-repeat;
background-size: 100% 100%;
color: #fff;
padding: 15px 15px;
padding-bottom: 40px;
margin-bottom: 10px;
}

.second-flip p{
margin-bottom:5px !important;
}

.flip-heading{
margin-bottom: 8px;
}

.third-flip{
background:url(../img/flip2.png) no-repeat;
background-size: 100% 100%;
}

.flip-fb-heading{
color: #fff;
padding: 7px 0px 0px 15px;
}

.flip-fb-img{
width: 85%;
padding: 15px;
}

/*Blog page*/
.board-content-txt{
margin-top: 5%;
margin-bottom: 40px;
}

.left-board-area{
text-align: center;
margin-bottom:20px;
}

.head{
margin-top: 20px;
margin-bottom: 0px;
}

.right-board-area{
text-align: justify;
}

.blue-txt1{
text-align: center;
margin-top: 11%;
color: #37b8bf;
}

.blue-txt{
text-align: center;
margin-top: 14%;
color: #37b8bf;
}

.blue-txt a{
text-decoration:none;
color: #37b8bf;
}
.blue-txt a:hover{
text-decoration:none;
color: #37b8bf;
}

.emp-img{
margin: 0 auto;
}

/*Calender page*/
.main-calender-content{
margin-top: 5%;
margin-bottom: 40px;
}

.calender{
margin: 0 auto;
float: none !important;
}

/*Coalition page*/
.coalition-content-txt{
margin-top: 5%;
margin-bottom: 40px;
text-align:justify;
}
.coltn-head{
margin-bottom: 20px;
color: #37b8bf;
font-size: 18px;
}

.coalition-content-txt a{
text-decoration:none;
color: #37b8bf;
}

.coalition-content-txt a:hover{
text-decoration:none;
color: #37b8bf;
}


/*gallary page*/
.gallary-content{
margin-top: 5%;
margin-bottom: 40px;

}

.main-gallary{
margin: 0 auto;
float: none !important;
}
.main-gallary ul{
list-style: none;
padding: 0px;
float: left;
margin-bottom: 0px;
}

.main-gallary ul li{
list-style: none;
padding: 5px;
float: left;
}


/*membership page*/
.membership-content{
margin-top: 5%;
margin-bottom: 40px;

}

.left-membership{
padding-top: 7px;
}

.sub-main-membership{
float: left !important;
margin-top: 10px;
margin-bottom: 10px;
}

.right-membership ul{
list-style: none;
padding:0px;
}

.right-membership ul li{

padding-left: 40px;
}
.right-membership ul .sun{
background:url(../img/sun.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 0px !important;
font-size:18px;
}
.right-membership ul .good{
background:url(../img/good.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 0px !important;
font-size:18px;
}

.right-membership ul .null{

margin-top: 5px;
padding-bottom: 5px;
background-position-x: 10px !important;
}

.right-membership ul .address{
background:url(../img/address.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 10px !important;
}

.right-membership ul .cell{
background:url(../img/cell.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 10px !important;
}

.right-membership ul .mob{
background:url(../img/mob.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 12px !important;
}
.right-membership ul .print{
background:url(../img/print.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 9px !important;
}

.right-membership ul .mail{
background:url(../img/mail.png) no-repeat;
margin-top: 5px;
padding-bottom: 5px;
background-position-x: 9px !important;
}

/*courses page*/
.courses-content{
margin-top: 5%;
margin-bottom: 40px;

}
.course-heading{
font-size: 15px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
.sub-main-course p .rate{
display: -webkit-inline-box;
}
.blue-area{
background-color: #37b8bf;
border: 1px solid #37b8bf;
color:#fff;
font-weight:bold;
border-radius: 5px;
padding: 8px;
}


@media screen and (max-width: 844px) {
.main-sub-menu-lnk {
padding: 6px;
height: 29px;
}

.subscribe-txt {
padding: 4px;
height: 30px;
}


}


@media (max-width: 539px) {
.subs-lnk {
width: 83%;
float: left;
}

.tblk {
width: 9%;
float: right;
}

.top-lnk {
float: left;
width: 9%;
}

.subscribe-txt {
padding: 4px;
height: 31px;
}

.main-sub-menu-lnk {
width: 112%;
height: 31px;
}

}

@media (max-width: 470px) {

.tblk {
width: 10%;
float: right;
}


.top-lnk {
float: left;
width: 9%;
}
}

@media (max-width: 468px) {

.tblk {
width: 10%;
float: right;
}


.top-lnk {
float: left;
width: 11%;
}
}

@media (max-width: 430px) {


.tblk {
width: 11%;
float: right;
}
}

@media (max-width: 397px) {


.tblk {
width: 12%;
float: right;
}
}

@media (max-width: 371px) {


.tblk {
width: 12%;
float: right;
display: block;
}
}

@media (max-width: 349px) {

.tblk {
width: 14%;
float: right;
display: block;
}
}

@media (max-width: 331px) {

.tblk {
width: 15%;
float: right;
display: block;
}

}



/*main slider txt css*/
@media (max-width: 1280px) {

.slider-txt{
top: 65%;
left:24%;
}
}

@media (max-width: 980px) {

.slider-txt{
top: 36%;
left:18%;
}
}

@media (max-width: 800px) {

.slider-txt{
top: 34%;
left:12%;
}
}

@media (max-width: 768px) {

.slider-txt{
top: 42%;
left:11%;
}
}

@media (max-width: 360px) {

.slider-txt{
font-size:14px;
top: 66%;
left:12%;
}
}

@media (max-width: 320px) {

.slider-txt{
font-size:11px;
top: 85%;
left:17%;
}
}