@charset "utf-8";
/* CSS Document */

:root {
--text: 			#D5D5D5;
--orange: 			#e0710c;
--orange-bright: 	#ffa655;

--grey-dark0:       #111111;
--grey-dark:    	#222222;
--grey-dark2:    	#333333;
--grey-dark2:    	#666666;
}

html, body { background: var(--grey-dark); color: var(--text); height: 100%; font-size: 18px; line-height: 150%; font-weight: 300; }

h1,h2,h3,h4,h5,h6,h7,h8 { color: var(--orange) !important; font-weight: 400; }
h3 { font-size: 20px; }
a { color: var(--orange); text-decoration: none;}
a:hover { color: var(--orange-bright); }


.txt-grey-dark { color: var(--grey-dark2); }
.txt-orange { color: var(--orange); }

.head-logo { width: 200px; }
.container-main { max-width: 768px; }

.navbar { background: var(--grey-dark0) !important; }
.navbar-toggler { border: none !important; color: var(--orange); font-size: 2em !important; cursor: pointer; }
.navbar-toggler:active, .navbar-toggler:hover { color: var(--orange-bright) !important; }
.nav-item { color: var(--text); font-weight: 300; padding: 0.2em 0; font-size: 1.1em; }
.nav-item:hover { color: var(--orange) !important; }
.nav-item i { visibility: hidden; }

.price { font-size: 30px; color: var(--orange); font-weight: 500; text-align: center; margin-top: 75px; }
.btn-primary { background: var(--orange); border: none; }
.btn-primary:hover { background: var(--orange-bright); }
.btn-primary:active { border: none; }

.gallery figure a img { width: 100%; }
.carousel-item { height: 100%; }

a img:hover { opacity: 0.8; }
footer ul li a { font-size: 18px; }

input,textarea { background: #111 !important; border-color: #222; border: none !important; color: #CCCCCC !important; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: var(--orange);
  box-shadow: 0 1px 1px var(--orange-bright) inset, 0 0 8px var(--orange-bright);
  outline: 2 none;
  
}

/* XL */
@media only screen and (max-width : 998px) {
	.nav-item i { visibility: visible; }
}

/* MD */
@media only screen and (max-width : 768px) {
	.head-logo { width: 140px; }
	.nav-item { color: var(--text); font-weight: 300; padding: 0.2em 0; font-size: 1.3em; }
	h2 { font-size: 28px; }
	footer ul li a { font-size: 18px; }
	footer small { text-align: center; }
}

/* S */
@media only screen and (max-width : 575px) {
	

}