/* If you want to add your own CSS code, please do it in this file */
.clear { clear: both; }
.portfolio_custom .row { clear: both; }
.portfolio_custom .col-md-2 { width: 16.66%; padding: 0; float: left; box-sizing: border-box; }
.portfolio_custom .portfolio_custom_trigger .image_wrapper { position: relative; }
.portfolio_custom .portfolio_custom_trigger .image_wrapper a .mask { position: absolute; width: 90%; height: 96%; margin-left: 5%; background: #007d9d; border-radius: 100%; z-index: 0; }
.portfolio_custom .portfolio_custom_trigger .image_wrapper a img { position: relative; z-index: 5; }
.portfolio_custom .portfolio_custom_trigger .photoslidetitle { margin-bottom: 20px; }
.portfolio_custom .portfolio_custom_target .data-target { display: none; }
.portfolio_custom .portfolio_custom_target .data-target.active { display: block;}
.font_bold{font-weight: bold;}
.font_lighter{font-weight: lighter;}
.background-parallax{background-attachment: fixed;}   
.max-widths{max-width: 1220px; margin: 0 auto; display: block; position: relative; left: 17.8%;}
#links  img{
	height: 170px;
	width: auto;
}
.vc_images_carousel .vc_carousel-control.vc_right{
	right: -10% !important;
}
.vc_images_carousel .vc_carousel-control.vc_left{
	left: -10% !important;
	display: block !important;
}
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev{
	font-size: 70px !important;
}
.faqs .vc_tta-tabs-container{
	width: 30% !important;
}
.faqs .vc_tta-tabs-container ul li{
	margin: 0 0px 0 0px !important;
}
.faqs .vc_tta-tabs-container ul li a{
	background: transparent !important;
	border: none !important;
	color: #444 !important;
	font-weight: bold !important;
	font-size: 16px;
	border-right: 1px solid #ebebeb !important;
	padding: 14px 10px 14px 0 !important;
	margin: 0 10px 0 0;
}
.faqs .vc_tta-tabs-container ul li a:hover{
	color: #007c9c !important;
}
.faqs .vc_tta-tabs-container ul li.vc_active{
	background: url(images/arrowhead-pointing-to-the-right.png) no-repeat !important;
	background-size: 13px auto !important;
	background-position: right center !important;

}
.faqs .vc_tta-tabs-container ul li.vc_active a{
	color: #007c9c !important;
}
.faqs .vc_tta-tabs-container ul li.vc_active a:hover{
	color: #007c9c !important;
}
.faqs .vc_tta-panels-container .vc_tta-panels{
	background: transparent !important;
	border: none !important;
}
#contact .careers-text h2{
	font-size: 35px;
}

.bx-viewport{
	border: none !important;
	box-shadow: none !important;
}
.bx-wrapper .bx-prev{
	left: -30px !important;
	background: url(images/chevron-pointing-to-the-left.png) no-repeat  !important;
}
.bx-wrapper .bx-next{
	right: -45px !important;
	background: url(images/move-to-next.png) no-repeat  !important;
}
#custom-clients{
	display: none;
}
.portfolio_mobile{
	width: 179px !important;
}
.portfolio_mobile h2 a{
	font-size: 14px;
	color: #007d9d;
	text-align: center !important;
	letter-spacing: 0.5px;
	font-weight: bold;
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}
.visible-xs{
	display: none;
}
.portfolio_custom .bx-wrapper:last-child{ 
	display: none;
}
.portfolio_custom .bx-wrapper{
	margin: 0 !important;
}
#contact .careers-text a:hover{
	color: rgb(178, 199, 215);
}
#contact .contact a{
	color: #6a6f73;
}
#contact .contact a:hover{
	color: #007d9d;
	text-decoration:none;
	font-weight: bold;
}
@media  only screen and (max-width: 1024px){
	.one-sixth.column.useful-link{
		width: 11% ;
	}
	.tabs_vertical.ui-tabs .ui-tabs-nav li a{
		height: 100% !important;
		border-right: 2px solid #ebebeb;
		background: none;
		width: 75%;
	}
	li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{
		background-size: auto !important;
		background-position: 93% 50% !important;
	}
	#contact .careers-text h2{
		line-height: 40px;
	}
	.aboutdcs h4{
		line-height: 30px;
	}
	.max-widths{
		width: 100%;
		left: 0;
	}
	span.contact a{
		color: #fff !important;
		font-family: 'ProximaNovaBold';
	}
	span.contact p, span.address p{
		font-size: 13px !important;

	}
	.background-parallax{
		background-attachment: initial;
		background-size: 100% !important;
	}
	#contact .careers-text h2 br{
		display: none;
	}
}
@media  only screen and (max-width: 959px) and (min-width: 768px){
	#contact .careers-text h2 br{
		display: block;
	}
	.max-widths{
		width: 100%;
		left: 0;
		padding: 0 20px;
		box-sizing: border-box;s
	}
	.aboutdcs{
		width: 30% !important;
	}
	.aboutdcs h4{
		font-size: 22px;
		line-height: 28px;
	}
	.aboutdcs h5{
		font-size: 20px;
		line-height: 24px;
	}
	.vc_custom_1485222422856{
		margin-left: 0 !important;
	}
	#links .one-fifth.column.useful-link{
		width: 26%;
	}
	.bx-wrapper .bx-next{
		right: -28px !important;
	}
	#links img{
		width: auto !important;
		height: 170px !important;
		margin: 0 auto;
		display:block;
	}
	.useful-link  .photo_box .image_frame{
		min-height: 120px;
	}
	.tabs_vertical.ui-tabs .ui-tabs-nav li a{
		height: 100% !important;
		border-right: 2px solid #ebebeb;
		background: none;
		width: 75%;
	}
	li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{
		background-size: auto !important;
		background-position: 95% 50% !important;
	}
	.vc_images_carousel .vc_carousel-control.vc_left{
		left: -7% !important;
	}
	.vc_images_carousel .vc_carousel-control.vc_right {
	    right: 3% !important;
	}
	#careers .one.column{
		text-align: center;
	}
	.careers-text h4{
		font-size: 20px;
	}
	#contact .careers-text h2{
		font-size: 31px !important;
		text-align: center;
		line-height: 40px;
	}
	.contact-form .gform_wrapper ul li{
		margin-top: 0 !important;
	}
	.contact-form .gform_wrapper ul li .ginput_container input{
		padding: 10px 20px !important;
	}
}
@media  only screen and (max-width: 767px){
	.visible-xs{display: block !important;}
	#contact .careers-text h2 br{
		display: block;
	}
	.background-parallax{
		background-attachment: initial;
	}
	.max-widths{
		width: 100%;
		left: 0;
	}
	#Top_bar.is-sticky{
		height: 80px !important;
	}
	.header-classic #Top_bar{
		height: 80px !important;
	}
	#Top_bar .logo #logo img{
		height: 40px !important;
		width: auto !important;
	}
	#mfn-rev-slider{
		margin-top: 80px;
	}
	#Header a.responsive-menu-toggle{
		top: 10px !important;
	}
	.aboutdcs{
		margin-top: 20px !important;
	}
	.aboutdcs h5{
		font-size: 24px;
		line-height: 28px;
	}
	.tabs_vertical.ui-tabs .ui-tabs-nav li a{
		border-right: none;
		width: auto;
		padding: 14px 0 !important;
	}
	.tabs_vertical.ui-tabs .ui-tabs-nav{
		padding: 0 20px;
		box-sizing: border-box;
	}
	.ui-tabs .ui-tabs-nav li a{
		text-align: left;
	}
	#links .useful-link{
		margin: 0 !important;
		width: 48% !important;
	    display: inline-block;
	    /* float: left; */
	    clear: none;
	}
	#links .useful-link .image_frame .image_wrapper{
		border: 10px solid #f8f8f8;
	}
	#careers .careers-text{
		text-align: center !important;
	}
	#careers .careers-text h2{
		font-size: 34px;
		line-height: 33px;
		margin-bottom: 20px;
	}
	#careers .careers-text h4{
		font-size: 24px;
		line-height: 30px;
	}
	#contact{
		padding-top: 30px !important;
	}
	#contact .careers-text h2{
		line-height: 34px !important;
		font-size: 23px !important;
		text-align: center !important;
	}
	#contact .contact-form {
		box-sizing: border-box;
		display: inline-block;
		clear: none;
	}
	
	#slide-1-layer-1{
		font-size: 14px !important;
		text-align: center !important;
	    margin: 0 auto !important;
	    display: block;
	    position: relative;
	}
	#faqs h5{
		font-size: 24px;
	}
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
		background: transparent !important;
		border: none !important;
	}
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
		background: transparent !important;
		border: none !important;
	}
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body h4{
		display: none;
	}
	.vc_tta.vc_general .vc_tta-panel-title{
		text-align: left !important;
	}
	.vc_tta.vc_general .vc_tta-panel.vc_active h4 a{
		color: #007c9c !important;
	}
	input#gform_submit_button_1{
		-webkit-appearance: none !important;
		margin-right: 0;
	}
	.one-third.column.contact{
		padding-left: 20px;
	}
	ul.clients:not(.clients_slider_ul) li{
		width: 190px !important;
	}
	.contact-form .gform_wrapper ul li .ginput_container input{
		padding: 10px 20px !important;
	}
}
@media only screen and (max-width: 480px){
	#links .useful-link{
		margin: 0 !important;
		width:100% !important;
	    display: block;
	    /* float: left; */
	    clear: both;
	}
	#contact .careers-text h2 strong{
		display: block;
	}
	#contact .contact-form {
		box-sizing: border-box;
		width: 100% !important;
		display: block;
		clear: both;
	}
	.photoslidetitle{
		display: block !important;
	}
	.bx-wrapper .bx-next{
		background-size: 16px auto !important;
		right: -30px !important; 
	}
	.bx-wrapper .bx-prev{
		background-size: 16px auto	!important;
		left: -15px !important;
	}
}

@media only screen and (max-width: 375px){
	#contact .careers-text h2 {
    line-height: 24px !important;
    font-size: 18px !important;
   }
 }
 @media only screen and (max-width: 320px){
 	.photoslidetitle{
		font-size: 11px !important;
	}
 }