﻿#verticalTab { margin:0; padding:0; }
ul.resp-tabs-list { margin: 0px; padding: 0px; }
.resp-tabs-list li {  font-family: 'Montserrat', sans-serif;  font-size: 14px; display: inline-block; padding:10px 12px 10px 20px; margin: 0; font-weight:400; list-style: none; cursor: pointer;
float: left; border:1px solid #016cab; color:#016cab; background:url(../images/bullet2.png) no-repeat 10px 16px; }
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left;  font-family: 'Montserrat', sans-serif;  }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding:0; }
.resp-tab-content img { max-width:100%; width:100%;}
.resp-tab-content p { font-size:13px; font-family: 'Montserrat', sans-serif;  line-height:23px; text-align:justify; color:#4a4a4a; font-weight:400; margin:0; padding:0 0 15px;}
.resp-tab-content p span { font-weight:bold;}
.resp-tab-active { /*margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important;*/ }
.resp-tab-active { border-bottom: none; background-color: #fff; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #c1c1c1; }
h1 { color:#4d98c4; font-size:22px; font-weight:700; margin:0; padding:0 0 10px; }
h2.h2 { color:#4d98c4; font-size:22px; font-weight:700; margin:0 0 10px; padding:0 0 10px 0; }
h2.resp-accordion { background:#fff; font-size: 13px; border: 1px solid #016cab; border-top: 0px solid #016cab; color:#016cab; 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:25.5%; margin-right:20px; }
.resp-vtabs .resp-tabs-list li { display: block; /* padding: 15px 15px !important;*/ margin:0 0 5px; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; /* border: 1px solid #c1c1c1;  min-height: 250px;*/ float: left; width:72.5%; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active { background: #016cab url(../images/bullet3.png) no-repeat 10px 17px; position: relative; z-index: 1; /*margin-right: -1px !important;*/
 padding:10px 12px 10px 20px !important; color:#fff; }
.resp-vtabs li.resp-tab-active:after{left: 99%; top:24%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
 border-color: rgba(237, 237, 237, 0); border-left-color: #016cab; border-width: 11px; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 5px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #014c78; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #fff; }

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #016cab !important; color:#fff; }
.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 #016cab !important; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
#verticalTab { padding:10px;}
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #016cab; padding:15px; }
.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; }
}
