/*---------about us page strat-----------*/


.tab-danger {
	border: none;
}
.tab-danger li {
	border: none;
	border-radius: 10px;
}

.tab-pane .col-md-8{
	margin-top: 10%;
}

.tab-pane p{
	color: #fff;
}

.tab-danger li a {
	margin: 0;
	border: none !important;
	color: #624098;
	transition: all .3s ease-in-out;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 4px 13px!important;
}
.tab-danger li a img {
	width: 16px;
	height: 16px;
	margin-top: -16px;
	margin-left: -8px;
}



.buddyworld .details2 .video1 {
    width: 750px;
    background: url(../images/tab1-buddyworl-video1.png) no-repeat;
    height: 437px;
    text-align: center;
}


.nav.nav-tabs.tab-danger {
	text-align: center;
	position: relative;
}

.nav-tabs > li h3 {
font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;

}
.tab-danger li.active .arrow-left {
	opacity: 1;
}
.tab-danger .dropdown-menu {
	padding: 0;
}
.tab-danger .open > a, .tab-danger .open > a:focus, .tab-danger .open > a:active, .tab-danger .open > a:hover, .tab-danger .open > a:visited {
	background: #cd2c23;
	border: none;
}
.tab-content-default {
	background: #2d3842;
}
.tab-content-default .tab-pane {
	background: #2d3842;
	color: #fff;
	padding: 30px;
}
.tab-content-primary {
	background: #4d4292;
	background-attachment:fixed;
	padding: 10px 30px 10px 30px 45px 90px 60px 30px 22px 23px 24px;
}
.tab-content-primary .tab-pane {
	background: #4d4292;
	color: #fff;
	padding: 10px;
}
.tab-content-info {
	background: #1485a8;
}
.tab-content-info .tab-pane {
	background: #1485a8;
	color: #fff;
	padding: 10px;
}
.tab-content-success {
	background: #1c6f73;
}
.tab-content-success .tab-pane {
	background: #1c6f73;
	color: #fff;
	padding: 10px;
}
.tab-content-warning {
	background: #e59d28;
}
.tab-content-warning .tab-pane {
	background: #e59d28;
	color: #fff;
	padding: 10px;
}
.tab-content-danger {

    width: 100%;
    background: url(../images/infrastructure/../images/tab1-buddyworl-video1.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: 100% 100%;

}
.tab-content-danger .tab-pane {
	background: #624098;
	color: #000;
	padding: 10px;
	margin-top: 0px;
}

.nav>li>a:focus, .nav>li>a:hover{
		background: #624098;
	color: #fdbc14;
}

.calect-danger li a img {
	width: 16px;
	height: 16px;
	margin-top: -16px;
	margin-left: -8px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fdbc14;
    cursor: default;
    background-color: #624098;
    border: 1px solid #624098;
    border-bottom-color: transparent;
}
 .calect-danger li :alast-child {
 border-bottom: 0px solid #f4f4f4;
}
.calect-danger li a:hover {
	background: #e5e5e5;
	color: #fff;
	border: none;
	border-radius: 50%;
}
.calect-danger li:hover .arrow-right {
	opacity: 1;
}
.calect-danger li:hover .arrow-left {
	opacity: 1;
}
.calect-danger li.active a, .calect-danger li.active a:hover, .calect-danger li.active a:focus {
	background: #b3b3b3;
	color: #0478b2;
	border: none;
	border-radius: 50%;
}
.calect-danger li.active .arrow-right {
	opacity: 1;
}
.nav-tabs > li {
	display: inline-block;
	margin-bottom: 1px !important;
	float: none;
	width:198px;
	text-align: center;
	    background-color: rgb(0, 205, 255);
	        margin-right: 6px;
}

.tab-content>.active {
    display: block;
}

.fade.in {
    opacity: 1;
}


/*-----------Resources end page-------------*/






@media screen and (max-device-width: 320px)    {
    .tab-content-danger .tab-pane {
	
	padding: 20px;
	
}
}