/* HEADER */
header {
	background: url('../img/bg.jpg') center center no-repeat; background-size: cover;
	padding: 290px 0px 0px 0px;
}

@media only screen and (min-width: 768px) {
	header { background-attachment: fixed; }
}

header h1 { color: #fff; }
header p { color: #fff;  }

#page_header { padding: 190px 0px 60px 0px; }
#page_header h1 { color: #fff; margin-bottom: 0px; }

.hp_box_cover { padding: 165px 15px 0px 20px; }

.hp_box { padding: 15px 10px 15px 10px; }
.hp_box a { display: block; padding: 30px 30px 30px 30px; background: url('../img/bg-80.png'); font-size: 2em; text-decoration: none;  color: #ccc; font-weight: 600; border-radius: 3px; }
.hp_box a img { height: 70px; margin-bottom: 10px; }
.hp_box a span { display: block; }
.hp_box a:hover { color: #fff;  }

/* CONTENT */
.content { padding: 160px 0px 130px 0px; background: #fff; }
.content_heading_box h1 { border-bottom: solid 1px #ccc; padding-bottom: 30px; }
.content_page { padding: 90px 0px 60px 0px; background: #fff; }

/* O NAS */
#onas_claim p { font-size: 2.8em; font-weight: 200;  text-align: justify;}
#onas_claim p strong { font-weight: 400; }

@media only screen and (max-width: 960px) {
	#onas_claim p { font-size: 2em; text-align: left; }
}

#video { background: #efefef; padding: 30px 0px 0px 0px; }
.video_cover {  position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 30px; }
.video_cover iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* PRODUCTS */
#products { background: url('../img/bg-prod.jpg') center top no-repeat #333; }

@media only screen and (min-width: 768px) {
	#products { background-size: cover; background-attachment: fixed; }
}

#products h1 { color: #fff;  }
#products .content_heading_box h1 { border-color: #444; }

.content_product_item { margin-bottom: 30px; }
.content_product_item p { color: #fff; padding: 0px 0px 0px 30px; border-left: 2px solid #777;}
.prod_image { margin-bottom: 15px; border-radius: 3px; }

/* REFERECE */
#reference { padding-top: 120px; background: #444; }
#reference h1 { color: #666; font-weight: 400; margin-bottom: 120px; }
.reference_item { width: 25%; float: left; display: block; position: relative; }
.reference_item_cover { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; }

@media only screen and (min-width: 960px) {
	.reference_item_cover { background: #000; opacity: 0.5; }
	.reference_item:hover .reference_item_cover { background: none; }
}

@media only screen and (max-width: 1200px) {
	.reference_item { width: 33.333%; }
}

@media only screen and (max-width: 960px) {
	.reference_item { width: 50%; }
}

@media only screen and (max-width: 600px) {
	.reference_item { width: 100%; }
}

/* PAGES */
.page_perex p { color: #111 !important; font-weight: 600;}

/* footer */
footer { padding: 240px 0px 160px 0px; background: #2b3037; }
footer h2, footer p, footer a { color: #fff; }

@media only screen and (min-width: 768px) {
	footer { background-size: cover; background-attachment: fixed; }
}

#copyr { font-size: 1.6em; color: #999; background: #222; padding: 90px 30px 90px 30px; }

.format_note { font-size: 14px; color: #888; }