.mt-tabs .tabs {
position: relative;
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.mt-tabs .tabs nav {
text-align: center;
}
.mt-tabs .tabs nav ul {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
margin: 0 auto;
padding: 0;
max-width: 1200px;
list-style: none;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.mt-tabs .tabs nav ul li {
position: relative;
z-index: 1;
display: block;
margin: 0;
text-align: center;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
border: 0.5px solid #EAEAEA;
}
.mt-tabs .tabs nav a {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 2.5;
}
.mt-tabs .tabs nav a span {
vertical-align: middle;
font-size: 0.75em;
}
.mt-tabs .tabs nav li.tab-current a {
color: #74777b;
background: linear-gradient(90deg, #218BBF 0%, #45B6ED 100%) !important;
}
.tabs nav a:focus {
outline: none;
} .mt-tabs .content-wrap {
position: relative;
margin-top: 70px;
}
.mt-tabs .content-wrap section {
display: none;
margin: 0 auto;
padding: 1em;
max-width: 1140px;
text-align: center;
}
.mt-tabs .content-wrap section.content-current {
display: block;
text-align: left;
}
.mt-tabs .content-wrap h3.tabs_title {
font-size: 28px;
}
.mt-tabs .content-wrap section p {
margin: 0;
padding: 0;
color: #8b8b8a;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: left;
margin-top: 25px;
}
.mt-tabs .content-wrap img.tabs_image {
max-height: 350px;
}
.mt-tabs .content-wrap a.tabs_button {
color: #ffffff !important;
padding: 15px 30px;
border-radius: 35px;
font-size: 14px;
letter-spacing: .5px;
background: #E56768;
display: inline-block;
margin-top: 40px;
}
.mt-tabs .content-wrap a.tabs_button:hover {
background: #38A9E0;
} .no-js .mt-tabs .content-wrap section {
display: block;
padding-bottom: 2em;
border-bottom: 1px solid rgba(255,255,255,0.6);
}
.mt-tabs .no-flexbox nav ul {
display: block;
}
.mt-tabs .no-flexbox nav ul li {
min-width: 15%;
display: inline-block;
}
@media screen and (max-width: 58em) {
.mt-tabs .tabs nav a.icon span {
display: none;
}
.mt-tabs .tabs nav a:before {
margin-right: 0;
}
}   .mt-tabs .tabs-style-iconbox nav {
background: rgba(255,255,255,1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
}
.mt-tabs .tabs-style-iconbox nav ul li a {
overflow: visible;
padding: 30px 0;
line-height: 1;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.mt-tabs .tabs-style-iconbox nav ul li.tab-current {
z-index: 100;
}
.mt-tabs .tabs-style-iconbox nav ul li.tab-current a {
background: #DA5F60;
box-shadow: -1px 0 0 #fff;
}
.mt-tabs .tabs nav ul li:nth-of-type(odd) {
background: #FAFAFA;
} .mt-tabs .tabs-style-iconbox nav ul li.tab-current h5.tab-title {
color: #fff;
} .mt-tabs .tabs-style-iconbox nav ul li.tab-current img.tabs_icon {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.mt-tabs .tabs-style-iconbox nav ul li:first-child::before {
right: auto;
left: 0;
}
.mt-tabs .tabs-style-iconbox .icon::before {
display: block;
margin: 0 0 0.25em 0;
}
.mt-tabs img.tabs_icon {
max-height: 50px;
width: auto;
display: block;
margin: 0 auto;
}
.mt-tabs .tabs nav ul li:first-child {
border-radius: 10px 0px 0px 10px;
overflow: hidden;
}
.mt-tabs .tabs nav ul li:last-child {
border-radius: 0px 10px 10px 0px;
overflow: hidden;
}
.mt-tabs h5.tab-title {
font-size: 18px !important;
font-weight: 500;
color: #DA5F60;
margin-top: 20px;
margin-bottom: 0;
}
@media(max-width: 992px) {
body .mt-tabs .tabs nav ul li {
min-width: 40% !important;
}
}