@blue: #291670;
@darkblue: #291670;
@lightblack: #6e6e6e;
@green: #83aa30;
@red: #e74700;
@white: #ffffff;
@darkgray: #808080;
@gray: #969696;
@lightgray: #dddddd;

/*mixins*/
.transition{
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
}
.pad-it{
	padding: 100px 0;
}
.no-margin{
	margin:0;
}
.adjust-height{
	height: 363px;
}
.blue{
	color: @blue;
}
.title{
	.no-margin;
	margin-bottom: 20px;
	padding-left: 15px;	
}
/**/
.top-block{
	padding:5px 0;
	background-color: @blue; 
	.inner-top-block{
		ul{
			margin:0;
			padding:0;
			list-style:none;
			li{
				color: @white;
				display:inline;
				margin-right: 16px;
				i{
					margin-right:5px;
				}
			}
		}
	}
}

.navbar-default{
	border-color:@white;
}
.sticky{
	position: fixed;
	width: 100%;
	z-index: 1000;
	border-bottom:2px solid @blue;
	top:0;
	//height: 80px;
}
.sticky .navbar-brand img{
	width: 25% !important;
}
.sticky .navbar-nav{
	margin-top: 17px !important;
}
.sticky .navbar-nav>li>a{
	//padding-top: 10px !important;
	//padding-bottom: 10px !important;
}
.navbar{
	min-height:auto;
	margin-bottom:0;
	//border-bottom:2px solid @white;
	border-radius:0;
	background-color: @white;
	.transition;
	.navbar-brand{
		height:auto;
		img{
			width: 35%;
			.transition;
		}
	}
	.navbar-nav{
		margin-top: 32px;
		li{
			a{
				margin: 0 3px;
				.transition;
			}
		}
	}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
	color: @blue;
    background-color: transparent;
    border-radius:0px;
    border-bottom: 5px solid @blue;	
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
	background-color:transparent;
}
.navbar-nav>li>.dropdown-menu{
	top:120%;
	margin: 2px -60px 0;
	animation-name: menuOpen;
    animation-duration: 0.2s;
    border: 1px solid @blue;
    background-color: @white;
    li{
    	a{
    		&:hover{
    			color: @blue;
    			background-color: @lightgray;
    		}
    	}
    }	
}
@keyframes menuOpen{
	from{top:170%; opacity:0;}
	to{top:120%; opacity:1;}
}

/**/
.carousel-control{
	color: @blue;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
	&:hover,
	&:focus
	{
		color: @blue;
	}
}
.carousel-control.left,
.carousel-control.right
{
	background-image: none;
}
.carousel-indicators li{
	background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
}
/**/
#profile{
	background-color: @lightgray;
	.pad-it;
}
.box{
	.inner-box{
	background-color: @white;
	padding: 50px;
		.icon-block{
			i{
				color: @blue;
				font-size: 40px;
			}
		}
		h2{
			
		}
		p{
			
		}
	}
}

/**/
#products{
	.pad-it;
	h1{
		.title;
	}

	.owl-carousel{
		div.inner-owl-block{
			padding: 10px;
			border: 1px solid @gray;
			margin: 0px 5px;
			&:hover{
				.transition;
				border: 1px solid @blue;
				cursor:pointer;
			}
			img{
				width: 80%;
				margin: 0 auto;
			}
			div.product-name-text{
					width: 100%;
					padding: 8px 0;
					margin-top: 15px;
					border-top: 1px solid @blue;
				p{
					text-align: center;
					.no-margin;	
				}
			}	
		}
	}
}

/*parallax*/
#parallax{
	width: 100%;
	background-image: url('../img/3.jpg');
	background-size: cover;
	background-attachment: fixed;
	.overlay{
		width: 100%;
		overflow: hidden;
		height: 100%;
		background: rgba(25,25,25,0.5);
		padding: 50px 0;
		color:@white;
	}
}

/*ack*/
#ack{
	.pad-it;
	background-color: @lightgray;
	h1{
		.title;
	}
	.inner-ack{
		padding: 20px;
		background-color: @white;
		text-align: center;
	}
}


/*footer*/
footer{
	padding-top:80px;
	padding-bottom:10px;
	background: @lightblack;
	.container{
		.row{
			.inner-footer-block{
				h2{
					margin:0;
					margin-bottom: 30px;
					span{
						color: @white;	
						font-size: 22px;
						border-bottom:5px solid @blue;
						padding-bottom: 7px;
					}
				}
				p{
					color: @white;
					.no-margin;
					a{
						color: @white;
						.transition;
						&:hover{
							color: @blue;
						}
					}
				}
				address{
					color:@white;
					strong{
						font-size: 18px;
					}
				}
				ul{
					list-style: none;
					margin:0;
					padding:0;
					li{
						//padding: 8px 0;
						//border-top: 1px dotted @lightgray;
						//border-bottom: 1px dotted @lightgray;
						a{
							color: @white;

							.transition;
							&:hover{
								text-decoration: none;
								color: @blue;
							}
							i{
								margin-right: 20px;
							}
						}
					}
				}
			}
			.copyright-block{
				p{
					margin:0;
					color: @white;
					span{
						color: @blue;
					}
				}
			}	
			.company-block{
				p{
					margin:0;
					color: @white;
					span{
						color: @blue;
					}
				}
			}
		}
	}
}