/*==========================
	Custom css
==========================*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800|Roboto:100,300,400,500,700,900");
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Montserrat",sans-serif;
}
.h6 {
    font-size: 24px;
}
/* Header */
.site-header:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d1f1f+0,5e4141+100 */
	background: rgb(45,31,31); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(94,65,65,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(94,65,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(94,65,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d1f1f', endColorstr='#5e4141',GradientType=0 ); /* IE6-9 */
	border:0;
	content: "";
    height: 150%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.overlay-row{
	opacity:0;
}
.header-transparent .header-nav .nav > li > a, 
.header-transparent .extra-nav .site-button-link, 
.header-transparent .navbar-toggle{
	color: #606060;
}
.header-nav .nav > li > a{
	color: #303030;
    font-family: Open sans;
    font-size: 14px;
    font-weight: 600;
    padding: 25px 12px;
}
.header-transparent .is-fixed    .main-bar {
    background-color: rgba(255, 255, 255, 0.8);
}
.is-fixed  .extra-nav,
.extra-nav {
    padding: 25px 0 20px;
}
.is-fixed .logo-header,
.logo-header {
	width: 150px;
	height: 70px;
}
.dlab-quik-search {
	background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
	right:0;
    overflow: hidden;
    position: fixed;
}
.dlab-quik-search form {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    height: 90px;
    margin: -45px auto 0;
    max-width: 1000px;
    position: relative;
    top: 50%;
    width: 100%;
}
.header-nav .nav > li:hover > a,
.header-nav .nav > li.active > a{
	position:relative;
	color:#E3432B;
	z-index: 2;
	transition: all 1s ease 0s;
}
.header-nav .nav > li.active > a:after,
.header-nav .nav > li:hover > a:after{

    background: #E3432B;
    bottom: -5px;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: -1;
	transition: all 1s ease 0s;
}

/* Product */
.add-product .dlab-info-has.bg-black {
    background-color: rgba(0, 0, 0, 0);
    outline: 1px solid rgba(255, 255, 255, 0.3);
    outline-offset: -15px;
	transition:all 0.5s;
}
.add-product:hover {
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
	transition:all 0.5s;
}
.add-product {
	transition:all 0.5s;
}
.add-product:hover .dlab-info-has.bg-black {
	outline: 4px double rgba(255, 255, 255, 0.3);
	outline-offset: -10px;
	transition:all 0.5s;
}
.add-product .dlab-info-has {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.dlab-media, .dlab-media, .dlab-post-media {
    background-color: #ffffff;
    position: relative;
}
.add-product h3 {
    margin: 15px 15px;
    color: #5f5f5f;
    font-size: 38px;
}
.add-product span {
    font-size: 15px;
    font-weight: 500;
    padding: 16px;
    text-transform: uppercase;
}
.h3{
	font-size:28px;
	font-family:Montserrat;
}


.add-block{
	position:relative;
}
.add-block .banners-caption {
    top: 60%;
    height: 140px;
    left: 0;
    padding: 0 50px;
    position: absolute;
    width: 100%;
    margin-top: -70px;
}
.add-block .banners-caption span {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 6px;
    opacity: 0.6;
    text-transform: uppercase;
}
.add-block .banners-caption h2{
	font-size:50px
}
.add-block:hover{
	outline: 4px solid rgba(255, 255, 255, 0.3);
	outline-offset: -30px;
	transition:all 0.5s;
}
/* Footer */
.dlab-social-icon.dlab-social-icon-lg li a {
    border: 1px solid #a0a0a0;
    color: #000000;
    font-size: 14px;
    height: 35px;
    line-height: 34px;
    padding: 0;
    width: 35px;
}
footer .widget_getintuch i {
	background-color: rgba(0, 0, 0, 0.0);
}
/* owl Btn */
.owl-prev, 
.owl-next {
    background-color: #000000;
    border-color: #000000;
    border-radius: 30px;
    height: 45px;
    padding: 13px;
    width: 45px;
}
.owl-prev:hover, 
.owl-prev:active, 
.owl-prev:focus, 
.owl-next:hover, 
.owl-next:active, 
.owl-next:focus {
    background-color: #404040;
    border-color: #404040;
    color: #ffffff;
}
.client-logo{
	border: 1px solid #efefef;
}
#loading-area{
	background-image:url(../images/loading.gif);
	background-size: 100px auto;
}
/* Spcaing Css */
.content-inner{
	padding-top:80px;
	padding-bottom:50px;
}
.content-inner-1{
	padding-top:80px;
	padding-bottom:0px;
}
.content-inner-2{
	padding-top:80px;
	padding-bottom:80px;
}
.inquiry-form .form-control{
	border-width: 0 0 1px;
	font-size: 16px;
}
.inquiry-form .input-group-addon{
    border-width: 0 0 1px;
    font-size: 18px;
    padding: 9px 0 0;
    vertical-align: top;
}
.inquiry-form {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    margin-top: 0;
    padding: 40px;
}
.icon-bx-wraper.expertise {
    background-color: rgba(0, 0, 0, 0.01);
}
.icon-bx-wraper.expertise {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
/* Mobile Spacing */
@media only screen and (max-width: 767px) {
	.content-inner {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.content-inner-1{
		padding-top:50px;
		padding-bottom:0px;
	}
	.content-inner-2{
		padding-top:70px;
		padding-bottom:40px;
	}
}	


/* Responsive */
@media only screen and (max-width: 1366px) {
	.dlab-contact .icon-content p{
		font-size:13px;
	}
}
@media only screen and (max-width: 1280px) {
	.myNavbar .navbar-right{
		margin-right:5px;
	}
	.item-box.item-style-1 .p-lr40{
		padding-left:15px;
		padding-right:15px;
	}
}
@media only screen and (max-width: 991px) {
	.header-nav .nav > li.active > a:after,
	.header-nav .nav > li:hover > a:after{
		content:none;	
	}
	.header-nav .nav > li > a{
		padding:12px 20px;
	}
	.header-transparent .navbar-toggle span {
		background-color: #000;
	}
	.header-transparent .navbar-toggler span {
		background-color: #606060;
	}
}


@media only screen and (max-width: 767px) {
	.creative-work .card-container{
		width:100%;
	}
	.worker {
		margin-top:20px;
	}
	.is-fixed .logo-header, .logo-header {
		height: 50px;
		width: 130px;
	}
	.add-block .banners-caption h2 {
		font-size: 30px;
		margin: 0;
	}
	.footer-bottom .text-left,
	.footer-bottom .text-right{
		text-align:center;
	}
	.dlab-bnr-inr-entry {
		vertical-align: bottom;
		padding-bottom: 30px;
	}
}