@charset "utf-8";
/*@font-face {
	font-family:Cuprum;
	font-weight:400;
	src:url("CUPRUM-REGULAR.TTF");
}*/
@font-face {
	font-family:Play;
	font-weight:700;
	src:url("PLAY-BOLD.TTF");
}

body { font-family: Arial, sans-serif; background-color:#f0f0f0; }
a { color:#007fec; text-decoration:underline; }
h2 {margin:20px 0 10px 0;}
h3 {margin:20px 0 10px 0;}
ol,ul {margin:0 0 10px 0;}
.container { width:960px; margin:0 auto; }
.hidover { overflow:hidden; }

/* --- header --- */
.header { width:100%; background-color:#fff; }
.logo, .slogan, .phone { float:left; margin-bottom:20px; }
.logo { margin-top:12px; margin-right:7px; }
.phone {
	float:right;
	color:#333; font: 16px Cuprum;
	margin-right:40px; margin-top:20px;
}
.phone span { color:#d2181f; }
/*.slogan { background-color:#d31821; font-size:10.5px; color:#fff; text-transform:uppercase; }*/

.redline { border:none; background:#d31821; height:3px; width:100%; margin:0; }

/* --- top menu --- */
.bg_top_menu { background-color:#414146; width:100%; height:57px; }
.bg_top_menu .container { height:100%; }
.bg_top_menu .container a {
	color:#fff; text-decoration:none;
	display:inline-block;
	font: 18px/55px Cuprum;
	height:100%;
    padding-left:28px;
    padding-right:28px;
}
/*.bg_top_menu .container a:hover, .active { background: url("../img/delta.png") no-repeat #D31821 center bottom; }*/
.bg_top_menu .container li:hover, .active { background: url("../img/delta.png") no-repeat #D31821 center bottom; }

/* --- submenu --- */
ul.container li { height:100%; position:relative; float:left; }
ul.container li div {
	display:none;
	left:0;/* top:57px;*/
	position:absolute;
	z-index:100;
}
ul.container li div a {
	height:auto !important;
	background-color:#dc585f;
	display:block; opacity:0.85;
	white-space:nowrap;
	width:100%; margin-top:1px;
	padding: 0 0 0 10px !important;
	font: 14px/42px Cuprum !important;
}
ul.container li div a:hover { opacity:1; }
ul.container li:hover div { display:block; }
/* --- end style submenu --- */

hr.line {
	-webkit-transform:rotate(120deg);
	   -moz-transform:rotate(120deg);
		-ms-transform:rotate(120deg);
			transform:rotate(120deg);
}

/* --- content --- */
.front_image { margin-top:17px; margin-bottom:22px; position:relative; }
.roof, .proofing {
	position:absolute;
	width:353px; height:62px;
	top:0; right:0;
	font: 700 18px Cuprum; color:#fff;
	background: url("../img/bg-2.png") no-repeat right top;
	box-sizing:border-box; padding-left:50px;
}
.roof span {
	width:100%;
	vertical-align:middle;
	display:inline-block;
}
.proofing {
	top:auto; right:auto;
	bottom:0; left:0;
	background: url("../img/bg-1.png") no-repeat right top;
	padding-left:35px;
}
.roof .fix, .proofing .fix { display:inline-block; height:100%; vertical-align:middle; width:0; }

.container h1, .container h2 { font:24px Cuprum; margin-left:8px; }

.about {
	margin-top:20px; margin-bottom:20px;
	background: url("../img/about.png") no-repeat 50% 0%;
	height:118px; min-width:960px;
}
.lifework, .implemented, .technology {
	float:left; /*max-width:33.3%;*/
	width:280px;
	font: 30px Play; height:100%;
	box-sizing:border-box;/*padding-box;*/
}
.lifework div, .implemented div, .technology div { font: 13px Arial, sans-serif; color:#333; }
.redtext { color:#d21820; font-size:60px; }
.lifework { /*background: url("../img/lifework.png") no-repeat left top;*/ font-size:60px; margin-left:8px; }
.implemented { font-size:40px; width:350px; margin-left:27px; }
.technology {
/*	background: url("../img/technology.png") no-repeat left top;*/
	margin-left:38px;
/*	left:648px; */line-height:25px;
	padding-left:76px; padding-top:8px;
	width:256px;
}
.technology div { margin-left:-88px; margin-top:12px; }
hr.slash { /*float:left;*/ -moz-transform:rotate(101deg); border:none; background:#d62c34; height:1.5px; width:100%; margin-left:130px; }

.directions {
	background: url("../img/directions.png") no-repeat center;
	/*width:935px;*/ height:285px;
	margin: 20px auto;
	font-size:1px;
}
.directions > span {
	display:inline-block;
	width:49.9%; height:50%;
	font-size:12px;
	box-sizing:border-box;
	padding: 20px 25px 0 50px;
	line-height:19px;
}
.directions span.description {
/*	box-sizing:border-box;*/
	font-size:14px; color:#FFF;
	line-height:20px;
	padding: 33px 15px 0 135px;
	vertical-align:top;
}
.directions span h4 { font-size:16px; margin-bottom:10px; }
.directions span .redtext { font-size:inherit; font-weight:600; }

.directions, .projects { width:935px; }

.project { float:left; margin-bottom:15px; }
a.project {
	float:right; color:#0080ed;
	font-size:16px;
	margin-top:8px;
}
.projects { margin: 0 auto 20px; }
.projects > img, .projects > a { float:left; /*margin-left:10px;*/ margin-right:11px; }
.projects > img:last-of-type, .projects > a:last-of-type { margin-right:2px; }
.projects .description {
	float:right;
	width:49.5%; height:147px;
	background-color:#fff;
	font-size:12px;
    line-height:21px;
    padding: 15px 10px 2px 20px;
	border-bottom: 3px solid #d31821;
	box-sizing:border-box;
}

/* --- footer --- */
.footer { width:100%; background-color:#e8e8e8; margin-top:41px; color:#333; font-size:12px; clear:both; }
.footer .container > div {
	float:left; max-width:25%;
	margin: 35px auto 42px 12px;
}
.footer .container .phone {
	background: url("../img/phone.png") no-repeat 0% 10%;
	padding-left:25px; font:inherit;
	margin-left:50px; margin-right:50px;
}
.footer .container > div, .footer .container .phone { line-height:19px; }
.footer .container .phone a { color:#333; text-decoration:underline; }
.footer .container .phone a:hover { text-decoration:none; }
.contacts { background: url("../img/mark.png") no-repeat 0% 10%; padding-left:25px; }
.animatika { float:right !important; margin-right:12px; }
.animatika a { color:#0080ed; }

.inside h2 { margin-left:2px; margin-bottom:15px; }
.inside h3 { font: 20px Cuprum; }
.inside > p { margin-bottom:10px; }
.contact_details, .map {
	float:left; width:50%;
	margin-top:30px;
	margin-bottom:35px;
}
.path { font-size:13px; color:#333; margin-top:19px; margin-bottom:31px; }
.contact_details { font: 18px/25px Tahoma; }
.phem { font-size:14px; margin-top:35px; margin-left:25px; }
.contact_details h3 { margin-top:20px; }

.contact_details form { width:425px; }
.contact_details form div.label {
	font: 14px Tahoma; color:#333;
	margin-top:20px; margin-bottom:5px;
}
.contact_details form input, .contact_details form textarea {
	width:100%; height:35px;
	border: 1px solid #c6c6c6;
}
.contact_details form textarea { height:110px; }

.contact_details form input[type=submit] {
	width:auto; color:#fff;
	background-color:#d31821;
	font: 700 18px Cuprum;
	border:none; display:block;
	padding: 0 25px 2px;
	margin: 15px auto 0;
	cursor:pointer;
}
.map { padding-left:20px; box-sizing:border-box; }
.map h3 { margin-bottom:20px; }
.map > ymaps { border: 3px solid #c6c6c6; }

.warnText { font: 14px Tahoma; color:#D2181F; overflow:hidden; }

.subh { color:#333; font: 16px/22px Tahoma; margin-top:7px; margin-bottom:25px; }
.list { overflow:hidden; margin-bottom:15px; height:70px; }
.img_block { float:left; margin-right:20px; width:90px; text-align:center; }
.txt_block { display:inline-block; vertical-align:middle; max-width:850px; margin-bottom:7px; }
.txt_block > a { color:#007feb; font-size:18px; }
.txt_block span { display:block; color:#333; font: 13px Tahoma; margin-top:5px; }
.vfix { display:inline-block; vertical-align:middle; height:100%; width:0; }

.depiction {
	width:100%;
	padding:15px 17px;
	margin-top:15px;
	border: 1px solid #d31821;
	font: 14px/21px Tahoma;
	color:#333;
	background-color:#fff;
}
.depiction p { margin-bottom:15px; }
.depiction p:last-of-type { margin-bottom:0px; }

.photo_gallery { overflow:hidden; margin-top:30px; }
.photo_item {
	float:left;
	border:3px solid #d31821;
	margin-right:8px; margin-top:8px;
	width:115px; height:85px;
	text-align:center;
}
.photo_item a { display:inline-block; vertical-align:middle; }

/* --- pagination --- */
.pager {
    font-size: 0;
    text-align: center;
}
.pager * { font-size:14px; }
.pager_prev {
    background: url("../img/pager_prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    margin: 1px 11px 0 0;
    vertical-align: top;
    width: 12px;
}
.pager_next {
    background: url("../img/pager_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    margin: 1px 0 0 11px;
    vertical-align: top;
    width: 12px;
}
.pager_item {
    border-color: #CBDDE6;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    vertical-align: top;
    width: 23px;
}
.pager > .pager_item ~ .pager_item { border-left: medium none; }
span.pager_item {
    background: none repeat scroll 0 0 #329CE9;
    border-bottom: medium none !important;
    border-top: medium none !important;
    color: #FFFFFF;
    height: 25px;
    line-height: 25px;
    width: 23px;
}

/* --- list of subsections --- */
.nc_subdivision_list { margin-top:12px; }
.sub_list { line-height:27px; }
.sub_list a { color:#007FEC; }

.list_point {margin:3px 0 10px 20px;}
.list_point > li { margin-bottom:3px; background:url(/img/dot.png) no-repeat left center; padding:2px 0 2px 10px;}
/*
.list_point > li:before {
    color:#d21820; content:"•";
    padding-right:10px;
}
*/