/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

/* fonts icon */
@import url(assyrea-icon.css);
@font-face { font-family: 'bpicons'; src: url('../fonts/bpicons/bpicons.eot'); src: url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'), url('../fonts/bpicons/bpicons.woff') format('woff'), url('../fonts/bpicons/bpicons.ttf') format('truetype'), url('../fonts/bpicons/bpicons.svg#bpicons') format('svg'); font-weight: normal; font-style: normal; }

/* Made with http://icomoon.io/ */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* css star */
body, html { font-size: 100%; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher:http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body { font-family: Calibri, 'Lato', Arial, sans-serif; color: #fff; background: #333; }
a { color: #3e2c19; }
a:hover { color: #3e2c19; text-decoration: none; }

/* header */
.assyrea-header { position: relative; display: table; z-index: 888; width: 100%; margin: 0; text-align: center; padding: 15px 0; background-color: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; }
.assyrea-header .logo > img { height: 120px; }
.open-left .assyrea-header, .open-right .assyrea-header { opacity: 0; margin-top: -300px; }
.assyrea-header > h1 { visibility: hidden; display: none; }
.assyrea-header > span { display: block; position: relative; z-index: 9999; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5em; padding: 0 0 0.6em 0.1em; }
.assyrea-header > span span:after { width: 30px; height: 30px; left: -12px; font-size: 50%; top: -8px; font-size: 75%; position: relative; }
.assyrea-header > span span:hover:before { content: attr(data-content); text-transform: none; text-indent: 0; letter-spacing: 0; font-weight: 300; font-size: 110%; padding: 0.8em 1em; line-height: 1.2; text-align: left; left: auto; margin-left: 4px; position: absolute; color: #23262b; background: #fff; }

/* nav */
.assyrea-header nav { position: absolute; width: 300px; top: 168px; left: 50%; margin: 0 0 0 -150px; text-align: center; display: block; }
.assyrea-header nav a { display: inline-block; position: relative; text-align: center; font-size: 32px; width: 64px; height: 64px; line-height: 64px; font-weight: bold; background-color: #3f3f3d; border-radius: 50%; margin: 0 4px; color: #85ccc4; border: 3px solid #85ccc4; text-decoration: none; }
.assyrea-header nav a > span { display: none; }
.assyrea-header nav a:hover:before { content: attr(data-info); color: #fff; position: absolute; text-align: right; right: 0; pointer-events: none; }
.assyrea-header nav a:hover { background: #85ccc4; border-color: #3f3f3d; color: #3f3f3d; }
.bp-icon:after { font-family: 'bpicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; }
.assyrea-header nav .bp-icon:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 2; text-indent: 0; }
.assyrea-header nav a:hover:after { color: #23262b; }

/* dialog */
.ass-dialog { visibility: hidden; position: fixed; z-index: 889; top: -100%; bottom: 100%; left: 0; right: 0; opacity: 0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.ass-dialog.open { visibility: visible; z-index: 889; opacity: 1; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); }
.dialog-close { position: absolute; z-index: 8; top: 10%; right: 10%; }
.dialog-close .btn-close { display: block; font-style: 32px; color: #ffffff; text-decoration: none; width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: #85ccc4; }
.ass-dialog-body { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; color: #4e5252; background-color: #fff; border: 5px solid #85ccc4; padding: 32px; -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, .25); box-shadow: 0 0 32px rgba(0, 0, 0, .25); }
.ass-dialog-body h2 { text-align: center; padding: 0 0 15px; margin-top: -13px; border-bottom: 1px solid #85ccc4; }
.contacts-data { margin: 0 2em; padding: 0; }
.contacts-data > li { list-style: none; padding: 3px 8px; }
.contacts-data > li > i { margin-right: .5em; }
.contacts-map, .downloads-dialog { margin: 10px -32px 0; }
.contacts-map iframe { border: 0; }

/* Client dialog */
#client-dialog .contacts-map>iframe { margin-top: -42px; }
.downloads-data { margin: 0; padding: 0; }
.downloads-data>li { list-style: none; }
.downloads-data>li>a { font-size: 16px; display: block; padding: 16px 8px; text-decoration: none; border-bottom: 1px dotted #85ccc4; }
.downloads-data>li>a:hover { color: #7c918e; }
.downloads-data>li>a>i { vertical-align: middle; font-size: 12px; color: #FFF; background-color: #7c918e; border-radius: 50%; padding: 8px; margin-right: 8px; }
.downloads-data>li>a>.doc-format { display: inline-block; vertical-align: middle; font-size: 14px; color: #7c918e; margin-left: 8px; }

/* footer */
footer { position: absolute; width: 100%; bottom: 0; z-index: 887; color: #888888; background-color: #ffffff; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; }
.open-left footer, .open-right footer { opacity: 0; margin-bottom: -60px; }

/* media query */
@media screen and (max-width:73.375em) {
	.assyrea-header { text-align: center; }
	.assyrea-header h1 { float: none; margin: 0 auto; padding: 0.15em 0; }
	.assyrea-header > span { padding: 0; }
	.assyrea-header > span span:after { display: none; }
}
@media screen and (max-height:30.25em) {
	.assyrea-header nav { /* display: none;  */ }
}
@media (max-width:767px) {
	.assyrea-header .logo > img { height: 60px; }
	.assyrea-header nav { top: 98px; }

	/* dialog */
	.ass-dialog-body { position: absolute; top: 5%; bottom: 5%; left: 5%; right: 5%; }
	.dialog-close { top: 5%; right: 5%; }
	.ass-dialog-body h2 { }
	.contacts-data { margin: 0 1em; }
	.contacts-data > li { padding: .25em; }

	/* table-clients */
	.table-clients tr > td { display: block; }
}
@media (max-height:480px) {
	.intro-content h1 { padding-top: 60px; }
}