#tabs {
	position: static;
	margin-bottom: 400px;
}

#tabs ul {
	text-align: center;
}

#tabs ul li {
	float: none;
	padding-bottom: 50px;
	margin: 0 10px -4px 10px;
	display: inline-block;
	background: url('../images/current-tab.png') no-repeat 50% 110%;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

#tabs ul li span {
	display: block;
	height: 64px;
	width: 100%;
	color: #26a1e0;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

#tabs ul li a {
	font-size: 12px;
    font-weight: 600;
    color: #383838;
    text-transform: uppercase;
    letter-spacing: 2px;
    white-space: normal;
    text-align: center;
    display: inline-block;
    width: 100%;
}

#tabs ul li a:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}

#tabs ul li a:focus {
	outline: none;
}

#tabs ul li.ui-tabs-active span {
	 -webkit-filter: grayscale(100%);
	 filter: grayscale(100%);
	 opacity: .5;
}

#tabs ul li.ui-tabs-active {
	background: url('../images/current-tab.png') no-repeat 50% 100%;
}

#tabs ul li.ui-tabs-active span,
#tabs ul li a:hover span {
	color: #383838;
}

#tabs ul li h3:after {
	display: none;
}

#tabs .indv-tab {
	position: absolute;
	overflow: hidden;
	padding: 70px 0; 
	left: 0;
	width: 100%;
	background: #003CA7;
}

#tabs .indv-tab .col-md-6 {
	-webkit-animation: tab-content 1s ease-in-out;
  	-moz-animation:    tab-content 1s ease-in-out;
  	-o-animation:      tab-content 1s ease-in-out;
	animation:         tab-content 1s ease-in-out;
}

#tabs .img-preview:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
	/*background: url("../images/dots.png");*/
}

#tabs .img-preview {
	position: absolute;
	text-align: center;
	left: 0;
	bottom: 0;
	width: 50%;
	background: url("../images/video-bg.png") no-repeat;
	background-size: cover;
	height: 100%;
	padding: 0;
}

#tabs .img-preview .play {
	font-family: 'LineaMusic';
	color: #fff;
	font-size: 80px;
	background: rgba(0, 0, 0, .3);
	padding: 20px;
	border-radius: 50%;
	position: relative;
	z-index: 100;
	top: 45%;
	transform: translateY(-45%);
	-webkit-transform: translateY(-45%);
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#tabs .img-preview .play:hover {
	color: #26a1e0;
}

#tabs .img-preview .video.player {
	opacity: 1;
}

#tabs .img-preview .video {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: none;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#tabs h4 {
	font-family: "Segoe UI Bold";
	font-size:30px;
	padding-bottom:10px;
	color: #fff;
}

#tabs p {
	color: #fff;
}

#tabs p strong {
	color: #7c8b9b;
	font-size: 16px;
}

/*#tabs .img-preview img {
	width: 100%;
}*/

#horz_tabs ul {
	border-bottom: 1px solid #dfdfdf;
	padding: 0;
}

#horz_tabs ul li {
	margin: 0 5px 0 0;
}

#horz_tabs ul li a {
	font-size: 11px;
	color: #767676;
	text-transform: uppercase;;
	letter-spacing: 2px;
	border: 1px solid #f8f8f8;
	background: #f8f8f8;
	border-radius: 3px 3px 0 0;
	padding: 15px;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; 
}

#horz_tabs ul li a:hover {
	background-color: #26a1e0;
	border-color: #26a1e0;
	color: #fff;
}

#horz_tabs ul li.ui-tabs-active {
	margin-bottom: -2px;
	position: relative;
}

#horz_tabs ul li.ui-tabs-active:after {
	content: '';
	display: block;
	width: 99%;
	background: #fff;
	height: 1px;
	position: absolute;
	bottom: 0;
}

#horz_tabs ul li.ui-tabs-active a {
	color: #383838;
	background: #fff; 
	border: 1px solid #dfdfdf;
	border-bottom-color: #fff;
}

#horz_tabs ul li a:focus, #horz_tabs ul li:focus {
	box-shadow: none;
	outline: none;
}

#horz_tabs.ui-tabs .ui-tabs-panel {
	padding: 50px 0;
}
.otteam img{
	border:5px solid #fff;
	margin-bottom:10px;
}
.otteam h3{
	margin:0px 0px 10px 0px!important;
	padding:0px!important;
	text-align:center;
	color:#fff;
	background-color:#0e4fc3;
	max-width:220px;
	font-size:18px;
	line-height:40px;
}

/*contact styles*/


@media (max-width: 991px) {
#tabs {
		margin-bottom: 500px;
	}
}

@media (max-width: 768px) {
	#tabs {
		margin-bottom: 200px;
	}

	#tabs ul li {
		margin: 0;
		float: left;
		width: 50%;
		background: none;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		float: none;
	}

	#tabs ul li.ui-tabs-active {
		background: none;
	}

	#tabs .img-preview {
		display: none;
	}
	#tabs .indv-tab {
	padding: 10px 0; 
}
}

/** Mobile media queries  **/

@media (max-width: 480px) {
	#tabs {
		margin-bottom: 300px;
	}
}