/* boilers */

.boilers-intro {
	color    : #444;
	width: calc(99% - 270px);
	width: 99%;
	float: left;
	margin-right: 1%;
}

@media all and (max-width:670px) {
	.boilers-intro {
		width: 99%;
		float: none;
	}
}

.boilers-group-title {
	color    : #000 !important;
	font-weight: bold;
	clear: left;
}

.boilers-menu {
}

.boilers-menu .item {
}

.boilers-menu .item2 {
}

ul.boilers {
	width: calc(99% - 270px);
	width: 99%;
	float: left;
	margin    : 50px 1% 30px 0;
}

#boilers-by-alpha .boilers {
	width: 99%;
	float: none;
}

@media all and (max-width:670px) {
	ul.boilers {
		width: 99%;
		float: none;
	}
}

ul.models {
	width: 100%;
	margin-right: 0;
}

#content.boilers, #categories-out.boilers {
	margin-top    : 0;
	margin-bottom: 0;
}

.boilers li.group, .boilers li.model, .boilers li.brand {
	list-style: none;
	float     : left;
	min-height: 350px;
	overflow  : hidden;
	margin-right: 1%;
}

.models li {
	float     : left;
	width     : calc(48.5% - 135px);
	width: 48.5%;
	min-width : 280px;
	height    : 360px;
	margin    : 0px 1% 35px 0px;
	overflow  : hidden;
	border    : 1px solid #ECE9E2;
	background: #ECE9E2;
}

@media all and (max-width:940px) {
	.models li {
		float : none;
		width : calc(98.5% - 270px);
		width: 98.5%;
	}
}

@media all and (max-width:670px) {
	.models li {
		float     : none;
		width     : 98%;
		max-width : 650px;
		margin    : 0px auto 35px auto;
	}
}

.models li:hover {
}

.boilers li .pic {
	display   : block;
	position  : relative;
	width     : 217px;
	height    : 217px;
	overflow  : hidden;
	text-align: center;
}

.boilers li .pic img {
	height    : 100%;
}

.models li .pic {
	float     : left;
	position  : relative;
	width     : 50%;
	max-width: 240px;
	height    : 100%;
	background: #fff;
	text-align: center;
}

.models li .pic img {
	width     : 80%;
	max-height: 165px;
	margin-top: 10px;
}

.models li .pic .btn {
    display   : block;
    width     : 66%;

	outline   : 0px none;
    padding   : 5px 2%;
    margin    : 20px 15% 0 15%;

    color     : #fff;
    text-align: center;
    text-decoration: none;
    cursor    : pointer;

    border    : 1px solid #CCC;
    border-color: #DBDBDB #CDCDCD #C3C3C3;
    border-radius: 3px;

    background: none repeat scroll 0% 0% #4B8DF9;
}

.models li .pic .btn:hover {
    color     : #fff;
    border-color: #D86C1B;
    background: none repeat scroll 0% 0% #FF911B;
}

/*.boilers li .pic img {
	opacity   : 0.9;
	filter    : progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

.boilers li .pic:hover img {
	opacity   : 1;
	filter    : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}*/

.boilers li .pic i {
	display   : block;
	width     : 217px;
	height    : 217px;
	position  : absolute;
	left      : 0px;
	top       : 0px;
	z-index   : 109;
	background: url('../i/bg220.png');
}

.boilers li .ttl {
	color     : #fff;
	font-size : 1.2em;
	display   : block;
	width     : 180px;
	padding   : 10px;
	margin    : 10px auto 0px auto;
	background: #679302;
	text-align: center;
	text-decoration: none;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.boilers li .ttl:hover {
	background: #3B80EE;
}

.boilers .brand .pic img {
	margin    : 0 auto;
}

.models li .info {
	float     : left;
	width     : 50%;
	height    : 100%;
	overflow  : hidden;
	background: #ECE9E2;
}

.models li .info .in {
	font-size : 0.8em;
	padding   : 20px 5px 0px 15px;
}

.models li .info .in b {
	font-size : 0.9em;
	color     : #AEABA6;
}

.models li .info .in a {
	color     : #000;
	text-decoration: none;
}

.models li .info .in a:hover {
	color     : #4B8DF9;
	text-decoration: underline;
}

.models li .ttl {
	color     : #2B2A28;
	font-size : 1.1em;
	display   : block;
	padding   : 20px 0 0px 10px;
	margin    : 0;
	background: none;
	text-align: left;
	text-decoration: none;
}

.models li .ttl:hover {
	color     : #4B8DF9;
	text-decoration: underline;
	background: none;
}

.models li .ttl b {
}

.models li .ttl span {
	font-size: 0.9em;
}

.boilers-intro {
	color     : #333;
	font-size : 0.8em;
}

.boilers-model {
	margin    : 30px 0 0 0;
}

.boilers-model-title {
}

.boilers-model-title, .boilers-model-title * {
	color     : #000;
}

.boilers-model-title b {
	font-size : 1.2em;
}

.boilers-model-title span {
	font-size : 0.9em;
}

.boilers-model-pic {
	margin     : 0 10px 0 0;
}

.boilers-tech {
	margin     : 20px 0 20px 0px;
}

.boilers-tech .in {
	float     : left;
	width     : 190px;
	margin    : 0 10px 0 0;
}

.boilers-tech b {
	color     : #719F02;
	font-size : 1.1em;
	font-weight: normal;
	text-transform: uppercase;
}

.boilers-models-title b {
	font-size : 1.5em;
	line-height: 1em;
}

#boiler-price {
	width     : calc(99% - 270px);
	float     : left;
	min-width : 660px;
	border    : none;
}

@media all and (max-width:960px){
	#boiler-price {
		width     : 100%;
		float     : none;
	}
}

#person-page #boiler-price {
	width: 100%;
	float: none;
}

#boiler-price th {
	color     : #fff;
	padding   : 5px;
	background: #4B8DF9;
}

#boiler-price td {
	padding   : 8px 5px;
}

#boiler-price tr:nth-child(odd) td {
	background: #efefef;
}

#boiler-price th.f-company {
	width     : 160px;
}

#boiler-price th.f-model {
	min-width     : 160px;
	width     : auto;
}

#boiler-price th.f-price {
	width     : 200px;
}

#boiler-price .f-price price, .boxpopup-in price {
	display   : inline;
	color     : #FD5821;
}

#boiler-price .f-price gray, .boxpopup-in gray {
	display   : inline;
	color     : #777;
}

#boiler-price .f-link a.btn {
	display   : block;
	padding   : 4px 10px;
	color     : #fff;
	background: #5A810C;
	text-decoration: none;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#boiler-price .f-link a.btn:hover {
	background: #4B8DF9;
}

.boxpopup-in h1 {
	font-weight: bold;
	color     : #000;
	margin    : 0 0 20px 0;
}

.boxpopup-in {
	position: fixed;
	top: 10%;
	left: 50%;
  margin-left: -200px;
	width: 60%;
	max-width : 450px;
	height : 450px;
	padding   : 20px;
	background: #fff;
	
	border    : 1px solid #DFDFDF;
	border-right:5px solid #D8D8D8;
	border-bottom:5px solid #D8D8D8;
}

@media all and (max-width:580px){
	.boxpopup-in {
		top: 5%;
		left: 5%;
		width: 90%;
	}
}

#content.boilers .a270 {
	margin-bottom: 20px;
}

.boilers-model .a270 {
	float: right;
	margin-left: 10px;
}

@media all and (max-width:800px){
	.boilers-model .a270 {
		float: none;
		margin-left: initial;
	}
}

#pt1b ul, #pt1b ol {
  margin-left: 5%;
}