html, body{height: 100%;}
body{
	color: #0e0e0e;
	background-color: #f7f6ef;
	width: 100%;
	font-family: 'Open Sans';
}
input, textarea{
	outline: none;
}
.text-middle br{
	display: none;
}
.header{
	width: 100%;
	height: 58px;
	background-color: #ee3126;
}
h1{
	font: normal 64px/1.1 "DINCondensed", Arial, Helvetica, sans-serif;
	margin: 39px 0 0 0;
	letter-spacing: -2px;
}
h2{
	/*word-spacing: 8px;*/
	font: normal 48px/48px "DINCondensed", Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
}
a{
	color: #0048b3;
}
a:hover{
	color: #ee2e26;
}
.wrap{
	width: 100%;
	margin: auto;
	padding: 0 21px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.breadcrumb{
	float: left;
	margin: 9px 0 0 0;
	padding: 0;
}
.breadcrumb li{
	font-size: 18px;
	font-weight: 300;
	display: inline;
	color: white;
	line-height: 36px;
}
.breadcrumb li:after{
	content: '→';
	font-size: 18px;
	font-family: Arial;
	margin: 0 5px 0 9px;
}
.breadcrumb a{
	text-decoration: none;
	color: white;
}
.breadcrumb a:hover{
	color: white;
}
.cosmos-logo{
	width: 66px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}
.img-block_full{
	width: 100%;
	position: relative;
}
.img-block_full img{
	width: 100%;
	max-width: 1893px;
}
.block_little{
	margin: 10px 16px 0 0;
	display: inline-block;
	vertical-align: top;
}
.web-adress{
	background-color: #fff;
	padding: 15px 18px 17px 39px;
	font-family: 'Open Sans';
}
.web-adress a{
	color: #0048b3;
	font-size: 18px;
	position: relative;
	display: block;
}
.web-adress a:hover{
	color: #ee2e26;
}
.broken-link{
	text-decoration: line-through;
	cursor: default;
}
a.broken-link:hover{
	color: #0048b3;
}
.web-adress img{
	position: absolute;
	left: -26px;
	top: 4px;
}
.web-adress span{
	font-size: 14px;
	color: #999;
}
.text-block{
	font-size: 14px;
	vertical-align: top;
	margin-top: -4px;
	padding: 0 10px;
}
.text-block p{
	margin-top: 26px;
	line-height: 22px;
}
.text_red{
	color: #ee3126;
	font-weight: 700;
}
.text_black{
	font-weight: 700;
}
.img-block{
	margin-top: 38px;
	text-align: center;
	width: 100%;
}
.img-block img{
	width: 100%;
}
.text-middle{
	text-align: center;
	margin: 23px auto 0;
	font-weight: 700;
	font: normal 24px/30px "DINCondensed", Arial, Helvetica, sans-serif;
}
.text-middle span{
	color: #ee3126;
	margin-right: 5px;
}
.block_half{
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	line-height: 23px;
	margin-top: 16px;
}
.block_half:first-child{
	margin-left: 0;
}
.text-right{
	width: 100%;
	margin: 18px 0 0 0;
	font-size: 14px;
	line-height: 23px;
	padding: 0 10px;
}
.team{
	width: 100%;
	background-color: #fff;
	padding: 28px 12% 31px;
	margin-top: 48px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.team-head{
	font: normal 48px/1 "DINCondensed", Arial, Helvetica, sans-serif;
	display: block;
}
.team-list{
	font-size: 14px;
	font-style: italic;
	display: block;
	margin: 21px 0;
}
.team-list li{
	margin-bottom: 5px;
}
.team-list span{
	color: #ee3126;
	font-style: normal;
}
.crumbs{
	float: none;
}
.crumbs a{
	color: #0048b3;
	font-size: 14px;
}
.crumbs a:hover{
	color: #ee2e26;
}
.crumbs ul{
	margin: 26px 0;
}
.crumbs li{
	margin-bottom: 2px;
}
.crumbs ul a{
	color: #999;
}
footer .descr article { width: 65% }
footer .slider { max-width: 100%; background: #fff; height: auto; padding-bottom: 13px; }
footer .social { margin-top: 57px; height: 31px; }
footer .cosmos { margin-bottom: 55px; margin-top: 57px; }
footer .cosmos p { margin: 0; max-width: 938px; overflow: hidden;}
footer .cosmos p img { display: block; width: 100%;}
footer .cosmos p span { display: none;}


.b-contact-info{
	width: 240px;
	float: left;
	margin-bottom: 20px;
	font-size: 12px;
	min-height: 55px;
}
.b-contact-info__last{width: 215px;}

footer .footer address { font-style: normal;}
footer .footer .skype { text-decoration: none;}



.b-contact-info a{
	color: #999;
}
.b-contact-info a:hover{
	color: #ee3126;
}

footer .footer { font-size: 12px; line-height: 18px; color: #999; padding: 39px 10px 30px; overflow: hidden; }

footer .footer address { font-style: normal;}
footer .footer .skype { text-decoration: none;}

@media (max-width: 720px) {
	.b-contact-info{width: 33%;}
	.b-hide{
		display: none;
	}

	footer .footer{padding: 39px 0 30px;}
}
@media (max-width: 500px) {
	.b-contact-info{width: 50%;}
	.b-contact-info-wrap{margin-right: -20px}

}

@media (max-width: 720px) {

	.b-hide{
		display: none;
	}
}
.make-order{
	background-color: #0e0e0e;
	margin: 24px 21px 0;
	text-align: center;
}
.btn{
	padding: 7px 12px 10px;
	background-color: #ee3126;
	color: white;
	font-size: 24px;
	font-family: 'Open Sans';
	border: none;
	cursor: pointer;
	margin: 25px auto;
}
.btn:hover{
	background-color: #cb251b;
}

.b-feedback-wrap{
	width: 100%;
	height: 650px;
	background-color: #0e0e0e;
	padding: 36px 0 74px;
	display: none;
	text-align: left;
	position: relative;
}
.b-feedback{
	width: 100%;
	margin: auto;
	/*padding: 0 4%;*/
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-feedback h2{
	color: #ee3126;
	margin: 0 0 0 7px;
	word-spacing: 8px;
}
.b-feedback label{
	display: block;
	margin: 0 0 8px 12px;
	color: white;
	font-size: 14px;
}
.b-input--style, .b-textarea--style{
	height: 62px;
	padding: 4px 10px 8px;
	border: none;
	font-size: 24px;
	color: #0e0e0e;
	font-family: 'Open Sans';
	background-color: #f7f6ef;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-input--style{
	width: 100%;
	height: 50px;
}
.b-textarea--style{
	width: 100%;
	height: 290px;
	resize: none;
}
.b-block__half{
	width: 100%;
	float: left;
	margin-top: 8px;
}
.b-block__mess{
	margin-top: 8px;
	width: 100%;
	float: left;
}
.b-input-wrap, .b-textarea-wrap{
	position: relative;
	margin-top: 13px;
}
.b-btn{
	padding: 7px 12px 10px;
	background-color: #ee3126;
	color: white;
	font-size: 24px;
	font-family: 'Open Sans';
	border: none;
	cursor: pointer;
	margin-top: 47px;
	position: absolute;
	top: 545px;
}
.b-btn:hover{
	background-color: #cb251b;
}
.b-btn:disabled {
	opacity: 0.5;
	cursor: default;
	background: #aaa;
}
.b-errors{
	position: absolute;
	top: 41px;
	right: 12px;
	font-size: 14px;
	color: #ee3126;
	pointer-events: none;
}

.b-done{
	display:none;
	float: right;
	margin-top: 56px;
	color: #ee3126;
}
@media (min-width: 230px){

	.b-textarea-wrap .b-errors{
		right: 12px;
	}
	.b-feedback-wrap section{
		padding: 0 30px;
	}
	.b-block__half, .b-block__mess{
		width: 100%;
	}
	.b-feedback-wrap .b-btn{
		position: absolute;
		top: 650px;
		left: 30px;
		font-size: 22px
	}
	.b-done{
		position: absolute;
		top: 550px;
		right: 30px;
		font-size: 14px
	}

	#contacts .body{
		height: 1247px;
	}
}
@media (min-width: 730px){

	.b-textarea-wrap .b-errors{
	right: -36px;
}
	.b-block__half{
		width: 45%;
		margin-right: 5%;
	}
	.b-block__mess{
		width: 50%;
	}
	#contacts .body{
		height: 984px;
	}
	.b-done,
	.b-feedback-wrap .b-btn{
		position: static;
	}
}
.last-case, .next-case{
	background: url(../img/nav.png) 0 0 no-repeat;
	width: 30px;
	height: 30px;
	position: fixed;
	top: 50%;
	margin-top: -15px;
	z-index: 50;
	background-size: 110px 60px;
}



.last-case{
	background-position: 0 0;
	left: 0;
}
.last-case:hover{
	background-position: 0 -30px;
}
.next-case{
	background-position: -30px 0;
	right: 0;
}
.next-case:hover{
	background-position: -30px -30px;
}
.white-wrap{
	background-color: white;
	padding-bottom: 36px;
}
.white-wrap .text-middle{
	padding: 0 21px;
}
.img_full{
	width: 100%;
	position: relative;
	text-align: center;
}
.img_full img{
	width: 100%;
	max-width: 1807px;
}
.block-leftimg{
	padding: 32px 10px 0;
	margin-top: 32px;
	width: 100%;
}
.block-leftimg img{
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	width: 100%;
}
.block-leftimg p{
	width: 100%;
	margin-top: 21px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 23px;
}
.absolute-block{
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 24px;
	padding: 0 10px;
}
.small-img--text{
	margin: 26px 0 0 0;
	padding: 46px 30px 20px 30px;
	text-align: center;
}
.small-img--text img{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 21px;
}
.small-img--text p{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.7;
}
.mteb-imgs{
	margin: 44px auto 0;
	padding: 20px 0 0 0;
	text-align: center;
}
.mteb-imgs img{
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}
.full-img-wrap{
	width: 100%;
	overflow: hidden;
	margin: 50px 0 -135px;
	position: relative;
}
.full-img-block{
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.logo-block{
	position: relative;
	left: 0;
	right: 0;
	top: -273px;
	margin: auto;
	width: 100%;
	height: 160px;
}
.logo-block img{
	width: 100%;
}
.big-margin{
	margin: 66px auto 62px;
}
.block_little i{
	width: 100%;
	display: block;
	text-align: center;
}
.gratitude{
	width: 250px;
	display: block;
	font-style: italic;
	margin: 20px 0;
	font-size: 14px;
	line-height: 1.7;
	position: relative;
}
.b-details-list{
	margin: 32px 0 27px 0;
	font-size: 14px;
}
.b-details-list li{
	margin-bottom: 5px;
}
.b-details-paragraph{
	margin: 26px 0;
	line-height: 1.7;
	font-size: 14px;
}
.b-download--link{
	font-size: 14px;
	color: #0048b3;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	margin: 24px 0 0;
}
.b-download--link:hover{
	color: #ee2e26;
}
.b-download--link span{
	border-bottom: 1px solid;
}
.download-icon{
	display: inline-block;
	vertical-align: middle;
	background: url(../img/download-icon.png) 0 0 no-repeat;
	width: 28px;
	height: 28px;
	margin-right: 8px;
}
.b-container{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -180px;
}
.b-footer-push{
	height: 180px;
}
@media (min-width: 300px){
	.text-block{
		display: block;
		width: 100%;
	}
	.block_little{
		width: 100%;
	}
}
@media (min-width: 1000px){
	body{
		min-width: 1000px;
	}
	h1{
		font-size: 84px;
	}
	.text-block{
		width: 610px;
		display: inline-block;
	}
	.block_little{
		width: 300px;
	}
	.wrap{
		width: 960px;
		padding: 0;
		position: relative;
	}
	.text-middle{
		width: 800px;
	}
	.block_half{
		width: 455px;
		margin: 20px 0 0 36px;
	}
	.block_half:first-child{
		width: 448px;
		padding-left: 9px;
	}
	.block_half a{
		color: #0048b3;
	}
	.block_half a:hover{
		color: #ee2e26;
	}
	.team{
		padding: 28px 78px 31px 90px;
		position: relative;
	}
	.team-head{
		margin-right: 83px;
		display: inline-block;
		vertical-align: top;
	}
	.team-list{
		margin: 0 0 0 0;
		display: inline-block;
		vertical-align: top;
		width: 392px;
	}
	.text-right{
		margin: 34px 0 0 330px;
		width: 610px;
		padding: 0;
	}
	.make-order{
		width: 960px;
		margin: 24px auto 0;
	}
	.breadcrumb li{
		font-size: 24px;
	}
	.breadcrumb li:after{
		font-size: 30px;
	}
	.b-feedback{
		width: 960px;
		margin: auto;
		padding: 0;
	}
	.b-block__half{
		width: 410px;
		margin-right: 50px;
	}
	.b-block__mess{
		width: 460px;
	}
	.b-input--style{
		width: 410px;
	}
	.b-textarea--style{
		width: 460px;
		height: 290px;
		resize: none;
	}
	.b-feedback-wrap{
		height: 380px;
	}
	.b-btn{
		position: relative;
		top: inherit;
	}
	.white-wrap .text-middle{
		margin-top: -30px;
	}
	.text-middle br{
		display: block;
	}
	.absolute-block{
		width: 280px;
		position: absolute;
		left: 36px;
		top: 18px;
		margin: 0;
		padding: 0;
	}
	.block-leftimg p{
		width: 290px;
	}
	.last-case, .next-case{
		width: 60px;
		height: 60px;
		margin-top: -30px;
		background-size: 220px 120px;
	}
	.last-case{
		background-position: 0 0;
		left: 0;
	}
	.last-case:hover{
		background-position: 0 -60px;
	}
	.next-case{
		background-position: -60px 0;
		right: 0;
	}
	.next-case:hover{
		background-position: -60px -60px;
	}
	.absolute_wide{
		width: 446px;
		left: 8px;
		top: 22px;
	}
	.small-img--text img{
		display: inline-block;
		vertical-align: top;
		margin: 0 41px 0 0;
	}
	.small-img--text{
		text-align: left;
		padding: 46px 0 20px 92px;
	}
	.small-img--text p{
		width: 612px;
	}
	.block_little i img{
		margin: 100px auto 0;
	}
	.full-img-wrap{
		width: 100%;
		overflow: hidden;
		margin: 50px 0 30px;
	}
	.full-img-block{
		width: 1920px;
		position: relative;
		left: 50%;
		margin-left: -960px;
	}
	.logo-block{
		position: absolute;
		left: 0;
		right: 0;
		top: 133px;
		margin: auto;
		width: 650px;
		height: 160px;
	}
	.big-margin{
		margin: 66px auto 62px;
	}
	.web-adress{
		margin-bottom: -8px;
	}
	.crumbs{
		display: inline-block;
		vertical-align: top;
	}
	.gratitude{
		position: absolute;
		width: 180px;
		left: 92px;
		bottom: 35px;
		margin: 0;
	}
	.b-download--link{
		position: absolute;
		right: 42px;
		top: 128px;
		margin: 0;
	}
	.b-details-list{
		margin: 40px 0 0 0;
	}
}
@media (min-width: 1130px){
	.mteb-imgs{
		width: 1095px;
		margin: 44px auto 0;
		padding: 20px 0 0 0;
	}
	.mteb-imgs img{
		margin: 0 0 10px 17px;
	}
}
@media (min-width: 1920px){
	.img-block_full:before{
		content: '';
		position: absolute;
		height: 400px;
		background-color: #95C112;
		width: 100%;
		top: 186px;
		left: 0;
		z-index: -1;
	}
}

.b-container{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -86px;
}
.b-footer-push{
	height: 86px;
}


/* Шапочки из фольги */
#tinfoil-cases { max-width: 1600px; margin: 15px auto 0px;}
#tinfoil-cases .hatItem { float: left; width: 260px; margin: 0 0 20px 0; padding: 0 50px 0 10px; font-size: 12px; line-height: 18px; color: #0e0e0e;}
#tinfoil-cases .hatItem:hover { z-index: 3;}
#tinfoil-cases .hatItem p {margin: 0; overflow: hidden;}
#tinfoil-cases .hatItem h3 { margin: 0 0 2px 0; padding: 0; font: normal 24px/30px "DINCondensed", Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #0e0e0e;}
#tinfoil-cases .hatItem h3 span { display: block;}
#tinfoil-cases .hatItem h3 span:hover{color: #0e0e0e;}
#tinfoil-cases .hatItem figure { display: block; width: 320px; height: 280px; margin: 0 -50px 14px -10px; overflow: hidden; position: relative;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#tinfoil-cases .hatItem figure img { display: block;}
#tinfoil-cases .hatItem figure .imagecolor { position: absolute; top: 0; left: 0; z-index: 1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
}
#tinfoil-cases .hatItem figure .imagebw { display: block;}
#tinfoil-cases .hatItem h3 span:hover figure { z-index: 3;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@media (max-width: 370px){
	#tinfoil-cases .hatItem {box-sizing: border-box; padding: 0 10px 0 10px;}
	#tinfoil-cases .hatItem figure{width: 260px; height: 227px;}
	#tinfoil-cases .hatItem figure img{width: 100%; height: auto;}
}

@media (max-width: 730px){
		#tinfoil-cases .hatItem h3 span:hover figure{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
#tinfoil-cases .hatItem h3 span:hover figure .imagecolor {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: none;}
#tinfoil-cases .w { max-width: 960px; padding: 0; margin-left: auto; margin-right: auto; color: #ee3126;}




/* 12 april 1961 */
.cases-soc{
	text-align: center;
}
.newspaper-link{
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	color: #999;
}
.newspaper-wrap{
	font-size: 0;
	line-height: 0;
}
#tinfoil-cases.newspaper-wrap .hatItem{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	float: none;
	word-spacing: 0px;
}
.ps-text{
	font-size: 13px;
}
.newspaper-ftext article{
	margin: 36px 0;
}



@media (min-width: 380px) { #tinfoil-cases { max-width: 320px;} }
@media (min-width: 720px) { #tinfoil-cases { max-width: 640px;} }
@media (min-width: 1040px) { #tinfoil-cases { max-width: 960px;} }
@media (min-width: 1360px) { #tinfoil-cases { max-width: 1280px;} }
@media (min-width: 1680px) { #tinfoil-cases { max-width: 1600px;} }

.tinfoil-model-head{margin-top: 25px; margin-bottom: 30px;}
.tinfoilAdv{margin-top: 10px; margin-bottom: 25px;}

.tinfoilInner #support-will { float: left; width: 49%; margin: 0; padding: 0 3% 0 0; max-width: none;}
.tinfoilInner #support-can { float: left; width: 48%; margin: 0; padding: 0; max-width: none;}

.tinfoil-quote{display: table; width: 100%; margin: 30px 0px 40px;}
.tinfoil-quote-img{display: table-cell; vertical-align: middle; padding-right: 30px;}
.tinfoil-quote-text{display: table-cell; vertical-align: middle; padding-right: 150px;}
.tinfoil-quote-text h3{  font: 300 24px/30px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, serif; color: #999; margin:0; margin-bottom: 20px;}
.tinfoil-quote-text p{margin: 0 !important;}
@media (max-width: 950px) {
	.tinfoil-quote-text{padding-right: 20px;}
}
@media (max-width: 730px) {
	.tinfoil-quote, .tinfoil-quote-text, .tinfoil-quote-img { display: block;}
	.tinfoil-empty{display: none;}
	.tinfoilInner .b-tarif{margin: 28px 0 4px !important;}
	.tinfoilInner #support-can{margin-top:-20px;}
}

.hat-order{font-weight: bold; color: #0048b3; height: 55px; line-height: 55px; padding: 0 20px 0 15px; display: inline-block; margin-left:-30px; background: #fff; margin-top: -10px;}
.hat-order:hover{border-color:#fff;}
.hat-order .plus{display:inline-block; width:28px; height:28px; background: url(/images/tinfoil/hat-plus.png) no-repeat; background-position: -56px 0; vertical-align: middle; margin-right: 10px;}


.tinfoilInner{font-size: 14px; line-height: 24px;}
.tinfoilInner h1 {margin-bottom: 20px;}
.tinfoilInner h2 {color: #ee3126;}
.tinfoilInner aside {float: right; width: 30%;}
.tinfoilInner article {float: left; width: 65%;}
.tinfoilInner p {margin: 0 0 1.5em 0; padding: 0;}
.tinfoilInner ul { margin:0 0 15px 0; padding:0; list-style:none }
.tinfoilInner ul li { margin:0; margin-bottom: 25px; padding:0 0 0 18px; position: relative;}
.tinfoilInner ul li:after { display: block; content: '—'; position: absolute; top: 0; left: 0;}

.tinfoilInner .b-tarif { position: relative; padding-left: 40px; font-weight: bold; float: left; color: #0048b3;}
.tinfoilInner .b-tarif:before { content: ''; background: url(../img/download-icon.png) 0 0 no-repeat; width: 28px; height: 28px; position: absolute; left: 0px; top: -2px; }
.tinfoilInner .b-tarif:hover { color: #ee3126; }
@media (max-width: 730px) {
	.hat-order{margin-left: -10px;}
	.tinfoilInner h1 {margin-bottom: 0;}
}
@media (max-width: 730px) {
	.tinfoilInner .b-tarif { margin: 8px 0 6px; }
	.tinfoilInner aside,
	.tinfoilInner article { clear: both; width: 100%; }
	.tinfoilInner #support-will { float: none; width: auto; padding: 0 0 20px 0;}
	.tinfoilInner #support-can { float: none; width: auto; padding: 0;}
	.tinfoilInner aside { padding-top: 0; margin-bottom: 30px;}
}
@media (max-width: 570px){
	/*section{
		padding: 0 25px;
	}*/
	#tinfoil-cases{
		padding: 0 25px;
	}
}


/* ---------------------------------------- Marafon 2015 ---------------------------------------- */
.marafon-facts-wrap {margin-top: 50px !important;}
#tinfoil-cases .marafonItem {
    width: 320px;
    padding: 0;
    margin-bottom: 30px;
}
.marafonItem .marafon-block{
    height: 280px;
    background: #fff;
    border-left: 4px solid #585858;
    padding: 80px 10px 0 40px;
    box-sizing: border-box;
    margin-bottom: 30px;
    color: #585858;
    transition: color 0.3s ease, border 0.3s ease;
}
.marafonItem .marafon-title{
    font-family:"DINCondensed", Arial, Helvetica, sans-serif;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -2px;
}
.marafonItem .marafon-subtitle{
    font-family:"DINCondensed", Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.1;
}
.marafonItem .marafon-text {
    padding: 0 50px 0 10px;
    color: #0e0e0e;
    font-size: 12px;
    line-height: 18px;
}
.marafonItem:hover .marafon-block {
    color: #ee3126;
    border-left: 4px solid #ee3126;
}
.marafon-table-wrapper {
    margin-bottom: 100px;
    background: transparent;
    transition: height 0.5s ease;
    height: auto;
}
.marafon-table-wrapper.loading {
    height: 0;
    overflow: hidden;
}
.dataTables_wrapper thead {text-align: left;}
table.dataTable thead th {padding-left: 10px !important;}
.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: left !important;
}
#marafon-table.dataTable tbody tr {
    background: transparent;
    transition: background 0.3s ease;
}
#marafon-table.dataTable tbody tr:hover {background: #eee;}
.dataTables_filter_span {
    display: inline-block;
    white-space: nowrap;
}
.dataTables_filter select, .dataTables_filter input {
    height: 25px;
    border: 1px solid #ccc;
    margin-right: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
    background: #fff;
}
.marafon-table-text{margin-top: 30px;}



.custFile {
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin-top: 35px;
	margin-bottom: -35px;
	padding-left: 10px;
	min-height: 45px;
}
.custFile input[type="file"] {
	position: absolute;
	top: 0;
	left: -9999px;
}
.custFile-text {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
}
.custFile-text:before {
	content: '';
	width: 12px;
	height: 12px;
	background: url(/2013/images/file-plus.png) center center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.custFile-text:hover {color: #ee3126;}
.custFile-value {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.custFile-close {
	display: none;
	width: 11px;
	height: 11px;
	background: url(/images/file-close.png) center center no-repeat;
	cursor: pointer;
	margin-left: 10px;
	vertical-align: middle;
}
.custFile-perc {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
@media screen and (max-width: 730px) {
	.custFile {margin-bottom: -10px;}
}



/* ---------------------------------------- Phone in Hat ---------------------------------------- */
.phoneHatTop {
	text-align: center;
	padding-top: 45px;
    padding-bottom: 65px;
}

.phoneHatTop img {
    max-width: 100%;
    height: auto;
}

.phoneHatTitle {
	margin-top: 0;
}

.phoneHatSubtitle {
	color: #ee3126;
	text-align: center;
}

.phoneHatTitle + .phoneHatSubtitle {margin-top: 15px;}

.phoneHatQuote {margin-top: 45px;}

.phoneHatQuote-text {
    color: #0e0e0e;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.phoneHatQuote-author {
    color: #999;
    font-size: 16px;
    line-height: 24px;
}

.phoneHatQuote-author span {font-weight: bold;}

.phoneHatCenter {
    background: #fff;
    padding: 40px 0;
}

.phoneHatCenter .phoneHatSubtitle {margin-top: 0;}

.phoneHatImages {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 60px;
    font-size: 0;
}

.phoneHatImages-clm {
    display: table-cell;
    width: 33.33%;
    cursor: pointer;
    box-sizing: border-box;
    border: 3px solid transparent;
    padding: 10px;
    vertical-align: middle;
    transition: border 0.3s ease;
}

.phoneHatImages-clm img {
    width: 100%;
    height: auto;
}

.phoneHatImages-clm:hover, .phoneHatImages-clm.active {border-color: #0e0e0e;}

.phoneHatCode {
    font-size: 0;
    margin-bottom: 30px;
    text-align: center;
}

.phoneHatCode-left {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 16px;
    line-height: 24px;
    padding-right: 40px;
    box-sizing: border-box;
    text-align: left;
}

.phoneHatCode-right {
    display: inline-block;
    vertical-align: top;
    width: 66.66%;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.phoneHatCode-right textarea {
    width: 100%;
    display: block;
    height: 160px;
    box-sizing: border-box;
    padding: 10px;
    font-family: 'Consolas';
    font-size: 14px;
    line-height: 20px;
    color: #0e0e0e;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin-top: 15px;
}

.phoneHatCode-sliderRow {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.phoneHatCode-sliderRow + div {margin-top: 50px;}

.phoneHatCode-sliderRow-clm {
    display: table-cell;
    vertical-align: middle;
    color: #0e0e0e;
    font-family: "DINCondensed", Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.phoneHatCode-sliderRow-clm:last-of-type {text-align: right;}

.phoneHatCode-sliderRow-clm.second {
    width: 60%;
}

.phoneHatCode-sliderRow-clm .noUi-target {
    height: 3px;
    background: #878581;
    border: 0;
    box-shadow: none;
}

.phoneHatCode-sliderRow-clm .noUi-handle {
    width: 10px !important;
    height: 35px !important;
    top: -15px !important;
    left: -5px !important;
    background: #0e0e0e;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    display: block;
}

.phoneHatCode-sliderRow-clm .noUi-handle:before, .phoneHatCode-sliderRow-clm .noUi-handle:after {display: none;}

.phoneHatCode-btn {
    display: inline-block;
    height: 50px;
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    padding: 0 20px;
    cursor: pointer;
    background: #ee3126;
    margin: 30px auto 0;
    transition: backround 0.3s ease;
}
.phoneHatCode-btn:hover {background: #cb251b;}

@media screen and (max-width: 650px) {
    .phoneHatCode-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .phoneHatCode-right {width: 100%;}
}

.phoneHatBottom {padding-top: 40px;}

.phoneHatLikely {
    text-align: center;
    margin-bottom: 40px;
}

.phoneHatWidget {
    padding: 10px;
    background: #fff;
    margin-bottom: 40px;
    font-size: 0;
}

.phoneHatWidget-clm {
    width: 33.33%;
    height: 300px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    overflow: hidden;
}
.phoneHatWidget-clm:first-of-type {padding-right: 10px;}
.phoneHatWidget-clm:nth-of-type(2) {padding: 0 10px;}
.phoneHatWidget-clm:last-of-type {padding-left: 10px;}

@media screen and (max-width: 650px) {
    .phoneHatWidget-clm {
        width: 100%;
        padding: 0 !important;
    }

    .phoneHatWidget-clm + .phoneHatWidget-clm {margin-top: 20px;}
}

.phoneHatLinks {
    font-size: 0;
    background: #fff;
    padding: 10px;
}
.phoneHatLinks-clm {
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}
.phoneHatLinks-clm a {font-weight: bold;}

@media screen and (max-width: 650px) {
    .phoneHatLinks-clm {
        width: 100%;
        padding: 20px 0;
    }
}