@charset "utf-8";
/* CSS Document */


  /*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/
  /*At least requires the meta viewport tag with content  'width=device-width'*/
  
  /* FOR THL Phone*/

  
  body {
	  height: 100%;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-position: center center;
	 /* background-size: 100% auto;*/
	  background-size: 100% 100%;
	  background-color: rgba(255,255,255,0.50);
  }
  pre {
	  white-space: pre-wrap;       /* CSS 3 */
	  /*white-space: -moz-pre-wrap;  
	  white-space: -pre-wrap;      
	  white-space: -o-pre-wrap;*/    
	  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }
  
  a,
  a:active {
	  text-decoration: none;
	  color:#FFFFFF;

  }
  /*a:visited {
	  text-decoration: none;
	  color:#000000;
  }*/
  
  input,
  textarea {
	  padding: 8px;
	  margin: 4px 0 20px;
	  background:#FFFFFF;
	  width: 100%;
	  font-size: 14px;
	  color:#CCCCCC;
	  border: 2px solid #FDFDFD;
  
  }
  
  textarea {
	  height: 110px
  }
  
  	  .three_col_1{
		width: 50%;
		float: left;
	  }	
  	  .three_col_button{
		width: 25%;
		float: left;
	  }		   
  
  submit_button_width{
	  width:100%;
	  float:right;
  }
  
  veri_code_box_width{
	  width:20%;
  }
  
  veri_code_width{
	  width:5%;
  }
  
  input:hover,
  textarea:hover {
	  background: #2F2F2F;
	  border: 2px solid #DF8936;
	  opacity: .7;
  }
  
  input.submit {
	  width: 250px;
	  color: #000000;
	  margin-top: 10px;
	  border: 1px;
	  transition: box-shadow .3s linear;
	  border-radius: 4px;
	  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#CCCCCC));*/
	  background: linear-gradient(to right, #FFFFFF , #CCCCCC);

	  
	  
  }
  
  input.submit:hover {
	  box-shadow: 0 0 20px #555;
	  cursor: pointer
  }
    
	.input_style{
	  width:100%;
	  color:#FFFFFF;
	  background-color:transparent;
  }  

	.mobiolesliderPosition {
		display: none;
		margin-top: 9%;
		margin-left: 1%;
	}
	.banner_box_mobile{
		width: 100%;
		float: left;
		margin-left: 30%;
		margin-top: 0%;
		display: none;
	}	
	.banner_image_size{
		width:80%;
	}
	.premiumCol_mobile	{
	  width: 100%;
  	  text-align:center;
	  display:none;
	}	

  .clearAll {
	  padding-top: 5%;
	  clear: both
  }
  .clearAlltop {
	  padding-top: 2%;
	  clear: both
  }  
  
    .onlyForPC{
	  width:100%;
	  margin-left:0%;
	  margin-right:0%;
	  text-align:center;
	  display:none;
	  /*background-color:Red;*/
  }
 
/*it hides second email field from spammers */
.mail2_display{
	display:none;
}
/*---------------*/
  
/*-------overlay images--------------*/

.imgcontainer {
  position: relative;
  width: 50%;
}

.imgimage {
  display: block;
  width: 100%;
  height: auto;
}

.imgoverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.imgcontainer:hover .imgoverlay {
	cursor: pointer;
/*cursor: hand;*/
 	height: 10%;
}

.imgtext {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}

  #google_map {
	  /*height: 500px;*/
	  height: 435px;
	  width:100%;
	  padding:0;
	  margin:0%;
  }
    #google_map_2 {
	  /*height: 500px;*/
	  height: 435px;
	  width:100%;
	  padding:0;
	  margin:0%;
  }

 .popupHeaderStyle{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 800%;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
  
  #popupHeaderStyle a:link {
	color: rgba(245,245,245,1.00);
	font-weight: 400;
  }
  
  #popupHeaderStyle a:visited {
	  
	  color: rgba(245,245,245,1.00);
  }

  .popupSmallText{
	  font-family: raleway;
	  font-style: normal;
	  font-weight: 500;
	  font-size: 350%;
	  color: #84D3FF;
	  text-decoration:none;
  }
  
 .popupBodyText{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }  
  .popupBodyText span{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	color: #84D3FF;
	text-decoration: none;
  }
  
  .popupBodyText myspan{
	  font-family: raleway;
	  font-style: normal;
	  font-weight: 500;
	  font-size: 50%;
	  color: rgba(245,245,245,1.00);
	  text-decoration:none;
  }  
  
  
  .popupBodySide sidespan{
	font-family: raleway;
	font-style: normal;
	font-weight: 500;
	font-size: 50%;
	text-align: center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
	
  }    
  

  .popupSmallTextSide{
	  font-family: raleway;
	  font-style: normal;
	  font-weight: 500;
	  font-size: 250%;
	  color: #33647f;
	  text-align:center;
	  text-decoration:none;
  }
  
  
  
	  .cd-top {
		  display: inline-block;
		  height: 75px;
		  width: 75px;
		  position: fixed;
		  bottom: 40px;
		  right: 20px;
		  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
		  /*background: rgba(0,117,176,1.00) url(../img/hal2.gif) no-repeat center 50%;*/
		  visibility: hidden;
		  opacity: 0;
		  border-radius: 20px;
		  transition: opacity .3s 0s, visibility 0s .3s
	  }
	  .cd-top.cd-fade-out,
	  .cd-top.cd-is-visible,
	  .no-touch .cd-top:hover {

		  transition: opacity .3s 0s, visibility 0s 0s
	  }
	  .cd-top.cd-is-visible {
		  visibility: visible;
		  opacity: 1
	  }
	  .cd-top.cd-fade-out {
		  opacity: .7
	  }
	  .no-touch .cd-top:hover {
		  background-color: #e86256;
		  opacity: 1
	  }	


	  .headerColsLeft {
		float: left;
		width: 91%;
		padding-left: 9%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	  }

	  .mobile_header {
		  width: 85%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 5.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  display: none;	
	  }
	  
  
	  .mobile_header_size {
		  width: 100%
	  }	  
	  
 

	  .detail_style{
		  width:100%;
		  color:white;
		  background-color:transparent;
	  }
	  
	  #mainwrappermobile {
		  max-width: 100%;
		  margin: 0 auto;
		  padding: 0 10px;
		  width: 100%;
		  display: none
	  }
	  
	  #mainwrapper {
		  max-width: 100%;
		  margin: 0 auto;
		  /*padding: 0 10px;*/
		  width: 100%;
		  overflow: hidden;
		  background-color:rgba(184,185,185,1.00);
	  }	  
	  
	  .logos {
		  text-align: center
	  }
	  
	  .logos>div {
		  width: 100px;
		  display: inline-block;
		  vertical-align: top;
		  margin-left: 10%;
		  margin-right: 10%
	  }
	  
	  .logos:after {
		  content: "";
		  width: 80%;
		  display: inline-block
	  }
	  
	  .mobilesliderPositionOnBath {
		  display: none
	  }
	  
	  .sponsorslogos {
		  border:thick solid rgba(204,204,204,1.00);
	
		  width: 5%
	  }	  
	  
	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:none;
	  }	  
	  
	  /*----side menu-------*/
		.sidenav {
			height: 100%;
			width: 0;
			position: fixed;
			z-index: 99999;
			top: 0;
			left: 0;
			background-color: rgba(51,100,127,1.00);
			overflow-x: hidden;
			transition: 0.5s;
			padding-top: 60px;
			display:none;
		}
		
		.sidenav a {
			padding: 8px 8px 8px 32px;
			text-decoration: none;
			font-size: 25px;
			color: rgba(253,253,253,1.00);
			display: block;
			transition: 0.3s;
			font-weight: 100;
			font-family: comfortaa;
			font-style: normal;
		}
		
		.sidenav a:hover, .offcanvas a:focus{
			color: #f1f1f1;
		}
		
		.sidenav .closebtn {
			position: absolute;
			top: 0;
			right: 25px;
			font-size: 36px;
			margin-left: 50px;
		}
		
  		.sidemenu_button{
			z-index:99999;
			position:fixed;
			margin-top:0.1%;
			font-size: 50px;
			display:none;
		}
	  
	  /*---end side menu---*/

	section {
	  padding: 0px 0 0px;
	  background: #000000;
	}
	
	section.c_1 {
	  padding: 0px 0 0px;
	  background:rgba(185,184,185,1.00);
	  width:100%;
	  margin-left:0%;
	}
	
	section.c_2 {
	  padding: 0px 0 0px;
	  background:rgba(201,185,158,1.00);
	  width:100%;
	  /*margin-left:0%;*/
	  margin:0 auto;
		background-color:rgba(163,170,174,1.00)
	}
	
	section.c_3 {
	  padding: 0px 0 0px;
	/*  background:rgba(201,185,158,1.00);*/
	 background:rgba(79,89,97,1.00);
	  width:100%;
	  margin-left:0%;
	}


		.major_desctext {
			display:none;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(253,253,253,1.00);
		}	
	  
	  	.view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	
	  
	.adminbutton_style {
		width: 300px;
		height: 50px;
		padding-top: 15px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		border: 1px solid rgba(132,222,255,1.00);
		box-sizing: border-box;
		background-color: rgba(48,109,143,1.00);
		border-radius: 20px;
	}
	
		.adminbutton_style:hover {
		width: 300px;
		height: 50px;
		padding-top: 15px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		border: 1px solid rgba(132,222,255,1.00);
		box-sizing: border-box;
		background-color: rgba(0,63,98,1.00);
		border-radius: 20px;
	}

	  .button_style{
		  width:250px;
		  border:0;
		  background-color:rgba(0,117,176,1.0);
	  }
	  
	 .button_style:hover{
		  width:250px;
		  border:0;
		  background-color:rgba(48,109,143,1.00);
	  }	  
	  
	  .form_style{
		  border:0;
		  color:rgba(0,0,0,1.00);
		  background-color:rgba(254,254,254,1.00);
	  }
	  
	 .form_style:hover{
		  border:0;
		  color:rgba(0,0,0,1.00);
		  background-color:rgba(201,230,247,1.00);
	  }	  
	  
	  .admin_block{
		  
		  width:100%;
		  margin-left:43%;
		  margin-top:5%;
	  }
	  
	  
	  		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%;
		  }	 
		  
		  .StivaGalleryFancy {
			  float: left;
			  border-width:1px;
			  border-style:solid;
			  border:rgba(79,89,97,1.00);
		  }	
		  
		  .StivaGalleryFancy a:hover {
			  float: left;
			  border-width:1px;
			  border-style:solid;
			  border:rgba(255,255,255,1.00);
		  }			  	   

		  #float_left, .floaton_left,
		  .float_left_proj {
			float: left;
			margin-right: 12px;
			padding: 8px;
			background-color: #F7F7F7;
			border: 1px solid #CCC;
			border-radius: 8px;		  
		  }

		.lauraAshleyMainDiv{
			width:80%; 
			margin-left:10%;
		}
		
	  .lauraAshleyHeader {
			  margin-top: 1%;
			  margin-right: 0;
			  margin-left: 0%;
			  margin-bottom: 20px;
			  font-size: 110%;
			  font-weight: 800;
			  font-family: raleway;
			  font-style: normal;
			  color: #000;
			  text-align: center;
			  text-transform: uppercase;
	  } 
	  
	 #subHeaderStyle {
	  font-family: comfortaa;
	  font-style: normal;
	  color: #ffffff;
	  font-size: 120%;
	  text-align: left;
	  font-weight: 300
  }		
  
  		.img-align{
			 margin-left:40%;
			 
		 }	


.StivaGalleryThumbsbar img{
	cursor: pointer;
	padding: 5px;
	border: none;
	width: 400px;
}

.thumbStyle{
	border-color: grey;
	border-style: solid;
	border-width: 3px;

}

.thumbStyle:hover img{
	border-color: white;
	border-style: solid;
	border-width: 3px;

}

.StivaGalleryThumbsbar span{
	display: none;
}
.SG_Link a, .SG_Link img{
	border: none !important;
}
.StivaGalleryHover{
	background-color: #ececec;
}

.projectImage{
	
	width: 75%;
}

.gallery-margins
{
	margin-left:3%;
	margin-top:1%;
}


/*-------------------------------------*/

  
  @media only screen and (max-width: 1920px) and (orientation : landscape) {
	/* PORTRAIT:
	  Windows Surface Pro*/

/*----------ONYLY FOR HALLOWEEN-----------------*/


   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }   

.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:87%;
margin-top:3%;
z-index:9999999;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
background-image:url("../img/happy_halloween.png");
margin-left:1%;
margin-top:3%;
z-index:99;
background-size: 80%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/

	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
 	  .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;*/
		  justify-content: center;
		  /*box-align: center;
		  flex-align: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	 
 	  	    	  	  
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);

		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}


	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 200%;
		color: rgba(185,184,185,1.00)
	}
	
	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .job_col{
		position: relative;
		padding-top:2%;
		width:100%; 
		margin-right:1%;
		height:auto;
		float: left;
		white-space:normal !important;
		overflow:visible;
		}

		.job_col p {
		display: block;
		position: absolute;
		overflow: hidden;
		top: 4%;
		left: 3%;
		font-family: raleway;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		font-size: 125%;
		color: rgba(0,0,0,1.00);
		}


	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		.product_pcol span {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
	.thumbWrapper {
		width: 100%;
		margin-left:17%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width:20%; 
		height: 600px;
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 250px;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(253,253,253,1.00);
			display:block;
		}					
	
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  
		  
	  }		
	  
	  .first_col{
		  width:100%;
		  float:left;
	  }
	  .second_col{
		width: 49%;
		float: left;
	  }
	  .three_col_1{
		height:45px;
		width: 25%;
		float: left;
	  }	  
	  
	  .third_col{
		width: 49%;
		float: right;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	
	
	.headContainer {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(79,89,97,1.00);
	/* background: url(../img/hal-border.gif) repeat-x center 100%;*/
	/*background-image: url(../img/pumpkin.png);*/
	background-size: 3.3%;
	background-repeat: no-repeat;
	background-position: 0% 0%;	
	top: 0;
	left: 0;
	z-index: 9999;
	position: fixed;
	clear: both;
	display: block;

	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  .servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:25%;
	  }
	  
	  .detailsBox
	  {
		  width:70%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:40%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:50%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
	  }	
	  .logoCol img{
		width:7%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 160%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:89%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		.head_spacer{
		  padding-top:5%;
	  }		
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:2%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	  
		
		 .img-align{
			 margin-left:40%;
			 
		 }	
		 
	  	.gallery-margins
		{
			margin-left:3%;
			margin-top:0%;
		}			 	
		
	.sat_popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 400%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
  .sat_popupSmallTextSide{
	  font-family: raleway;
	  font-style: normal;
	  font-weight: 500;
	  font-size: 200%;
	  color:#CCCCCC;
	  text-align:center;
	  text-decoration:none;
  }  
  }
  
  @media only screen and (max-width: 1680px) and (orientation : landscape) {
	
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/

	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 115%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 120%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  justify-content: center;
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			font-size: 95%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
			transform: scale(1.1);
	
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer; 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:33.3%;
		  float:left;
		  text-align:right;
	  }
	  .second_col{
		  width:33.3%;
		  float:left;
	  }
	  .third_col{
		  width:33.3%;
		  float:left;
		  text-align:left;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
		.nav {
			position: relative;
			display: inline-block;
			font-size: 90%;
			font-weight: 400;
			font-family: abel;
			font-style: normal;
			color: #000000;
			padding-left: 0%;
			margin-top: -1%;
			margin-left: -15%;
		}
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  .logoCol img{
		width:7%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 160%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}						  

  
  }

  
  @media only screen and (max-width: 1600px) and (orientation : landscape) {
	  
/*.nav {
		position: relative;
		display: inline-block;
		font-size: 85%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 1%;
		margin-left: -20%;
	}	*/
	
	
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/
	
	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 124%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;*/
		  justify-content: center;
		  /*-webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			line-height: 160%;
			font-size: 95%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:33.3%;
		  float:left;
		  text-align:right;
	  }
	  .second_col{
		  width:33.3%;
		  float:left;
	  }
	  .third_col{
		  width:33.3%;
		  float:left;
		  text-align:left;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  
	.nav {
		position: relative;
		display: inline-block;
		font-size: 100%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 0%;
		margin-top: 0%;
		margin-left: -10%;
	}	  
	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
		width:40%;	
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  .logoCol img{
		width:7%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 160%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}						  

	.head_spacer{
		  padding-top:7%;
	  }	  
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:3%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		
		  
.thumbWrapper {
		width: 100%;
		margin-left:15%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width: 70%;
		height: 1200px;
		margin-right: 1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 750px;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			    
	
  }
  
  
  
  
 @media only screen and (max-width:1600px) and (min-height:2560px){
	  
/*.nav {
		position: relative;
		display: inline-block;
		font-size: 85%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 1%;
		margin-left: -20%;
	}*/	
	
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/

	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
			font-family: raleway;
			font-style: normal;
			color: #000;
			font-size: 135%;
			text-align: left;
			font-weight: 400;
			padding-top: 50px;
			line-height: 124%;
			margin-left: 10%;
			margin-right: 10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;*/
		  justify-content: center;
		  /*-webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			line-height: 160%;
			font-size: 95%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:33.3%;
		  float:left;
		  text-align:right;
	  }
	  .second_col{
		  width:33.3%;
		  float:left;
	  }
	  .third_col{
		  width:33.3%;
		  float:left;
		  text-align:left;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	.nav {
		position: relative;
		display: inline-block;
		font-size: 100%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 0%;
		margin-top: -2%;
		margin-left: -10%;
	}	  
	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  .logoCol img{
		width:10%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 300%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}						  

		.head_spacer{
		  padding-top:7%;
	  }	 
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	
		  
	.thumbWrapper {
		width: 100%;
		margin-left:15%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width: 70%;
		height: 1200px;
		margin-right: 1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 750px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			  	   
 
  		.thumb_col p1 {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 240%;
			color: rgba(0,0,0,1.00);
			background-color: rgba(79,89,97,0.70);
		}
		
		.gallery-margins {
			margin-left: 2%;
			margin-top: 1%;
		}		
 
  }  
  
  
 @media only screen and (max-width:1600px) and (min-height:900px){
	 
/*---------------FOR HALLOWEEN ONLY----------*/
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:block;
width: 200px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:88%;
margin-top:3%;
z-index:99;
background-size:100%;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:4%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 100%;
background-repeat:no-repeat;
position:fixed;
    
}
/*-------------------------------------------------*/		 
	 
/*it hides second email field from spammers */
.mail2_display{
	display:none;
}
/*---------------*/	 
	  
/*.nav {
		position: relative;
		display: inline-block;
		font-size: 85%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 1%;
		margin-left: -20%;
	}	*/
	

	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 124%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;*/
		  justify-content: center;
		  /*-webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
 
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
 
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			line-height: 160%;
			font-size: 95%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
 
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:100%;
		  float:left;

	  }
	  .second_col{
		  width:49%;
		  float:left;
	  }
	  .third_col{
		  width:49%;
		  float:right;

	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  
	.nav {
		position: relative;
		display: inline-block;
		font-size: 100%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 0%;
		margin-top: 0%;
		margin-left: -10%;
	}	  
	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:20%;
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  .logoCol img{
		width:7%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 130%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}						  

	.head_spacer{
		  padding-top:7%;
	  }	  
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		
		  
.thumbWrapper {
		width: 100%;
		margin-left:15%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width: 70%;
		height: 1200px;
		margin-right: 1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 750px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:92%;
			left: 0%;
			width:100%;
			padding-top: 2%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 220%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			    
  		.thumb_col p1 {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 77%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 250%;
			color: rgba(0,0,0,1.00);
			background-color: rgba(0,0,0,0);
		}
		
	.gallery-margins {
		margin-left: 2%;
		margin-top: 0%;
	}		
		
  }  
  
  

@media only screen and (max-width:1400px) and (max-height:1050px){
	
	/*.nav {
		position: relative;
		display: inline-block;
		font-size: 85%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 1%;
		margin-left: -20%;
	}	*/
	
/*---------------FOR HALLOWEEN ONLY----------*/
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:block;
width: 200px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:86%;
margin-top:3%;
z-index:99;
background-size:100%;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:4%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 100%;
background-repeat:no-repeat;
position:fixed;
    
}
/*-------------------------------------------------*/	

	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 260%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 115%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 120%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;*/
		  justify-content: center;
		  /*-webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
 
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
 
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
 
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:100%;
		  float:left;

	  }
	  .second_col{
		  width:49%;
		  float:left;
	  }
	  .third_col{
		  width:49%;
		  float:right;

	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	.nav {
		position: relative;
		display: inline-block;
		font-size: 90%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 0%;
		margin-top: -2%;
		margin-left: -15%;
	}	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:50%;
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  .logoCol img{
		width:7%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 130%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}						  

	 	 .head_spacer{
		  padding-top:5%;
	  } 
	  
	  
	  		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:4%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	  
	  		 
		.img-align{
			 margin-left:40%;
			 
		 }		
		 
		  .gallery-margins {
			margin-left: 5%;
			margin-top: 0%;
		}  		 
		 
}  

@media only screen and (max-width:1440px) and (max-height:900px){
	
	/*.nav {
		position: relative;
		display: inline-block;
		font-size: 85%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 1%;
		margin-left: -20%;
	}	*/
	
	

/*----------ONYLY FOR HALLOWEEN-----------------*/

.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:block;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:85%;
margin-top:4%;
z-index:9999999;
background-size:70%;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:4%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 75%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/		
	

	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 260%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 115%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 120%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;*/
		  justify-content: center;
		  /*-webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:15%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width:100%;
			height:10%;
			top: 90%;
			left: 0%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 170%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
 
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
 
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
 
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:100%;
		  float:left;

	  }
	  .second_col{
		  width:49%;
		  float:left;
	  }
	  .third_col{
		  width:49%;
		  float:right;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	.nav {
		position: relative;
		display: inline-block;
		font-size: 90%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 0%;
		margin-top: -2%;
		margin-left: -15%;
	}	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
		width:23%;	
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 30%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  .logoCol img{
		width:7%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
		line-height: 130%;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}						  

	 	 .head_spacer{
		  padding-top:5%;
	  } 
	  
	  
	  		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	  
	  
	  	.img-align{
			 margin-left:40%;
			 
		 }		
		 
		.gallery-margins {
			margin-left: 6%;
			margin-top: 0%;
		}		 
		 
		 
}    
  
 
 @media only screen and (max-width:1366px) and (orientation:landscape){
	  /* LANDSCAPE:
	  Microsoft Surface (RT)*/
  }
  
  
  @media only screen and (max-width:1280px) and (min-height:800px){
	  
	  /* LANDSCAPE:
	  Acer Iconia Tab A100
	  Acer Iconia Tab A200
	  Acer Iconia Tab A502
	  ASUS Transformer Pad TF300T
	  ASUS Transformer TF101
	  Motorola Xoom
	  Motorola Xoom 2
	  Samsung Galaxy Note 10.1
	  Samsung Galaxy Tab 8.9
	  Samsung Galaxy Tab 10.1
	  Samsung Galaxy Tab 10.1
	  LG Optimus Pad
	  Acer Iconia Tab A500*/
	  
	/*.nav {
		position: relative;
		display: inline-block;
		font-size: 80%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 1%;
		margin-left: -20%;
	}*/	
	
/*it hides second email field from spammers */
.mail2_display{
	display:none;
}
/*---------------*/	

	  .headerColsLeft {
		float: left;
		width: 30%;
		padding-left: 5%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 235%;
	}
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
	
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}	
		
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 115%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 120%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  /*-------*/
	  
	    .sliderPositionatTop {
		  padding-top: 2.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  .swiper-container {
		  width: 100%;
		  height: 25%;
		  
	  }
	  .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
		  
		  /* Center slide text vertically */
		  /*display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;*/
		  display: flex;
		  /*-webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;*/
		  justify-content: center;
		  /*-webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;*/
		  align-items: center;
	  }
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
    .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }
	  
	  .col_bg{
		  background-color:rgba(79,89,97,0.20); 
		  width:100%;
	  }
	  
	
	.premiumCol {
		width: 100%;
		margin-left:8%;
		text-align: center;
		overflow: hidden;
	}	  
	
	.imgcontainer {
	  position: relative;
	  width: 50%;
	}
	 .first_pcol{
		position: relative;
		width: 33.3%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		}
		
		.first_pcol p {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 12%;
		top: 88%;
		left: 0%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 160%;
		color: rgba(185,184,185,1.00);
		background-color: rgba(79,89,97,0.70);
		}	
  
  .first_pcol img {
	height: auto;
	width: 100%;
 
	transition: all 0.3s;
  }
  
	.first_pcol:hover img {
		cursor: pointer;
 
	 	transform: scale(1.1);
	}  

	.first_pcol:hover .imgoverlay {

	  height: 10%;
	}

	.first_pcol_smalltext {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00);
	}	
	
	
	/*********product image***********/
	
	  .major_pcol{
		position: relative;
		width:17%; 
		margin-right:1%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		}

		.major_pcol p {
			display:block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			text-align:left;
			font-style: normal;
			font-weight: 300;
			font-size: 85%;
			color: rgba(253,253,253,1.00);
		}

	  .product_pcol{
		position: relative;
		width: 20%;
		margin-right: 1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		.major_smalltext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 125%;
			color: rgba(185,184,185,1.00);
		}	
		

		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00)
		}	
	

	  .genericBox{
		position: relative;
		width: 90%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}
	
	/*********************************/
	
	.first_border{
	border: 7px solid rgba(79,89,97,0.50);
	border-radius: 2px;
	}
	
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(79,89,97,1.00);
	}		
	
   .linkImageSize {
	height: auto;
	width: 90%;
 
	transition: all 0.3s;
  }  
		
	.textBg {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: rgba(79,89,97,0.70);
	  overflow: hidden;
	  width: 100%;
	  height: 10%;
	  transition: .5s ease;
	}
	
	  .onlyForPC{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  display:block;
	  }		
	  
	  .view360degreeContainer {
		  display: block;
		  width: 80%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:15%;	  
	  }	  	
	
		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }		
	  
	  .first_col{
		  width:100%;
		  float:left;

	  }
	  .second_col{
		  width:49%;
		  float:left;
	  }
	  .third_col{
		  width:49%;
		  float:right;

	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .nav {
		position: relative;
		display: inline-block;
		font-size: 80%;
		font-weight: 400;
		font-family: abel;
		font-style: normal;
		color: #000000;
		padding-left: 0%;
		margin-top: -1%;
		margin-left: -15%;
	}
	  
	  .nav_menu_top {
		  width: 100%;
		  left: 0;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  top: 1%;
		  z-index: 999;
		  height: 5%;
		  padding-left: 40%
	  }	  
	  .cssmenu_v {
		padding-top: .20%;
		font-family: "Times New Roman";
		line-height: 14px;
		text-transform: uppercase;
		text-align: left;
		font-style: normal;
		font-weight: 400;
		text-decoration: none
	  }	 
	  .cssmenu_v_small {
		  display: none;
		  padding-top: .25%;
		  font-family: abel;
		  line-height: 15px;
		  text-transform: uppercase;
		  text-align: left;
		  font-style: normal;
		  font-weight: 300;
		  text-decoration: none
	  } 	

	  .headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:block;
	  }
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  
	  
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:30%;
	  }
	  
	  .view360position {
		  width: 640px;
		  height: 530px;
		  float: left;
		  clear: both;
		  margin-left: 7%;
		  margin-top: 0%;
		  padding: 8px;
		  text-align: center;
	

	  }	  
	  
	  .address_col{
		  float:left; 
		  margin-left:7%; 
		  width:30%
	  }
	  
	  .form_col{
		  float:left; 
		  margin-left:1%; 
		  width:58%;
	  }	  
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}	 
	
  	  .projectCol{

		position: relative;
		width:35%; 
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 		
		
		.contactCol
		{
			width:70%;
		}
		.contactCol img {
			width:10%; float:left; text-align:left; margin-top:16%;
		}
		.contactCol p {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			width:65%; 
			float:left; 
			text-align:left; 
			margin-top:15%;
			margin-left:2%;
		}
		
	  .logoCol{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: left;
		margin: 2%;
	  }	
	  
	  .logoCol img{
		width:10%;  
	  }
	  
	  
	  .smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 160%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  		
			
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	  
		
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:6%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		
		  
		.img-align{
			 margin-left:37%;
			 
		 }			  	
	  
	  .gallery-margins {
			margin-left: 11%;
			margin-top: 0%;
		}
	  
  }
  
  
  
  @media only screen and (min-device-width: 1200px)
    and (max-device-width: 1600px)
    {
	
/*it hides second email field from spammers */
.mail2_display{
	display:none;
}
/*---------------*/
	
	.mobiolesliderPosition {
		display: block;
		margin-top: 9%;
		margin-left: 1%;
	}
	.banner_box_mobile{
		width: 100%;
		float: left;
		margin-left: 30%;
		margin-top: 0%;
		display: block;
	}	
	.banner_image_size{
		width:80%;
	}
	.premiumCol_mobile	{
	  width: 100%;
	  /*margin-left: 12%;*/
	  text-align:center;
	}	
	
	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 210%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		
	  
  	.first_pcol_text {
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 5%;
		left: 3%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 150%;
		color: rgba(185,184,185,1.00)
	}	
	
		
		.major_desctext {
			/*white-space: nowrap;*/
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 3%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 90%;
			color: rgba(253,253,253,1.00);
			display:block;
		}		  
	
	.gallery-margins {
			margin-left: 3%;
			margin-top: 0%;
		}
	
		
}

  @media only screen and (max-width: 1130px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  ASUS Padfone
	  Arnova 8C G3
	  Arnova 7FG3*/
  }
  
  @media only screen and (max-width: 1080px) {
	/* PORTRAIT:
	  Windows Surface Pro*/
  
	
 
	  
  }
  
   
   @media only screen and (max-width:1024px) and (min-height:1366px){
	  /* LANDSCAPE:
	  Apple iPad
	  Apple iPad 2
	  Apple iPad 3 (and 4)
	  Apple iPad Mini
	  Archos 80G9
  
	  BAUHN AMID-972XS
	  HP Touchpad
	  Panasonic Toughpad A1
	  Acer Iconia Tab A101
	  Archos 70b (it2)
	  Arnova 10b G3
	  BlackBerry PlayBook
	  Samsung Galaxy Tab 2 7.0
	  Samsung Galaxy Tab 7
	  Ainol Novo 7 Elf 2*/
	  
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	  
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/


   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:block;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:77%;
margin-top:9%; 
z-index:99;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:10%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 90%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/		  
	  
/*it hides second email field from spammers */
.mail2_display{
	display:none;
}
/*---------------*/	  

	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
		.headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:none;
	  }
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;


	  }
	  .second_col{
		width: 49%;
		float: left;
		margin-left: 1%;

	  }
	  .third_col{
		  width:49%;
		  float:left


	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:40%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:89%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		.view360position {
			width: 640px;
			height: 530px;
			float: left;
			clear: both;
			margin-left: 18%;
			margin-top: 0%;
			padding: 8px;
			text-align: center;
		}			 
		
		
	.head_spacer{
		  padding-top:13%;
	  } 
	  
	  		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:3%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		
		  
		.img-align{
			 margin-left:30%;
			 width:100%;
		 }	
		 
	   .sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 300%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 175%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  }    		 
		 	
  }
  
  
     @media only screen and (max-width:1024px)
		 {
		
		/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/
			.projectImage{
			
			width: 100%;
		}
		
		.sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 100%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 100%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  } 
	 }
  
   @media only screen and (max-width: 1024px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  Apple iPad
	  Apple iPad 2
	  Apple iPad 3 (and 4)
	  Apple iPad Mini
	  Archos 80G9
  
	  BAUHN AMID-972XS
	  HP Touchpad
	  Panasonic Toughpad A1
	  Acer Iconia Tab A101
	  Archos 70b (it2)
	  Arnova 10b G3
	  BlackBerry PlayBook
	  Samsung Galaxy Tab 2 7.0
	  Samsung Galaxy Tab 7
	  Ainol Novo 7 Elf 2*/
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  

	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
		.headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:none;
	  }
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;


	  }
	  .second_col{
		width: 49%;
		float: left;
		margin-left: 1%;

	  }
	  .third_col{
		  width:49%;
		  float:left


	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:40%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:89%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		 
		
	.sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 100%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 100%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  } 
		
  }
  
  
  @media only screen and (max-device-width : 1024px) and (max-device-width : 1366px) {


/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 

		/*it hides second email field from spammers */
		.mail2_display{
			display:none;
		}
		/*---------------*/	  
	  
	  
		    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 50px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headContainer {
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  background-color:rgba(79,89,97,1.00);
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  position: fixed;
		  clear: both;
		  display:none;
	  }
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			line-height: 135%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  padding-top: 5%;
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 250%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 275%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
     	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 130%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 130%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:1%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:24%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 80%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		  	 	  
	
		.sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 325%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 200%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  } 
	
	}	 
  
  
  @media only screen and (max-width: 980px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  Nexus 7
	  HTC Evo 3D*/
  }
  
  @media only screen and (max-width: 802px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  Kindle Fire HD 7
	  Kindle Fire HD 8.9
	  Arnova 7 G2
	  HTC Desire Z
	  Nokia N900
	  Samsung Galaxy Grand*/
  }
  
@media only screen and (min-width:800px) and (max-height:1280px) and (orientation:portrait){
			/*Nexus 10*/

/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 

/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 

.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:block;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:80%;
margin-top:12%;
z-index:9999999;
background-size:70%;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:12%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 75%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/	

			
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 50px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  padding-top: 5%;
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 200%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
  	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
  
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;

	  }
	  .third_col{
		  width:100%;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:1%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:24%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 80%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		  .view360position {
			  width: 640px;
			  height: 530px;
			  float: left;
			  clear: both;
			  margin-left: 10%;
			  margin-top: 1%;
			  padding: 8px;
			  text-align: center;
		
	
		  }	
		  
	 	 .head_spacer{
		  padding-top:10%;
	  } 	
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		  	  					
	
	.thumbWrapper {
		width: 100%;
		margin-left:15%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width: 70%;
		height: 1200px;
		margin-right: 1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 750px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
	
			.img-align{
			 margin-left:40%;
			 
		 }	

		.gallery-margins {
			margin-left: 2%;
			margin-top: 0%;
		}		 
		 
		 
}   
  
  
    
	
 @media only screen and (max-width: 768px) and (orientation : portrait) {
	  /* PORTRAIT:
	  Apple iPad
	  Apple iPad 2
	  Apple iPad 3 (and 4)
	  Apple iPad Mini
	  Archos 80G9
	  BAUHN AMID-972XS
	  HP Touchpad
	  LG Optimus Pad
	  Microsoft Surface (RT)
	  Panasonic Toughpad A1
	  Nexus 7
	  Kindle Paperwhite*/
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 50px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  padding-top: 5%;
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;


	  }
	  .second_col{
		width: 49%;
		text-align: center;
		margin-left: 1%;

	  }
	  .third_col{
		  width:49%;
		  float:left


	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:40%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:1%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:24%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 80%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		.thumbWrapper {
			width: 100%;
			margin-left:17%;
			margin-top:5%;
			text-align: center;
			overflow: hidden;
		}

	  .thumb_col{
			position: relative;
			width: 70%;
			height: 800px;
			margin-right: 1%;
			float: left;
			overflow: hidden;
			border: 7px solid rgba(79,89,97,0.30);
			border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 455px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}				  		  
  
  	  .admin_block{
		  
		  width:100%;
		  margin-left:43%;
		  margin-top:5%;
	  }
	  
	.popupHeaderStyle {
		font-family: questrial;
		font-style: normal;
		font-weight: 400;
		font-size: 130%;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	}
	
	.popupSmallText {
		font-family: raleway;
		font-style: normal;
		font-weight: 500;
		font-size: 100%;
		color: #84D3FF;
		text-decoration: none;
	}
  
  }	
  
  
  @media only screen and (max-width:768px) and (min-height:1024px){
	  /* PORTRAIT:
	  Apple iPad
	  Apple iPad 2
	  Apple iPad 3 (and 4)
	  Apple iPad Mini
	  Archos 80G9
	  BAUHN AMID-972XS
	  HP Touchpad
	  LG Optimus Pad
	  Microsoft Surface (RT)
	  Panasonic Toughpad A1
	  Nexus 7
	  Kindle Paperwhite*/
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	  
	  
	
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
   }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:block;
width: 200px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:77%;
margin-top:8%;
z-index:99;
background-size:90%;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:9%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 80%;
background-repeat:no-repeat;
position:fixed;
    
}
/*-------------------------------------------------*/	
	
	
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 50px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			line-height: 135%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  padding-top: 5%;
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;
		  text-align:center;


	  }
	  .second_col{
		width: 100%;
		text-align:center;

	  }
	  .third_col{
		width: 100%;
		text-align:center;


	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:1%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:24%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 80%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		  		  
		  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:8%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }					
		  
		.head_spacer {
			padding-top: 15%;
		}	
		
		.img-align{
			 margin-left:30%;
			 width:100%;
		 }		
		 
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 450%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 250%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 200%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 200%;
		color: #84D3FF;
		text-decoration: none;
	  }	 		   
		  
  }	
  
  @media only screen and (max-width:720px) and (max-height:1280px){

/*---------------FOR HALLOWEEN ONLY----------*/
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 200px;
height:250px;
background-image:url("../img/webspider.gif");
margin-left:86%;
margin-top:3%;
z-index:99;
background-size:100%;
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:14%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 95%;
background-repeat:no-repeat;
position:fixed;
    
}
/*-------------------------------------------------*/	


	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  


 	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
  
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;

	  }
	  .third_col{
		  width:100%;
	  }
	  

  }

  @media only screen and (max-width: 691px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  BlackBerry 9520*/
  }
  
  @media only screen and (max-width: 640px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  Samsung Galaxy Note
	  HTC One S
	  HTC One XL
	  HTC Sensation XL
	  HTC Velocity 4G
	  Motorola Droid Razr
	  Nokia 500
	  Samsung Galaxy Note 2
	  Samsung Galaxy S3*/
  }
  
    @media only screen and (max-width:640px) and (orientation:portrait){
	  /* PORTRAIT:
	  Acer Iconia Tab A500
	  Arnova 7FG3
	  Nexus 7*/
	  
  }
  
@media only screen and (max-width:600px) and (max-height:1024px){
	  /* PORTRAIT:
	  Acer Iconia Tab A101
	  Archos 70b (it2)
	  Arnova 10b G3
	  BlackBerry PlayBook
	  Kindle 3
	  Kobo eReader Touch
	  Samsung Galaxy Tab 2 7.0
	  Samsung Galaxy Tab 7*/
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 

.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:12%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 70%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/		  
	  
	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}		
	  

.mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 50px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 12%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height: 200px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow: visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 92.5%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  padding-top: 5%;
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
		position: absolute;
		overflow: hidden;
		margin-bottom: 0;
		height: 20%;
		top: 92%;
		left: 0%;
		width: 100%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 190%;
		color: rgba(185,184,185,1.00);
		background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;


	  }
	  .second_col{
		width: 100%;
		float: left;

	  }
	  .third_col{
		  width:100%;
		  float:left


	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 70%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:40%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 80%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		  	
		
		.sponsorslogos {
			border: thin solid rgba(204,204,204,1.00);
			width: 7%;
		}			  
		  
		  .view360position {
			  width: 640px;
			  height: 530px;
			  float: left;
			  clear: both;
			  margin-left: -5%;
			  margin-top: -5%;
			  padding: 8px;
			  text-align: center;
		
	
		  }		  
		 .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }	
	  
		.head_spacer{
		  padding-top:17%;
	  }	  	  
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:8%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		  
		  
	.thumbWrapper {
		width: 100%;
		margin-left:0%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width:100%; 
		height: 750px;
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 455px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 200%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 140%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 140%;
		color: #84D3FF;
		text-decoration: none;
	  }	 		  
	  
  }  
  
  
 @media only screen and (max-width:600px) and (max-height:960px){
	  /* PORTRAIT:
	  Acer Iconia Tab A101
	  Archos 70b (it2)
	  Arnova 10b G3
	  BlackBerry PlayBook
	  Kindle 3
	  Kobo eReader Touch
	  Samsung Galaxy Tab 2 7.0
	  Samsung Galaxy Tab 7*/
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 250%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 
.mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 50px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height: 150px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow: visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
	  
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 92.5%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  padding-top: 5%;
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
		position: absolute;
		overflow: hidden;
		margin-bottom: 0;
		height: 20%;
		top: 92%;
		left: 0%;
		width: 100%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 190%;
		color: rgba(185,184,185,1.00);
		background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  

	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
  
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
	  
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 70%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:40%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 80%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		  		  
  
  		  .goldBg{
		  float: left;
		  width: 100%;
		  text-align: center;
		  text-justify: distribute;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin-left:0%;
		  background:rgba(79,89,97,1.00);
		  /*background-image:url(../img/avilados.png);*/
		  
		  
	  }
	  
		.head_spacer{
		  padding-top:17%;
	  }	  	
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:9.5%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		    	
	  
	  .thumbWrapper {
		width: 100%;
		margin-left:0%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width:100%; 
		height: 750px;
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 455px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		
		
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 200%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 140%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 140%;
		color: #84D3FF;
		text-decoration: none;
	  }	 		
	  
  }
  
  @media only screen and (max-width: 540px) and (orientation : portrait) {
	  /* PORTRAIT:
	  HTC Evo 3D
	  Kindle Fire HD 7
	  Kindle Fire HD 8.9
	  Ainol Novo 7 Elf 2*/
	  
  }
  @media only screen and (max-width: 540px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  HTC Desire
	  HTC Desire HD
	  HTC One V
	  LG Optimus 2X
	  Nexus S
	  Samsung Galaxy Ace 2
	  Samsung Galaxy S2
	  BlackBerry Z10*/
  }    
  
 

  
  @media only screen and (max-width: 480px) and (orientation : landscape) {
	  /* LANDSCAPE:
	  Apple iPhone 3G
	  Apple iPhone 3GS
	  Apple iPhone 4
	  Apple iPhone 4S
	  Apple iPod Touch
	  BlackBerry Torch 9800
	  BlackBerry Torch 9810
	  HTC 7 Mozart
	  HTC 7 Trophy
	  HTC Desire C
	  HTC Legend
	  HTC Titan 4G
	  HTC Wildfire S
	  HTC Windows Phone 8X
	  Huawei U8650
	  Nokia Lumia 610
	  Nokia Lumia 710
	  Nokia Lumia 800
	  Nokia Lumia 820
	  Nokia Lumia 900
	  Nokia Lumia 920
	  Samsung Galaxy Ace
	  Sony Xperia E Dual*/
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 300%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 40%;
		height:50px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 94%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:42%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 150%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;


	  }
	  .second_col{
		width: 49%;
		float: left;
		margin-left: 1%;

	  }
	  .third_col{
		  width:49%;
		  float:left


	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:40%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:9%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:20%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:89%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		.gallery-margins
		{
			margin-left:5%;
			margin-top:2%;
		}				  
			  
  }
  
   @media only screen and (max-width:480px) and (orientation:portrait){
	  /* PORTRAIT:
	  Arnova 7 G2
	  BlackBerry Bold 9780
	  HTC Desire Z
	  Nokia N900
	  Samsung Galaxy Grand*/
  }
  
  
  @media only screen and (max-width:414px) and (min-height:736px){
	  /* PORTRAIT:
	  Samsung Galaxy Note
	  Nexus 4
	  HTC One S
	  HTC One XL
	  HTC Sensation XL
	  HTC Velocity 4G
	  Motorola Droid3
	  Motorola Droid Razr
	  Motorola Razr HD 4G
	  Motorola Razr M 4G
	  Nokia 500
	  Samsung Galaxy Note 2
	  Samsung Galaxy S3
	  BlackBerry Bold 9900
	  BlackBerry 9520
	  BlackBerry Z10*/
	  
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	  
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 

.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:12%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 40%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/	
	  
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
	  
	#google_map {
		height: 400px;
		width:100%;
		padding:0;
		margin:0%;
	}
	
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 35px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 200%;
	}
	
	.sliderPositionatTop {
		  padding-top: 13%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height: 250px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow: visible;
		margin-right: 0%;
		}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 89%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 140%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
		position: absolute;
		overflow: hidden;
		margin-bottom: 0;
		height: 20%;
		top: 92%;
		left: 0%;
		width: 100%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 140%;
		color: rgba(185,184,185,1.00);
		background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:8%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
  	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		padding-top: 0%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 170%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  

	  
	.view_360_container {
		width: 100%;
		margin-left:5%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:90%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:87%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		 	
		.cd-top {
				  display: inline-block;
				  height: 60px;
				  width: 60px;
				  position: fixed;
				  bottom: 40px;
				  right: 25px;
				  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
				  overflow: hidden;
				  text-indent: 100%;
				  white-space: nowrap;
				  /*background: rgba(0,117,176,1.00) url(../img/hal2.gif) no-repeat center 50%;*/
				  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
				  /*background: url(../img/easter_bunny.png) no-repeat center 50%;*/
				  /*background: url(../img/santa.png) no-repeat center 50%;*/
				  visibility: hidden;
				  opacity: 0;
 
				  border-radius: 20px;
				  transition: opacity .3s 0s, visibility 0s .3s
			  }
			  .cd-top.cd-fade-out,
			  .cd-top.cd-is-visible,
			  .no-touch .cd-top:hover {
 
				  transition: opacity .3s 0s, visibility 0s 0s
			  }
			  .cd-top.cd-is-visible {
				  visibility: visible;
				  opacity: 1
			  }
			  .cd-top.cd-fade-out {
				  opacity: .7
			  }
			  .no-touch .cd-top:hover {
				  background-color: #e86256;
				  opacity: 1
			  }	
			  
			.sponsorslogos {
				border: thin solid rgba(204,204,204,1.00);
				width: 7%;			  
				
			  }
			  
	  	.view360position {
			width: 640px;
			height: 530px;
			float: left;
			clear: both;
			margin-left: -27%;
			margin-top: -10%;
			padding: 8px;
			text-align: center;
		}	
		
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:10%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }
		  
		.gallery-margins {
			margin-left: 12%;
			margin-top: 0%;
		}		  		  
	  		
					  
  }
  
  @media only screen and (max-width:412px) and (max-height:732px){
	  /* PORTRAIT:
	  Samsung Galaxy Note
	  Nexus 4
	  HTC One S
	  HTC One XL
	  HTC Sensation XL
	  HTC Velocity 4G
	  Motorola Droid3
	  Motorola Droid Razr
	  Motorola Razr HD 4G
	  Motorola Razr M 4G
	  Nokia 500
	  Samsung Galaxy Note 2
	  Samsung Galaxy S3
	  BlackBerry Bold 9900
	  BlackBerry 9520
	  BlackBerry Z10*/
	
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	
	
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	
	
	
	/*---------------*/	  
	  
	  
	#google_map {
		height: 400px;
		width:100%;
		padding:0;
		margin:0%;
	}
	
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 35px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 200%;
	}
	
	.sliderPositionatTop {
		  padding-top: 13%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height: 200px;
		float: left;
		overflow: visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 88.8%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
		position: absolute;
		overflow: hidden;
		margin-bottom: 0;
		height: 20%;
		top: 93%;
		left: 0%;
		width: 100%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 120%;
		color: rgba(185,184,185,1.00);
		background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
  
  	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
  
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		padding-top: 0%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 170%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  

	  
	.view_360_container {
		width: 100%;
		margin-left:5%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:90%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:87%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		 	
		.cd-top {
				  display: inline-block;
				  height: 60px;
				  width: 60px;
				  position: fixed;
				  bottom: 40px;
				  right: 25px;
				  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
				  overflow: hidden;
				  text-indent: 100%;
				  white-space: nowrap;
				  /*background: rgba(0,117,176,1.00) url(../img/hal2.gif) no-repeat center 50%;*/
				  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
				  /*background: url(../img/easter_bunny.png) no-repeat center 50%;*/
				  /*background: url(../img/santa.png) no-repeat center 50%;*/
				  visibility: hidden;
				  opacity: 0;
 
				  border-radius: 20px;
				  transition: opacity .3s 0s, visibility 0s .3s
			  }
			  .cd-top.cd-fade-out,
			  .cd-top.cd-is-visible,
			  .no-touch .cd-top:hover {
 
				  transition: opacity .3s 0s, visibility 0s 0s
			  }
			  .cd-top.cd-is-visible {
				  visibility: visible;
				  opacity: 1
			  }
			  .cd-top.cd-fade-out {
				  opacity: .7
			  }
			  .no-touch .cd-top:hover {
				  background-color: #e86256;
				  opacity: 1
			  }	
	
			.view360position {
			width: 640px;
			height: 530px;
			float: left;
			clear: both;
			margin-left: -28%;
			margin-top: -8%;
			padding: 8px;
			text-align: center;
		}
	
			  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:10%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		  
	  
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 200%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 140%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 140%;
		color: #84D3FF;
		text-decoration: none;
	  }	 	
	  
	  .gallery-margins {
		margin-left: 10%;
		margin-top: 0%;
		}  

	  		 
	   .sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 300%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 125%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  }  
	
  }  
  
 @media only screen and (max-width:384px) and (max-height:640px){
	  /* PORTRAIT:
	  Samsung Galaxy Note
	  Nexus 4
	  HTC One S
	  HTC One XL
	  HTC Sensation XL
	  HTC Velocity 4G
	  Motorola Droid3
	  Motorola Droid Razr
	  Motorola Razr HD 4G
	  Motorola Razr M 4G
	  Nokia 500
	  Samsung Galaxy Note 2
	  Samsung Galaxy S3
	  BlackBerry Bold 9900
	  BlackBerry 9520
	  BlackBerry Z10*/
	  
	/*it hides second email field from spammers */
	
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	
	
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 

.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:12%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 45%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/		  	
	
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
	  
	#google_map {
		height: 400px;
		width:100%;
		padding:0;
		margin:0%;
	}
	
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 35px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 200%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 100%;
		height:150px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 88%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 130%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:90%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  

 	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: -10%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 170%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  

	  
	.view_360_container {
		width: 100%;
		margin-left:5%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:90%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:87%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		 	
		.cd-top {
				  display: inline-block;
				  height: 60px;
				  width: 60px;
				  position: fixed;
				  bottom: 40px;
				  right: 25px;
				  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
				  overflow: hidden;
				  text-indent: 100%;
				  white-space: nowrap;
				  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
				 /*background: rgba(0,117,176,1.00) url(../img/hal2.gif) no-repeat center 50%;*/
				  /*background: url(../img/easter_bunny.png) no-repeat center 50%;*/
				  /*background: url(../img/santa.png) no-repeat center 50%;*/
				  visibility: hidden;
				  opacity: 0;
 
				  border-radius: 20px;
				  transition: opacity .3s 0s, visibility 0s .3s
			  }
			  .cd-top.cd-fade-out,
			  .cd-top.cd-is-visible,
			  .no-touch .cd-top:hover {
 
				  transition: opacity .3s 0s, visibility 0s 0s
			  }
			  .cd-top.cd-is-visible {
				  visibility: visible;
				  opacity: 1
			  }
			  .cd-top.cd-fade-out {
				  opacity: .7
			  }
			  .no-touch .cd-top:hover {
				  background-color: #e86256;
				  opacity: 1
			  }	

		.view360position {
			width: 640px;
			height: 530px;
			float: left;
			clear: both;
			margin-left: -33%;
			margin-top: -13%;
			padding: 8px;
			text-align: center;
		}
		
		.head_spacer{
		  padding-top:25%;
	  } 
	  
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 200%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 140%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 140%;
		color: #84D3FF;
		text-decoration: none;
	  }	 	  
	
	  
 }
  
  @media only screen and (max-width:375px) and (min-height:667px){
	  /* PORTRAIT:
	  Samsung Galaxy Note
	  Nexus 4
	  HTC One S
	  HTC One XL
	  HTC Sensation XL
	  HTC Velocity 4G
	  Motorola Droid3
	  Motorola Droid Razr
	  Motorola Razr HD 4G
	  Motorola Razr M 4G
	  Nokia 500
	  Samsung Galaxy Note 2
	  Samsung Galaxy S3
	  BlackBerry Bold 9900
	  BlackBerry 9520
	  BlackBerry Z10*/
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	  
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
	     .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
   .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
	#google_map {
		height: 400px;
		width:100%;
		padding:0;
		margin:0%;
	}
	
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 35px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 18px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 200%;
	}
	
	.sliderPositionatTop {
		  padding-top: 9.5%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height:300px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 88%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
		position: absolute;
		overflow: hidden;
		margin-bottom: 0;
		height: 20%;
		top: 91%;
		left: 0%;
		width: 100%;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 140%;
		color: rgba(185,184,185,1.00);
		background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:100%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  height: 125px;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 130%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:8%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
      	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: -10%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 170%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  

	  
	.view_360_container {
		width: 100%;
		margin-left:5%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:90%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:87%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}		 	
		.cd-top {
				  display: inline-block;
				  height: 60px;
				  width: 60px;
				  position: fixed;
				  bottom: 40px;
				  right: 25px;
				  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
				  overflow: hidden;
				  text-indent: 100%;
				  white-space: nowrap;
				 /* background: rgba(0,117,176,1.00) url(../img/hal2.gif) no-repeat center 50%;*/
				  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
				  /*background: url(../img/easter_bunny.png) no-repeat center 50%;*/
				  /*background: url(../img/santa.png) no-repeat center 50%;*/
				  visibility: hidden;
				  opacity: 0;
 
				  border-radius: 20px;
				  transition: opacity .3s 0s, visibility 0s .3s
			  }
			  .cd-top.cd-fade-out,
			  .cd-top.cd-is-visible,
			  .no-touch .cd-top:hover {
 
				  transition: opacity .3s 0s, visibility 0s 0s
			  }
			  .cd-top.cd-is-visible {
				  visibility: visible;
				  opacity: 1
			  }
			  .cd-top.cd-fade-out {
				  opacity: .7
			  }
			  .no-touch .cd-top:hover {
				  background-color: #e86256;
				  opacity: 1
			  }	
	
			.sponsorslogos {
				border: thin solid rgba(204,204,204,1.00);
				width: 7%;
			}	
			
		  .view360position {
			  width: 640px;
			  height: 530px;
			  float: left;
			  clear: both;
			  margin-left: -40%;
			  margin-top: -20%;
			  padding: 8px;
			  text-align: center;
		
	
		  }				
	
			  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:7%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		  
	  
	  .head_spacer {
			padding-top: 25%;
		}
	
  }
  
  @media only screen and (max-width:360px) and (orientation:portrait){
	  /* PORTRAIT:
	  Apple iPhone 3G
	  Apple iPhone 3GS
	  Apple iPhone 4
	  Apple iPhone 4S
	  Apple iPhone 5
	  Apple iPod Touch
	  BlackBerry Bold 9360
	  BlackBerry Bold 9790
	  BlackBerry Curve 9320
	  BlackBerry Curve 9380
	  BlackBerry Torch 9800
	  BlackBerry Torch 9810
	  HP Veer
	  HTC 7 Mozart
	  HTC 7 Trophy
	  HTC Desire
	  HTC Desire C
	  HTC Desire HD
	  HTC Legend
	  HTC One V
	  HTC Titan 4G
	  HTC Wildfire S
	  HTC Windows Phone 8X
	  Huawei U8650
	  LG Optimus 2X
	  LG Optimus L3
	  Motorola Defy
	  Motorola Milestone
	  Nexus S
	  Nokia Lumia 610
	  Nokia Lumia 710
	  Nokia Lumia 800
	  Nokia Lumia 820
	  Nokia Lumia 900
	  Nokia Lumia 920
	  Samsung Galaxy Ace
	  Samsung Galaxy Ace 2
	  Samsung Galaxy S2
	  Sony Xperia E Dual
	  BlackBerry Curve 9300*/
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	
	
	
	/*---------------*/	  
	
	   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 175%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }  
	   .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
	  .input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}
		.detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}		
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 8.5%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 35px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 15px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 200%;
	}
	
	.sliderPositionatTop {
		  padding-top: 13%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height:200px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 87%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 90%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  .logoCol img{
		width:5%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
	  
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 100%;
		  text-align: center;
	  }	  	  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 190%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 110%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:5%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:90%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			  
		
	  .sponsorslogos {
		  border:thin solid rgba(204,204,204,1.00);
		  width: 7%;
	  }		
	  
	  .cd-top {
			  display: inline-block;
			  height: 60px;
			  width: 60px;
			  position: fixed;
			  bottom: 40px;
			  right: 25px;
			  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
			  overflow: hidden;
			  text-indent: 100%;
			  white-space: nowrap;
			  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
			  /*background: url(../img/easter_bunny.png) no-repeat center 50%;*/
			  /*background: url(../img/santa.png) no-repeat center 50%;*/
			  visibility: hidden;
			  opacity: 0;
 
			  border-radius: 20px;
			  transition: opacity .3s 0s, visibility 0s .3s
		  }
		  .cd-top.cd-fade-out,
		  .cd-top.cd-is-visible,
		  .no-touch .cd-top:hover {
 
			  transition: opacity .3s 0s, visibility 0s 0s
		  }
		  .cd-top.cd-is-visible {
			  visibility: visible;
			  opacity: 1
		  }
		  .cd-top.cd-fade-out {
			  opacity: .7
		  }
		  .no-touch .cd-top:hover {
			  background-color: #e86256;
			  opacity: 1
		  }	
	  
		  .view360position {
			  width: 640px;
			  height: 530px;
			  float: left;
			  clear: both;
			  margin-left: -40%;
			  margin-top: -13%;
			  padding: 8px;
			  text-align: center;
		
	
		  }	
		  
		.head_spacer{
		  padding-top:17%;
	  }	  
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:4%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		  
		  
	.thumbWrapper {
		width: 100%;
		margin-left:0%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width:100%; 
		height: 600px;
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 250px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
		
		
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 200%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 140%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 140%;
		color: #84D3FF;
		text-decoration: none;
	  }	  
	  
		.sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 225%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 125%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  } 	  
	  
  }
  
  @media only screen and (max-width:360px) and (max-height:640px){
	  /* PORTRAIT:
	  Apple iPhone 3G
	  Apple iPhone 3GS
	  Apple iPhone 4
	  Apple iPhone 4S
	  Apple iPhone 5
	  Apple iPod Touch
	  BlackBerry Bold 9360
	  BlackBerry Bold 9790
	  BlackBerry Curve 9320
	  BlackBerry Curve 9380
	  BlackBerry Torch 9800
	  BlackBerry Torch 9810
	  HP Veer
	  HTC 7 Mozart
	  HTC 7 Trophy
	  HTC Desire
	  HTC Desire C
	  HTC Desire HD
	  HTC Legend
	  HTC One V
	  HTC Titan 4G
	  HTC Wildfire S
	  HTC Windows Phone 8X
	  Huawei U8650
	  LG Optimus 2X
	  LG Optimus L3
	  Motorola Defy
	  Motorola Milestone
	  Nexus S
	  Nokia Lumia 610
	  Nokia Lumia 710
	  Nokia Lumia 800
	  Nokia Lumia 820
	  Nokia Lumia 900
	  Nokia Lumia 920
	  Samsung Galaxy Ace
	  Samsung Galaxy Ace 2
	  Samsung Galaxy S2
	  Sony Xperia E Dual
	  BlackBerry Curve 9300*/
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	  
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 175%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:15%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 50%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/		  
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  

	  
		.input_style {
			width: 100%;
			color: #FFFFFF;
			background-color: transparent;
		}	  
	  
	  .detail_style {
			width: 100%;
			color: white;
			background-color: transparent;
		}
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 10%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }
	  	.sidemenu_button{font-size: 35px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 15px;}
	
	.headerColsLeft {
		float: left;
		width: 100%;
		padding-left: 1%;
		color: rgba(255,255,255,1.00);
		font-family: "Times New Roman";
		font-style: normal;
		font-size: 155%;
	}
	
	.sliderPositionatTop {
		  padding-top: 14%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }
	  
	  .major_pcol{
		position: relative;
		width: 90%;
		height:200px;
		float: left;
				/*text-wrap:normal !important;*/
		white-space:normal !important;
		overflow:visible;
		margin-right: 0%;
	}
	  
		.major_pcol p {
			display: block;
			position: absolute;
			overflow: hidden;
			top: 4%;
			left: 12%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(253,253,253,1.00);
			text-align: left;
		}	
		
	
		
		.textBg {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  background-color: rgba(79,89,97,0.70);
		  overflow: hidden;
		  width: 100%;
		  height: 10%;
		  transition: .5s ease;
		}	
		
		.first_pcol{
			position: relative;
			width: 100%;
			text-align:center;
			overflow: hidden;
			margin-right: 0%;
		}

		.first_pcol p {
			white-space: nowrap;
			position: absolute;
			overflow: hidden;
			width: 90%;
			top: 90%;
			left: 5%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 110%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			
		
		.first_pcol img {
			height: auto;
			width: 90%;
 
			transition: all 0.3s;
	  }	  
	  
	  .address_col{
		margin-left: 10%;
		width: 100%;
	  }	  
	  
		.contact_text {
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);

			
		}	
		
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
  
  	  .product_pcol{
		position: relative;
		
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
  		.product_pcol p {
			position: absolute;
			overflow: hidden;
			margin-bottom: 0;
			height: 20%;
			top: 90%;
			left: 0%;
			width: 100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}	
  
	  .product_pcol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.product_pcol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.product_pcol:hover .imgoverlay {
	
		  height: 10%;
		}

		.premiumCol {
			width: 100%;
			margin-left:0%;
			text-align: center;
			overflow: hidden;
		}	
		
	.galleryCol {
		width: 100%;
		margin-left:0%;
		text-align: center;
		overflow: hidden;
	}		

      .projectCol{
		position: relative;
		width:90%; 
		margin:.5%;
		margin-left:5%;
		float: left;
		overflow: hidden;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;
			
		}	 
		
  
	  .projectCol img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.projectCol:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		} 
  
  	  .view360degreeContainer {
		  display: block;
		  width: 90%;
		  padding-top: 1%;
		  margin-left:5%;	  
	  }	
  
  	  .genericBox{
		position: relative;
		width: 100%;
		float: left;
		overflow: hidden;
		margin-right: 0%;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .genericBox img {
		height: auto;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.genericBox:hover img {
			cursor: pointer;
 
			transform: scale(1.1);
		}  

		.genericBox:hover .imgoverlay {
	
		  height: 10%;
		}

		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 120%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}		
	  .logoCol{
		width: 100%;
		margin-top:2%;
		margin-left: -10%;
		margin-right: 0%;
		text-align: center;
	  }	
	  
	  .logoCol img{
		width:7%;  
	  }		
  
	  .form_col{
		text-align: center;
		margin-left: 1%;
		width: 98%;
		clear: both;
	  }  
  
    .first_col{
		  width:100%;
	  }
	  .second_col{
		width: 100%;
	  }
	  .third_col{
		  width:100%;
	  }
	  
	  .details{
		  width:100%;
		  
	  }	  
	  
	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }	  	  
  
  
  
  	.solidWoodheader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 150%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }	
	  
  	.smallHeader_transparent {
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 110%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  
	  
	.popupText {
		white-space: nowrap;
		font-family: josefin-sans;
		font-style: normal;
		font-weight: 300;
		font-size: 90%;
		color: rgba(79,89,97,1.00);
	}		
	
		.servicesTextPara {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 100%;
		  text-align: left;
		  font-weight: 400;
		  padding-top: 50px;
		  line-height: 140%;
		  margin-left:10%;
		  margin-right:10%;
		  
	  } 
	  
	  .servicesTextPara a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .servicesTextPara a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .servicesTextPara img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 4px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }	  
	  
	.view_360_container {
		width: 100%;
		margin-left:5%;
		text-align: center;
		overflow: hidden;
	}			
			
	.view_360_col{
		position: relative;
		width:90%; 
		margin:0.25%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .view_360_col img {
		height: auto;
		width: 100%;
		transition: all 0.3s;
	  }
  
		.view_360_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.view_360_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.view_360_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:85%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			  
		
	  .sponsorslogos {
		  border:thin solid rgba(204,204,204,1.00);
		  width: 7%;
	  }		
	  
	  .cd-top {
			  display: inline-block;
			  height: 60px;
			  width: 60px;
			  position: fixed;
			  bottom: 40px;
			  right: 25px;
			  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
			  overflow: hidden;
			  text-indent: 100%;
			  white-space: nowrap;
			  background: rgba(0,117,176,1.00) url(../img/cd-top-arrow.svg) no-repeat center 50%;
			  /*background: rgba(0,117,176,1.00) url(../img/hal2.gif) no-repeat center 50%;*/
			  /*background: url(../img/easter_bunny.png) no-repeat center 50%;*/
			  /*background: url(../img/santa.png) no-repeat center 50%;*/
			  visibility: hidden;
			  opacity: 0;
			  border-radius: 20px;
			  transition: opacity .3s 0s, visibility 0s .3s
		  }
		  .cd-top.cd-fade-out,
		  .cd-top.cd-is-visible,
		  .no-touch .cd-top:hover {
			  transition: opacity .3s 0s, visibility 0s 0s
		  }
		  .cd-top.cd-is-visible {
			  visibility: visible;
			  opacity: 1
		  }
		  .cd-top.cd-fade-out {
			  opacity: .7
		  }
		  .no-touch .cd-top:hover {
			  background-color: #e86256;
			  opacity: 1
		  }	
	  
	  	  .admin_block{
		  
		  width:100%;
		  margin-left:43%;
		  margin-top:5%;
	  }
	  
	  .head_spacer{
		  padding-top:17%;
	  }	  
	  
	  
		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:5.5%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }		
		  
	.thumbWrapper {
		width: 100%;
		margin-left:0%;
		margin-top:5%;
		text-align: center;
		overflow: hidden;
	}

	  .thumb_col{
		position: relative;
		width:100%; 
		height: 600px;
		margin-right:1%;
		float: left;
		overflow: hidden;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;		
		}
  
	  .thumb_col img {
		height: 325px;
		width: 100%;
 
		transition: all 0.3s;
	  }
  
		.thumb_col:hover img {
			cursor: pointer;
			transform: scale(1.1);
		}  

		.thumb_col:hover .imgoverlay {
	
		  height: 10%;
		}

		.thumb_col p {
			position: absolute;
			overflow: hidden;
			margin-bottom:0;
			height:20%;
			top:93%;
			left: 0%;
			width:100%;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 140%;
			color: rgba(185,184,185,1.00);
			background-color: rgba(79,89,97,0.70);
		}			    
	  
	  	.gallery-margins
		{
			margin-left:6%;
			margin-top:0%;
		}	
	  
		.sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 225%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 125%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  } 	  
	  
  }  
  
  
     @media only screen and (max-width:320px) and (min-height:568px){
	  /* LANDSCAPE:
	  Samsung Galaxy S3 Mini*/
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 120%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 220%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 120%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	  
	  
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/
   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }  
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:12%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 50%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/		  
	  
	  
	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
	  
	  
	  	.sidemenu_button{font-size: 30px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 10px;}
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 10%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }	  
	  
	.sliderPositionatTop {
		  padding-top: 15%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }	  
	  
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 125%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  	
	  
		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}			    
	  
	  	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }
	  
	  .head_spacer{
		  padding-top:5%;
	  }	  	
	  
	  		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	 
		  
		  .StivaGalleryFancy {
			  float: left;
			  border-width:1px;
			  border-style:solid;
			  border:rgba(79,89,97,1.00);
		  }		   
	  
	  
  }
  
 @media only screen and (max-width:320px) and (min-height:533px){
	  /* LANDSCAPE:
	  Samsung Galaxy S3 Mini*/
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
  
   .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }  
  
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:10%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 50%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/			  
	  
	  	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  

	  
	  	.sidemenu_button{font-size: 30px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 10px;}
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 10%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }	  
	  
	.sliderPositionatTop {
		  padding-top: 15%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }	  
	  
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 125%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  	
	  
		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}			    
	  
	  	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }	
	  
		.view360position {
			width: 640px;
			height: 530px;
			float: left;
			clear: both;
			margin-left: -50%;
			margin-top: -15%;
			padding: 8px;
			text-align: center;
		}	 
		
	  .head_spacer{
		  padding-top:17%;
	  }		 
	  
	    		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	 
		  
		  .StivaGalleryFancy {
			  float: left;
			  border-width:1px;
			  border-style:solid;
			  border:rgba(79,89,97,1.00);
		  }		   
	  
	  	.popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 150%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 110%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 110%;
		color: #84D3FF;
		text-decoration: none;
	  }	 
	  
  }  
  
 @media only screen and (max-width:320px) and (min-height:480px){
	  /* LANDSCAPE:
	  Samsung Galaxy S3 Mini*/
	  
/*-----For Ex Display Kitchen Page-------------*/

	  
	  .detailsBox
	  {
		  width:90%;
		  margin:0 auto;
	  }
	  
	  .detailsBox h3
	  {
		  font-family: raleway;
		  font-style: normal;
		  color: #000;
		  font-size: 110%;
		  text-align: left;
		  font-weight: 400;
		  line-height: 140%;
		  margin-left:0%;
		  margin-right:10%;
	  }
	  
	  
	  	  .detailsBox a:link {
		  color: rgba(79,89,97,1);
		  font-weight: 400;
	  }
	  
	  .detailsBox a:visited {
		  
		  color:rgba(79,89,97,1);
	  }	
	  
	  .detailsBox img {
		float:left;
		margin-right: 12px;
		border-width: thin;
		border-style: solid;
		border: 7px solid rgba(79,89,97,0.30);
		border-radius: 2px;	
		width:100%;
	  }
	  
	.detailsBox h1{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:center;
	  }
	.detailsBox h4{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		font-size: 200%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align:left;
	  }	  	
	.detailsBox h2{
		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 100%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: left;
	  }		  	  
	  
/*-------------------------*/	 	  
	  
/*----------ONYLY FOR HALLOWEEN-----------------*/

   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
   .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }  
.ghost {
width: 170px;
height:300px;
background-image:url("../img/ghost2.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.spiderweb {
display:none;
width: 250px;
height:250px;
background-image:url("../img/webspider.gif");
background-repeat:no-repeat;
position:fixed;
    
}

.happyHalloween {
width: 270px;
height:200px;
margin-left:1%;
margin-top:14%; 
z-index:99;
background-image:url("../img/happy_halloween.png");
background-size: 50%;
background-repeat:no-repeat;
position:fixed;
    
}


/*----------------------------------------------*/	  
	  
	  
	  	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  

	  
	  	.sidemenu_button{font-size: 30px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 10px;}
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 12%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }	  
	  
	.sliderPositionatTop {
		  padding-top: 15.90%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }	  
	  
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 125%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  	
	  
		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}			    
	  
	  	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }	
	  
	  	.view360position {
			width: 640px;
			height: 530px;
			float: left;
			clear: both;
			margin-left: -51%;
			margin-top: -35%;
			padding: 8px;
			text-align: center;
		}	
	 
	 	 .head_spacer{
		  padding-top:10%;
	  } 
	  
  		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	 
		  
		  .StivaGalleryFancy {
			  float: left;
			  border-width:1px;
			  border-style:solid;
			  border:rgba(79,89,97,1.00);
		  }		   
	  	  
		 .popupHeaderStyle{
			font-family: bowlby-one;
			font-style: normal;
			font-weight: 400;
			font-size: 400%;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
		  }		
		  
	  .popupSmallText{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 150%;
		  color: #84D3FF;
		  text-decoration:none;
	  }		  	
	  
	   .popupBodyText{
			font-family: raleway;
			font-style: normal;
			font-weight: 400;
			font-size: 120%;
			text-align:center;
			color: rgba(245,245,245,1.00);
			text-decoration: none;
	  }  
	  .popupBodyText span{
		font-family: raleway;
		font-style: normal;
		font-weight: 400;
		font-size: 120%;
		color: #84D3FF;
		text-decoration: none;
	  }	 
	  
	.gallery-margins {
		margin-left: 2%;
		margin-top: 0%;
	}
 		  
		 
	   .sat_popupHeaderSide{
		font-family: bowlby-one;
		font-style: normal;
		font-weight: 400;
		font-size: 175%;
		text-align:center;
		color: rgba(245,245,245,1.00);
		text-decoration: none;
	  }
	  .sat_popupSmallTextSide{
		  font-family: raleway;
		  font-style: normal;
		  font-weight: 500;
		  font-size: 100%;
		  color:#CCCCCC;
		  text-align:center;
		  text-decoration:none;
	  }  		  
		  
  }  
  
   @media only screen and (max-width: 320px) and (orientation:portrait) {
	  /* LANDSCAPE:
	  Samsung Galaxy S3 Mini*/
	  
	  	/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  
   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 170%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
   .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }  
	  
	  	.sidemenu_button{font-size: 30px;display:block;}
	  	.sidenav {padding-top: 15px; display:block;}
  		.sidenav a {font-size: 10px;}
	  
	    .mobile_header {
		  width: 100%;
		  left: 0;
		  padding-top: 2.5%;
		  position: fixed;
		  margin-right: 0;
		  margin-bottom: 0;
		  height: 10%;
		  padding-left: 2%;
		  margin-top: -2%;
		  color: #F5F5F5;
		  font-size: 120%;
		  z-index: 9999;
		  background-color:rgba(79,89,97,1.00);
		  display: block;	
	  }	  
	  
	.sliderPositionatTop {
		  padding-top: 14%;
		  text-align: center;
		  width: 100%;
		  margin-left:auto;
		  margin-top: auto;
		  margin-right: auto;
		  display:block;
	  }	  
	  
	  .socialMedia_container{
		  width:100%;
		  margin-left:0%;
		  margin-right:0%;
		  text-align:center;
		  /*background-color:Red;*/
	  }	
	  
	  .socialMedia_container p{
  		margin-top: 1%;
		margin-right: 0;
		margin-left: 0%;
		margin-bottom: 20px;
		font-size: 125%;
		font-weight: 300;
		font-family: comfortaa;
		font-style: normal;
		color: #fff;
		text-align: center;
	  }		  	
	  
		.contactCol
		{
			width:100%;
			text-align:center;
		}
		.contactCol img {
			width: 5%;
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 38%;
		}
		.contactCol p {
			clear: both;
			font-family: josefin-sans;
			font-style: normal;
			font-weight: 300;
			font-size: 100%;
			color: rgba(252,252,252,1.00);
			float: left;
			text-align: center;
			margin-top: 2%;
			margin-left: 3%;
			width: 75%;
		}			    
	  
	  	  .footerText {
		  width:100%;
		  margin-left: -0.5%;
		  margin-right: 10%;
		  font-family: pt-mono;
		  font-style: normal;
		  font-weight: 400;
		  color: #fff;
		  font-size: 50%;
		  text-align: center;
	  }	
	  
	  .head_spacer{
		  padding-top:17%;
	  }	  
	  
	    		  #container {
			  margin: auto;
			  width: 100%
		  }
		  
		  #page_wrap {
			  width: 100%;
			  margin: auto;
			  margin-left:0%;
		  }
		  
		  #gallery {
			  width: 100%;
			  margin: auto;
			  overflow: auto;
			  padding-bottom: 18px;
			  position: static
		  }
		  
		  .StivaGalleryThumbsbarSize {
			  width: 100%;
		  }
		  
		  .StivaGalleryThumbsSize {
			  width: 95%;
			  height: 75%
		  }	 
		  
		  .StivaGalleryFancy {
			  float: left;
			  border-width:1px;
			  border-style:solid;
			  border:rgba(79,89,97,1.00);
		  }		   
	  
	  
	  
  }
  

  @media only screen and (max-width: 240px) and (orientation : portrait) {
	  /* PORTRAIT:
	  LG Viewty KU990
	  Nokia 700
	  Nokia 2700
	  Nokia N95
	  Samsung Galaxy S3 Mini
	  Nokia 300*/
  }

  @media only screen and (max-width:412px)
	 {
		/*it hides second email field from spammers */
	.mail2_display{
		display:none;
	}
	/*---------------*/	  

	   .popupHeaderSide{
	font-family: bowlby-one;
	font-style: normal;
	font-weight: 400;
	font-size: 175%;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  }
 .popupBodySide{
	font-family: raleway;
	font-style: normal;
	font-weight: 400;
	font-size: 200%;
	line-height: 20px;
	text-align:center;
	color: rgba(245,245,245,1.00);
	text-decoration: none;
  } 
		.projectImage{
		
		width: 100%;
	}
 }