#top .tabcontainer{ background:transparent; } .tabcontainer{ margin:30px 0; position:relative; width:100%; clear:both; overflow:hidden; background:transparent; } .tab_titles{ position:relative; width:100%; clear:both; float:left; z-index:5; } .widget .tabcontainer{ margin-top:0px; }  .js_active .tab_content{ visibility:hidden; clear:both; padding:10px 19px; overflow:auto; position:absolute; top:0; z-index:0; left:120%; width:100%; } .js_active .tab{ cursor:pointer; margin:0 -1px 0 0; display:block; float:left; z-index:2; position:relative; padding:12px 16px; top:1px; font-size:0.8em; -webkit-touch-callout:none;   -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border-style:solid; border-width:1px; } .js_active .top_tab .tab{ border-bottom:none; padding:12px 16px 14px 16px; } .js_active .active_tab{ z-index:4; position:relative; font-weight:bold; } .js_active .tab_titles .tab:first-child{ border-top-left-radius:2px; } .js_active .tab_titles .tab:last-child{ border-top-right-radius:2px; } .js_active .active_tab_content{ display:block; visibility:visible; z-index:3; position:relative; overflow:auto; border-style:solid; border-width:1px; border-radius:2px; left:0; width:auto; } .tabcontainer .tab_icon{ margin-right:7px; font-size:1em; } .tabcontainer .tab_icon.avia-svg-icon svg:first-child{ height:1.1em; width:1.1em; margin-bottom:-2px; } .tab_inner_content{ margin:11px 0; left:-200%; position:relative; } .active_tab_content .tab_inner_content{ left:0; position:relative; }  .sidebar_tab .tab_titles{ width:30%; min-width:170px; max-width:250px; float:left; display:block; } .sidebar_tab_right .tab_titles{ float:right; } .sidebar_tab .tab_titles .tab{ width:100%; margin:0 0 -1px 0; top:0; } .sidebar_tab .tab_content{ overflow:hidden; clear:none; left:-1px; } .sidebar_tab_right .tab_content{ left:1px; } .js_active .sidebar_tab .tab_titles .tab:last-child{ border-top-right-radius:0; border-bottom-left-radius:2px; } .sidebar_tab_left .active_tab.tab{ width:100.5%; border-right:none; } .sidebar_tab_right .active_tab.tab{ width:100.5%; border-left:none; left:-1px; }  .noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content{ border:none; box-shadow:-8px 0px 20px -10px rgba(0, 0, 0, 0.2); left:0; padding:0px 0 0 30px; } .noborder_tabs.sidebar_tab_right .tab_content{ box-shadow:8px 0px 20px -10px rgba(0, 0, 0, 0.2); padding:0px 30px 0 0; } .noborder_tabs.sidebar_tab_left .tab{ border-left:none; } .noborder_tabs.sidebar_tab_right .tab{ border-right:none; } .noborder_tabs .tab:first-child{ border-top:none; } .noborder_tabs .tab:last-child{ border-bottom:none; } .tabcontainer .tab.fullsize-tab{ display:none; } @media only screen and (max-width:767px) { .responsive .tabcontainer{  border-width:1px;  border-style:solid;  border-top:none;  overflow:hidden; }  .responsive .tabcontainer .tab_titles{  display:none; }  .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab{  width:100%;  max-width:100%;  border-left:none;  border-right:0;  left:0;  top:0;  min-height:0!important; }  .responsive .tabcontainer .tab_content{  border-bottom:none;  padding:15px 30px;  clear:both; }  .responsive .tabcontainer .tab.fullsize-tab{  display:block;  margin-bottom:-1px; }  .responsive .top_tab .tab.fullsize-tab{  margin-bottom:0px; } }