*{margin:0;padding:0}
html,body{background:#909688;margin:0;padding:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;color:#505050;overflow-x:hidden;overflow-y:auto;height:100%}
h1,h2,h3,h4,h5,h6{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
a{outline:0;text-decoration:none}
ul{list-style:none}
img{border:0;max-width:100%}
p,.cont-p{text-align:justify;line-height:22px;margin-top:18px}
p.clean-m{margin-top:0}
p a{color:#0018ff}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
.pull-left{float:left}
.pull-right{float:right}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.m-c{margin:0!important}
.m-c-b{margin-bottom:0!important}
.c-p{padding:0!important}
.c-p-l-r{padding-left:0!important;padding-right:0!important}
.c-l-h{line-height:normal!important}
.c-b{border:none!important}
.center{margin:0 auto;display:block;text-align:center}
.container{margin:0 auto;max-width:944px;min-width:320px}
.m-p{font-family:"Myriad Pro",Myriad,"Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif}
.f-a{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.f-c{font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif}
.tnr{font-family:TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif}
.f-t{font-family:Tahoma,Verdana,Segoe,sans-serif}
.p-r{position:relative!important}
.a-r{margin:20px 20px 20px 0}
.a-l{margin:4px 0 0 20px}
.hidden{display:none}
.click{cursor:pointer}
.last-item{margin-right:0!important}
header{background:#434343;min-height:59px}
header .ocho-l{background:url("img/header-logos.jpg") no-repeat;width:262px;height:44px;margin:7px 19px 0 0}
header .ocho-logo{background:url("img/website-logo.png") no-repeat;width:541px;height:45px;margin:7px 0 0 19px;background-size:100%;width:53%;background-position:center 100%}
article{background:#fff;margin-top:8px;padding:11px 23px}
footer{background:#e8ebef;min-height:38px;line-height:38px;min-height:38px;text-indent:21px;-webkit-box-shadow:4px 5px 9px 0 rgba(50,50,50,0.75);-moz-box-shadow:4px 5px 9px 0 rgba(50,50,50,0.75);box-shadow:4px 5px 9px 0 rgba(50,50,50,0.75)}
.ocho-head-block{background:url("img/ocho-head-block.png") no-repeat;color:#000;font-size:18px;height:27px;line-height:27px;margin-left:-27px;margin-top:20px;padding-left:31px;font-weight:normal}
.ocho-hs-no-m{margin-top:0}
.ocho-top-banner{background:#e8ebef;border:1px solid #caccd1;padding:9px;margin-left:28px;overflow:hidden}
.ocho-top-banner .ochosp{margin:0px auto 6px auto}
.ocho-top-banner .ocho-offer-box{color:#555b6f;font-size:28px;font-weight:bold;margin:11px auto;text-align:center;text-transform:uppercase}
.ocho-top-banner .ocho-offer-box strong{color:#3f7708}
.ocho-top-banner ul{background:#fdfdfd;border:1px solid #caccd1;text-transform:uppercase}
.ocho-top-banner ul li{color:#190000;font-size:12px;list-style:disc inside none;margin-left:10px;padding:8px 0}
.ocho-top-banner a{background:url("img/ocho-top-banner-action-btn.jpg") no-repeat;display:block;height:64px;margin:20px auto 0 auto;text-indent:-99999px;width:247px}
.ocho-top-banner a:hover{background-position:0 -64px}
.och-cta{font-size:14px;color:#f32020;margin:30px auto}
.och-cta:hover{text-decoration:underline}
.ocho-box-list .ocho-box{border:1px solid #d9d9d9;margin:20px auto}
.ocho-box-list .ocho-box .ocho-left-side{border-right:1px solid #d9d9d9;padding:2%;width:78%;margin-top:0}
.ocho-box-list .ocho-box .ocho-left-side a{margin:12px auto}
.ocho-box-list .cont-box-1 img{margin-top:84px}
.ocho-box-list .cont-box-2 img{margin-top:41px}
.ocho-box-list .cont-box-3 img{margin-top:84px}
.ocho-banner-box{margin:46px auto 28px auto;width:91%}
.ocho-banner-box .ocho-box{width:28%;border:1px solid #caccd1}
.ocho-banner-box .ocho-box .ocho-logo{background:#e8ebef;border-bottom:1px solid #caccd1;padding:3% 0}
.ocho-banner-box .ocho-separator{min-height:268px;width:5%;border:1px solid #caccd1;text-indent:-99999px;margin:0 1%}
.ocho-banner-box .ocho-box .ocho-bonus-cont{border-bottom:1px solid #d5d8dc;width:90%;margin:0 auto;color:#787878;font-size:11px;padding:0 0 8px 0;text-transform:uppercase}
.ocho-banner-box .ocho-box .ocho-bonus-cont strong{color:#97abc9;font-size:23px;vertical-align:middle;border-top:1px solid #d5d8dc;padding-top:5px;white-space:nowrap}
.ocho-banner-box .ocho-box .ocho-bonus-cont .ocho-bc{margin:18px auto}
.ocho-banner-box .ocho-middle{margin-top:-19px}
.ocho-banner-box .ocho-middle .ocho-logo{padding:2% 0}
.ocho-banner-box .ocho-right .ocho-logo{padding:12px 0}
.ocho-banner-box .ocho-right .ocho-bonus-cont{white-space:nowrap}
.ocho-banner-box .ocho-right .ocho-bonus-cont .ocho-bc{margin:9px auto}
.ocho-banner-box .ocho-box a{display:block;background:url("img/ocho-banners-btn.jpg") no-repeat;width:174px;height:46px;background-position:0 0;margin:18px auto 12px auto;text-indent:-99999px}
.ocho-banner-box .ocho-box a:hover{background-position:-1px -46px}
.ochosp{background:url(img/ochosp-1.png) no-repeat;display:block;margin:0 auto;text-indent:-99999px}
.ochosp-l-1{background-position:0 0;width:157px;height:74px}
.ochosp-l-2{background-position:0 -75px;width:100px;height:24px}
.ochosp-l-3{background-position:0 -100px;width:92px;height:68px}
.ochosp-l-4{background-position:0 -169px;width:130px;height:50px}
.ochosp-l-5{background-position:12px -218px;width:94px;height:35px;}
.ochosp-l-6{background-position:0 -253px;width:84px;height:34px}
.ochosp-l-7{background-position:12px -288px;width:123px;height:52px}
@media screen and (max-width:892px){.ocho-banner-box .ocho-separator{display:none}
.ocho-banner-box .ocho-box{margin-left:1.6%;margin-right:1.6%}
}
@media screen and (max-width:879px){header .ocho-l{display:none}
header .ocho-logo{margin-left:auto;margin-right:auto;float:none}
.ocho-head-block{background:0;margin-left:0;height:auto;line-height:normal;text-align:center;padding:0}
}
@media screen and (max-width:844px){.ocho-banner-box .ocho-box .ocho-bonus-cont strong{font-size:200%}
}
@media screen and (max-width:807px){.ocho-banner-box .ocho-box{float:none;width:100%;margin:2% auto}
}
@media screen and (max-width:617px){.ocho-top-banner{text-align:center;margin:13px auto;float:none;width:90%}
header .ocho-logo{width:74%}
}
@media screen and (max-width:695px){.ocho-box-list .ocho-box .ocho-left-side{float:none;border-right:0;width:95%}
.ocho-box-list .cont-box-2 img,.ocho-box-list .cont-box-1 img,.ocho-box-list .cont-box-3 img{margin:2% auto}
}
@media screen and (max-width:513px){.a-l{float:none;margin:4px auto;display:block}
header .ocho-logo{width:95%}
}
@media screen and (max-width:389px){footer{text-align:center;line-height:normal}
}
