﻿
ul.resp-tabs-list, p {margin: 0px;padding: 0px;}

.resp-tabs-list li {font-weight: normal;font-size: 1.6em; display: inline-block;padding: 12px 3% 12px;margin: 0;list-style: none;cursor: pointer;float: left; background:#959494; margin:0 3px -1px 0; border:0; border-top:1px solid #fff;  border-width:2px 1px 0;
-webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; color:#ffffff;
background:url(../images/tabs-bg.jpg) left top repeat-x; 
}

.resp-tabs-container {padding: 0px;background-color: #ffffff;clear: left; border-top:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}

.resp-tab-content {display: none;padding: 30px 4% 50px; width:92%; }

.resp-tab-active {border: 1px solid #c1c1c1;border-bottom: none;margin-bottom: -8px !important;padding: 13px 4.5% 21px !important; margin-right: 4px !important;}

.resp-tab-active {border-bottom: none;background-color: #ffffff !important; color:#515050 !important; font-weight:normal !important; font-family: 'Open Sans',sans-serif !important; font-weight: 700;; border-top:3px solid #fec910 !important; background:#ffffff !important; }
.resp-tabs-list li:first-child.resp-tab-active{ border-left:1px solid #C1C1C1;}

.resp-content-active, .resp-accordion-active {display: block;}

.resp-tab-content {border: 1px solid #c1c1c1; color:#515050; font-size:1.5em; line-height:1.4em}

h2.resp-accordion {font-size: 13px;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;}

.resp-arrow {width: 0;height: 0;float: right;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; color:#000 !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;  border-top:3px solid #fec910;  -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; }

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: 479px) {
    ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block; color:#fff}
    .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;}
}
