@charset "utf-8";

/* CSS Document */

.banner_img	{width:100%; margin:0 auto;}

.page_container	{width:100%; position:relative;}

.title_header {width:1000px; margin:0 auto; margin-top:40px/*100px*/; position:relative;}

.title_header h1 {font-family:Georgia, serif; font-weight:bold; text-align:center;font-size:36px/*42px*/; color:#b08121;} 
.title_header::before {background:url(../img/border_line.png) no-repeat; /*background-position:0 -53px;*/ bottom:0; content:''; height:16px; left:50%; margin-left:-40px; position:absolute; width:100px; top:70px;}

.page_content {background-color:#fff !important; padding-top:90px !important; width:1000px; margin:0 auto;}    

.page_content2 {display:flex; flex-direction: row; align-items: center;}				

.page_content3 {display:flex; flex-direction: row; align-items:flex-start;}				    

.page_content_lf {background-color:#fff !important; width:750px; float:left; margin:0 auto;}      

.page_content_rt {background-color:#fff !important; width:250px; float:left; margin:0 auto;} 
 
.page_content_lf2 {background-color:#fff !important; width:700px; float:left; margin:0 auto;}      

.page_content_rt2 {background-color:#fff !important; width:300px; float:left; margin:0 auto;} 					     

.VEP_btn {float:left; width:210px; margin:0 20px; text-align:center}

.VEP_dn_btn	{float:left; width:490px; margin:0 5px; text-align:center}			

.VEP_dn_btn1 {float:left; width:98%; margin:0 1%; text-align:center}			 

.VEP_dn_btn2 {vertical-align:middle; width:70% !important; background-color: #ae801f !important; margin:2% 15% !important}

.VEP_dn_btn3 {vertical-align:middle; width:80% !important; background-color: #ae801f !important; margin:2% 10% !important}				            

.page_content h1 {font-family:Georgia, sans-serif; font-weight:bold; text-align:center; font-size:34px/*1.5em*/; color:#002d64;}

.page_content p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; font-size:14px/*0.8em*/; line-height:20px; padding-bottom:25px; font-weight:300; text-align:justify;}

.page_content table	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; line-height:20px;}

.page_content h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; margin-bottom:10px; margin-left:20px;}

/**mouse hover effect**/
.page_content h4 a {text-decoration:none; display:inline-block; position:relative; padding:0 0 5px 0; color:#002d64;}

.page_content h4 a:after {content:''; position:absolute; height:2px; width:100%; left:0; bottom:0; visibility:hidden; background-color:#b08121; -webkit-transition:all .1s ease; transition:all 0.3s ease; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0);}

.page_content h4 a:hover:after {visibility:visible; -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); color:#b08121;}
/**mouse hover effect**/

.page_content h2 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; margin-bottom:10px;}

.page_content h4::before {background:url(../img/bullet-1.PNG) no-repeat; content:''; height:16px; margin-top:3px; margin-left:-20px; position:absolute; width:100px;}

.page_content ol {margin-bottom:1.3em; list-style:decimal inside; padding-left:1em; border-bottom:1px solid #b08121; border-top:1px solid #b08121;}

.page_content ol li	{font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:24px; margin-bottom:10px;}

.page_content ul {margin-bottom:1.3em; list-style:url(../img/bullet-2.PNG) outside; padding-left:2em; border-bottom:1px solid #b08121; border-top:1px solid #b08121;}

.page_content ul li	{font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:24px; margin-bottom:10px;}

.button	{border-radius:4px; width:180px; transition:all 0.5s; height:40px;}

.button span {cursor:pointer; display:inline-block; position:relative; transition:0.5s;}

.button span:after {content:'»'; position:absolute; opacity:0; top:0; right:-20px; transition:0.5s;}

.button:hover span {padding-right:25px;}

.button:hover span:after {opacity:1; right:0;}

.table td {border:1px solid #ccc;}

@media only screen and (min-width:1001px) and (max-width:1100px)  {
 	.page_content {background-color:#fff !important; padding-top:85px !important; width:90%; margin:0 5%;}
}

@media only screen and (max-width:1000px)  {
	.page_container	{width:100%; position:relative;}

	.title_header {width:100%; margin:0 auto; margin-top:35px; position:relative;} 	

	.title_header h1 {font-family:Georgia, serif; font-weight:bold; text-align:center; font-size:30px/*1.5em*/; color:#b08121;}

	.title_header::before {background:url(../img/border_line.png) no-repeat; /*background-position:0 -53px;*/ bottom:0; content:''; height:16px; left:50%; margin-left:-40px; position:absolute; width:100px; top:78px;}

	.page_content {background-color:#fff !important; padding-top:85px !important; width:90%; margin:0 5%;}

	.page_content2 {display:flex; flex-direction:column; align-items: center;}                                          

	.page_content h1 {font-family:Georgia, serif; font-weight:bold; text-align:center; font-size:30px/*1.5em*/; color:#b08121;}

	.page_content p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; text-align:justify; font-size:14px; line-height:20px; padding:0 30px 30px; font-weight:300;}

	.page_content h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; margin-bottom:10px; margin-left:40px; margin-right:20px; line-height:24px;}

	.page_content h4::before {background:url(../img/bullet-1.PNG) no-repeat; content:''; height:16px; margin-top:3px; margin-left:-20px; position:absolute; width:100px;}	

	.page_content h2 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; margin-bottom:10px; line-height:24px; margin-right:20px; margin-left:20px;}
}

@media only screen and (min-width:769px) and (max-width:1000px)  {
 	.page_content3 {display: block; flex-direction: row; align-items: flex-start;}					

	.page_content p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; text-align:justify; font-size:14px; line-height:20px; padding:0 0px 30px; font-weight:300;}					

	.page_content_lf {background-color:#fff !important; width:100%; float:left; margin:0 auto;} 

 	.page_content_rt {background-color:#fff !important; width:100%; float:left; margin:0 auto;}				

	.page_content_lf2 {background-color:#fff !important; width:100%; float:left; margin:0 auto;}     

 	.page_content_rt2 {background-color:#fff !important; width:100%; float:left; margin:0 auto;}      

 	.VEP_btn {float:left; width:21%; margin:0 2%; text-align:center; padding:0 !important} 

	.VEP_dn_btn	{float:left; width:40%; margin:0 5%; text-align:center; padding:0 !important} 

	.VEP_dn_btn1 {float:left; width:48%; margin:0 1%; text-align:center}				

	.VEP_dn_btn2 {vertical-align:middle; width:96% !important; background-color: #ae801f !important; margin:2% 2% !important} 

	.VEP_dn_btn3 {vertical-align:middle; width:96% !important; background-color: #ae801f !important; margin:2% 2% !important}					
}

@media only screen and (min-width:577px) and (max-width:768px)  {
	.page_content3 	{display: block; flex-direction: row; align-items: flex-start;}

	.page_content p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; text-align:justify; font-size:14px; line-height:20px; padding:0 0px 30px; font-weight:300;}

	.page_content_lf {background-color:#fff !important; width:100%; float:left; margin:0 auto;} 

	.page_content_rt {background-color:#fff !important; width:100%; float:left; margin:0 auto;}

	.page_content_lf2 {background-color:#fff !important; width:100%; float:left; margin:0 auto;} 

	.page_content_rt2 {background-color:#fff !important; width:100%; float:left; margin:0 auto;}						

	.VEP_btn {float:left; width:40%; margin:0 5%; text-align:center; padding:0 !important} 

	.VEP_dn_btn	{float:left; width:40%; margin:0 5%; text-align:center; padding:0 !important} 

	.VEP_dn_btn1 {float:left; width:48%; margin:0 1%; text-align:center}					

	.VEP_dn_btn2 {vertical-align:middle; width:96% !important; background-color: #ae801f !important; margin:2% 2% !important}

	.VEP_dn_btn3 {vertical-align:middle; width:96% !important; background-color: #ae801f !important; margin:2% 2% !important}					 
}

@media only screen and (max-width:576px)  {
	.page_content3 {display: block; flex-direction: row; align-items: flex-start;}			

	.page_content p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; text-align:justify; font-size:14px; line-height:20px; padding:0 0px 30px; font-weight:300;}					  

  	.page_content_lf {background-color:#fff !important; width:100%; float:left; margin:0 auto;} 	

	.page_content_rt {background-color:#fff !important; width:100%; float:left; margin:0 auto;}						

	.page_content_lf2 {background-color:#fff !important; width:100%; float:left; margin:0 auto;} 	

	.page_content_rt2 {background-color:#fff !important; width:100%; float:left; margin:0 auto;}	

	.VEP_btn {float:left; width:40%; margin:0 5%; text-align:center; padding:0 !important} 				

	.VEP_dn_btn1 {float:left; width:48%; margin:0 1%; text-align:center}							

	.VEP_dn_btn	{float:left; width:90%; margin:0 5%; text-align:center; padding:0 !important}

	.VEP_dn_btn2 {vertical-align:middle; width:70% !important; background-color: #ae801f !important; margin:2% 15% !important}					

	.VEP_dn_btn3 {vertical-align:middle; width:96% !important; background-color: #ae801f !important; margin:2% 2% !important}					
}

/*Events and Activities*/
.event	{width:100%; margin:0 auto;}

.event img {width:100%; height:auto;}

.event .blog_left {width:48%; margin-right:2%; float:left; margin-bottom:8%;}

.event .blog_right {width:48%; margin-left:2%; float:right; margin-bottom:8%;}

.event h1 {font-family:Georgia, serif; color:#b08121; font-size:30px; font-style:italic; font-weight:bold;}

.event h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#002d64; font-size:20px; padding-bottom:2%;}

.button {background-color:#002d64; border:none; color:white; padding:5px 25px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; font-weight:bold; text-transform:uppercase; margin:4px 2px; cursor:pointer; -webkit-transition-duration:0.4s; /* Safari */ transition-duration:0.4s;}

.button2:hover {box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}

/* Cultural Event */
.button_1 {background-color:#002d64; border:none; color:white; padding:5px 25px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; font-weight:bold; text-transform:uppercase; margin:30px 2px 4px 2px; cursor:pointer; -webkit-transition-duration:0.4s; /* Safari */ transition-duration:0.4s;}

@media only screen and (max-width:767px) {
	.event .blog_left 	{width:96%; margin:5% 2%; float:left;}

 	.event .blog_right	{width:96%; margin:5% 2%; float:right;} 

 	.event h1 {font-family:Georgia, serif; color:#b08121; font-size:26px; font-style:italic;} 

 	.event h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#002d64; font-size:16px; padding-bottom:2%;}
}
/*Events and Activities*/


/*Testimonals*/
.testimonial {width:100%; border-bottom:1px solid #b08121; float:left; margin:0% 0% 3% 0%;} 

.testimonial img {width:100%; height:auto;}

.testimonial_img {width:10%; float:left; margin:5% 0% 0% 0%; border:3px solid #b08121;}

.testimonial_content {width:86%; float:left; margin:0% 0% 0% 2%;}

.testimonial h1 {font-family:Georgia, serif; color:#002d64; font-size:20px; font-style:italic; text-align:left; line-height:221%;}

@media only screen and (max-width:767px) {
	.testimonial {width:100%; border-bottom:1px solid #b08121; float:left; margin:0% 0% 3% 0%;} 
	
	.testimonial img {width:100%; height:auto;}

 	.testimonial_img {width:15%; float:left; margin:7% 0% 0% 2%; border:3px solid #b08121;}

	.testimonial_content {width:79%; float:left; margin:0% 0% 0% 2%;}

 	.testimonial h1 {font-family:Georgia, serif; color:#002d64; font-size:20px; font-style:italic; text-align:left; line-height:221%; padding-left:5%;}
}

@media only screen and (max-width:360px) { 
	.testimonial {width:100%; border-bottom:1px solid #b08121; float:left; margin:0% 0% 3% 0%;} 
	
	.testimonial img {width:100%; height:auto;}

 	.testimonial_img {width:15%; float:left; margin:7% 0% 0% 2%; border:3px solid #b08121;}

 	.testimonial_content {width:79%; float:left; margin:0% 0% 0% 2%;}

 	.testimonial h1 {font-family:Georgia, serif; color:#002d64; font-size:15px; font-style:italic; text-align:left; line-height:221%; padding-left:5%;}
} 
/*Testimonals*/

/*Image Gallery*/
.image_gallery_container {position:relative; overflow:hidden; width:100%; margin:0 auto; bottom:0; height:100%; padding-top:115px; /*padding-left:6px;*/}

/*.image_gallery {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:55px;}

.image_gallery_1 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}

.image_gallery_2 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}

.image_gallery_3 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}

.image_gallery_4 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}

.image_gallery_5 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}

.image_gallery_6 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}

.image_gallery_7 {background-color:#fff !important; padding-top:50px !important; width:100%; margin-bottom:92px; margin-top:-146px;}*/
/* Image Gallery Button*/

.line {background-color:#fff !important; padding-top:90px !important; width:1000px; margin:0 auto;}

.line::after {background:url(../img/border_line.png) no-repeat; /*background-position:0 -53px;*/ bottom:0; content:''; height:16px; left:50%;  margin-left:-40px; position:absolute; width:100px; top:90px;}

.image_gallery_bt {width:100%; float:left; margin-right:0.5%; text-align:center; background-color:#939598/*002d64*/;  color:white; font-size:45px; padding:58px 0px 12px 5px; margin-left:-6px;}

.image_gallery_bt1 {width:100%; float:left; margin-right:0.5%; text-align:center; background-color:#939598;  color:white; font-size:45px; padding:58px 0px 58px 5px; margin-left:-6px;}

blockquote {/*background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:0.5em 10px;*/ quotes:"\201C""\201D""\2018""\2019";}

blockquote:before {color:white; font-family:Baskerville Old Face; content:open-quote; font-size:6em; line-height:0.1em; margin-right:0.05em; vertical-align:-128px;}

blockquote:after {color:white; font-family:Baskerville Old Face; content:close-quote; font-size:6em; line-height:0.1em; margin-right:0.05em; vertical-align:-131px;}

blockquote p {display:inline;}

/*.image_gallery_bt2 {width:24%; float:left; margin-right:0.5%; text-align:center; background-color:#ff0066; font-family:Arial, Helvetica, sans-serif;  color:white; font-size:18px; padding:37px 0px 36px 0px;}

.image_gallery_bt3 {width:24.5%; float:left; margin-right:0.5%; text-align:center; background-color:#9900ff; font-family:Arial, Helvetica, sans-serif;  color:white; font-size:18px; padding:37px 0px 36px 0px;}

.image_gallery_bt4 {width:24.5%; float:left; margin-right:0.5%; text-align:center; background-color:#00a651; font-family:Arial, Helvetica, sans-serif;  color:white; font-size:18px; padding:37px 0px 36px 0px;}*/
/* Image Gallery Button*/

@media only screen and (max-width:1000px) {
	.image_gallery_container {position:relative; overflow:hidden; width:100%; margin:0 auto; bottom:0; height:100%; padding-top:60px; /*padding-left:6px;*/}
	
	.image_gallery_bt {width:100%; float:left; margin-right:0%; text-align:center; background-color:#939598;  color:white; font-size:30px; padding:30px 0px 12px 0px; margin-left:-6px;}

 	blockquote:before {color:white; font-family:Baskerville Old Face;  content:open-quote; font-size:4em; line-height:0.1em; margin-right:0.05em; vertical-align:-60px;}

 	blockquote:after {color:white; font-family:Baskerville Old Face; content:close-quote; font-size:4em; line-height:0.1em; margin-right:0.05em; vertical-align:-60px;}

 	.slider-container {position:relative; overflow:hidden; width:100%; margin:0 auto; bottom:0; height:100%; padding-top:60px;}
	
	.line {background-color:#fff !important; padding-top:50px !important; width:100%; margin:0 auto;}
	
	.line::after {background:url(../img/border_line.png) no-repeat; /*background-position:0 -53px;*/ bottom:0; content:''; height:16px; left:50%;  margin-left:-40px; position:absolute; width:100px; top:78px;}	
	
	.image_gallery_bt1 {width:100%; float:left; margin-right:0%; text-align:center; background-color:#939598;  color:white; font-size:30px; padding:45px 0px 45px 5px; margin-left:-6px;} 
}
/*Image Gallery*/

/*Application form*/
/*.box {width:350px; height:260px; border:solid 5px #002d64; position:relative; overflow:hidden; cursor:pointer; vertical-align:middle;}

.box .caption {background-color:rgba(0,0,0,0.5); position:absolute; color:#fff; z-index:100; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out; left:0; text-align:center;}

.box .full-caption {width:320px; height:230px; top:-260px; text-align:left; padding:15px;}

.box .full-caption h3 {color:#fff; text-align:center; vertical-align:middle; padding:25% 0 0;}

.box .full-caption p {color:#fff; text-align:center; vertical-align:middle; padding:0 0 25% 0;}

.box:hover .full-caption {-moz-transform:translateY(100%); -o-transform:translateY(100%); -webkit-transform:translateY(100%); opacity:1; transform:translateY(100%);}

.box img {position:absolute; left:0; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out;}*/
/*Application form*/

/*-----footer section-----*/
.footer {background:#002d64/*2e3192*/; padding:30px 0; border-top:#b08121/*d1ae6c*/ 5px solid; position:relative; bottom:0; margin-top:10px;}

.footer .container {position:relative; width:1000px; margin:0 auto;}       

.copy {color:#e9e9e9; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; font-weight:300; font-size:12px; line-height:18px; text-align:center;}

.copy p {padding-bottom:5px;}

.copy ul {text-align:center;}

.copy ul li:first-child {padding-left:0; padding-right:10px; display:inline-block;}

.copy ul li {position:relative; padding:0 12px; display:inline-block;}

.copy ul li a {color:#e9e9e9;}

.copy ul li a:hover {color:#d1ae6c;}

.copy ul li:first-child::after {background:none;}

.copy ul li::after {background:#fff; content:''; height:14px; position:absolute; width:1.5px; left:0; top:3px;}

@media only screen and (max-width:1000px) {
	.footer .container {position:relative; width:100%; margin:0 auto;} 

	/*.copy ul {padding:0 -15px; text-align:center;}*/
}

/*** new footer ***/
.footer1 {background:#002d64; padding:10px 0; border-top:#b08121 5px solid; position:relative; bottom:0; margin-top:0px;}

.footer1 .container {position:relative; width:1000px; margin:0 auto;}     

.footer2 {background:#002d64; padding:30px 0; border-top:#b08121 5px solid; position:relative; bottom:0; margin-top:10px;}

.footer2 .container {position:relative; width:1000px; margin:0 auto;}          

.footer_section {width:50%; float:left;}     

.copy1 {color:#e9e9e9; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; font-weight:300; font-size:12px; line-height:18px; text-align:center;}

.copy1 p {padding-bottom:0px;}

.copy1 ul {text-align:center;}

.copy1 ul li:first-child {padding-left:0; padding-right:10px; display:inline-block;}

.copy1 ul li {position:relative; padding:0 12px; display:inline-block;}

.copy1 ul li a {color:#e9e9e9;}

.copy1 ul li a:hover {color:#d1ae6c;}

.copy1 ul li:first-child::after {background:none;}

.copy1 ul li::after {background:#fff; content:''; height:14px; position:absolute; width:1.5px; left:0; top:3px;}

@media only screen and (max-width:1000px) {
 	.footer1 .container {position:relative; width:100%; margin:0 auto;} 

	.footer_section {width:100%; margin:5px 0; float:left;}  
	
	.footer2 {background:#002d64; padding:10px 0; border-top:#b08121 5px solid; position:relative; bottom:0; margin-top:10px; height:60px;}

	.footer2 .container {position:relative; width:100%; margin:0 auto;}          
}

/*-----lunch menu section-----*/
.table1 {width:49%; margin-right:0.5%; float:left; border:1px solid #ccc;}

.table1 td {border:1px solid #ccc;}

.table2 {width:49%; margin-left:0.5%; float:left; border:1px solid #ccc;}

.table2 td {border:1px solid #ccc;}

@media only screen and (max-width:799px) {
 	.table1 {width:98%; margin:1%; float:left; border:1px solid #ccc;}

 	.table2 {width:98%; margin:1%; float:left; border:1px solid #ccc;}
}
/*-----lunch menu section-----*/

/*-----lunch menu section-----*/
.column {width:20%; margin:0; padding:0; float:left;}

.pro {float:left; margin:20px 0; width:100%;}

.pricing-table strong {font-weight:bold; color:#3d3d3d;}

.pricing-table-header-pro {padding:5px 0 5px 0; border:1px solid #1d6391; background:#2980b9;}

.pricing-table-header-pro h2 {color:#FFF; font-size:18px; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:5px;}

.pricing-table-header-pro h3 {color:#FFF; font-size:16px; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}					

.pricing-table-text	{margin:15px 30px 0 30px; padding:0 10px 15px 10px; text-align:left; line-height:30px; font-size:16px; color:#888;}



.pricing-table-features	{margin:15px 0px 0 0px; 	padding:1px 5px; 	text-align:center; 	line-height:20px; 	font-size:14px; 	color:#888; 	height:100%; 	min-height:150px;}



.pricing-table-features p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 		font-size:14px; 		line-height:22px; 		padding-bottom:10px; 		font-weight:300; 		text-align:center; 		border-bottom:none;}



@media only screen and (max-width:799px) and (min-width:721px) {

	.column {width:20%; margin:0; padding:0; float:left;}

	

	.pro	{float:left; margin:20px 0; width:100%;}

	

	.pricing-table strong	{font-weight:bold; 		color:#3d3d3d;}

	

	.pricing-table-header-pro	{padding:5px 0 5px 0; 			border:1px solid #1d6391; 			background:#2980b9;}

	

	.pricing-table-header-pro h2	{color:#FFF; 				font-size:16px; 				text-align:center; 				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 				margin:5px;}

	

	.pricing-table-header-pro h3	{color:#FFF; 				font-size:14px; 				text-align:center; 				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

	

	.pricing-table-text	{margin:15px 30px 0 30px; 	padding:0 10px 15px 10px; 	text-align:left; 	line-height:30px; 	font-size:16px; 	color:#888;}

	

	.pricing-table-features	{margin:15px 0px 0 0px; 		padding:1px 5px; 		text-align:center; 		line-height:20px; 		font-size:14px; 		color:#888; 		height:100%; 		min-height:150px;}

	

	.pricing-table-features p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 			font-size:14px; 			line-height:22px; 			padding:5px; 			font-weight:300; 			text-align:center;} 

}

 

@media only screen and (max-width:720px) {

	.column	{width:100%; margin:0; padding:0; float:left;}

	

	.pro	{float:left; margin:20px 0; width:100%;}

	

	.pricing-table strong	{font-weight:bold; 		color:#3d3d3d;}

	

	.pricing-table-header-pro	{padding:5px 0 5px 0; 			border:1px solid #1d6391; 			background:#2980b9;}

	

	.pricing-table-header-pro h2	{color:#FFF; 				font-size:16px; 				text-align:center; 				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 				margin:5px;}

	

	.pricing-table-header-pro h3	{color:#FFF; 				font-size:14px; 				text-align:center; 				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

	

	.pricing-table-text	{margin:15px 30px 0 30px; 	padding:0 10px 15px 10px; 	text-align:left; 	line-height:30px; 	font-size:16px; 	color:#888;}

	

	.pricing-table-features	{margin:15px 0px 0 0px;

	padding:1px 5px;

	text-align:center;

	line-height:20px;

	font-size:14px;

	color:#888;

	height:100%;

	min-height:150px;}

	

	.pricing-table-features p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:14px;

	line-height:22px;

	padding:5px;

	font-weight:300;

	text-align:center; 		border-bottom:1px solid #ccc;} 

} 



/*School Uniform*/

.page_content h5	{color:#002d64; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:82%; border-bottom:1px solid #b08121; line-height:200%;}



.page_content h5::before	{background:url(../img/bullet-1.PNG) no-repeat; 		content:''; 		height:16px; 		margin-top:12px; 		margin-left:-20px; 		position:absolute; 		width:100px;}



.page_content  .uniform {border:none;}



.school_uniform_content	{background-color:#fff !important; 	padding-top:19px !important; 	width:1000px; 	margin:0 auto; 	padding-bottom:86px;}

 

.school_uniform_content .school_uniform_box	{width:90%; 						float:left; 						position:relative; 						border:1px solid #cfcfcf; 						border-bottom:3px solid #feb573; 						border-radius:10px; 						padding:2% 2% 1% 3%; 						margin-bottom:4%;}



.school_uniform_content  .school_uniform_box h6	{color:#b08121; 							font-family:Georgia, serif; 							font-size:100%; 							line-height:200%; 							font-style:italic; 							font-weight:bold;}



.school_uniform_content  .school_uniform_box p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; 							font-size:14px/*0.8em*/; 							line-height:20px; 							padding-bottom:25px; 							font-weight:300; 							text-align:justify;}



.school_uniform_content  .school_uniform_box strong {font-size:110%; 								font-weight:bold;}



@media only screen and (max-width:767px) {

 	.school_uniform_content .school_uniform_box	{width:70%; 							float:left; 							position:relative;} 

}

    

@media only screen and (max-width:360px) {

 	.school_uniform_content	{width:100%; 		margin:0 auto; 		position:relative;}



 	.school_uniform_content .school_uniform_box	{width:90%; 							float:left; 							position:relative; 							margin-left:2%;}

}



/*contact details*/

#add	{width:32%; float:left; padding-top:19px !important; margin:0 auto; padding-bottom:86px; position:relative; border:1px solid #cfcfcf; border-bottom:3px solid #b08121; border-radius:10px; padding:2%; margin-bottom:4%;}



#add h6	{color:#b08121; font-family:Georgia, serif; font-size:100%; line-height:200%; font-style:italic; font-weight:bold;}



#add p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif/*"Franklin Gothic Medium"*/; font-size:14px/*0.8em*/; line-height:20px; padding-bottom:25px; font-weight:300; text-align:left;}



#add strong {font-size:110%; font-weight:bold; letter-spacing:-1px;}



#map	{width:63%; float:left; padding:0 4px;}



iframe	{width:100%; height:/*588px*/975px;}



@media only screen and (max-width:1001px) {

 	#add	{width:90%; float:left; padding-top:0px !important; margin:0 4%; padding-bottom:0px; position:relative; border:1px solid #cfcfcf; border-bottom:3px solid #b08121; border-radius:10px; padding:1%;}

 

 	#map	{width:90%; float:left; padding:4%; margin:0 auto;}

}







/*Image Gallery*/

.image_gallery	{width:100%; float:left; position:relative; margin-top:7%; margin-bottom:5%;}



.image_gallery img {max-width:100%;}



.img	{max-width:100%; /*height:329px;*/ 

		/*height:365px;*/ 

		border:none; transform:scale(1); transition:all 1s; display:block;}



.image_gallery ul {width:100%; float:left; list-style:none; position:relative; margin:0; padding:0;}

.image_gallery ul li {width:25%; float:left; vertical-align:middle; box-sizing:border-box; margin:0; padding:0; /* height:365px;*/ text-align:center;}

/* The wrapper for each item */
.rig-cell {/*margin:12px; box-shadow:0 0 6px rgba(0,0,0,0.3);*/ display:block; position:relative; overflow:hidden;}     

/* If have the image layer 
.rig-img	{display:block; width:100%; height:auto; border:none; transform:scale(1); transition:all 1s;}

.image_gallery ul li:hover .img {transform:scale(1.05);}*/

/* If have the overlay layer */
.rig-overlay {position:absolute; display:block; top:0; left:0; bottom:0; right:0; margin:auto; background:rgba(6, 4, 4, 0.5) url(img/link.png) no-repeat center 20%; background-size:50px 50px; opacity:0; filter:alpha(opacity=0);/*For IE6 - IE8*/ stransition:all 0.6s;}

.image_gallery ul li:hover .rig-overlay {opacity:0.8;}

/* If have captions */
.rig-text	{display:block; padding:0 30px; box-sizing:border-box; position:absolute; left:0; width:100%; text-align:center; text-transform:capitalize; font-size:18px; font-weight:bold; font-family:"Gotham SSm A","Gotham SSm B", "Century Gothic", "Helvetica", "Arial", "San-serif"; top:40%; color:white; /*opacity:0;*/ filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; text-transform:uppercase;}

.image_gallery ul li:hover .rig-text {transform:translateY(0px); opacity:0.9;}

.rig-text2 {display:block; padding:0 30px; box-sizing:border-box; position:absolute; left:0; width:100%; text-align:center; text-transform:capitalize; font-size:15px; font-weight:bold; font-family:"Gotham SSm A","Gotham SSm B", "Century Gothic", "Helvetica", "Arial", "San-serif"; top:47%; color:white; /*opacity:0;*/ filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; font-weight:normal;}

.image_gallery ul li:hover .rig-text2 {transform:translateY(0px); opacity:0.9;}

/*border*/
.rig-border {border:3px solid rgb(143, 166, 249); border-radius:10px; bottom:13px; content:''; left:13px; position:absolute; right:13px; top:13px; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:0.2s; transition:0.5s ;}

.image_gallery ul li:hover .rig-border {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

/* If have button */
.rig-btn {width:170px; margin:0 auto; text-align:center; position:absolute; top:50%; background-color:rgba(255, 255, 255, 0.4); left:50%; padding:3%;margin-left:-97px; margin-top:-5px; border-radius:5px; filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; opacity:0; font-size:14px; color:white;}

.image_gallery ul li:hover .rig-btn {transform:translateY(0px); opacity:0.9;}

.rig-btn2 {width:170px; margin:0 auto; text-align:center; position:absolute; top:50%; background-color:rgba(255, 255, 255, 0.4); left:50%; padding:3%;margin-left:-97px; margin-top:13px; border-radius:5px; filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; opacity:0; font-size:14px; color:white;}

.image_gallery ul li:hover .rig-btn2 {transform:translateY(0px); opacity:0.9;}

/*.rig-btn2 {ont-size:14px; color:white; position:absolute; left:92px; top:55%;  font-family:Bell MT; background-color:rgba(255, 255, 255, 0.4);  padding:3% 8% 3% 8%; border-radius:5px; filter:alpha(opacity=0); transform:translateY(20px); transition:all 0.6s; opacity:0; font-weight:bold;}

.image_gallery ul li:hover .rig-btn2 {transform:translateY(0px); opacity:0.9;}

.rig-btn2:hover  {color:black;}*/

.image_gallery .overlay_wrapper	{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);}

@media only screen and (max-width:767px) {
	.image_gallery ul li {width:33%; float:left; vertical-align:middle; box-sizing:border-box; margin:0; padding:0; height:329px;} 

	/*.rig-btn	{font-size:14px; color:white; position:absolute; left:60px; top:50%; font-family:Bell MT; background-color:rgba(255, 255, 255, 0.4); padding:3% 8% 3% 8%; border-radius:5px; transform:translateY(20px); transition:all 0.6s; opacity:0; font-weight:bold;}

 	.rig-btn2 {font-size:14px; color:white; position:absolute; left:60px; top:54%; font-family:Bell MT; background-color:rgba(255, 255, 255, 0.4); padding:3% 8% 3% 8%; border-radius:5px; filter:alpha(opacity=0); transform:translateY(20px); transition:all 0.6s; opacity:0; font-weight:bold;} */ 

 	.rig-btn {width:170px; margin:0 auto; text-align:center; position:absolute; top:50%; background-color:rgba(255, 255, 255, 0.4); left:50%; padding:3%;margin-left:-97px; margin-top:7px; border-radius:5px; filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; opacity:0; font-size:14px; color:white;} 

 	.image_gallery ul li:hover .rig-btn	{transform:translateY(0px); opacity:0.9;}

 	.rig-btn2 {width:170px; margin:0 auto; text-align:center; position:absolute; top:50%; background-color:rgba(255, 255, 255, 0.4); left:50%; padding:3%;margin-left:-97px; margin-top:13px; border-radius:5px; filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; opacity:0; font-size:14px; color:white;}

	.rig-border {border:3px solid rgb(143, 166, 249); border-radius:10px; bottom:50px; content:''; left:13px; position:absolute; right:13px; top:13px; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:0.2s; transition:0.5s ;}
}

@media only screen and (max-width:375px) {
	.image_gallery ul li {width:100%; float:left; vertical-align:middle; box-sizing:border-box; margin:0; padding:0; height:329px;} 

	.rig-btn {width:170px; margin:0 auto; text-align:center; position:absolute; top:50%; background-color:rgba(255, 255, 255, 0.4); left:50%; padding:3%;margin-left:-97px; margin-top:-8px; border-radius:5px; filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; opacity:0; font-size:14px; color:white;}

	.rig-btn2 {width:170px; margin:0 auto; text-align:center; position:absolute; top:50%; background-color:rgba(255, 255, 255, 0.4); left:50%; padding:3%;margin-left:-97px; margin-top:13px; border-radius:5px; filter:alpha(opacity=0);/*For older IE*/ transform:translateY(20px); transition:all 0.6s; opacity:0; font-size:14px; color:white;}

	.rig-border	{border:3px solid rgb(143, 166, 249); border-radius:10px; bottom:92px; content:''; left:13px; position:absolute; right:13px; top:13px; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:0.2s; transition:0.5s ;}

 	.uniform_img {width:27%; padding-right:18px; float:right;}
}

/*News*/
.news	{width:100%; margin:0 auto;}

.news img	{width:100%; height:auto;}

.news .blog_left	{width:30%; margin-right:2%; float:left; margin-bottom:8%;}

.news .blog_right	{width:66%; margin-left:2%; float:right; margin-bottom:8%;}

.news p	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; line-height:20px; padding-bottom:25px; font-weight:300; text-align:justify;}

.button	{background-color:#002d64; border:none; color:white; padding:5px 25px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; font-weight:bold; text-transform:uppercase; margin:4px 2px; cursor:pointer; -webkit-transition-duration:0.4s; /* Safari */ transition-duration:0.4s;}

.button2:hover {box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}

.button_1 {background-color:#002d64; border:none; color:white; padding:5px 25px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; font-weight:bold; text-transform:uppercase; margin:30px 2px 4px 2px; cursor:pointer; -webkit-transition-duration:0.4s; /* Safari */ transition-duration:0.4s;}

@media only screen and (max-width:767px) {
 	.news .blog_left {width:96%; margin:5% 2%; float:left;}

 	.news .blog_right {width:96%; margin:5% 2%; float:right;} 

 	.news  p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:justify; font-size:14px; line-height:20px; padding:0 15px 15px; font-weight:300;}

 	.button_1 {background-color:#002d64; border:none; color:white; padding:5px 25px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; font-weight:bold; text-transform:uppercase; margin:4px 2px 4px 2px; cursor:pointer; -webkit-transition-duration:0.4s; /* Safari */ transition-duration:0.4s;}
}
/*news*/ 

/*vacancy*/
.job {width:98%; float:left; margin:1% 1% 4%; border:1px solid #b08121;}

.job_title	{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left; font-size:14px; line-height:16px; padding:10px 6px; font-weight:bold; color:#b08121;}

.job_post {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left; font-size:14px; line-height:20px; padding:10px 6px; color:#000; font-weight:normal;} 

@media only screen and (max-width:576px) {  
	.job {width:94%; float:left; margin:1% 3% 4%; border:1px solid #b08121;} 
}
/*vacancy*/

/* Journery */
.jounery {width:100%;}

.jounery ul {border:none;}

.jounery ul li 	{width:24%; text-align:center; list-style:none; border:none; display:inline-table;}