:root {
	--primary:#E39924;
	--primary-rgb:227,153,36;
	--red:#D31818;
	--red-rgb:211,24,24;
	--light:#fff;
	--light-rgb:255,255,255;
	--dark:#000;
	--dark-rgb:0,0,0;
	--dark1:#201F26;
	--dark1-rgb:32,31,38;
	--lato:'Lato', sans-serif;
	--bubblegum:'Bubblegum Sans', cursive;
}

/* GLOBALS */
body { background:var(--light); color:var(--dark); font-family:var(--lato); font-size:1.1vw; font-weight:400; line-height:1; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; height:100vh; overflow-x:hidden; overflow-y:hidden; }
::placeholder { color:var(--light); }
::selection { background:var(--primary); color:var(--light); }
a { text-decoration:none; color:var(--dark); transition:all 0.7s; }
a:hover { text-decoration:none; color:var(--primary); }

h1 { font-family:var(--bubblegum); font-size:70px; line-height:1; }
p { font-size:15px; line-height:1.2; }
@media (max-width:992px) {
	h1 { font-size:50px; }
}

::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.3); background-color:#f5f5f5; }
::-webkit-scrollbar { width:10px; background-color:#f5f5f5; }
::-webkit-scrollbar-thumb { border-radius:0; background-color:var(--red); }

/* RESPONSIVE CLASSES */
.for-desktop { display:block; }
.for-phone { display:none !important; }
@media (max-width:992px) {
	.for-desktop { display:none !important; }
	.for-phone { display:block !important; }
}
/* BRAND BUTTONS */
.btn { box-shadow:none; padding:15px 25px; font-family:var(--bubblegum); font-size:20px; line-height:1; }
.btn:focus { box-shadow:none; }
.btn.btn-primary { background:var(--red); border-color:var(--red); border-radius:0; }
.btn.btn-primary:hover { background:transparent; color:var(--red); }
.btn.btn-dark { background:var(--dark); border-color:var(--dark); border-radius:0; }
.btn.btn-dark:hover { background:transparent; color:var(--dark); }
.btn.btn-outline { background:transparent; border-color:var(--red); border-radius:0; color:var(--red); }
.btn.btn-outline:hover { background:var(--red); color:var(--light); }
.bg-primary { background:var(--primary); }
.bg-red { background:var(--red); }
button { box-shadow:none; }
button:focus { box-shadow:none; border:0; }

form .form-group label { font-family:var(--lato); font-size:14px; font-weight:700; line-height:1; color:var(--dark); width:100%; display:block; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="password"],
input[type="tel"],
textarea,
select { width:100% !important; box-shadow:none !important; border-radius:0 !important; border-color:var(--red) !important; background:var(--light) !important; padding:8px 15px !important; height:auto !important; font-family:var(--lato) !important; color:var(--dark) !important; font-size:15px !important; line-height:1 !important; font-weight:400 !important; }
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder { color:#778390 !important; font-size:15px !important; line-height:1 !important; font-weight:400 !important; }
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus { border-color:var(--primary) !important; box-shadow:none !important; }
form .form-group { margin-bottom:14px; }
form .form-group label { margin-bottom:10px; color:var(--red); }
form .form-group .error { border-color:#f00 !important; box-shadow:0 0 0 0.2rem rgb(219,47,47,0.2) !important; }

.file-upload-wrapper { position:relative; width:100%; height:36px; border:1px solid var(--red); text-align:left; }
.file-upload-wrapper:after { content:attr(data-text); position:absolute; top:0; left:0; background:var(--light); padding:0 15px; display:block; width:calc(100% - 40px); pointer-events:none; height:100%; font-size:14px; line-height:36px; color:var(--dark); font-weight:300; }
.file-upload-wrapper:before { content:"\f382"; position:absolute; top:0; right:0; display:inline-block; height:100%; color:var(--red); font-weight:700; font-size:25px; font-family:'Line Awesome Free'; font-weight:900; line-height:36px; padding:0 15px; text-transform:uppercase; pointer-events:none; }
.file-upload-wrapper input { opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; height:100%; margin:0; padding:0; display:block; cursor:pointer; width:100%; }

#preloader { position:fixed; left:-100vw; }
#preloader img { width:10px; }

header { position:fixed; width:100%; top:-200px; left:0; background:var(--dark); padding:15px 0; z-index:20; }
header .navbar { padding:0; }
header .navbar-brand { position:relative; padding:0; }
header .navbar-brand img { height:50px; object-fit:contain; object-position:0 50%; }
header .navbar-brand:after { content:""; width:1px; height:30px; background:#3a526536; display:block; position:absolute; right:0; top:10px; }
header .navbar-nav .nav-link { position:relative; font-family:var(--bubblegum); font-size:16px; color:var(--light); font-weight:400; padding:20px 15px; line-height:1; transition:all 0.3s; }
header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link:hover { color:var(--primary); }
header .navbar .social a { font-size:22px; color:var(--light); margin-right:4px; }
header .navbar .social a:hover { color:var(--primary); }
header .navbar .social a.lnk { margin-left:10px; font-family:var(--bubblegum); color:#737373; }
header .navbar .social a.lnk:hover { color:var(--light); }
header .navbar .navbar-toggler { color:var(--light); font-size:35px; width:auto; height:auto; }
header .navbar .navbar-toggler:focus { box-shadow:none; }

header .mob-menu { display: flex; justify-content: flex-end; align-items: center; }
header .mob-menu .hamber { margin-left: 15px; }
header .mob-menu .hamber .icon { color: var(--light); font-size: 40px; cursor: pointer; }
header .mob-menu .main-menu { position:fixed; top: 0; left: 0; width: 100%; height: 100vh; background:rgba(var(--dark1-rgb),0.96); display: none; }
header .mob-menu .main-menu .menu { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
header .mob-menu .main-menu .menu a { width: 100%; margin:25px 0; font-family: var(--bubblegum); text-align: center; line-height: 1; font-size:55px; color:var(--light); }
header .mob-menu .main-menu .menu a.active,
header .mob-menu .main-menu .menu a:hover { color:var(--primary); }
header .mob-menu .main-menu .closer { position: absolute; top:30px; right:30px; font-family: var(--bubblegum); font-size:50px; color: var(--light); cursor: pointer; }
header .mob-menu .main-menu .closer:hover { color: var(--primary); }

#intro { height:100vh; background:var(--dark1); display:flex; align-items:center; justify-content:center; padding-top:86px; }
#intro .content { width:35%; margin:0 auto; position:relative; z-index:9; }
#intro .content .logo { display:block; width:100%; height:25vh; margin:0 auto 80px; transform:translateY(-10vh) scale(1.3); }
#intro .content .logo img { display:block; width:auto; height:100%; margin:0 auto; }
#intro .content h1 { margin-bottom:0; color:var(--light); text-align:center; font-size:60px; font-weight:400; opacity:0; }
#intro .content .scroll { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:center; color:var(--primary); margin-top:80px; opacity:0; cursor:pointer; }
#intro .content .scroll span { width:100%; font-family:var(--bubblegum); font-size:20px; }
#intro .content .scroll i { color:var(--primary); margin-top:5px; font-size:35px; }
#intro .loading { position:absolute; width:100%; left:0; bottom:0; z-index:1; }
@media (max-width:992px) {
	header .navbar-nav .nav-link { text-align:right; }
	#intro .content { width:60%; }
	#intro .content .logo { transform:translateY(0) scale(1.3);}
}

#menu { padding:70px 0; background:var(--primary); }
#menu .head { text-align:center; }
#menu h1 { margin-bottom:15px; }
#menu .pthumb { text-align:center; height:500px; background-position:center; background-repeat:no-repeat; background-size:contain; }
#menu .pthumb img { width:100%; height:auto; }
#menu .product-tab { background:var(--light); padding:30px 60px; margin:0 30px; }
#menu .product-tab .nav .nav-item { display:flex; align-items:center; }
#menu .product-tab .nav .nav-link { font-family:var(--bubblegum); font-size:22px; color:#AFAFAF; line-height:1; padding:0; margin-right:30px; }
#menu .product-tab .nav .nav-link.active { font-size:34px; color:var(--dark); background:transparent; }
#menu .product-tab .tab-content { border-top:5px solid Var(--dark); padding:0; }
#menu .product-tab .tab-content h1 { color:var(--red); text-align:center; margin:100px 0; }
#menu .product-tab .tab-content .product-list-sec { display:flex; justify-content:center; flex-wrap:wrap; }
#menu .product-tab .tab-content .product-list-sec .product-list { width:50%; text-align:center; margin-bottom:60px; font-family:var(--lato); }
#menu .product-tab .tab-content .product-list-sec .product-list .thmb { margin-bottom:25px; }
#menu .product-tab .tab-content .product-list-sec .product-list .thmb img { width:100%; height:260px; object-fit:contain; }
#menu .product-tab .tab-content .product-list-sec .product-list h4 { font-size:25px; font-weight:700; line-height:1; margin-bottom:15px; }
#menu .product-tab .tab-content .product-list-sec .product-list span { position:relative; font-size:16px; font-weight:400; line-height:1; display:block; margin-bottom:28px; }
#menu .product-tab .tab-content .product-list-sec .product-list span:after { position:absolute; content:''; left:50%; transform:translateX(-50%); bottom:-15px; width:70px; height:4px; background:var(--red); }
#menu .product-tab .tab-content .product-list-sec .product-list p { font-size:13px; font-weight:400; line-height:1.2; width:50%; margin:0 auto; }
@media (max-width:992px) {
	#menu .head { margin-bottom:30px; }
	#menu .pthumb { height:300px; }
	#menu .product-tab { padding:30px 20px; margin:40px 0 0 0; }
	#menu .product-tab .nav .nav-link { font-size:18px; margin-right:15px; }
	#menu .product-tab .nav .nav-link.active { font-size:22px; }
	#menu .product-tab .tab-content h1 { margin:40px 0; }
	#menu .product-tab .tab-content .product-list-sec .product-list { width:100%; }
}

#franchises { padding:100px 0; text-align:center; }
#franchises h1 { margin-bottom:25px; }
#franchises p { text-align:center; width:50%; margin:0 auto 50px; font-size:15px; line-height:1.3; }
#franchises .btn { margin:0 8px; }
#franchises .before-bg { margin-top:40px; width:100%; }
#franchises .franchise-bg { width:100%; height:250px; object-fit:contain; margin-top:50px; }
@media (max-width:992px) {
	#franchises { padding:50px 0; }
	#franchises p { width:75%; }
	#franchises .franchise-bg { height:auto; }
}

#carrer { position:relative; padding:100px 0; background:var(--primary); background-repeat:no-repeat; background-size:auto 90%; background-position:0; }
#carrer .txt { z-index:5; position:relative; }
#carrer h1 { margin-bottom:50px; }
#carrer p { margin-bottom:50px; font-size:15px; line-height:1.3; width:100%; }

.carrer-popup { display:none; width:100%; height:100vh; position:fixed; top:0; left:0; background:var(--primary); z-index:50; background-repeat:no-repeat; background-size:33%; background-position:0; }
.carrer-popup .content-frm { height:100vh; display:flex; align-items:center; justify-content:center; }
.carrer-popup .content-frm form { position:relative; background:var(--light); padding:30px 60px; width:100%; height:80vh; text-align:center; }
.carrer-popup .content-frm form h4 { width:65%; margin:0 auto 20px; font-family:var(--bubblegum); color:var(--dark); }
.carrer-popup .content-frm form .custom-radio { margin:10px 0; }
.carrer-popup .content-frm form .custom-radio input { position:fixed; left:-100vw; }
.carrer-popup .content-frm form .custom-radio input:checked + .custom-control-label { background:var(--red); border:1px solid var(--dark1); }
.carrer-popup .content-frm form .custom-control-label { cursor:pointer; background:var(--primary); width:40%; border:1px solid var(--primary); padding:8px 30px; font-size:14px; color:var(--light); }
.carrer-popup .content-frm form .btn { width:90px; height:90px; line-height:90px; padding:0; color:var(--light); border-radius:50%; background:var(--red); position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); }
.carrer-popup .content-frm form .btn:hover { background:var(--dark1); }
.carrer-popup .content-frm form .closer { position:absolute; top:15px; right:15px; font-family:var(--bubblegum); font-size:50px; color:var(--red); }
.carrer-popup .content-frm form .form-group label { text-align:left; }
.carrer-popup .content-frm form .step2 { display:none; }
.carrer-popup .content-frm form .step2 .custom-radio { width:calc(50% - 6px); margin: 0; }
.carrer-popup .content-frm form .step2 .custom-control-label { width:100%; padding:11px 8px; text-align: center; }
.carrer-popup .content-frm form .msg { font-size: 18px; text-align: left; display: none; }
.carrer-popup .content-frm form .msg#successMessage { color: green; }
.carrer-popup .content-frm form .msg#failMessage { color: red; }
@media (max-width:992px) {
	.carrer-popup { background-size:90%; }
	#carrer { padding:50px 0; background-size:85%; color:var(--light); text-align:center; }
	#carrer:after { content:''; z-index:1; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); }
	#carrer p { margin:0 auto 25px; }
	.carrer-popup .content-frm form { height:96vh; padding:20px 20px; background:rgba(255,255,255,0.85); }
	.carrer-popup .content-frm form .custom-control-label { width:100%; }
	.carrer-popup .content-frm form .col-6 { width:100%; }
}

#contact { padding:100px 0; }
#contact h4 { font-family:var(--bubblegum); margin-bottom:20px; }
#contact p { margin-bottom:30px; line-height:1.3; }
#contact iframe { width:100%; height:450px; }
@media (max-width:992px) {
	#contact { padding:50px 0; }
}

#franchises-form .lft-cont { padding:130px 100px 100px 20px; height:100%; background:var(--dark1); position:relative; background-size:contain; background-repeat:no-repeat; background-position:50% 400px; }
#franchises-form .lft-cont:before { z-index: 1; content:''; background:var(--dark1); width:100vw; height:100%; left:-100vw; top:0; position:absolute; }
#franchises-form .lft-cont .txt { z-index: 5; position: relative; }
#franchises-form .lft-cont h4 { color:var(--light); font-family:var(--bubblegum); font-size:25px; margin-bottom:30px; }
#franchises-form .lft-cont p { color:var(--light); font-size:14px; line-height:1.3; }
#franchises-form .lft-cont ul { padding:0; margin:0; padding-left:15px; }
#franchises-form .lft-cont ul li { color:var(--light); margin-bottom:10px; font-family:var(--bubblegum); }
#franchises-form form { padding:150px 150px 150px 50px; }
#franchises-form form h1 { text-align:center; margin-bottom:40px; color:var(--red); }
#franchises-form form h4 { font-size:18px; font-weight:700; color:var(--red); margin-bottom:20px; margin-top:40px; text-transform:uppercase; }
#franchises-form form P { color:var(--red); font-size:14px; font-weight:700; display:block; }
#franchises-form form .custom-radio { margin-right:12px; }
#franchises-form form .custom-radio input { position:fixed; left:-100vw; }
#franchises-form form .custom-radio input:checked + .custom-control-label { background:var(--red); border:1px solid var(--dark1); }
#franchises-form form .custom-control-label { cursor:pointer; background:var(--primary); border:1px solid var(--primary); padding:10px 30px; font-size:14px; color:var(--light); }
#franchises-form form .btn { background:var(--red); border-radius:50%; width:120px; height:120px; margin:50px auto 0; display:block; padding:0; font-size:22px; color:var(--light); line-height:120px; }
#franchises-form form .btn:hover { background:var(--dark1); }
#franchises-form form .msg { font-size: 18px; text-align: left; display: none; }
#franchises-form form .msg#successMessage { color: green; }
#franchises-form form .msg#failMessage { color: red; }
@media (max-width:992px) {
	#franchises-form .lft-cont { background-size:cover; padding:140px 30px 100px 30px; }
	#franchises-form .lft-cont:before { width: 100%; left: 0; opacity: 0.6; }
	#franchises-form form { padding:70px 20px 50px 20px; }
	form .form-group label { margin-bottom:5px; }
	#franchises-form .lft-cont h4 { font-size: 35px; }
	#franchises-form .lft-cont ul li { font-size:20px; margin-bottom: 20px; }
	#franchises-form .lft-cont p { font-size: 18px; }
}

footer { background:var(--dark); padding:100px 0; text-align:center; }
footer p { color:var(--light); font-size:13px; line-height:1.5; margin-bottom:0; }
footer .f-logo { margin-bottom:50px; }
footer .f-logo img { width:auto; height:150px; }
footer .link { display:flex; justify-content:center; align-items:center; }
footer .link a { margin:0 12px; font-family:var(--bubblegum); font-size:15px; line-height:1; color:var(--light); }
footer .link a:hover { color:var(--primary); }
footer .social { margin:20px 0 60px; }
footer .social a { font-size:22px; color:var(--light); margin-right:4px; }
footer .social a:hover { color:var(--primary); }
@media (max-width:992px) {
	footer { padding:50px 0; }
}