﻿@import url(http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);
ul.resp-tabs-list, p {margin:0px; padding:0px; font-family:"Fjalla One";}
.resp-tabs-list li {font-weight:600; font-size:13px; display:inline-block; line-height:35px; height:35px; margin:0; list-style:none; cursor:pointer; float:left; text-align:right;}
.resp-tabs-container { padding:0px; clear:left;}
.resp-tabs-container div{ position:relative;}
.resp-tabs-container_menu{ float:right;}
h2.resp-accordion {cursor:pointer; padding:5px; display:none;}
.resp-tab-content {display:none; opacity:0;}
.resp-tab-active {border-bottom:none;}
.resp-tab-active {border-bottom:none;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #c1c1c1;}
h2.resp-accordion {border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin:0px; padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float:left; width:240px;}
.resp-vtabs .resp-tabs-list li {display:block; margin:0; padding-right:10px; cursor: pointer; float: none; font-size: 13px;color:#0094da;}
.resp-vtabs .resp-tabs-container {padding:0px; float:left; width:100%; height:auto; min-height:770px; margin-top:20px; clear: none;}
.resp-vtabs .resp-tab-content { border: none;}
.resp-vtabs li.resp-tab-active {background-image:url(../images/product_range/button_bg.png); background-repeat:no-repeat; position:relative; z-index:1; color:#FFF;}
.resp-arrow {float:right; width:0; height:0; margin-top:3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB !important;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
.resp-jfit { width:100%; margin:0px;}
.resp-tab-content-active {display:block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}


/*Here your can change the breakpoint to 
set the accordion, when screen resolution changed*/
/*@media only screen and (max-width: 768px){
ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;}
.resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
.resp-vtabs .resp-tabs-container{border: none; float: none; width: 100%; min-height: initial; clear:none;}
.resp-accordion-closed {display:none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}
*/