/*common*/	
	body{
		margin:0px;
		color:#3e3f3e;
		font-size:16px;
		font-weight:normal;
		font-family: 'Quicksand', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
	}	
	.bold{
		font-weight: bold;
	}
	.italic{
		font-style: italic;
	}
	.highlight{
		color:#ff8200;
	}
	.txt{
		font-weight:normal;
	}
	.txtright{
		text-align:right;
	}
	.txtleft{
		text-align:left;
	}
	.txtyellow{
		color:#ffd500;
	}
	.txtwhite{
		color:#ffffff;
	}
	.txtgray{
		color:#999999;
	}
	.txtdarkgray{
		color:#565656;
	}
	.txtlightgray{
		color:#d1d1d1;
	}
	.center{
		text-align: center;
	}
	.nopadding{
		padding:0px;
	}
	.padding10{
		padding:10px;
	}
	.padding20{
		padding:20px;
	}
	.paddingleft20{
		padding-left:20px;
	}
	.paddingbottom20{
		padding-bottom:20px;
	}
	.margincenter{
		margin: 0 auto;
	}
	.margin10{
		margin:10px;
	}
	.margintop10{
		margin-top:10px;
	}
	.margintop20{
		margin-top:20px;
	}
	.marginbottom10{
		margin-bottom:10px;
	}
	.marginbottom20{
		margin-bottom:20px;
	}
	.marginbottom40{
		margin-bottom:40px;
	}
	.marginbottom60{
		margin-bottom:60px;
	}
	.margintop40{
		margin-top:40px;
	}
	.margintop50{
		margin-top:50px;
	}
	.margintop60{
		margin-top:60px;
	}
	.verybigtitle{	    
	    font-size: 48px;
    	font-weight: 700;
    	line-height: 50px
	}
	.bigtitle{
		font-size: 44px;
	    line-height: 48px;
	}
	.bigmidtitle{
		font-size: 40px;
	    line-height: 44px;
	}
	.title{
		font-size: 34px;
	    line-height: 38px;
	}
	.midsubtitle{
		font-size: 26px;
	    line-height: 28px;
	}
	.subtitle{
		font-size: 20px;
	    line-height: 28px;
	}
	.smalltxt{
		font-size: 12px;
	}
	.lighter{
		font-weight: lighter;
	}
	.verticaltop{
		vertical-align: top;
	}
	.dottedbottomborder{
    	border-bottom: 2px dotted #b0b0b0;
	}

	.bgblack{
		background-color:#000000;
	}
	
	.bgdarkgray{
		background-color:#2d2d2d;
	}
	
	.fullgrayborder{
		border: solid 1px #d1d1d1;
	}
	
	.anchorspace{
		display:block;
		height:160px;
		margin-top:-160px;
		visibility:hidden;
	}
	
	.section.bgimg{
		background:no-repeat center center;
		background-size:cover;
	}
/* banner */
	.bannercontainer {
		position: relative;
		height:500px;
		background: url(../images/header-home.jpg);
		background-position: 80%;
		background-repeat: no-repeat;
		background-size: cover;
		z-index:10;
	}	
	.bannertextleft{
		color:#fff;
		position:absolute;
		top:25%;
		left:0;
		right:0;
		padding:20px;
		margin-left: auto; 
	  	margin-right: auto;
		width:1000px;
		max-width:90%;
	}
	.bannertextright{
		color:#fff;
		position:absolute;
		top:20%;
		left:0;
		right:0;
		padding:20px;
		margin-left: auto; 
	  	margin-right: auto;
		width:1000px;
		max-width:90%;
	}	
	.bannertexttitle{
		font-size: 38px;
	    font-weight: 700;
	    line-height: 54px;
	    text-shadow: 2px 2px 4px #000000;
	}
	.bannertextcontentleft{
		font-size: 20px;
	    font-weight: lighter;
	    letter-spacing: 0.07em;
	    line-height: 24px;
	    padding-top: 10px;
	    width:500px;
	}
	.bannertextcontentright{
		font-size: 20px;
	    font-weight: lighter;
	    letter-spacing: 0.07em;
	    line-height: 24px;
	    padding-top: 10px;
	    width:450px;
	    float:right;
	}
	.bannerbotton{
		clear: both;
	}
	.bannerbotton a{
		background: #ffd500!important;
		border: solid 1px transparent;
	    border-radius: 8px;
	    display: inline-block;
	    font-size: 16px;
	    font-weight: 900;
	    line-height: 40px;
	    padding: 0px 20px;
	    text-transform: uppercase;
	    transition: color 0.25s ease 0s, background-color 0.25s ease 0s;
	    white-space: nowrap;
	    color:#3e3f3e!important;
	}
	.bannerbotton a:hover{
		background:#3e3f3e!important; 
		border: solid 1px #ffd500;
		color:#ffffff!important;
		text-decoration: none!important;
	}
	.banner_about{
		position: relative;
		height:300px;
		background: url(../images/header-about.jpg);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		z-index:10;
	}
	.super{
		position: relative; 
		top: -1.4em; 
		font-size:20px;
	}
	.smsuper{
		font-size: 14px;
    	position: relative;
    	top: -0.5em;
	}
	@media (min-width: 481px) and (max-width: 992px) {
		
		.bannercontainer {
			position: relative;
			height:400px;
			background: url(../images/header-home.jpg);
			background-position: 65%;
			background-repeat: no-repeat;
			background-size: cover;
			z-index:10;
		}	
		.bannertextleft{
			color:#fff;
			position:absolute;
			top:10%;
			left:0;
			right:0;
			padding:20px;
			margin-left: auto; 
		  	margin-right: auto;
			width:1000px;
			max-width:85%;
		}
		.bannertextright{
			color:#fff;
			position:absolute;
			top:10%;
			left:0;
			right:0;
			padding:20px;
			margin-left: auto; 
		  	margin-right: auto;
			width:1000px;
			max-width:85%;
		}
				
		.bannertexttitle{
			font-size: 28px;
		    font-weight: 700;
		    line-height: 44px;
		    text-shadow: 2px 2px 4px #000000;
		}
			
		.bannertextcontentleft{
			font-size: 20px;
		    font-weight: lighter;
		    letter-spacing: 0.07em;
		    line-height: 24px;
		    padding-top: 10px;
		    width:350px;
		}
		
		.bannertextcontentright{
			font-size: 20px;
		    font-weight: lighter;
		    letter-spacing: 0.07em;
		    line-height: 24px;
		    padding-top: 10px;
		    width:85%;
		    float:right;
		}
		.bannerbotton{
			clear: both;
		}
		.super{
			position: relative; 
			top: -0.8em; 
			font-size:20px;
		}
		
	}
	
	@media (max-width: 480px) {
	
		.section.bgimg{
			background-position: 40%;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.bannercontainer {
			position: relative;
			height:400px;
			background: url(../images/header-home.jpg);
			background-position: 55%;
			background-repeat: no-repeat;
			background-size: cover;
			z-index:10;
		}
		.bannertextleft, .bannertextright{
			color:#fff;
			position:absolute;
			top:40%;
			left:0;
			right:0;
			margin-left: auto; 
		  	margin-right: auto;
		  	text-align: center;
			max-width:100%;
		}
		
		.bannertexttitle{
			font-size: 28px;
		    font-weight: 700;
		    line-height: 34px;
		    margin-bottom:10px;
		    text-shadow: 2px 2px 4px #000000;
		}
		
		.bannertextcontentleft, .bannertextcontentright{
			font-size: 18px;
		    font-weight: lighter;
		    letter-spacing: 0.07em;
		    line-height: 24px;
		    padding-top: 10px;
		    width:100%;
		}
		.super{
			position: relative; 
			top: -0.8em; 
			font-size:18px;
		}
	}

/* content slider */	
	.slidetxt{
		position: absolute;
		font-size:16px;
		left:0;
    	right:0;
	}
	
	.servicesImage1{
		width:100%;
		height:300px;
		background: url(../images/servicesImage1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		display:block;
	}
	.servicesImage2{
		width:100%;
		height:300px;
		background: url(../images/servicesImage2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		display:block;
	}
	.servicesImage3{
		width:100%;
		height:300px;
		background: url(../images/servicesImage3.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		display:block;
	}
	.servicesImage4{
		width:100%;
		height:300px;
		background: url(../images/servicesImage4.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		display:block;
	}
	.servicesImage5{
		width:100%;
		height:300px;
		background: url(../images/servicesImage5.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		display:block;
	}
	.servicesImage6{
		width:100%;
		height:300px;
		background: url(../images/servicesImage6.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		display:block;
	}
/*left*/
	.txtcontainerboxleft{
		width:100%;
		height:230px;
		border: solid 2px #e4e4e4;	
		display: inline-block;
		vertical-align: top;
		margin-bottom:5px;
		margin-left:5px;
	}	
	#slideinleft{
		position: absolute;
		left: -950px;
		width: 100%;
		height: 230px;
		background-color:rgba(0, 0, 0, 0.8);
		color:#ffffff;
		font-size:16px;
		text-decoration: none;
		text-align: center;
		transition: 1s;
	}
	.txtcontainerboxleft{
		width:98%;
		height:230px;
		overflow: hidden;
		position:relative;
		border: solid 2px #8b8b8b;
	}
	
	.txtcontainerboxleft:hover #slideinleft {
		transition: 1s;
		left: 0;
	}
	
/*bottom*/
	.txtcontainerboxbottom{
		width:100%;
		height:230px;
		border: solid 2px #e4e4e4;	
		display: inline-block;
		vertical-align: top;
		margin-bottom:5px;
		margin-left:5px;
		
	}	
	#slideinbottom{
		position: absolute;
		bottom: -330px;
		width: 100%;
		height: 230px;
		background-color:rgba(0, 0, 0, 0.8);
		color:#ffffff;
		font-size:16px;
		text-decoration: none;
		text-align: center;
		transition: 1s;
	}
	.txtcontainerboxbottom{
		width:98%;
		height:230px;
		overflow: hidden;
		position:relative;
		border: solid 2px #8b8b8b;
		background: url(../images/smbanner_sitecat.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
	}
	.txtcontainerboxbottom:hover #slideinbottom {
		transition: 1s;
		bottom: 0;
	}
	
/*right*/
	.txtcontainerboxright{
		width:100%;
		height:230px;
		border: solid 2px #e4e4e4;	
		display: inline-block;
		vertical-align: top;
		margin-bottom:5px;
		margin-left:5px;
		
	}	
	#slideinright{
		position: absolute;
		right: -950px;
		width: 100%;
		height:230px;
		background-color:rgba(0, 0, 0, 0.8);
		color:#ffffff;
		font-size:16px;
		text-decoration: none;
		text-align: center;
		transition: 1s;
	}
	.txtcontainerboxright{
		width:98%;
		height:230px;
		overflow: hidden;
		position:relative;
		border: solid 2px #8b8b8b;
		background: url(../images/smbanner_reabilling.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
	}

	.txtcontainerboxright:hover #slideinright {
		transition: 1s;
		right: 0;
	}



/* carousel*/
	.carousel{
		min-height: 380px;
	}
	.bannerslide{
		width: 100%;
		margin: 0 auto;
	}
	.carousel-control {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 10%;
		font-size: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background-color: transparent;
		background-image: none!important;
		filter: alpha(opacity=50);
		opacity: 1;
	}
	.prevbtn {
		position: absolute;
		font-size: 30px;
		top: 50%;
		left: 10%;
		z-index: 1000;
		display: inline-block;
		margin-top: -10px;
		cursor: pointer;
		color: #565656;
	}
	.nextbtn {
		position: absolute;
		font-size: 30px;
		top: 50%;
		right: 10%;
		z-index: 1000;
		display: inline-block;
		margin-top: -10px;
		cursor: pointer;
		color: #565656;
	}
	.headimg{
		width: 90%;
		margin: 8% auto;
	}
	.slidertxt{
		margin-top:3%;
		margin-bottom:3%;
		font-size: 20px;
	    line-height: 28px;
	}
	@media(max-width:1462px){
		.slidertxt{
			min-height:500px;
		}
	}
	@media(max-width:998px){
		.slidertxt{
			min-height:500px;
			font-size:16px;
			line-height: 24px;
			padding-bottom:10px;
		}
	}
	
/*slider*/
	#gallery{
		height:350px;
		width: 95%;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	} 
	
	#slider .slide {
		position: relative;
		margin-left: 0px;
		float:left;
		width:350px;
		height:300px;
	}
	#slider{
		position: relative;
		margin: 0 auto; 
		height:295px;
		width: 90%;
	}
	#slider .button{
		z-index: 1000;
	}
	#slider .previous{
		position: absolute;
		top:40%;
		left:-50px;
		margin: 0px; 
		z-index:1; 
	}
	#slider .next{
		position: absolute;
		top:40%;
		right:-50px;
		margin: 0px;
		z-index:1; 
	}

	@media(max-width:998px){
		#gallery{
			width: 100%;
		}
		#slider .previous{
			position: absolute;
			top:40%;
			left:-20px;
			margin: 0px; 
			z-index:1; 
		}
		#slider .next{
			position: absolute;
			top:40%;
			right:-20px;
			margin: 0px;
			z-index:1; 
		}
	}

	/** posts slider widget **/
	.crsl-items {
		display: block;
		height:290px;
		padding-left:2px;
	}
	.crsl-item {  
		position: relative;  
		float:left;  
		width:350px;  
		height:290px !important;
		background-repeat: no-repeat;
		background-position: center;
	}
	
		
	
/* footer*/
	.footer{		
		width:100%!important;
		min-height:200px;
		background-color: #000000;
	}
	.footer_title{
		text-align: left;
		font-size:20px;
		padding:5px;
		color:#ffffff;
	}
	.footer_subtitle{
		font-size:16px;
	}
	.footercontainer{
		position: relative;
		margin-bottom:50px;
	}
	.footertxt{
		position: relative;
		font-size:16px;
		color: #999999;	
		padding:5px;
	}
	.footerimg{
		margin-top:20px;
		margin-bottom:20px;
	}
	.footer a{
		color: #ff8200;
		text-decoration: none;
	}
	.footer a:hover{
		text-decoration: none;
	}
		
@media (max-width: 991px) {
	
	.footerimg{
		text-align: center;
		margin-top:5%;
	}
}