body{background: #666d7d url(/im/cabinet-header-bg.jpg) no-repeat 0 0/contain}
header{min-height: auto; padding-bottom: 15px}
h1{font-size: 18px;border-bottom: 1px solid rgba(206,224,255,0.2);padding: 15px;margin-left: 10px}
.tline{margin-top: 15px;text-align: center}
.tarif{text-align: center;background:rgba(206,224,255,0.2);border-radius: 10px;width: 232px;padding: 10px;margin-left: 15px;display: inline-block;vertical-align: top;transition: all.3s ease}
.tarif:first-child{margin-left:5px}
.tarif:hover{box-shadow: 0 0 25px rgba(206,224,255,0.65)}
.tarif h2{position: relative;font-size: 30px;border-bottom:1px solid rgba(206,224,255,0.2);padding: 15px;text-align: center}
.tarif h2 img{position: absolute;left: 50%;top: 20px;margin-left: -55px;width: 24px}
.cost{font-size: 30px;font-weight: 700;margin: 30px auto}
span.rub{font-size: 28px}
.notes, .filters{margin-bottom:15px;font-size: 18px;}
.partners{padding: 15px;font-size: 18px}
.button{font-size: 18px;font-weight: 700;padding: 15px 25px;border-radius: 10px;border: 1px solid;margin: 15px;cursor: pointer;transition: all.3s ease}
.button:hover{background: rgba(206,224,255,0.2)}
.flame{background: rgba(0,255,0, 0.3)}
p{padding: 15px;font-size: 15px; font-weight: 300; letter-spacing: 0.04em; line-height: 24px}
section{ background: #666d7d;padding-bottom: 15px}
.createboard{background: rgba(206,224,255,0.2);border-radius: 10px;padding-bottom: 15px}
.createboard h3{font-weight: 700}
.createboard .tarif{background: rgba(0,0,0,0.2)}
.create{width: 320px;display: inline-block}
.create p{font-size: 18px;padding-bottom: 0}
.create .button{color: #a5eb78}
.create .button:hover{background:#a5eb78;color: #336699}
#changer{margin: 50px 15px}
.ui-slider.ui-slider-horizontal{background: #cee1f5;height:8px;border:none}
.ui-slider .ui-slider-handle{width: 25px;height: 25px;margin-top: -4px;border-radius: 50%;cursor:pointer;background: #555b6b;border: 0}
.changetarif{position:relative;width: 1000px;margin: 0 auto;background: rgba(112,122,136,0.8);color: #cee1f5;margin-top: 70px;border-radius: 10px;}
.changetarif h1{font-size: 30px; text-align: center}
.changetarif .w{padding: 15px;font-size: 18px;line-height: 32px}
.changetarif .w img{width: 24px;vertical-align: middle; margin-right: 15px}
.changetarifclose{position:absolute;right:15px;top:15px;cursor: pointer}
.changetarif .button{display:inline-block}
.green{background: rgba(0,255,0,0.3); border: 0}
.cancel{border: 0;font-size: 18px; font-weight: 300;padding: 15px 0;margin: 15px 15px 15px 0;cursor: pointer;display: inline-block}

@media screen and (max-width: 1030px){
	body{background: #666d7d}
	.tarif, .tarif:first-child{width: 300px;margin: 0 0 15px 0}
	.tarif:last-child{margin: 0}
	.container p{padding: 0 15px 15px 15px}
	.changetarif{width: 300px;padding: 15px}
	.changetarif h1{font-size: 20px}
	.changetarif .w{font-size: 16px;line-height: 24px}
	.cost{margin: 15px auto}
}