/*******
MENU
********/
#ico-menu-wrap {
	float: right;
	padding: 0.5em;
	cursor: pointer;
	background-color: #ffd700;
	outline: 0;
}


/** menu universal style **/
.menu {
	position: absolute;
	top: 0;
	right: 100%;
	display: none;
}
.menu li {
	position: relative;
	white-space: nowrap;
	font-size: 1.2rem;
}
.menu span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: -9999;
}
.menu li a {
	display: block;
	padding: 0.4em 1.5em;
	color: #fff;
	opacity: 1;
}
.menu li:hover {
	background-color: #000;
}

/*520*/
@media (min-width: 520px) {
	.menu li {
		font-size: 1rem;
	}
}

/** submenu only **/
.menu li ul {
	position: absolute;
	top: 0;
	right: 100%;
}
.menu li ul {
	display: none;
}

/** submenu item popup **/
.menu li:hover ul {
	/*display: block;*/
}


.parent-menu {
	outline: 0;
}
.parent-menu:before {
	font-family: 'material';
	content: "\e145";
	position: absolute;
	top: 0.4em;
	left: 0.2em;
	font-size: 100%;
	color: #ccc;
}
.parent-menu.remove:before {
	content: "\e15b";
}


body#home .menu li.home,
body#about .menu li.about,
body#services .menu li.services,
body#clients .menu li.clients,
body#facts .menu li.facts,
body#gallery .menu li.gallery,
body#contact .menu li.contact {
	background-color: #000;
}




/*******
MASTHEAD
********/
.masthead-content {
	display: table;
	width: 100%;
	min-height: 300px;
}
.masthead-content div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 4em 2em;

	/*background-color: lightblue;*/
}
.masthead-content h1 {
	font-size: 3rem;
}
.masthead-content h2 {
	font-size: 2.2rem;
}
/*684*/
@media (min-width: 760px) {
	.masthead-content h1 {
		font-size: 4rem;
	}
	.masthead-content h2 {
		font-size: 4rem;
	}
}



/*********
CONTENT
*********/
.p-wrap,
.p-wrap-col2,
.p-wrap-col3 {
	padding: 3em 0;
}

.p-wrap:after,
.p-wrap-col2:after,
.p-wrap-col3:after,
.p-wrap-edge:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}


/*684*/
@media (min-width: 760px) {
	.p-wrap-col2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 3em;
		-moz-column-gap: 3em;
		column-gap: 3em;
	}

	.p-wrap-col3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 2.2em;
		-moz-column-gap: 2.2em;
		column-gap: 2.2em;
	}
}

.p-list {
	margin-left: 1.6em;
}
.p-list li {
	list-style-type: disc;
}



.p-center {
	display: block;
	text-align: center;
	width: 100%;
	padding-bottom: 1em;
	/*background: skyblue;*/
}
.p-center img {
	max-width: 16em;
}

.p-center-icon {
	display: block;
	text-align: center;
	width: 100%;
	height: 110px;
	/*background: skyblue;*/
}





.big-icon-3rem { font-size: 3rem; }
.big-icon-3_5rem { font-size: 3.5rem; }
.big-icon-4rem { font-size: 4rem; }
.big-icon-4_5rem { font-size: 4.5rem; }
.big-icon-5rem { font-size: 5rem; }
.big-icon-5_5rem { font-size: 5.5rem; }
.big-icon-6rem { font-size: 6rem; }
.big-icon-7rem { font-size: 7rem; }
.big-icon-8rem { font-size: 8rem; }



.list_img1 li {
	position: relative;
	padding: 1em 0;
}

.list_img1 li p {
	position: absolute;
	top: 1.7em;
	color: #fff;
	padding: 0;
}

.list_img1 li b {
	position: relative;
	display: block;
	font-weight: normal;
	padding: 1em 2em;
}

.list_img1 li span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
}



.img-bottom-1em img {
	padding-bottom: 1em;
}



.img-grid {
	height: 300px;
	background-color: pink;
	background-size: cover;
	background-position: center;
	margin-bottom: 1px;
}
/*684*/
@media (min-width: 760px) {
	.img-grid {
		height: 200px;
		margin: 0;
	}
}



.contact-num li {
	padding: 0.2em 0;
}




.true-msg {
	background-color: chartreuse;
	padding: 1em 1.3em;
	font-size: 1.1rem;
}



/***********
TOUCHTOUCH
***********/
.img-hover {
	display: block;
	width: 100%;
	height: 100%;
	/*background-color: pink;*/
}



/********
TABLE
********/
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2em;
}

th, td {
	border: 1px solid #999;
	padding: 1em;
}

td:first-child {
	text-align: center;
}



/*********
FORM
***********/
.contact-form p {
	padding-bottom: 0.2em;
}

.contact-form label {
	padding-bottom: 2em;
}

.contact-form p span {
	font-size: 0.7rem;
	color: red;
}



/***********
MISC
***********/
.ico {
	padding: 0;
	font-size: 1.5rem;
	height: 1.25em;
	width: 1.25em;
	line-height: 1.25em;
	text-align: center;
	display: block;
	/*background-color: #aaa;*/
}

.ico-main-menu {
	padding: 0;
	font-size: 2rem;
}

.align-center { text-align: center; }





.p-top-1em,
.p-top-2em {
	clear: both;
}
.p-top-1em { padding-top: 1em; }
.p-top-2em { padding-top: 2em; }

.p-bottom-1em,
.p-bottom-2em,
.p-bottom-3em {
	clear: both;
}
.p-bottom-1em { padding-bottom: 1em; }
.p-bottom-2em { padding-bottom: 2em; }
.p-bottom-3em { padding-bottom: 3em; }


.p-top-1em:after,
.p-top-2em:after,
.p-bottom-1em:after
.p-bottom-2em:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}




/*684*/
@media (min-width: 760px) {
	.left-1em-e-mobile { padding-left: 1em; }
	.left-2em-ex-mobile { padding-left: 2em; }
}


/************
COMING
************/
.coming-text p {
	font-size: 1.2rem;
}
.coming-text h2 {
	font-size: 2.2rem;
}

/*540*/
@media (min-width: 540px) {
	.coming-text p {
		font-size: 1.6rem;
	}
	.coming-text h2 {
		font-size: 3rem;
	}
}
/*684*/
@media (min-width: 760px) {
	.coming-text p {
		font-size: 2rem;
	}
	.coming-text h2 {
		font-size: 4.2rem;
	}
}