////VERSION 2 style
.version2 {
    .wpb_tabs,
    .wpb_tabs_extended{
        .wpb_tabs_nav, 
        .vc_tta-tabs-list{
            border-bottom: none !important;
            margin-bottom: 90px !important;
            display: block !important;
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;

            li{
                float: none !important;
                display: inline-block !important;
                padding: 7px !important;
                background-color: transparent !important;
                border: none !important;
                margin-left: -1px !important;
                margin-bottom: 2px !important;
                border-radius: 500px;

                a{
                    font-family: @font-title !important;
                    font-size: 13px !important;
                    letter-spacing: 1px !important;
                    background-color: transparent !important;
                    border: none !important;
                    margin: 0px !important;
                    padding: 0.5em 1em !important;
                }

                &.ui-tabs-active,
                &.vc_active{
                    background-image: linear-gradient(135deg, @color-ancient2, @color-ancient1) !important;
                    border-color: transparent !important;
                    a{
                        color: #fff !important;
                    }
                }
            }
        }

        .vc_tta-panels{
            background-color: transparent !important;
            border: 0px !important;

            .vc_tta-panel-body{
                padding: 0px;
            }
        }

        .wpb_tour_tabs_wrapper{
            .wpb_tab{
                background-color: transparent !important;
                padding: 0px;
            }
        }
    }
}

/*-----------------------------------------------------------------------------------
VC TAB RESTYLING
-----------------------------------------------------------------------------------*/
.wpb_tabs,
.wpb_tabs_extended{
    .wpb_tabs_nav, 
    .vc_tta-tabs-list{
        border-bottom: 1px solid #eaedee !important;
        margin-bottom: 90px !important;
        display: block !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;

        li{
            float: none !important;
            display: inline-block !important;
            padding: 7px !important;
            background-color: transparent !important;
            border: 1px solid #eaedee !important;
            margin-left: -1px !important;
            margin-bottom: -1px !important;

            a{
                font-family: @font-title !important;
                font-size: 13px !important;
                letter-spacing: 2px !important;
                background-color: transparent !important;
                border: none !important;
                margin: 0px !important;
                padding: 0.5em 1em !important;
            }

            &.ui-tabs-active,
            &.vc_active{
                background-color: @color-brand !important;
                border-color: @color-brand !important;
                a{
                    color: #fff !important;
                }
            }
        }
    }

    .vc_tta-panels{
        background-color: transparent !important;
        border: 0px !important;

        .vc_tta-panel-body{
            padding: 0px;
        }
    }

    .wpb_tour_tabs_wrapper{
        .wpb_tab{
            background-color: transparent !important;
            padding: 0px;
        }
    }
}
.wpb_tabs[data-style="process"],
.wpb_tabs_extended[data-style="process"]{
    text-align: center;

    @media screen and (max-width: 1024px) {

        .row {
            h4 {
                margin-bottom: 15px;
            }

            p {
                line-height: 22px;
            }
        }
    }

    .process {
        margin-top: 85px;
        cursor: pointer;
        opacity: 0.2;
        transition: all .3s;
        img{
        	width:55px;
        	height: 60px;
        }

        @media screen and (max-width:992px) {
            margin-top: 55px;
        }

        h6 {
            color:#000;
            font-size: 16px;
            letter-spacing: 1px;
            font-family: @font-title;
        }

        img {
            display: inline-block;
            margin: auto;
        }

        i{
            color:#000;
            display: inline-block;
            font-size: 38px;
            line-height: 100px;
            margin: auto;
            height: 100px;
            width: 100px;
            background: transparent;
            border-radius: 50%;
        }

        .number-field {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            border-radius: 50%;
            border: 2px solid #eeeef0;
            width: 50px;
            height: 50px;
            margin: auto;
            margin-top: 50px;
            font-size: 18px;
            line-height: 20px !important;
            font-family: @font-title;
            color: #acafba;

            p {
                color:#000;
                margin: 0px !important;
                font-family: @font-title;
            }
        }

        &.active-process{
            opacity: 1;
            i{
                color: #fff;
                background-image: linear-gradient(135deg, @color-ancient2, @color-ancient1) !important;
                border-color: transparent;
                box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
                transition: all .3s;
            }
        }

        &:hover{
            opacity: 1;
        }

    }

    .show-progress{
        position: relative;
        .number-field{
            border-color: @color-brand;

            &::before,
            &::after{
                content: '';
                position: absolute;
                width: 70%;
                background-color:#000;
                left: -30%;
                bottom: 22px;
                height: 1px;
                opacity: 0.45;
            }
            &::after{
                width: 0px;
                height: 3px;
                bottom: 21px;
                -webkit-transition: width 0.5s linear;
                -moz-transition: width 0.5s linear;
                transition: width 0.5s linear;
            }
        }

        .process-on{
            .number-field::before,
            .number-field::after{
                opacity: 1;
            }
            .number-field::after{
                width: 70%;
            }
        }

        &:first-child{
            .number-field::before,
            .number-field::after{
                display: none;
            }
        }
    }

    .process-info {
        display: none;
        margin-top: 44px;

        &.active-info {
            display: block;
        }
    }

}

.wpb_tabs[data-style="service"],
.wpb_tabs_extended[data-style="service"]{
    overflow: hidden;

    .bg-serv{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;

        .services{
            padding-top: 20px;
            padding-bottom: 20px;
        }
    }
  
        
    
    
    .serv-description{
        display: none;
        border: 5px solid#000;
        text-align: center;
        padding: 50px 20px 45px 20px;
        margin: 0 auto;
        min-width: 260px;
        width: 60%;
        color:#000;

        .topic{
            font-size: 40px;
            line-height: 1.1;
            margin-bottom: 20px;
            color:#000;
        }

        div{
            font-size: 16px;
            line-height: 28px;
        }
    }

    &[data-brightness="dark"]{
        .serv-description{
            color: #fff;
            border-color: #fff;
            .topic{
                color: #fff;
            }
        }
    }

    .serv-item{
        padding-top: 50px;
        padding-bottom: 50px;
        margin-left: 140px;
        margin-right: 140px;

        .tab_list{
            padding: 0;
            list-style-type: none;
        }

        .service{
            opacity: 0.5;
            text-align: center;
            cursor: pointer;
            transition: opacity 0.25s ease;
            color:#000;
            margin-top: 100px;

            &:nth-child(2n+1){
                clear: both;
            }

            i{
                font-size: 56px;
                line-height: 56px;
            }
            // 35373e

            h6{
                font-size: 13px;
                margin-top: 30px;
                text-transform: uppercase;
                letter-spacing: 2px;
            }

            &:hover,
            &.active-item{
                opacity: 1;
            }

            &:last-child{
                margin-bottom: 100px;
            }
        }

        @media only screen and (max-width: 1024px){
            margin-left: 30px;
            margin-right: 30px;
        }

    }

    @media only screen and (min-width: 601px){
        & > .row{
            display: table;
            position: relative;
            margin-left: 0px;
            margin-right: 0px;

            &::before,
            &::after{
                display: none;
            }

            & > div{
                display: table-cell;
                vertical-align: middle;
                position: relative;
                float: none;
            }
        }
    }
}

@media (max-width: 767px) {
	// xs

	.testimonial-wrapper{
		&.slider-type-circles{
			.client-slide{
				img{
					width: 80% !important;
				}
			}
		}
	}

	.wpb_tabs,
	.wpb_tabs_extended{
		.wpb_tabs_nav,
		.vc_tta-tabs-list{
			li {
				width: 100%;
			}
		}
	}


	.wpb_tour{
		&:not(.wpb_tour_extended){
	        .wpb_tabs_nav{
	            width: 100%;
	            margin-bottom: 30px;
	        }
	        .wpb_tab{
	            width: 100%;
	        }
	    }
	}

	.show-progress {
		.number-field {
			display: none;
		}
	}

	.v-member-nav {
		width: 100%!important;
		border-right: none !important;
		border-top: 1px solid #fff;
		padding: 28px 15px;
	}

	.margin4x {
		margin: 30px;
	}

	.margin5x {
        margin: 40px;
    }

	body.left-side-menu {
		padding-left: 0;
		.vc_row {
			padding-left: 0!important;
		}

		.pagination.hide {
			display: block!important;
			text-align: center;
			padding-top: 0;
		}

		.pagination {
			.swiper-pagination-switch {
				width: 10px;
				height: 10px;
				border: none;
				background: #ccc;
			}
		}

		.pagination {
			.swiper-active-switch {
				background: @color-brand;
				border: none;
				&:after {
					background: @color-brand;
				}
			}
		}
	}

}

.tab-container{
	.vc_tta-panel-heading{
		display: none;
	}
}
.wpb_tabs_extended.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title {
    display: none;
}