.float-block{padding:10px;display:block;max-width:250px;font-style:italic;font-size:14px}
.float-block p:last-child{margin-bottom:0}

.spoiler{background:#F8F8F8;border:0;border-bottom:1px solid #ff7e00;margin:15px 0;padding:12px}
.spoiler .title{cursor:pointer;font-family:"Roboto",sans-serif;font-weight:700}
.spoiler.closed.show .title:after{content:"+";float:right}
.spoiler.closed .title:after{content:"-";float:right}
.spoiler .contents{display:none;margin-top:10px}
.spoiler.closed.show .title{color:#545454}
.spoiler.closed .title{color:#ff7e00}

.item-content .accordion{padding:0;margin:15px 0}
.item-content .accordion li{background:#F8F8F8;border:0;border-bottom:1px solid #ff7e00;padding:12px}
.item-content .accordion li:before{content:none}
.accordeon-btn:after{font-family:icomoon;content:"\e902";float:right}
.accordeon-btn.active:after{content:"\e901"}
.accordeon-content{margin-top:10px}
.accordeon-btn{cursor:pointer;font-weight:700;display:block;color:#545454}
.accordeon-btn.active{color:#ff7e00}
.accordeon-btn:hover{text-decoration:none;color:#ff7e00}

.qa{margin-bottom:25px}
.question{font-family:roboto;font-weight:700;position:relative;padding:10px 0 10px 40px;margin-bottom:10px}
.question .q{font-size:20px;width:30px;height:100%;text-align:center;color:#fff;display:block;position:absolute;margin-right:10px;left:0;top:0}
.q:before{position:absolute;top:50%;margin-top:-15px;overflow:hidden;white-space:nowrap;left:0;width:100%;text-overflow:ellipsis;content:"?"}
.answer{font-style:italic;font-family:roboto;padding-left:40px}

.dfn{margin:25px 0 25px 40px;font-style:italic;color:#6a8684;font-family:roboto;line-height:1.3}
.dfn dfn{font-weight:700;color:#ff7e00}
.dfn dfn:after{content:"-";margin:0 10px}

.good-block,.bad-block,.neutral-block{position:relative;padding:1em;margin:2em 0;clear:both}
.good-block .short-title,.bad-block .short-title,.neutral-block .short-title{position:absolute;top:-15px;display:block;margin:0 auto;text-align:center;background:#fff;padding:0 1em;font-family:'Roboto';font-style:italic;font-weight:700;font-size:16px}
.good-block{border:3px solid rgba(201,224,152,0.66)}
.good-block .short-title{color:#5AA220}
.bad-block{border:3px solid rgba(224,152,152,0.66)}
.bad-block .short-title{color:#D21246}
.neutral-block{border:3px solid #ffe9b0}
.neutral-block .short-title{color:#FF9B00}

.small-quote{display:block;font-style:italic;font-size:18px;font-family:'Roboto';line-height:1.4;position:relative;width:80%;margin:1.5em auto;text-align:center;background:none;padding:0 5%;overflow:hidden}
.small-quote:before{content:"\00AB";position:absolute;left:0;top:5%;font-size:30px;top:calc(50% - 30px);color:#5D5D5D;font-family:sans-serif}
.small-quote:after{content:"\00BB";position:absolute;right:0;top:5%;font-size:30px;top:calc(50% - 30px);color:#5D5D5D;font-family:sans-serif;font-style:normal}

/* ==========================================================================
   15. COLUMNS
   ========================================================================== */
.full,.col-1-1{width:100%;float:none}
.half,.col-1-2{width:48%;margin-right:4%;float:left}
.third,.col-1-3{width:30%;margin-right:5%;float:left}
.fourth,.col-1-4{width:22%;margin-right:4%;float:left}
.fifth,.col-1-5{width:18%;margin-right:2.5%;float:left}
.two-thirds,.col-2-3{width:65%;margin-right:5%;float:left}
.three-fourths,.col-3-4{width:74%;margin-right:4%;float:left}
.two-fifths,.col-2-5{width:36%;margin-right:3%;float:left}
.three-fifths,.col-3-5{width:61%;margin-right:2%;float:left}
.four-fifths,.col-4-5{width:78%;margin-right:4%;float:left}
.last{padding-right:0!important;margin-right:0!important}
.first{padding-left:0!important;margin-left:0!important}

@media only screen and (max-width: 800px) {
.good-block .short-title,.bad-block .short-title,.neutral-block .short-title{position:relative;top:0}
}
@media only screen and (max-width:500px) {
.item-content .right,.item-content .left{float:none;margin:10px;max-width:100%}
}