/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */
a {
	text-decoration: none;
}
.txt-rt {
	text-align: right;
}/* text align right */
.txt-lt {
	text-align: left;
}/* text align left */
.txt-center {
	text-align: center;
}/* text align center */
.float-rt {
	float: right;
}/* float right */
.float-lt {
	float: left;
}/* float left */
.clear {
	clear: both;
}/* clear float */
.pos-relative {
	position: relative;
}/* Position Relative */
.pos-absolute {
	position: absolute;
}/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width: 100%;
}
/*end reset*/
body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	background: url('../images/bg.png');
}
.wrapper {
	margin: 4% 0;
}
.wrap {
	margin: 0 auto;
	width: 80%;
	background: url('../images/bg1.png');
}
.wrap_inner {
	padding: 0 4%;
	text-align: center;
}
.para {
	color: #736761;
	line-height: 1.8em;
	font-size: 0.8725em;
}
h2 {
	letter-spacing: 1px;
	color: #564C48;
	font-family: 'News Cycle', sans-serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.8em;
	text-transform: capitalize;
	text-shadow: 0 1px 0 #423935;
}
h3 {
	letter-spacing: 1px;
	color: #564C48;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.8em;
	text-transform: capitalize;
	text-shadow: 0 1px 0 #423935;
}
/*menu*/
.cssmenu > ul > li {
	display: inline-block;
	position: relative;
}
.cssmenu > ul > li.active a {
	color: #ffffff;
	background: #CEDB32;
}
.cssmenu > ul > li span img {
	vertical-align: middle;
}
.cssmenu > ul > li > a {
	text-transform: uppercase;
	font-family: 'News Cycle', sans-serif;
	color: #ffffff;
	display: block;
	font-size: 18px;
	line-height: 4.8em;
	padding: 10px 32px;
	color: #555555;
	letter-spacing: 1px;
}
.cssmenu > ul > li > a:hover {
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	background: #6B625E;
	color: #ffffff;
}
/*end-menu*/
.logo {
	padding: 4%;
}
/*  GRID 1 OF THREE  */
.grids_1_of_3 {
	text-align: center;
	padding: 4% 0;
}
.grid_1_of_3 {
	display: block;
	float: left;
	margin-left: 4%;
}
.grid_1_of_3.bg1 {
	background: #736761;
}
.grid_1_of_3.bg2 {
	background: #645954;
}
.grid_1_of_3.bg3 {
	background: #564C48;
}
.grid_1_of_3:first-child {
	margin-left: 0;
}
.images_1_of_3 {
	width: 30.333%;
	position: relative;
	height: 455px;
}
.images_1_of_3 h3 {
	letter-spacing: 1px;
	background: #CEDB32;
	color: #fff;
	font-family: 'News Cycle', sans-serif;
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #AFB932;
	padding: 4%;
}
.images_1_of_4 h3 {
	letter-spacing: 1px;
	background: #CEDB32;
	color: #fff;
	font-family: 'News Cycle', sans-serif;
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #AFB932;
	padding: 4%;
}
.images_1_of_3 p {
	padding: 4% 4% 0 4%;
	color: #ffffff;
	line-height: 1.8em;
	font-size: 0.8725em;
}
.plus_btn {
	display: block;
}
.plus_btn span {
	cursor: pointer;
	position: absolute;
	width: 64px;
	height: 64px;
	right: 0;
	bottom: 0;
	background: url('../images/plus_btn.png');
}
.plus_btn span:hover {
	background: url('../images/plus_btn_h.png');
}
/* content_btm  */
.content_btm {
	text-align: left;
	padding-bottom: 4%;
}
.col_1_of_3 {
	display: block;
	float: left;
	margin-left: 4%;
}
.col_1_of_3:first-child {
	margin-left: 0;
}
.span_1_of_3 {
	width: 30.3333%;
}
.span_1_of_3 h2 {
	margin-bottom: 0.5em;
}
.text1-nav ul li {
	display: inline;
}
.text1-nav ul li a {
	display: block;
	font-size: 0.8725em;
	color: #736761;
	letter-spacing: 0px;
	line-height: 2.8em;
}
.text1-nav ul li:before {
	margin-top: 12px;
	margin-right: 10px;
	content: url('../images/arrow.png');
	float: left;
}
.text1-nav ul li a:hover {
	color: #A4AF1F;
}
.span_1_of_3 h4 {
	color: #949B3F;
	letter-spacing: 1px;
	font-family: 'News Cycle', sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: capitalize;
	margin-bottom: 0.5em;
}
.button.top {
	margin-top: 4%;
}
.button.top1 {
	margin-top: 2%;
}
.button a {
	background: #564C48;
	border: 1px solid #5A4F4F;
	display: inline-block;
	padding: 10px 24px;
	font-weight: 300;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
.button a:hover {
	background: #B1BD23;
	border: 1px solid #B1B62B;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.grids_btm {
	padding: 4% 0;
	display: inline-flex;
	border-top: 1px ridge rgb(241, 241, 241);
	border-bottom: 1px ridge rgb(241, 241, 241);
}
.grids:first-child {
	margin-left: 0;
}
.grids {
	text-align: left;
	width: 50%;
	margin-left: 4%;
}
.images_1_of_1 {
	width: 14%;
	float: left;
	height: 100px;
	background: #B1BD23;
	padding: 4%;
}
.images_1_of_1 p {
	text-align: center;
	font-size: 4em;
	color: #ffffff;
	line-height: 1.5em;
}
.grid_1_of_1 {
	width: 70%;
	float: left;
	height: 100px;
	background: #564C48;
	padding: 4%;
}
.grid_1_of_1 h3 {
	letter-spacing: 1px;
	color: #CEDB32;
	font-family: 'News Cycle', sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #423935;
}
.grid_1_of_1 p {
	color: #B6B6B6;
	line-height: 1.8em;
	font-size: 0.8725em;
}
/*footer1*/
.footer1 {
	padding: 4%;
}
.copy {
	text-align: center;
}
.copy p {
	font-size: 0.8725em;
	color: #736761;
	line-height: 1.8em;
	text-transform: uppercase;
}
.copy p a {
	color: #B1BD23;
}
.copy p a:hover {
	color: #736761;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
/* start about */
.main {
	padding: 2% 0 4%;
	text-align: left;
	border-top: 1px ridge rgb(241, 241, 241);
}
.about {
	text-align: left;
}
.cont-grid {
	float: left;
	width: 65.33333%;
	margin-right: 4.33333%;
}
.cont-grid span {
	color: #949B3F;
	letter-spacing: 1px;
	font-family: 'News Cycle', sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: capitalize;
}
.abt-para p {
	margin-top: 2%;
}
.cont-grid-img {
	width: 30.33333%;
	float: right;
}
.about-p {
	margin-top: 20px;
}
/* start service*/
.ser-main {
	text-align: left;
}
.ser-main.top {
	margin-top: 3%;
}
.ser-grid {
	float: right;
}
.ser-grid-list:nth-last-child(2) {
	margin-right: 0;
}
.ser-grid-list {
	float: left;
	width: 21.33333%;
	margin-right: 4%;
}
.ser-grid-list h5 {
	line-height: 1.8em;
	font-size: 1.2em;
	color: #53A3C7;
}
.ser-grid-list img {
	margin-top: 15px;
}
.ser-grid-list p {
	margin: 8% 0;
}
.ser-para {
	margin: 2% 0;
}
/*start Contact*/
.col {
	display: block;
}
.contact_info {
	text-align: left;
	float: left;
	width: 100%;
}
.company_address {
	text-align: left;
	float: left;
	margin-right: 3%;
	width: 100%;
}
.col.span_1_of_2 h2 {
	margin-bottom: 4%;
}
.contact-form {
	text-align: left;
	position: relative;
	margin-top: 2%;
}
.contact-form div {
	padding: 5px 0;
}
.contact-form span {
	color: #736761;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
}
.company_address p {
	padding: 2px 0;
	color: #736761;
	font-size: 0.8725em;
	line-height: 1.8em;
}
.company_address p span, .company_address p span a {
	color: #949B3F;
	cursor: pointer;
}
.company_address p span:hover, .company_address p span:hover a {
	color: #564C48;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.map {
	margin: 2% 0;
}
.contact-form input[type="text"], .contact-form textarea {
	box-sizing: border-box;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.8725em;
	color: #555;
	padding: 8px;
	display: block;
	width: 98%;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
	outline: none;
	-webkit-appearance: none;
}
.contact-form textarea {
	resize: none;
	height: 120px;
}
.contact-form input[type="text"]:focus, .contact-form textarea:focus {
	-webkit-transition: 0.9s;
	-o-transition: 0.9s;
	-moz-transition: 0.9s;
	transition: 0.9s;
	border: 1px solid rgba(51, 157, 207, 0.05);
	box-shadow: 0px 0px 2px #5E504A;
	-webkit-box-shadow: 0px 0px 2px #5E504A;
	-moz-box-shadow: 0px 0px 2px #5E504A;
	-o-box-shadow: 0px 0px 2px #5E504A;
}
.contact-form input[type="submit"] {
	cursor: pointer;
	text-transform: capitalize;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	background: #564C48;
	border: 1px solid #5A4F4F;
	display: inline-block;
	padding: 10px 24px;
	font-weight: 300;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
.contact-form input[type="submit"]:hover {
	outline: none;
	background: #B1BD23;
	border: 1px solid #B1B62B;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
/*start details */
.details {
	display: block;
}
.det_pic {
	margin: 2% 0;
}
/*start 404*/
.page {
	padding: 8% 0;
	text-align: center;
}
.page h3 {
	color: #CEDB32;
	font-family: 'News Cycle', sans-serif;
	text-shadow: 0 1px 0 #A2A2A2;
	font-size: 12em;
}

/***** Media Quries *****/

@media only screen and (max-width: 1280px) {
.wrap {
	width: 95%;
}
}

@media only screen and (max-width: 1024px) {
	.grid_1_of_4.images_1_of_4{  width:45% ; margin-right:2.5%; margin-left: 2.5%; margin-bottom: 30px; min-height: 350px;}
.wrap {
	width: 95%;
}
.images_1_of_3 {
	height: 420px;
}

h2 {
	font-size: 1.5em;
}
}

@media only screen and (max-width: 800px) {
	div.col-sm-12{ width: 100% !important;}

	.cssmenu ul.sub{ width: 250px;}
.wrap {
	width: 95%;
}
.cssmenu > ul > li > a {
	line-height: 4.8em;
	padding: 6px 16px;
}
.images_1_of_3 h3 {
	font-size: 1.5em;
}
.grids_btm {
	display: block;
}
.grids {
	text-align: left;
	width: 100%;
	margin-left: 0%;
	margin-bottom: 3%;
	clear: both;
	display: inline-block;
}
}
@media only screen and (max-width: 600px) {
	#contactForm > div{ width: 100% !important; margin-right: 0 !important; margin-left: 0 !important;}
.cssmenu ul.sub{ width: 250px;}

		.cssmenu ul.sub li a {
			font-size: 13px;
}
.cssmenu > ul > li:nth-child(3) .sub{ left:-70%; }
.cssmenu > ul > li:nth-child(4) .sub{ left: auto; right: 0;}
}

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


.wrap {
	width: 95%;
}
.cssmenu > ul > li > a {
	line-height: 4.8em;
	padding: 6px 16px;
	font-size: 13px;
}
.span_1_of_3 {
	width: 99.3333%;
}
.col_1_of_3 {
	float: none;
	margin-left: 0%;
}
.ser-grid-list {
	width: 45.33333%;
}
.company_address {
	float: none;
	margin-right: 0%;
	width: 99.3333%;
}
.contact_info {
	float: none;
	width: 99.33333%;
}
}

@media only screen and (max-width: 480px) {
	.grid_1_of_4.images_1_of_4{  width:100% ; min-height: auto ;}
.wrap {
	width: 95%;
}
.cssmenu > ul > li > a {
	line-height: 3.8em;
	padding: 4px 8px;
	font-size: 13px;
}

.images_1_of_3 {
	width: 99.333%;
}
.cont-grid {
	float: none;
	width: 100%;
	margin-right: 0%;
}
.cont-grid-img {
	float: none;
	width: 100%;
	margin-top: 3%;
}
.grid_1_of_3 {
	margin-left: 0%;
	margin-bottom: 4%;
}
.grid_1_of_1 h3 {
	letter-spacing: 0px;
	font-size: 1em;
}
.images_1_of_1 p {
	font-size: 3em;
}
}

@media only screen and (max-width: 320px) {
	.cssmenu ul.sub{ width: 100%;}

			.cssmenu ul.sub li a {
				font-size: 13px;
	}
	.cssmenu > ul > li:nth-child(3) .sub{ left:0; }



.wrap {
	width: 95%;
}
.cssmenu > ul > li {
	display: block;
}
.grid_1_of_1 h3 {
	letter-spacing: 0px;
	font-size: 0.8725em;
}
.images_1_of_1 p {
	font-size: 2em;
}
.grid_1_of_1 p {
	color: #B6B6B6;
	line-height: 1.5em;
	font-size: 0.725em;
}
}
.abt-para > span {
	margin-bottom: 20px;
	display: block;
}
.list-style-01 li {
	display: block;
	margin-bottom: 20px;
}
.list-style-01 li li{ margin-bottom:0; }
strong{ font-weight:bold;}
.list-style-01 li h3 {
	display: block;
	margin: 0;
}
.list-style-01 li p {
	display: block;
	margin: 0 0 10px 0;
}
.list-style-01 .fa {
	color: #fff;
}
li.para {
	display: table;
}
.content_icon, .icon_content {
	display: table-cell;
}
.icon_content {
	padding-left: 20px;
}
.content_icon {
	background-color: #cedb32;
	height: 100%;
	width: 80px;
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
}
.vish {
	height: auto;
	background-color: #e9e9e9 !important;
}
.vish .gallery {
	padding-top:40px;
	position: relative;
	height: auto;
	background-color: #e9e9e9;
	display: table;
}
.vish h3 {

	font-size: 20px;
	min-height: 44px;
	line-height:44px;
}
.vish .gallery a {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
.vish .gallery p.desc {
	float: left;
	clear: both;
	width: 100%;
	background-color: #736761;
	box-sizing: border-box;
	padding: 10px;
	height: 200px;
}
.vish .gallery p {
	display: table;
	vertical-align: middle;
}
.vish .gallery p span {
	display: table-cell;
	vertical-align: middle;
}
.kh li {
	color: #736761;
	line-height: 20px;
	margin: 0 0 10px 0;
	font-size: 0.8725em;
	position: relative;
}
.kh li:before {
	margin-top: 2px;
	margin-right: 10px;
	content: url('../images/arrow.png');
	float: left;
}
.kh h2 {
	margin-bottom: 20px;
}
.kh h3 {
	margin-bottom: 14px;
}
.img_style.kh > h3 {
	line-height: 20px;
	background-color: #CEDB32;
	color: #fff;
	text-shadow: 0 1px 0 #AFB932;
	padding: 10px 15px;
}
.row {
	float: left;
	clear: both;
	width: 100%;
}
.col {
	float: left;
}
.col-4 {
	width: 25%;
	box-sizing: border-box;
	padding: 20px;
}
.h40px {
	height: 40px;
}
.table {
	width: 100%;
	margin: 40px auto;
	display: inline-block;
}
.table-row {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 1px;
}
.cell {
	float: left;
	text-align: left;
	box-sizing: border-box;
}
.cell:first-child {
	width: 30%;
	background: #CEDB32;
	color: #fff;
	padding: 20px 10px;
}
.cell:nth-child(2) {
	width: 62%;
	padding: 19px 10px;
	border-width: 1px 1px 1px 0;
	border-color: #e7e7e7;
	border-style: solid;
}
.cell:last-child {
	width: 8%;
	padding: 14px 10px;
	border-width: 1px 1px 1px 0;
	border-color: #e7e7e7;
	border-style: solid;
	text-align: center;
}

@media only screen and (max-width: 800px) {
.col-md-4 {
	width: 50%;
}
}

@media only screen and (max-width: 840px) {
.cell {
	width: 100% !important;
	border-width: 1px !important;
}
.table-row {
	margin-bottom: 20px;
}
}
#contactForm > div {
	width: 45%;
	margin: 0 2%;
	clear: none;
	float: left;
}
.grid_2_of_3 {
	width: 69%;
	float: left;
}
.col-float {
	float: left;
	width: 100%;
}
.col-vish {
	width: 35%;
	margin-right: 3%;
}
.col-kh {
	width: 62% !important;
}
select {
	width: 100%;
	padding: 6px;
	font-size: 14px;
}
select option {
	width: 100%;
	float: left;
	padding: 6px;
	font-size: 14px;
}
.has-sub{ position:relative;}
.sub {
	background:#CEDB32;
	display: none;
	position:absolute;
	top:100%;
	left:0;
	width:300px;
	z-index: 2;
}
.has-sub:hover .sub {
	display: block
}
.sub li a{
	text-transform: uppercase;
	font-family: 'News Cycle', sans-serif;
	display: block;
	font-size: 18px;
	line-height: 1.8em;
	padding: 10px 32px;
	color: #fff;
	letter-spacing: 1px;
	text-align:left;
}
.sub li a:hover{ background:#555 !important;}
.cssmenu li:active, .cssmenu li a:active, .cssmenu a:hover{ background:#CEDB32;}
.tech{ background:#B74065}
.grids_1_of_4{ margin-bottom:30px; display:inline-block; width:100%; }
.grid_1_of_4{ float:left; width:22%; margin-right:3.75%;}
.grid_1_of_4:last-child{margin-right:0;}
.grid_1_of_4 .gallery{border: 1px solid #ccc;
    margin: 0 auto;
    width: 141px;
}
.grid_1_of_4 h3{ text-align:center;}

.auto-height .grid_1_of_3 .gallery{ border:1px solid #ccc; float:left;}
.auto-height .grid_1_of_3 { height:auto; background-color:transparent;}
.auto-height .grid_1_of_3 a, .auto-height .grid_1_of_3 a img{ float:left; width100%;}
.cssmenu a.active{  color:#fff; background:#CEDB32;}