ul.tt_tabs{list-style-type:none;margin:50px 12px 0;padding:0;text-align:left}ul.tt_tabs li{color:#fff;line-height:1;margin-right:-4px;display:inline-block;padding:18px 20px;margin-bottom:0;background:rgba(0,0,0,.75);text-shadow:none!important}ul.tt_tabs li i.fa{margin-right:3px}ul.tt_tabs li:hover{background:rgba(0,0,0,.75);outline:#64b6ce;cursor:pointer}div.tt_container{color:#fff;position:relative;padding:30px;overflow:hidden;background:rgba(0,0,0,.75)}div.tt_tab{left:0;top:0;padding:30px;visibility:hidden;position:absolute;width:100%}div.tt_tab.active{visibility:visible}}
div.tt_tab h2 {font-weight:500;margin-bottom:30px;padding-bottom:8px}div.tt_container:after{content:"";display:table;clear:both}.vertical .tt_container{display:inline-block;width:65%;vertical-align:top;margin-left:-2px}.vertical ul.tt_tabs{display:inline-block;vertical-align:top;list-style-type:none;margin:3% 0 0 0;padding:0;text-align:center;max-width:25%}.vertical ul.tt_tabs li{padding:18px 20px;display:block;border-radius:0;border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px}.vertical.responsive .tt_tabs{width:90%;padding:3%}.vertical.responsive .tt_tabs li{border-top-left-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-top-left-radius:8px;border-top-right-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-top-right-radius:8px}.responsive .tt_tabs li{display:block;padding:5px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}.responsive .tt_tabs li h3{display:block;text-align:center;margin:0;padding:20px 0}.responsive .tt_tab{position:relative;visibility:visible}.classic .tt_container{position:relative;background:#e3e3e3;border:1px solid #aaa;border-top-color:transparent;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.classic .tt_tabs{border-bottom:1px solid #aaa;margin:0;position:relative;padding-left:10px;margin-bottom:-1px;z-index:2}.classic .tt_tabs li{display:inline-block;background:transparent;padding:15px 20px;margin-left:5px;border-radius:3px;border:1px solid #aaa;border-bottom:0;margin-bottom:0}.classic .tt_tabs li .fa{padding-right:5px}.classic .tt_tabs li:hover{cursor:pointer;background:#e3e3e3}.classic:not(.responsive) .tt_tabs li.active{border-bottom:1px solid transparent;background:#e3e3e3;margin-bottom:-1px}.hollow .tt_tabs li,.hollow .tt_tabs li.active{box-shadow:none;background:transparent}.hollow .tt_tabs li.active{border-bottom:1px solid red}.hollow .tt_tabs{border-bottom:1px solid #aaa}.hollow .tt_container{box-shadow:none;background:transparent;border:none}.simple .tt_tabs li{margin-bottom:-1px;box-shadow:none;background:transparent;text-shadow:none!important}.simple .tt_tabs li.active{border:1px solid #333;border-bottom-color:transparent}.simple .tt_tabs{border-bottom:1px solid #333;margin-bottom:-1px}.simple .tt_container{border:1px solid #aaa;border-top:transparent}.responsive .tt_tabs li h3{color:#000;text-shadow:none!important}.responsive .tt_container{display:none}.classic.responsive .tt_tabs li{padding:1px}.classic.responsive .tt_tabs li h3{padding:20px 15px}@media only screen and (max-width:480px){.responsive{width:90%!important;padding:2%!important}.responsive.vertical .tt_tabs{max-width:100%}}@media only screen and (max-width:760px){.responsive.vertical .tt_tabs{max-width:100%}.responsive.vertical ul.tt_tabs li{padding:10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}}}
@media only screen and (max-width: 970px){.vertical{width: 90%!important; padding: 3%!important;}
}@media only screen and (min-width:720px) and (max-width:1080px){.vertical ul.tt_tabs{width:20%}.vertical .tt_container{width:50%}}