@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Oswald);
/*font-family: 'Oswald', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/*font-family: 'Roboto Condensed', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
/*font-family: 'Roboto', sans-serif;*/


*{box-sizing: border-box;margin:0; padding:0; }
html,body{ height:100%; width:100%;}
body{ background:#FFF; color:#696969; font:normal 17px calibri, "trebuchet MS", arial, verdana;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:8px 0 20px 0; line-height:22px; }
textarea{ resize:none;}
img.fleft{ float:left; margin:0px 12px 8px 0px;}
img.fright{ float:right; margin:0px 0px 12px 8px;}

.fleft{ float:left; }
.fright{ float:right;}

h1{font-family: 'Oswald', sans-serif;}
h1{color:#FBFBFB; font-size:35px;  font-weight:normal;}
h1 span{ color:#e22004;}

h2,h3,h4{font-family: 'Roboto Condensed', sans-serif; }

h2{color:#3F3F3F; font-size:30px;  font-weight:normal;line-height:35px; margin:0 0 7px 0;}
h2 span{ color:#00b4ff;}

h3{color:#FF5B0D; font-size:23px;  font-weight:normal;}
h4{color:#3F3F3F; font-size:17px;  font-weight:normal;}

.aligner{margin:0px auto;max-width:1100px; position:relative;}



.newsbar{ background:#3B4348; display:block;min-height:15px; padding:3px 0 10px 0;}
.notice_heading{color:#FF8B17;font-size:25px;left:0px;position:absolute;top:2px;}
.notice_details{color:#F7F7F7;font-size:16px;padding:5px 0 0 40px;width:100%; }
.notice_details ul li{ width:100%;}


header{ background:#FFF; }

.logo{ float:left; padding:8px 0;}
.header_right{float:right;}
.certification{ display:block; text-align:right; padding:0 0 20px 0;}

#pull{ display:none;}
nav{text-transform:uppercase; font-size:15.5px;font-family: 'Roboto Condensed', sans-serif;}
nav ul li{float:left; position:relative; margin-left:5px;}

nav ul li a{border-radius: 5px;color:#454545;display:block;padding:8px 14px; }
nav ul li a:hover,nav ul li:hover a,nav ul li.active a{ background:#e22004; color:#FFF; }
nav ul li ul{ display:none;}
nav ul li:hover ul{ background:#e22004; display:block; position:absolute; left:0px; top:35px; z-index:99999;}
nav ul li ul li{border:none; display:block; font-size:17px;  float:left;width:200px;text-transform:none; margin:0;}
nav ul li ul li a{ background:#e22004; border-radius:0px;display:block; padding:8px 10px;}
nav ul li ul li a:hover{ background:#000; color:#FFF;}


.navigation{ display:none;}


.banner{ background:#3d4047; padding:30px 0; }
.banner .aligner{ background:#FFF; padding:5px;}

.advertisement{ background:#000; min-height:2px;color:#F5F5F5;}
.advertisement h1{padding:2% 0;}
.desktop_adv{}
.mobile_adv{ display:none;}


.content{ padding:30px 0;}
.grey{ background:#f8f8f8;border-bottom:1px solid #ededed; border-top:1px solid #ededed; }



.welcome{}
.welcome h1{ text-align:center;color:#CBB620;}

.principal{ width:60%; float:left;}
.principal_photo{ width:30%; float:left; background:#FFF; padding:5px; margin:5px 0 0 0;}
.principal_message{ width:67%; float:right;}
.principal_message p{ margin:0px; color:#2C2C2C; line-height:25px; text-align:justify;}

.facilities{ float:right; width:35%; float:right; font-size:16px; color:#737373}
.facilities ul li{ background:url(../images/star.png) no-repeat left 4px; margin:3px 0; padding:0 0 0 20px;}


.vvip{ background:#353d40 ;}
.vvip h2{color:#FFF; margin-bottom:15px; }
.vvip ul li{ background:#FFF; }
.vvip ul li a{color:#818181; display:block;}
.vvip h4{ font-size:19px; color:#00b4ff;}
.detail{ padding:7px 10px;}
.vvip ul li a:hover{ background:#000;}

.messages ul li{ background:#EEE;float:left;margin:15px 1%;padding:0px;width:23%;}
.messages ul li a{color:#818181; display:block;}
.messages h4{ font-size:19px; color:#00b4ff;}
.detail{ padding:7px 10px;}
.messages ul li a:hover{ background:#000;}


.myvideo{ width:42%; float:left;overflow:hidden;}
.photos{ width:55%; float:right;}
.photos ul li{ float:left; margin:0px 1% 10px 1%; width:31.3%;}
.showall{  display:block; text-align:right; padding:2px 1%;}
.showall a{ color:#4B4B4B;}
.showall a:hover{ color:#FF702B;}

footer{ background:#3e3e3e; font-size:14px;color:#858585; border-top:2px solid #000; padding:10px 0;}
.copyright{ float:left;}
.footer_right{ float:right;}
.social{ float:right; margin:20px 0 0 0;}
.social ul li{ float:left; margin-right:5px; padding:5px 0 0 0; color:#FFF; line-height:25px;}
.social ul li a{color:#FFF; background:#000;-webkit-border-radius:50%;border-radius:50%; display:block; height:30px; width:30px; text-align:center; line-height:30px;}
.social ul li a:hover{ background:#FFF; color:#000;}

.webmaster{ display:block; padding:10px; border-top:1px solid #494949;}
.webmaster a{color:#858585; }
.webmaster a:hover{color:#0094d7; }

.sidebar{float:right;width:26%;}

.maincontent{width:70%;float:left; text-align:justify;}
.maincontent{font-family: 'Roboto', sans-serif; font-weight:300; font-size:15.3px;}
.maincontent ul li{background:url(../images/star.png) no-repeat left 4px; display:block;line-height:22px; margin:7px 0; padding:0 0 0 20px;}
.maincontent ul li::before{}
.maincontent b{ color:#000;}

.quick_contact{ background:#F3F3F3; border:1px solid #C7C7C7; padding:10px; font:normal 14px "Century Gothic", "trebuchet MS", Arial;text-align:center;}
.quick_contact h2{color:#00b4ff;font-family:'Roboto Condensed', sans-serif; font-size:27px; font-weight:normal; }
.quick_contact ul li{ margin:12px 0 0 0;}
.txtboxx{ background:#FFF; border:1px solid #E2E2E2; color:#3C3C3C;font:normal 14px Arial, Helvetica, sans-serif;padding:5px;text-align:left;width:100%;}
.smt_btn{background:#5F8DDC;border-bottom:2px solid #82006a;border-left:none; border-right:none; border-top:none;color:#FFF; cursor:pointer;display:block; font:normal 19px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 0;text-align:center;width:100%; }
.smt_btn:hover{ background:#4A4A4A;border-bottom:2px solid #292929;}

.gallery{}
.gallery ul li{background:#F4F4F4;float:left;margin:15px 1%;padding:3px;width:23%;}

.news{}
.news ul li{background:#F4F4F4; border:2px solid #efefef;float:left;height:200px; margin:0 2% 20px 0; overflow:hidden;width:32%;}
.news ul li:nth-child(3n+3){margin:0 0 20px 0; }
.news ul li a{ display:block;}
.news ul li img{transition:0.5s; max-width:500px !important;}
.news ul li a:hover img{ transform:scale(1.2);}

.internalcontact{ padding:30px 0 0 0;}
.smt_btn1{width:25%;background:#F00;border-bottom:2px solid #82006a;border-left:none; border-right:none; border-top:none;color:#FFF; cursor:pointer;display:block; font:normal 19px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 0;text-align:center;margin:0 0 15px;}
.smt_btn1:hover{ background:#4A4A4A;border-bottom:2px solid #e22004;}
.internalcontact p{ margin:5px 0;}
.halfboxx{ width:48%; margin:10px 0;}
.fullboxx{ width:100%; margin:10px 0%;}
.contact_form{width:55%;float:left;}
.add{float:right;width:34%;}
.add h1{font-size:22px;color:#F00;}
.add h4{font-weight:600;}
.add h3{font-weight:600;color:#000;font-size:16px;padding:2px 0 2px 0;}
.add h3 span{font-weight:200;color:#F00;}





@media screen and (max-width:1100px) {
	.aligner{ margin:0 10px;}
}
@media screen and (max-width:970px) {
	.header_right{ padding:15px 0 0 ;}
	.header_right>nav{ display:none;}
	.navigation{background:#202122;display:block;}
	nav ul li{ margin:0;}
	nav ul li a{border-radius:0;color:#707070; padding:10px 15px;}
	nav ul li a:hover, nav ul li:hover a, nav ul li.active a{ background:#000; color:#FFF;}
	nav ul li ul li a,nav ul li:hover ul li a{background:#000;color:#DBDBDB;}
	nav ul li ul li a:hover,nav ul li:hover ul li a:hover{background:#232323;color:#FFF;}
	nav ul li:hover ul{top:39px;}
}
@media screen and (max-width:820px) {
	.principal{ width:100%;}
	.principal h3,.principal h4{ text-align:right;}
	.facilities{ width:100%; margin:50px 0 0 0;}
	.facilities ul li{ width:50%; float:left;}
	.myvideo{ width:100%; text-align:center; }
	.photos{ width:100%; text-align:center; margin:20px 0 0 0;}
}
@media screen and (max-width:800px) {
	.banner{ padding:0px;}
	.banner .aligner{ margin:0; padding:0px;}
}
@media screen and (max-width:790px) {
	.maincontent{ float:none; width:100%;}
	.sidebar{ width:400px; max-width:100%; float:none; margin:15px auto;}
}
@media screen and (max-width:700px) {
	.desktop_adv{display:none;}
	.mobile_adv{ display:block;}
	.advertisement h1{ padding:15px 0;}
	h1{ font-size:25px;}
	
	.contact_form{ width:100%;}
	.add{ width:100%; margin:15px 0;}
}
@media screen and (max-width:650px) {
	.messages ul li,.gallery ul li{ width:46%; margin:15px 2%;}
	.news ul li{width:46%;}
	.news ul li:nth-child(odd),.news ul li:nth-child(even){ margin:15px 2%;}
	.messages ul li img{ width:100%;}
}
@media screen and (max-width:490px) {
	.facilities ul li{ width:100%;}
	.principal h2{ text-align:center;}
	.principal_photo{ background:none; width:100%; text-align:center;}
	.principal_message{ width:100%;}
}
@media screen and (max-width:420px) {
	.photos ul li{ width:48%;}
	.messages ul li,.gallery ul li{ width:100%; margin:10px 0;}
	.news ul li{width:100%;}
	.news ul li:nth-child(odd),.news ul li:nth-child(even){ margin:10px 0;}
	.halfboxx{ width:100%;}
}

@media screen and (max-width:750px) {
	.sujit-nav{}
	#pull{ display:block; width:100%; line-height:20px; padding:10px 10px; color:#FFF; position:relative;}
	#pull::after{ display:block; position:absolute; right:10px; top:10px; background:url(../images/select-icons.png); height:23px; width:23px; content:'';}
	.sujit-nav ul{ display:none;}
	.sujit-nav ul li{ display:block; width:100%; border-right:none; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
	.sujit-nav ul li:first-child{ border-left:none;}
	.sujit-nav ul li a{ padding:5px 10px; }
	.sujit-nav ul li a:hover{background:#000;}
	.sujit-nav ul li:hover ul,.sujit-nav ul li ul{ display:block; position:relative; top:auto; left:auto; }
	.sujit-nav ul li ul li a{ background:#202122; width:100%; padding:3px 0 3px 20px;}
}