#verticalTab { background: #FFF; border: 1px solid #e8e8e8; position: relative; }
#verticalTab:after { content: ''; display: block; clear: both; }
#verticalTab [class*=block-grid-]>li { padding: 0 10px 10px 10px; }

.lp-resources ul.resp-tabs-list { display: flex; }
ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px; }

.resp-tabs-list li {
	color: #0074AA;
	font-weight: 100;
	font-size: 18px;
	line-height: 25px;
	border: none;
	border-bottom: 1px solid #e8e8e8;
	list-style: none;
	cursor: pointer;
	float: left;
	background: #FFF !important; }

.resp-tabs-list li:last-child { padding-bottom: 15px !important; }
.resp-tabs-container {
    padding: 0px;
    clear: left; }

.resp-tab-content {
    display: none;
    overflow: hidden;
    padding: 30px; }

/*-----------Vertical tabs-----------*/

.lp-resources [class*=block-grid-] { margin: 20px auto 0; }

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 35%;
    border-right: solid 1px #e8e8e8; 
	min-height: 600px; }

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px;
    cursor: pointer;
    float: none; }

.resp-vtabs .resp-tabs-list li:first-child { margin-top: 0; }

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    float: left;
    width: 65%;
    clear: none; }

.resp-vtabs .resp-tab-content { word-wrap: break-word; }

.resp-vtabs li.resp-tab-active {
	position: relative;
	color: #FFF;
	font-size: 17px;
	font-weight: 500;
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 14px !important;
	border-right: 1px #FFF solid;
	background: #0074AA!important; }

.resp-tab-content p { font-size: 16px; font-weight: 400; }

.resp-tab-content .inner { animation: fadeInLeft 300ms both; }
.resp-tab-content .inside { margin-bottom: 20px; }
.resp-tab-content .inside img { object-fit: cover; width: 100%; height: auto; }

.resp-tabs-container a.button { margin-top: 20px; }
	
/*-----------Accordion styles-----------*/

.resp-tabs-container .resp-tab-active {
	margin-bottom: -1px !important;
	background-color: #0074AA !important;
	color: #FFF;
	border: none; }
	
.resp-content-active, .resp-accordion-active { display: block; }

h2.resp-accordion {
	background-color: #FFF !important;
    cursor: pointer;
    display: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #0074AA;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 15px 35px 15px 15px;
    position: relative;
    width: 100%; }

h2.resp-accordion:after {
	content:'';
	color: #0074AA;
	font-size: 15px;
	content: "\e61a";
	font-family: 'themify';
	font-weight: bold;
	position: absolute;
	top: 27%;
	right: 15px; }
	
.resp-accordion.hor_1.resp-tab-active:after { content: '\e622'; color: #FFF;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #e8e8e8 !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #e8e8e8; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #e8e8e8; }
.resp-jfit { width: 100%; margin: 0px; }

.resp-tab-content-active { display: block; }

/* Services section */

.ps-services .resp-tab-item { border-bottom: solid 8px #FFF; }
.ps-services .resp-tab-active { border-bottom: solid 8px #0074AA; }
.ps-services .label-wrapper { display: block; margin: auto; text-align: center; padding: 20px 10px 10px; }
.ps-services .icon img { width: 100px; height: auto; margin: 0 20px 0; }
.ps-services .label { font-size: 15px; font-weight: 500; line-height: normal; /*margin-top: 10px;*/ }
.ps-services .resp-tabs-list li { height: 220px; }
.ps-services .resp-tab-content  { border-top: solid 1px #e8e8e8; }

/* LP Resources section */

.lp-resources .resp-tabs-list li {
	border-bottom: solid 5px #FFF;
	width: 100%;
	/*max-width: 33.33%;*/
	display: block;
	padding: 25px 15px;
	text-align: center; }

.lp-resources .resp-tabs-list li.resp-tab-active {
	border-bottom: solid 5px #0074AA;
	font-weight: 500; }

.lp-resources .resp-tab-content img { max-width: 223px; margin-bottom: 15px; }
.lp-resources .resp-tab-content p { font-size: 15px;line-height: 25px;}

.lp-resources .lp-video { position: relative; transition: all 300ms ease; }
.lp-resources .lp-video p { font-size: 18px; }
.lp-resources .lp-video img { width: 100%; max-width: 580px; height: auto; padding: 0 20px; }
.lp-resources .lp-video:after {
	content: '';
	background: url(https://soti.net/media/3663/play-icon-red.svg);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center;
	content: '';
	clear: both;
	position: absolute;
	z-index: 1;
	top: -30px;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .5s cubic-bezier(.175,.885,.32,1.275); }

@media screen and (max-width: 768px) {
	#verticalTab { border: none; }
	#verticalTab [class*=block-grid-]>li { float: none; }
    .lp-resources ul.resp-tabs-list, ul.resp-tabs-list { display: none; }

    h2.resp-accordion { display: block; }

    .resp-tab-content .inner { animation: fadeInDown 300ms both; }
    .resp-tab-content { 
        padding: 20px 15px; 
        margin-top: -5px;
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border: solid 1px #0074AA; }
    .resp-tab-content p { color: #000;font-size: 15px; line-height: 27px;}
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none; }

    .resp-accordion-closed { display: none !important; }

    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #e8e8e8 !important; }

	.ps-services .label-wrapper { text-align: left; padding: 0; }
	.ps-services .resp-tab-active { border-bottom: none; }
	.ps-services .label-wrapper .icon { display: none; }
}