@font-face {
    font-family: 'pf_din_text_comp_pro';
    src: url('fonts/pfdintextcomppro-light-webfont.eot');
    src: url('fonts/pfdintextcomppro-light-webfontd41d.eot#iefix') format('embedded-opentype'),
         url('fonts/pfdintextcomppro-light-webfont.woff') format('woff'),
         url('fonts/pfdintextcomppro-light-webfont.ttf') format('truetype'),
         url('fonts/pfdintextcomppro-light-webfont.svg#pf_din_text_comp_prolight') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'pf_din_text_cond_pro';
    src: url('fonts/pfdintextcondpro-light_0-webfont.eot');
    src: url('fonts/pfdintextcondpro-light_0-webfontd41d.eot#iefix') format('embedded-opentype'),
         url('fonts/pfdintextcondpro-light_0-webfont.woff') format('woff'),
         url('fonts/pfdintextcondpro-light_0-webfont.ttf') format('truetype'),
         url('fonts/pfdintextcondpro-light_0-webfont.svg#pf_din_text_cond_prolight') format('svg');
    font-weight: normal;
    font-style: normal;}

* { margin:0;padding:0;}
html {height:100%;}
body {width:100%; background: url(body_bg.jpg) 0 0 repeat;}

.wrapper {
	/*min-width:1100px;
	width:1100px;*/
	margin:0 auto;}

ol, ul {list-style:none;}
a{text-decoration:none;}
button {border:0;outline:0;}
.clear {clear:both;width:100%;}
.green{color:#47ae51;}
.violet{color:#755dce;}
.top_wrap {
	width:100%;
	height:20px;
/*	background: url(https://lica-potolka.odessa.ua/wp-content/themes/lica/constructor/shadow2.png) 0 0 repeat-x; */
	position: relative;
	z-index: 600;}
.bot_wrap {
	width:100%;
	height:20px;
/*	background:url(https://lica-potolka.odessa.ua/wp-content/themes/lica/constructor/shadow.png) 0 0 repeat-x; */
	position: relative;
	z-index: 601;}
/* Header
-----------------------------------------------------------------------------*/


/* Navi
-----------------------------------------------------------------------------*/
.navi {
	min-width:1100px;
	height:39px;
	width:100%;
	position:relative;
	z-index:999;
	background:#7e64de;}
	.navi ul {
		position:relative;
		left:0px;
		top:0px;
		height:39px;
		width:auto;
		text-align:center;
		padding:0 0 0 0;}
		.navi ul li{
			display:inline-block;
			height:39px;
			margin:0 -2px;}
		.navi ul li:hover{
			background:#fff;}
			.navi ul li a{
				font-family:'pf_din_text_cond_pro';
				font-size:20px;
				line-height:41px;
				color:#fff;
				text-decoration:none;
				padding:9px 15px 7px;}
			.navi ul li a:hover{
				color:#47ae51;}
/* Present
-----------------------------------------------------------------------------*/

/* Constructor
-----------------------------------------------------------------------------*/
.constructor {
	/*min-width:1100px;*/
	min-width: 700px;
	width:100%;
	height:760px;
}
	/*title*/
	.constructor .title-c {
		text-transform:uppercase;
		font-family: 'pf_din_text_cond_pro';
		font-size:36px;
		color:#ffffff;
		/*padding:47px 0 0 300px;*/
		text-align:center;
		background-color:#EA4242;
		padding:10px 20px;
		margin-bottom:40px;
		letter-spacing:-0.2px;}
		.constructor .title-c span {
			font-family: 'pf_din_text_cond_pro';}
	/*constructor box*/
	.constructor .box {
		width:760px;
		/*margin:29px 0 57px 369px;*/
		margin: 33px 0 37px 40px;
		}
	/*block_room*/
		.constructor .box .block_room {
			width:361px;
			height:545px;
			float:left;
			position:relative;
			}
			.constructor .box .block_room img.const_wrap {
				position:absolute;
				top:0;
				left:0;
				width:361px;
				height:545px;
				z-index:10;}
			.constructor .box .block_room img.room_bg_layer {
				position:absolute;
				top:0;
				left:0;
				width:361px;
				height:545px;
				z-index:20;}
			.constructor .box .block_room img.top_layer {
				width:361px;
				height:185px;
				position:absolute;
				top:0;
				left:0;
				z-index:30;}
			.constructor .box .block_room .wall {
				position:absolute;
				top:0;
				left:0;
				width:361px;
				height:185px;
				background:#fff;
				z-index:5;
				-webkit-transition:background-color 0.5s;
				-moz-transition:background-color 0.5s;}
		.constructor .box .color_change {
			height:545px;
			width:305px;
			float:left;
			padding-left:20px;}
			/*color_change >>> ceiling*/
			.constructor .box .color_change p.box_title {
				font-family: 'pf_din_text_cond_pro';
				font-size:36px;
				font-weight: bold;
				color:#000;
				padding:18px 0 0 7px;
				text-transform:uppercase;}
			.constructor .box .color_change .color_change_ceiling {
				margin:9px 0 0 8px;}
			.constructor .box .color_change .color_change_ceiling span {
				width:30px;
				height:30px;
				border:1px solid #000;
				border-radius:50px;
				display:inline-block;
				margin:0 1px 0 0;
				padding:0;
				cursor:pointer;}
				.constructor .box .color_change .color_change_ceiling span div {
			/*		background:url(https://lica-potolka.odessa.ua/wp-content/themes/lica/constructor/visible_span.png) 0px 0px no-repeat; */
					width:32px;
					height:32px;}
			/*color_change >>> ceiling >>> color*/
			.constructor .box .color_change .color_change_ceiling span._FFFFFF {background:#FFFFFF;}
			.constructor .box .color_change .color_change_ceiling span._FFFFCC {background:#FFFFCC;}
			.constructor .box .color_change .color_change_ceiling span._FFCC00 {background:#FFCC00;}
			.constructor .box .color_change .color_change_ceiling span._FF9999 {background:#FF9999;}
			.constructor .box .color_change .color_change_ceiling span._FF3333 {background:#FF3333;}
			.constructor .box .color_change .color_change_ceiling span._FF99FF {background:#FF99FF;}
			.constructor .box .color_change .color_change_ceiling span._9966FF {background:#9966FF;}
			.constructor .box .color_change .color_change_ceiling span._CCCCFF {background:#CCCCFF;}

			.constructor .box .color_change .color_change_ceiling span._000000 {background:#000000;}
			.constructor .box .color_change .color_change_ceiling span._CCCCCC {background:#CCCCCC;}
			.constructor .box .color_change .color_change_ceiling span._666666 {background:#666666;}
			.constructor .box .color_change .color_change_ceiling span._3366FF {background:#3366FF;}
			.constructor .box .color_change .color_change_ceiling span._006633 {background:#006633;}
			.constructor .box .color_change .color_change_ceiling span._33CC66 {background:#33CC66;}
			.constructor .box .color_change .color_change_ceiling span._66CC33 {background:#66CC33;}
			.constructor .box .color_change .color_change_ceiling span._CCFF33 {background:#CCFF33;}
			/*color_change >>> wall*/
			.constructor .box .color_change p.box_title_bot {
				font-family: 'pf_din_text_cond_pro';
				font-size:36px;
				color:#000;
				font-weight: bold;
				padding:20px 0 0 7px;
				text-transform:uppercase;}
			.constructor .box .color_change p.unit_wall {
				width:345px;
				margin:9px 0 9px 0;}
				.constructor .box .color_change p.unit_wall span {
					font-family: 'pf_din_text_cond_pro';
					font-size:20px;
					color:#000;
					text-transform:uppercase;
					cursor:pointer;
					border-bottom:1px solid #000;
					margin:0 0 0 8px;}
				.constructor .box .color_change p.unit_wall span:hover {
					border-bottom:none;}
					.constructor .box .color_change p.unit_wall span.act {
						border-bottom:none;
						cursor:default;}
			.constructor .box .color_change .color_change_wall {
				width:345px;
				height:225px;
				cursor:pointer;}
			.constructor .box .color_change .color_change_wall #mat {
				display:none;}
			.constructor .box .color_change .color_change_wall #sateen {
				display:none;}

			.constructor .box .color_change .color_change_wall div{
				width:325px;
				margin:18px 0 0 8px;}
			.constructor .box .color_change .color_change_wall span {
				width:30px;
				height:30px;
				display:inline-block;
				margin:0 1px 0 0;
				padding:0;
				cursor:pointer;
				border:1px solid #000;
				border-radius:50px;}
			.constructor .box .color_change .color_change_wall span div {
			/*	background:url(https://lica-potolka.odessa.ua/wp-content/themes/lica/constructor/visible_span.png) 0 0 no-repeat; */
				width:32px;
				height:32px;
				margin:0;}

			/*color_change >>> wall >>> color*/
			.constructor .box .color_change .color_change_wall span._FFFFCC {background:#FFFFFF;}
			.constructor .box .color_change .color_change_wall span._d8dacc {background:#d8dacc;}
			.constructor .box .color_change .color_change_wall span._e1ddc4 {background:#e1ddc4;}
			.constructor .box .color_change .color_change_wall span._bdbfaa {background:#bdbfaa;}
			.constructor .box .color_change .color_change_wall span._bbc0bc {background:#bbc0bc;}
			.constructor .box .color_change .color_change_wall span._9ca499 {background:#9ca499;}
			.constructor .box .color_change .color_change_wall span._547073 {background:#547073;}
			.constructor .box .color_change .color_change_wall span._000000 {background:#000000;}

			.constructor .box .color_change .color_change_wall span._d0dcea {background:#d0dcea;}
			.constructor .box .color_change .color_change_wall span._c7d7e7 {background:#c7d7e7;}
			.constructor .box .color_change .color_change_wall span._aac2da {background:#aac2da;}
			.constructor .box .color_change .color_change_wall span._8fa6b4 {background:#8fa6b4;}
			.constructor .box .color_change .color_change_wall span._466c99 {background:#466c99;}
			.constructor .box .color_change .color_change_wall span._17268d {background:#17268d;}
			.constructor .box .color_change .color_change_wall span._7aa6d7 {background:#7aa6d7;}
			.constructor .box .color_change .color_change_wall span._4291af {background:#4291af;}

			.constructor .box .color_change .color_change_wall span._d7d7e4 {background:#d7d7e4;}
			.constructor .box .color_change .color_change_wall span._a3a8ae {background:#a3a8ae;}
			.constructor .box .color_change .color_change_wall span._aca3be {background:#aca3be;}
			.constructor .box .color_change .color_change_wall span._c7aed5 {background:#c7aed5;}
			.constructor .box .color_change .color_change_wall span._ad83ab {background:#ad83ab;}
			.constructor .box .color_change .color_change_wall span._36274e {background:#36274e;}
			.constructor .box .color_change .color_change_wall span._8f4b7e {background:#8f4b7e;}
			.constructor .box .color_change .color_change_wall span._702949 {background:#702949;}

			.constructor .box .color_change .color_change_wall span._dea9a3 {background:#dea9a3;}
			.constructor .box .color_change .color_change_wall span._8d3618 {background:#8d3618;}
			.constructor .box .color_change .color_change_wall span._7f4923 {background:#7f4923;}
			.constructor .box .color_change .color_change_wall span._ffffd6 {background:#ffffd6;}
			.constructor .box .color_change .color_change_wall span._ffcea3 {background:#ffcea3;}
			.constructor .box .color_change .color_change_wall span._ecd4a4 {background:#ecd4a4;}
			.constructor .box .color_change .color_change_wall span._cb9c32 {background:#cb9c32;}
			.constructor .box .color_change .color_change_wall span._ab7f38 {background:#ab7f38;}

			.constructor .box .color_change .color_change_wall span._a9dc7f {background:#a9dc7f;}
			.constructor .box .color_change .color_change_wall span._6cb967 {background:#6cb967;}
			.constructor .box .color_change .color_change_wall span._28945a {background:#28945a;}
			.constructor .box .color_change .color_change_wall span._40996d {background:#40996d;}
			.constructor .box .color_change .color_change_wall span._186845 {background:#186845;}
			.constructor .box .color_change .color_change_wall span._aab652 {background:#aab652;}
			.constructor .box .color_change .color_change_wall span._96ab80 {background:#96ab80;}
			.constructor .box .color_change .color_change_wall span._465d27 {background:#465d27;}

			.constructor .box .color_change .color_change_wall span._fffec4 {background:#fffec4;}
			.constructor .box .color_change .color_change_wall span._ffff98 {background:#ffff98;}
			.constructor .box .color_change .color_change_wall span._fefa75 {background:#fefa75;}
			.constructor .box .color_change .color_change_wall span._ffff8b {background:#ffff8b;}
			.constructor .box .color_change .color_change_wall span._feff6e {background:#feff6e;}
			.constructor .box .color_change .color_change_wall span._ffd243 {background:#ffd243;}
			.constructor .box .color_change .color_change_wall span._fe892c {background:#fe892c;}
			.constructor .box .color_change .color_change_wall span._e5561c {background:#e5561c;}
			/*form_act*/
			.constructor .box .color_change .form_act {
				width:205px;
				height:65px;
				background:url(button.png) 0 0 no-repeat;
				margin:0px 0 0 58px;}
				.constructor .box .color_change .form_act a {
					display:block;
					width:192px;
					height:35px;
					position:relative;
					top:28px;
					left:2px;
					text-indent:-9999px;}

					
#colors-balkon{
	width:100%;
	background-color:#fff;
	padding:20px 0;
	margin-bottom:30px;
	border-radius:5px;
}

#colors-balkon:after,
#colors-balkon .nav:after{
	content:'';
	display:block;
	clear:both;
}

#colors-balkon > div{
	float:left;
	width:50%;
}

#colors-balkon .mainimage{
	padding-left:20px;
}

#colors-balkon .mainimage img{
	max-width:100%;
}

#colors-balkon .panel{
	float:right;
	width:340px;
	padding:10px 20px 10px;
	margin-right:20px;
	/*box-shadow:0 10px 30px rgba(0,0,0,0.2);
	-moz-box-shadow:0 10px 30px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.2);*/
	border-radius:3px;
	border:none;
}

#colors-balkon .panel .ttl{
	text-align:center;
	font-size:20px;
	font-family:'pf_din_text_cond_pro';
	line-height:40px;
	padding:0 20px;
	color:#fff;
	background: #ffb626;
    background: -moz-linear-gradient(top, #ffb626 0%, #ea4242 100%);
    background: -webkit-linear-gradient(top, #ffb626 0%,#ea4242 100%);
    background: linear-gradient(to bottom, #ffb626 0%,#ea4242 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb626', endColorstr='#ea4242',GradientType=0 );
}

#colors-balkon .nav{
	list-style:none;
	margin-bottom:10px;
}

#colors-balkon .nav > li{
	width:33.3%;
	text-align:center;
	line-height:50px;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	border-bottom:2px solid #fff;
}

#colors-balkon .nav .active{
	color:#EA4242;
	font-weight:bold;
}

#colors-balkon .nav .active{
	border-bottom:2px solid #EA4242;
}

#colors-balkon .colors .image{
	position:relative;
	float:left;
	width:80px;
	height:60px;
	margin:10px;
	overflow:hidden;
}

#colors-balkon .colors .image img{
	width:100%;
}

#colors-balkon .colors .image.active:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/check-color.png) 50% 50% no-repeat rgba(0,0,0,0.2);
	z-index:2;
}

#colors-balkon .colors .image:hover,
#colors-balkon .nav > li:hover{
	cursor:pointer;
}

#colors-balkon .colors > div{
	display:none;
}

#colors-balkon .colors > .active{
	display:block;
}