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

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

/************************************************************************************
 RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto; /* ie8 */
	line-height:100%;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

*, *:before, *:after
{
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html, body
{
   min-height:100%;
   height:100%;
}
a
{
	color:#903;
	text-decoration:none;
}
a:hover
{
	color:#C00;
	text-decoration:underline;
}
/************************************************************************************
 GENERAL STYLING
*************************************************************************************/
body {
	font:16px/120% Helvetica, sans-serif;
	color:#202020;
}
h1, h2, h3, h4, h5, h6, h7 {
	line-height: 120%;
	margin:4px 0;
}
h1 {
	font-size: 1.7em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
p {
	font-size: 1em;
	line-height:140%;
	color:#584942;
	padding:4px 0;
}

/************************************************************************************
 CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear
{
	clear:both;
}
/************************************************************************************
 float
*************************************************************************************/
.f_left
{
	float:left;
}
.f_right
{
	float:right;
}
.display_table
{
	display:table;
	width:100%;
	table-layout:fixed;
}
.display_table > div
{
	display:table-cell;
	width:100%;
	vertical-align:top;
}
@charset "utf-8";
/* CSS Document */

body { color:#000; font-family:Arial, Helvetica, sans-serif; }
* { box-sizing:border-box; }

header { padding:10px 0; margin:0px auto; color:#000; position:fixed; z-index:1000; background:#292d33; }
.header_content { margin:0px auto; display:table; table-layout:fixed; width:90%; }
.header_content > div { display:table-cell; vertical-align:middle; }
.header_content > div:nth-child(1) { width:30%; }
.header_content > div:nth-child(2) { width:70%; text-align:right; }
/*--------------------------------------------------- Logo ----------------------------------------------*/
.logo  { color:#fff; }
/*--------------------------------------------------- Navi ----------------------------------------------*
nav { display:inline-block;  position:relative; z-index:100; }
.nav { margin:0 auto; } 
.nav ul { list-style:none; }
.nav ul li { font-size:14px; font-weight:light; float:left; margin:0px; position:relative; text-transform:uppercase; }
.nav ul li a { color:#fff; display:block; text-decoration:none; padding:5px 10px; }
.nav ul li a:hover { text-decoration:none; background:#f0262f; }
/*--------------------------------------------------- banner Section ----------------------------------------------*/
.banner_content { position:relative; text-align:right; margin:0 auto; overflow:hidden; }
.banner_content img { margin-bottom:-5px; width:100%; }
.banner_text { position:absolute; top:10%; right:13%; margin:0 auto; width:35%; text-align:left; padding:3%; }
.banner_text h1 { font-size:4vw; color:#f0262f; font-family:"Arial Black", Gadget, sans-serif; }
.banner_text h5 { font-size:1.2vw; color:#000; }
.banner_text p { font-size:18px; color:#000; font-weight:lighter; }
.banner_text a { text-decoration:none; color:#fff; outline:none; padding:15px 30px; transition:linear 0.5s; cursor:pointer; background:#f0262f; font-weight:bold; }
.banner_text a:hover { opacity:0.8; }

/*--------------------------------------------------- Support ----------------------------------------------*/
.support { margin:0px auto; padding:0px; }
.support h1 { color:#f0262f; font-size:32px; }
.support_content { margin:0 auto; width:80%; padding:50px 0px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.support_content > div { vertical-align:middle; padding:20px; }
.support_content > div:nth-child(1) { width:40%; }
.support_content > div:nth-child(2) { width:60%;  }
.support_content > div:nth-child(3) { width:60%; }
.support_content > div:nth-child(4) { width:40%;  }
.support_content h3 { font-size:32px; color:#000; }
.support_content h6 { font-size:12px; color:#000; }
.support_box { text-align:left; }
.support_box p { color:#000; font-size:18px; }
.support_box ul { margin-left:20px; font-size:18px; line-height:28px; }
.support_box a { text-decoration:none; color:#fff; outline:none; padding:20px 30px; transition:linear 0.5s; cursor:pointer; background:rgb(238,103,255);
background:linear-gradient(0deg, rgba(238,103,255,1) 0%, rgba(160,118,255,1) 100%); border-radius:30px; }
.support_box a:hover { opacity:0.5; }
/*--------------------------------------------------- team ----------------------------------------------*/
.team { padding:70px 0; margin:0 auto; text-align:center; background:#5b77a1; }
.team > h1 { font-size:32px; color:#fff; }
.team > p { font-size:16px; color:#fff; width:50%; margin:0 auto; }
.team_content { display:flex; flex-wrap:wrap; margin:0 auto; width:76%; }
.team_content > div { width:33.33%; padding:20px; }
.team_box { padding:20px; background:#fff; border-radius:10px; }
.team_box h2 { color:#5272b2; font-size:20px; margin:10px 0; }
.team_box h3 { color:#cbb492; font-size:20px; margin:10px 0; }
.team_box p { font-size:14px; line-height:20px; }
.team_box a { text-decoration:none; color:#fff; outline:none; padding:10px 20px; transition:linear 0.5s; cursor:pointer; background:#f0262f; font-weight:bold; }
.team_box a:hover { opacity:0.8; }
/*--------------------------------------------------- contact ----------------------------------------------*/
.contact { padding:30px 0; margin:0 auto; background:#292d33; }
.contact > h1 { font-size:32px; text-align:center; color:#fff; text-transform:uppercase; }
.contact_content { margin:0px auto; display:flex; flex-wrap:wrap; width:80%; }
.contact_content > div { padding:10px; }
.contact_content > div:nth-child(1) { width:40%; }
.contact_content > div:nth-child(2) { width:60%; padding:10px; }
.contact_content h3 { font-size:18px; }
.contact_box { text-align:left; background:#fff; padding:30px; }
.contact_box p { text-align:center; }
.contact_box input[type=text], .contact_box select, .contact_box textarea { width:100%; border:1px solid #000; background:none; box-sizing:border-box; margin-top:5px; resize:vertical; padding:10px; outline:none; }
.contact_box input[type=text]:hover, .contact_box select:hover, .contact_box textarea:hover { }
::placeholder { color:#fff; opacity:1; }
.contact_box textarea { height:80px; }
.contact_box input[type=submit] { cursor:pointer; transition:linear 0.5s; border:0; width:100px; font-size:14px; color:#fff; padding:10px; background:#000; }
.contact_box input[type=submit]:hover { opacity:0.7; }

/*--------------------------------------------------- media ----------------------------------------------*/
@media screen and (max-width: 480px) 
{
	html 
	{
		-webkit-text-size-adjust: none;
	}
	.banner_bottom_con, .home_content_box, .content_left, .content_right
	{
		width:100%;
		display:block;
	}
	.logo,.nav
	{
		width:100%;
		display:block;
	}

}

@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1031px) { manage_content, .nav, { width:100%; } }
@media screen and (max-width: 1030px) {
.header_content, .banner_content, .book_content, .nav, .team_content, .footer_content, .testimonial_content, .contact_content, .home, .findus_content, .abouts_content,
.manage_content { width:100%; margin:0 auto; }
.banner_text { width:70%; top:8%; padding:20px; }
.manage_box > div { width:48%; }
}
@media screen and (max-width: 650px) 
{
.header_content { width:95%;  }
.header_content > div:nth-child(1) { width:70%; }
.header_content > div:nth-child(2) { width:40%; float:right; }
.logo { padding-left:10px; }
.logo h1 { font-size:22px; }
.navigation { float:right; }
.nav { text-transform:uppercase; position:relative; }
.nav:before { content:"\2261 \2261"; letter-spacing:-3px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:10px; line-height:120%; font-size:1.8em; display:inline-block; background:#ef262e; }
.nav:focus { pointer-events:none; outline:none; }
.nav > ul { position:absolute; z-index: 1; opacity: 0; visibility: hidden; transition: visibility 0.5s; width:30vw; transition:.3s; right:0; overflow:auto; display:block; max-height:83vh; z-index:1000; margin-left:0px; }
.nav:focus > ul { opacity: 1; visibility: visible; pointer-events: auto; transition:.3s; position:absolute; background:#fff; }
.nav > ul > li { float:none; border-top:rgba(0,0,0,.1) 1px dashed; margin-top:-1px; }
.nav > ul > li span { padding-top:16px; }
.nav > ul > li > ul { position:relative; display:block; }
.nav > ul > li > a, .nav > ul > li:hover > a, .nav > ul > li > span, .nav > ul > li:hover > span, .nav > ul > li > ul { background:#ef262e; color:#fff; }
.nav > ul > li > a, .nav > ul > li > span { font-weight:bold; font-size:.9em; background:none; color:#51445d; }
.nav ul > li:hover:before, .nav ul > li:hover:after{display:none;}
.submenu > li, .megamenu > li { display:block; float:none; }
ul.megamenu > li { display:block; }
.nav > ul > li > ul > li { padding-bottom:12px; }
.inner_nav { display:block; }
.submenu > li, .megamenu > li { display:block; float:none; }
ul.megamenu > li { display:block; } 
.nav > ul > li > ul > li { padding-bottom:12px; }

.banner_content { height:300px; }
.banner_content > img { object-fit:cover; min-height:300px; height:300px; }
.banner_text { width:80%; top:10%; padding:20px; left:10%; background:rgb(255,255,255,0.6); }
.banner_text h1 { font-size:24px; }
.banner_text h3 { font-size:18px; }
.banner_text h5 { font-size:20px; }
.banner_text p { font-size:14px; }

.contact_content > div { margin:0 auto; text-align:center; }
.contact_content > div:nth-child(1) { width:90%; margin-right:auto; }
.contact_content > div:nth-child(2) { width:90%; }
.contact_content p { text-align:center; }
.footer_content > div { width:50%; }
}
@media screen and (max-width:480px)
{
html { -webkit-text-size-adjust: none; }
.header_content { width:85%; margin:0 auto; }
.header_content > div:nth-child(1) { width:70%; }
.header_content > div:nth-child(2) { width:30%; float:right; }

.contact_content > div { width:100%; margin:0px auto; text-align:center; }
.footer_content > div { width:100%; text-align:center; }
}* { box-sizing: border-box; } body {margin: 0;}* { box-sizing: border-box; } body {margin: 0;}* { box-sizing: border-box; } body {margin: 0;}* { box-sizing: border-box; } body {margin: 0;}* { box-sizing: border-box; } body {margin: 0;}#i2fhje{width:508px;height:325px;}* { box-sizing: border-box; } body {margin: 0;}* { box-sizing: border-box; } body {margin: 0;}