/* Common Styles */

	::selection {
		background-color: #3c3c3c;
		color: #fff;
	}
	html, body {
		background: #383c3f;
		width:100%;
		height:100%;
		padding:0;
		font-family: 'Roboto Condensed', sans-serif;
		-webkit-font-smoothing: antialiased;
	}

	a,
	a:hover,
	a:active,
	a:focus
	{
		color:#464646;
		text-decoration:none;
		outline:none;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 100;
	}

	p {
		margin:0 0 5px;
	}

	.clear {
		clear:both;
	}

	ol, ul {
		list-style:none;
		padding:0;
	}

	b.caret {
		margin-top: -3px;
	}

/* Page Animated item Styles */

	.animated {
		visibility:hidden;
	}

	.visible {
		visibility:visible;
	}

/* Page Loading */

	#pageloader {
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: #131313;
		z-index: 999999;
	}

	.loader-item {
	  position: absolute;
	  width: auto;
	  height:height;
	  margin: -25px 0 0 -25px;
	  top:50%;
	  left:50%;
	  text-align:center;
	}

	.loader-item h2{
		color:#ccc;
		margin:0 auto;
		font-size:20px;
	}

/* Containers */

	.contain {
		width:100%;
		position:relative;
		height:auto;
	}

	.inner {
		width:100%;
		max-width:1170px;
		margin:0 auto;
		padding:40px 0;
		position:relative;
		z-index:2;
	}

	.full-width {
		width:100%;
		max-width:100%;
		margin:0 auto;
		padding:40px 0;
	}

	.no-padding {
		padding:0 !important;
	}

	.contain-logo {
		margin:auto;
		width:64px;
		height:64px;
		background:white;
		border:1px solid #bcbcbc;
		padding:18px 0;
		text-align:center;
		position:relative;
		top:-32px;
		border-radius:100px;
	}

	.contain-logo i {
		font-size:30px;
		color:#bcbcbc;
		font-weight: light;
	}

	/* Top Icon Style */
	.br{
		top:-72px;
	}

/* Page Headers */

	.header {
		color: #fff;
		margin:auto;
		font-size:40px;
		font-weight:300;
		text-transform:uppercase;
		width:100%;
		text-align:center;
	}

	.page-desc {
		color: #c8c9ca;
		margin:15px auto;
		font-size:18px;
		font-weight:300;
		text-transform:uppercase;
		width:100%;
		max-width:860px;
		text-align:center;
		opacity:0.7;
	}

	.dark {
		color:#3c3c3c;
	}

	.white {
		color:white;
	}

	span.red {
		color:#9f1d20;
	}

/* End Common Styles */

	#home {
		background-color: #131313;
	}

/* Rev Slider */

	.revslide h4 {
		font-size: 44px;
		font-weight: 400;
		text-align: center;
		color: white;
		text-transform: uppercase;
		white-space: normal;
	}

	.revslide h5 {
		font-size: 22px;
		font-weight: 300;
		text-align: center;
		color: white;
		text-transform: uppercase;
		white-space: normal;
	}
	.revslide span {
		color:#9f1d20;
	}

	.fs-btn {
		padding: 8px 16px;
		background: transparent;
		border: 1px solid white;
		text-transform: uppercase;
		font-weight: 100;
		color: white !important;
		font-size: 18px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.fs-btn:hover {
		background: white;
		color: black !important;
	}

/* Navigation */

	#navigation {
		width:100%;
		border-bottom:1px solid #151515;
		position:absolute;
		z-index:9999;
		background:#222;
		height:82px;
	}

	#navigation .navigation {
		padding:0 10px;
		height:100%;
	}

	.shadow {
		box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
	}

/* Logo */

	.navigation .logo{
		float:left;
		position:absolute;
		z-index:999;
	}

	.navigation .logo a{
		width:auto;
		display:block;
		margin:20px 0 0;
	}

/* Nav Menu */

	.nav-menu{
		width:auto;
		float:right;
		height:82px;
		text-align:right;
	}

	.nav-menu ul{
		padding:0;
		margin:0;
	}

	.nav-menu ul li{
		height:82px;
		width:auto;
		display:block;
		float:left;
		list-style:none;
		padding:0;
		margin:0;
	}

	.nav-menu ul li  a{
		height:82px;
		padding:33px 15px;
		display:block;
		text-transform:uppercase;
		font-size:14px;
		text-align:center;
		color:#c8c9ca;
	}

	.nav-menu ul li:first-child a{
		padding-left:0;
	}

	.nav-menu ul li:last-child a{
		padding-right:0;
	}

	.nav-menu a:hover{
		color:#e70000;
	}

	.nav-menu a.active{
		color:#e70000;
	}

	.main-nav > li > a:hover,
	.main-nav > li > a:focus{
		background:none;
	}

	.main-nav li.active a{
		color:#e70000;
	}

/* Mini Navigation For Mobile */

	.mobile-drop{
		height:100%;
		width:100%;
		display:none;
	}

	a.mobile-menu{
		position:absolute;
		top:50%;
		font-size:21px;
		right:30px;
		left:auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mobile-drop ul.fullwidth{
		width:100%;
		position:relative;
	}

	.mobile-drop ul.fullwidth li{
		width:100%;
		height:auto;
		margin:0;
	}

	.mobile-drop ul.fullwidth li a{
		padding:6px;
		margin:0;
		height:auto;
		text-align:left;
		text-transform:uppercase;
		border-bottom:1px solid #ededed;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.mobile-drop ul.fullwidth li.active a{
		background-color:#383838;
		color:white;
	}

/* About Section */

	#about {
		background: #383c3f;
		padding:30px 0 30px;
		top:0;
	}

	#about .about-content{
		width:25%;
		height:auto;
		min-height:276px;
		background: #383c3f;
		float:left;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#about .about-content .icon{
		text-align:center;
		margin:19px auto 16px;
		color: #fff;
	}

	#about .about-content .top{
		width:70px;
		height:70px;
		background:transparent;
		border:2px solid #fff;
		border-radius:100px;
		padding:20px 0;
		position:relative;
	}

	#about .about-content .top:after{
		position:absolute;
		background:transparent;
		content:'';
		left:0;
		top:0;
		width:100%;
		height:100%;
		border-radius:500px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		
	}

	#about .about-content .top i{
		font-size:30px;
	}

	#about .about-content .bottom i{
		width:31px;
		height:31px;
		padding-top:6px;
		font-size:20px;
		color:#929292;
		background:transparent;
		border:1px solid #464646;
		border-radius:100px;
	}

	#about .about-content .text{
		width:95%;
		text-align:center;
		margin:auto;
		color: #fff;
	}

	#about .about-content .content-header{
		text-transform:uppercase;
		font-size:20px;
	}

	#about .about-content .content-desc{
		font-size:15px;
		color: #c8c9ca;
		margin-top:10px;
		font-weight:100;
	}

/* About Extended */
	
	.about-extended{
		color: #fff;
		background: #2c2f32;
		margin:30px auto;
		position: relative;
	}

	.about-extended:after{
		content: "";
	   position: absolute;
	   left: 50%;
	   bottom: -20%;
	   border-top: 50px solid #2c2f32;
	   border-top-color: #2c2f32; 
	   border-left: 50px solid transparent;
	   border-right: 50px solid transparent; 
	   -webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		 transform: translateX(-50%);
	}

	.company-facts{
		margin:70px auto 20px;
	}

	.company-facts .facts{
		text-align: center;
	}

	.company-facts h1{
		font-size: 55px;
		color: #fff;
		font-weight: 400;
		margin:0 auto;
	}

	.company-facts p{
		font-size: 20px;
		text-transform: uppercase;
		color: #c8c9ca;
	}

/* Features */

	#features{
		background:url(../images/i1.jpg)top center repeat;
		height:860px;
		/*margin-top: 20px;*/
	}

	.f-building {
		width:100%;
		height:606px;
		margin:50px auto 0;
		max-width:1030px;
		background:url(../images/building.png) center center no-repeat;
	}

/* Features Boxes */

	.f-box{
		float:left;
		text-align:right;
		width:360px;
		height: 250px;
		position:relative;
		margin:25px 0;
		padding:0 50px 0 0;
		color:#fff;
		font-weight:300;
	}

	.f-box:after{
		content:'';
		width:108px;
		height:280px;
		right:-85px;
		top:35px;
		position:absolute;
	}

	.f-box:nth-of-type(2n){
		float:right;
		text-align:left;
		padding:0 0 0 50px;
	}

	.f-box:nth-of-type(2n):after{
		left:-85px;
	}

	.f-box:nth-of-type(2n) .f-box-logo {
		margin-left:0;
	}

/* Features Box inners */

	.f-box .f-box-logo{
		width:70px;
		height:70px;
		background:transparent;
		border:1px solid #666666;
		border-radius:200px;
		text-align:center;
		padding-top:21px;
		margin-left:240px;
	}

	.f-box .f-box-logo i{
		font-size:30px;
	}

	.f-box .f-box-head{
		font-size:30px;
		text-transform:uppercase;
		font-weight:300;
		margin:10px 0 0;
	}

	.f-box .f-box-desc{
		color: #c8c9ca;
		font-size:16px;
	}

/* Features Box Strips */

	.f1:after{
		background:url(../images/f1.png) no-repeat;
	}

	.f2:after{
		background:url(../images/f2.png) no-repeat;
	}

	.f3:after{
		background:url(../images/f3.png) no-repeat;
	}

	.f4:after{
		background:url(../images/f4.png) no-repeat;
	}

/* Our Works */

	#portfolio{
		font-weight:300;
		background: #2c2f32;
	}

	.works{
		position:relative;
		height:auto;
	}
	
/* Full Width Portfolio Version */	

	.fiven{
		width:19.99%;
		float:left;
	}

/* Filter Menu */

	.filter-menu{
		position:relative;
		z-index:99;
	}

	.filters{
		width:100%;
		text-align:center;
		padding:0;
		margin:40px auto 35px;
	}

	.inline{
		font-size:0px;
	}

	.filters li{
		text-align:center;
		display: inline-block;
		font-size:15px;
	}

	.filters li a{
		padding:13px 20px;
		color:#7a7a7a;
		border:none;
		text-transform:uppercase;
		background:#e9e9e9;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

	.filters li a.selected{
		color:white;
		background:#252525;
		cursor:default;
	}

	.filters li:last-child a{
		border-top-right-radius:60px;
		border-bottom-right-radius:60px;
		padding-right:25px;
	}

	.filters li:first-child a{
		border-top-left-radius:60px;
		border-bottom-left-radius:60px;
		padding-left:25px;
	}

	.filters li:hover a{
		background:#3c3c3c;
		color:white;
	}

/* Portfolio items */

	.items{
		position:relative;
		height:auto;
	}

	.work{
		margin:9px 0;
		padding:0 9px;
		height:auto;
		color:#aaaaaa;
		cursor:pointer;
		overflow:hidden;
	}

	.work-inner{
		border:1px solid #2c2f32;
	}

	.work-img{
		width:100%;
		background:black;
		position:relative;
		overflow:hidden;
	}

	.work-img img{
		width:100%;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

	.work-desc{
		width:100%;
		background:#383c3f;
		margin:0;
		text-align:center;
		padding:15px 5px;
	}

	.work-desc h4{
		text-transform:uppercase;
		font-size:20px;
		margin:0;
	}

	.work-desc p{
		font-size:15px;
		margin:0;
	}

    .work-img a span.positive{
        display: block;
        width:43px;
        height: 43px;
        position: absolute;
        top:50%;
        left:50%;
        margin-top:-21px;
        margin-left:-21px;
        background:url(../images/positive.png);
        opacity: 0;
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        transform: scale(0.1);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .work-img:hover a span.positive{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .work-img:hover a img{
        opacity: 0.3;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

/* isotope styles */

	.isotope-item {
	  z-index: 2;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}

/**** Isotope CSS3 transitions ****/

	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
	}

/**** disabling Isotope CSS3 transitions ****/

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}

/* End: Recommended Isotope styles */

	#services{
		/*margin:100px auto;*/
	}

	.service-contents{
		margin:40px auto;
	}

	.owl-wrapper-outer{
		text-align:center;
	}

/* Service items*/

	.service{
		display:block;
		float:left;
		margin:0 20px;
	}

	.box{
		position:relative;
		z-index:10;
	}

	.service a.service-logo{
		display:block;
		width:100px;
		height:100px;
		border:1px solid #fff;
		border-radius:500px;
		margin:15px auto;
		padding: 35px 0;
		position:relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.box a:after{
		border:1px solid #494949;
		content:'';
		width:100px;
		height:100px;
		left:0px;
		top:0px;
		border-radius:500px;
		position:absolute;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		opacity:0;
	}

	.service a.service-logo i{
		font-size: 32px;
		color:#fff;
	}

	.service h3{
		margin:5px auto 15px;
		padding:0;
		text-transform:uppercase;
		color: #fff;
	}

	.service p{
		font-size:14px;
		color: #c8c9ca;
	}

/* Service Control Buttons*/

	.service-contents .owl-buttons{
		width:107%;
		left:0;
		top:45%;
		display:none;
	}

/* Thanks */
	#thanks{
		font-weight:300;
		background: #2c2f32;
	}

	.thanks-items{
		margin: 27px 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	@media (min-width:640px){
		.thanks-items{
			grid-template-columns: repeat(4, 1fr);
		}
	}

	.thanks-item{
		color: #c8c9ca;
		padding: 9px;
		cursor: pointer;
	}

	.thanks-item:hover img{
		transform: scale(1.2);
	}

	.thanks-item:hover .thanks-item-img::after{
		opacity: 1;
	}

	.thanks-item-img{
		position: relative;
		display: block;
		overflow: hidden;
	}

	.thanks-item-img::after{
		position: absolute;
		content: '';
		background: url(../img/thanks/plus.svg), rgba(0,0,0,.65);
		background-size: 45px;
		background-position: center;
		background-repeat: no-repeat;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		opacity: 0;
		transition: .25s;
	}

	.thanks-item-img img{
		width: 100%;
		transition: .25s;
	}

	.thanks-item-desc{
		background-color: #383C3F;
		text-align: center;
		padding: 15px 5px;
	}
/*thanks-mw*/
	.thanks-mw-section{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-x: auto;
		padding: 150px 0;
		background-color: rgba(0,0,0,.65);
		z-index: 9999;
		cursor: pointer;
		display: none;
	}
	.thanks-mw__img{
		display: block;
		margin: auto;
		width: 100%;
		max-width: 800px;
		cursor: default;
	}
	.thanks-mw__btn-close{
		background: url(../img/thanks/cancel.svg), rgba(0,0,0,.5);
		background-size: 45px 45px;
		background-position: center;
		background-repeat: no-repeat;
		display: block;
		height: 75px;
		width: 75px;
		position: fixed;
		right: 16px;
		top: 0;
	}
/*end thanks cod*/

	#contact{
		padding:0;
		height:auto;
		min-height:567px;
	}

	.contact-logo{
		position:absolute;
		z-index:2;
		left:50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.contact-logo i{
		color:#444444;
	}

	#map{
		top:0;
		position:absolute;
		width:100%;
		height:100%;
	}

	.contact{
		margin:0 auto;
		padding:0;
		
	}

/* Contact Form */

	.contact-form{
		width:400px;
		height:auto;
		min-height:567px;
		background:rgba(0,0,0,0.7);
		position:relative;
		top:0;
		padding:45px 50px;
		z-index:1;
		left:50%;
		-webkit-transform: translateX(-585px);
		-moz-transform: translateX(-585px);
		transform: translateX(-585px);
	}

	.contact-form h1{
		font-size: 35px;
		text-transform: uppercase;
		color: #9c9c9c;
	}

/* Form Inputs */

	form#contact-us{
		min-height:400px;
	}

	.form{
		outline:none;
		border:1px solid #2b2b2b;
		color:#9c9c9c;
		width:100%;
		padding:14px 10px;
		font-weight:300;
		font-size:15px;
		margin:10px auto;
		background:#080808;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.textarea{
		height:100px;
		max-width:100%;
		max-height:100px;
	}

	.form-btn{
		outline:none;
		border:1px solid #2b2b2b;
		color:black;
		text-transform:uppercase;
		padding:8px 0;
		width:100%;
		margin:10px auto;
		text-align:center;
		font-weight:400;
		top:2px;
		font-size:20px;
		background:#313131;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.form:hover{
		border:1px solid #4e4e4e;
	}

	.form:focus{
		border:1px solid #9f1d20;
	}

	.form-btn:hover{
		background:#9f1d20;
	}

	.form-btn:active{
		background:#313131;
	}

/* Mail Sent Message */

	.mail-message{
		color:white;
		text-align:center;
		font-size:20px;
		font-weight:300;
		top:185px;
		position:relative;
	}

	.mail-message p.mail-head{
		color:#9f1d20;
		font-size:35px;
	}
	
/* Footer */

	#footer{
		background:#131313;
	}

	.footer{
		text-align:center;
		padding:75px 0;
	}

	.footer a{
		cursor:pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Footer Links */

	.footer-links{
		display:inline-block;
		border:1px solid #c8c9ca;
		border-radius:100px;
		margin:0 3px;
		padding: 5px
	}

	.footer-links i{
		font-size:25px;
		color:#c8c9ca;
		display:block;
		width:35px;
		height:35px;
		line-height:38px;
	}

	.footer-text{
		margin:10px 0 0 0;
		color: #c8c9ca; /*#868686;*/
		font-size:15px;
		font-weight:300;
	}

	.footer-text span{
		margin:0 5px;
	}

	.footer-text a{
		color:#868686;
	}

	.copyright{
		text-transform:uppercase;
		margin:4px 0 0;
	}

	.footer .footer-links:hover{
		border:1px solid white;
	}

	.footer a:hover{
		color:white;
	}

	.footer a:hover i{
		color:white;
	}