@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\9;
	/* 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% Arial, Helvetica, sans-serif;
	color: #666;
}

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;
}


body {
	font-family: 'Abel', sans-serif;
}

h2 {
	color: #000;
}

header {
	background: transparent;
	border-bottom: rgba(0, 0, 0, 0) 1px solid;
}

.header_content {
	margin: 0 auto;
	width: 100%;
	display: table;
	table-layout: fixed;
}

.header_content>div {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	position: relative;
	text-align: right;
	padding: 0 10px;
}

/* .header_content>div:first-child {
	width: 200px;
	text-align: right;
} */

.logo {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	position: relative;
	z-index: 10;
	width: 70%;
	min-height: 80px;
}

.logo_content {
	padding: 0px;
	position: relative;
	background: none;
	top: 0px;
}

.logo img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0;
	padding: 0px 10px;
}

nav {
	display: inline-block;
	vertical-align: middle;
}

.nav {
	margin: 0 auto;
}

.nav ul {
	list-style: none;
}

.nav ul li {
	font-size: 1em;
	float: left;
	color: #fff;
	margin: 5px 10px;
	position: relative;
}

.nav ul li a {
	display: block;
	color: inherit;
	text-decoration: none;
	background: none;
	padding: 5px 15px;
	border: rgba(0, 0, 0, 0) 1px solid;
	border-radius: 4px;
}

.nav ul li a:hover {
	color: #a31d4a;
	text-decoration: none;
	background: none;
	border: rgba(0, 0, 0, 0) 1px solid;
}

.banner {
	margin: 0 auto;
	background: #fff;
	position: relative;
}

.banner>img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.banner_text {
	padding: 10px;
	position: absolute;
	display: inline-block;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	max-width: 70%;
	z-index: 100;
	left: 50%;
	margin-left: -35%;
	background: #fff;
	width: 35%;
	padding: 30px 20px;
}

.banner_text h2 {
	font-size: 2.2em;
	font-weight: bold;
	padding: 2px 0;
	margin: 0;
	color: #000;
	/*text-shadow:rgba(0,0,0,.8) 0 0 5px;*/
	position: relative;
	display: inline-block;
}

.banner_text p {
	font-size: 1.2em;
	padding: 2px 0;
	margin: 0;
	color: #000;
}

.banner_text_clr {
	display: block;
	text-transform: uppercase;
}

.banner_text_arrow {
	display: inline-block;
	vertical-align: middle;
	background: #70994a;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	margin-top: 20px;
}

.banner_top {
	width: 100%;
	background: #e8e8e8;
}

.banner_content {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 10px;
	display: table;
	table-layout: fixed;
}

.banner img {
	box-shadow: rgba(0, 0, 0, .3) 0 0 10px;
}

.banner_content>div {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.banner_content>div:last-child {
	text-align: left;

}

.hme_serv .banner_content>div:nth-child(2) {
	border-left: #111224 2px solid;
	border-right: #111224 2px solid;
}

.banner_content h1 {
	font-size: 4rem;
	line-height: 120%;
	color: #25190e;
	font-weight: bold;
}

.banner_content p {
	font-size: 1.8rem;
	color: #333;
}

.banner_bottom_hmeimg>div:first-child {
	padding-right: 20px;
}

.banner_bottom_hmeimg>div:last-child {
	padding-left: 20px;
}

.hme_serv {
	background: #e8e8e8;
}

.hme_serv .banner_content>div {
	text-align: center;
	padding: 10px;
}

.hme_serv h2 {
	color: #25190e;
	font-size: 2.2rem;
}

.banner_hme_content {
	margin: 0 auto;
	background: #e8e8e8;
}

.banner_bottom_content {
	margin: 0 auto;
	background: #fff;
}

.banner_bottom_content h2,
.banner_hme_content h2 {
	color: #000;
	font-size: 3rem;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.banner_bottom_content p {
	width: 70%;
	font-size: 1.6rem;
	color: #000;
}

.banner_hme_content .banner_content>div {
	text-align: center;
}

.banner_hme_content p {
	width: 60%;
	margin: 0 auto;
	font-size: 1.4rem;
}

.more {
	color: #af3138;
	font-size: 1.4em;
	display: inline-block;
	margin: 20px 0;
	line-height: 100%;
}

.more a {
	color: #604a7b;
	display: block;
	padding: 10px 30px;
	background: #111224;
	line-height: 100%;
	border-radius: 0px;
	text-decoration: none;
	border: #111224 3px solid;
	font-weight: bold;
	border-radius: 20px;
}

.more a:hover {
	background: #facb01;
	border: #facb01 3px solid;
	color: #111224;
}


.home_page_box_img {
	margin: 0 auto;
	width: 100%;
	padding: 50px;
	position: relative;
}

.home_page_box_img_con {
	position: relative;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
}

.homeimg {
	background: rgba(0, 0, 0, 0);
	position: relative;
	display: inline-block;
	text-align: center;
}

.homeimg_posone {
	top: 0px;
	z-index: 1;
}

.homeimg_postwo {
	bottom: -100px;
	left: -50px;
}

.homeimg_posthree {
	top: -50px;
	left: 100px;
	z-index: 10;
}


.testimonial_box {
	margin: 0 auto;
	background: #70994a;
	padding: 50px;
	width: 960px;
	text-align: center;
}

.testimonial_box h2 {
	color: #fff;
	font-size: 2.2rem;
}

.testimonial_box p {
	color: #fff;
	font-size: 1.4rem;
	padding: 20px;
}

.testimonial_box h3 {
	color: #fff;
}

.content {
	margin: 0 auto;
	width: 960px;
	padding: 20px 0;
}

footer {
	margin: 0 auto;
	font-size: .85em;
	background: #111224;
	color: #fff;
}

.footer_content_data {
	margin: 0 auto;
	width: 100%;
	table-layout: fixed;
	display: table;
}

.footer_content_data>div {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 20px;
}

.footer_content_data>div:last-child {
	text-align: right;
}

.footer_content_data>div:last-child {
	text-align: right;
}

footer a {
	text-decoration: underline;
	color: #fff;
}

footer a:hover {
	text-decoration: none;
	color: #facb01;
}


.big_p_text {
	margin: 20px auto;
}

.big_p_text h3 {
	font-size: 1em;
	color: #c86567;
}

.big_p_text p {
	font-size: 2.2em;
	color: #000;
	line-height: 120%;
}


.service_dark_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

.service_dark_box>div {
	flex-grow: 1;
	width: 33%;
	padding: 15px;
	min-height: 300px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

.service_dark_box>div:nth-child(odd) {
	background: #2d3643;
}

.service_dark_box>div:nth-child(even) {
	background: #1e242e;
}

.service_dark_box>div h5 {
	color: #aeafaf;
	font-size: 1em;
	font-weight: normal;
	position: absolute;
	top: 0;
	padding: 15px 0;
}

.service_dark_box>div h4 {
	color: #fff;
	font-size: 2.4em;
}


.abt_home_box {
	margin: 0px auto;
	background: #c86567;
	color: #fff;
	padding: 20px 0;
	margin-top: 20px;
}

.abt_home_box .abt_con_box h2,
.abt_home_box .abt_con_box p {
	color: #fff !important;
}

.abt_home_box .abt_con_box h2 {
	font-size: 2em !important;
}

.abt_home_box .abt_con_box p {
	font-size: 1.2em !important;
	font-weight: normal;
	padding: 10px 0;
}

.abt_con_box {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.abt_con_box h2 {
	font-size: 1.6em !important;
	color: #000;
}

.abt_con_box p {
	font-size: 1.2em;
	color: #333;
}

.abt_con_box>div {
	display: table-cell;
	width: 100%;
	vertical-align: top;
	padding: 20px 0;
}



.portfolio {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: rgba(0, 0, 0, .4) 1px solid;
	margin: 20px auto;
	padding: 10px;
}

.portfolio>div {
	vertical-align: middle;
	padding: 20px 0;
	display: table-cell;
	width: 100%;
}

.portfolio>div:first-child {
	width: 30%;
}

.portfolio>div:last-child img {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 20px;
}

.portfolio>div h3 {
	font-size: 4em;
	font-weight: normal;
	color: #c86567;
	text-decoration: underline;
	font-style: italic;
}

.portfolio>div p {
	font-size: 1em;
	color: #c86567;
}


.abt_con_box>div:first-child {
	padding-right: 40px;
	width: 80%;
}

.abt_home_box .abt_con_box>div:first-child {
	text-align: center;
}

.abt_con_img {
	box-shadow: rgba(255, 255, 255, .4) 12px 12px 0px;
	margin-top: 10px;
}


.info {
	margin: 0 auto;
}

.info_box {
	margin: 0 auto;
	width: 960px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.info_box>div {
	width: 25%;
	padding: 20px;
	color: #3c3c3c;
	flex-grow: 1;
}

.info_box>div>img {
	width: 100%;
}

.info_company {
	background: #fff;
}

.info_company>div p {
	font-size: 1.6em;
	line-height: 120%;
	color: #000;
	position: absolute;
	bottom: 0;
	width: 100%;
	bottom: 20px;
	/* left: 0; */
	width: 70%;
	padding: 20px;
	font-weight: bold;
	color: #fff;
}

.info_company>div h4 {
	font-size: 1em;
	line-height: 120%;
	color: #c86567;
	font-weight: normal;
}

.info_company>div {
	padding: 20px 30px;
	position: relative;
}

.home_tit {
	padding: 0px 30px;
	font-size: 2em;
	font-weight: bold;
	margin-top: 20px;
	color: #000;
	text-align: center;
}

.home_p {
	color: #000;
	font-size: 1.4rem;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}


.contact {
	margin: 0px auto;
	width: 100%;
	position: relative;
	padding: 20px 0 80px 0;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.contact>div {
	display: table-cell;
	width: 100%;
	background: #f2f2f2;
	vertical-align: top;

}

.contact>div:first-child {
	width: 50%;
	padding: 20px;
}


.contact>div p {
	color: #000;
}

.contact>div h3 {
	color: #000;
}



.contact iframe {
	width: 100%;
}



.phone_icon,
.location_icon,
.mail_icon {
	padding: 20px 10px 10px 75px;
	background-position: 10px 5px;
	background-repeat: no-repeat;
	color: #4d4442;
	font-size: 1em;
	font-weight: bold;
	min-height: 60px;
	line-height: 140%;
	margin: 10px;
}

.phone_icon {
	background-image: url(../images/phone_icon.png);
}

.location_icon {
	background-image: url(../images/map_icon.png);
}

.mail_icon {
	background-image: url(../images/mailicon.png);
}

.gallery {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.gallery>div {
	display: inline-block;
	width: 24%;
	padding: 20px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

.gallery>div a img {
	width: 100%;
}

.gallery>div a {
	width: 100%;
	height: 100%;
	color: #333;
	text-align: center;
	display: block;
	position: relative;
}

.gallery>div a:hover>img {
	opacity: .4;
}

.gallery>div span {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	line-height: 100%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 3em;
	width: 100%;
	left: 0;
	font-weight: bold;
	z-index: 1;
	display: none;
}

.gallery>div:hover span {
	display: inline-block;
}

.img_portfolio {
	margin: 0 auto;
	width: 100%;
	background: #fff;
}

.img_portfolio_content {
	margin: 0 auto;
	width: 960px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.img_portfolio_content>div {
	width: 30%;
	padding-bottom: 30px;
	padding-top: 30px;
}

.img_portfolio_content>div:empty {
	height: 0;
	opacity: 0;
	padding: 0;
}

.img_portfolio_content>div>img {
	vertical-align: middle;
}

.hme_contact {
	width: 100%;
	background: #e8e8e8;
	padding: 20px;
}

.hme_contact_content {
	width: 960px;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}

.hme_contact_content>div {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.hme_contact_content>div h2 {
	color: #25190e;
	font-size: 2.2rem;

}

.hme_contact_content>div p {
	font-size: 1.4rem;
	color: #333;
}

.br_bt {
	border-bottom: #111224 4px solid;
	margin-bottom: 40px;
}

.hi_mt_update {
	display: inline-block;
	/*position: absolute;
	bottom: 0;
	margin-bottom: 20px;*/
}

.hi_mt_save {
	color: #fff;
	display: inline-block;
	padding: 2px;
	cursor: pointer;
	font: 16px/130% Arial, Helvetica, sans-serif;
}

.hi_mt_save a {
	background: #59af20;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 4px;
	border-radius: 4px;
}

.hi_mt_save a:hover {
	background: #49a10f;
	color: #fff;
}

.hi_mt_cancel {
	color: #fff;
	display: inline-block;
	padding: 2px;
	cursor: pointer;
	font: 16px/130% Arial, Helvetica, sans-serif;
}

.hi_mt_cancel a {
	background: #df0119;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 4px;
	border-radius: 4px;
}

.hi_mt_cancel a:hover {
	background: #c40015;
	color: #fff;
}

.hi_mt_edit {
	border: #060606 2px solid;
	background: #fff;
	position: absolute;
	display: inline-block;
	z-index: 2000;
}

.hi_mt_edit ul {
	list-style: none;
}

.hi_mt_edit ul li {
	line-height: 120%;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.hi_mt_edit ul li a {
	line-height: 120%;
	padding: 4px 24px;
	display: block;
	background: #ececec;
	color: #5a5a5a;
	vertical-align: middle;
	text-decoration: none;
	border-bottom: #d4d4d4 1px solid;
}

.hi_mt_edit ul li a:hover {
	background: #f4f4f4;
	color: #ca2a2c;
}

.hi_mt_edit_image,
.hi_mt_edit_text,
.hi_mt_edit_delete {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	display: inline-block;
	margin-top: 4px;
	margin-left: 5px;
	position: absolute;
}

.hi_mt_edit_image {
	background: url(../images/mt_image.png) center no-repeat;
}

.hi_mt_edit_text {
	background: url(../images/mt_text.png) center no-repeat;
}

.hi_mt_edit_delete {
	background: url(../images/mt_delete.png) center no-repeat;
}

.hi_mt_edit_close {
	position: absolute;
	width: 22px;
	height: 22px;
	background: #ca2a2c;
	text-align: center;
	line-height: 18px;
	border: #060606 2px solid;
	color: #fff;
	cursor: pointer;
	z-index: 100;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	top: 0px;
	right: 0px;
}

.hi_mt_popup {
	position: fixed;
	text-align: center;
	background: #fff;
	border: rgba(109, 109, 109, .2) 3px solid;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .2) 0 0 5px;
	padding: 20px;
	z-index: 10000;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	max-height: 90%;
	overflow: auto;
	color: #666;
}

.hi_mt_popup p {
	font-size: 16px;
	color: #5a5a5a;
	padding-bottom: 10px;
}

.hi_mt_popup_ok {
	background: #07a132;
	color: #fff;
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}

.hi_mt_popup_cancel {
	background: #d50519;
	color: #fff;
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}

.hi_mt_proceed {
	background: #3d9ac6;
	border: #267ea8 1px solid;
	padding: 8px 10px;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	/*position:fixed;
	float: right;*/
	/*bottom: 10%;
	right: 1px;*/
}

.hi_mt_dir_upload {
	background: #3d9ac6;
	border: #267ea8 1px solid;
	padding: 8px 10px;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	position: relative;
	/*float: left;*/
	bottom: 10%;
	left: 1px;
	margin-left: 10px;
}

.change_button {
	cursor: pointer;
	text-align: center;
	display: inline-block;
	/*width: 25%;*/
	padding: 2px;
}

.user_need {
	display: block;
	padding: 10px;
	text-align: left;
}

.user_need_register {
	background: #3d9ac6;
	border: #267ea8 1px solid;
	padding: 8px 10px;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	width: 100%;
}

.overlay_black {
	top: 0;
	left: 0;
	right: 0;
	background-color: rgb(0, 0, 0);
	opacity: 0.7;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1000;
	bottom: 0;
	position: fixed;
}

.text,
.password {
	width: 100%;
	background: #fff;
	border: #CCC 1px solid;
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	-o-border-radius: .4em;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 1.1em;
}

@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;
	}

	.hiox_popup {
		width: 100%;
		position: absolute;
	}

	.hiox_popup_small {
		width: 50%;
	}

	.hi_mt_popup {

		position: absolute;
		top: 100%;
	}

	.hi_mt_update {
		bottom: 2px;
	}

	.banner_bottom_parts {
		float: none;
		margin: 10px 0;
		width: 100%;
	}

}

.upload_note {
	background: #F2BA41;
	text-align: center;
}

.upload_note p {
	color: #fff;
	font-size: 1em;
}

/************************************************************************************
bigger than 1031
*************************************************************************************/
@media screen and (min-width: 1031px) {

	.header_content,
	.header_top_content,
	.info_box,
	.courses_content,
	.footer_content_data,
	.content,
	.testimonial_box,
	.banner_content,
	.hme_contact_content,
	.img_portfolio_content {
		width: 80%;
	}
}

/************************************************************************************
smaller than 1030
*************************************************************************************/
@media screen and (max-width: 1030px) {

	.header_top_content,
	.header_content,
	.footer_content_data,
	.content,
	.copry_right,
	.info_box,
	.courses_content,
	.testimonial_box,
	.banner_content,
	.hme_contact_content,
	.img_portfolio_content {
		width: 90%;
	}

	.banner_text h2 {
		font-size: 2em;
	}

	.banner_text p {
		font-size: .9em;
	}

	.more {
		font-size: 1em;
	}

	.banner_text {
		width: 80%;
		max-width: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 0;
		top: 10%;
	}

	.info_box>div {
		width: 33.3%;
	}

	.homeimg_posone {
		top: auto;
		z-index: 1;
		display: block;
	}

	.homeimg_postwo {
		bottom: auto;
		left: auto;
		display: block;
	}

	.homeimg_posthree {
		top: auto;
		left: auto;
		z-index: 10;
		display: block;
	}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	.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: #a31d4a;
	}

	.nav:focus {
		pointer-events: none;
		outline: none;
	}

	.nav>ul {
		position: absolute;
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		transition: visibility 0.5s;
		width: 80vw;
		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: none;
		color: #111224;
	}

	.nav>ul>li>a,
	.nav>ul>li>span {
		font-weight: bold;
		font-size: .9em;
		background: none;
		color: #fff;
	}

	.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;
	}

	.top_contact_links ul li {
		margin: 5px;
	}

	.banner_text h2 {
		font-size: 1.8em;
	}

	.banner_text p {
		font-size: 1em;
	}

	.more {
		font-size: .9em;
		margin: 10px;
	}

	.info_box>div {
		width: 50%;
	}


	.abt_con_box>div,
	.abt_con_box>div:first-child,
	.portfolio>div:first-child,
	.portfolio>div,
	.contact>div:first-child,
	.contact>div {
		width: 100%;
		display: block;
	}

	.portfolio>div:first-child {
		padding: 0;
	}

	.portfolio>div {
		text-align: center;
	}

	.service_dark_box>div {
		width: 50%;
		border-bottom: rgba(255, 255, 255, .2) 1px solid;
	}


	.contact>div {
		display: block;
	}

	.abt_home_box .abt_con_box>div:first-child,
	.abt_con_box>div:first-child {
		padding-right: 0px;
		text-align: center;
	}

	.gallery>div {
		width: 50%;
	}

	.banner_content>div,
	.hme_contact_content>div {
		display: block;
	}

	.banner_bottom_hmeimg>div:first-child {
		padding-right: 0px;
		padding-bottpm: 20px;
	}

	.banner_bottom_hmeimg>div:last-child {
		padding-left: 0px;
		padding-top: 20px;
	}

	.banner_bottom_content p {
		margin: 0 auto;
	}

	.banner_content>div,
	.banner_content>div:last-child,
	.banner_bottom_content h2 {
		text-align: center;
	}

	.img_portfolio_content>div {
		width: 44%;
	}

	.hme_serv .banner_content>div:nth-child(2) {
		border-left: none;
		border-right: none;
		border-top: #111224 2px solid;
		border-bottom: #111224 2px solid;
		padding: 20px;
	}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width:480px) {

	.service_dark_box>div {
		width: 100%;
	}

	html {
		-webkit-text-size-adjust: none;
	}

	.header_top_content>div,
	.header_top_content>div:last-child {
		width: 100%;
		display: block;
		text-align: center;
		padding: 5px;
	}

	.banner_text h2 {
		font-size: 1.2em;
	}

	.banner_text p {
		font-size: .9em;
	}

	.get_start {
		font-size: .9em;
		margin: 10px;
	}

	.info_box>div {
		width: 100%;
	}

	.next_batch>div,
	.next_batch>div:last-child {
		width: 100%;
		display: block;
		padding: 0;
	}

	.footer_content_data>div {
		width: 100%;
	}

	.activities_box>div:first-child {
		width: 100px;
	}

	.banner>img {
		width: 100%;
		min-width: 100%;
	}

}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

#igy8f {
	width: 300px;
	height: 250px;
}

#iuj88t {
	color: black;
	width: 280px;
	height: 217px;
}

#is1rj {
	width: 700px;
}

#illbog {
	padding: 10px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.91);
}

#in5m5 {
	font-size: 28px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

#igy8f {
	width: 300px;
	height: 250px;
}

#iuj88t {
	color: black;
	width: 280px;
	height: 217px;
}

#is1rj {
	width: 700px;
}

#illbog {
	padding: 10px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.91);
}

#in5m5 {
	font-size: 28px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

#igy8f {
	width: 300px;
	height: 250px;
}

#iuj88t {
	color: black;
	width: 280px;
	height: 217px;
}

#is1rj {
	width: 700px;
}

#illbog {
	padding: 10px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.91);
}

#in5m5 {
	font-size: 28px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#i5ql {
	width: 269px;
	height: 64px;
}

#iyjlw {
	font-weight: 100;
}

#irgfs {
	font-size: 36px;
}

#ihaw6 {
	font-size: 18px;
}

#igy8f {
	width: 300px;
	height: 250px;
}

#iuj88t {
	color: black;
	width: 280px;
	height: 217px;
}

#is1rj {
	width: 700px;
}

#illbog {
	padding: 10px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.91);
}

#in5m5 {
	font-size: 28px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

#i8foe {
	width: 314px;
	height: 79.1375px;
}

#i8dtr {
	font-family: Arial, Helvetica, sans-serif;
}

#iwmjt {
	width: 420px;
	height: 404.413px;
}

#iez6p {
	width: 600px;
}

#ie21h {
	width: 420px;
}

#iad4k {
	width: 420px;
}

#iuum7 {
	padding: 10px;
	font-family: Arial Black, Gadget, sans-serif;
	font-size: 24px;
}

#i2mz25 {
	padding: 10px;
	font-size: 19px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

#i8foe {
	width: 314px;
	height: 79.1375px;
}

#i8dtr {
	font-family: Arial, Helvetica, sans-serif;
}

#iwmjt {
	width: 420px;
	height: 404.413px;
}

#iez6p {
	width: 600px;
}

#ie21h {
	width: 420px;
}

#iad4k {
	width: 420px;
}

#iuum7 {
	padding: 10px;
	font-family: Arial Black, Gadget, sans-serif;
	font-size: 24px;
}

#i2mz25 {
	padding: 10px;
	font-size: 19px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

#i8foe {
	width: 314px;
	height: 79.1375px;
}

#i8dtr {
	font-family: Arial, Helvetica, sans-serif;
}

#iwmjt {
	width: 420px;
	height: 404.413px;
}

#iez6p {
	width: 600px;
}

#ie21h {
	width: 420px;
}

#iad4k {
	width: 420px;
}

#iuum7 {
	padding: 10px;
	font-family: Arial Black, Gadget, sans-serif;
	font-size: 24px;
}

#i2mz25 {
	padding: 10px;
	font-size: 19px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

#iis394 {
	color: black;
}

#iylmi {
	background-color: white;
}

#i5ql {
	width: 455px;
	height: 118px;
}

#i4g5 {
	width: 500px;
}

#iije {
	background-color: white;
}

#i0us {
	width: 450px;
}

#irg2 {
	color: #a31d4a;
	font-weight: 700;
}

#ilfg2 {
	color: #a31d4a;
	font-weight: 700;
}

#iovv6 {
	font-weight: 700;
	color: #a31d4a;
}

#imvbg {
	font-weight: 700;
	color: #a31d4a;
}

#i8foe {
	width: 314px;
	height: 79.1375px;
}

#i8dtr {
	font-family: Arial, Helvetica, sans-serif;
}

#iwmjt {
	width: 420px;
	height: 404.413px;
}

#iez6p {
	width: 600px;
}

#ie21h {
	width: 420px;
}

#iad4k {
	width: 420px;
}

#iuum7 {
	padding: 10px;
	font-family: Arial Black, Gadget, sans-serif;
	font-size: 24px;
}

#i2mz25 {
	padding: 10px;
	font-size: 19px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}