@charset "UTF-8";
#desktopNav{width:100%;height:auto;position:absolute;top:25px;z-index:2;}
	/*#desktopNav img{width:350px;margin-bottom:25px;}*/
	#desktopNav img{width:130px;margin-bottom:25px;}
	#desktopNav a{margin:0 10px;display:inline-block;width:auto;padding:10px;font-family:"Noto Serif";font-size:20px;text-transform:uppercase;color:#fff;transition:background-color 0.3s;text-shadow:1px 1px 5px rgba(0,0,0,0.8);}
	#desktopNav a:hover,
	#desktopNav a:focus,
	#desktopNav a:active{text-decoration:none;background-color:#682414;}
	#desktopNav .dropdown{display:inline-block;}
	#desktopNav a.active{border-bottom:2px solid #fff;}

#mobileNav{background-color:rgba(0,0,0,0.5);}
/*	#mobileNav .navbar-brand{width:250px;}*/
	#mobileNav .navbar-brand{width:100px;}
	#mobileNav .nav-link{font-family:"Noto Serif";font-size:18px;text-transform:uppercase;color:#fff;letter-spacing:1px;}

#mobileNav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
		#mobileNav .navbar-toggler:hover .navbar-toggler-icon,
		#mobileNav .navbar-toggler:active .navbar-toggler-icon,
		#mobileNav .navbar-toggler:focus .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}


header h1{font-family:"Rokkitt";font-size:70px;text-align:center;text-transform:uppercase;color:#fff;}
header h2{font-family:"Noto Serif";font-size:25px;text-align:center;color:#fff;}

.wrapper{width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.wrapper-red{width:100%;height:100%;background-color:rgba(104,36,20,0.7);}

.button{display:inline-block;font-family:"Noto Sans";font-weight:600;padding:15px 20px;text-align:center;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s; }
.button-auto{width:auto;height:auto;}
.button-white{background-color:#fff;color:#682414;}
.button-white:hover,
.button-white:focus,
.button-white:active{background-color:#682414;color:#fff;text-decoration:none;}

.button-red{background-color:#682414;color:#fff;border:2px solid #682414;}
.button-red:hover,
.button-red:focus,
.button-red:active{background-color:#fff;color:#682414;text-decoration:none;}

.section{width:100%;height:auto;padding:50px 0;}
	.section.white{background-color:#fff;}

.title{font-family:"Rokkitt";font-size:50px;text-align:center;text-transform:uppercase;}
	.section.white .title{color:#682414;}

.separator{width:150px;height:3px;}
	.separator.red{background-color:#682414;}
	.separator.white{background-color:#fff;}

.txt{font-family:"Noto Serif";font-size:24px;text-align:center;}
	.section.white .txt{color:#1e1e1e;}

.parallax{width:100%;height:auto;}
	.parallax .wrapper-red{padding:100px 0;}
	.parallax .wrapper{padding:100px 0;}

.parallax h3{font-family:"Rokkitt";font-size:50px;text-align:center;text-transform:uppercase;}
	.parallax .wrapper-red h3{color:#fff;}

input[type=range].range {
	-webkit-appearance: none;
	width: 100%;
	margin: 8.5px 0;
}
input[type=range].range:focus {
	outline: none;
}
input[type=range].range::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	box-shadow: 0.2px 0.2px 0.2px #8c2d30, 0px 0px 0.2px #9f3337;
	background: #ffffff;
	border-radius: 8px;
	border: 0px solid #8c2d30;
}
input[type=range].range::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 25px;
	width: 25px;
	border-radius: 25px;
	background: #8c2d30;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8.5px;
}
input[type=range].range:focus::-webkit-slider-runnable-track {
	background: #ffffff;
}
input[type=range].range::-moz-range-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	box-shadow: 0.2px 0.2px 0.2px #8c2d30, 0px 0px 0.2px #9f3337;
	background: #ffffff;
	border-radius: 8px;
	border: 0px solid #8c2d30;
}
input[type=range].range::-moz-range-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 25px;
	width: 25px;
	border-radius: 25px;
	background: #8c2d30;
	cursor: pointer;
}
input[type=range].range::-ms-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type=range].range::-ms-fill-lower {
	background: #d6d6d6;
	border: 0px solid #8c2d30;
	border-radius: 16px;
	box-shadow: 0.2px 0.2px 0.2px #8c2d30, 0px 0px 0.2px #9f3337;
}
input[type=range].range::-ms-fill-upper {
	background: #ffffff;
	border: 0px solid #8c2d30;
	border-radius: 16px;
	box-shadow: 0.2px 0.2px 0.2px #8c2d30, 0px 0px 0.2px #9f3337;
}
input[type=range].range::-ms-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 25px;
	width: 25px;
	border-radius: 25px;
	background: #8c2d30;
	cursor: pointer;
	height: 8px;
}
input[type=range].range:focus::-ms-fill-lower {
	background: #ffffff;
}
input[type=range].range:focus::-ms-fill-upper {
	background: #ffffff;
}

footer{width:100%;height:auto;padding:50px 0;background-color:#682414;}
/*	footer img{width:280px;margin:15px 0;}*/
	footer img{width:130px;margin:15px 0;}
	footer h3{font-family:"Noto Serif";font-size:25px;text-transform:uppercase;color:#fff;letter-spacing:1px;}
	footer p{font-family:"Noto Serif";font-size:16px;color:#fff;}
	footer h5{font-family:"Noto Serif";font-size:20px;color:#fff;text-transform:uppercase;}
	footer h4{font-family:"Noto Serif";font-size:22px;color:#fff;text-transform:uppercase;text-align:center;}
	footer a{display:block;width:100%;height:auto;padding:10px 0;font-family:"Noto Serif";font-size:18px;font-weight:600;text-transform:uppercase;color:#fff;text-align:center;}
	footer a:hover,
	footer a:focus,
	footer a:active{color:#fff;}
	footer a.social{display:inline-block;width:auto;font-size:30px;margin:5px;}

@media(max-width:767px){
	footer{text-align:center;}
}

/*#preloader{width:100%;height:100%;position:fixed;background:#fff url(../img/preloader.gif) no-repeat center center;z-index:9999999;background-size:200px;}*/
#preloader{width:100%;height:100%;position:fixed;background:#fff  no-repeat center center;z-index:9999999;background-size:200px;}