/*
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*/

@font-face {
	font-family: 'ambleregular';
	src: url(../fonts/Amble-Regular-webfont.ttf) format('truetype');
}

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

.wrap {
	width: 80%;
	margin: 0 auto;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	/* firefox */
	-webkit-transition: all .2s linear;
	/* safari and chrome */
	-o-transition: all .2s linear;
	/* opera */
	-ms-transition: all .2s linear;
}

.header_top {
	background: #323232;
}

.logo {
	float: left;
	font-family: 'Baumans', cursive;
}

.logo h1 {
	font-size: 35px;
	color: #FFF;
	font-family: "helvetica";
	font-weight: 400;
}

.logo h1 span {
	padding: 20px;
	float: left;
}

.logo h1 span.black {
	background: #323232;
}

.logo h1 span.red {
	background: #005EBB;
}

.menu {
	float: right;
	margin: 31px 0;
}

.menu li {
	float: left;
}

.menu li a {
	font-size: 1em;
	padding: 30px 25px;
	color: #FFF;
	font-family: 'Baumans', cursive;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.menu li a:hover,
.menu li.active a {
	background: #005EBB;
}


/******************** Main ***********/


/*  GRID OF THREE   ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.grid_1_of_3 {
	display: block;
	float: left;
	margin: 5% 0 5% 1.6%;
}

.grid_1_of_3:first-child {
	margin-left: 0;
}

.images_1_of_3 {
	width: 29%;
	padding: 1.5%;
	text-align: center;
	border: 1px solid #EEE;
}

.images_1_of_3 img {
	max-width: 100%;
	display: block;
}

.grid_icon {
	border-radius: 4em;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	-o-border-radius: 4em;
	border: 5px solid #FFF;
	box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-o-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	display: inline-block;
	padding: 15px;
	background: #005EBB;
	cursor: pointer;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.grid_icon:hover {
	background: #F95355;
}

.images_1_of_3 h3 {
	font-family: 'Baumans', cursive;
	color: #005EBB;
	font-size: 1.5em;
	padding: 10px 0px 0px 0px;
	text-transform: uppercase;
}

.images_1_of_3 p {
	font-size: 0.85em;
	color: #005EBB;
	line-height: 1.6em;
	font-family: 'ambleregular';
	padding: 10px 0px;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.col_1_of_3 {
	display: block;
	float: left;
	margin: 0% 0 5% 1.6%;
}

.col_1_of_3:first-child {
	margin-left: 0;
}

.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}

.span_1_of_3 h3 {
	color: #F95355;
	margin-bottom: 10px;
	;
	font-size: 1.8em;
	font-family: 'ambleregular';
	text-transform: uppercase;
}

.span_1_of_3 p {
	font-size: 0.85em;
	color: #7E7E7E;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0;
}

.span_1_of_3 p span {
	font-family: 'ambleregular';
}

.span_1_of_3 li {
	font-size: 0.85em;
	color: #8A8A8A;
	display: block;
	padding: 10px 15px;
	background: url(../images/list-img.png) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
}

.span_1_of_3 li:hover {
	color: #4E4E4E;
}

.span_1_of_3 img {
	padding: 3px;
	background: #FFF;
	border: 1px solid #EBEBEB;
	display: block;
	width: 98%;
}

.button {
	margin-top: 15px;
	;
}

.button a {
	background: #005EBB;
	padding: 12px 30px;
	font-family: 'ambleregular';
	color: #FFF;
	display: inline-block;
	font-size: 0.875em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
}

.button a:hover {
	background: #005EBB;
	color: #FFF;
}


/****  New Products ******/

.new-products p {
	display: inline-block;
	width: 49%;
	list-style: none;
	padding-top: 0;
}

.new-products p a {
	background: #FFF;
	display: block;
	margin: 0 5px;
}


/********** Footer **********/

.copy-right {
	padding: 20px 0;
	background: #323232;
}

.copy-right p {
	font-size: 0.85em;
	color: #A5A5A5;
	font-family: 'ambleregular';
}

.copy-right p.copy {
	float: left;
}

.copy-right p.design {
	float: right;
}

.copy-right p a {
	text-decoration: underline;
	color: #F95355;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.copy-right p a:hover {
	color: #FFF;
	text-decoration: none;
}


/********** About **********/

.about_desc {
	padding: 30px 0;
}

.about_desc h2 {
	color: #005EBB;
	font-family: 'ambleregular';
	font-size: 1.5em;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.col_1_of_3 {
	display: block;
	float: left;
	margin: 3% 0 5% 1.6%;
}

.col_1_of_3:first-child {
	margin-left: 0;
}

.grid_1_of_3 {
	width: 29%;
	padding: 1.5%;
}

.grid_1_of_3 img {
	max-width: 100%;
	display: block;
}

.grid_1_of_3 p {
	font-size: 0.85em;
	padding: 5px 0;
	color: #7E7E7E;
	line-height: 1.8em;
}

.history-desc {
	padding-bottom: 15px;
}

.year {
	float: left;
}

.year p {
	color: #222;
	font-family: 'ambleregular';
	font-size: 1.2em;
}

.grid_1_of_3 p.history {
	float: left;
	width: 80%;
	margin-left: 4%;
	font-size: 0.85em;
	color: #6A6A6A;
	line-height: 1.8em;
}

.grid_1_of_3 .list li a {
	color: #7E7E7E;
	font-size: 0.815em;
	padding: 8px 20px;
	background: url(../images/list-img.png) no-repeat 0;
	cursor: pointer;
	display: block;
	font-family: 'ambleregular';
}

.grid_1_of_3 .list li a:hover {
	color: #444;
}


/*  GRID OF Four   ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.grid_1_of_4 {
	display: block;
	float: left;
	margin: 0% 0 5% 1.6%;
	position: relative;
}

.grid_1_of_4:first-child {
	margin-left: 0;
}

.images_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
}

.images_1_of_4 img {
	max-width: 100%;
	display: block;
	border: 1px solid #EEE;
}

.images_1_of_4 h3 {
	color: #F95355;
	font-family: 'ambleregular';
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}

.images_1_of_4 p {
	font-size: 0.85em;
	padding: 5px 0;
	color: #7E7E7E;
	line-height: 1.8em;
}


/***** Gallery *****/

.gallery {
	padding: 50px 0;
}

.gallery_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	box-shadow: 0px 0px 5px #999;
}

.gallery_1_of_4:first-child {
	margin-left: 0;
}

.images_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
	position: relative;
}

.images_1_of_4 img {
	max-width: 100%;
	display: block;
	outline: none;
}

.images_1_of_4 a {
	outline: none;
}

.images_1_of_4 h3 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-weight: normal;
	color: #F95355;
	font-size: 1.2em;
}

.images_1_of_4 p {
	font-size: 0.8125em;
	color: #7E7E7E;
	line-height: 1.6em;
	font-family: verdana, arial, helvetica, helve, sans-serif;
}

.images_1_of_4 span a {
	color: #F95355;
	font-size: 1em;
	cursor: pointer;
}

.images_1_of_4 a span {
	position: absolute;
	top: 80px;
	left: 135px;
	width: 36px;
	height: 36px;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.images_1_of_4 a img:hover {
	opacity: 0.6;
}

.images_1_of_4 a:hover span {
	opacity: 1;
	background: url(../images/zoom.png) no-repeat;
	filter: alpha(opacity=99);
	/* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
	/*IE8*/
}

.projects-bottom-paination {
	text-align: center;
	padding-top: 25px;
}

.projects-bottom-paination li {
	display: inline-block;
}

.projects-bottom-paination li a {
	font-size: 0.85em;
	font-family: 'ambleregular';
	color: #F95355;
	padding: 10px 18px;
	background: #fff;
	text-decoration: none;
	display: block;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid #EEE;
}

.projects-bottom-paination li.active>a,
.projects-bottom-paination li>a:hover {
	background: #F95355;
	color: #fff;
}


/* Services  ============================================================================= */

.services {
	padding: 50px 0;
}

.listview_1_of_2 {
	display: block;
	float: left;
	margin: 0% 0 0% 1.6%;
}

.listimg {
	display: block;
	float: left;
}

.text {
	display: block;
	float: left;
	margin: 0% 0 0% 3.6%;
}

.listview_1_of_2:first-child {
	margin-left: 0;
}

.images_1_of_2 {
	width: 46.2%;
	padding: 1.5%;
}

.listimg_2_of_1 {
	width: 18.2%;
}

.list_2_of_1 {
	width: 78.2%;
}

.images_1_of_2 img {
	max-width: 100%;
	display: block;
}

.list_2_of_1 h3 {
	color: #222;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-size: 1.5em;
	font-family: 'ambleregular';
	text-transform: uppercase;
}

.list_2_of_1 p {
	font-size: 0.8125em;
	color: #7E7E7E;
	line-height: 1.8em;
	font-family: verdana, arial, helvetica, helve, sans-serif;
	padding: 0;
}


/*  Contact Form  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.col {
	display: block;
	float: left;
	margin: 5% 0 5% 1.6%;
}

.col:first-child {
	margin-left: 0;
}

.span_2_of_3 {
	width: 63.1%;
	padding: 1.5%;
}

.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}

.span_2_of_3 h3,
.span_1_of_3 h3 {
	font-family: 'ambleregular';
	color: #005EBB;
	font-size: 1.5em;
	margin: 0 auto;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
}

.contact-form {
	position: relative;
	padding-bottom: 30px;
	padding-left: 80px;
}

.contact-form div {
	padding: 5px 0;
}

.contact-form span {
	display: block;
	font-size: 0.8125em;
	color: #7B7C7E;
	padding-bottom: 5px;
	font-family: 'ambleregular';
}

.contact-form input[type="text"],
.contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	border: none;
	outline: none;
	color: #444;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid rgba(192, 192, 192, 0.31);
	-webkit-appearance: none;
}

.contact-form textarea {
	resize: none;
	height: 120px;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
	border: 1px solid rgba(192, 192, 192, 0.72)
}

.mybutton {
	background: #005EBB;
	padding: 12px 32px;
	font-family: 'ambleregular';
	color: #fff;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
}

.mybutton:hover {
	background-color: #202020;
}

.mybutton:active {
	background-color: #202020;
}

.company_address {
	padding-top: 26px;
}

.company_address p {
	font-size: 0.8125em;
	color: #7B7C7E;
	font-family: 'ambleregular';
	line-height: 1.8em;
}

.company_address p a {
	
	cursor: pointer;
}

.company_address p a:hover {
	text-decoration: none;
	color: #444;
}

.map {
	margin-bottom: 5px;
}


/*----responsive-design-----*/

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

@media only screen and (max-width: 1080px) {
	.images_1_of_4 h3 {
		font-size: 1.1em;
	}
}

@media only screen and (max-width: 1024px) {
	.images_1_of_4 h3 {
		font-size: 1em;
	}
}

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

@media only screen and (max-width: 1024px) {
	.wrap {
		width: 90%;
	}
	.logo h1 span {
		padding: 20px 10px;
	}
	.menu li a {
		padding: 30px 20px;
	}
	.grid_1_of_3 p.history {
		width: 74%;
	}
}

@media only screen and (max-width:900px) {
	.span_1_of_3 {
		width: 100%;
		padding: 0;
	}
	.col_1_of_3 {
		margin: 0% 0 5% 0%;
	}
	.history-desc:nth-child(4) {
		padding-bottom: 0;
	}
	.grid_1_of_3 {
		width: 100%;
		margin: 3% 0 0% 0%;
	}
	.images_1_of_4 {
		width: 46%;
		padding: 1.5%;
		margin: 0% 0 3% 0%;
	}
	.icon_grids {
		margin-bottom: 2em;
	}
	.span_2_of_3 {
		width: 100%;
		padding: 1.5% 0;
		margin: 0;
	}
	.list_2_of_1 h3 {
		font-size: 1.3em;
	}
}

@media only screen and (max-width:800px) {
	.wrap {
		width: 95%;
	}
	.logo h1 {
		font-size: 2em;
	}
	.logo h1 span {
		padding: 22px 10px;
	}
	.menu li a {
		padding: 30px 10px;
	}
	.year p {
		font-size: 1em;
	}
}

@media only screen and (max-width:768px) {
	.grid_1_of_3 {
		width: 97%;
		margin: 3% 0 0% 0%;
	}
}

@media only screen and (max-width:667px) {
	.logo h1 {
		font-size: 1.9em;
	}
	.menu li a {
		padding: 31px 9.5px;
	}
	.services .images_1_of_2 {
		width: 95%;
		padding: 1.5%;
	}
	.menu {
		margin: 30px 0;
	}
	.services {
		padding: 28px 0;
	}
	.gallery {
		padding: 40px 0;
	}
	.contact-form {
		padding-bottom: 20px;
	}
	.about_desc {
		padding: 19px 0 0;
	}
	.section.group.our_team {
		padding-bottom: 15px;
	}
	.contact_info {
		margin-top: 18px;
	}
	.new-products {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width:640px) {
	.wrap {
		width: 95%;
	}
	.logo h1 {
		font-size: 1.5em;
	}
	.logo h1 span {
		padding: 26px 10px;
	}
	.menu li a {
		font-size: 0.85em;
		padding: 32px 10px;
	}
	.grid_1_of_3 {
		margin: 0 0 10px 0;
	}
	.images_1_of_3 {
		width: 94%;
		padding: 3%;
	}
	.col_1_of_3 {
		margin: 0;
	}
	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}
	.grid_1_of_3 {
		width: 94%;
		padding: 3%;
	}
	.year p {
		font-size: 1.2em;
	}
	.grid_1_of_4 {
		margin: 0;
	}
	.images_1_of_4 {
		width: 94%;
		padding: 3%;
	}
	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}
	.col {
		margin: 0;
	}
	.contact-form input[type="text"],
	.contact-form textarea {
		width: 95%;
	}
	.menu li a {
		padding: 34px 10px;
	}
}

@media only screen and (max-width:600px) {
	.icon_grids {
		margin-bottom: 0em;
	}
}

@media only screen and (max-width:568px) {
	.menu li a {
		padding: 34px 8px;
	}
}

@media only screen and (max-width:480px) {
	.wrap {
		width: 95%;
	}
	.logo h1 {
		font-size: 2.5em;
	}
	.logo h1 span {
		padding: 10px 25px;
	}
	.menu li a {
		padding: 32px 20px;
	}
	.listview_1_of_2 {
		margin: 0;
	}
	.images_1_of_2 {
		width: 94%;
		padding: 3%;
	}
	.logo {
		float: none;
		display: block;
	}
	.menu {
		float: none;
		margin: 0;
		margin-left: 18px;
	}
	.logo {
		float: none;
		display: block;
	}
	.menu li a {
		display: block;
	}
}

@media only screen and (max-width:440px) {
	.logo h1 {
		font-size: 2.4em;
	}
	.menu {
		margin-left: 0px;
	}
	.menu li a {
		padding: 32px 19.7px;
	}
	.copy-right p.copy,
	.copy-right p.design {
		float: none;
		text-align: center;
	}
	p.design {
		margin-top: 0.8em;
	}
}

@media only screen and (max-width:414px) {
	.logo h1 {
		font-size: 2.2em;
	}
	.menu li a {
		padding: 32px 17.2px;
	}
}

@media only screen and (max-width:384px) {
	.logo h1 {
		font-size: 1.98em;
	}
	.menu li a {
		padding: 32px 14.4px;
	}
}

@media only screen and (max-width:375px) {
	.logo h1 {
		font-size: 1.9em;
	}
	.menu li a {
		padding: 32px 13.4px;
	}
}

@media only screen and (max-width:320px) {
	.wrap {
		width: 95%;
	}
	.logo h1 {
		font-size: 2em;
	}
	.logo h1 span {
		padding: 10px 8px;
	}
	.menu li a {
		padding: 32px 7px;
	}
	.services {
		padding: 30px 0;
	}
	.list_2_of_1 h3 {
		font-size: 1.2em;
	}
	.contact-form input[type="text"],
	.contact-form textarea {
		width: 92%;
	}
	.menu li a {
		padding: 32px 7.9px;
	}
	.copy-right p {
		font-size: 0.83em;
	}
	.span_2_of_3 h3,
	.span_1_of_3 h3 {
		font-size: 1.3em;
	}
}