section.area-based{color:#fff;margin:0 0 258px 0;background:#293341}section.area-based .page-bl{text-align:center;padding-top:20px}section.area-based h2{color:#fff;font-size:30px;font-family:HelveticaNeueCyr;font-weight:700;line-height:50px;text-transform:uppercase;padding:0 0 30px 0}section.area-based .title{letter-spacing:4px;text-transform:uppercase;padding:0 0 17px 0}.based-bl{position:relative;top:157px;min-height:378px;color:#7b7b7b;margin:-50px 0 0 0;border:solid 1px #eee;background:#fff}.based-bl .fl-row{margin:0}.based-bl .col{width:100%;min-height:378px;text-align:center;padding:64px 15px 40px 15px;border-left:solid 1px #eee}.based-bl .col:first-child{border:none}section .based-bl h2{color:#293341;font:35px RobotoSlab,Arial;line-height:36px;padding-bottom:27px}@media screen and (max-width:960px){section.area-based{margin-bottom:200px}section.area-based h2{font-size:25px;line-height:40px}.based-bl{top:137px;margin-top:-70px}.based-bl .fl-row{display:block}.based-bl .col{min-height:0;padding:30px 15px;border:none;border-top:solid 1px #eee}}@media screen and (max-width:720px){section.area-based{margin-bottom:150px}section.area-based .title,section.area-based h2{max-width:350px;margin:0 auto}section.area-based h2{padding:0 0 10px 0}}@media screen and (max-width:540px){section.area-based h2{font-size:20px;line-height:30px}.based-bl{top:127px;margin-top:-120px}.based-bl .col{padding:15px 15px 0 15px}}