@charset "UTF-8";

/**
*
* -------------------------------------------
*
* Template : Advance Tabs For WPBakery Page Builder
* Author : thecodude
* Author URI : http://thecodude.com
*
* ------------------------------------------- 
*
*/


/* ----------------------------
    Tabs Basic Styles
------------------------------- */

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 0;  
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.fade {
    transition: opacity .15s linear;
}



/* -----------------------------------
    Tabs Content Design
-------------------------------------- */
.mt15 {margin-top: 15px;}
.mb30 {margin-bottom: 30px;}
.m-remove {margin: 0 !important;}
.spacer1 {height: 10px;}
.spacer2 {height: 20px;}
.spacer3 {height: 30px;}
.spacer4 {height: 40px;}
iframe, img {max-width: 100%;border: 0;vertical-align: middle;}
.tcd-button {display: inline-block;padding: 7px 15px;background-color: #fff;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);color: #666;}
.tcd-button:hover, 
.tcd-button:focus {color: #444;}
.tab-content ul {padding-left: 20px;list-style-type: circle;display: inline-block;}
[class*="tcd-tabs-"] .nav-tabs {border: 0;}
.contact ul {list-style-type: none;padding-left: 0;}
.contact ul li i {margin-right: 6px;}
.contact ul li + li {padding-top: 6px;margin-top: 6px;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.contact h3 {margin-bottom: 15px;}
.nav-tabs li i {margin-right: 6px;}
[class*="tcd-tabs-"].tcd-tabs-right .nav-tabs li i, 
[class*="tcd-tabs-"].tcd-tabs-v-right .nav-tabs li i {margin-right: 0px;margin-left: 6px;}
[class*="tcd-tabs-"].tcd-tabs-right .nav-tabs li i.fa-play, 
[class*="tcd-tabs-"].tcd-tabs-v-right .nav-tabs li i.fa-play {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/* --------------------------
   Member Design
---------------------------- */
[class*="tcd-tabs-"] .member-photo {position: relative;overflow: hidden;margin-bottom: 25px;}
[class*="tcd-tabs-"] .member-photo:after {position: absolute;content: '';height: 100%;width: 100%;background: rgba(0,0,0,0.3);top: 0;opacity: 0;-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
[class*="tcd-tabs-"] .member-icons {position: absolute;top: 0;right: -50px;-webkit-transition: right 0.5s ease;transition: right 0.5s ease;z-index: 111;}
[class*="tcd-tabs-"] .member-icons a {display: block;width: 40px;height: 40px;line-height: 40px;background: #000;text-align: center;color: #fff;}
[class*="tcd-tabs-"] .member .member-title {font-size: 13px;margin-bottom: 20px;}
[class*="tcd-tabs-"] .progress {position: relative;height: 32px;margin-bottom: 20px;border-radius: 0;background: rgba(0, 0, 0, 0.1);}
.progress-bar {line-height: 32px;text-align: right;padding-right: 15px;background-color: #2a2a2a;color: #fff;}
[class*="tcd-tabs-"] span.progress-name {position: absolute;color: #fff;top: 50%;transform: translateY(-50%);left: 15px;}
[class*="tcd-tabs-"] .member-photo:hover .member-icons {right: 0px;}
[class*="tcd-tabs-"] .member-photo:hover:after {opacity: 1;}

/* --------------------------
   Gallery Design
---------------------------- */
[class*="tcd-tabs-"] .gallery [class*="tcd-col-"]{margin-bottom: 30px;}
[class*="tcd-tabs-"] .gallery-photo {position: relative;overflow: hidden;}
[class*="tcd-tabs-"] .gallery-caption {position: absolute;bottom: -50px;width: 100%;text-align: center;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;letter-spacing: 0.5px;-webkit-transition: bottom 0.5s ease;transition: bottom 0.5s ease;}
[class*="tcd-tabs-"] .gallery-photo:hover .gallery-caption {bottom: 0;}

/* ---------------------
   Style 1
------------------------ */
.tcd-tabs-style1 .nav-tabs li a {padding: 8px 15px;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);margin: 0 10px 15px 0;display: inline-block;color: #444;}
.tcd-tabs-style1 .nav-tabs li a.active {background: #444;color: #fff;}
.tcd-tabs-style1 .tab-content {padding: 30px 35px;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);}

/* ----------------------
   Style 2
------------------------ */
.tcd-tabs-style2 .nav-tabs li a {display: inline-block;padding: 8px 15px;margin: 0 30px 20px 0;background-color: #f5f5f5;color: #777;position: relative;}
.tcd-tabs-style2 .nav-tabs li a.active {background-color: #000;color: #fff;}
.tcd-tabs-style2 .nav-tabs li a:after {position: absolute;content: '';width: 10px;height: 100%;background-color: #f5f5f5;top: 0;right: -6px;transform: skew(-12deg);-webkit-box-shadow: 7px 0px 0px rgba(42, 42, 42, 0.07);box-shadow: 7px 0px 0px rgba(42, 42, 42, 0.07);}
.tcd-tabs-style2 .nav-tabs li a.active:after {background-color: #000;}
.tcd-tabs-style2 .tab-content {position: relative;padding: 20px 25px;background-color: rgba(42,42,42,0.03);border: 3px solid #fff;-webkit-box-shadow: 3px 3px 0 0 rgba(42,42,42,0.03);box-shadow: 3px 3px 0 0 rgba(42,42,42,0.03);}
.tcd-tabs-style2.tcd-tabs-right .nav-tabs li a, 
.tcd-tabs-style2.tcd-tabs-v-right .nav-tabs li a {margin: 0 0 20px 30px;}
.tcd-tabs-style2.tcd-tabs-right .nav-tabs li a:after, 
.tcd-tabs-style2.tcd-tabs-v-right .nav-tabs li a:after {right: auto;left: -6px;transform: skew(12deg);-webkit-box-shadow: -7px 0px 0px rgba(42, 42, 42, 0.07);box-shadow: -7px 0px 0px rgba(42, 42, 42, 0.07);}

/* ----------------------
   Style 3
------------------------ */
.tcd-tabs-style3 {margin-left: 5px;margin-right: 5px;}
.tcd-tabs-style3 .nav-tabs li a {display: inline-block;color: #777;padding: 5px 15px;background-color: rgba(42,42,42,0.03);border: 4px solid #fff;-webkit-box-shadow: 0 0 0 4px rgba(42,42,42,0.03);box-shadow: 0 0 0 4px rgba(42,42,42,0.03);margin: 0 20px 30px 0;}
.tcd-tabs-style3 .nav-tabs li a.active {background: #444;-webkit-box-shadow: 0 0 0 4px #444;box-shadow: 0 0 0 4px #444;color: #fff;}
.tcd-tabs-style3 .tab-content {padding: 20px 25px;-webkit-box-shadow: 0 0 0 4px rgba(42,42,42,0.03);box-shadow: 0 0 0 4px rgba(42,42,42,0.03);}
.tcd-tabs-style3.tcd-tabs-right .nav-tabs li a, 
.tcd-tabs-style3.tcd-tabs-v-right .nav-tabs li a {margin: 0 0 30px 20px;}

/* ----------------------
   Style 4
------------------------ */
.tcd-tabs-style4 {padding: 20px;border-radius: 5px;background: #f9f9f9;}
.tcd-tabs-style4 .nav-tabs li a {position: relative;padding: 8px 15px;background-color: rgba(42, 42, 42, 0.05);color: #666;border-radius: 5px;display:  inline-block;margin: 0 15px 25px 0;}
.tcd-tabs-style4 .nav-tabs li a.active {background: #444;color: #fff;}
.tcd-tabs-style4 .nav-tabs li a.active:before {position: absolute;content: '';left: 12px;bottom: -14px;border: 7px solid transparent;border-top-color: #444;}
.tcd-tabs-style4 .tab-content {padding-top: 25px;border-top: 3px solid rgba(68, 68, 68, 0.06);position:  relative;z-index: 10;}
.tcd-tabs-style4.tcd-tabs-center .nav-tabs li a.active:before {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.tcd-tabs-style4.tcd-tabs-right .nav-tabs li a {margin: 0 0 25px 15px;}
.tcd-tabs-style4.tcd-tabs-right .nav-tabs li a.active:before {left: auto;right: 12px;}
.tcd-tabs-style4.tcd-tabs-v-left .tab-content {padding-left: 35px;padding-top: 0;border-top: 0;border-left: 3px solid rgba(68, 68, 68, 0.06);}
.tcd-tabs-style4.tcd-tabs-v-left .nav-tabs li a {margin-right: 8px;}
.tcd-tabs-style4.tcd-tabs-v-left .nav-tabs li a.active:before {left: auto;right: -14px;bottom: 50%;border: 7px solid transparent;border-left-color: #444;transform: translateY(50%);}
.tcd-tabs-style4.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
.tcd-tabs-style4.tcd-tabs-v-right .nav-tabs li a.active:before {left: -14px;bottom: 50%;border: 7px solid transparent;border-right-color: #444;transform: translateY(50%);}
.tcd-tabs-style4.tcd-tabs-v-right .tab-content {padding-right: 35px;padding-top: 0;border-top: 0;border-right: 3px solid rgba(68, 68, 68, 0.06);}

/* ----------------------
   Style 5
------------------------ */
.tcd-tabs-style5 .nav-tabs li a {color: #777;padding: 15px 25px;background-color: rgba(42, 42, 42, 0.05);display: inline-block;margin: 0;border-top: 1px solid #ddd;}
.tcd-tabs-style5 .nav-tabs li a.active {background: #232323;color: #fff;border-top-color: #232323;}
.tcd-tabs-style5 .tab-content {clear: both;padding: 30px 35px;background-color: #232323;color: #fff;}
.tcd-tabs-style5 .tab-content h1, 
.tcd-tabs-style5 .tab-content h2, 
.tcd-tabs-style5 .tab-content h4, 
.tcd-tabs-style5 .tab-content h3, 
.tcd-tabs-style5 .tab-content p {color: #fafafa;}
.tcd-tabs-style5 hr {border-top-color: rgba(238, 238, 238, 0.25);}
.tcd-tabs-style5.tcd-tabs-right .nav-tabs li a {margin: 0;}
.tcd-tabs-style5.tcd-tabs-v-left > .tcd-row > .tcd-col-3 {padding-right: 0;}
.tcd-tabs-style5.tcd-tabs-v-left > .tcd-row > .tcd-col-9 {padding-left: 0;}
.tcd-tabs-style5.tcd-tabs-v-left .nav-tabs li:last-child a {border-bottom: 1px solid #ddd;}
.tcd-tabs-style5.tcd-tabs-v-right > .tcd-row > .tcd-col-3 {padding-left: 0;}
.tcd-tabs-style5.tcd-tabs-v-right > .tcd-row > .tcd-col-9 {padding-right: 0;}
.tcd-tabs-style5.tcd-tabs-v-right .nav-tabs li:last-child a {border-bottom: 1px solid #ddd;}


/* ----------------------
   Style 6
------------------------ */
.tcd-tabs-style6 .nav-tabs li a {padding: 6px 14px;background-color: rgba(42,42,42,0.03);border: 2px solid #fff;-webkit-box-shadow: 0 0 0 2px rgba(42,42,42,0.03);box-shadow: 0 0 0 2px rgba(42,42,42,0.03);margin-right: 15px;margin-bottom: 25px;border-radius: 20px;display:  inline-block;color: #777;}
.tcd-tabs-style6 .nav-tabs li a.active {background: #444;-webkit-box-shadow: 0 0 0 2px #444;box-shadow: 0 0 0 2px #444;color: #fff;}
.tcd-tabs-style6 .tab-content {padding: 20px 25px;background-color: rgba(42,42,42,0.03);border: 2px solid #fff;border-radius: 20px;-webkit-box-shadow: 0 0 0 2px rgba(42,42,42,0.03);box-shadow: 0 0 0 2px rgba(42,42,42,0.03);}
.tcd-tabs-style6.tcd-tabs-right .nav-tabs li a {margin-left: 15px;margin-bottom: 25px;}
.tcd-tabs-style6.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
.tcd-tabs-style6.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}

/* ----------------------
   Style 7
------------------------ */
.tcd-tabs-style7 {background: #fff;}
.tcd-tabs-style7 .nav-tabs li a {padding: 6px 20px;border: 2px solid #eee;margin-right: 20px;margin-bottom: 20px;margin-top: 9px;margin-left: 9px;color: #666;position: relative;display: inline-block;}
.tcd-tabs-style7 .nav-tabs li a.active {border: 2px solid #232323;color: #000;}
.tcd-tabs-style7 .nav-tabs li a i {position: absolute;top: -12px;left: -12px;background: #eee;border-radius: 50%;font-size: 10px;color: #666;width: 26px;height: 26px;line-height: 23px;text-align: center;border: 2px solid #fff;}
.tcd-tabs-style7 .nav-tabs li a.active i {color: #fff;background: #232323;}
.tcd-tabs-style7 .tab-content {padding: 20px 25px;-webkit-box-shadow: 0 20px 50px 0 rgba(35, 35, 35, 0.05);box-shadow: 0 20px 50px 0 rgba(35, 35, 35, 0.05);}
.tcd-tabs-style7.tcd-tabs-right .nav-tabs li a {text-align: right;margin-right: 9px;margin-bottom: 20px;margin-top: 9px;margin-left: 25px;}
.tcd-tabs-style7.tcd-tabs-right .nav-tabs li a i {left: auto;right: -12px;}
.tcd-tabs-style7.tcd-tabs-v-left .nav-tabs li a {margin-right:  9px;margin-left: 0;}
.tcd-tabs-v-left.tcd-tabs-style7 .nav-tabs li a i {left: auto;right: -12px;margin-right: 0;}
.tcd-tabs-style7.tcd-tabs-v-right .nav-tabs li a {margin-right:  0;}
.tcd-tabs-v-right.tcd-tabs-style7 .nav-tabs li a i {margin-left: 0;}

/* ----------------------
   Style 8
------------------------ */
.tcd-tabs-style8 {background-color: #fff;}
.tcd-tabs-style8 .nav-tabs li a {padding: 0 8px 8px;color: #666;margin-bottom: -1px;font-size: 14px;position:  relative;display: inline-block;margin-right: 20px;border-bottom: 1px solid transparent;}
.tcd-tabs-style8 .nav-tabs li a.active {position: relative;border-bottom-color: #232323;}
.tcd-tabs-style8 .nav-tabs li a.active:before {position: absolute;content: '';left: 50%;bottom: -14px;border: 7px solid transparent;border-top-color: #232323;transform: translateX(-50%);}
.tcd-tabs-style8 .nav-tabs li a.active:after {position: absolute;content: '';left: 50%;bottom: -11px;border: 6px solid transparent;border-top-color: #fff;transform: translateX(-50%);}
.tcd-tabs-style8 .nav-tabs li i {margin-right: 0;display: block;text-align: center;margin-bottom: 7px;font-size: 19px;}
.tcd-tabs-style8 .tab-content {padding: 28px 10px;border-top: 1px solid rgba(68, 68, 68, 0.06);}
.tcd-tabs-style8.tcd-tabs-right .nav-tabs li a {margin: 0 0 -1px 20px;text-align: right;}
.tcd-tabs-style8.tcd-tabs-v-left .nav-tabs li a, 
.tcd-tabs-style8.tcd-tabs-v-right .nav-tabs li a {display: block;text-align: center;margin-bottom: 25px;}
.tcd-tabs-style8.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
.tcd-tabs-style8.tcd-tabs-v-right .nav-tabs li a {margin-left: 0;}
.tcd-tabs-style8.tcd-tabs-v-left .tab-content, 
.tcd-tabs-style8.tcd-tabs-v-right .tab-content {padding: 0;border: 0;}

/* ----------------------
   Style 9
------------------------ */
.tcd-tabs-style9 {background-color: #fff;}
.tcd-tabs-style9 .nav-tabs li a {position: relative;padding: 10px 12px;color: #666;font-size: 14px;margin-bottom: 25px;display: inline-block;margin-right: 15px;text-align: center;}
.tcd-tabs-style9 .nav-tabs li a.active {color: #000;}
.tcd-tabs-style9 .nav-tabs li a.active:before {position: absolute;content: '';left: 0;top: 0;height: 12px;width: 12px;border-left: 1px solid #000;border-top: 1px solid #000;}
.tcd-tabs-style9 .nav-tabs li a.active:after {position: absolute;content: '';right: 0;bottom: 0;height: 12px;width: 12px;border-right: 1px solid #000;border-bottom: 1px solid #000;}
.tcd-tabs-style9 .tab-content {position: relative;padding: 25px;}
.tcd-tabs-style9 .tab-content:before {position: absolute;content: '';left: 0;top: 0;height: 12px;width: 12px;border-left: 1px solid #000;border-top: 1px solid #000;}
.tcd-tabs-style9 .tab-content:after {position: absolute;content: '';right: 0;bottom: 0;height: 12px;width: 12px;border-right: 1px solid #000;border-bottom: 1px solid #000;}
.tcd-tabs-style9.tcd-tabs-right .nav-tabs li a {margin-left: 15px;margin-bottom: 25px;}
.tcd-tabs-style9.tcd-tabs-v-right .nav-tabs li a {text-align: center;}

/* ----------------------
   Style 10
------------------------ */
.tcd-tabs-style10 .nav-tabs li a {padding: 8px 15px;background-color: rgba(42, 42, 42, 0.05);display: inline-block;position:  relative;margin-bottom: 25px;margin-right: 20px;color: #777;}
.tcd-tabs-style10 .nav-tabs li a.active {background: #000;color: #fff;border-radius: 5px 0 5px 0;}
.tcd-tabs-style10 .nav-tabs li a.active:before {position: absolute;content: '';left: -7px;top: -7px;height: 12px;width: 12px;border-left: 2px solid #000;border-top: 2px solid #000;}
.tcd-tabs-style10 .nav-tabs li a.active:after {position: absolute;content: '';right: -7px;bottom: -7px;height: 12px;width: 12px;border-right: 2px solid #000;border-bottom: 2px solid #000;}
.tcd-tabs-style10 .tab-content {padding: 30px;background-color: rgba(42,42,42,0.015);position:  relative;}
.tcd-tabs-style10 .tab-content:before {position: absolute;content: '';left: 5px;top: 5px;height: 12px;width: 12px;border-left: 2px solid #000;border-top: 2px solid #000;}
.tcd-tabs-style10 .tab-content:after {position: absolute;content: '';right: 5px;bottom: 5px;height: 12px;width: 12px;border-right: 2px solid #000;border-bottom: 2px solid #000;}
.tcd-tabs-style10.tcd-tabs-v-right .nav-tabs li a {margin-left: 0;}
.tcd-tabs-style10.tcd-tabs-right .nav-tabs li a {margin-bottom: 25px;margin-left: 20px;}

/* ---------------------
   Style 11
------------------------ */
.tcd-tabs-style11 .nav-tabs li a {padding: 8px 15px;margin: 0 10px 15px 0;display: inline-block;color: #444;background: rgba(42, 42, 42, 0.03);}
.tcd-tabs-style11 .nav-tabs li a.active {background: #444;color: #fff;}
.tcd-tabs-style11 .tab-content {padding: 30px;background: rgba(42, 42, 42, 0.03);}

/*-----------------------
    Tabs style 12
-------------------------*/
.tcd-tabs-style12 {padding: 20px;background-color: #ffffff;border: 1px solid rgba(68, 68, 68, 0.1);}
.tcd-tabs-style12 .nav-tabs {border-bottom: 0;}
.tcd-tabs-style12 .nav-tabs li a {border-radius: 0;line-height: normal;font-size: 13px;color: #777;display: inline-block;font-weight: 600;padding: 10px 20px;margin-right: 15px;margin-bottom: 20px;background: transparent;z-index: 111;box-shadow: 0 1px 4px rgba(221, 221, 221, 0.53);position: relative;}
.tcd-tabs-style12 .nav-tabs li a:after {content: '';position: absolute;left: 0;bottom: 0;height: 0;width: 100%;background-color: #232323;-webkit-transition: all .4s ease;transition: all .4s ease;z-index: -1;}
.tcd-tabs-style12 .nav-tabs li a:hover {color: #444;}
.tcd-tabs-style12 .nav-tabs li a.active {color: #fff !important;}
.tcd-tabs-style12 .nav-tabs li a:hover:after {height: 4px;}
.tcd-tabs-style12 .nav-tabs li a.active:after {height: 100%;}
.tcd-tabs-style12.tcd-tabs-right .nav-tabs li a {margin-bottom: 25px;margin-left: 20px;}

/*-----------------------
    Tabs style 13
-------------------------*/
.tcd-tabs-style13 {padding: 20px;background-color: #ffffff;border: 2px solid rgba(68, 68, 68, 0.1);}
.tcd-tabs-style13 .tcd-tab-title {margin: 0 0 15px 0;font-size: 20px;line-height: normal;}
.tcd-tabs-style13 .tcd-tab-desc {font-size: 13px;}
.tcd-tabs-style13 .nav-tabs {border-bottom: 0;}
.tcd-tabs-style13 .nav-tabs li a {border: 0 !important;border-radius: 0;line-height: normal;font-size: 13px;color: #777;border-radius: 20px;font-weight: 600;padding: 11px 20px;margin-right: 15px;margin-bottom: 20px;-webkit-transition: all .25s ease;transition: all .25s ease;display: inline-block;position:  relative;}
.tcd-tabs-style13 .nav-tabs li a:hover, 
.tcd-tabs-style13 .nav-tabs li a.active {background-color: #232323;color: #fff;}
.tcd-tabs-style13.tcd-tabs-right .nav-tabs li a {margin-left: 15px;margin-bottom: 20px;}

/*-----------------------
    Tabs style 14
-------------------------*/
.tcd-tabs-style14 .nav-tabs li a {position: relative;display: inline-block;line-height: normal;color: #777;padding: 0 0 14px 0;margin-right: 25px;margin-bottom: 25px;}
.tcd-tabs-style14 .nav-tabs li a:after {content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background-color: #000;-webkit-transition: all .4s ease;transition: all .4s ease;}
.tcd-tabs-style14 .nav-tabs li a:hover, 
.tcd-tabs-style14 .nav-tabs li a.active {color: #000;}
.tcd-tabs-style14 .nav-tabs li a:hover:after {width: 30%;}
.tcd-tabs-style14 .nav-tabs li a.active:after {width: 100%;}
.tcd-tabs-style14.tcd-tabs-right .nav-tabs li a:after, 
.tcd-tabs-style14.tcd-tabs-v-right .nav-tabs li a:after {left: auto;right: 0;}
.tcd-tabs-style14.tcd-tabs-right .nav-tabs li a {margin-left: 25px;margin-bottom: 25px;}

/*-----------------------
    Tabs style 15
-------------------------*/
.tcd-tabs-style15 {padding: 20px;background-color: #444;}
.tcd-tabs-style15 .nav-tabs li a {line-height: normal;color: #f5f5f5;border-radius: 4px;padding: 10px 20px;margin-right: 15px;margin-bottom: 25px;display: inline-block;}
.tcd-tabs-style15 .nav-tabs li a:hover, 
.tcd-tabs-style15 .nav-tabs li a.active {background-color: rgba(255, 255, 255, 0.24);color: #fff;}
.tcd-tabs-style15 * {color: #ccc;border-color: rgba(255, 255, 255, 0.2);}
.tcd-tabs-style15 .contact ul li + li {border-top-color: rgba(255, 255, 255, 0.2);}
.tcd-tabs-style15 .tcd-button {background-color: rgba(255, 255, 255, 0.16);}
.tcd-tabs-style15 .tcd-button:hover {opacity: 0.9;color: #fff;}
.tcd-tabs-style15.tcd-tabs-right .nav-tabs li a {margin-left: 15px;margin-bottom: 25px;}

/*-----------------------
    Tabs style 16
-------------------------*/
.tcd-tabs-style16 {padding: 30px;background-color: #ffffff;border: 3px solid #eee;}
.tcd-tabs-style16 .nav-tabs li a {position: relative;display: inline-block;color: #777;border-radius: 20px;padding: 8px 0 8px 0;margin-right: 25px;margin-bottom: 25px;}
.tcd-tabs-style16 .nav-tabs li a:before, 
.tcd-tabs-style16 .nav-tabs li a:after {content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background-color: #444;-webkit-transition: all .4s ease;transition: all .4s ease;}
.tcd-tabs-style16 .nav-tabs li a:after {top: 0;right: 0;left: auto;}
.tcd-tabs-style16 .nav-tabs li a:hover, 
.tcd-tabs-style16 .nav-tabs li a.active {color: #222;}
.tcd-tabs-style16 .nav-tabs li a:hover:before, 
.tcd-tabs-style16 .nav-tabs li a:hover:after {width: 50%;}
.tcd-tabs-style16 .nav-tabs li a.active:before, 
.tcd-tabs-style16 .nav-tabs li a.active:after {width: 100%;}
.tcd-tabs-style16.tcd-tabs-right .nav-tabs li a {margin-left: 25px;margin-bottom: 25px;}

/*-----------------------
    Tabs style 17
-------------------------*/
.tcd-tabs-style17 {padding: 20px;background-color: #ffffff;border: 4px solid rgba(0, 0, 0, 0.07);}
.tcd-tabs-style17 .nav-tabs li a {position: relative;display: inline-block;padding: 8px 15px;margin-right: 15px;margin-bottom: 25px;color: #777;}
.tcd-tabs-style17 .nav-tabs li a:hover, 
.tcd-tabs-style17 .nav-tabs li a.active {background-color: #444;color: #fff;}
.tcd-tabs-style17 .nav-tabs li a.active:after, 
.tcd-tabs-style17 .nav-tabs li a:hover:after {content: '';position: absolute;border: 7px solid transparent;border-top-color: #444;bottom: -14px;left: 50%;transform: translateX(-50%);}
.tcd-tabs-style17.tcd-tabs-right .nav-tabs li a {margin-left: 15px;margin-bottom: 25px;}
.tcd-tabs-style17.tcd-tabs-v-left .nav-tabs li a, 
.tcd-tabs-style17.tcd-tabs-v-right .nav-tabs li a {margin-bottom: 20px;}

/*-----------------------
    Tabs style 18
-------------------------*/
.tcd-tabs-style18 .tcd-tab-title {margin: 0 0 15px 0;font-size: 20px;line-height: normal;}
.tcd-tabs-style18 .tcd-tab-desc {font-size: 13px;}
.tcd-tabs-style18 .nav-tabs {border-bottom: 0;}
.tcd-tabs-style18 .nav-tabs li a {position:relative;display:inline-block;color: #777;font-weight: 600;padding: 8px 20px;margin-right: 20px;margin-bottom: 25px;background: rgb(255, 255, 255);z-index: 111;box-shadow: 0 1px 4px rgba(221, 221, 221, 0.53);position: relative;}
.tcd-tabs-style18 .nav-tabs li a:after {content: '';position: absolute;left: 0;bottom: 0;height: 100%;width: 0px;background-color: #232323;-webkit-transition: all .4s ease;transition: all .4s ease;z-index: -1;}
.tcd-tabs-style18 .nav-tabs li a:hover {color: #444;}
.tcd-tabs-style18 .nav-tabs li a.active {color: #fff !important;}
.tcd-tabs-style18 .nav-tabs li a:hover:after {width: 4px;}
.tcd-tabs-style18 .nav-tabs li a.active:after {width: 100%;}
.tcd-tabs-style18.tcd-tabs-right .nav-tabs li a {margin-right: 0;margin-left: 20px;margin-bottom: 25px;}
.tcd-tabs-style18.tcd-tabs-right .nav-tabs li a:after, 
.tcd-tabs-style18.tcd-tabs-v-right .nav-tabs li a:after {left: auto;right: 0;}

/* ----------------------
   Tabs Alignments
------------------------ */
.tcd-tabs-center .nav-tabs {align-items: center;justify-content: center;}
.tcd-tabs-right .nav-tabs {align-items: flex-end;justify-content: flex-end;}
.tcd-tabs-right .nav-tabs li a {margin: 0 0 15px 10px;text-align: right;}
.tcd-tabs-v-left .nav-tabs li a {display: block;}
.tcd-tabs-v-right .nav-tabs li a {display: block;text-align: right;}

/* -----------------------------
  Responsive Media
-------------------------------- */
@media (min-width: 768px) {
    .tcd-tabs-style10.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style11.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style11.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style13.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style13.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style12.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style12.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style14.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style14.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style15.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style15.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style16.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style16.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style17.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style17.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style18.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style18.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style17.tcd-tabs-v-left .nav-tabs li a.active:after, 
    .tcd-tabs-style17.tcd-tabs-v-left .nav-tabs li a:hover:after {border-top-color: transparent;border-left-color: #444;bottom: 50%;left: auto;right: -14px;transform: translateY(50%)}
    .tcd-tabs-style17.tcd-tabs-v-right .nav-tabs li a.active:after, 
    .tcd-tabs-style17.tcd-tabs-v-right .nav-tabs li a:hover:after {border-top-color: transparent;border-right-color: #444;bottom: 50%;left: -14px;transform: translateY(50%)}
}

@media (max-width: 991px) {
    [class*="tcd-tabs-v-"] > .tcd-row > .tcd-col-3 {-ms-flex: 0 0 34%;flex: 0 0 34%;max-width: 34%;}
    [class*="tcd-tabs-v-"] > .tcd-row > .tcd-col-9 {-ms-flex: 0 0 66%;flex: 0 0 66%;max-width: 66%;}
}

@media (max-width: 767px) {
    [class*="tcd-tabs-v-"] > .tcd-row > [class*="tcd-col-"] {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    [class*="tcd-tabs-v-"] > .tcd-row > .tcd-col-9 {-moz-order: 2;-webkit-order: 2;order: 2;}
    .tcd-tabs-v-right .nav-tabs {align-items: flex-end;justify-content: flex-end;}
    .tcd-tabs-v-left .nav-tabs li a, 
    .tcd-tabs-v-right .nav-tabs li a {display: inline-block;}
  .flex-column {-ms-flex-direction: initial !important;flex-direction: initial !important;}
    .tcd-tabs-style4.tcd-tabs-v-left .tab-content, 
    .tcd-tabs-style4.tcd-tabs-v-right .tab-content {padding-top: 25px;border-top: 3px solid rgba(68, 68, 68, 0.06);border-left: 0;border-right: 0;padding-left: 0;padding-right: 0;}
    .tcd-tabs-style4[class*="tcd-tabs-v-"] .nav-tabs li a.active:before {left: 12px;right: auto;bottom: -14px;transform: translateY(0);border: 7px solid transparent;border-top-color: #444;}
    .tcd-tabs-style4.tcd-tabs-v-right .nav-tabs li a.active:before {left: auto;right: 12px;}
    .tcd-tabs-style4.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style6.tcd-tabs-v-right .nav-tabs li a {margin-left: 15px;}
    .tcd-tabs-style5.tcd-tabs-v-left > .tcd-row > .tcd-col-9 {padding-left: 15px;}
    .tcd-tabs-style5.tcd-tabs-v-left > .tcd-row > .tcd-col-3 {padding-right: 15px;}
    .tcd-tabs-style5.tcd-tabs-v-right > .tcd-row > .tcd-col-3 {padding-left: 15px;}
    .tcd-tabs-style5.tcd-tabs-v-right > .tcd-row > .tcd-col-9 {padding-right: 15px;}
    .tcd-tabs-style5.tcd-tabs-v-right .nav-tabs li:last-child a, 
    .tcd-tabs-style5.tcd-tabs-v-left .nav-tabs li:last-child a {border-bottom: 0;}
    .tcd-tabs-style6.tcd-tabs-v-left .nav-tabs li a {margin-right: 15px;}
    .tcd-tabs-style7.tcd-tabs-v-left .nav-tabs li a {margin-right: 25px;}
    .tcd-tabs-style7.tcd-tabs-v-right .nav-tabs li a {margin-left: 25px;}
    .tcd-tabs-style8 .tab-content {border-top: 0;padding: 0;}
    .tcd-tabs-style8 .nav-tabs li a {margin-bottom: 25px !important;text-align: center !important;}
    .tcd-tabs-style11.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style13.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style12.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style15.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style17.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;margin-left: 15px;}
    .tcd-tabs-style14.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style16.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;margin-left: 25px;}
    .tcd-tabs-style18.tcd-tabs-v-right .nav-tabs li a {margin-right: 0;margin-left: 20px;}
}

@media (max-width: 480px) {
    [class*="tcd-tabs-style"] .nav-tabs {display: block;}
    [class*="tcd-tabs-style"] .nav-tabs li a {display: block;margin-left: 0 !important;margin-right: 0 !important;}
    .tcd-tabs-style2 .nav-tabs li a {width: 96%;}
    .tcd-tabs-style2.tcd-tabs-right .nav-tabs li a {margin: 0 20px 20px 14px !important;text-align: right;}
    .tcd-tabs-style2.tcd-tabs-v-right .nav-tabs li a {width: auto;}
    .tcd-tabs-style3.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style4.tcd-tabs-right .nav-tabs li a, 
    .tcd-tabs-style4.tcd-tabs-v-right .nav-tabs li a, 
    .tcd-tabs-style6.tcd-tabs-v-right .nav-tabs li a {margin-left: 0}
    .tcd-tabs-style4.tcd-tabs-v-left .nav-tabs li a, 
    .tcd-tabs-style6.tcd-tabs-v-left .nav-tabs li a {margin-right: 0;}
    .tcd-tabs-style7.tcd-tabs-v-right .nav-tabs li a {margin-left: 7px;}
    .tcd-tabs-style7.tcd-tabs-v-left .nav-tabs li a {margin-right: 7px;}
    .tcd-tabs-style7.tcd-tabs-right .nav-tabs li a {margin-left: 0;}
    .tcd-tabs-v-right.tcd-tabs-style7 .nav-tabs li a i {right: -12px;left: auto;}
    .tcd-tabs-v-left.tcd-tabs-style7 .nav-tabs li a i {left: -12px;right: auto;}
    .tcd-tabs-style9.tcd-tabs-right .nav-tabs li a {text-align: center;}
}