.bg-main{background-color:#333}.bg-c_white{background-color:#fff}.bg-c_cyan{background-color:#009fe3}.bg-c_cyan_web{background-color:#007eb4}.bg-c_black{background-color:#000}.bg-c_darkgrey{background-color:#666}.bg-c_mediumgrey{background-color:#ddd}.bg-c_grey{background-color:#eee}.bg-c_lightgrey{background-color:#f8f8f8}.bg-c_border{background-color:#b0b0b0}.bg-c_petrol{background-color:#07262d}.bg-c_orange,.bg-c_red{background-color:#e8412e}.bg-c_green{background-color:#7ab51d}.bg-c_yellow{background-color:#fdc400}.bg-c_trans{background-color:rgba(0,0,0,0)}.toggler{-webkit-transition:.4s ease-out;transition:.4s ease-out;cursor:pointer;padding:15px 20px;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:-20px}.toggler.active{background-color:#f8f8f8}.toggler.active:before{-webkit-transform:rotate(45deg) translate(5px,6px);transform:rotate(45deg) translate(5px,6px)}.toggler.active:after{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}.toggler.active .lines{opacity:0}.toggler:after,.toggler:before{-webkit-transition:.3s;transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#666;content:"";display:block;height:4px}.toggler .lines{-webkit-transition:.3s;transition:.3s;background-color:#666;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:4px;margin:4px auto;width:20px}