#slide{
	background: url("/img/slide_bg.jpg") top;
	background-size: cover;
	height: calc(100vh);
	width: 100%;
}
	#slide{
		display: table;
	}
	
		#slide .content{
			display: table-cell;
			vertical-align: middle;
			padding: 15px;
		}
		
		@media(max-width: 767px){
			#slide .content{
				padding-top: 65px;
			}
		}
		
		#slide .content h1{
			max-width: 520px;
			margin: 0 auto;
			font-family: "Raleway Black";
			color: #fff;
			font-size: 48px;
			margin-bottom: 20px;
		}
		
		#slide .content p{
			max-width: 690px;
			margin: 0 auto;
			font-family: "Raleway Light";
			color: #fff;
			font-size: 16px;
			display:inline;
		}
		
		#slide .content .buttons{
			margin-top: 60px;
		}
		
			#slide .content .buttons span{
				display: inline-block;
			}
			
			#slide .content .buttons span a{
				color: #fff;
			}
		
		#slide .content span.button{
			background: transparent;
			border: 2px solid #fff;
			color: #fff;
			font-family: "Raleway Light";
			border-radius: 2px;
			padding: 8px;
			margin: 20px;
			transition: all 0.2s ease;
			width: 150px;
			text-align: center;
		}
		
		#slide .content span.button:hover{
			background: #0099cc;
			border: 2px solid #0099cc;
			transition: all 0.3s ease;
		}
		
		#slide .content img{
			margin-top: 60px;
			opacity: 0.5;
		}
		
		
	#slide{
		border-bottom: 2px solid #0099cc;
	}
	/* animatii */
	
	.fadeInUp{
		opacity: 0;
		-webkit-transform: translateX(-400px);
		transform: translateX(-400px);
	}
	
	@keyframes fadeInUp{
		0% {
			opacity: 0;
			transform: translateY(800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	@-webkit-keyframes fadeInUp{
		0% {
			opacity: 0;
			-webkit-transform: translateY(800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	
	.fadeInUp.go {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
	}
	
	.fadeInDown{
		opacity: 0;
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
	}
	
	@keyframes fadeInDown{
		0% {
			opacity: 0;
			transform: translateY(-800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	@-webkit-keyframes fadeInDown{
		0% {
			opacity: 0;
			-webkit-transform: translateY(-800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	
	.fadeInDown.go {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
	}
	
	.fadeInLeft{
		opacity: 0;
		-webkit-transform: translateX(-400px);
		transform: translateX(-400px);
		animation-duration: 2s;
	}
	
	@keyframes fadeInLeft{
		0% {
			opacity: 0;
			transform: translateX(800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	
	@-webkit-keyframes fadeInLeft{
		0% {
			opacity: 0;
			-webkit-transform: translateX(800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	
	.fadeInLeft.go {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}
	
	.fadeInRight{
		opacity: 0;
		-webkit-transform: translateX(200px);
		transform: translateX(200px);
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-duration: 2s;
	}
	
	@keyframes fadeInRight{
		0% {
			opacity: 0;
			transform: translateX(-800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	
	@-webkit-keyframes fadeInRight{
		0% {
			opacity: 0;
			-webkit-transform: translateX(-800px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	
	.fadeInRight.go {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}
	
	@-webkit-keyframes toggleDown{
		0%{
			-webkit-transform: translateY(0px);
		}
		25%{
			-webkit-transform: translateY(10px);
		}
		50%{
			-webkit-transform: translateY(0px);
		}
		75%{
			-webkit-transform: translateY(10px);
		}
		100%{
			-webkit-transform: translateY(0px);
		}
	}
	@-moz-keyframes toggleDown{
		0%{
			-moz-transform: translateY(0px);
		}
		25%{
			-moz-transform: translateY(10px);
		}
		50%{
			-moz-transform: translateY(0px);
		}
		75%{
			-moz-transform: translateY(10px);
		}
		100%{
			-moz-transform: translateY(0px);
		}
	}
	@keyframes toggleDown{
		0%{
			transform: translateY(0px);
		}
		25%{
			transform: translateY(10px);
		}
		50%{
			transform: translateY(0px);
		}
		75%{
			transform: translateY(10px);
		}
		100%{
			transform: translateY(0px);
		}
	}
	
	.toggleDown{
		-webkit-animation:toggleDown 2s linear infinite;
		-moz-animation:toggleDown 2s linear infinite;
		animation:toggleDown 2s linear infinite
	}
	
	div#produse{
		padding: 15px;
		padding-top: 50px;
		padding-bottom: 35px;
	}
	
		div#produse div.content h1{
			font-family: "Raleway SemiBold";
			color: #1f1f1f;
			font-size: 24px;
			margin-bottom: 15px;
		}
		
		div#produse .content .divider{
			margin-bottom: 18px;
		}
		
		#produse p{
			color: #444444;
			font-size: 14px;
			font-family: "Raleway Light";
		}
		
	#produseContent{
		max-width: 1920px;
		margin: 0 auto;
		background: #ebebeb;
		font-variant-ligatures:none;
	}
	
	@media(max-width: 767px){
		#produseContent{
			background: #ebebeb;
			
		}
	}
		
	
	
		#produseContent h1{
			font-size: 24px;
			font-family: "Raleway SemiBold";
			color: #1f1f1f;
			margin-bottom: 10px;
		}
		
			#produseContent .divider{
				margin-left: 0;
				margin-bottom: 25px;
			}
			
			#produseContent .imageContent{
				padding: 0;
			}
			
			#produseContent .produs .title{
				font-family: "Raleway Medium";
				font-size: 18px;
				color: #1f1f1f;
				margin-bottom: 5px;
			}
			
			#produseContent .produs .subtitle{
				font-family: "Raleway Regular";
				color: #252525;
				font-size: 14px;
				margin-bottom: 5px;
			}
			
			#produseContent .produs .description{
				font-family: "Raleway Light";
				color: #444444;
				font-size: 12px;
				margin-bottom: 5px;
			}
		
			#produseContent #vaselina{
				
				padding: 15px;
				padding-top: 45px;
				min-height: 695px;
				left: 50px;
			}
			
				#produseContent #vaselina .produs{
					margin-bottom: 7px;
					padding-left: 0px;
					padding-bottom: 30px;
				}
				
				#produseContent #vaselina .separator{
					width: 100%;
					height: 1px;
					background: #b5b6b7;
					margin-bottom: 7px;
				}
		
		#produseContent #accesorii{
			
			padding: 15px;
			padding-top: 45px;
			min-height: 695px;
			left:170px;
			background: #ebebeb;
			
		}
		
			#produseContent #accesorii .produs{
				margin-bottom: 20px;
				padding-left: 0;
			}
		
			#produseContent #accesorii .produs p{
				font-family: "Raleway Medium";
				font-size: 16px;
				color: #1f1f1f;
				margin-top: 10px;
				text-align: center;
			}
			
#reviews{
	padding-top: 60px;
	padding-bottom: 85px;
}
	
	#reviews h1{
		font-size: 24px;
		color:#1f1f1f;
		margin-bottom: 10px;
	}
	
	#reviews .divider{
		margin-left: 0;
		margin-bottom: 35px;
		border:1px ;
	}
	
	#reviews #testimoniale{
		padding: 0;
	}
	
		#reviews #testimoniale #row1,
		#reviews #testimoniale #row2{
			border-right: 1px solid #ececec;
		}
	
		#reviews #testimoniale #row1{
			margin-bottom: 10px;
		}
	
		#reviews #testimoniale p{
			font-family: "Raleway LightItalic";
			font-size: 16px;
			color: #555555;
		}
		
		#reviews #testimoniale p#nota{
			color: #ffcc00;
		}
		
		#reviews #testimoniale p#reviewer{
			color: #666666;
			font-family: "Raleway Light";
			font-size: 14px;
			margin-top: 15px;
		}
		
#noi{
	background: #ebebeb;
	max-width: 1920px;
	margin:0 auto;
	padding-top: 60px;
	padding-bottom: 50px;
}
	#noi h1{
		font-family: "Raleway Medium";
		font-size: 30px;
		color: #1f1f1f;
		margin-bottom: 15px;
	}
	
	#noi .divider{
		margin-left: 0;
		margin-bottom: 25px;
	}
	
	#noi p{
		text-indent: 25px;
		color: #444444;
		font-family: "Raleway Light";
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	#noi p#subtitle{
		color: #1f1f1f;
		font-size: 18px;
		font-family: "Raleway SemiBold";
		text-indent: 0px;
		margin-bottom: 10px;
	}
	
	#noi .bullet{
		width: 6px;
		height: 6px;
		background: #0099cc;
		display: inline-block;
	}
	
	#noi .bulletContent{
		padding: 0;
	}
	
	#noi .bulletContent p{
		display: inline-block;
		text-indent: 4px;
	}
		@media(max-width: 767px){
		#clienti a img{
			margin-top:19px;
			
		}
	}
	@media(max-width: 767px){
		#produseContent #accesorii{
			
		
			padding-top: 45px;
			min-height: 695px;
			left:75px;
			background: #ebebeb;
			
		}
	}
	@media(max-width: 767px){
		#produseContent #vaselina{
				
		
			left:40px;
			background: #ebebeb;
			
		}
	}