@orange :#ff8c00;
@brown: #544327;
@gold: #887450;
@white: #ffffff;
@blue: #29166f;
@green: #56b12f;
@red: #e31f1b;
@lightBlack: #777777;

/******* Media Points ********/
@screen320:   ~"(max-width: 320px)";
@screen480:   ~"(min-width: 321px) and (max-width: 480px)";
@screen640:   ~"(min-width: 481px) and (max-width: 640px)";
@screen1024:   ~"(min-width: 769px) and (max-width: 1024px)";

/******** Mixin *********/
.padIt{
	padding: 80px 0;
}
.transition{
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
}
/******** Global Styles ********/
body{
	
}
section{
	.padIt
}
a{
	color: @red;
}
a:hover{
	color: @red;	
}
hr.hr-custom {
	width:80%;
	margin:0px auto;
  	text-align: center;
  	line-height: 1px;
  	font-size: 1em; /* choose font size you like */
  	border-style: solid;
  	border-color: #999;
  	/* ensure 1px gap between borders */
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	-ms-box-sizing: content-box;
  	-o-box-sizing: content-box;
  	box-sizing: content-box;
}

hr.hr-custom:after {
  	font-family: 'Glyphicons Halflings';
  	content: "\e103"; /* section sign */
  	color: @green;
  	display: inline; /* for vertical centering and background knockout */
  	background-color: @white; /* same as background color */
  	padding: 0 20px; /* size of background color knockout */
}
hr{
	border-top: 1px solid @gold;
	margin-bottom: 10px;
}
/* opera doesn't render correctly. hide section sign */
	x:-o-prefocus, hr:after {
  	content: "";
}
/********/

#bg-block{
	position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background: #42420c url("../img/bg.jpg") center no-repeat;
    text-align: center;
    padding-bottom: 29px;
	.container{
		position: relative;
		.logo-block{
			margin: 0;
		    padding: 0;
		    background:@white;
		    width: 385px;
		    height: 207px;
		    text-align: center;
		    padding-top: 53px;
		    float: none;
		    display: inline-block;
		    margin-left: 0px;
		    @media @screen1024{
		    	 width: 315px;
		    	 padding-top: 50px;
			}
			a{
				img{
					@media @screen1024{
						width: 85%;
					}
				}
			}
		}
		.banner-block{
			display: inline-block;
		    margin-top: -84px;
		    position: relative;
		    z-index: -1;
			figure{
				margin: 0;
    			float: left;
				img{

				}
			}
		}
		.navbar-custom{
			border: none;
		    padding: 0;
		    padding-top: 50px;
		    padding-bottom: 45px;
		    margin: 0;
		    float: none;
		    background: url(../img/pattern1.png) repeat;
		    text-align: center;
		    margin-top: -5px;
		    margin-bottom: 41px;
		    border-radius:0;
		    ul{
		    	display: inline-block;
		    	list-style:none;
		    	padding:0;
		    	margin:0;
		    	li{
		    		float: left;
				    position: relative;
				    margin-right: 52px;
				    &:nth-child(2n){
				    color: @white;
				    }
				    &:last-child{
				    margin-right:0;
				    }
		    		a{
	    			    position: relative;
					    padding: 0;
					    font: 13px;
					    color: @white;
					    background: none;
					    text-transform: uppercase;
					    line-height: 22px;
					    -webkit-transition: all 0.25s ease;
					    transition: all 0.25s ease;
		    		}
		    		em{
			    		background: #483423;
					    width: 1px;
					    height: 24px;
					    display: inline-block;
					    position: absolute;
					    top: -1px;
					    right: 0;
		    		}
		    	}
		    }
		}
	}
}

.profile{
	h1{
		color: @lightBlack;
	}
	p{

	}
}

/*Products*/
.title{
	color: @lightBlack;
}
.owl-theme .owl-controls .owl-page span{
	    background: @red;
}
.owl-carousel{
	.img-block{
		border:1px solid @red;
		padding: 3px;
		margin:0px 2px;
		img{

		}
	}
}

/*footer*/
footer{
	padding-top:80px;
	padding-bottom:10px;
	background: @brown;
	.container{
		.row{
			.menu-block{
				h2{
					margin:0;
					color: @gold;
					margin-bottom: 20px;
					font-size: 22px;
				}
				ul{
					list-style: none;
					margin:0;
					padding:0;
					li{
						a{
							color: @gold;
						}
					}
				}
			}
			.contact-block{
				h2{
					margin:0;
					color: @gold;
					margin-bottom: 20px;
					font-size: 22px;
				}
				p{
					color: @gold;
					a{
					color: @orange;
					}	
				}
			}
			.product-block{
				h2{
					margin:0;
					color: @gold;
					margin-bottom: 20px;
					font-size: 22px;
				}
				ul{
					list-style: none;
					margin:0;
					padding:0;
					li{
						a{
							color: @gold;		
						}
					}
				}
			}
			.copyright-block{
				p{
					margin:0;
					color: @gold;
				}
			}	
			.company-block{
				p{
					margin:0;
					color: @gold;
				}
			}
		}
	}
}



/****************************************************** Index2 ****************************************/



.navbar-custom-2{
	margin-bottom:0;
	background: @brown;
	color: @white;
	border-style: none;
	border-radius: 0;
}
/*.navbar-custom-2 .navbar-nav-2 {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar-custom-2 .navbar-collapse {
  text-align: center;
}*/
.navbar-default{
	.navbar-nav-2{
		li{
			a{
				color: @white;
				margin:0px 20px;
				.transition;	
				&:hover{
					color: @white;
				}
				&:last-child{
				margin-right:0;
				}
			}
		}	
	}
}
.navbar-default .navbar-nav-2 >.active>a,
.navbar-default .navbar-nav-2 >.active>a:hover,
.navbar-default .navbar-nav-2 >.active>a:focus {
    color: @white;
    background-color: transparent;
}


/******************************************* index3 *******************************/
body{
	overflow-x: hidden;
}
body .mc-cycle{
	position: absolute;
}

.background-block{
	height: 100vh;
	width: 100%;
}
.overlay{
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: rgba(225,225,225, 0.5);	
}
.navbar-custom-3{
	margin-bottom:0;
	background: transparent;
	color: @white;
	border:0;
	//border-bottom: 1px solid @white;
	border-radius: 0;
}
.navbar-default{
	.navbar-nav-3{
		margin-top:30px;
		li{
			a{
				color: @white;
				//margin:0px 20px;
				.transition;	
				&:hover{
					color: @red;
				}
				&:last-child{
				margin-right:0;
				}
			}
		}	
	}
}
.navbar-default .navbar-nav-3>.active>a,
.navbar-default .navbar-nav-3>.active>a:hover,
.navbar-default .navbar-nav-3>.active>a:focus {
    color: @red;
    background-color: transparent;
}
.navbar-brand{
	height: auto;
	img{
		width: 150px;
	}	
}
.dropdown-menu{
	margin: 2px -34px 0px;
	background:rgba(225,225,225,0.5);
	.transition;
	animation-name: menuOpen;
    animation-duration: 0.2s;	
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background: transparent;
	color: @red;
}


@keyframes menuOpen{
	from{top:150%; opacity:0;}
	to{top:100%; opacity:1;}
}

/**/
.img-block{
	position:relative;
	overflow: hidden;
	cursor: pointer;
	&:hover .icon-block{
		margin-top:0;
	}
	img{

	}
	.icon-block{
	display:block;	
	width:100%;
	height:100%;
	border: 0px solid;
	background-color: rgba(233,108,11,0.6);
	position:absolute;
	top:0;
	left:0;
	margin-top: -300px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
		span{
			position: absolute;
			top:48%;
			left:48%;
			color:@white;
			font-size: 20px;
		}
	}
}

