html { 
			background: url(images/bg.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			
		}
 
body {
font-family: 'Mukta', sans-serif;
letter-spacing:1px;
font-size:12px;
color:#fff;
line-height:18px;
margin:auto;
text-align:left;
}

/*************************** Tags ****************************/

p {
margin-bottom:10px;
}

a {
text-decoration:none;	
color:#fff;
}

a:hover {
color:#ffcd32;		
}

ul li {
display:inline;    

}

strong {
color:#ffcd32;	
}

h2 {
font-size:18px;
}


/*************************** Classes *************************/

.clearfix {
clear:both;
width:0px;
}

.bold {
font-weight:bold;
color: #ffcd32;
}

 
.container {
width:100%;

}

.content {
width:960px;
margin:auto;
}

.maintext {
min-width:200px;
}

h1.mainheader {
width: 400px;
height: 110px;
margin: 9px 0 0 0;
float: left;
background: url("images/stellalux_logo.png") no-repeat;
}

h1.mainheader span {
	
display: block;
width: 0;
height: 0;
overflow: hidden;
		
}

.header {
width:363px;
height:112px;
margin:0 0 0 0;
float:left;
}

.header2 {
display:none;    
}

.navwrap {
padding-top:47px;    
}

.nav {
width:100%;
height: 30px;
border-bottom:1px solid #fff;


}


.navwrap ul li {
display:inline;    
float:right;
}

.navdropdown {
display:none;    

}

.navpadding {
padding-left:10px;
}

.pagecontent {
margin: 10px 0 0 0;
}




/**Slick Slideshow styles*************/

	.slidercontainer {
	width:80%;
    margin: 0px 20px 10px 0px;
	float: left;
	}
	
	    .slider {
		width:100%;
    border: 10px solid #86a9de;
    }
	

    * {
      box-sizing: border-box;
    }


    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
/*********************/

.portfolios {
width:100%;
}

.single-portfolio {
width: 100%;
background-color: #86a9de;
margin-bottom:10px;
margin-right:10px;
border:10px solid #86a9de;
transition: width 0.5s, height 0.5s;
-webkit-transition: width 0.5s, height 0.5s;
position: relative;
}

.single-portfolio p {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 6px;
position:absolute;
left: 0;
right: 0;
top: 45%;
height:100%;
}

.portfoliotitle {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
height:100%;	    
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.portfoliotitle:hover {
background-color: rgba(50,127,197,.85);		
}

.single-portfolio a {
color: rgba(0,0,0,0);	
}

.single-portfolio a:hover {
color: rgba(255,205,50,1);	
}

.portfoliolink {

width: 287px;
height: 287px;
position: relative;
bottom:300;
right:13;

}

.portfoliosubnav {
font-weight: bold;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 6px;
line-height: 28px;
}

.portfoliosubnav li {
float: left;
margin:0 20px 0 0;
}

.thumbnails {
clear:both;
padding: 20px 0 0 0;
}

.portfoliothumb {
float:left;
width: 23.9%;
background-color: #86a9de;
margin-bottom:10px;
margin-right:10px;
border:10px solid #86a9de;
}

#nomargin {
margin-right:0px;
}

.contactinfo {
float:left;
width:50%;
font-size: 15px;
line-height: 20px;
padding: 0 20px 0 0;
}

.contactinfo li{
display:block;
font-weight:bold;
}

.contactimage {
width:50%;
float: right;
}

.contactimage img {
width: 100%;
    border: 10px solid #86a9de;
}

.footer p{
font-size:10px;
opacity:.3;
}