@charset "utf-8";
ul.resp-tabs-list {
	margin: 0;
	padding: 0 70px;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.resp-tabs-list li {
	font-weight: 600;
	font-size: 13px;
	display: inline-block;
	padding: 0 15px;
	list-style: none;
	cursor: pointer;
	float: left;
	text-align: center;
	width: 25%
}
.resp-tabs-list li:hover span.img-outer {
	transform: rotateY(360deg);
	transition: .5s ease-in-out
}
.resp-tabs-list li span.tab-name {
	background: #27adbf;
	width: 100%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: #fff;
	display: block;
	padding: 16px 5px;
	text-transform: uppercase;
	position: relative;
	transition: .5s ease-in-out
}
.resp-tabs-list li span.img-outer {
	border: 1px solid #27adbf;
	width: 161px;
	height: 161px;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: inset 0 0 20px rgba(39,173,191,0.2);
	padding: 10px
}
.resp-tabs-list li span.img-outer img {
	max-width: 100%;
	margin: 0 auto
}
.resp-tabs-list li span.tab-name:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #27adbf;
	top: -14px;
	left: 46%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: .5s ease-in-out
}
.resp-tabs-list li span.tab-name::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #27adbf;
	bottom: 0;
	left: 46%;
	position: absolute;
	display: block;
	transition: .5s ease-in-out
}
.resp-tabs-container {
	padding: 0;
	clear: left;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none
}
.resp-tab-active span.img-outer {
	border: 1px solid #27adbf;
	width: 161px;
	height: 161px;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: inset 0 0 20px rgba(39,173,191,0.2)
}
.resp-tab-active span.img-outer img {
	max-width: 100%;
	margin: 0 auto
}
.resp-tab-active span.tab-name:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #0aa278!important;
	top: 0!important;
	left: 46%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: .5s ease-in-out
}
.resp-tab-active span.tab-name::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #0aa278!important;
	bottom: -14px!important;
	left: 46%;
	position: absolute;
	display: block;
	transition: .5s ease-in-out
}
.resp-tab-active {
	border-bottom: 0
}
.resp-content-active, .resp-accordion-active {
	display: block
}
.resp-tab-active span.tab-name {
	background: #0aa278!important
}
.resp-tab-content {
	margin-top: 40px;
	background: rgba(0,0,0,0.4);
	border-radius: 10px;
	display: none;
	padding: 33px 15px 30px 15px
}
.resp-tab-content h4 {
	font-family: 'Dosis', sans-serif;
	color: #75efff;
	font-size: 40px;
	text-transform: uppercase
}
.resp-tab-content p {
	font-family: 'Open Sans', sans-serif;
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	margin: 18px 0
}
.tab-content-1 {
	float: left;
	width: 73%;
	padding: 0 15px
}
.tab-content-img-1 {
	max-width: 100%;
	float: right;
	width: 27%;
	padding: 0 15px;
	margin-top: 30px;
	text-align: center
}
.tab-content-img-1 img {
	max-width: 100%
}
.tab-content-2 {
	float: left;
	width: 74%;
	padding: 0 15px
}
.tab-content-img-2 {
	max-width: 100%;
	float: right;
	width: 26%;
	padding: 0 15px;
	text-align: center
}
.tab-content-img-2 img {
	max-width: 100%
}
.tab-content-3 {
	float: left;
	width: 70%;
	padding: 0 15px
}
.tab-content-img-3 {
	max-width: 100%;
	float: right;
	width: 30%;
	padding: 0 15px;
	margin-top: 40px;
	text-align: center
}
.tab-content-img-3 img {
	max-width: 100%
}
.tab-content-4 {
	float: left;
	width: 76%;
	padding: 0 15px
}
.tab-content-img-4 {
	max-width: 100%;
	float: right;
	width: 24%;
	padding: 0 15px;
	text-align: center
}
.tab-content-img-4 img {
	max-width: 100%
}
h2.resp-accordion {
	padding: 10px 15px
}
h2.resp-tab-active {
	border-bottom: 0 solid #c1c1c1!important;
	margin-bottom: 0!important;
	padding: 10px 15px!important
}
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%
}
.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px!important;
	margin: 0 0 4px;
	cursor: pointer;
	float: none
}
.resp-vtabs .resp-tabs-container {
	padding: 0;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none
}
.resp-vtabs .resp-tab-content {
	border: 0;
	word-wrap: break-word
}
.resp-vtabs li.resp-tab-active {
	position: relative;
	z-index: 1;
	margin-right: -1px!important;
	padding: 14px 15px 15px 14px!important;
	border-top: 1px solid;
	border: 1px solid #5AB1D0!important;
	border-left: 4px solid #5AB1D0!important;
	margin-bottom: 4px!important;
	border-right: 1px #FFF solid!important
}
.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 8px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid rgba(255,255,255,0.6)
}
h2.resp-tab-active span.resp-arrow {
	border: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid rgba(255,255,255,0.8)
}
h2.resp-tab-active {
	background: #0aa278
}
.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: 0
}
.resp-tab-content-active {
	display: block
}
@media only screen and (max-width:1140px) {
ul.resp-tabs-list {
	padding: 0
}
}
@media only screen and (max-width:991px) {
.resp-tabs-list li span.tab-name {
	font-size: 16px
}
.resp-tabs-list li span.img-outer {
	width: 130px;
	height: 130px
}
.resp-tabs-list li span.img-outer img {
	max-width: 72%
}
.tab-content-1, .tab-content-img-1, .tab-content-2, .tab-content-img-2, .tab-content-3, .tab-content-img-3, .tab-content-4, .tab-content-img-4 {
	width: 100%
}
.tab-content-img-1, .tab-content-img-2, .tab-content-img-3, .tab-content-img-4 {
	margin-top: 20px
}
}
@media only screen and (max-width:768px) {
ul.resp-tabs-list {
	display: none
}
h2.resp-accordion {
	display: block;
	background: #27adbf;
	margin: 5px 0
}
h2.resp-accordion span.tab-name {
	width: 100%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	position: relative;
	transition: .5s ease-in-out;
	background: none!important
}
.resp-tab-active span.tab-name:before, h2.resp-accordion span.img-outer {
	display: none!important
}
.resp-tab-active span.tab-name::after {
	bottom: -24px!important
}
.resp-vtabs .resp-tab-content {
	border: 1px solid #c1c1c1
}
h2.resp-tab-active {
	background: #0aa278
}
.resp-vtabs .resp-tabs-container {
	border: 0;
	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 #c1c1c1!important
}
.resp-tab-content {
	margin-top: 0;
	border-radius: 0 0 10px 10px;
	padding: 25px 5px 15px 5px
}
.resp-tab-content h4 {
	font-size: 30px
}
}
@media only screen and (max-width:480px) {
.resp-tab-content h4 {
	font-size: 27px
}
.resp-tab-content p {
	margin: 7px 0
}
}
@media only screen and (max-width:320px) {
h2.resp-accordion span.tab-name {
	font-size: 16px
}
}