﻿body {
margin: 0px;
padding: 0px;


}
ul.resp-tabs-list, p {
margin: 0px;
padding: 0px;
}
.resp-tabs-list li {
font-weight: 400;
font-size: 16px;
display: inline-block;
padding: 20px 15px 13px;
margin: 0;
list-style: none;
cursor: pointer;
float: left;
border-bottom:1px solid #474747;
color:#444442;
}
.resp-tabs-container {
padding: 0px;
background-color: #fff;
clear: left;
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
}
.resp-tab-content {
display: none;
/*padding: 20px 25px;*/
background:#fff;
}
.resp-tab-active {
border: 1px solid #c1c1c1;
border-bottom: none;
margin-bottom: -1px;
padding: 12px 14px 14px 14px;
}
.resp-tab-active {
border-bottom: none;
background-color: #fff;
}
.resp-content-active, .resp-accordion-active {
display: block;
}
.resp-tab-content {
border: 1px solid #c1c1c1;
}
h2.resp-accordion {
font-size: 13px;
border: 1px solid #ddd;
border-top: 0px solid #c1c1c1;
margin: 0px;
padding: 10px 15px;
color:#333;
}
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: 30%;
}
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 20px 12px 15px;
margin: 0;
cursor: pointer;
float: none;
}
.resp-vtabs .resp-tabs-container {
padding: 0px;
border: 0px solid #747474;
float: left;
width: 63%;
min-height: 411px;
clear: none;
}
.resp-vtabs .resp-tab-content {
border: none;
}
.resp-vtabs li.resp-tab-active:after
{
	position:absolute;
	height:13px;
	width:11px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #568ADF;
	/*background:url(../images/arrow_tab.png) no-repeat;*/
	content:"";
	right: -11px;
    top: 14px;
}
.resp-vtabs .resp-tabs-list li:hover
{
	background:#568ADF; color:#fff; position:relative;
}
.resp-vtabs .resp-tabs-list li:hover:after
{
	position:absolute;
	height:13px;
	width:11px;
	border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #568ADF;
	/*background:url(../images/arrow_tab.png) no-repeat;*/
	content:"";
	right: -11px;
    top: 14px;
	animation: h2_left  0.2s linear 1 ; 
}

@-webkit-keyframes h2_left {
 0% { -webkit-transform: translateX(-250%); opacity:0;}
100% { -webkit-transform: translateX(0); opacity:1;}

}
@-moz-keyframes h2_left {
 0% { -moz-transform: translateX(-250%); opacity:0;}
100% { -moz-transform: translateX(0); opacity:1;}

}
@keyframes h2_left {
 0% { transform: translateX(-250%); opacity:0;}
100% { transform: translateX(0); opacity:1;}

}
.resp-vtabs li.resp-tab-active {
border: 1px solid #767676;
border-right: none;
background: #c0c0c0;
position: relative;
z-index: 1;

padding: 14px 14px 15px 14px;
color:#555;
}
.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;
}
.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;
}
}



#verticalTab .resp-tabs-container { width:75%;}
#verticalTab .resp-tabs-list li.resp-tab-active { border-bottom:1px solid #d7d7d7; padding:10px 14px 10px; border-left:none; border-top:none; margin:0; background:/*#EE741D*/ #568ADF; color:#fff;}
#verticalTab .resp-tabs-list li { border-bottom:1px solid #d7d7d7; padding:10px 14px 10px; 
background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(213,213,213,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(213,213,213,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(213,213,213,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(213,213,213,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(213,213,213,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(213,213,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d5d5', GradientType=0 );
}
#verticalTab .resp-tabs-list li:hover { background:#568ADF}
#verticalTab ul.resp-tabs-list { background:#f4f5f6;}
#verticalTab ul.resp-tabs-list { width:22%; margin-right:3%;}
#verticalTab .resp-tab-content li { float:left;  margin-right: 20px; margin-bottom:20px; position:relative;}
#verticalTab .resp-tab-content li:nth-child(3n+3) { margin-right:0;}
#verticalTab .resp-tab-content li img { float:left; border:5px solid rgba(0, 0, 0, 0.1);}
.resp-tab-content h3 { font-size: 20px; margin-bottom: 20px; text-transform: uppercase; padding-bottom: 14px; border-bottom: 4px double #e4e4e4; font-weight:600; color:#444442;}
.play-icon { background:url(../images/play-icon.png) no-repeat 0 0;  bottom: 0; height: 54px; left: 0; margin: auto; position: absolute; right: 0; top: 0;
 width: 54px;}
#verticalTab .resp-tab-content li:hover .play-icon { background-position:0 -53px;}