html, body{
	margin: 0px;
	padding: 0px;
}
a{
	text-decoration: none;
	color: #333;
}
p{
	color: #777;
	line-height: 30px;
}
footer a, footer{
	font-size: 14px;
}

html{


	background: rgb(255,255,255);

}

body{
	font-family:  'Lato', sans-serif;
	color: #333;



}

div.header-border{
border-bottom: 0px solid #5E4C38;
position: absolute;
width: 100%;
top: 0px;
background: rgb(255,255,255);

opacity:1;

}

.mainContent {
	margin-top: 150px;
	margin-bottom: 100px;
}

header{
	z-index: 1000;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 60px;
}

div.instagram{
position: absolute;
top: 6px;
right: 25px;
font-size: 19px;
}

div.searchholder{
position: relative;
top: 6px;
z-index: 100;
}

h4.contact{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 300;
}
div.contact-info{
	padding-left: 30px;
}
div.contact-info a, div.contact-info span{

	position: relative;
	line-height: 30px;
}
div.contact-info i{
	position: absolute;
	left: -30px;
	top: 4px;
}

input.search{
font: bold 10px/16px  Arial;
padding: 0 0 0px 4px;
width:100px;
height:18px;
min-height: 16px;
border: solid 1px #bbb;
background-color: #fff;
color: #555;
float: left;
border-radius: 0px;
-webkit-appearance: none;
}

input.searchsubmit{
font: bold 10px/16px  Arial;
padding: 0px 0px 0px 0px;
width:55px;
height:18px;
border: none;
background-color: #bbb;
color: #fff;
cursor: pointer;
float: left;
text-shadow: 0;
display: inline-table;
border-radius: 0px;
text-shadow: 0 0px rgba(0, 0, 0, 0);
-webkit-appearance: none;
}

input.searchsubmit:hover{
background-color: #777;
}

li.searchmenu{
	display: block;
}


a.logo:visited{
	color:#fff;
}

a.logo {
    display: block;
    width: 380px;
    position: relative;
    left: 10px;

    top: 10px;

		 transition: width 0.2s;
}
img.logo{
	width: 100%;
}

img.logo-icon{
	width: 150px;
	margin: auto;
	position: relative;
	display: table;
	 transition: width 0.2s;
}


@media  (max-width: 992px) {
	img.logo-icon{
		width: 70px !important;
		margin: unset;
		position: relative;
		display: inline-table;
	}
}
nav.nav-wrap{
	display: table;
	position: relative;

	top: 15px;
	width: 100%;
	background: #222;
}
#nav-wrap ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap ;
	padding: 0px;
	justify-content: space-between;

}



#nav-wrap ul.navmenu{
	width: 100%;
	padding: 10px 20px;
margin: 0px;
position: relative;
}


#nav-wrap li{
	list-style: none;
}
#nav-wrap a.lan {
    opacity: 0.5;
}
#nav-wrap a {
	font-family:  'Lato', sans-serif;
	font-size: 17px;
    font-weight: 900;
	color: #fff;
	text-decoration: none;
position:relative;
	padding: 12px 8px;
	padding-right: 20px;
}

@media  (min-width: 992px) {
	#headersearch , #headerfacebook, #headerinstagram ,#headertranslate, #headershoppingcart{
		position: absolute;
		top: -60px;
		transition: top  0.2s;
	}

 	#headerfacebook a i , #headerinstagram a i, #headershoppingcart span{
		font-size: 18px;
		font-weight: 300;
		margin-top: -2px;
	}

 	#headershoppingcart span.my-cart-badge{
		font-size: 10px;
		font-weight: 300;
		margin-top: -2px;
	}




	#nav-wrap #headersearch a, #nav-wrap #headerfacebook a, #nav-wrap #headerinstagram a, #nav-wrap #headershoppingcart a{
			color: #222;
	}
	#headersearch{
		right: 340px;
	}
	#headerinstagram{
		right: 260px;
	}
	#headerfacebook{
		right: 300px;
	}
	#headertranslate{
		right: 80px;
	}
	#headershoppingcart{
		right: 10px;
		top: -65px;
	}
}


form.searchform {
    margin-top: -3px;
}

#headersearch button.btn-submit{
	background: #222;
border: 0px;
margin: 0px;
color: #fff;
padding: 0px;
height: 29px;
width: 30px;
border-radius: 0px;
}
#headersearch input {
    height: 29px;
		width: 210px;
}

@media  (min-width: 992px)  and (max-width: 1200px){
	#nav-wrap a {
		font-size: 14px;
		line-height: 21px;
		padding-right: 14px;
	}
}

@media  (min-width: 1200px)  and (max-width: 1400px){
	#nav-wrap a {
		font-size: 15px;
		line-height: 21px;
		padding-right: 14px;
	}
}

#nav-wrap .subcatlist  a {

    font-weight: 400;
		color: #222;
}

#nav-wrap a i {
	position: absolute;
	top: 15px;
	right: 4px;
}

.menubtn, .cartWrapperMobile{
	display: none;
}

.cartWrapperFull {
	display: block;
}



img.page-img{
	float: right;
	max-width: 100%;
}

.onsale {
    height: 40px;
    width: 40px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    line-height: 40px;
    top: 15px;
    right: 35px;
    margin: 0;
    background: #333;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    z-index: 2;
		text-transform: uppercase;
line-height: 40px;
}

#scroll-top a.scrollup {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #333;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #fff;
		font-size: 20px;
		text-align: center;
		line-height: 32px;
    display: none;
    opacity: 0.89;
    filter: alpha(opacity=89);
    z-index: 999;
    border-radius: 100%;
	}


	.portfolio {
	    display: block;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	}
	.HomePortfolioSection .portfolio figure.portfolio-item {
	    padding: 10px;
	    margin: 0;
	}



	.zoomex, .zoomex2 {
	    width: 100%;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	    color: transparent;
	    display: block;
	    left: 0;
	    filter: alpha(opacity=0);
	    position: absolute;
	    top: 0;
	    bottom: 0;
	}

	.img-item:hover .zoomex, .prettyPhoto:hover .zoomex, .img-item:hover .zoomex2, .img-item:hover .zoomex2 * {
	    opacity: 1;
	    filter: alpha(opacity=100);
	}
	.zoomex2:hover {
    background: rgba(0,0,0,.42);
}
.portfolio .portfolio-item:hover .img-item img {
    cursor: pointer;
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.2,1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: absolute;
    top: 0px;
    left: 0px;
}
.portfolio figure.portfolio-item .img-item img {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    blur: 2;
}




#nav ul.dropdown {

    margin: 0px ;
		padding: 5px 15px 15px 15px;
    list-style: none;
    z-index: 9;
    position: absolute;
    background: #DCD3C8;
    z-index: 91000;
    display: none;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    line-height: 30px;
    background: #fff;
		border: 0px;
		top: 41px;
		margin-left: -15px;
}


#nav-wrap li.menu-item-has-children:hover ul.dropdown {
    display: block;
}


div.copyright{
	text-align: center;
	padding: 30px;
	font-size: 14px;
}




@media  (max-width: 992px) {
body{
	overflow-x: hidden;
}
	form.searchform {
	    margin-top: -3px;
	    padding: 20px;
	}
		div.header-border{

			height: 120px;
		}

		.mainContent {
	    margin-top: 130px;
	    margin-bottom: 100px;
	}

			img.page-img{
				float: unset;
				margin-top: 30px;
				width: 100%;
			}
			div.headermenu{
				display: table;
			}
			a.logo {
				display: table-cell;
				width: calc(100% - 80px);
				max-width: 380px;
				padding-right: 40px;
				height: 57px;
				position: relative;
				left: 0;
				margin: auto;
				top: 30px;
				vertical-align: middle;
			}
			img.logo{
				height: unset;
				width: unset;
				max-width: calc(100% - 0px);
				max-height: 100%;
			}
			.menubtn{
				display: block;
				z-index: 1000000;
				position: absolute;
				right: 25px;
				top: 46px;
				cursor: pointer;
			}

			.cartWrapperMobile {
				display: block;
				z-index: 1000000;
				position: absolute;
				right: 50px!important;
				top: 40px!important;
				cursor: pointer;
			}

			.cartWrapperFull {
				display: none;
			}

			#nav-wrap ul{
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap ;
				margin-top: 40px;
				padding-bottom: 50px !important;
			}
			nav.nav-wrap {
			    display: table;
			    position: fixed;
			    left: 100%;
			    top: 0px;
			    background: #FBFBFB;
			    width: 100%;
			    height: 100%;
			    margin: 0px;
					-webkit-transition: all .2s ease-in-out;
					-moz-transition:    all .2s ease-in-out;
					-o-transition:      all .2s ease-in-out;
					-ms-transition:     all .2s ease-in-out;
					transition:         all .2s ease-in-out;
			}

			nav.show {
				 left: 0px;

			}

			#nav-wrap a{
				font-family:  'Lato', sans-serif;
				font-size: 18px;
				line-height: 20px;
				display: block;
				margin-left: 20px;
				margin-bottom: 3px;
			}

			.bar1, .bar2, .bar3 {
			  width: 25px;
			  height: 3px;
			  background-color: #333;
			  margin: 4px 0;
			  transition: 0.4s;
			}

			.change .bar1 {
			  -webkit-transform: rotate(-45deg) translate(-2px, 6px);
			  transform: rotate(-45deg) translate(-2px, 6px);
			}

			.change .bar2 {opacity: 0;}

			.change .bar3 {
			  -webkit-transform: rotate(45deg) translate(-3px, -8px);
			  transform: rotate(45deg) translate(-3px, -8px);
			}


			#nav-wrap a {

				color: #222;

			}

			#nav ul.dropdown {
				position: relative;
				background: transparent;
				top: 0px;
				box-shadow: 0 2px 2px rgba(0, 0, 0, 0.0);

			}

			#nav-wrap a i, #nav-wrap span.my-cart-icon {
			    position: unset;
			}
			header {
			   position: absolute;
				 top: 0px;

			}
			nav.nav-wrap {

				  top: 0;
			    width: 100%;
			  position: absolute;
				height: unset;
			}

			div.wrap {

			    position: absolute;
			    top: 0px;
			    left: 0px;
			    width: 100%;
			    height: 100%;
			}


			div.portfolio h5{

			    min-height: 62px;
			}


}

/* table */
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
  }
  
  .table {
	width: 100%;
	margin-bottom: 18px;
  }
  
  .table th,
  .table td {
	padding: 8px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted #e5e5e5;
  }
  
  .table th {
	font-weight: bold;
  }
  
  .table thead th {
	vertical-align: bottom;
	border-top:0 none;
	background:#f7f7f7;
  }
  
  
  .table tbody + tbody {
	border-top: 2px solid #e5e5e5;
  }
  
  .table-condensed th,
  .table-condensed td {
	padding: 4px 5px;
  }
  
  .table-bordered {
	border: 1px solid #e5e5e5;
	border-collapse: separate;
	*border-collapse: collapsed;
	border-left: 0;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
  }
  
  .table-bordered th,
  .table-bordered td {
	border-left: 1px solid #e5e5e5;
  }
  
  
  .table tbody tr:hover td,
  .table tbody tr:hover th {
	background-color: #fcfcfc;
  }