.tab_wrapper .content_wrapper .accordian_header{display:none;padding:10px 20px;text-transform:uppercase;font-weight:700;border-top:1px solid #ccc;border-bottom:1px solid #fff;position:relative;cursor:pointer}.tab_wrapper .content_wrapper .accordian_header.active{color:#20a388;border-bottom:1px solid #20a388}.tab_wrapper .content_wrapper .accordian_header.active:after{position:absolute;top:0;left:0;content:"";width:5px;height:100%;background:#20a388}.tab_wrapper .content_wrapper .accordian_header .arrow{float:right;display:inline-block;width:12px;height:12px;position:relative;border-radius:2px;transform:rotate(-135deg);background:#fff;border-top:3px solid #ccc;border-left:3px solid #ccc}.tab_wrapper .content_wrapper .accordian_header.active .arrow{transform:rotate(45deg);margin-top:5px;border-top:3px solid #20a388;border-left:3px solid #20a388}.tab_wrapper.left_side>ul{width:25%;float:left;border-bottom:1px solid #ccc}.tab_wrapper.left_side>ul li{width:100%;box-sizing:border-box;margin:0;padding:12px 18px;border-width:1px;border-right:0;border-left:0}.tab_wrapper.left_side>ul li:after{left:0;top:0;content:"";position:absolute;width:5px;height:100%;background:#ccc}.tab_wrapper.left_side>ul li.active{border-color:#ccc}.tab_wrapper.left_side>ul li.active:after{left:0;top:0;width:5px;height:100%;background:#20a388}.tab_wrapper.left_side>ul li.active:before{right:-1px;position:absolute;top:0;content:"";width:2px;height:100%;background:#fff}.tab_wrapper.left_side .content_wrapper{width:75%;border:1px solid #ccc;float:left}.tab_wrapper.left_side .controller{top:-50px}.tab_wrapper.right_side>ul{width:25%;float:right;border-bottom:1px solid #ccc}.tab_wrapper.right_side>ul li{width:100%;box-sizing:border-box;margin:0;padding:12px 18px;border-width:1px;border-right:0;border-left:0;text-align:right}.tab_wrapper.right_side>ul li.active:after,.tab_wrapper.right_side>ul li:after{right:0;left:inherit;width:5px;top:0;content:"";height:100%}.tab_wrapper.right_side>ul li:after{position:absolute;background:#ccc}.tab_wrapper.right_side>ul li.active{border-color:#ccc}.tab_wrapper.right_side>ul li.active:after{background:#20a388}.tab_wrapper.right_side>ul li.active:before{left:-2px;right:inherit;position:absolute;top:0;content:"";width:2px;height:100%;background:#fff}.tab_wrapper.right_side .content_wrapper{width:75%;float:left;border:1px solid #ccc}.tab_wrapper.right_side .controller{top:-50px}.tab_wrapper.accordion .content_wrapper{border-color:#ccc}.tab_wrapper.accordion .content_wrapper .accordian_header{display:block}.tab_wrapper.accordion>ul{display:none}@media only screen and (max-width:736px){.tab_wrapper>ul{display:none}.tab_wrapper .content_wrapper{border:0}.tab_wrapper .content_wrapper .accordian_header{display:block}.tab_wrapper.left_side .content_wrapper,.tab_wrapper.right_side .content_wrapper{width:100%;border-top:0}.tab_wrapper .controller{display:none}}