/* The tabs */
.tabs-vertical{
    margin:0 0 0 150px;
    text-align: left;
}
.tabs-vertical ul{
    float: left;
    list-style: none;
    text-align: left;
    margin: 0;
    padding-left: 0;
	margin-top:20px;
}

.tabs-vertical ul li{
    margin-right: -1px;
	text-align:right;
	padding:0 0 0px 0;
	
}

.tabs-vertical ul li a{
    display: block;
    color: #80B6CE;   
	font-size:23px;
    padding: 9px 50px 0px 60px;
	font-weight:bold;
	float:left;
	height:47px;
	background:url(../images/index_banner_text_dot1.png) no-repeat;

}

@media screen and (max-width: 1920px) {
	.tabs-vertical ul li a{
	font-size:18px;
	padding-top:11px;
	}
}
.tabs-vertical ul li a:hover{
	text-decoration:none

}

.tabs-vertical ul li a.tab-active {
	color:#fff;
	background:url(../images/index_banner_text_dot2.png) no-repeat
	
    
}

.tabs-vertical ul li:first-child a{
    border-top: 0;
}

/* The content */

.tabs-vertical .tabs-content-placeholder{
    overflow: hidden;
    font-weight: 700;
    padding: 50px 0 0 45px;
    margin: 0;
    text-align: center;
	font-size:30px;
	color:#FFF;
	
}
@media screen and (max-width: 1920px) {
	.tabs-vertical .tabs-content-placeholder{
	font-size:26px;
	
}
}
.tabs-vertical .tabs-content-placeholder div{
    display: none;
}

.tabs-vertical .tabs-content-placeholder div.tab-content-active{
    display: block;

}

.tabs-vertical .tabs-content-placeholder div p{


    text-align: left;

}

.tabs-vertical .tabs-content-placeholder div img{
    max-width: 100%;
}

@media (max-width: 768px) {
	.tabs-vertical{
    margin: 5px auto;
    text-align: center;
}

    .tabs-vertical ul{
        float: none;
    }

    .tabs-vertical ul li{
        display: inline-block;
        margin-bottom: -1px;
		text-transform:capitalize;
		padding:0 0 5px 0;
    }

    .tabs-vertical ul li a{
        border: 1px solid transparent;
        border-bottom: 0;
        border-top: 0;
        padding: 12px 20px;
		background:#efefef;
		margin:0 15px;
    }

    .tabs-vertical ul li a.tab-active {
		background:#fff
    }

    .tabs-vertical ul li:first-child a{
        border-left: 0;
    }

    .tabs-vertical .tabs-content-placeholder{
        padding: 0px 30px 30px;
        border-left: 0;
        border-top: 1px solid #dddddd;
		background:none;
    }

}
@media (max-width: 600px) {
	

    .tabs-vertical ul li a{
        border: 1px solid transparent;
        border-bottom: 0;
        border-top: 0;
        padding: 12px 0px;
		background:#efefef;
		margin:0px;
    }

  
}

