:root {
	--primary:#AC191C;
	--primary-rgb:172,25,28;
	--light:#fff;
	--light-rgb:255,255,255;
	--dark:#000;
	--dark-rgb:0,0,0;
	--gray:#EFEFEF;
	--gray-rgb:239,239,239;
	--roboto:'Roboto', sans-serif;
	--kiona:'kiona';
}

@font-face {
	font-family: 'kiona';
	src: url('fonts/kiona-regular.woff2') format('woff2'),
		url('fonts/kiona-regular.eot') format('eot'),
		url('fonts/kiona-regular.svg') format('svg'),
		url('fonts/kiona-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}


/* globals */
body { background:var(--light); color:var(--dark); font-family:var(--roboto); font-size:1.1vw; font-weight:400; line-height:1; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; }
::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); }
ul { padding:0; margin:0 0 0 15px; }

h1, h2, h3, h4, h5 { position: relative; font-family: var(--roboto); line-height:1; color:var(--dark); margin-bottom:40px; }
h1 { font-size:35px; }
h2 { font-size:28px; }
h3 { font-size:22px; }
h4 { font-size:17px; }
h5 { font-size:15px; }

h1 { font-family: var(--kiona); margin-top: -100px; margin-bottom: 70px; border: 4px solid var(--primary); display: inline-block; font-weight: 700; color: var(--primary); padding:0 25px 0 25px; width: 350px; height: 180px; display: inline-flex; align-items:center; }
h3:before { content: ''; position: absolute; left:-20px; top: 0; width: 6px; height: 100%; background: var(--primary); }
p { font-size:15px; line-height:1.2; text-align: justify; }
@media (max-width:992px) {
	h1, h2, h3, h4, h5 { margin-bottom:30px; }
	h1 { font-size:35px; }
	h2 { font-size:25px; }
	h3 { font-size:20px; }
	h4 { font-size:15px; }
	h5 { font-size:14px; }
	h1 { width: 330px; height: 110px; }
}

::-webkit-scrollbar-track { 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(--primary); }

/* 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; outline: 0; border:1px solid !important; padding:10px 25px; font-family: var(--kiona); font-size:18px; font-weight:600; line-height:1; color:var(--light); }
.btn:focus { box-shadow:none; }
.btn.btn-primary { background:var(--primary); border-color:var(--primary); border-radius:0; }
.btn.btn-primary:hover { background:transparent; color:var(--primary); }
.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(--dark); border-radius:0; color:var(--dark); }
.btn.btn-outline:hover { background:var(--dark); color:var(--light); }
.bg-primary { background:var(--primary); }
button { box-shadow:none; outline:0; }
button:focus { box-shadow:none; border:0; }
.accordion-button:focus { border-color:transparent; box-shadow:none; }
.accordion-button:not(.collapsed) { box-shadow:none; }

form .form-group label { 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:2px solid var(--gray) !important; background:var(--gray) !important; padding:10px !important; height:auto !important; font-family:var(--roboto) !important; color:var(--dark) !important; font-size:15px !important; line-height:1 !important; font-weight:600 !important; text-transform: none !important; }
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder { color:var(--dark) !important; font-size:15px !important; line-height:1 !important; font-weight:600 !important; text-transform: none !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(--dark) !important; box-shadow:none !important; }
form .form-group { margin-bottom:14px; font-size: 15px; }
form .form-group label { margin-bottom:10px; color:var(--dark); }
form .form-group .error { border-color:#f00 !important; box-shadow:0 0 0 0.2rem rgb(219,47,47,0.2) !important; }
.form-select { background-image:url('img/down.png') !important; background-repeat: no-repeat !important; background-position: right 10px center !important; }
.msg { font-size:18px; text-align:left; display:none; }
.msg#successMessage { color:green; }
.msg#failMessage { color:red; }

.file-upload-wrapper { position:relative; width:100%; height:36px; border:2px solid var(--gray); background:var(--gray); text-align:left; }
.file-upload-wrapper:after { content:attr(data-text); position:absolute; top:0; left:0; background:var(--gray); padding:0 10px; display:block; width:calc(100% - 40px); pointer-events:none; height:100%; font-family:var(--roboto); color:var(--dark); font-size:15px; line-height:36px; font-weight:600; }
.file-upload-wrapper:before { content:"\f382"; position:absolute; top:0; right:0; display:inline-block; height:100%; color:var(--primary); 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%; }

header { position: relative; background:var(--light); padding:30px 100px; z-index:20; }
header .lan { position: absolute; top: 12px; right: 12px; font-size:20px; font-weight: 600; }

header .container-fluid { padding:0 15px; }
header .top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
header .top img { width: 100%; height: 200px; object-fit: contain; }
header .top .lft-logo { width: 50%; }
header .top .lft-logo img { width:100%; height: auto; object-fit: contain; }
header .top .rgt-logo img { width:250px; height: auto; object-fit: contain; }
@media (max-width:992px) {
	header { padding:20px; }
	header .top { justify-content: center; }
	header .top .lft-logo, header .top .rgt-logo { width: 100%; text-align: center; margin-top: 10px; }
	header .top .rgt-logo img {	width: 130px; }
}

footer { background:var(--primary); padding:30px 10px; }
footer .container-fluid { padding:0 15px; }
footer .f-logo img { width:200px; height: auto; object-fit: contain; }
footer .top { display: flex; justify-content: flex-end; margin-right: -30px; margin-bottom: 25px; }
footer .flink { border-bottom: 1px solid var(--light); padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: start; align-items: center; }
footer .flink a { margin-right:20px; font-size: 15px; color: var(--light); }
footer .flink a:hover { color: var(--dark); }
footer .flink a:last-child { margin-right:50px; }
footer .bottom { display: flex; align-items: self-end; flex-wrap: wrap; justify-content:start; }
footer .bottom p { color:var(--light); font-size:15px; line-height:1; font-weight: 400; margin-bottom:0; margin-right: 20px; }
footer .social { display: flex; justify-content: start; align-items: center; margin-left:50px; }
footer .social a { width: 40px; height: 40px; text-align: center; display: flex; justify-content: center; align-items: center; font-size:25px; color:var(--light); border-radius: 50%; border: 1px solid var(--light); margin-right:20px; }
footer .social a:hover { background: var(--light); color:var(--primary); }
@media (max-width:992px) {
	footer { padding:50px 0; text-align:center; }
	footer .top { margin-right: 0; margin-top: 40px; flex-wrap: wrap; }
	footer .flink { justify-content: center; padding-bottom: 20px; }
	footer .flink a { margin: 10px 15px; }
	footer .flink a:last-child { margin-right: 15px; }
	footer .bottom { justify-content: center; }
	footer .bottom p { margin-right: 0; line-height: 1.5; }
	footer .social { margin-top: 20px; margin-left: 0; justify-content: center; }
}

#banner { background:var(--light); margin-bottom: 100px; }
#banner svg { width: 100%; }
#banner #menuText a path, #banner #menuText g path { filter:drop-shadow(4px 4px 10px #000); transition:all 0.5s; }
#banner #menuText a line, #banner #menuText g line { fill:none; stroke:#fff; stroke-width:2; stroke-miterlimit:10; transition:all 0.5s; }
#banner #menuText a text, #banner #menuText g text, #banner #menuText g text a { fill:#fff; font-size:36px; transition:all 0.5s; }
#banner #menuText a:hover path, #banner #menuText g:hover path { fill:#3c0305; }
#banner #menuText a:hover line, #banner #menuText g:hover line { stroke:#d61f22; }
#banner #menuText a:hover text { fill:#d61f22; }
#banner #menuText g:hover text { fill:#fff; }
#banner #menuText g text a:hover { fill:#d61f22; }

#banner .slide { position: relative; width: 100%; height: 250px; }
#banner .slide .thmb { width: 100%; height: 250px; }
#banner .slide .thmb img { width: 100%; height: 100%; object-fit: cover; }
#banner .slide .cont { position: absolute; left: 15px; bottom: 20px; padding-right: 20px; }
#banner .slide .thmb:before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); }
#banner .slide .cont .logo img { width: 280px; height: auto; margin-bottom: 15px; }
#banner .slide .cont p { margin: 0; font-size: 14px; color: var(--dark); text-align: left; }

#banner .menu { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 10px; }
#banner .menu a { width:calc(100% - 20px); margin:5px 10px; padding:25px 0 15px 10px; background: var(--primary); font-family: var(--kiona); font-size: 16px; text-transform: uppercase; color:var(--light); box-shadow: 0 0 5px rgb(0,0,0,0.7); }
#banner .menu a span { display: block; border-bottom: 1px solid var(--light); padding-bottom: 5px; }
#banner .menu a.half { width:calc(50% - 15px); margin: 5px 10px; }
#banner .menu a:nth-child(1) { background: #D61F22; }
#banner .menu a:nth-child(2) { background: #AC191C; }
#banner .menu a:nth-child(3) { background: #8F1416; }
#banner .menu a:nth-child(4) { background: #6B0F11; margin-right: 0; }
#banner .menu a:nth-child(5) { background: #6B0F11; margin-left: 0; }
@media (max-width:992px) {
}

section { padding: 80px 0; }
.container, .container-fluid { padding: 0 120px; }
@media (max-width:992px) {
	.container, .container-fluid { padding: 0 20px; }
}

.head { display: flex; flex-wrap: wrap; justify-content: start; align-items: end; margin-top: -140px; margin-bottom: 80px; }
.head h1 { position: relative !important; margin-right:40px; margin-top: 0 !important; margin-bottom: 0; }
.head .txt { width:calc(50% - 50px); }
.head .txt h2 { margin-bottom: 15px; font-weight: 400; }
.head .txt p { margin-bottom: 0; }
@media (max-width:992px) {
	.head .txt { width: 100%; margin-top: 20px; }
}

#about { background:var(--gray); }
#about h1 { position: absolute; margin-top: -130px; margin-bottom: 0; }
#about .main { position: relative; display: flex; flex-wrap: wrap; }
#about .main .content { width: 55%; }
#about .main .thumb { width: calc(45% - 50px); margin-left: 50px; }
#about .thumb img { width: 100%; height: auto; object-fit: cover; }
#about .list { margin:130px 0 0; padding: 0; }
#about .list li { list-style: none; margin-bottom:45px; }
#about .list li h3 { margin-bottom: 15px; }

#about .procedure-list { margin:0; padding: 0; }
#about .procedure-list li { margin-bottom:40px; list-style: none; font-size:20px; }
#about .procedure-list li:nth-child(2n-2) { margin-left: 190px; }
#about .procedure-list li div { display: flex; justify-content: start; align-items: center; }
#about .procedure-list li div .cont { align-items: baseline; }
#about .procedure-list li svg { width:70px; height:70px; margin-right: 80px; }
#about .procedure-list li span { margin-right: 20px; position: relative; }
#about .procedure-list li span::after { content: ''; position: absolute; width:4px; height: 15px; top: 50%; transform: translateY(-50%); right: -8px; background: var(--primary); }
#about .procedure-list li p { margin-bottom: 0; font-size:20px; }
#about .procedure-list li p span { font-size:13px; }
#about .procedure-list li p span:after { display: none; }
@media (max-width:992px) {
	#about .list { margin: 30px 0 0; }
	#about .main .content { width: 100%; }
	#about .main .thumb { width: 100%; margin-left: 0; }
	#about .procedure-list li:nth-child(2n-2) { margin-left: 0; }
	#about .procedure-list li svg { width: 50px; height: 50px; margin-right: 20px; }
	#about .procedure-list li p { text-align: left; }
}

#faq .head { margin-top: 0; }
#faq .faq-list { margin:0 0 50px; }
#faq .faq-list .accordion-item { margin-bottom:20px; border: 0; border-bottom: 2px solid #EFEFEF; }
#faq .faq-list .accordion-item:nth-child(2n-2) { margin-right: 0; }
#faq .faq-list .accordion-item .accordion-button { background: transparent; border: 0; font-size:18px; color: var(--dark); }
#faq .faq-list .accordion-item .accordion-button::after { font-family:'Line Awesome Free'; font-weight:900; content:'\f067'; background-image:none; margin-left:0; font-size:30px; color:#EFEFEF; height:30px; line-height:30px; text-align:center; position:absolute; right:7px; }
#faq .faq-list .accordion-button:not(.collapsed)::after { transform:none; content:'\f068' !important; }
#faq .faq-list .accordion-item:nth-child(5) .accordion-button::after { color:var(--light); }
#faq .faq-list .accordion-item .accordion-body { font-size: 14px; line-height: 18px; }

#contact .head { margin-top: 0; }
#contact .contact-dts { margin-top: 10px; }
#contact .contact-dts p { font-size: 18px; display: flex; align-items: center; color: var(--primary); }
#contact .contact-dts p a { font-size: 18px; color: var(--primary); }
#contact .contact-dts p i { font-size: 25px; margin-right: 10px; }
#contact p .link { margin-left: 6px; color: var(--primary); }

#contact .registration .quantity { display: flex; }
#contact .registration h4 { margin: 0 20px 0 0; text-transform: uppercase; }
#contact .registration .quantity button { width: 40px; height: auto; border: 0; font-size: 25px; font-weight: 500; }
#contact .registration .quantity button.add { background: var(--primary); color: var(--light); width: 40px; height: auto; }
#contact .registration .quantity input { height: auto; width: 70px !important; margin: 0 10px; text-align: center; }
#contact .btn-grp { margin-top: 30px; text-align: right; }

#contact .registration .form-group span { font-size: 11px; margin-top: 2px; text-align: right; display: block; }
#contact .Modify .form-group { padding: 10px 0; }
#contact .Modify .form-group strong { border-left: 4px solid var(--primary); padding-left: 10px; }
@media (max-width:992px) {
	#contact .registration .col-6 { width: 100%; }
	#contact .Modify .form-group { font-size: 16px; }
}

#offer { padding-top: 0; }
#offer .offer-list { background:#EFEFEF; padding: 50px 0; }
#offer .offer-list .list { display: flex; justify-content:start; flex-wrap: wrap; }
#offer .offer-list .list .custom-checkbox { width:33.3%; margin: 10px 0; }

#offer .custom-checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
#offer .custom-checkbox label { position: relative;	cursor: pointer; }
#offer .custom-checkbox label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--primary); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 6px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 15px; }
#offer .custom-checkbox input:checked + :before { background: var(--primary); }
@media (max-width:992px) {
	#offer .offer-list .list .custom-checkbox { width: 100%; }
	#offer .custom-checkbox label { font-size: 16px; }
}

#offerListDtls .head { margin-bottom: 140px; }
#offerListDtls .offer-Olist { margin-bottom:130px; }
#offerListDtls .offer-Olist:last-child { margin-bottom:0; }
#offerListDtls .offer-Olist .btn { text-transform: uppercase; }
#offerListDtls h1 { border: 0; width: auto; height: auto; padding: 0; }
#offerListDtls h3::before { display: none; }
#offerListDtls h3 { position: relative; margin:0 0 40px 0; padding-right: 15px; text-align: right; font-family: var(--kiona); font-size: 20px; font-weight: 700; color: var(--primary); }
#offerListDtls h3::after { content: ''; position: absolute; width: 230px; height:85px; right: 0; bottom: -15px; border:2px solid var(--primary); }
#offerListDtls .icon-list p { text-align: right; }
#offerListDtls .icon-list p i { font-size: 20px; color: var(--primary); padding-left: 10px; }
#offerListDtls .list { margin-bottom: 30px; }
#offerListDtls .list h4 { font-family: var(--kiona); font-weight: 600; margin-bottom: 15px; border-left: 4px solid var(--primary); padding-left: 10px; }
#offerListDtls .list ul { margin-left: 30px; padding: 0; }
#offerListDtls .list ul li { font-size: 16px; line-height: 1.5; }
.frm-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.frm-list .form-group { width:48%; }
@media (max-width:992px) {
	#offerListDtls h3::after { width: 100%; }
	#offerListDtls .list { font-size: 13px; }
	.frm-list .form-group { width:100%; }
}