@charset "utf-8";
html{
background:#000000 !important;
}

body {
font-family: "Century Gothic";
font-size: 16px;
font-weight:500;
color: #000;
line-height: 1.7em;
padding: 0;
background:#606060;
letter-spacing:0.50px;
}

/* ================================================== */
/* Header */
/* ================================================== */
.header-section {
background:#fff;
color:000;
width:100%;
}
.logo {
display: table;
height: 80px;
/*float: left;*/
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; 
text-align-last: justify;
}

.logo h3 {
color:#c3292d; 
font-weight:bold; 
margin: 0 auto;
font-size:22px;
}
.logo span{
font-size:16px;
color:#000000;
}
.logo a{
display:table-cell;
vertical-align:middle;
}
.headerslider {
width:100%;
}


/* social-icons */
/* ================================================== */
.social-icons{
display:inline-block;
}
.social-icons i{
text-shadow:none;
color: #fff;
padding: 8px;
width: 28px;
height: 28px;
text-align: center;
font-size:16px;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
}
footer.light .social-icons i{
color: #606060;
}
.social-icons i:hover{
background:#fff;
border-color:#eceff3;
color:#000;
}

/* ================================================== */
/* footer */
/* ================================================== */
footer {
background: #f5f5f5;
padding: 40px 0 0 0;
}

footer h3{
font-size: 22px;
color:#000000;
margin-bottom:20px;
font-weight:600;
}

footer a {
color: #000;
}



footer .widget{
border:none !important;
margin-bottom:0;
}
.widget {
margin-bottom: 10px;
padding-bottom:10px;
}

.widget ul {
list-style: none;
margin: 0;
padding:0;
}

footer .widget_recent_post li {
padding: 0 0 5px 0;
margin:0;
background: none;
border-bottom-color:#222;
}
footer .widget_recent_post li a {
color: #000;
}

.widget_recent_post li {
padding-left: 20px;
background: url(../images/list-arrow.png) left 2px no-repeat;
border-bottom: solid 1px #222;
padding-bottom: 7px;
margin-bottom: 5px;
}

.widget_recent_post li a {
color: #555;
}


/* address */
/* ------------------------------ */
address{
margin:0;
margin-top:20px;
}
address span {
display: block;
border-bottom:solid 1px #222;
padding-bottom:5px;
margin-bottom:5px;
font-weight:300;
}
address span strong {
display: inline-block;
font-weight:700;
/*width: 60px;*/
}

address span{
border-bottom-color:#222;
}

address span i{
margin-top:5px;
margin-right:20px;
float:none;
}

address span a{
color:#000;
}

.subfooter{
background:#0b0b0b;
padding:30px 0 20px 0;
}

.subfooter.light{
border-top:solid 1px #ddd;
background:#fff;
}

/* ================================================== */
/* Sections */
/* ================================================== */
section,#subheader{
-webkit-background-size: 100% 100% !important;
-moz-background-size: 100% 100% !important;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}

#section-custom-1 {
    background: url(../images/background/bg-17.jpg) top fixed;
}
#section-custom-2{background:url(../images/background/bg-16.jpg) top fixed;}


.inner-padding {
    padding: 90px;
}

.image-container{
background:url(../images/background/bg-side-8.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
}

.image-container1{
background:url(../images/background/bg-side-7.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
}
.small-border {
    height: 1px;
    width: 120px;
    background: #000;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}



	/* testimonial
	/* ================================================== */
	#section-testimonial{ background:url(../images/background/bg-3.jpg) top fixed;}

	.de_testi {
	display: block;
	margin-bottom: 10px;
	}
	
	.de_testi blockquote {
	margin: 0;
	border: none;
	padding: 20px 30px 30px 80px;
	background:rgba(0,0,0,0.5);
	font-style:normal;
	line-height:1.6em;
	font-weight:500;
	}
	
	.de_testi blockquote  p{
	margin-top:10px;
	}
	
	.de_testi blockquote:before{
	font-family:FontAwesome;
	content: "\f10d";
	color:#fff;
	padding-bottom:10px;
	font-size:20px;
	display:inline-block;
	padding:10px 20px 10px 20px;
	font-style:normal;
	background:#000;
	position:absolute;
	left:15px;
	}
	
	.de_testi blockquote {
	color:#fff;
	}
	
	.de_testi blockquote, .de_testi blockquote p {
	font-size:15px;
	line-height: 1.6em;
	font-weight: 500;
	}
	
	.de_testi_by {
	margin-top: -10px;
	font-style:normal;
	font-size:12px;
	color:#fff!important;
	}
	
	.de_testi_pic {
	float: left;
	padding-right: 15px;
	}
	
	.de_testi_pic img {
	width: 50px;
	height: 50px;
	}
	
	.de_testi_company {
	padding-top: 20px;
	}
	
	#testimonial-masonry .item{
	margin-bottom:30px;
	}

.welcome-message{width:100%;padding:90px 0;}
.welcome-message .holder{margin:0 auto;display:block;width:100%;position:relative;}
.welcome-message .holder:before{content:'';width:80px;height:10px;background:#d1d1d1;position:absolute;left:-57px;top:-30px;}
.welcome-message .holder:after{content:'';width:10px;height:80px;background:#d1d1d1;position:absolute;left:-57px;top:-30px;}
.welcome-message strong{display:block;text-align:center;font:400 25px 'Montserrat',sans-serif;color:#000;position:relative;}
.welcome-message strong:before{content:'';width:80px;height:10px;background:#d1d1d1;position:absolute;right:-57px;bottom:-30px;}
.welcome-message strong:after{content:'';width:10px;height:80px;background:#d1d1d1;position:absolute;right:-57px;bottom:-30px;}
.welcome-message .holder:hover:after{background:#d1d1d1;}
.welcome-message .holder:hover strong:after{background:#d1d1d1;}

.welcome-message .holder:before, .welcome-message .holder:after, .welcome-message strong:before, .welcome-message strong:after {
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
}

.welcome-message .holder:after,.welcome-message strong:after,.welcome-message .holder:hover:before,.welcome-message .holder:hover strong:before{background-color:#d50000;}

.welcome-message strong span{color:#d50000;}

/* subheader */
/* general background image for subheader */
#subheader{
background:url(../images/background/bg-subheader.jpg)center;
}

/* background settings for page subheader */
.page-projects #subheader{background-image:url(../images/background/2.jpg);}
.page-services #subheader{background-image:url(../images/background/4.jpg);}
	#subheader{
	padding-bottom:90px;
	background:#222;
	}
	#subheader h1 {
	color:#eceff3;
	margin-top:80px;
	font-size: 32px;
	letter-spacing: 5px;
	float: left;
	padding-right: 40px;
	margin-right: 40px;
	text-transform:uppercase;
	}
	#subheader span {
	letter-spacing:2px;
	display: inline-block;
	font-size: 15px;
	margin-top:88px;
	color:#fff;
	}
	#subheader .crumb{
	font-size:10px;
	letter-spacing:3px;
	margin-top: 100px;
	color:#fff;
	text-transform:uppercase;
	}
	/* breadcrumb */
	/* ------------------------------ */
	.crumb {
	color:#777;
	float: right;
	font-size: 12px;
	}
	.de-navbar-left.de_light #subheader .crumb{
	color:#000;
	}
	.crumb li {
	display: inline;
	text-decoration: none;
	padding: 0 2px 0 2px;
	}
	
	.crumb a{
	text-decoration:none;
	}
	
	.crumb a:hover{
	color:#fff;
	}

	@media (min-width: 768px) and (max-width: 979px) {
}

	@media only screen and (max-width: 992px) {
	
}	

	@media only screen and (min-width: 480px) and (max-width: 767px) {
.welcome-message .holder:before{content:'';width:80px;height:10px;background:#d1d1d1;position:absolute;left:10px;top:-30px;}
.welcome-message .holder:after{content:'';width:10px;height:80px;background:#d1d1d1;position:absolute;left:0px;top:-30px;}
.welcome-message strong{display:block;text-align:center;font:400 24px 'Montserrat',sans-serif;color:#000;position:relative;}
.welcome-message strong:before{content:'';width:80px;height:10px;background:#d1d1d1;position:absolute;right:10px;bottom:-30px;}
.welcome-message strong:after{content:'';width:10px;height:80px;background:#d1d1d1;position:absolute;right:0px;bottom:-30px;}
.welcome-message .holder:after,.welcome-message strong:after,.welcome-message .holder:hover:before,.welcome-message .holder:hover strong:before{background-color:#d50000;}
.welcome-message strong span{color:#d50000;}
#subheader .crumb {
    font-size: 10px;
    letter-spacing: 3px;
    margin-top: 55px;
    color: #fff;
    text-transform: uppercase;
}
.logo span{
	font-size:13px;
	}
		#subheader{
	padding-bottom:40px;
	background:#222;
	}
.inner-padding {
    padding: 10px;
}
.image-container{
background:url(../images/background/bg-side-8.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
height:500px;
}

.image-container1{
background:url(../images/background/bg-side-7.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
height:500px;
}


}

	@media only screen and (max-width: 480px) {
	.logo span{
	font-size:13px;
	}

.welcome-message .holder:before{content:'';width:80px;height:10px;background:#d1d1d1;position:absolute;left:10px;top:-30px;}
.welcome-message .holder:after{content:'';width:10px;height:80px;background:#d1d1d1;position:absolute;left:0px;top:-30px;}
.welcome-message strong{display:block;text-align:center;font:400 24px 'Montserrat',sans-serif;color:#000;position:relative;}
.welcome-message strong:before{content:'';width:80px;height:10px;background:#d1d1d1;position:absolute;right:10px;bottom:-30px;}
.welcome-message strong:after{content:'';width:10px;height:80px;background:#d1d1d1;position:absolute;right:0px;bottom:-30px;}
.welcome-message .holder:after,.welcome-message strong:after,.welcome-message .holder:hover:before,.welcome-message .holder:hover strong:before{background-color:#d50000;}
.welcome-message strong span{color:#d50000;}
#subheader .crumb {
    font-size: 10px;
    letter-spacing: 3px;
    margin-top: 50px;
    color: #fff;
    text-transform: uppercase;
}
.logo {
    /* margin-top: -15px; */
	margin-top:0;
}
	.logo span{
	font-size:13px;
	}
		#subheader{
	padding-bottom:35px;
	background:#222;
	}
.inner-padding {
    padding: 10px;
}

.image-container{
background:url(../images/background/bg-side-8.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
height:400px;
}

.image-container1{
background:url(../images/background/bg-side-7.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
height:400px;
}

}

	@media only screen and (max-width: 360px) {
	#subheader .crumb {
    font-size: 10px;
    letter-spacing: 3px;
    margin-top: 45px;
    color: #fff;
    text-transform: uppercase;
}
	.logo {
    /* margin-top: -15px; */
	margin-top:0;
	text-align-last: justify;
}
.logo span{
	font-size:13px;
	}
		#subheader{
	padding-bottom:35px;
	background:#222;
	}
.inner-padding {
    padding: 5px;
}
.image-container{
background:url(../images/background/bg-side-8.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
height:400px;
}

.image-container1{
background:url(../images/background/bg-side-7.png) no-repeat; 
background-position:50% 50%; 
background-size:cover;
width:100%;
height:400px;
}


}