div.elements {
	
}

div.elements div.items {
	
}

div.elements div.items div.item {
	
}

div.page.portfolioarch .pps.pps_button.pps_button3 input {
	font-size: 100%;
	font-weight: normal;
}


div.page.que {
	background-color: #b8cfdb;
	padding: 60px 0 40px 0;
	color: black;
	overflow: hidden;
}

div.page.que div.img {
	margin: 0 auto;
	max-width: 185px;
	
}

div.page.que div.title {
	margin-top: 20px;
	font-weight: 700;
}

div.page.que div.descr {
	text-transform: lowercase;
}

div.page.que div.form>div{
	border-color: transparent;
	
}

div.page.que div.form label.pps.pps_area textarea {
	height: 120px;
	padding: 10px 5px ;
}

div.page.que div.form label.pps.pps_input input {
	height: 40px;
}

div.page.calc {
	padding-top: 60px;
	padding-bottom: 60px;
	background: url(/files/template/iz/bg.archcalc.jpg) center center;
	min-height: 800px;
	color: black;
	overflow: hidden;	
}

div.page.calc .titleh1,
div.page.calc h1,
div.page.calc div.h1Line,
div.page.calc div.items {
	z-index: 3;
	position: relative;
}

div.page.calc div.p01 {
	position: absolute;
	max-width: 328px;
	width: 100%;
	height: 77px;
	background: url(/files/template/iz/007.png) 0 0 no-repeat;
	background-size: 100% auto;
	top: -30px;
	right: 300px;
	z-index: 2;
}

div.page.calc div.p02 {
	position: absolute;
	max-width: 470px;
	width: 100%;
	height: 326px;
	background: url(/files/template/iz/008.png) 0 0 no-repeat;
	background-size: 100% auto;
	top: -30px;
	right: 150px;
	z-index: 1;
}

div.page.calc form {
	padding: 0 10px;
}

div.page.calc div.item {
	
}

div.page.calc div.item div.num {
	display: inline-block;
	font-weight: 700;
	font-size: 350%;
	color: #b9845c;
	padding: 0 30px 0px 0; 
}

div.page.calc div.item div.title {
	display: inline-block;
	font-weight: 700;
	font-size: 130%;
	text-transform: uppercase;
	color: #424242;
}

div.page.calc div.item div.title i {
	cursor: pointer;
	color: #ab8f7a;
}

div.page.calc div.item div.help {
	display: inline-block;
}

div.page.calc label.pps1.pps_range1 {
	height: 40px;
}

div.page.calc label.pps1.pps_range1 div.descr {
	margin: 20px 0 30px 0;
	font-size: 120%;
}

div.page.calc label.pps.pps_range1 sup {
	font-size: 70% !important;
	font-weight: 700;
}

div.page.calc label.pps.pps_range1 div.descr * {
	font-size: inherit;
}

div.page.calc div.rangeActive1 {
	margin-top: 20px;
	font-size: 100%;
	color: #a5a5a5;
	display: none;
}


div.page.calc div.rangeActive1 hr {
	color: #e0e0e0;
	width: 65%;
	margin: 0 auto;
	margin-top: 10px;
}


div.page.calc div.rangeActive1 span input {
	display: inline-block;
	width: 50px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	text-align: center;
}			
			
			
			


div.page.calc div.rangeActive2 {
	margin-top: 20px;
}

div.page.calc div.rangeActive2 .item2 {
	background: white;
}

div.page.calc div.rangeActive2 .item2 {
	border: 4px solid #f9f9f9;
	padding: 5px 0;
	cursor: pointer;
}

div.page.calc div.rangeActive2 .item2:hover {
	background: #f8e8db;
	
}

div.page.calc div.rangeActive2 .item2:active,
div.page.calc div.rangeActive2 .item2.active {
	background: #efd0b8;
}

div.help2 {
	background: #d0e3ec;
	color: black;
	text-shadow: 0 0 0 black;
	border: 2px solid #666;
	font-weight: normal;
	padding: 10px;
}

.help2:after {
	border-color: transparent;
}

div.page.calc {
	
}

div.page.calc .page2 {

}

div.page.calc div.labels {
	padding-bottom: 20px;
	width: auto;
	margin: 0 50px;
}

div.page.calc div.labels.labels1 {
	font-size: 120%;
	background: transparent;
	position: relative;
	z-index: 0;
}

div.page.calc div.labels.labels2 {
	background: #f9f9f9;
	min-height: 400px;
}

div.page.calc div.labels.labels2 div.item {
	padding: 20px 20px 0 20px;
}

div.page.calc div.labels.labels2 div.item div.title2 {
	font-weight: 700;
	font-size: 90%;
	padding-bottom: 10px;
	position: relative;
}
div.page.calc div.labels.labels2 div.item div.title2.title2spalni span {
	padding-left: 45px;
}

div.page.calc div.labels.labels2 div.item div.title2.title2spalni:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 45px;
	bottom: 0;
	background: url(/files/template/iz/ico.bed2.png) 0 0 no-repeat;
}

div.page.calc div.labels.labels2 div.item div.title2.title2sanuzli span {
	padding-left: 45px;
}
div.page.calc div.labels.labels2 div.item div.title2.title2sanuzli:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 45px;
	bottom: 0;
	background: url(/files/template/iz/ico.wc2.png) 0 0 no-repeat;
}

a.reset {
	color: #424242;
	font-size: 100%;
	text-decoration: underline;
	position: relative;
	margin-right: 40px;
}

a.reset:after {
	content: "\f00d";
	color: #424242;
	font-size: 14px;
	width: 30px;
	height: 30px;
	line-height: 150%;
	font-family: 'FontAwesome';
	position: absolute;
	
	padding: 0px 0px 0 0px;
	text-align: center;
	top: 0px;
}


div.page.calc .formcontacts>div {
	border-width: 15px;
	border-color: transparent;
}

div.page.calc .formcontacts label.pps.pps_input input {
	height: 35px;
	box-shadow: inset 1px 1px 0 #bebebf;
}

div.page.calc .formcontacts label.pps.pps_button input {
	width: 100%;
	padding: 0 10px;
	height: 30px;
	text-transform: none;
}

div.page.calc .formcontacts {
	
}

div.page.calc .formcontacts {
	
}

div.page.calc #archForm.finalmessage {
	padding: 200px 0;
	position: relative;
}


@media screen and (max-width: 1650px) {
	div.page.calc div.p01 {
		top: 50px;
		right: 50px;
		max-width: 290px;
		
	}
	div.page.calc div.p02 {
		top: 30px;
		right: 20px;
		max-width: 415px;
		
	}
}


@media screen and (max-width: 768px) {
	div.page.calc div.p01 {
		top: 50px;
		right: 50px;
		max-width: 250px;
		
	}
	div.page.calc div.p02 {
		top: 30px;
		right: 20px;
		max-width: 356px;
		
	}
	div.page.calc div.labels {
		
		width: auto;
		margin: 0 0px;
	}}