:root { --title-color: #00010a; --secondary-color: #7d1d29; --body-color: #777777; --smoke-color: #f6f6f6; --white-color: #ffffff; --black-color: #000000; --dark-color: #151515; --silver-color: #aeaeae; --theme-font1: "Roboto", sans-serif; --theme-font2: "Roboto", serif; --theme-font3: "Cookie", cursive; --icon-font: "Font Awesome 5 Pro"; --icon-font2: "Flaticon"; }
body { font-family: var(--theme-font1); font-size: 16px; font-weight: 400; color: var(--body-color); line-height: 26px; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
iframe { border: none; }
.slick-slide:focus, button:focus, a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active { outline: none; }
input:focus { outline: none; box-shadow: none; }
img:not([draggable]), embed, object, video { max-width: 100%; height: auto; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; }
th { font-weight: 500; text-align: left; padding-right: 10px !important; }
td, th { border-top: 1px solid #ededed; padding: 9px; }
a { color: var(--body-color); text-decoration: none; outline: 0; transition: all ease 0.4s; }
a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0; }
button { transition: all ease 0.4s; }
img { border: none; max-width: 100%; }
.vs-container { max-width: 1290px; margin: 0 auto; padding: 0 15px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; }
p { margin: 0 0 10px 0; }
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-family: var(--theme-font2); color: var(--title-color); font-weight: 400; text-transform: none; line-height: 1.5; margin: 0 0 15px 0; }
.h1, h1 { font-size: 48px; line-height: 1.3; }
.h2, h2 { font-size: 36px; line-height: 1.3; }
.h3, h3 { font-size: 30px; line-height: 1.4; }
.h4, h4 { font-size: 24px; }
.h5, h5 { font-size: 18px; }
.h6, h6 { font-size: 16px; }
@media (max-width: 1199px) { .h3, h3 { font-size: 26px; margin-top: -4px; }
.h4, h4 { font-size: 22px; margin-top: -5px; }
.h5, h5 { margin-top: -3px; }
.h6, h6 { margin-top: -2px; }
}
@media (max-width: 992px) { .h1, h1 { font-size: 42px; margin-top: -7px; }
.h2, h2 { font-size: 38px; margin-top: -4px; }
.h3, h3 { font-size: 24px; margin-top: -3px; }
.h4, h4 { font-size: 20px; margin-top: -4px; }
}
@media (max-width: 767px) { .h1, h1 { font-size: 36px; }
.h2, h2 { font-size: 28px; }
.h3, h3 { font-size: 22px; }
}
@media only screen and (min-width: 1150px) { .container-lg, .container-md, .container-sm, .container-xl, .container { max-width: 1150px; }
}
@media only screen and (max-width: 1600px) { .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; }
.container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important; }
}
.row .col-0 { -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; padding-left: 0; padding-right: 0; }
.row.no-gutters { margin-right: 0; margin-left: 0; }
.row.no-gutters .slick-track > [class^=col-], .row.no-gutters .slick-track > [class*=" col-"], .row.no-gutters > [class^=col-], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }
.row.gutters-1 { padding-left: 14.5px; padding-right: 14.5px; }
.row.gutters-1 .slick-track > [class*=col-], .row.gutters-1 .slick-track > [class^=col-], .row.gutters-1 > [class*=col-], .row.gutters-1 > [class^=col-] { padding-left: 0.5px; padding-right: 0.5px; }
.row.gutters-2 { padding-left: 14px; padding-right: 14px; }
.row.gutters-2 .slick-track > [class*=col-], .row.gutters-2 .slick-track > [class^=col-], .row.gutters-2 > [class*=col-], .row.gutters-2 > [class^=col-] { padding-left: 1px; padding-right: 1px; }
.row.gutters-3 { padding-left: 13.5px; padding-right: 13.5px; }
.row.gutters-3 .slick-track > [class*=col-], .row.gutters-3 .slick-track > [class^=col-], .row.gutters-3 > [class*=col-], .row.gutters-3 > [class^=col-] { padding-left: 1.5px; padding-right: 1.5px; }
.row.gutters-4 { padding-left: 13px; padding-right: 13px; }
.row.gutters-4 .slick-track > [class*=col-], .row.gutters-4 .slick-track > [class^=col-], .row.gutters-4 > [class*=col-], .row.gutters-4 > [class^=col-] { padding-left: 2px; padding-right: 2px; }
.row.gutters-5 { padding-left: 12.5px; padding-right: 12.5px; }
.row.gutters-5 .slick-track > [class*=col-], .row.gutters-5 .slick-track > [class^=col-], .row.gutters-5 > [class*=col-], .row.gutters-5 > [class^=col-] { padding-left: 2.5px; padding-right: 2.5px; }
.row.gutters-6 { padding-left: 12px; padding-right: 12px; }
.row.gutters-6 .slick-track > [class*=col-], .row.gutters-6 .slick-track > [class^=col-], .row.gutters-6 > [class*=col-], .row.gutters-6 > [class^=col-] { padding-left: 3px; padding-right: 3px; }
.row.gutters-7 { padding-left: 11.5px; padding-right: 11.5px; }
.row.gutters-7 .slick-track > [class*=col-], .row.gutters-7 .slick-track > [class^=col-], .row.gutters-7 > [class*=col-], .row.gutters-7 > [class^=col-] { padding-left: 3.5px; padding-right: 3.5px; }
.row.gutters-8 { padding-left: 11px; padding-right: 11px; }
.row.gutters-8 .slick-track > [class*=col-], .row.gutters-8 .slick-track > [class^=col-], .row.gutters-8 > [class*=col-], .row.gutters-8 > [class^=col-] { padding-left: 4px; padding-right: 4px; }
.row.gutters-9 { padding-left: 10.5px; padding-right: 10.5px; }
.row.gutters-9 .slick-track > [class*=col-], .row.gutters-9 .slick-track > [class^=col-], .row.gutters-9 > [class*=col-], .row.gutters-9 > [class^=col-] { padding-left: 4.5px; padding-right: 4.5px; }
.row.gutters-10 { padding-left: 10px; padding-right: 10px; }
.row.gutters-10 .slick-track > [class*=col-], .row.gutters-10 .slick-track > [class^=col-], .row.gutters-10 > [class*=col-], .row.gutters-10 > [class^=col-] { padding-left: 5px; padding-right: 5px; }
.row.gutters-11 { padding-left: 9.5px; padding-right: 9.5px; }
.row.gutters-11 .slick-track > [class*=col-], .row.gutters-11 .slick-track > [class^=col-], .row.gutters-11 > [class*=col-], .row.gutters-11 > [class^=col-] { padding-left: 5.5px; padding-right: 5.5px; }
.row.gutters-12 { padding-left: 9px; padding-right: 9px; }
.row.gutters-12 .slick-track > [class*=col-], .row.gutters-12 .slick-track > [class^=col-], .row.gutters-12 > [class*=col-], .row.gutters-12 > [class^=col-] { padding-left: 6px; padding-right: 6px; }
.row.gutters-13 { padding-left: 8.5px; padding-right: 8.5px; }
.row.gutters-13 .slick-track > [class*=col-], .row.gutters-13 .slick-track > [class^=col-], .row.gutters-13 > [class*=col-], .row.gutters-13 > [class^=col-] { padding-left: 6.5px; padding-right: 6.5px; }
.row.gutters-14 { padding-left: 8px; padding-right: 8px; }
.row.gutters-14 .slick-track > [class*=col-], .row.gutters-14 .slick-track > [class^=col-], .row.gutters-14 > [class*=col-], .row.gutters-14 > [class^=col-] { padding-left: 7px; padding-right: 7px; }
.row.gutters-15 { padding-left: 7.5px; padding-right: 7.5px; }
.row.gutters-15 .slick-track > [class*=col-], .row.gutters-15 .slick-track > [class^=col-], .row.gutters-15 > [class*=col-], .row.gutters-15 > [class^=col-] { padding-left: 7.5px; padding-right: 7.5px; }
.row.gutters-20 { padding-left: 5px; padding-right: 5px; }
.row.gutters-20 .slick-track > [class*=col-], .row.gutters-20 .slick-track > [class^=col-], .row.gutters-20 > [class*=col-], .row.gutters-20 > [class^=col-] { padding-left: 10px; padding-right: 10px; }
.row.gutters-35 { margin-left: -17.5px; margin-right: -17.5px; }
.row.gutters-35 .slick-track > [class*=col-], .row.gutters-35 .slick-track > [class^=col-], .row.gutters-35 > [class*=col-], .row.gutters-35 > [class^=col-] { padding-left: 17.5px; padding-right: 17.5px; }
@media only screen and (max-width: 575px) { .row.gutters-35 { margin-left: 0; margin-right: 0; }
.row.gutters-35 .slick-track > [class*=col-], .row.gutters-35 .slick-track > [class^=col-], .row.gutters-35 > [class*=col-], .row.gutters-35 > [class^=col-] { padding-left: 0; padding-right: 0; }
}
.row.gutters-40 { margin-left: -20px; margin-right: -20px; }
.row.gutters-40 .slick-track > [class*=col-], .row.gutters-40 .slick-track > [class^=col-], .row.gutters-40 > [class*=col-], .row.gutters-40 > [class^=col-] { padding-left: 20px; padding-right: 20px; }
@media only screen and (max-width: 575px) { .row.gutters-40 { margin-left: 0; margin-right: 0; }
.row.gutters-40 .slick-track > [class*=col-], .row.gutters-40 .slick-track > [class^=col-], .row.gutters-40 > [class*=col-], .row.gutters-40 > [class^=col-] { padding-left: 0; padding-right: 0; }
}
.row.gutters-45 { margin-left: -22.5px; margin-right: -22.5px; }
.row.gutters-45 .slick-track > [class*=col-], .row.gutters-45 .slick-track > [class^=col-], .row.gutters-45 > [class*=col-], .row.gutters-45 > [class^=col-] { padding-left: 22.5px; padding-right: 22.5px; }
@media only screen and (max-width: 575px) { .row.gutters-45 { margin-left: 0; margin-right: 0; }
.row.gutters-45 .slick-track > [class*=col-], .row.gutters-45 .slick-track > [class^=col-], .row.gutters-45 > [class*=col-], .row.gutters-45 > [class^=col-] { padding-left: 0; padding-right: 0; }
}
.row.gutters-50 { margin-left: -25px; margin-right: -25px; }
.row.gutters-50 .slick-track > [class*=col-], .row.gutters-50 .slick-track > [class^=col-], .row.gutters-50 > [class*=col-], .row.gutters-50 > [class^=col-] { padding-left: 25px; padding-right: 25px; }
@media only screen and (max-width: 1199px) { .row.gutters-50 { margin-left: -15px; margin-right: -15px; }
.row.gutters-50 .slick-track > [class*=col-], .row.gutters-50 .slick-track > [class^=col-], .row.gutters-50 > [class*=col-], .row.gutters-50 > [class^=col-] { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width: 575px) { .row.gutters-50 { margin-left: 0; margin-right: 0; }
.row.gutters-50 .slick-track > [class*=col-], .row.gutters-50 .slick-track > [class^=col-], .row.gutters-50 > [class*=col-], .row.gutters-50 > [class^=col-] { padding-left: 15px; padding-right: 15px; }
}
.nice-select, .form-control { border-radius: 0; height: 60px; border: none; padding: 0 30px; padding-right: 60px; color: var(--body-color); background-color: #ffffff; }
.nice-select:focus, .form-control:focus { outline: 0; box-shadow: none; background-color: #ffffff; }
.nice-select.bg-smoke, .form-control.bg-smoke { background-color: var(--smoke-color); }
.nice-select.bg-smoke:focus, .form-control.bg-smoke:focus { background-color: var(--smoke-color); }
.nice-select::-moz-placeholder, .form-control::-moz-placeholder { color: var(--body-color); text-transform: capitalize; }
.nice-select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: var(--body-color); text-transform: capitalize; }
.nice-select:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: var(--body-color); text-transform: capitalize; }
.nice-select::placeholder, .form-control::placeholder { color: var(--body-color); text-transform: capitalize; }
input.form-control::-webkit-outer-spin-button, input.form-control::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input.form-control[type=number] { -moz-appearance: textfield; }
textarea.form-control { min-height: 230px; padding-top: 17px; padding-bottom: 17px; }
input[type=checkbox] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; }
input[type=checkbox]:checked ~ label:before { content: "\f00c"; }
input[type=checkbox] ~ label { position: relative; padding-left: 30px; cursor: pointer; display: block; }
input[type=checkbox] ~ label:before { content: ""; font-family: var(--icon-font); font-weight: 700; position: absolute; left: 0; top: 2px; background-color: #ffffff; border: 1px solid #dddddd; height: 18px; width: 18px; line-height: 18px; text-align: center; font-size: 12px; }
input.lb_ghdck:checked, .input_style_1:checked { border: none; box-shadow: 0 0 0 10px #be2639 inset; }
label { margin-bottom: 12px; text-transform: capitalize; }
.nice-select { line-height: 60px; width: 100%; float: none; z-index: 41; }
.nice-select:after { display: none; }
.nice-select:before { content: "\f103"; font-family: var(--icon-font); line-height: 1; transition: all ease 0.4s; }
.nice-select.open:before { transform: rotate(180deg); }
.nice-select > span.current { overflow: hidden; max-width: 100%; display: inline-block; }
.nice-select .list { min-width: 80px; width: 100%; border-radius: 0; border: 1px solid #eee; }
.nice-select .option { white-space: normal; word-break: break-all; line-height: 1.5; padding: 10px 15px; border-top: 1px solid #eee; }
.nice-select .option.selected, .nice-select .option.focus, .nice-select .option:hover { background-color: #eee; }
.form-group { margin-bottom: 30px; position: relative; }
.nice-select:before, .form-group > i { position: absolute; right: 30px; top: 20px; font-size: 18px; }
.form-control.is-invalid, .was-validated .form-control:invalid { border: 1px solid #dc3545; background-position: right calc(0.375em + 0.8875rem) center; }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { outline: 0; box-shadow: none; }
textarea.form-control.is-invalid { background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem); }
.row:not([class*=gutters-]) .nice-select:before, .row:not([class*=gutters-]) .form-group > i { right: 38px; }
.row.no-gutters > .form-group { margin-bottom: 0; }
.row.gutters-5 > .form-group { margin-bottom: 5px; }
.row.gutters-10 > .form-group { margin-bottom: 10px; }
.row.gutters-15 > .form-group { margin-bottom: 15px; }
.row.gutters-20 > .form-group { margin-bottom: 20px; }
.row.gutters-25 > .form-group { margin-bottom: 25px; }
.row.gutters-30 > .form-group { margin-bottom: 30px; }
.row.gutters-35 > .form-group { margin-bottom: 35px; }
.row.gutters-40 > .form-group { margin-bottom: 40px; }
.row.gutters-45 > .form-group { margin-bottom: 45px; }
.row.gutters-50 > .form-group { margin-bottom: 50px; }
.slick-track { min-width: 100%; }
.row > .slick-list { width: 100%; display: block; flex: 0 0 100%; max-width: 100%; }
.slick-arrow { position: absolute; left: -70px; top: 50%; color: var(--silver-color); border: none; padding: 0; background-color: transparent; font-size: 30px; line-height: 1; z-index: 2; transform: translateY(-50%); }
.slick-arrow.slick-next { left: auto; right: -70px; }
.arrow-white .slick-arrow { color: #ffffff; }
.arrow-has-margin .slick-arrow { top: calc(50% - 15px); }
.slick-dots { position: absolute; left: 50%; bottom: 0; margin: 0; padding: 0; transform: translateX(-50%); }
.slick-dots li { display: inline-block; margin-right: 10px; }
.slick-dots li:last-child { margin-right: 0; }
.slick-dots button { background-color: var(--silver-color); border: 1px solid transparent; font-size: 0; padding: 0; line-height: 0; width: 10px; height: 10px; border-radius: 50%; }
.slick-dots li.slick-active button { background-color: #ffffff; transform: scale(1.2); }
.slick-dots-white .slick-dots button { background-color: #ffffff; }
.slick-dots-white .slick-dots li.slick-active button { background-color: transparent; border-color: #ffffff; }
.slick-slide img { display: inline-block; }
.vs-3dcarousel .slick-slider { margin-left: -12%; margin-right: -12%; }
.vs-3dcarousel .slick-list { padding-left: 15% !important; padding-right: 15% !important; }
.vs-3dcarousel .slick-track { max-width: 100% !important; transform: translate3d(0, 0, 0) !important; perspective: 100px; }
.vs-3dcarousel .slick-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; width: 100% !important; transform: translate3d(0, 0, 0); transition: transform 1s, opacity 1s, border-color 2s; }
.vs-3dcarousel .slick-current { opacity: 1; position: relative; display: block; z-index: 2; }
.vs-3dcarousel .vs-slick-next { opacity: 1; transform: translateX(-360px) translateZ(-20px) rotateY(3deg); z-index: 1; display: block; }
.vs-3dcarousel .vs-slick-prev { opacity: 1; transform: translateX(360px) translateZ(-20px) rotateY(-3deg); display: block; }
@media (max-width: 767px) { .vs-3dcarousel .vs-slick-next { transform: translateX(-35%) translateZ(-20px) rotateY(3deg); }
.vs-3dcarousel .vs-slick-prev { transform: translateX(35%) translateZ(-20px) rotateY(-3deg); }
}
.carousel-container { max-width: 1220px; padding: 0 50px; margin: 0 auto; overflow: hidden; }
@media (max-width: 1300px) { .carousel-container { max-width: 1200px; padding: 0 45px; }
}
@media (max-width: 1199px) { .carousel-container { max-width: 980px; padding: 0 25px; }
}
@media (max-width: 992px) { .carousel-container { max-width: 740px; padding: 0 25px; }
}
@media (max-width: 767px) { .carousel-container { max-width: 560px; padding: 0 25px; }
}
@media (max-width: 576px) { .carousel-container { max-width: 100%; padding: 0 15px; }
}
.carousel-container .slick-list { overflow: visible; }
.carousel-container .slick-slide { opacity: 0; visibility: hidden; transition: all ease 0.4s; }
.carousel-container .slick-slide.slick-active { opacity: 1; visibility: visible; }
.vs-menu-wrapper { position: fixed; top: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999999; width: 0; height: 100%; transition: all ease 0.8s; }
.vs-menu-wrapper .mobile-logo { max-width: 140px; padding-bottom: 30px; padding-top: 30px; margin: 0 auto; text-align: center; }
.vs-menu-wrapper .vs-menu-toggle { background-color: transparent; border: none; font-size: 22px; position: absolute; right: 0; top: 0; padding: 0; line-height: 1; width: 45px; height: 45px; line-height: 45px; font-size: 24px; z-index: 1; }
.vs-menu-wrapper .vs-menu-area { width: 100%; max-width: 250px; background-color: #fff; height: 100%; position: relative; left: -1000px; opacity: 0; visibility: hidden; transition: all ease 1s; }
.vs-menu-wrapper.vs-body-visible { opacity: 1; visibility: visible; width: 100%; transition: all ease 0.8s; }
.vs-menu-wrapper.vs-body-visible .vs-menu-area { left: 0; opacity: 1; visibility: visible; transition: all ease 1s; }
.vs-mobile-menu { overflow-y: scroll; max-height: 58vh; padding-bottom: 40px; }
.vs-mobile-menu ul { margin: 0; padding: 0; }
.vs-mobile-menu ul li { border-bottom: 1px solid #eee; list-style-type: none; }
.vs-mobile-menu ul li:first-child { border-top: 1px solid #eee; }
.vs-mobile-menu ul li a { display: block; position: relative; padding: 7px 10px; line-height: 1; font-size: 14px; text-transform: capitalize; }
.vs-mobile-menu ul li ul li { padding-left: 7px; }
.vs-mobile-menu ul li ul li:last-child { border-bottom: none; }
.vs-mobile-menu ul .vs-item-has-children > a:after { content: "\f0d7"; font-family: var(--icon-font); font-weight: 700; float: right; padding-right: 10px; }
.vs-mobile-menu ul .vs-item-has-children.vs-active > a:after { content: "\f0d8"; }
.vs-menu-toggle { border: 1px dashed; width: 50px; height: 50px; padding: 0; background: transparent; font-size: 28px; }
.xdsoft_datetimepicker { z-index: 1080; }
.xdsoft_datetimepicker .xdsoft_datepicker { width: 300px; }
@media (max-width: 576px) { .xdsoft_datetimepicker { transform: scale(0.7); transform-origin: top center; }
}
@font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); }
}
[class^=flaticon-]:before, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class*=" flaticon-"]:after { font-size: inherit; margin-left: 0; font-style: normal; font-family: "flaticon"; }
[class^=flaticon-], [class*=" flaticon-"] { line-height: 1; }
[class^=flaticon-].icon-1x, [class*=" flaticon-"].icon-1x { font-size: 42px; }
[class^=flaticon-].icon-2x, [class*=" flaticon-"].icon-2x { font-size: 52px; }
[class^=flaticon-].icon-3x, [class*=" flaticon-"].icon-3x { font-size: 62px; }
[class^=flaticon-].icon-4x, [class*=" flaticon-"].icon-4x { font-size: 72px; }
[class^=flaticon-].icon-5x, [class*=" flaticon-"].icon-5x { font-size: 82px; }
[class^=flaticon-].icon-6x, [class*=" flaticon-"].icon-6x { font-size: 92px; }
[class^=flaticon-].icon-7x, [class*=" flaticon-"].icon-7x { font-size: 102px; }
@media (max-width: 1199px) { [class^=flaticon-], [class*=" flaticon-"] { line-height: 1; }
[class^=flaticon-].icon-1x, [class*=" flaticon-"].icon-1x { font-size: 38px; }
[class^=flaticon-].icon-2x, [class*=" flaticon-"].icon-2x { font-size: 48px; }
[class^=flaticon-].icon-3x, [class*=" flaticon-"].icon-3x { font-size: 58px; }
[class^=flaticon-].icon-4x, [class*=" flaticon-"].icon-4x { font-size: 68px; }
[class^=flaticon-].icon-5x, [class*=" flaticon-"].icon-5x { font-size: 78px; }
[class^=flaticon-].icon-6x, [class*=" flaticon-"].icon-6x { font-size: 82px; }
[class^=flaticon-].icon-7x, [class*=" flaticon-"].icon-7x { font-size: 92px; }
}
@media (max-width: 992px) { [class^=flaticon-], [class*=" flaticon-"] { line-height: 1; }
[class^=flaticon-].icon-1x, [class*=" flaticon-"].icon-1x { font-size: 34px; }
[class^=flaticon-].icon-2x, [class*=" flaticon-"].icon-2x { font-size: 44px; }
[class^=flaticon-].icon-3x, [class*=" flaticon-"].icon-3x { font-size: 54px; }
[class^=flaticon-].icon-4x, [class*=" flaticon-"].icon-4x { font-size: 64px; }
[class^=flaticon-].icon-5x, [class*=" flaticon-"].icon-5x { font-size: 74px; }
[class^=flaticon-].icon-6x, [class*=" flaticon-"].icon-6x { font-size: 78px; }
[class^=flaticon-].icon-7x, [class*=" flaticon-"].icon-7x { font-size: 86px; }
}
@media (max-width: 767px) { [class^=flaticon-], [class*=" flaticon-"] { line-height: 1; }
[class^=flaticon-].icon-1x, [class*=" flaticon-"].icon-1x { font-size: 26px; }
[class^=flaticon-].icon-2x, [class*=" flaticon-"].icon-2x { font-size: 36px; }
[class^=flaticon-].icon-3x, [class*=" flaticon-"].icon-3x { font-size: 46px; }
[class^=flaticon-].icon-4x, [class*=" flaticon-"].icon-4x { font-size: 56px; }
[class^=flaticon-].icon-5x, [class*=" flaticon-"].icon-5x { font-size: 66px; }
[class^=flaticon-].icon-6x, [class*=" flaticon-"].icon-6x { font-size: 72px; }
[class^=flaticon-].icon-7x, [class*=" flaticon-"].icon-7x { font-size: 76px; }
}
.ls-v6 [class*="ls-gui-element ls-nav-"] { width: 80px; height: 80px; margin-top: -40px; z-index: 10000; color: #fff; top: 50%; position: absolute; text-align: center; left: 80px; border-radius: 50%; transition: all ease 0.4s !important; }
@media (max-width: 1500px) { .ls-v6 [class*="ls-gui-element ls-nav-"] { left: 40px; }
}
.ls-v6 [class*="ls-gui-element ls-nav-"]:after { content: "\f053"; font-family: var(--icon-font); text-align: center; color: inherit; font-size: 22px; font-weight: 700; line-height: 80px; color: inherit; }
.ls-v6 [class*="ls-gui-element ls-nav-"]:hover { color: var(--body-color); background-color: #fff; }
.ls-v6 .ls-nav-next { left: auto; right: 80px; }
@media (max-width: 1500px) { .ls-v6 .ls-nav-next { right: 40px; }
}
.ls-v6 .ls-nav-next:after { content: "\f054"; }
.ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"] { background-color: rgba(255, 255, 255, 0.2); color: #fff; }
.ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"]:hover { background-color: #B80011; color: #fff; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons { bottom: 20px; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a { background-color: var(--silver-color); width: 8px; height: 8px; position: relative; margin-right: 15px; border: 2px solid transparent !important; border-color: transparent; text-align: center; margin-left: 0; display: inline-block; z-index: 10000; border-radius: 50%; transition: all ease 0.4s !important; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a:last-of-type, .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a:last-child { margin-right: 0; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active { transform: scale(1.4); background-color: transparent; }
.navbuttons-white .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a { background-color: white; }
.navbuttons-white .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active { background-color: transparent; border-color: #fff !important; }
@media (max-width: 1300px) { .ls-v6 [class*="ls-gui-element ls-nav-"] { width: 40px; height: 40px; margin-top: -20px; left: 30px; }
.ls-v6 [class*="ls-gui-element ls-nav-"]:after { line-height: 40px; font-size: 12px; }
.ls-v6 .ls-nav-next { left: auto; right: 30px; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons { bottom: 0px; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a { width: 5px; height: 5px; }
}
@media (max-width: 767px) { .ls-v6 [class*="ls-gui-element ls-nav-"] { width: 30px; height: 30px; margin-top: -15px; left: 10px; }
.ls-v6 [class*="ls-gui-element ls-nav-"]:after { line-height: 30px; font-size: 10px; }
.ls-v6 .ls-nav-next { left: auto; right: 10px; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons { bottom: -7px; }
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a { width: 4px; height: 4px; border-width: 1px; margin-right: 10px; }
}
.preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #161515; }
.preloader .vs-btn { position: absolute; top: 15px; right: 30px; z-index: 2; padding: 0; font-size: 16px; background: #7c1c28; width: 48px; height: 48px; border-radius: 100px; }
.preloader .preloader-inner { opacity: 1; visibility: visible; transition: all ease 0.4s; }
.preloader .loader { width: 48px; height: 48px; display: inline-block; position: relative; }
.preloader .loader:after, .preloader .loader:before { content: ""; width: 48px; height: 48px; border-radius: 50%; background: #FFF; position: absolute; left: 0; top: 0; box-sizing: border-box; animation: preloader 2s ease-in-out infinite; }
.preloader .loader:after { animation-delay: 1s; }
.preloader.animate { -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; animation: maskAnimation 1s steps(22) forwards; }
.preloader.animate .vs-btn, .preloader.animate .preloader-inner { opacity: 0; visibility: hidden; }
@keyframes preloader { 0%, 100% { transform: scale(0); opacity: 1; }
50% { transform: scale(1); opacity: 0; }
}
.vs-btn { display: inline-block; border: none; font-size: 16px; border-radius: 50px; font-weight: 700; padding: 15px 42px; text-align: center; z-index: 1; position: relative; vertical-align: middle; margin-right: 15px; }
.vs-btn:last-child, .vs-btn:last-of-type { margin-right: 0; }
@media (max-width: 576px) { .vs-btn { margin-bottom: 20px; margin-right: 0; }
.vs-btn:last-child, .vs-btn:last-of-type { margin-bottom: 0; }
}
.vs-btn.mask-style4, .vs-btn.mask-style3 { background-color: var(--smoke-color); }
.vs-btn.mask-style4:hover, .vs-btn.mask-style3:hover { color: var(--white-color); }
.vs-btn.mask-style1, .vs-btn.mask-style2, .vs-btn.style1 { color: var(--white-color); }
.vs-btn.mask-style1.active, .vs-btn.mask-style1:hover, .vs-btn.mask-style2.active, .vs-btn.mask-style2:hover, .vs-btn.style1.active, .vs-btn.style1:hover { color: #fff; background-color: #B80011; }
.vs-btn.style2.active, .vs-btn.style2:hover { color: var(--white-color); }
.vs-btn.style3 { color: var(--white-color); }
.vs-btn.style3:hover { background-color: var(--white-color); color: var(--title-color); }
.vs-btn.style-outline { border: 2px solid #e1e1e1; color: var(--body-color); padding: 15px 48px; }
.vs-btn.style-outline:hover { color: var(--white-color); background-color: var(--title-color); border-color: transparent; }
.icon-btn { width: 60px; height: 60px; line-height: 62px; display: inline-block; text-align: center; border-radius: 50%; background-color: #7d1d29; }
.icon-btn:hover { color: var(--white-color) !important; }
.icon-btn.text-red .number { background-color: var(--title-color); }
.dark-style .icon-btn:hover { color: #fff; }
.play-btn { position: relative; border-radius: 50%; display: inline-block; }
.play-btn > i { position: relative; z-index: 2; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: var(--white-color); font-size: 18px; border-radius: inherit; transition: all ease 0.4s; }
.play-btn:hover > i { background-color: var(--smoke-color); color: var(--body-color); }
.play-btn .fa-play { padding-left: 3px; }
.play-btn:after, .play-btn:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; z-index: 1; }
.link-btn { font-weight: 700; display: inline-block; line-height: 0.8; color: var(--body-color); }
.link-btn i { margin-left: 5px; }
.scrollToTop { position: fixed; bottom: 100px; right: 30px; z-index: 94; opacity: 0; visibility: hidden; font-size: 18px; color: #fff !important; transition: all ease 0.8s; }
.scrollToTop.show { bottom: 30px; opacity: 1; visibility: visible; }
.scrollToTop:before { content: ""; position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px; border-width: 1px; border-style: dashed; border-radius: inherit; }
.scrollToTop:hover.icon-btn { background-color: #B80011; }
.scrollToTop:hover.border-before-theme::before { border-color: #B80011; }
@media (max-width: 767px) { .scrollToTop { width: 40px; height: 40px; line-height: 40px; right: 15px; bottom: 50px; }
.scrollToTop.show { bottom: 15px; }
.scrollToTop::before { display: none; }
}
.section-title { margin-bottom: 73px; }
@media (max-width: 992px) { .section-title { margin-bottom: 43px; }
}
.section-title .title-style1 { margin-bottom: 20px; }
.sec-subtitle { font-family: var(--theme-font3); margin-bottom: 10px; display: block; margin-top: -10px; }
.menu > li > a i { font-size: 13px; font-weight: 500; margin-left: 5px; }
.sec-text a { text-decoration: underline; }
.sec-line { margin-bottom: 28px; }
@media (max-width: 576px) { .sec-subtitle { margin-top: -3px; }
.sec-line { max-width: 180px; margin-left: auto; margin-right: auto; }
}
.vs-box1 { border: 1px solid rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 10px; margin-right: 10px; background-color: var(--white-color); }
.vs-box1::before { content: ""; position: absolute; left: 10px; top: 10px; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05); z-index: -1; }
.vs-box1 .vs-box-icon { width: 50px; height: 50px; line-height: 50px; box-shadow: 0px 0 40px 0px rgba(0, 0, 0, 0.1); font-size: 18px; position: absolute; left: 50%; bottom: 0; margin: 0 0 -25px -25px; }
.vs-box1 .vs-box-icon:hover { color: #ffffff !important; }
.vs-box1 .learn-more { font-size: 14px; padding: 12px 30px; position: absolute; bottom: 0; margin-bottom: -25px; transition: all ease 0.4s; }
.vs-box1 .learn-more i { margin-right: 7px; }
.vs-box2 { box-shadow: 0px 1px 51px 0px rgba(0, 0, 0, 0.1); position: relative; }
.vs-box2:after, .vs-box2:before { content: ""; position: absolute; left: 0; bottom: -15px; z-index: -1; height: 50%; width: 100%; margin-left: 20px; background-color: var(--white-color); max-width: calc(100% - 40px); box-shadow: 0px 1px 51px 0px rgba(0, 0, 0, 0.1); }
.vs-box2:after { bottom: -30px; margin-left: 40px; max-width: calc(100% - 80px); z-index: -2; }
.count-number { font-size: 60px; font-family: var(--theme-font2); }
.border-shadow { box-shadow: 0px 16px 32px 0px rgba(7, 14, 29, 0.06) !important; border: 2px solid rgb(234, 234, 234) !important; }
.vs-block-quote-style1 { font-size: 24px; line-height: 34px; border-left: 3px solid #ededed; padding-left: 30px; display: block; font-weight: 300; }
.vs-block-quote-style1 .quote-author { display: block; font-size: 14px; font-weight: 500; margin-top: 20px; position: relative; padding-left: 30px; line-height: 1; border-color: inherit; }
.vs-block-quote-style1 .quote-author:before { content: ""; position: absolute; left: 0; top: 50%; width: 20px; height: 2px; margin-top: -1px; border-top: 2px solid; border-color: inherit; }
.vs-list-style1, .vs-list-style1 ol, .vs-list-style1 ul { list-style: none; margin: 0; padding: 0; }
.vs-list-style1 li { position: relative; padding-left: 30px; margin-bottom: 5px; }
.vs-list-style1 li:last-child { margin-bottom: 0; }
.vs-list-style1 li:before { content: "\f058"; font-family: var(--icon-font); position: absolute; left: 0; top: 0; }
.vs-list-style2, .vs-list-style2 ul, .vs-list-style2 ol { list-style-type: none; margin: 0; padding: 0; margin-bottom: 30px; }
.vs-list-style2 li { padding-left: 45px; position: relative; margin-bottom: 18px; }
.vs-list-style2 .number { display: inline-block; background-color: #0e0f22; color: #fff; padding: 7px 10px; position: absolute; left: 0; top: -2px; line-height: 1; border-radius: 50%; }
.vs-list-style3, .vs-list-style3 ol, .vs-list-style3 ul { list-style: none; padding: 0; }
.vs-list-style3 li { position: relative; padding-left: 30px; margin-bottom: 15px; }
.vs-list-style3 li:last-child { margin-bottom: 0; }
.vs-list-style3 li:before { content: ""; font-family: var(--icon-font); position: absolute; left: 0; top: 50%; width: 10px; height: 10px; transform: translateY(-50%); background-color: var(--secondary-color); }
.vs-list-style4, .vs-list-style4 ol, .vs-list-style4 ul { padding: 0; list-style: none; }
.vs-list-style4 li { position: relative; padding-left: 18px; margin-bottom: 15px; font-size: 18px; font-weight: 700; list-style: 44px; color: rgb(68, 68, 68); }
.vs-list-style4 li:last-child { margin-bottom: 0; }
.vs-list-style4 li:before { content: ""; font-family: var(--icon-font); position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 100%; transform: translateY(-50%); background-color: rgb(68, 68, 68); }
.image-scale-hover, .widget .instagram-feeds li { overflow: hidden; }
.image-scale-hover img, .widget .instagram-feeds li img { transition: all ease 0.4s; transform: scale(1.001); }
.image-scale-hover:hover img, .widget .instagram-feeds li:hover img { transform: scale(1.2); }
.link-inherit a, .link-inherit h1 a, .link-inherit h2 a, .link-inherit h3 a, .link-inherit h4 a, .link-inherit h5 a, .link-inherit h6 a, .link-inherit p a, .link-inherit span a { color: inherit; }
.list-style-none ol, .list-style-none ul, .list-style-none { padding: 0; margin: 0; }
.list-style-none li { list-style-type: none; }
.social-links, .social-links ol, .social-links ul { margin: 0; padding: 0; list-style-type: none; }
.social-links li { display: inline-block; margin: 0 3px; }
.social-links li:first-child { margin-left: 0; }
.social-links li:last-child { margin-right: 0; }
.social-links a { color: var(--body-color); font-size: 14px; line-height: 1; }
.social-links.links-has-border a { display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; border-radius: 50%; text-align: center; }
.social-links.links-has-border a:hover { border-color: transparent; color: #fff; }
.social-links.links-has-border .linkedin, .social-links.links-has-border .instagram, .social-links.links-has-border .facebook, .social-links.links-has-border .twitter { border-color: transparent; color: #fff; }
.social-links.links-has-border .facebook { background-color: #3b5998; }
.social-links.links-has-border .twitter { background-color: #00acee; }
.social-links.links-has-border .instagram { background-color: #d63084; }
.social-links.links-has-border .linkedin { background-color: #0e76a8; }
.contact-info { padding-left: 30px; position: relative; }
.contact-info a { color: #333; }
.contact-info a:hover { color: #B80011; }
.contact-info > i { width: 30px; position: absolute; top: 4px; left: 0; }
.contact-info .contact-icon, .contact-info .media-icon { padding-left: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; }
.contact-info .contact-icon > i, .contact-info .media-icon > i { line-height: inherit; font-size: 28px; color: var(--white-color); }
.contact-info .contact-icon[data-overlay]:before, .contact-info .media-icon[data-overlay]:before { border-radius: 50%; left: 0; top: 0; opacity: 0.4; z-index: -1; }
.overlay-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dark-style h6, .dark-style h5, .dark-style h4, .dark-style h3, .dark-style h2, .dark-style h1, .dark-style span:not(.text-white-light), .dark-style p, .dark-style a:not(.icon-btn) { color: var(--white-color); }
.dark-style .vs-menu-toggle { color: #fff; border-color: #fff; }
.cart-btn { position: relative; }
.cart-btn .number { font-size: 14px; color: #fff; position: absolute; top: -3px; right: -3px; display: inline-block; padding: 5px 4px; font-weight: 700; line-height: 14px; text-align: center; border-radius: 100%; min-width: 24px; min-height: 24px; }
.cart-btn .number:not([class*=bg-]) { background-color: var(--body-color); }
.quantity-box { display: flex; justify-content: center; }
.quantity-box input, .quantity-box button { width: 50px; height: 50px; text-align: center; border: none; font-size: 16px; line-height: 50px; color: var(--title-color); }
.quantity-box input { color: #fff; }
.vs-rating-input span { font-size: 16px; transform: none; cursor: pointer; }
.vs-rating-input span.active { color: #fec624; }
.form-messages { display: none; }
.form-messages.success { color: #28a745; display: block; }
.form-messages.error { color: #dc3545; display: block; }
.z-index-step1 { position: relative; z-index: 4 !important; }
.z-index-common { position: relative; z-index: 3; }
.shadow-none { box-shadow: none; }
.text-shadow-none { text-shadow: none; }
.icon-contact-box .fa-3x { font-size: 2em; }
.icon-contact-box p { font-size: 14px; }
.counter-layout1 .counter-text.text-white { color: rgba(255, 255, 255, 0.6) !important; }
.lh-32 { line-height: 32px; }
.border, .vs-checkout-area .nice-select, .vs-checkout-area .form-control { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.border-top { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
.border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
.border-left { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
.border-right { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
.mega-hover { position: relative; overflow: hidden; }
.mega-hover img { transition: all 2s ease; transform: scale(1); }
.mega-hover:after, .mega-hover:before { content: ""; position: absolute; pointer-events: none; opacity: 1; z-index: 3; transform: rotate(5deg); }
.mega-hover:before { top: 0; right: 51%; bottom: 0; left: 50%; background: rgba(255, 255, 255, 0.3); }
.mega-hover:after { top: 50%; right: 0; bottom: 50%; left: 0; background: rgba(255, 255, 255, 0.6); }
.mega-hover:hover:before { left: 0; right: 0; opacity: 0; transition: all 900ms linear; }
.mega-hover:hover:after { top: 0; bottom: 0; opacity: 0; transition: all 900ms linear; }
.mega-hover:hover img { transform: scale(1.05); }
.main-menu ul { margin: 0; padding: 0; }
.main-menu ul li { list-style-type: none; display: inline-block; position: relative; }
.main-menu ul li.menu-item-has-children > a { position: relative; }
.main-menu ul li.menu-item-has-children > a:after { content: "\f107"; position: relative; font-family: var(--icon-font); float: right; margin-left: 5px; }
.main-menu ul li a { display: block; font-weight: 700; }
.main-menu ul li:last-child { margin-right: 0; }
.main-menu ul li:first-child { margin-left: 0; }
.main-menu ul li ul.sub-menu { position: absolute; width: 250px; top: 100%; left: 0; z-index: 12; border-width: 0; border-top-width: 3px; border-style: solid; text-align: left; background-color: #ffffff; transition: all ease 0.4s; opacity: 0; visibility: hidden; transform-origin: top; transform: rotateX(90deg); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
.main-menu ul li ul.sub-menu li { display: block; margin: 0 0; }
.main-menu ul li ul.sub-menu li.menu-item-has-children > a:after { content: "\f101"; }
.main-menu ul li ul.sub-menu li a { color: var(--body-color); padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
.main-menu ul li ul.sub-menu li ul { left: auto; right: 100%; top: 0; }
.main-menu ul li ul.sub-menu li ul li ul { left: 100%; right: auto; }
.main-menu ul li ul.sub-menu li ul li ul li ul { left: auto; right: 100%; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul { left: 100%; right: auto; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul { left: auto; right: 100%; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul { left: 100%; right: auto; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul { left: auto; right: 100%; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul { left: 100%; right: auto; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul { left: auto; right: 100%; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul { left: 100%; right: auto; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul { left: auto; right: 100%; }
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul { left: 100%; right: auto; }
.main-menu ul li.mega-menu-wrap { position: static; }
.main-menu ul li ul.mega-menu { display: flex; justify-content: space-between; position: absolute; text-align: left; left: 0; top: 100%; width: 100%; background: rgba(255, 255, 255, 0.98); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-bottom: 4px solid #aaaaaa; padding: 15px; visibility: hidden; opacity: 0; transform: scaleY(0); transform-origin: 0 0; z-index: -1; transition: transform 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, z-index 0s; }
.main-menu ul li ul.mega-menu li { display: block; width: 100%; margin: 10px 0; padding: 0 25px; }
.main-menu ul li ul.mega-menu li li { padding: 0 0; }
.main-menu ul li ul.mega-menu li a { padding: 0 0; margin: 0 0; display: inline-block; color: var(--body-color); }
.main-menu ul li ul.mega-menu > li:not(:last-child) { border-right: 1px solid #dddddd; }
.main-menu ul li ul.mega-menu > li > a { display: block; border-bottom: 1px solid; padding: 0; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
.main-menu ul li:hover ul.mega-menu { visibility: visible; opacity: 1; transform: scaleY(1); z-index: 9; }
.main-menu ul li:hover > ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0); }
.header-layout1.position-absolute { left: 0; top: 0; right: 0; z-index: 91; }
.header-layout1 .menu-area { box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.1); }
.header-layout1 .header-logo { min-width: 160px; }
@media (min-width: 992px) { .header-layout1 .menu-area { padding-left: 60px; padding-right: 60px; }
}
.menu-style1 > ul > li { margin: 0 24px; }
.menu-style1 > ul > li > a { padding: 62px 0; }
.main-menu.menu-style1 > ul > li > a { color: #808080; }
.main-menu.menu-style1 > ul > li > a:hover { color: var(--title-color); }
.dark-style .main-menu.menu-style1 > ul > li > a { color: #bfbfbf; font-weight: 500; }
.dark-style .main-menu.menu-style1 > ul > li > a:hover { color: var(--white-color); }
.menu-style2 > ul > li { margin: 0 16px; }
.menu-style2 > ul > li > a { padding: 52px 0; color: #777777; font-weight: 500; }
.menu-style2 > ul > li > a:hover { color: var(--title-color); }
.menu-style3 > ul > li { margin: 0 16px; }
.menu-style3 > ul > li > a { padding: 28px 0; }
.menu-style4 > ul > li { margin: 0 10px; }
.menu-style4 > ul > li > a { color: #333; padding: 28px 0; font-weight: 500; font-size: 17px; }
.menu-style4 > ul > li > a:hover { color: #B80011; }
@media (max-width: 1500px) { .menu-style3 > ul > li { margin: 0 12px; }
.menu-style1 > ul > li { margin: 0 15px; }
}
@media (max-width: 1300px) { .main-menu a { font-size: 14px; }
}
@media (max-width: 1199px) { .main-menu ul li ul.sub-menu { width: 220px; }
.menu-style2 a { font-size: 14px; }
.menu-style2 > ul > li { margin: 0 7px; }
.menu-style2 > ul > li > a { padding: 37px 0; }
}
@media (max-width: 992px) { .header-layout1.position-absolute { position: static !important; }
.header-layout1 .menu-area { box-shadow: none; }
}
.header-layout2 { position: relative; z-index: 91; }
.header-layout2.position-absolute { right: 0; left: 0; top: 0; }
@media (min-width: 1500px) { .header-layout2.px-xl-115 { padding-left: 115px; padding-right: 115px; }
}
@media (max-width: 1500px) { .header-layout2.px-xl-115 { padding-left: 0; padding-right: 0; }
}
@media (max-width: 992px) { .header-layout2.position-absolute { position: relative !important; }
}
.header-layout3-background.background-image { background-size: 100% 90%; }
.header-layout4 { left: 0; top: 0; right: 0; z-index: 91; }
@media (max-width: 1600px) { .header-layout4.px-lg-100 { padding-left: 0; padding-right: 0; }
}
@media (max-width: 1300px) { .header-layout4 .pl-xl-50 { padding-left: 10px; }
}
@media (max-width: 992px) { .header-layout4.position-absolute { position: relative !important; }
}
.header-layout6 { position: absolute; left: 0; top: 0; right: 0; z-index: 91; width: 100%; }
.header-layout6 .header-logo { position: relative; height: 100%; padding-right: 60px; }
.header-layout6 .header-logo ::before { content: ""; position: absolute; right: 0%; top: 0%; bottom: 0; width: 99999px; z-index: 0; border-radius: 120px; }
.header-layout6 .header-logo img { position: relative; z-index: 1; max-width: 160px; }
.header-layout6 .main-menu > ul > li > a { color: var(--black-color); padding: 37px 0; }
.header-layout6 .vs-btn.mask-style1 i { margin-right: 5px; font-size: 22px; position: relative; bottom: -2px; }
.header-layout6 .contact-info .text-font1 { margin-bottom: 0; color: var(--black-color); font-size: 18px; font-weight: 600; }
.header-layout6 .header-btn { display: flex; align-items: center; position: relative; }
.header-layout6 .header-menu { background-color: var(--white-color); border-radius: 120px; padding-right: 22px; }
.header-layout6 .vs-btn.mask-style1 { color: var(--white-color); transition: all 0.4s ease; }
.header-layout6 .vs-btn.mask-style1:hover { background-color: #B80011; }
.header-layout6 .icon-btn { font-size: 22px; color: var(--white-color); margin-right: 10px; background-color: var(--secondary-color); position: relative; top: 1px; transition: all 0.4s ease; cursor: pointer; }
.header-layout6 .icon-btn i { font-size: 24px; }
.header-layout6 .icon-btn .number { background-color: #B80011; transition: all ease 0.4s; }
.header-layout6 .icon-btn:hover { background-color: #B80011; }
.header-layout6 .icon-btn:hover .number { background-color: var(--secondary-color); }
.header-top { padding: 13px 0 10px 0; }
.header-top .contact-info { color: var(--white-color); padding-right: 30px; padding-left: 0; line-height: 30px; position: relative; top: -1px; }
.header-top .contact-info a:hover { color: var(--secondary-color); }
.header-top .contact-info i { position: relative; width: initial; font-size: 28px; margin-right: 15px; }
.header-top .social-links.links-has-border a { width: 38px; height: 38px; line-height: 38px; color: var(--white-color); border-color: #b80011; background-color: rgb(184, 0, 17); }
@media (max-width: 1500px) { .menu-style3 > ul > li { margin: 0 10px; }
}
@media (max-width: 1199px) { .header-layout6 { position: relative; }
.header-layout6 .header-menu { border-radius: 0; padding-right: 0; }
.header-layout6 .header-logo img { padding-left: 22px; }
.header-layout6 .header-logo ::before { display: block; }
.vs-menu-toggle { width: 40px; height: 40px; font-size: 22px; }
.header-top { display: none; }
}
@media (max-width: 992px) { .header-layout6 .header-logo { padding: 10px 20px 10px 0; }
.header-layout6 .header-logo ::before { width: 100%; display: none; }
.social-links { margin: 0 auto; }
.header-layout6 { position: relative; background-color: var(--dark-color); }
.header-layout6 .header-menu { border-radius: 0; background-color: transparent; }
.header-layout6 .header-logo img { padding-left: 0; }
}
@media (max-width: 767px) { .contact-info { display: none; }
.header-layout6 .header-logo { padding: 10px 20px 10px 0; }
.header-layout6 .header-logo img { max-width: 100px; }
}
.header-layout7 { position: absolute; left: 0; top: 0; right: 0; z-index: 91; width: 100%; }
.header-layout7 .header-menu { background-color: rgb(0, 0, 0); }
.header-layout7 .contact-info .text-font1 { margin-bottom: 0; color: var(--white-color); }
.header-layout7 .icon-btn { margin-right: 10px; font-size: 28px; color: var(--white-color); background-color: var(--secondary-color); transition: all 0.4s ease; cursor: pointer; }
.header-layout7 .icon-btn:hover { background-color: #B80011; }
.header-layout7 .icon-btn .number { background-color: #B80011; transition: all ease 0.4s; }
.header-layout7 .icon-btn:hover { background-color: #B80011; }
.header-layout7 .icon-btn:hover .number { background-color: var(--secondary-color); }
.header-layout7 .header-logo { position: relative; top: 50%; transform: translateY(-50%); }
.header-layout7 .menu-style3 > ul > li > a { padding: 37px 0; }
.header-layout7 .header-btn { display: flex; align-items: center; position: relative; }
.header-layout7 .vs-btn.mask-style1 { background-color: var(--secondary-color); color: var(--white-color); }
.header-layout7 .vs-btn.mask-style1:hover { background-color: #B80011; }
.header-layout7 .vs-btn.mask-style1 i { margin-right: 5px; font-size: 22px; position: relative; bottom: -2px; }
.sticky-header-wrap { background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 999; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); transition: all ease 0.4s; transform: translateY(-110%); transform-origin: top; opacity: 0; visibility: hidden; }
.sticky-header-wrap.active { opacity: 1; visibility: visible; transform: translateY(0); }
.sticky-header-wrap .vs-container { padding: 0 35px; }
.menu-sticky1 > ul > li { margin: 0 17px; }
.menu-sticky1 > ul > li > a { padding: 27px 0; }
@media (max-width: 1199px) { .sticky-header-wrap .vs-container { padding: 0 30px; }
}
@media (max-width: 992px) { .sticky-header-wrap .vs-container { padding: 0 15px; }
}
.widget { padding: 40px; margin-bottom: 30px; border: 1px solid #efefef; }
.widget_title { font-size: 24px; border-left: 2px solid; line-height: 1em; padding-left: 20px; margin-bottom: 27px; margin-top: -3px; }
@media (max-width: 1199px) { .widget { padding: 20px; }
}
.footer-widget-wrapper .widget { padding: 0; border: none; padding-bottom: 0; }
.footer-widget-wrapper .widget_title { border-left: none; padding-left: 0; font-size: 30px; font-family: var(--theme-font2); }
.footer-widget-wrapper .widget_meta, .footer-widget-wrapper .widget_pages, .footer-widget-wrapper .widget_archive, .footer-widget-wrapper .widget_categories, .footer-widget-wrapper .widget_nav_menu { margin-bottom: 20px; }
.footer-widget-wrapper .widget_meta .widget_title, .footer-widget-wrapper .widget_pages .widget_title, .footer-widget-wrapper .widget_archive .widget_title, .footer-widget-wrapper .widget_categories .widget_title, .footer-widget-wrapper .widget_nav_menu .widget_title { margin-bottom: 30px; }
.footer-widget-wrapper .widget_meta li > span, .footer-widget-wrapper .widget_pages li > span, .footer-widget-wrapper .widget_archive li > span, .footer-widget-wrapper .widget_categories li > span, .footer-widget-wrapper .widget_nav_menu li > span { width: auto; height: auto; position: relative; background-color: transparent; color: var(--body-color); line-height: 1; }
.footer-widget-wrapper .widget_meta a, .footer-widget-wrapper .widget_pages a, .footer-widget-wrapper .widget_archive a, .footer-widget-wrapper .widget_categories a, .footer-widget-wrapper .widget_nav_menu a { background-color: transparent; padding: 0; position: relative; margin-bottom: 15px; display: inline-block; }
.footer-widget-wrapper .widget_meta a:hover, .footer-widget-wrapper .widget_pages a:hover, .footer-widget-wrapper .widget_archive a:hover, .footer-widget-wrapper .widget_categories a:hover, .footer-widget-wrapper .widget_nav_menu a:hover { background-color: transparent; }
.footer-widget-wrapper .widget_meta a:before, .footer-widget-wrapper .widget_pages a:before, .footer-widget-wrapper .widget_archive a:before, .footer-widget-wrapper .widget_categories a:before, .footer-widget-wrapper .widget_nav_menu a:before { content: "\f101"; font-family: var(--icon-font); margin-right: 10px; }
.footer-widget-wrapper .widget .vs-widget-about-author .author-img { width: 100px; height: 100px; margin-left: 0; }
.widget_nav_menu, .widget_meta, .widget_pages, .widget_archive, .widget_categories { padding-bottom: 30px; }
.widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul { list-style: none; margin: 0; padding: 0; }
.widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li { display: block; position: relative; }
.widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, .widget_archive li > span, .widget_categories li > span { position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; color: #ffffff; text-align: center; }
.widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a { display: block; background-color: var(--smoke-color); padding: 12px 20px; margin-bottom: 10px; color: var(--body-color); padding-right: 50px; }
.widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover { color: #ffffff; }
.widget_nav_menu .children, .widget_meta .children, .widget_pages .children, .widget_archive .children, .widget_categories .children { margin-left: 10px; }
.widget_nav_menu a, .widget_meta a, .widget_pages a { padding-right: 20px; }
.widget_nav_menu .sub-menu { margin-left: 10px; }
.widget .search-form { display: flex; flex-wrap: wrap; }
.widget .search-form input { width: calc(100% - 60px); height: 60px; background-color: var(--smoke-color); border: none; color: var(--body-color); padding-left: 20px; font-family: var(--theme-font1); }
.widget .search-form input::-moz-placeholder { color: var(--body-color); }
.widget .search-form input::-webkit-input-placeholder { color: var(--body-color); }
.widget .search-form input:-ms-input-placeholder { color: var(--body-color); }
.widget .search-form input::placeholder { color: var(--body-color); }
.widget .search-form button { width: 60px; height: 60px; text-align: center; padding: 0; border: 1px solid transparent; color: #ffffff; }
.widget .search-form button:hover { background-color: #ffffff; }
.widget .vs-widget-about-author .author-img { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; }
.widget .vs-widget-about-author .social-links a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
.wp-block-tag-cloud a, .tagcloud a { display: inline-block; border: none; font-size: 14px; text-transform: capitalize; padding: 5px 23px; margin-right: 5px; margin-bottom: 10px; background-color: #f2f2f2; color: #777777; border-radius: 50px; font-weight: 600; }
.wp-block-tag-cloud a:hover, .tagcloud a:hover { color: #fff; }
.tagcloud { margin-right: -5px; margin-bottom: -10px; }
.vs-widget-recent-post a { color: inherit; }
.vs-widget-recent-post .recent-post-title { font-size: 18px; }
.vs-widget-recent-post .recent-post { margin-bottom: 10px; }
.vs-widget-recent-post .recent-post:last-child { margin-bottom: 0; }
.vs-widget-recent-post span { font-size: 14px; }
.vs-widget-recent-post span i { margin-right: 7px; }
.vs-widget-recent-post .vs-carousel .recent-post { position: relative; margin-bottom: 0; }
.vs-widget-recent-post .vs-carousel img { width: 100%; }
.vs-widget-recent-post .vs-carousel .post-date { position: absolute; left: 15px; bottom: 15px; line-height: 1; z-index: 2; }
.widget .instagram-feeds ul { margin: 0; padding: 0; list-style-type: none; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 10px; }
.widget .instagram-feeds li { overflow: hidden; }
.widget .instagram-feeds li img { width: 100%; }
.widget .newsletter-form { position: relative; }
.widget .newsletter-form .form-icon { position: absolute; left: 20px; top: 19px; }
.widget .newsletter-form .form-control { padding-left: 50px; padding-right: 20px; }
.widget_shopping_cart ul { margin: 0; padding: 0; }
.widget_shopping_cart ul li { list-style-type: none; }
.widget_shopping_cart .cart_list li.mini_cart_item { position: relative; padding: 30px 10px 30px 90px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.widget_shopping_cart .cart_list li.mini_cart_item:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.widget_shopping_cart .cart_list li.mini_cart_item a { display: block; color: var(--body-color); font-size: 17px; font-weight: 500; font-family: var(--theme-font2); }
.widget_shopping_cart .cart_list li.mini_cart_item img { width: 75px; height: 75px; position: absolute; left: 0; top: 20px; }
.widget_shopping_cart .cart_list a.remove { position: absolute; top: 10%; left: 95%; }
.widget_shopping_cart .quantity { display: inline-flex; white-space: nowrap; vertical-align: top; margin-right: 20px; font-size: 14px; }
.widget_shopping_cart .total { margin-top: 30px; font-size: 18px; }
.widget_shopping_cart .woocommerce-Price-currencySymbol { padding-left: 5px; }
.footer-copyright.top-light-border { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer-widget-layout1 .widget_title { margin-bottom: 35px; text-transform: uppercase; font-size: 24px; }
.footer-widget-layout1 .widget_title.text-20 { margin-bottom: 30px; }
.footer-widget-layout1 .widget.p-30 { padding: 30px; }
.footer-widget-layout1 .widget.px-30 { padding-left: 30px !important; padding-right: 30px !important; }
.footer-widget-layout1 .widget.py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.footer-widget-layout1 .vs-widget-recent-post .recent-post-title { font-size: 18px; line-height: 24px; margin-bottom: 7px; color: var(--white-color); }
.footer-widget-layout1 .vs-widget-recent-post .recent-post-title a { color: inherit; }
.footer-widget-layout1 .vs-widget-recent-post .recent-post-title + a { font-size: 14px; color: var(--body-color); }
.footer-widget-layout1 .vs-widget-recent-post .recent-post-title + a i { margin-right: 10px; }
.footer-bottom-menu li { margin-right: 40px; display: inline-block; }
.footer-bottom-menu li:last-child { margin-right: 0; }
.dark-footer a, .dark-footer p, .dark-footer h1, .dark-footer h2, .dark-footer h3, .dark-footer h4, .dark-footer h5, .dark-footer h6, .dark-footer span, .dark-footer .widget_title, .dark-footer .widget_nav_menu a, .dark-footer .widget_categories li > a, .dark-footer .widget_archive li > a, .dark-footer .widget_meta a, .dark-footer .widget_pages a { color: var(--white-color); }
.dark-footer .social-links.links-has-border a { background-color: var(--secondary-color); border-color: rgba(255, 255, 255, 0.2); }
.dark-footer .social-links.links-has-border a:hover { background-color: transparent; }
.dark-footer .tagcloud a { color: var(--body-color); background-color: var(--white-color); }
.dark-footer .tagcloud a:hover { color: #fff; }
.dark-footer .footer-widget-wrapper { border-color: rgba(255, 255, 255, 0.1) !important; }
.dark-footer .widget_title, .dark-footer .social-links a { color: var(--white-color); }
.dark-footer .widget_nav_menu a:before { color: #B80011; }
.dark-footer .bg-white { border-width: 0; border-top-width: 5px; border-style: solid; }
.dark-footer .bg-white .widget_title { color: var(--title-color); }
.dark-footer .bg-white .recent-post-title { color: var(--title-color); }
.dark-footer .bg-white .recent-post-title a { color: inherit; }
.dark-footer .bg-white span { color: var(--body-color); }
.widget_title.text-20 { font-size: 20px !important; }
@media (max-width: 576px) { .footer-widget-layout1 .widget.p-30, .footer-widget-layout1 .widget.px-30.py-40 { padding: 15px !important; }
}
.footer-widget-layout2 { text-align: center; }
.footer-widget-layout2 .widget-about-text { color: var(--white-color); }
.footer-widget-layout2 .social-links { margin-bottom: 55px; }
.footer-widget-layout2 .social-links a { border-color: var(--secondary-color); background-color: var(--secondary-color); }
.footer-widget-layout2 .social-links.links-has-border a:hover { border-color: #B80011; background-color: #B80011; }
.footer-layout2 .footer-copyright { border-top: 1px solid #5B5B5B; }
.footer-layout2 .contact-number { color: var(--white-color); font-size: 30px; line-height: 30px; font-weight: 600; font-family: var(--theme-font3); }
.footer-layout2 .contact-number a { color: var(--white-color); }
.footer-layout2 .contact-info a { color: var(--white-color); transition: all 0.4s ease; }
.footer-layout2 .contact-info:hover a { color: #B80011; }
.footer-layout2 .footer-copyright { padding: 45px 0; }
.footer-layout2 .shape2 { position: absolute; top: 0%; }
@media screen and (min-width: 1981px) { .footer-layout2 .shape2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
}
.footer-widget-layout3 .social-links.links-has-border a { color: var(--white-color); border-color: var(--secondary-color); background-color: var(--secondary-color); }
.footer-widget-layout3 .social-links.links-has-border a:hover { background-color: rgb(184, 0, 17); border-color: rgb(184, 0, 17); }
.footer-widget-layout3 .widget_title { color: var(--white-color); text-transform: uppercase; }
.footer-widget-layout3 .contact-info { padding-left: 0; color: #CCCCCC; }
.footer-widget-layout3 .contact-number a { color: var(--secondary-color); font-size: 24px; font-weight: 400; }
.footer-widget-layout3 .contact-number a:hover { color: rgb(184, 0, 17); }
.footer-widget-layout3 .vs-btn.style1 { padding: 17px 69px; }
.footer-widget-layout3 .vs-btn.style1:hover { color: var(--white-color); background-color: rgb(184, 0, 17); }
.footer-widget-layout3 .widget { margin-bottom: 0; }
.footer-widget-layout3 .widget-about-text { color: #CCCCCC; }
@media (max-width: 992px) { .contact-info { display: block; }
.footer-widget-layout3 .widget { margin-bottom: 60px; }
}
.breadcumb-menu-style1 { position: absolute; left: 50%; bottom: 0; z-index: 2; transform: translateX(-50%) translateY(50%); margin: 0; padding: 17px 38px; border-radius: 50px; box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.15); max-width: 100%; text-align: center; }
@media (max-width: 767px) { .breadcumb-menu-style1 { width: 80%; }
}
@media (max-width: 576px) { .breadcumb-menu-style1 { width: 90%; }
}
.breadcumb-menu-style1 li { display: inline-block; margin: 0 6px; list-style: none; }
.breadcumb-menu-style1 li:first-child { margin-left: 0; }
.breadcumb-menu-style1 li:last-child { margin-right: 0; }
.breadcumb-menu-style1 li:last-child:after { display: none; }
.breadcumb-menu-style1 li:after { content: "-"; position: relative; right: -7px; float: right; }
.breadcumb-menu-style1 li, .breadcumb-menu-style1 a, .breadcumb-menu-style1 span { color: var(--body-color); white-space: normal; word-break: break-all; }
.breadcumb-menu-style1 li i, .breadcumb-menu-style1 a i, .breadcumb-menu-style1 span i { margin-right: 5px; }
.popup-search-box { position: fixed; top: 0; left: 50%; background-color: rgba(0, 0, 0, 0.95); height: 0; width: 0; overflow: hidden; z-index: 99999; opacity: 0; visibility: hidden; border-radius: 50%; transform: translateX(-50%); transition: all ease 0.4s; }
.popup-search-box button.searchClose { width: 60px; height: 60px; position: absolute; top: 40px; right: 40px; border-width: 1px; border-style: solid; background-color: #7d1d29; font-size: 22px; border-radius: 50%; transform: rotate(0); transition: all ease 0.4s; color: #fff; }
.popup-search-box button.searchClose:hover { color: var(--body-color); background-color: #fff; border-color: transparent; border-color: transparent; transform: rotate(90deg); }
.popup-search-box form { position: absolute; top: 50%; left: 50%; display: inline-block; padding-bottom: 40px; cursor: auto; width: 100%; max-width: 700px; transform: translate(-50%, -50%) scale(0); transition: transform ease 0.4s; }
.loader-logo img { height: 100px; width: auto; }
@media (max-width: 1199px) { .popup-search-box form { max-width: 600px; }
}
.popup-search-box form input { font-size: 18px; height: 70px; width: 100%; border-width: 0; border-bottom-width: 2px; border-style: solid; background-color: transparent; padding-left: 30px; color: #fff; border-radius: 50px; }
.popup-search-box form input::-moz-placeholder { color: #fff; }
.popup-search-box form input::-webkit-input-placeholder { color: #fff; }
.popup-search-box form input:-ms-input-placeholder { color: #fff; }
.popup-search-box form input::placeholder { color: #fff; }
.popup-search-box form button { position: absolute; top: 0px; background-color: transparent; border: none; color: #fff; font-size: 24px; right: 12px; color: var(--white-color); cursor: pointer; width: 70px; height: 70px; transition: all ease 0.4s; transform: scale(1.001); }
.popup-search-box form button:hover { transform: scale(1.1); }
.popup-search-box.show { opacity: 1; visibility: visible; width: 100.1%; height: 100%; transition: all ease 0.4s; border-radius: 0; }
.popup-search-box.show form { transition-delay: 0.5s; transform: translate(-50%, -50%) scale(1); }
.sidemenu-wrapper { position: fixed; z-index: 99999; right: 0; top: 0; height: 100%; width: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; transition: all ease 0.8s; }
.sidemenu-wrapper .closeButton { display: inline-block; border: 2px solid; width: 50px; height: 50px; line-height: 50px; font-size: 24px; padding: 0; position: absolute; top: 20px; right: 20px; background-color: var(--white-color); border-radius: 50%; transform: rotate(0); transition: all ease 0.4s; }
.sidemenu-wrapper .closeButton:hover { color: var(--white-color); border-color: transparent; transform: rotate(90deg); }
.sidemenu-wrapper .sidemenu-content { background-color: var(--white-color); width: 450px; margin-left: auto; padding: 80px 30px; height: 100%; overflow: scroll; position: relative; right: -500px; cursor: auto; transition-delay: 1s; transition: right ease 1s; }
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; }
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; }
.sidemenu-wrapper .widget { padding: 0; border: none; }
.sidemenu-wrapper.show { opacity: 1; visibility: visible; width: 100%; transition: all ease 0.8s; }
.sidemenu-wrapper.show .sidemenu-content { right: 0; opacity: 1; visibility: visible; }
.pagination-layout1 { text-align: center; }
.pagination-layout1 ul { margin: 0; padding: 0; }
.pagination-layout1 ul li { display: inline-block; margin: 0 3px; list-style-type: none; }
.pagination-layout1 ul li:last-child { margin-right: 0; }
.pagination-layout1 ul li:first-child { margin-left: 0; }
.pagination-layout1 ul li a { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.1); background-color: var(--white-color); width: 50px; height: 50px; line-height: 48px; color: var(--body-color); }
.pagination-layout1 ul li a.active, .pagination-layout1 ul li a:hover { color: var(--white-color); border-color: transparent; }
@media (max-width: 767px) { .pagination-layout1 ul li a { width: 30px; height: 30px; line-height: 27px; font-size: 11px; }
}
.blog-meta span { display: inline-block; margin-right: 15px; font-size: 14px; margin-bottom: 10px; }
.blog-meta span:last-child { margin-right: 0; }
.blog-meta span i { font-size: 16px; margin-right: 10px; }
.blog-category a { display: inline-block; color: #fff; padding: 4.5px 24.5px; margin-right: 5px; margin-bottom: 10px; border-radius: 50px; }
.blog-category a:hover { background-color: var(--smoke-color); color: var(--body-color); }
.vs-blog { margin-bottom: 30px; }
.vs-blog .blog-title a { color: inherit; }
.vs-blog .blog-letter-box { font-weight: 700; font-size: 30px; text-transform: uppercase; border-width: 2px; border-style: solid; display: inline-block; padding: 20px 24px; }
.blog-border { border: 1px solid #efefef; }
.vs-blog-layout1 .vs-blog::before { box-shadow: none; transition: all ease 0.4s; }
.vs-blog-layout1 .vs-blog:hover::before { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); }
.vs-blog-layout1 .blog-content { padding: 40px; padding-bottom: 50px; }
.vs-blog-layout1 .vs-blog { margin-bottom: 55px; }
@media (max-width: 1199px) { .vs-blog-layout1 .blog-content { padding: 30px; }
}
@media (max-width: 992px) { .blog-meta span { margin-bottom: 4px; }
.vs-blog-layout1 .blog-content { padding: 20px; padding-bottom: 34px; }
}
.vs-blog-layout2 .blog-content { position: relative; padding: 36px 40px; padding-bottom: 25px; }
.vs-blog-layout2 .blog-content .icon-btn { position: absolute; right: 40px; top: -25px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); z-index: 2; font-size: 18px; width: 50px; height: 50px; line-height: 50px; }
.vs-blog-layout2 .blog-content .icon-btn:hover { color: #ffffff; }
@media (max-width: 1199px) { .vs-blog-layout2 .blog-content { padding: 26px 30px; padding-top: 35px; padding-bottom: 15px; }
}
@media (max-width: 576px) { .vs-blog-layout2 .blog-content { padding: 21px 25px; padding-top: 35px; padding-bottom: 15px; }
}
.vs-blog-layout3 .blog-content { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; background-color: var(--smoke-color); padding: 0 40px; padding-bottom: 23px; }
.vs-blog-layout3 .blog-category { margin-top: -17.5px; margin-bottom: 20px; }
.vs-blog-layout3 .blog-category a:hover { background-color: var(--white-color); color: var(--body-color); }
.vs-blog-layout3 .blog-title { margin-bottom: 5px; font-weight: 700; }
.vs-blog-layout3 .blog-title a { transition: all ease 0s; }
.vs-blog-layout3 .blog-img:before, .vs-blog-layout3 .blog-content, .vs-blog-layout3 .blog-title, .vs-blog-layout3 .blog-meta span i, .vs-blog-layout3 .blog-meta span { transition: all ease 0.4s; }
.vs-blog-layout3 .blog-img { position: relative; }
.vs-blog-layout3 .blog-img:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; background-image: linear-gradient(to top, black 30%, rgba(0, 0, 0, 0) 80%); }
.vs-blog-layout3 .vs-blog { position: relative; }
.vs-blog-layout3 .slick-center .vs-blog .blog-content, .vs-blog-layout3 .vs-blog:hover .blog-content { background-color: transparent; }
.vs-blog-layout3 .slick-center .vs-blog .blog-meta span i, .vs-blog-layout3 .slick-center .vs-blog .blog-meta span, .vs-blog-layout3 .slick-center .vs-blog .blog-title, .vs-blog-layout3 .vs-blog:hover .blog-meta span i, .vs-blog-layout3 .vs-blog:hover .blog-meta span, .vs-blog-layout3 .vs-blog:hover .blog-title { color: var(--white-color); }
.vs-blog-layout3 .slick-center .vs-blog .blog-img:before, .vs-blog-layout3 .vs-blog:hover .blog-img:before { opacity: 0.75; visibility: visible; }
@media (max-width: 1199px) { .vs-blog-layout3 .blog-content { padding: 30px; padding-bottom: 15px; padding-top: 0; }
}
@media (max-width: 767px) { .vs-blog-layout3 .blog-content { padding: 20px; padding-bottom: 10px; padding-top: 0; }
.vs-blog-layout3 .blog-category { margin-bottom: 5px; }
}
.vs-blog-layout4 .vs-blog { background-color: var(--white-color); }
.vs-blog-layout4 .blog-img { border-radius: 50px; margin-bottom: 25px; }
.vs-blog-layout4 .blog-category { position: absolute; top: 20px; left: 40px; }
.vs-blog-layout4 .blog-category a:hover { background-color: #B80011; color: var(--white-color); }
.vs-blog-layout4 .blog-title { margin-bottom: 20px; }
.vs-blog-layout4 .blog-title a {
    color: var(--black-color);
    font-size: 21px;
    display: block;
    line-height: 1.3;
    font-weight: 500;
}
.vs-blog-layout4 .blog-title a:hover { color: #7d1d29 }
.vs-blog-layout4 .blog-meta span { color: var(--secondary-color); font-size: 16px; font-weight: 500; }
.vs-blog-layout4 .link-btn { border-bottom: 1px solid var(--secondary-color); color: var(--secondary-color); cursor: pointer; }
.vs-blog-layout4 .link-btn:hover { color: #B80011; border-color: #B80011; }
.vs-blog-layout4 .slick-arrow { font-size: 20px; width: 68px; height: 68px; line-height: 68px; background-color: var(--secondary-color); border-radius: 50%; color: #ffffff; cursor: pointer; }
.vs-blog-layout4 .slick-arrow:hover { background-color: #B80011; color: var(--white-color); }
.vs-blog-layout4 .slick-next.slick-arrow { right: -7%; }
.vs-blog-layout4 .slick-prev.slick-arrow { left: -7%; }
.vs-blog-layout4 .section-title { margin-bottom: 40px; }
.vs-blog-layout4 .vs-blog { margin-bottom: 0px; }
@media (max-width: 992px) { .vs-blog-layout4 .slick-track { padding-bottom: 0; }
}
.vs-blog-layout5 .blog-img { border-radius: 50px 50px 0 0; }
.vs-blog-layout5 .blog-content { display: flex; align-items: center; padding: 100px 70px 50px 50px; border: 1px solid #B80011; border-top: 0; margin-top: -50px; border-radius: 0 0 50px 50px; position: relative; }
.vs-blog-layout5 .blog-content .blog-title { font-weight: 700; margin-bottom: 0; text-transform: uppercase; }
.vs-blog-layout5 .blog-content .blog-title a { color: var(--black-color); font-weight: 400; }
.vs-blog-layout5 .blog-content .blog-title a:hover { color: var(--secondary-color); }
.vs-blog-layout5 .blog-content .blog-meta { padding-right: 20px; margin-right: 30px; border-right: 1px solid rgb(173, 173, 173); }
.vs-blog-layout5 .blog-content .blog-meta strong { font-size: 50px; color: var(--secondary-color); margin-bottom: 0; font-family: var(--theme-font1); font-weight: 700; }
.vs-blog-layout5 .blog-content .blog-meta span { display: inline-block; font-size: 16px; color: var(--secondary-color); margin-bottom: 0; font-weight: 500; }
.vs-blog-layout5 .blog-content .icon-btn { width: 50px; height: 50px; line-height: 50px; position: absolute; right: 2%; bottom: 7%; background-color: var(--secondary-color); border: 1px solid var(--secondary-color); color: var(--white-color); }
.vs-blog-layout5 .blog-content .icon-btn:hover { background-color: #B80011; border-color: #B80011; }
.vs-blog-layout5 .content-body .blog-content { padding: 37px 70px 40px 50px; margin-top: 0px; border-top: 1px solid #B80011; border-radius: 50px; margin-bottom: 30px; }
.vs-blog-layout5 .content-body .blog-content:last-child { margin-bottom: 0; }
.vs-blog-layout5 .section-btn { text-align: right; }
.vs-blog-layout5 .vs-btn.mask-style1 { padding: 12px 48px; text-transform: uppercase; }
.vs-blog-layout5 .vs-btn.mask-style1:hover { color: var(--white-color); background-color: #B80011; }
.vs-blog-layout5 .vs-blog { margin-bottom: 0; }
.vs-blog-layout5 .section-title { margin-bottom: 40px; }
@media (max-width: 1199px) { .vs-blog-layout5 .blog-content .blog-title { font-size: 22px; }
}
@media (max-width: 992px) { .vs-blog-layout5 .vs-blog { margin-bottom: 30px; }
.vs-blog-layout5 .blog-content .blog-meta { padding-right: 0; margin-right: 0; border-right: 0; }
.vs-blog-layout5 .section-btn { text-align: left; margin-bottom: 60px; }
.vs-blog-layout5 .section-title { margin-bottom: 20px; }
}
@media (max-width: 767px) { .vs-blog-layout5 .blog-content { display: block; padding: 70px 70px 20px 20px; }
.vs-blog-layout5 .blog-content .blog-title { font-size: 18px; margin-bottom: 15px; }
.vs-blog-layout5 .blog-content .icon-btn { position: relative; right: 0; bottom: 0; }
.vs-blog-layout5 .content-body .blog-content { padding: 20px; }
.vs-blog-layout5 .section-btn { margin-bottom: 60px; }
.vs-blog-layout5 .blog-meta { padding-right: 0; margin-right: 0; border-right: none; margin-bottom: 8px; }
.vs-blog-layout5 .section-btn { text-align: left; }
}
.blog-list-layout1 .blog-video .blog-category, .blog-list-layout1 .blog-image .blog-category { position: absolute; right: 27px; top: 30px; z-index: 2; }
.blog-list-layout1 .blog-video .blog-category a:hover, .blog-list-layout1 .blog-image .blog-category a:hover { background-color: #ffffff; }
@media (min-width: 1199px) { .blog-list-layout1 .blog-video a.play-btn > i { width: 100px; height: 100px; line-height: 100px; font-size: 30px; }
}
.blog-list-layout1 .blog-video a.play-btn:after, .blog-list-layout1 .blog-video a.play-btn:before { background-color: transparent; border: 2px solid #ffffff; }
.blog-list-layout1 .blog-image .slick-arrow { left: 40px; }
.blog-list-layout1 .blog-image .slick-arrow.slick-next { left: auto; right: 40px; }
.blog-list-layout1 .blog-image, .blog-list-layout1 .blog-video, .blog-list-layout1 .blog-header, .blog-list-layout1 .blog-content { position: relative; z-index: 2; }
.blog-list-layout1 .dark-style .blog-meta span i { color: #ffffff; }
@media (max-width: 767px) { .blog-list-layout1 .blog-video .blog-category, .blog-list-layout1 .blog-image .blog-category { right: 7px; top: 10px; }
.blog-list-layout1 .blog-video .blog-category a, .blog-list-layout1 .blog-image .blog-category a { font-size: 11px; padding: 2px 18px; }
}
.blog-details-layout1 .blog-image { position: relative; }
.blog-details-layout1 .blog-image .blog-category { position: absolute; right: 30px; top: 30px; z-index: 2; }
.vs-hero-wrapper .hero-btn a { line-height: inherit; font-size: inherit; padding: 0; width: 100%; height: 100%; background: #7d1d29; overflow: visible; }
.vs-hero-wrapper .hero-btn a [class*=mask-], .vs-hero-wrapper .hero-btn a [class*=mask-] { left: -1px; top: -1px; width: 103%; height: 103%; }
.hero-shape1 { position: absolute; left: 10%; bottom: -7%; z-index: 31; }
.ls-text-theme { color: #fa8507 !important; }
.ls-text-yellow { color: #ffe119 !important; }
.vs-hero-layout6 .vs-btn.mask-style3 { color: var(--white-color); background-color: var(--secondary-color); }
.vs-hero-layout6 .vs-btn.mask-style3:hover { color: var(--white-color); background-color: #B80011; }
.vs-hero-layout6 .ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"] { transform: translateY(60%); background-color: rgba(255, 255, 255, 0.7607843137); color: var(--black-color); display: block; }
.vs-hero-layout6 .ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"]:hover { color: var(--white-color); background-color: rgba(184, 0, 18, 0.8); }
.vs-hero-layout7 .ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"] { transform: translateY(100%); background-color: rgba(255, 255, 255, 0.7607843137); color: var(--black-color); display: block; }
.vs-hero-layout7 .ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"]:hover { color: var(--white-color); background-color: rgba(184, 0, 18, 0.8); }
.vs-hero-layout7 .vs-btn.mask-style3 { color: var(--white-color); background-color: var(--secondary-color); }
.vs-hero-layout7 .vs-btn.mask-style3:hover { color: var(--white-color); background-color: #B80011; }
@media (max-width: 1199px) { .vs-hero-layout7 .ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"], .vs-hero-layout6 .ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"] { transform: translateY(0); display: none; }
}
@media (max-width: 1024px) { .ls-layer .vs-btn { font-size: 14px; padding: 10px 33px; }
}
@media (max-width: 767px) { .ls-layer .vs-btn { font-size: 12px; padding: 3px 20px; }
}
@media (min-width: 1199px) and (max-width: 1500px) { .vs-hero-layout2 .vs-hero-carousel.px-xl-130 { padding-left: 80px; padding-right: 80px; }
}
.vs-service-layout1 .vs-service { margin-bottom: 55px; }
.vs-service-layout1 .service-content { padding: 40px; padding-bottom: 25px; }
.vs-service-layout1 .shape1 { top: 175px; left: 125px; }
.vs-service-layout1 .shape2 { bottom: 130px; right: 80px; }
.vs-service-layout1 .vs-box1 .learn-more { margin-left: 40px; opacity: 0; visibility: hidden; }
.vs-service-layout1 .vs-box1 .icon-btn { left: auto; margin-left: 0; opacity: 1; visibility: visible; }
.vs-service-layout1 .vs-box1:hover .icon-btn { opacity: 0; visibility: hidden; }
.vs-service-layout1 .vs-box1:hover .learn-more { margin-left: 0; opacity: 1; visibility: visible; }
@media (max-width: 1500px) { .vs-service-layout1 .shape2 { bottom: 40px; right: 120px; }
}
@media (max-width: 1199px) { .vs-service-layout1 .service-content { padding: 20px; padding-bottom: 20px; }
}
.about-image-box1 { position: relative; z-index: 1; }
.about-image-box1 .about-image2 { position: absolute; right: -100px; bottom: 0; border: none; z-index: 1; }
.about-image-box1 .about-image2:before { box-shadow: none; }
.about-image-box1 .about-image2:after { content: ""; position: absolute; left: -10px; top: -10px; width: 100%; height: 100%; background-color: #ffffff; z-index: -1; opacity: 0.4; }
.vs-about-layout1 .features-area { background-size: auto auto; background-position: right top; }
@media (max-width: 992px) { .about-image-box1 { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; margin-bottom: 30px; }
.about-image-box1 .about-image2 { position: relative; bottom: 0; left: 0; margin-bottom: 0; margin-right: 0; }
.about-image-box1 .about-image2:after, .about-image-box1 .about-image2:before { display: none; }
.about-image-box1 .about-image2 img { width: 100%; height: 100%; }
}
@media (max-width: 576px) { .about-image-box1 { grid-template-columns: 1fr; grid-row-gap: 20px; }
}
.about-image-box2 .about-image2 { position: absolute; bottom: 0; right: -135px; z-index: 3; }
.vs-about-layout2 .about-subtitle { line-height: 30px; }
.vs-about-layout2 .shape2 { right: 0; bottom: -80px; }
.vs-about-layout2 .shape1 { left: 100px; bottom: 250px; }
@media (max-width: 1800px) { .vs-about-layout2 .shape2 { max-width: 300px; }
}
@media (max-width: 1199px) { .about-image-box2 .about-image2 { right: -40px; }
}
@media (max-width: 992px) { .about-image-box2 .about-image2 { position: relative; top: 0; right: 0; }
.about-image-box2 .about-image2 img { width: 100%; height: 100%; }
}
@media (max-width: 576px) { .vs-about-layout2 .about-title { font-size: 26px; margin-top: -4px; }
}
.vs-about-layout3 .about-image-box3 { margin-bottom: -130px; }
.vs-about-layout3 .about-content { box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.08); }
@media (max-width: 1199px) { .vs-about-layout3 .about-image-box3 { margin-bottom: 0; }
.vs-about-layout3 .about-image-box3 img { margin-bottom: 30px; }
}
.vs-about-layout4 .vs-3dcarousel img { border: 10px solid transparent; }
.vs-about-layout5 .about-content { box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.1); position: relative; margin-right: -160px; z-index: 2; background-color: #ffffff; }
@media (max-width: 1199px) { .vs-about-layout5 .about-content { margin-right: -100px; }
}
@media (max-width: 992px) { .vs-about-layout5 .about-content { margin-right: 0; }
}
.text-counter1 { position: relative; margin-top: 25px; }
.text-counter1 .counter { font-size: 52px; font-family: var(--theme-font3); padding-bottom: 5px; }
.text-counter1 .counter-icon { margin-right: 10px; }
.small-exp-box { width: 130px; height: 130px; border-radius: 50%; text-align: center; box-shadow: 0px 22px 48.51px 0.49px rgba(250, 133, 7, 0.25); display: flex; flex-direction: column; justify-content: center; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); }
.small-exp-box .counter { font-size: 50px; font-family: var(--theme-font2); }
.small-exp-box .exp-text { margin: 12px 0 0 0; font-size: 12px; }
.small-exp-box .shadow-shape { position: absolute; z-index: -1; top: -14px; left: -34px; max-width: 200px; width: 200px; height: 202px; }
.border-exp-box { width: 160px; height: 160px; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: var(--white-color); box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04); border-radius: 50%; position: absolute; right: 40px; top: 60px; }
.border-exp-box:before { content: ""; position: absolute; left: -20px; right: -20px; top: -20px; bottom: -20px; border: 2px dashed #f0f0f0; border-radius: inherit; animation: cspine 20s linear infinite; }
.border-exp-box .counter { font-size: 40px; font-weight: 700; display: block; padding-top: 6px; }
.border-exp-box .counter:after { content: "+"; font-size: 1.5rem; }
.image-box4 .small-img { text-align: right; position: relative; z-index: 1; margin-top: -100px; padding-right: 50px; }
.image-box4 .small-img img { border: 10px solid var(--white-color); box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08); background-color: rgb(212, 212, 212); }
@media (max-width: 1199px) { .border-exp-box { width: 140px; height: 140px; right: auto; top: 20px; left: 20px; }
}
@media (max-width: 767px) { .image-box4 .small-img { margin-top: -100px; padding-right: 0; }
}
@media (max-width: 576px) { .image-box4 img { width: 100%; }
.image-box4 .small-img { margin-top: 20px; padding-right: 0; }
.image-box4 .small-img img { border: none; }
}
.vs-about-layout6 .media { max-width: 130px; }
.vs-about-layout6 .media .title { color: var(--secondary-color); font-size: 120px; text-transform: lowercase; display: inline-block; line-height: 1.2; font-weight: 700; font-family: var(--theme-font2); margin-bottom: 15px; }
.vs-about-layout6 .media .media-text { margin-bottom: 0; font-size: 22px; font-weight: 600; color: var(--black-color); }
.vs-about-layout6 .about-image-box1 .about-shep1 { position: absolute; left: 0%; top: 18%; z-index: -1; }
.vs-about-layout6 .about-image-box1 .about-image3 { position: absolute; right: 0; bottom: -20%; border: none; z-index: -1; }
.vs-about-layout6 .about-text { max-width: 550px; margin-top: 20px; margin-bottom: 36px; }
.vs-about-layout6 .about-image-box1 .about-image3 { position: absolute; right: -3%; border: none; z-index: -1; top: -17%; }
@media (max-width: 992px) { .vs-about-layout6 .about-image img { width: 100%; }
.vs-about-layout6 .about-image-box1 .about-image3 { display: block; }
}
@media (max-width: 767px) { .vs-about-layout6 .media { max-width: 115px; }
.vs-about-layout6 .about-image img { width: 100%; }
.vs-about-layout6 .media .title { font-size: 80px; }
.vs-about-layout6 .media .media-text { font-size: 20px; }
.vs-about-layout6 .about-image-box1 .about-shep1 { display: none; }
.vs-about-layout6 .about-image-box1 .about-image3 { display: none; }
}
@media (max-width: 576px) { .about-image-box1 .about-image3 { display: none; }
}
.vs-about-layout7 .about-img { position: relative; margin-top: -20%; }
.vs-about-layout7 .about-img img { width: 100%; }
.vs-about-layout7 .about-shep2 { position: absolute; right: 5%; bottom: 20%; }
.vs-about-layout7 .vs-btn.mask-style1 { text-transform: uppercase; }
.vs-about-layout7 .vs-btn.mask-style1:hover { color: var(--white-color); background-color: #B80011; }
.vs-about-layout7 .sec-title1 { text-transform: uppercase; }
.vs-about-layout7 .sec-subtitle { text-transform: uppercase; }
.vs-about-layout7 .food-title { text-transform: uppercase; margin-bottom: 10px; }
@media (max-width: 1199px) { .vs-about-layout7 .about-img { margin-top: 60px; }
.vs-about-layout7 .section-title { margin-bottom: 40px; }
}
@media (max-width: 992px) { .vs-about-layout7 .about-img { margin-top: 0; }
.features-area { margin-top: 60px; margin-bottom: 60px; }
.header-layout7 { position: relative; width: 100%; }
}
.food-box-layout1 .shape1 { left: 110px; top: 225px; }
.food-box-layout1 .shape2 { bottom: 100px; right: 0; }
.food-box-layout1 .media-thumb { width: 120px; height: 120px; position: relative; }
.food-box-layout1 .food-price { width: 100%; display: inline-block; text-align: center; position: absolute; right: 0; top: -40px; padding: 7px 0; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.06); }
.food-box-layout1 .media-body { border-top: 1px dashed #d9d9d9; border-bottom: 1px dashed #d9d9d9; position: relative; }
.food-box-layout1 .media-body:before, .food-box-layout1 .media-body:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 20px; border-left: 1px dashed #d9d9d9; }
.food-box-layout1 .media-body:after { top: auto; bottom: 0; }
.food-box-layout1 .food-rating-icon { position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
.food-box-layout1 .vs-food-box { margin-bottom: 30px; }
.food-box-layout1 .vs-food-box:nth-child(odd) .media { flex-direction: row-reverse; }
.food-box-layout1 .vs-food-box:nth-child(odd) .food-rating-icon { right: auto; left: -10px; }
.food-box-layout1 .vs-food-box:nth-child(odd) .media-body:before, .food-box-layout1 .vs-food-box:nth-child(odd) .media-body:after { right: auto; left: 0; }
.food-box-layout1 .left-align .vs-food-box:nth-child(odd) .media { flex-direction: row; }
.food-box-layout1 .left-align .vs-food-box .food-rating-icon { right: -10px; left: auto; }
.food-box-layout1 .left-align .vs-food-box .food-content { text-align: left; }
.food-box-layout1 .left-align .vs-food-box .media-body:before, .food-box-layout1 .left-align .vs-food-box .media-body:after { right: 0; left: auto; }
@media (max-width: 1500px) { .food-box-layout1 .shape2, .food-box-layout1 .shape1 { display: none; }
}
@media (max-width: 992px) { .food-box-layout1 .media-thumb { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.food-box-layout1 .left-align .vs-food-box:nth-child(2n+1) .food-content, .food-box-layout1 .vs-food-box:nth-child(2n+1) .food-content, .food-box-layout1 .vs-food-box { text-align: center; }
.food-box-layout1 .food-content { padding: 0; }
.food-box-layout1 .media-body { border: none; }
.food-box-layout1 .media-body::before, .food-box-layout1 .media-body::after { display: none; }
.food-box-layout1 .food-rating-icon { display: none; }
}
.food-box-layout2 .food-list-wrapper { padding-left: 60px; padding-right: 60px; }
.food-box-layout2 .vs-food-box { background-color: #fff; box-shadow: 0px 1px 51px 0px rgba(0, 0, 0, 0.1); }
.food-box-layout2 .vs-food-box:nth-child(even) .row { flex-direction: row-reverse; }
.food-box-layout2 .vs-food-box:nth-child(even) .food-slider-layout1 .slick-arrow { right: auto; left: 0; padding-left: 0; border-bottom-left-radius: 0; }
.food-box-layout2 .vs-food-box:nth-child(even) .food-slider-layout1 .slick-arrow.slick-next { left: 40px; padding-right: 10px; border-bottom-right-radius: 18px; }
.food-box-layout2 .vs-food-box:nth-child(even) .food-list-layout1 { padding-left: 60px; padding-right: 30px; }
@media (max-width: 1199px) { .food-box-layout2 .vs-food-box { padding: 1rem; }
}
@media (max-width: 992px) { .food-box-layout2 .food-slider-layout1 { margin-bottom: 20px; }
}
@media (max-width: 992px) { .food-box-layout2 .vs-food-box:nth-child(2n) .food-list-layout1, .food-box-layout2 .food-list-wrapper { padding-left: 0; padding-right: 0; }
}
.food-box-layout3 .shape1 { bottom: 0; right: 0; }
.food-box-layout3 .food-image { position: relative; }
.food-box-layout3 .food-price { display: inline-block; text-align: center; width: fit-content; position: absolute; right: 40px; top: -22.5px; font-size: 18px; font-weight: 700; min-width: 116px; padding: 10px 35px; z-index: 1; z-index: 41; color: var(--white-color); box-shadow: 0px 1px 51px 0px rgba(0, 0, 0, 0.03); border-radius: 9999px; }
.food-box-layout3 .food-content { position: relative; padding: 40px; padding-bottom: 37px; }
.food-box-layout3 .vs-food-box { margin-bottom: 30px; border: 2px solid #f2f2f2; position: relative; background-color: var(--white-color); }
.food-box-layout3 .vs-food-box .vs-btn { position: absolute; left: 50%; transform: translateX(-50%); padding: 9.5px 0; font-size: 16px; top: 0; opacity: 0; visibility: hidden; min-width: 130px; }
.food-box-layout3 .vs-food-box:hover .vs-btn { top: 30px; opacity: 1; visibility: visible; }
@media (max-width: 1199px) { .food-box-layout3 .food-content { padding-left: 20px; padding-right: 20px; padding-bottom: 15px; }
}
@media (max-width: 767px) { .food-box-layout3 .food-content { padding-left: 15px; padding-right: 15px; padding-bottom: 17px; }
}
.food-box-layout4 .vs-food-box { text-align: center; background-color: var(--white-color); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07); padding: 40px 20px; position: relative; border-radius: 10px; margin-bottom: 30px; }
.food-box-layout4 .food-image { width: 220px; height: 220px; margin: 0 auto; text-align: center; position: relative; margin-bottom: 30px; border-radius: 50%; }
.food-box-layout4 .food-image img { width: 100%; border-radius: inherit; }
.food-box-layout4 .tag-left { position: absolute; right: 0; top: 0; color: var(--white-color); font-family: var(--theme-font2); padding: 5px 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; }
.food-box-layout4 .food-price { display: inline-block; color: var(--white-color); z-index: 1; position: absolute; top: -5px; left: -15px; font-family: var(--theme-font3); font-size: 22px; width: 80px; height: 80px; line-height: 76px; border: 5px solid var(--white-color); border-radius: 50%; }
.food-box-layout4 .vs-btn { padding: 12px 38px; }
.food-box-layout5 { position: relative; overflow: hidden; }
.food-box-layout5.background-image { background-repeat: no-repeat; background-size: auto; background-position: left bottom; }
.food-box-layout5 .media { display: block; background-color: #ffffff; overflow: hidden; }
.food-box-layout5 .media-thumb { border-radius: 50px; }
.food-box-layout5 .media-thumb img { width: 100%; border-radius: 50px; }
.food-box-layout5 .media-thumb .thumb-icon { position: absolute; right: 12%; width: 113px; height: 113px; line-height: 5; border-radius: 100%; background-color: var(--secondary-color); text-align: center; border: 10px solid #ffffff; transform: translateY(-50%); transition: all 0.5s ease; }
.food-box-layout5 .media-thumb .thumb-icon img { width: 100%; height: 100%; padding: 20px; }
.food-box-layout5 .media-thumb .thumb-icon:hover { background-color: #B80011; border-color: var(--secondary-color); }
.food-box-layout5 .food-content { margin-top: 8px; line-height: 1.5; }
.food-box-layout5 .food-content .food-list-title { font-size: 20px; margin-bottom: 5px; }
.food-box-layout5 .food-content .food-list-title a { color: #000000; font-weight: 700; }
.food-box-layout5 .food-content .food-list-title a:hover { color: var(--secondary-color); }
.food-box-layout5 .media-body { padding: 90px 14px 14px 14px; border: 1px solid #BDBDBD; border-top: 0; margin-top: -50px; border-radius: 0 0 50px 50px; }
.food-box-layout5 .media-body .food-title { font-weight: 700; margin-top: 0; margin-bottom: 0; font-size: 24px; line-height: 1.4; margin-bottom: 10px; }
.food-box-layout5 .vs-food-box { margin: 0 26px; }
.food-box-layout5 .vs-food-box { display: flex; align-items: center; border-bottom: none; }
.food-box-layout5 .vs-food-box:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #BDBDBD; }
.food-box-layout5 .vs-food-box .food-image { margin-right: 18px; max-width: 108px; max-height: 110px; border-radius: 50%; box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.3); }
.food-box-layout5 .vs-food-box .food-image img { border-radius: 50%; }
.food-box-layout5 .vs-btn.style3 { border: 1px solid var(--secondary-color); background-color: var(--secondary-color); color: var(--white-color); }
.food-box-layout5 .vs-btn.style3:hover { color: var(--white-color); background-color: #B80011; border-color: #B80011; }
.food-box-layout5 .vs-btn.style1:hover { background-color: #B80011; color: var(--white-color); }
.food-box-layout5.vs-food-box-wrapper { background-color: #FFE9B5; }
.food-box-layout5.vs-food-box-wrapper::after { content: ""; position: absolute; width: 105.5%; height: 510px; right: -48%; background-color: rgb(184, 0, 17); bottom: 0; z-index: 0; }
.food-box-layout5 .discount-body .discount-content .sec-title1 { font-size: 50px; line-height: 66px; }
.food-box-layout5 .discount-body .discount-content .discount-text { font-size: 18px; }
.food-box-layout5 .discount-body .food-price { font-size: 45px; margin-top: 50px; margin-bottom: 50px; display: block; color: var(--secondary-color); }
.food-box-layout5 .discount-body .food-price del { font-size: 18px; color: #444444; }
.food-box-layout5 .discount-area { position: relative; z-index: 1; }
.food-box-layout5 .discount-area .discount-img { position: relative; margin-top: 36px; }
.food-box-layout5 .discount-area .discount-img .discount-tag { position: absolute; top: 15%; left: 10%; }
.food-box-layout5 .shep-1 { position: absolute; right: 5%; top: 10%; }
.food-box-layout5 .section-title { margin-bottom: 40px; }
.food-box-layout5 .discount-body { margin-top: 50px; }
.food-price2 { font-size: 22px; color: var(--secondary-color); font-weight: 700; }
.food-price2 del { color: #444444; font-size: 14px; margin-right: 5px; }
.countup { position: relative; text-align: center; z-index: 1; }
.countup .timeel { display: inline-block; font-size: 50px; margin: 0; color: white; border-radius: 10px 0 0 10px; margin-left: 50px; font-family: var(--theme-font1); }
.countup .timeel:first-child { margin-left: 0; }
.countup span[class*=timeRef] { margin-left: 0; color: var(--white-color); font-size: 16px; }
@media (max-width: 1199px) { .food-box-layout5.vs-food-box-wrapper::after { display: none; }
.food-box-layout5 .countup .timeel { color: var(--black-color); }
.food-box-layout5 .media { margin-bottom: 30px; }
.food-box-layout5 .discount-body { margin-bottom: 0; }
}
.food-box-layout6 .vs-food-box { background-color: #FFE9B5; border-radius: 20px; transition: all 0.4s ease; width: calc(100% / 4 - 24px); margin: 0 12px 60px; position: relative; }
.food-box-layout6 .vs-food-box:hover { background-color: #B80011; }
.food-box-layout6 .vs-food-box:hover .food-content .food-text, .food-box-layout6 .vs-food-box:hover .food-price2, .food-box-layout6 .vs-food-box:hover .food-content .food-title a { color: var(--white-color); }
.food-box-layout6 .vs-food-box:hover .food-content .food-price2 del { color: #BEBEBE; }
.food-box-layout6 .food-image { padding: 0; }
.food-box-layout6 .food-content { padding: 25px 30px 55px; }
.food-box-layout6 .food-content .food-title a { color: #333; font-size: 20px; font-weight: 700; transition: all 0.4s ease; line-height: 1.4; display: block; padding: 0 0 10px; }
.food-box-layout6 .food-content .food-title a:hover { color: #c06504; }
.food-box-layout6 .food-content .food-text { font-size: 16px; transition: all 0.4s ease; margin-bottom: 15px !important; }
.food-box-layout6 .food-content .food-price2 del { transition: all 0.4s ease; }
.food-box-layout6 .vs-btn.style1 { width: auto; text-align: center; padding: 12px 20px; border: 1px solid var(--secondary-color); background-color: var(--secondary-color); position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%); min-width: 150px; }
.food-box-layout6 .vs-btn.style1:hover { border-color: var(--secondary-color); color: var(--secondary-color); background-color: var(--white-color); }
.food-box-layout6 .slick-dots { width: 100%; border: 2px solid rgb(186, 186, 186); display: flex; justify-content: space-between; }
.food-box-layout6 .slick-dots button { width: 100%; border-radius: 0; background-color: var(--white-color); }
.food-box-layout6 .slick-dots li { width: 100%; display: inline-flex; margin: 0; }
.food-box-layout6 .slick-dots li.slick-active button { background-color: var(--secondary-color); border: 2px solid var(--secondary-color); }
.food-box-layout6 .section-title { margin-bottom: 40px; }
.food-box-layout7 .vs-food-box { padding: 0px; background-color: #FFE9B5; position: relative; overflow: hidden; border-radius: 30px; transition: all 0.5s ease; cursor: pointer; width: calc(100% - 30px); margin: 0 15px; }
.food-box-layout7 .vs-food-box.food-bg { display: block; max-width: 500px; max-height: 500px; position: absolute; width: 100%; height: 100%; transition: all 0.5s ease; }
.food-box-layout7 .vs-food-box .food-inner { padding: 40px; position: relative; z-index: 2; }
.food-box-layout7 .vs-food-box::after { content: ""; position: absolute; bottom: -190px; right: -158px; width: 300px; height: 300px; background-color: var(--secondary-color); border-radius: 50%; z-index: 1; }
.food-box-layout7 .vs-food-box .food-title { margin-bottom: 10px; color: var(--black-color); }
.food-box-layout7 .vs-food-box .food-title a { color: var(--black-color); text-transform: uppercase; font-size: 22px; line-height: 1.3; font-weight: 600; display: block; }
.food-box-layout7 .vs-food-box .food-price { display: block; font-size: 28px; line-height: 1.3; font-weight: 800; color: #fa3807; }
.food-box-layout7 .vs-food-box .food-content { padding: 0; min-height: 120px; }
.food-box-layout7 .vs-food-box .food-img { position: absolute; bottom: 15px; right: 15px; z-index: 1; }
.food-box-layout7 .vs-food-box .icon-btn { width: 50px; height: 50px; line-height: 45px; color: #fff; border: none; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); display: none; }
.food-box-layout7 .vs-food-box .icon-btn:hover { border-color: var(--secondary-color); }
.food-box-layout7 .vs-food-box:hover .food-price { color: #ffffff; }
.food-box-layout7 .vs-food-box:hover .food-bg { display: block; max-width: 100%; max-height: 100%; position: absolute; width: 100%; height: 100%; }
.food-box-layout7 .vs-food-box:hover .food-title a { color: var(--white-color); }
.food-box-layout7 .slick-arrow { font-size: 20px; width: 68px; height: 68px; line-height: 68px; background-color: var(--secondary-color); border-radius: 50%; color: #ffffff; cursor: pointer; }
.food-box-layout7 .slick-arrow:hover { background-color: #B80011; color: var(--white-color); }
.food-box-layout7 .slick-prev.slick-arrow { left: -7%; }
.food-box-layout7 .slick-next.slick-arrow { right: -7%; }
.food-box-layout8 { position: relative; }
.food-box-layout8 .vs-container { position: relative; z-index: 1; }
.food-box-layout8 .vs-food-box { background-color: #B80011; border-radius: 50px; }
.food-box-layout8 .vs-food-box .food-inner { padding: 60px 50px; }
.food-box-layout8 .vs-food-box .vs-btn { padding: 11px 49px; color: var(--white-color); background-color: var(--secondary-color); border: 1px solid var(--secondary-color); }
.food-box-layout8 .vs-food-box .vs-btn:hover { background-color: transparent; border-color: var(--white-color); }
.food-box-layout8 .food-img { position: relative; }
.food-box-layout8 .food-img .price { padding: 50px 40px; display: block; background-color: var(--secondary-color); text-align: center; border-radius: 50%; position: absolute; bottom: -42%; right: 20%; color: var(--white-color); }
.food-box-layout8 .food-img .price span { display: block; font-size: 14px; margin-bottom: 6px; }
.food-box-layout8 .food-img .price strong { font-size: 40px; }
.food-box-layout8 .food-inner { display: flex; }
.food-box-layout8 .sec-subtitle { text-transform: uppercase; }
.food-box-layout8 .sec-title1 { text-transform: uppercase; }
.food-box-layout8 .food-title { margin-bottom: 38px; }
.food-box-layout8 .food-title a { color: var(--white-color); font-size: 22px; line-height: 33px; font-weight: 400; font-family: var(--theme-font1); }
.food-box-layout8 .food-subtitle { font-size: 30px; line-height: 60px; font-weight: 700; display: block; color: var(--secondary-color); text-transform: uppercase; }
.food-box-layout8 .slick-track { min-width: 100%; padding-bottom: 50px; }
.food-box-layout8 .vs-btn { padding: 10px 40px; text-transform: uppercase; }
.food-box-layout8 .slick-dots button { background-color: rgb(217, 217, 217); border: 1px solid transparent; font-size: 0; padding: 0; line-height: 0; width: 70px; height: 5px; border-radius: 0; }
.food-box-layout8 .slick-dots li.slick-active button { background-color: var(--secondary-color); }
.food-box-layout8 .section-title { margin-bottom: 40px; }
.food-box-layout8 .slick-slider .slick-list { padding-bottom: 80px; }
.food-box-layout8 .slick-dots li { width: 73px; overflow: hidden; }
.food-box-style1 .vs-food-box { border: 2px solid rgb(211, 211, 211); border-radius: 50px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); }
.food-box-style1 .vs-food-box .btn-group { width: 100%; align-items: center; justify-content: center; position: absolute; left: 0; bottom: -5%; visibility: hidden; opacity: 0; transition: all 0.4s ease; }
.food-box-style1 .vs-food-box .vs-btn { font-weight: 700; padding: 15px 50px; margin-right: 15px; margin-bottom: 0px; text-transform: capitalize; color: var(--white-color); background-color: var(--secondary-color); line-height: normal; transition: all 0.5s ease; }
.food-box-style1 .vs-food-box .vs-btn:hover { background-color: #B80011; color: var(--white-color); }
.food-box-style1 .vs-food-box .icon-btn { border: 1px solid rgb(182, 181, 181); width: 48px; height: 48px; line-height: 48px; color: rgb(0, 0, 0); }
.food-box-style1 .vs-food-box .icon-btn:hover { border-color: var(--secondary-color); }
.food-box-style1 .vs-food-box:hover { border: 2px solid rgba(211, 211, 211, 0.32); }
.food-box-style1 .vs-food-box:hover .btn-group { visibility: visible; opacity: 1; }
.food-box-style1 .vs-food-box:hover .food-box-content::after { background-color: #B80011; }
.food-box-style1 .food-image { margin-bottom: 30px; padding: 40px 20px 0px 20px; }
.food-box-style1 .food-content { text-align: left; padding: 0 40px 40px 40px; }
.food-box-style1 .food-content .food-title { text-transform: uppercase; font-size: 20px; font-weight: 700; }
.food-box-style1 .food-content .food-title a { color: var(--black-color); }
.food-box-style1 .food-content .food-title a:hover { color: var(--secondary-color); }
.food-box-style1 .food-content .food-price { color: var(--black-color); display: inline-block; font-size: 24px; font-weight: 700; }
.food-box-style1 .food-reating { display: inline-block; margin-bottom: 10px; }
.food-box-style1 .food-reating i { font-size: 14px; color: var(--secondary-color); }
.food-box-style1 .food-box-content { position: relative; overflow: hidden; border-radius: 50px; }
.food-box-style1 .food-box-content::after { content: ""; position: absolute; top: -36%; right: -56%; width: 374px; height: 374px; background-color: var(--secondary-color); border-radius: 50%; z-index: -1; transition: all 0.5s ease; }
.food-box-style1 .slick-track { padding-bottom: 100px; }
.food-box-style1 .slick-dots button { background-color: rgb(217, 217, 217); border: 1px solid transparent; font-size: 0; padding: 0; line-height: 0; width: 73px; height: 5px; border-radius: 0; margin-right: 5px; overflow: hidden; }
.food-box-style1 .slick-dots li.slick-active button { margin-right: 5px; background-color: var(--secondary-color); }
.food-box-style1 .sec-subtitle { text-transform: uppercase; }
.food-box-style1 .sec-title1 { text-transform: uppercase; }
.food-box-style1 .section-title { margin-bottom: 30px; }
.food-box-style1 .slick-dots li { padding-left: 0; width: 73px; overflow: hidden; }
.food-box-style2 { background-color: #FFE9B5; position: relative; overflow: hidden; }
.food-box-style2 .vs-container { position: relative; z-index: 1; }
.food-box-style2 .food-box-head { margin-bottom: 0; }
.food-box-style2 .sec-title1 { text-transform: uppercase; font-weight: 700; color: var(--white-color); margin-bottom: 20px; }
.food-box-style2 .vs-btn { font-weight: 700; padding: 15px 50px; margin-right: 15px; margin-bottom: 0px; text-transform: uppercase; color: var(--white-color); background-color: var(--secondary-color); line-height: normal; transition: all 0.5s ease; }
.food-box-style2 .vs-btn:hover { background-color: #B80011; color: var(--white-color); }
.food-box-style2 .sec-text { color: rgb(218, 218, 218); margin-bottom: 70px; }
.food-box-style2 .food-box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.food-box-style2 .food-box-bg img { width: 36%; height: 100%; }
.food-box-style2 .vs-food-box { display: flex; align-items: center; background-color: var(--white-color); padding: 16px 22px; border-radius: 50px; position: relative; overflow: hidden; max-height: 194px; }
.food-box-style2 .vs-food-box .food-image { margin-right: 15px; position: relative; z-index: 1; }
.food-box-style2 .vs-food-box::after { content: ""; position: absolute; top: 0; left: 0; width: 120px; height: 194px; background-color: var(--secondary-color); border-radius: 50px; z-index: 0; transition: all 0.5s ease; }
.food-box-style2 .vs-food-box:hover::after { background-color: #B80011; }
.food-box-style2 .food-title { font-size: 20px; text-transform: uppercase; }
.food-box-style2 .food-title a { color: var(--black-color); }
.food-box-style2 .food-title a:hover { color: var(--secondary-color); }
.food-box-style2 .food-reating { margin-bottom: 10px; display: inline-block; }
.food-box-style2 .food-reating i { color: var(--secondary-color); }
.food-box-style2 .food-price { display: inline-block; font-size: 24px; color: var(--black-color); font-weight: 700; }
.food-box-style2 .vs-food-box2 { background-color: var(--white-color); padding: 35px; border-radius: 50px; position: relative; }
.food-box-style2 .vs-food-box2 .food-image { position: relative; z-index: 1; margin-bottom: 50px; }
.food-box-style2 .vs-food-box2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 132px; background-color: var(--secondary-color); border-radius: 50px; z-index: 0; transition: all 0.5s ease; }
.food-box-style2 .vs-food-box2:hover::after { background-color: #B80011; }
.food-box-style2 .food-box-shep { position: absolute; right: 2%; bottom: 25%; }
.food-box-style2 .food-box-shep2 { position: absolute; left: 2%; z-index: 1; top: 6%; }
.food-box-style2 .food-box-shep3 { position: absolute; right: 0; top: 2%; z-index: 0; }
@media only screen and (max-width: 1880px) { .food-box-style2 .food-box-shep2 { display: none; }
}
@media (max-width: 1500px) { .food-box-style2 .food-box-bg img { width: 32%; height: 100%; }
.food-box-style1 .slick-track { padding-bottom: 20px; }
.food-box-layout8 .slick-slider .slick-list { padding-bottom: 0px; }
}
@media (max-width: 1199px) { .food-box-style2 .food-box-bg { width: 100%; height: 100%; }
.food-box-style2 .food-box-bg img { width: 100%; height: 100%; }
.food-box-style2 .vs-btn { padding: 15px 40px; }
.food-box-style2 .food-box-shep, .food-box-style2 .food-box-shep2, .food-box-style2 .food-box-shep3 { display: none; }
.food-box-layout8 .food-img .price { right: 10%; padding: 30px 25px; }
.food-box-layout8 .food-img .price strong { font-size: 30px; }
.food-box-style1 .slick-track { padding-bottom: 20px; }
.food-box-style2 .vs-food-box::after { display: none; }
.food-box-style2 .vs-food-box { max-height: 170px; }
}
@media (max-width: 992px) { .food-box-style2 .sec-text { margin-bottom: 30px; }
.food-box-style2 .food-box-head { margin-bottom: 60px; }
.food-box-style2 .vs-food-box2 { margin-bottom: 30px; }
.food-box-layout8 .food-content { margin-bottom: 30px; }
.food-box-layout8 .food-inner { display: block; }
.food-box-layout8 .vs-food-box .food-inner { padding: 40px 30px; }
.food-box-layout8 .food-img .price { bottom: 0; }
.food-box-layout8 .food-img .price span { margin-bottom: 0; }
.food-box-layout8 .food-img .price strong { font-size: 32px; }
.food-box-style1 .slick-track { padding-bottom: 20px; }
.food-box-style2 .vs-food-box .food-image img { max-width: 132px; }
.food-box-style2 .vs-food-box { max-height: 150px; }
}
@media (max-width: 767px) { .slick-track { padding-bottom: 30px; }
.food-box-style2 .food-box-head { margin-bottom: 60px; }
.food-box-style2 .food-box-bg { width: 100%; height: auto; display: none; }
.food-box-style2 .sec-title1 { color: var(--black-color); }
.food-box-style2 .sec-text { color: var(--black-color); }
.food-box-style2 .sec-text { margin-bottom: 30px; }
.food-box-style2 .vs-food-box::after { display: none; }
.food-box-layout8 .food-img .price { background-color: rgba(250, 133, 7, 0.8196078431); padding: 20px; bottom: -20px; }
.food-box-layout8 .food-img .price span { margin-bottom: 0; }
.food-box-layout8 .food-img .price strong { font-size: 24px; }
}
.food-slider-layout1 .food-slide-title { position: absolute; left: 40px; bottom: 18px; z-index: 3; }
@media (min-width: 1500px) { .food-slider-layout1 .food-slide-title { font-size: 40px; }
}
.food-slider-layout1 .food-slide-box { position: relative; }
.food-slider-layout1 .food-slide-box:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; z-index: 1; opacity: 0.6; background-image: linear-gradient(to top, var(--black-color) 20%, rgba(0, 0, 0, 0) 70%); }
.food-slider-layout1 .slick-arrow { left: auto; right: 0; top: 0; transform: translate(0, 0); width: 40px; height: 40px; line-height: 40px; color: #ffffff; font-size: 16px; }
.food-slider-layout1 .slick-arrow.slick-prev { right: 40px; padding-left: 10px; border-bottom-left-radius: 18px; }
.food-slider-layout1 .slick-arrow:hover { color: #ffffff; }
.food-list-layout1 .food-list-top { border-bottom: 1px dashed #cecece; padding-bottom: 7px; margin-bottom: 5px; }
@media (min-width: 1500px) { .food-list-layout1 .food-list-title { font-size: 22px; }
}
.food-list-layout1 .food-list-box { margin-bottom: 25px; }
.food-list-layout1 .food-list-box:last-of-type, .food-list-layout1 .food-list-box:last-child { margin-bottom: 0; }
.food-details-layout1 .food-name-box { box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.1); min-width: 400px; position: absolute; right: 40px; bottom: 0; }
@media (max-width: 767px) { .food-details-layout1 .food-name-box { position: relative; right: 0; min-width: auto; max-width: 100%; }
}
.food-menu-wrapper ul li { display: inline-block; margin: 0 3px; margin-bottom: 10px; }
.food-menu-wrapper ul li:last-child, .food-menu-wrapper ul li:last-of-type { margin-right: 0; }
.food-menu-wrapper ul li:first-child, .food-menu-wrapper ul li:first-of-type { margin-left: 0; }
.food-menu-style2 a { background-color: var(--smoke-color); font-size: 18px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.08); display: block; position: relative; margin-bottom: 15px; }
.food-menu-style2 a .btn-text { border-bottom: 1px solid rgba(0, 0, 0, 0.08); font-weight: 600; padding: 11px 0; display: block; }
.food-menu-style2 a:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 22px; height: 22px; margin-bottom: -11px; background-color: inherit; transform: translateX(-50%) rotate(45deg); border-bottom: 1px solid; border-right: 1px solid; border-color: inherit; }
.food-menu-style2 a .btn-icon { display: block; padding: 25px 0; transition: all ease 0.4s; }
.food-menu-style2 a.active, .food-menu-style2 a.active .btn-icon, .food-menu-style2 a:hover, .food-menu-style2 a:hover .btn-icon { border-color: transparent; color: #ffffff !important; }
.food-menu-style2 a.active .btn-text, .food-menu-style2 a:hover .btn-text { border-color: rgba(255, 255, 255, 0.4); }
.food-menu-style2 ul { display: grid; grid-column-gap: 30px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
@media (max-width: 992px) { .food-menu-style2 a:before { display: none; }
.food-menu-style2 ul { grid-column-gap: 15px; grid-template-columns: 1fr 1fr 1fr; justify-content: center; }
}
@media (max-width: 992px) { .food-menu-style2 a { display: block; min-width: 200px; }
.food-menu-style2 ul { display: block; }
}
.food-menu-style3 a { padding: 15px 30px; padding-top: 0; display: inline-block; text-align: center; position: relative; }
.food-menu-style3 a:before { content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -7px; border-top: 14px solid transparent; border-right: 14px solid transparent; transform: rotate(45deg); transition: all ease 0.4s; }
.food-menu-style3 a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; margin-bottom: -1px; background-color: transparent; transition: all ease 0.4s; }
.food-menu-style3 a span { display: block; }
.food-menu-style3 .btn-icon { margin-bottom: 10px; }
@media (max-width: 767px) { .food-menu-style3 .nav { display: block; border: none; text-align: center; }
.food-menu-style3 li { display: inline-block; }
.food-menu-style3 a { padding: 10px 10px; padding-top: 0; }
.food-menu-style3 a:after, .food-menu-style3 a::before { display: none; }
}
.gallery-box-layout1 .vs-gallery { position: relative; margin-bottom: 30px; }
.gallery-box-layout1 .vs-gallery:hover .gallery-content:before { transform: scale(1, 1); transform-origin: left top; }
.gallery-box-layout1 .vs-gallery:hover .gallery-content > * { opacity: 1; visibility: visible; transition-delay: 0.45s; }
.gallery-box-layout1 .vs-gallery:hover .icon-btn:hover { transition-delay: 0s; }
.gallery-box-layout1 .gallery-content { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; z-index: 2; }
.gallery-box-layout1 .gallery-content::before { z-index: -1; transition-delay: 0s; transform-origin: right top; transition: transform linear 0.3s; transform: scale(0, 1); }
.gallery-box-layout1 .gallery-content > * { opacity: 0; position: relative; visibility: hidden; transition: all ease 0.3s; }
.gallery-box-layout1 .icon-btn { position: absolute; right: 30px; bottom: 30px; z-index: 2; }
.gallery-box-layout1 .icon-btn.text-body:hover { color: #ffffff !important; }
.gallery-box-layout1 .icon-btn.middle { top: 50%; bottom: auto; right: auto; left: 50%; transform: translate(-50%, -50%); font-size: 42px; width: auto; height: auto; background-color: transparent; color: var(--white-color); }
@media (max-width: 1500px) { .gallery-box-layout1 .gallery-content { padding: 20px; top: 20px; right: 20px; bottom: 20px; left: 20px; }
.gallery-box-layout1 .icon-btn { bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; }
}
.vs-testimonial-layout1 .vs-testimonial-area { width: 575px; height: 575px; margin: 0 auto; box-shadow: 0px 0px 100px 0px rgba(35, 38, 46, 0.2); }
.vs-testimonial-layout1 .testimonial-text { max-width: 350px; margin: 0 auto; }
.vs-testimonial-layout1 .testimonial-author-avater { margin-bottom: 5px; }
.vs-testimonial-layout1 .shape1 { top: -100px; left: 0; }
@media (max-width: 1500px) { .vs-testimonial-layout1 .shape1 { top: 100px; }
}
@media (max-width: 1199px) { .vs-testimonial-layout1 .vs-testimonial-area { width: 500px; height: 500px; }
}
@media (max-width: 767px) { .vs-testimonial-layout1 .vs-testimonial-area { max-width: 100%; border-radius: 0; height: auto; }
}
.vs-testimonial-layout2 { position: relative; }
.vs-testimonial-layout2 .container-fluid, .vs-testimonial-layout2 .container { z-index: 4; position: relative; }
.vs-testimonial-layout2 .testimonial-text { line-height: 30px; }
.vs-testimonial-layout2 .testimonial-author-box1.position-absolute { bottom: 0; left: 0; width: 100%; transform: translateY(50%); z-index: 2; }
.vs-testimonial-layout2 .icon-shape { width: 150px; height: 150px; display: inline-block; top: 40px; left: 50%; margin-left: -75px; }
.testimonial-author-box1 { box-shadow: 0px 1px 51px 0px rgba(0, 0, 0, 0.1); }
.testimonial-author-box1 .slick-arrow { right: 80px; left: auto; }
.testimonial-author-box1 .slick-arrow.slick-prev { right: 125px; }
.testimonial-author-image1 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.testimonial-author-image1 .testimonial-author-image { position: absolute; opacity: 0; visibility: hidden; width: 150px; height: 150px; cursor: pointer; overflow: hidden; border-radius: 50%; }
.testimonial-author-image1 .testimonial-author-image img { width: 100%; }
.testimonial-author-image1 .testimonial-author-image:nth-child(-n+6) { opacity: 1; visibility: visible; }
.testimonial-author-image1 .testimonial-author-image:nth-child(1) { right: 220px; top: 320px; width: 120px; height: 120px; animation-delay: 5s; }
.testimonial-author-image1 .testimonial-author-image:nth-child(2) { left: 140px; top: 215px; width: 90px; height: 90px; animation-delay: 1s; }
.testimonial-author-image1 .testimonial-author-image:nth-child(3) { left: 220px; top: 320px; width: 120px; height: 120px; animation-delay: 2s; }
.testimonial-author-image1 .testimonial-author-image:nth-child(4) { left: auto; right: 260px; top: 90px; animation-delay: 3s; }
.testimonial-author-image1 .testimonial-author-image:nth-child(5) { right: 140px; top: 215px; width: 90px; height: 90px; animation-delay: 4s; }
.testimonial-author-image1 .testimonial-author-image:nth-child(6) { left: 260px; top: 90px; }
.testimonial-author-image1 .slick-track, .testimonial-author-image1 .slick-list { position: static; overflow: visible; transform: none !important; }
@media (max-width: 1500px) { .testimonial-author-image1 .testimonial-author-image:nth-child(1) { right: 20px; top: 370px; }
.testimonial-author-image1 .testimonial-author-image:nth-child(2) { left: 40px; }
.testimonial-author-image1 .testimonial-author-image:nth-child(3) { left: 30px; top: 370px; }
.testimonial-author-image1 .testimonial-author-image:nth-child(4) { top: 20px; right: 20px; }
.testimonial-author-image1 .testimonial-author-image:nth-child(5) { right: 20px; }
.testimonial-author-image1 .testimonial-author-image:nth-child(6) { top: 20px; left: 20px; }
}
@media (max-width: 992px) { .testimonial-author-box1 .slick-arrow { right: 30px; }
.testimonial-author-box1 .slick-arrow.slick-prev { right: 70px; }
.vs-testimonial-layout2 .icon-shape { width: 80px; height: 80px; margin-left: -40px; top: 20px; }
}
@media (max-width: 576px) { .testimonial-author-box1 .slick-arrow { font-size: 18px; right: 20px; }
.testimonial-author-box1 .slick-arrow.slick-prev { right: 50px; }
}
.vs-testimonial-layout3 .testimonial-text { line-height: 28px; }
.vs-testimonial-layout3 .author-image { width: 70px; height: 70px; border-radius: 50%; margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 30px; }
.vs-testimonial-layout3 .author-image img { width: 100%; }
.vs-testimonial-layout3 .testimonial-bg-icon { position: absolute; bottom: 50px; right: 60px; line-height: 1; }
.vs-testimonial-layout3 .vs-testimonial { position: relative; margin-bottom: 30px; }
@media (max-width: 1199px) { .vs-testimonial-layout3 .testimonial-bg-icon { right: 20px; bottom: 20px; }
}
.vs-testimonial-layout4 { background-color: #FFE9B5; }
.vs-testimonial-layout4 .slick-arrow { right: auto; left: 0; width: 110px; height: 110px; color: var(--white-color); background-color: var(--secondary-color); border-radius: 50%; }
.vs-testimonial-layout4 .slick-arrow:hover { background-color: #B80011; color: var(--white-color); }
.vs-testimonial-layout4 .slick-arrow.slick-prev { right: auto; left: 0; }
.vs-testimonial-layout4 .slick-arrow.slick-next { left: auto; right: 0; }
.vs-testimonial-layout4 .testimonial-content { padding: 0 20px; margin-bottom: 90px; }
.vs-testimonial-layout4 .testimonial-author-avater { margin-bottom: 45px; }
.vs-testimonial-layout4 .testimonial-author-avater img { max-width: 200px; border-radius: 100%; }
.vs-testimonial-layout4 .quotes { position: absolute; left: 50%; transform: translateX(-50%); z-index: 0; top: 12%; z-index: -1; }
.vs-testimonial-layout4 .testimonial-text { font-size: 40px; line-height: 60px; color: #000000; font-weight: 400; margin-bottom: 55px; font-family: var(--theme-font2); }
.vs-testimonial-layout4 .testimonial-author-name { font-size: 70px; font-weight: 700; color: var(--black-color); }
.vs-testimonial-layout4 .testimonial-reating { display: flex; justify-content: center; color: rgb(184, 0, 17); margin-bottom: 10px; }
.vs-testimonial-layout4 .testimonial-reating i { font-size: 30px; margin-right: 10px; }
.vs-testimonial-layout4 .testimonial-reating i:last-child { margin-right: 0; }
.vs-testimonial-layout4 .play-btn > i { width: 126px; height: 126px; line-height: 126px; text-align: center; font-size: 30px; cursor: pointer; }
.vs-testimonial-layout4 .play-btn::before { background-color: var(--white-color); }
.vs-testimonial-layout4 .play-btn::after { background-color: var(--white-color); }
.vs-testimonial-layout4 .play-btn:hover i { background-color: #B80011; color: var(--white-color); }
.vs-testimonial-layout4 .testimonial-video img { width: 100%; }
.testimonial-img .img-box { position: absolute; left: -70%; bottom: -36%; }
@media (max-width: 1199px) { .vs-testimonial-layout4 .testimonial-content { padding: 0; }
}
@media (max-width: 992px) { .vs-testimonial-layout4 .testimonial-text { font-size: 18px; line-height: 28px; margin-bottom: 30px; }
.vs-testimonial-layout4 .testimonial-author-name { font-size: 30px; }
.vs-testimonial-layout4 .testimonial-reating i { font-size: 22px; }
.vs-testimonial-layout4 .testimonial-img { display: none; }
.vs-testimonial-layout4 .testimonial-content { margin-bottom: 50px; }
.vs-testimonial-layout4 .play-btn > i { width: 90px; height: 90px; line-height: 90px; font-size: 26px; }
}
@media (max-width: 767px) { .vs-testimonial-layout4 .quotes { display: none; }
}
.subscribe-form-style1 { position: relative; overflow: hidden; border-radius: 50px; background-color: var(--white-color); }
.subscribe-form-style1 .subscribe-form-icon { position: absolute; left: 30px; top: 18px; }
.subscribe-form-style1 .form-control { padding-left: 60px; padding-right: 20px; }
.subscribe-form-style1 button { right: -5px; }
.vs-subscribe-layout1 .subscribe-form-style1 { box-shadow: 0px 10px 50px 0px rgba(7, 14, 29, 0.05); }
.vs-subscribe-layout3 { background-color: #FFE9B5; }
.vs-subscribe-layout3 .subscribe-title { font-size: 40px; margin-bottom: 8px; }
.vs-subscribe-layout3 .vs-btn.style1:hover { color: var(--white-color); background-color: rgb(184, 0, 17); }
.vs-subscribe-layout3 .subscribe-inner { display: flex; align-items: center; justify-content: space-around; background-color: #B80011; padding: 48px 40px 30px 86px; }
.vs-subscribe-layout3 .vs-btn-group { display: flex; align-items: center; }
.vs-subscribe-layout3 .vs-btn-group .vs-btn { padding: 12px 48px; cursor: pointer; }
.vs-subscribe-layout3 .vs-btn-group .mask-style1 { display: flex; align-items: center; }
.vs-subscribe-layout3 .vs-btn-group .mask-style1:hover { color: var(--white-color); background-color: var(--black-color); }
.vs-subscribe-layout3 .vs-btn-group span { display: block; font-size: 12px; }
.vs-subscribe-layout3 .vs-btn-group strong { font-size: 18px; }
.vs-subscribe-layout3 .vs-btn-group i { margin-right: 10px; font-size: 38px; }
.vs-subscribe-layout3 .vs-subscribe { padding-right: 100px; }
.vs-subscribe-layout3 .vs-btn-group .vs-btn { padding: 17px 36px; background-color: var(--secondary-color); }
.vs-subscribe-layout3 .vs-btn-group .vs-btn:hover { background-color: var(--black-color); }
@media (max-width: 1199px) { .vs-subscribe-layout3 .subscribe-img img { transform: scale(1); top: 0; }
.vs-subscribe-layout3 .vs-subscribe { padding-right: 0; }
.vs-subscribe-layout3 .subscribe-img { display: none; }
.vs-subscribe-layout3 .subscribe-inner { padding: 40px; }
}
@media (max-width: 992px) { .vs-subscribe-layout3 { padding-top: 60px; }
.vs-subscribe-layout3 .subscribe-title { font-size: 30px; }
.vs-subscribe-layout3 .subscribe-content { padding: 15px; }
.vs-subscribe-layout3 .subscribe-inner { padding: 40px 0; }
}
@media (max-width: 576px) { .subscribe-form-style1 { border-radius: 0; background-color: transparent; text-align: center; }
.subscribe-form-style1 .form-control { margin-bottom: 20px; border-radius: 50px; }
.subscribe-form-style1 button.vs-btn { margin-left: auto; margin-right: auto; }
.vs-subscribe-layout3 .subscribe-title { font-size: 28px; }
.vs-subscribe-layout3 .vs-btn-group { display: block; }
.vs-subscribe-layout3 .vs-btn-group :first-child { margin-right: 0; }
}
.appointment-form1 input { border: 1px solid rgba(0, 0, 0, 0.1); }
.appointment-form1 input:focus { border: 1px solid rgba(0, 0, 0, 0.1); }
.appointment-form-style2 .vs-btn { font-size: 16px; height: 70px; font-weight: 700; }
.appointment-form-style2 .form-control { height: 70px; border-radius: 9999px; padding-left: 30px; padding-right: 50px; font-size: 16px; position: relative; z-index: 31; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }
.appointment-form-style2 .form-control, .appointment-form-style2 .form-control:focus { color: var(--white-color); border: 2px solid rgba(255, 255, 255, 0.2); background-color: var(--title-color); }
.appointment-form-style2 .form-control::-moz-placeholder { color: #7d8f95; }
.appointment-form-style2 .form-control::-webkit-input-placeholder { color: #7d8f95; }
.appointment-form-style2 .form-control:-ms-input-placeholder { color: #7d8f95; }
.appointment-form-style2 .form-control::placeholder { color: #7d8f95; }
.appointment-form-style2 textarea.form-control { border-radius: 30px; padding-left: 30px; min-height: 155px; }
.appointment-form-style2 .form-group > i { right: auto !important; top: 24px; right: 45px !important; color: #131f24; z-index: 34; color: #7d8f95; }
.appointment-form-style3 input { display: inline-block; padding: 0; font-size: 50px; font-weight: 200; width: 70px; height: 40px; line-height: 1; margin-right: 10px; }
.appointment-form-style3 input, .appointment-form-style3 input:focus { color: var(--white-color); background-color: transparent; }
.appointment-form-style3 input::-moz-placeholder { color: var(--white-color); }
.appointment-form-style3 input::-webkit-input-placeholder { color: var(--white-color); }
.appointment-form-style3 input:-ms-input-placeholder { color: var(--white-color); }
.appointment-form-style3 input::placeholder { color: var(--white-color); }
.appointment-form-style3 .nice-select { background-color: transparent; width: auto; height: auto; padding: 0; line-height: 1; align-self: flex-end; font-size: 14px; }
.appointment-form-style3 .nice-select > .current { color: var(--white-color); }
.appointment-form-style3 .nice-select > .current::after { content: "\f107"; position: relative; font-family: var(--icon-font); vertical-align: middle; margin-left: 7px; }
.appointment-form-style3 .nice-select:before { display: none; }
.appointment-form-style3 label { line-height: 1; margin-bottom: 15px; font-size: 14px; display: block; color: rgba(255, 255, 255, 0.5); }
.appointment-form-style3 .form-input { position: relative; min-width: 100px; }
.appointment-form-style3 .form-input .qut-btn { position: absolute; right: 0; bottom: -10px; border: none; background-color: transparent; padding: 0; color: rgba(255, 255, 255, 0.4); }
.appointment-form-style3 .form-input .qut-btn:hover { color: var(--white-color); }
.appointment-form-style3 .form-input .quantity-plus.qut-btn { bottom: 5px; }
.appointment-form-style3 .form-box { position: relative; min-width: 180px; padding: 23px 30px 28px 30px; border: 2px solid rgba(255, 255, 255, 0.2); }
.appointment-form-style3 .button-box { height: 100%; border: none; }
.appointment-form-style3 .button-box button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; border: none; background-color: #fa8507; color: var(--white-color); font-size: 16px; font-weight: 600; }
.appointment-form-style3 .button-box button i { display: block; font-size: 3.5em; margin-bottom: 10px; }
.appointment-form-style3 .button-box button:hover { background-color: var(--title-color); }
@media (max-width: 576px) { .appointment-form-style3 .button-box { padding: 0; }
.appointment-form-style3 .button-box button { padding: 20px 40px; position: relative; }
}
.vs-feature-layout1 .vs-feature { position: relative; padding: 60px; padding-bottom: 55px; padding-right: 40px; }
.vs-feature-layout1 .arrow-sign { color: var(--white-color); position: absolute; right: 26px; top: 20px; font-weight: 300; font-size: 2rem; z-index: 4; transform: rotate(45deg); margin: 20px 20px 0 0; opacity: 0; visibility: hidden; transition: all ease 0.4s; }
.vs-feature-layout1 .feature-icon { display: block; }
.vs-feature-layout1 .feature-content { position: relative; z-index: 3; }
.vs-feature-layout1 .feature-img { position: absolute; opacity: 0; visibility: hidden; transition: all ease 0.4s; }
.vs-feature-layout1 .slick-center .vs-feature .feature-img, .vs-feature-layout1 .vs-feature:hover .feature-img { opacity: 1; visibility: visible; }
.vs-feature-layout1 .slick-center .vs-feature .arrow-sign, .vs-feature-layout1 .vs-feature:hover .arrow-sign { opacity: 1; visibility: visible; margin: 0 0 0 0; }
.vs-feature-layout1 .inner-wrapper { max-width: 1300px; margin-left: auto; margin-right: auto; }
@media (max-width: 1300px) { .vs-feature-layout1 .vs-feature { padding: 30px; }
}
@media (max-width: 767px) { .vs-feature-layout1 .inner-wrapper { max-width: 360px; }
.vs-feature-layout1 .feature-img { opacity: 1; visibility: visible; }
}
.feature-expriance-box1 { box-shadow: 0px 0px 95px 5px rgba(0, 0, 0, 0.1); background-color: #ffffff; }
.feature-expriance-box1 .slick-dots { position: relative; }
@media (min-width: 992px) { .vs-feature-layout2 .feature-expriance-box1 { position: absolute; width: 450px; right: 15px; bottom: 0; }
}
.vs-progress-layout1 .bar-progress { height: 3px; margin-top: 2px; background-color: #e9e9e9; }
.vs-progress-layout1 .progress-text { position: absolute; right: -20px; top: -27px; }
.vs-progress-layout1 .progress-value { position: relative; height: 100%; }
.vs-progress-layout1 .progress-value i { font-style: normal; }
.vs-reservation-layout1 .container-fluid, .vs-reservation-layout1 .container { position: relative; z-index: 9; }
@media (min-width: 1199px) { .vs-reservation-layout1 > .background-image.position-absolute { top: 80px; bottom: 80px; right: 0; left: 0; width: auto; height: auto; }
}
@media (min-width: 1199px) and (max-width: 1500px) { .vs-reservation-layout1 .vs-box2.mr-xl-200 { margin-right: 0; }
.vs-reservation-layout1 .vs-box2 .reservation-form.px-xl-100 { padding-left: 50px; padding-right: 50px; }
.vs-reservation-layout1 .reservation-time.mr-xl-140 { margin-right: 0; }
}
@media (max-width: 1500px) { .vs-reservation-layout1 .reservation-time { margin-left: auto; margin-right: auto !important; float: none !important; max-width: 500px; }
}
@media (max-width: 1199px) { .vs-reservation-layout1 .vs-box2:before, .vs-reservation-layout1 .vs-box2:after { display: none; }
}
.vs-reservation-layout2 .shape1 { bottom: 270px; left: 100px; }
.vs-reservation-layout2 .shape2 { top: 330px; right: 100px; }
@media (max-width: 1500px) { .vs-reservation-layout2 .shape1, .vs-reservation-layout2 .shape2 { display: none; }
}
.vs-team-layout1 .team-member-name { line-height: 1; margin-top: 0; }
.vs-team-layout1 .vs-team { position: relative; margin-bottom: 30px; }
.vs-team-layout1 .team-content { padding: 40px; position: absolute; left: 0; bottom: 70px; width: 100%; z-index: 2; background-color: #fff; opacity: 0; visibility: hidden; transition: all ease 0.4s; }
.vs-team-layout1 .team-content > *:not(.vs-box1) { position: relative; z-index: 3; }
.vs-team-layout1 .vs-box1:before { background-color: #fff; z-index: -1; }
.vs-team-layout1 .vs-team:hover .team-content { left: 125px; opacity: 1; visibility: visible; }
.vs-team-layout1 .row:not(.vs-carousel) > div:nth-child(3n) .vs-team:hover .team-content, .vs-team-layout1 .slick-last .vs-team:hover .team-content { left: -125px; opacity: 1; visibility: visible; }
@media (max-width: 1199px) { .vs-team-layout1 .team-content { bottom: 50px; padding: 30px; }
.vs-team-layout1 .vs-team:hover .team-content { left: 50px; }
.vs-team-layout1 .row:not(.vs-carousel) > div:nth-child(3n) .vs-team:hover .team-content, .vs-team-layout1 .slick-last .vs-team:hover .team-content { left: -50px; }
}
@media (max-width: 992px) { .vs-team-layout1 .row:not(.vs-carousel) > div:nth-child(2n) .vs-team:hover .team-content { left: -50px; }
.vs-team-layout1 .row:not(.vs-carousel) > div:nth-child(3n) .vs-team:hover .team-content { left: 50px; }
}
@media (max-width: 767px) { .vs-team-layout1 .team-content { padding: 15px; width: calc(100% - 30px); }
.vs-team-layout1 img { width: 100%; }
.vs-team-layout1 .social-links.links-has-border a { width: 30px; height: 30px; line-height: 30px; font-size: 11px; }
.vs-team-layout1 .row:not(.vs-carousel) > div:nth-child(2n) .vs-team:hover .team-content, .vs-team-layout1 .row:not(.vs-carousel) > div:nth-child(3n) .vs-team:hover .team-content, .vs-team-layout1 .slick-last .vs-team:hover .team-content, .vs-team-layout1 .vs-team:hover .team-content { left: 10px; }
}
.vs-team-layout2 .team-member-name { line-height: 1; margin-top: 0; }
.vs-team-layout2 .team-img { position: relative; }
.vs-team-layout2 .team-img .social-links { position: absolute; right: 30px; top: 30px; z-index: 2; text-align: center; opacity: 1; visibility: visible; transition: all ease 0.4s; }
.vs-team-layout2 .team-img .social-links li { display: block; margin: 0; }
.vs-team-layout2 .team-img .social-links a { background-color: var(--white-color); width: 50px; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 10px; color: var(--title-color); }
.vs-team-layout2 .team-img .social-links a:hover { color: var(--white-color); }
.vs-team-layout2 .team-img .social-links .vs-toggler.active .fa-plus:before { content: "\f068"; }
.vs-team-layout2 .team-img .social-links ul { opacity: 0; visibility: hidden; transition: all ease 0.4s; margin-top: 40px; }
.vs-team-layout2 .team-img .social-links ul.show { opacity: 1; margin-top: 0; visibility: visible; }
.vs-team-layout2 .team-content { padding: 40px 0; padding-bottom: 32px; }
.vs-team-layout2 .vs-team { border: 1px solid #efefef; transition: all ease 0.4s; margin-bottom: 30px; background-color: #ffffff; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08); }
.vs-team-layout2 .vs-team:hover { box-shadow: none; }
@media (max-width: 1199px) { .vs-team-layout2 .team-img .social-links { top: 20px; right: 20px; }
.vs-team-layout2 .team-img .social-links a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; }
}
@media (max-width: 767px) { .vs-team-layout2 .team-content { padding-top: 20px; padding-bottom: 20px; }
.vs-team-layout2 .social-links a { width: 35px; height: 35px; line-height: 32px; font-size: 14px; }
.vs-team-layout2 .vs-team:hover .team-img .social-links { bottom: 20px; }
}
.vs-team-layout3 .vs-team { background-color: var(--white-color); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); padding: 50px 30px 0 40px; border-radius: 50px; overflow: hidden; position: relative; transition: all 0.5s ease; }
.vs-team-layout3 .vs-team::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background-color: var(--secondary-color); border-radius: 50px; z-index: 0; transition: all 0.5s ease; }
.vs-team-layout3 .vs-team:hover::after { background-color: #B80011; }
.vs-team-layout3 .team-content { text-align: center; margin-bottom: 20px; }
.vs-team-layout3 .team-member-degi { text-transform: uppercase; color: var(--secondary-color); margin-bottom: 10px; display: inline-block; }
.vs-team-layout3 .team-member-name { text-transform: uppercase; font-weight: 600; margin-bottom: 5px; }
.vs-team-layout3 .team-img { position: relative; z-index: 1; }
.vs-team-layout3 .sec-subtitle { text-transform: uppercase; }
.vs-team-layout3 .sec-title1 { text-transform: uppercase; }
.vs-team-layout3 .social-links.links-has-border a { width: 38px; height: 38px; line-height: 38px; color: var(--white-color); background-color: var(--secondary-color); border-color: var(--secondary-color); }
.vs-team-layout3 .social-links.links-has-border a:hover { background-color: #B80011; border-color: #B80011; }
.vs-team-layout3 .slick-list .slick-track { padding: 20px 0; }
.vs-team-layout3 .slick-arrow { font-size: 20px; width: 68px; height: 68px; line-height: 68px; background-color: var(--secondary-color); border-radius: 50%; color: #ffffff; cursor: pointer; }
.vs-team-layout3 .slick-arrow:hover { background-color: #B80011; color: var(--white-color); }
.vs-team-layout3 .slick-prev.slick-arrow { left: -7%; }
.vs-team-layout3 .slick-next.slick-arrow { right: -7%; }
.vs-team-layout3 .section-title { margin-bottom: 0; }
@media (max-width: 992px) { .vs-team-layout3 .section-title { margin-bottom: 0; }
}
.team-details-layout1 .team-details-box1 { box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06); }
@media (min-width: 1199px) { .team-details-layout1 .team-details-box1 { position: relative; margin-left: -190px; }
}
.team-details-box1 .team-member-info .member-info-title { display: inline-block; min-width: 120px; padding-right: 20px; }
@media (max-width: 576px) { .team-details-box1 .team-member-info .member-info-title { min-width: 1px; padding-right: 10px; }
}
.team-details-box1 .team-member-info li { margin-bottom: 14px; }
.vs-brand-layout1 { position: relative; }
.vs-brand-layout1.background-image { background-size: 100% auto; }
.vs-brand-layout1 .vs-brand { text-align: center; }
.vs-brand-layout1 .shape1 { left: 0; bottom: 0; max-width: 200px; }
.vs-brand-layout1 .shape2 { right: 0; bottom: 0; height: auto; max-width: 400px; }
.vs-brand-layout1 .container { position: relative; z-index: 3; }
@media (max-width: 1500px) { .vs-brand-layout1 .shape2 { text-align: right; }
.vs-brand-layout1 .shape1, .vs-brand-layout1 .shape2 { display: none; }
}
.contact-information-layout1 ul li { border-bottom: 1px dashed #d9d9d9; padding: 10px 0; }
.contact-map-layout1 { width: 100%; height: 550px; }
@media (max-width: 992px) { .contact-map-layout1 { height: 400px; }
}
.vs-comments-layout1 .vs-post-comment { display: flex; margin-bottom: 34px; padding: 40px; margin-top: 34px; }
.vs-comments-layout1 .author-img { width: 100px; height: 100px; margin-right: 30px; }
.vs-comments-layout1 .comment-content { width: calc(100% - 130px); margin-top: -5px; }
.vs-comments-layout1 .commented-on { font-size: 14px; display: inline-block; margin-bottom: 5px; }
.vs-comments-layout1 .vs-btn { width: 110px; height: 40px; padding: 0; line-height: 38px; text-align: center; font-size: 14px; }
.vs-comments-layout1 .comment-top { display: flex; justify-content: space-between; align-items: center; }
.vs-comments-layout1 .text { margin-bottom: 0; }
.vs-comments-layout1 .children .vs-post-comment { margin-left: 50px; }
@media (max-width: 992px) { .vs-comments-layout1 { padding-bottom: 1px; }
}
@media (max-width: 992px) { .vs-comments-layout1 .vs-post-comment { display: block; margin-bottom: 24px; padding: 20px; margin-top: 24px; }
.vs-comments-layout1 .author-img { margin-right: 0; margin-bottom: 10px; }
.vs-comments-layout1 .comment-content { width: 100%; }
.vs-comments-layout1 .children .vs-post-comment { margin-left: 30px; }
}
@media (max-width: 576px) { .vs-comments-layout1 .vs-post-comment { position: relative; }
.vs-comments-layout1 .children .vs-post-comment { margin-left: 10px; }
.vs-comments-layout1 .commented-on { margin-bottom: 0; line-height: 1; }
.vs-comments-layout1 .comment-top { display: block; }
.vs-comments-layout1 .comment-top .vs-btn { position: relative; right: 0; top: 0; font-size: 10px; width: 80px; height: 30px; line-height: 27px; padding: 0; border-width: 1px; margin-bottom: 10px; }
}
.vs-checkout-area .vs-billing-differentAddress { display: none; }
.vs-checkout-area .vs-cart-coupon label { font-size: 24px; line-height: 1; margin-bottom: 20px; text-transform: none; color: var(--title-color); font-weight: 600; font-family: var(--theme-font2); }
.vs-checkout-area table td + td, .vs-checkout-area table th + th { text-align: right; }
.vs-checkout-area .vs-checkout-submit label { line-height: 1.4; margin-top: -2px; }
table.checkout-ordertable td, table.checkout-ordertable th { padding: 0; padding-bottom: 10px; padding-top: 10px; }
table.checkout-ordertable tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
table.checkout-ordertable thead th { font-size: 18px; font-weight: 700; padding-top: 0; }
table.checkout-ordertable tfoot td { font-weight: 700; }
table.checkout-ordertable tfoot tr:last-child { border-bottom: none; }
table.checkout-ordertable tfoot tr:last-child td { font-size: 22px; }
@media (max-width: 992px) { .vs-checkout-area .vs-checkout-payment { font-size: 14px; }
.vs-checkout-area .vs-checkout-payment .title { font-size: 20px; margin-bottom: 10px; }
.vs-checkout-area table.checkout-ordertable thead th { font-size: 15px; }
.vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable td, .vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable th { padding: 0; padding-bottom: 10px; padding-top: 10px; font-size: 12px; }
.vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable th { padding-top: 0 !important; }
.vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable tfoot tr:last-child td { font-size: 16px; }
}
.vs-cart-wrapper a { color: inherit; }
.vs-cart-wrapper img { max-width: 120px; border: 1px solid #eee; }
.vs-cart-wrapper .vs-btn { border-radius: 0; padding: 0 20px; height: 50px; width: auto; line-height: 50px; font-size: 16px; }
.vs-cart-wrapper .cart-removeproduct { border: none; color: var(--title-color); font-size: 20px; background-color: transparent; padding: 0; display: inline-block; }
.vs-cart-wrapper .cart-table, .vs-cart-wrapper .cart-table th { text-align: center; }
.vs-cart-wrapper .cart-table td { vertical-align: middle; }
.vs-cart-wrapper .cart-table .actions { text-align: right; vertical-align: middle; padding: 0.7rem 1rem; padding-top: 1rem; }
.vs-cart-wrapper .cart-table .actions form { float: left; margin-bottom: 0; }
.vs-cart-wrapper .vs-cart-summary { text-align: right; }
.vs-cart-wrapper .vs-cart-summary .summary-title { letter-spacing: 0; font-size: 26px; margin-bottom: 10px; text-align: right; font-weight: 700; }
.vs-cart-wrapper .table-totals tfoot tr td, .vs-cart-wrapper .table-totals tbody tr td { padding: 0; padding-bottom: 10px; padding-top: 10px; text-align: right; }
.vs-cart-wrapper .table-totals tfoot tr td { font-weight: 700; }
.vs-cart-wrapper .vs-cart-coupon { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.vs-cart-wrapper .vs-cart-coupon label { font-size: 22px; font-weight: 500; margin-top: -10px; color: var(--title-color); display: block; }
.vs-cart-wrapper .vs-cart-coupon input { border-radius: 0; height: 50px; padding-left: 20px; font-size: 14px; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.1); width: calc(100% - 120px); border-right: none; }
.vs-cart-wrapper .vs-cart-coupon button { width: 120px; box-shadow: none; }
@media (max-width: 1199px) { .vs-cart-wrapper .cart-table .actions { text-align: center; }
.vs-cart-wrapper .cart-table .actions form { float: none; margin-bottom: 20px; }
.vs-cart-wrapper .cart-table img { max-width: 70px; }
.vs-cart-wrapper .cart-table td { font-size: 14px; }
.vs-cart-wrapper .cart-table .cart-removeproduct { font-size: 14px; }
}
@media (max-width: 992px) { .vs-cart-wrapper { text-align: center; }
.vs-cart-wrapper .vs-btn { display: block; margin: 0 auto; margin-bottom: 20px !important; }
.vs-cart-wrapper .actions form { margin-bottom: 0; }
.vs-cart-wrapper .cart-table table { min-width: 700px; }
.vs-cart-wrapper .vs-cart-summary { text-align: center; }
.vs-cart-wrapper .vs-cart-summary .summary-title { font-size: 22px; text-align: center; }
.vs-cart-wrapper .vs-cart-summary .table-totals { text-align: center; }
.vs-cart-wrapper .vs-cart-summary .table-totals tfoot tr td, .vs-cart-wrapper .vs-cart-summary .table-totals tbody tr td { text-align: left; }
.vs-cart-wrapper .vs-cart-summary .table-totals tfoot tr td + td, .vs-cart-wrapper .vs-cart-summary .table-totals tbody tr td + td { text-align: right; }
}
.product-sort-bar .nice-select { border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; max-width: 250px; padding-right: 30px; padding-left: 20px; }
.product-sort-bar .nice-select:before { right: 20px !important; }
@media (max-width: 767px) { .product-sort-bar .nice-select { margin-left: auto; margin-right: auto; }
}
.product-tab-style1 { margin: 0; padding: 0; margin-bottom: 25px; border-bottom: 1px solid #eee; }
.product-tab-style1 li { list-style-type: none; display: inline-block; margin-right: 30px; }
.product-tab-style1 li:last-child { margin-right: 0; }
.product-tab-style1 li a { display: inline-block; font-size: 20px; font-weight: 700; text-transform: capitalize; padding-bottom: 10px; position: relative; color: var(--body-color); }
.product-tab-style1 li a:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; transition: all ease 0.4s; }
.product-tab-style1 li a.active:before { width: 100%; }
@media (max-width: 992px) { .product-tab-style1 li { margin-right: 10px; }
.product-tab-style1 li:last-child { margin-right: 0; }
.product-tab-style1 li a { font-size: 16px; padding-bottom: 10px; }
}
.vs-product-layout1 .product-header { position: relative; }
.vs-product-layout1 .product-header:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); opacity: 0; z-index: 2; visibility: hidden; transition: all ease 0.4s; }
.vs-product-layout1 .vs-btn { padding: 10px 20px; font-size: 16px; margin-right: 5px; margin-bottom: 0; }
.vs-product-layout1 .icon-btn { font-size: 16px; color: #ffffff; width: 46px; height: 46px; line-height: 46px; }
.vs-product-layout1 .icon-btn:hover { background-color: #ffffff; color: var(--body-color); }
.vs-product-layout1 .product-content .icon-btn:hover { background-color: var(--smoke-color); }
.vs-product-layout1 .action-buttons { position: absolute; left: 0; top: 70%; width: 100%; text-align: center; z-index: 3; opacity: 0; visibility: hidden; transition: all ease 0.4s; transform: translateY(-50%); }
.vs-product-layout1 .discount { display: inline-block; line-height: 1; padding: 7px 10px; font-size: 14px; z-index: 2; border-radius: 3px; position: absolute; right: 20px; top: 20px; background-color: #ffffff; font-weight: 700; }
.vs-product-layout1 .vs-product { margin-bottom: 30px; border: none; box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.1); background-color: #ffffff; }
.vs-product-layout1 .vs-product:hover .product-header:before { opacity: 1; visibility: visible; }
.vs-product-layout1 .vs-product:hover .product-img .slick-arrow { opacity: 1; visibility: visible; top: 50%; }
.vs-product-layout1 .vs-product:hover .action-buttons { opacity: 1; visibility: visible; top: 50%; }
.vs-product-layout1 .vs-carousel .vs-product { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.05); }
.vs-product-layout1 .product-img .slick-dots { bottom: 18px; z-index: 4; }
.vs-product-layout1 .product-img .slick-arrow { left: 20px; z-index: 4; width: 40px; height: 40px; color: var(--body-color); background-color: #ffffff; font-size: 16px; top: 40%; opacity: 0; visibility: visible; }
.vs-product-layout1 .product-img .slick-arrow:hover { color: #ffffff; }
.vs-product-layout1 .product-img .slick-arrow.slick-next { left: auto; right: 20px; }
@media (min-width: 1199px) { .vs-product-layout1 .product-title { font-size: 20px; margin-bottom: 15; }
}
.product-details-layout1 .action-buttons .icon-btn, .product-details-layout1 .action-buttons .vs-btn { padding: 0; height: 50px; line-height: 50px; border-radius: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; }
.product-details-layout1 .action-buttons .vs-btn { min-width: 140px; margin-left: 10px; margin-right: 10px; }
.product-details-layout1 .action-buttons .icon-btn.bg-theme { color: #ffffff; }
.product-details-layout1 .action-buttons .icon-btn.bg-theme:hover { background-color: var(--smoke-color); color: var(--body-color); }
.product-details-layout1 .product-img, .product-details-layout1 .product-img .slick-slide { position: relative; }
.product-details-layout1 .product-img .discount { display: inline-block; line-height: 1; padding: 7px 10px; font-size: 14px; z-index: 2; border-radius: 3px; position: absolute; right: 20px; top: 20px; background-color: #ffffff; font-weight: 700; }
.product-details-layout1 .product-img .slick-arrow { left: 30px; }
.product-details-layout1 .product-img .slick-arrow.slick-next { left: auto; right: 30px; }
.product-details-layout1 .product-img .slick-dots { bottom: 25px; }
.product-details-layout1 .vs-post-comment { background-color: var(--smoke-color); }
.product-details-layout1 .vs-post-comment .vs-btn:hover { background-color: #ffffff; }
.product-details-layout1 .vs-post-comment p { margin-bottom: 0; }
.logo img { height: 55px; }
.cta-layout2 .cta-inner { box-shadow: 0 -5px 40px 0 rgba(0, 0, 0, 0.08); padding: 40px; position: relative; margin-bottom: -65px; background-color: var(--white-color); z-index: 9; border-radius: 10px; }
.achievement-title a { color: var(--black-color); font-size: 40px; cursor: pointer; }
.achievement-title a:hover { color: var(--secondary-color); }
.achievement-image { margin-bottom: 45px; width: 190px; height: 190px; line-height: 190px; position: relative; border-radius: 50%; text-align: center; }
.achievement-image a img { max-width: 152px; padding: 5px; }
.achievement-image:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-width: 1px; border: 2px dashed; border-radius: inherit; border-color: var(--secondary-color); animation: cspine 20s linear infinite; }
.achievement-text { font-size: 18px; margin-bottom: 50px; }
.achievement-time { display: inline-block; font-size: 22px; color: var(--black-color); font-weight: 500; }
.achievement-line { margin-left: 20px; width: 100%; height: 4px; background-color: rgb(217, 217, 217); }
.achievement .section-title { margin-bottom: 35px; }
.achievement .arrow-has-margin .slick-arrow { top: -14%; top: -14%; font-size: 20px; width: 68px; height: 68px; line-height: 68px; background-color: var(--secondary-color); border-radius: 50%; color: #ffffff; cursor: pointer; }
.achievement .arrow-has-margin .slick-arrow:hover { background-color: #B80011; color: var(--white-color); }
.achievement .slick-prev.slick-arrow { right: 6%; left: auto; }
.achievement .slick-arrow.slick-next { left: auto; right: 0; }
.achievement .row > .slick-list { padding-top: 20px; }
.achievement-content { padding-right: 70px; }
@media (max-width: 1199px) { .achievement-title a { font-size: 32px; }
}
@media (max-width: 992px) { .achievement-title a { font-size: 28px; }
.achievement .slick-track { padding-bottom: 0; }
}
.vs-promotional-banner2 { position: relative; }
.vs-promotional-banner2 .banner-box { background-color: #FFE9B5; border-radius: 50px; padding: 108px 80px; position: relative; }
.vs-promotional-banner2 .banner-box::after { content: ""; position: absolute; bottom: 0; right: 0; width: 588px; height: 100%; background-color: var(--secondary-color); border-radius: 50px; z-index: 0; }
.vs-promotional-banner2 .vs-btn-group .vs-btn { padding: 17px 36px; background-color: var(--secondary-color); }
.vs-promotional-banner2 .vs-btn-group .vs-btn:hover { background-color: #B80011; }
.vs-promotional-banner2 .banner-title { font-size: 50px; text-transform: uppercase; font-weight: 700; }
.vs-promotional-banner2 .banner-title span { display: inline-block; color: var(--secondary-color); }
.vs-promotional-banner2 .banner-text { color: var(--black-color); text-transform: uppercase; font-weight: 500; margin-bottom: 35px; }
.vs-promotional-banner2 .banner-img { position: absolute; right: 0; transform: translateY(-62%); z-index: 1; }
.vs-promotional-banner2 .food-box-shep3 { position: absolute; top: 0; z-index: 0; left: 3%; }
.vs-promotional-banner .vs-container { padding-top: 88px; padding-bottom: 88px; }
.vs-promotional-banner .section-title { margin-bottom: 0; }
.vs-promotional-banner .sec-title1 { margin-bottom: 0; }
.vs-promotional-banner .banner-images { display: flex; margin-bottom: 30px; margin-right: 30px; }
.vs-promotional-banner .banner-images:last-child { margin-left: 0; margin-bottom: 0; }
.vs-promotional-banner .banner-images .banner-img { border-radius: 30px; overflow: hidden; margin-right: 30px; }
.vs-promotional-banner .banner-images .banner-img:last-child { margin-right: 0; }
.vs-promotional-banner .banner-images .banner-img a { display: block; }
.vs-promotional-banner .banner-shep2 { position: absolute; right: 0; }
@media (max-width: 1199px) { .vs-promotional-banner2 { background-color: rgb(255, 233, 181); }
.vs-promotional-banner2 .banner-box { background-color: transparent; padding: 0; }
.vs-promotional-banner2 .banner-box::after { display: none; }
.vs-promotional-banner2 .banner-img { margin-top: 60px; transform: translateY(-65%); }
.vs-promotional-banner2 .banner-title { font-size: 35px; }
.vs-promotional-banner2 .vs-btn-group .vs-btn { padding: 15px 30px; }
.vs-promotional-banner2 .food-box-shep3 { display: none; }
.vs-promotional-banner .section-title { padding: 40px 20px; }
}
@media (max-width: 992px) { .vs-promotional-banner2 { background-color: rgb(255, 233, 181); }
.vs-promotional-banner2 .banner-box { background-color: transparent; padding: 0; }
.vs-promotional-banner2 .banner-box::after { display: none; }
.vs-promotional-banner2 .banner-img { margin-top: 60px; position: relative; transform: translateY(0%); text-align: center; }
.vs-promotional-banner .banner-images { margin-right: 0px; justify-content: center; }
.vs-promotional-banner .vs-container { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 767px) { .vs-promotional-banner2 .banner-title { font-size: 25px; }
}
.text-font1 { font-family: var(--theme-font1); }
.text-font2 { font-family: var(--theme-font2); }
.text-icon { font-family: var(--icon-font); }
.text-icon2 { font-family: var(--icon-font2); }
.text-light { font-weight: 300; }
.text-normal { font-weight: 400; }
.text-medium { font-weight: 500; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: 700; }
.text-style-italic { font-style: italic; }
.text-style-normal { font-style: normal; }
.text-xs { font-size: 14px; }
.text-sm { font-size: 16px; }
.text-md { font-size: 18px; }
.text-lg { font-size: 22px; }
.text-ml { font-size: 28px; }
.text-xl { font-size: 32px; }
.text-20 { font-size: 20px; }
.bg-title { background-color: var(--title-color) !important; }
.bg-body { background-color: var(--body-color) !important; }
.bg-black { background-color: var(--black-color) !important; }
.bg-smoke { background-color: var(--smoke-color) !important; }
.bg-white { background-color: var(--white-color) !important; }
.bg-dark { background-color: var(--dark-color) !important; }
.bg-silver { background-color: var(--silver-color) !important; }
.bg-before-title:before { background-color: var(--title-color) !important; }
.bg-before-body:before { background-color: var(--body-color) !important; }
.bg-before-black:before { background-color: var(--black-color) !important; }
.bg-before-smoke:before { background-color: var(--smoke-color) !important; }
.bg-before-white:before { background-color: var(--white-color) !important; }
.bg-before-dark:before { background-color: var(--dark-color) !important; }
.bg-before-silver:before { background-color: var(--silver-color) !important; }
.bg-after-title:after { background-color: var(--title-color) !important; }
.bg-after-body:after { background-color: var(--body-color) !important; }
.bg-after-black:after { background-color: var(--black-color) !important; }
.bg-after-smoke:after { background-color: var(--smoke-color) !important; }
.bg-after-white:after { background-color: var(--white-color) !important; }
.bg-after-dark:after { background-color: var(--dark-color) !important; }
.bg-after-silver:after { background-color: var(--silver-color) !important; }
.background-image { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.bg-fluid { background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
.bg-auto { background-size: auto auto; }
.bg-bottom { background-position: center bottom; }
.bg-top { background-position: center top; }
.bg-fixed { background-attachment: fixed; }
.text-title { color: var(--title-color) !important; }
.text-body { color: var(--body-color) !important; }
.text-black { color: var(--black-color) !important; }
.text-smoke { color: var(--smoke-color) !important; }
.text-white { color: var(--white-color) !important; }
.text-dark { color: var(--dark-color) !important; }
.text-silver { color: var(--silver-color) !important; }
.text-white-light { color: rgba(255, 255, 255, 0.65); }
.text-red { color: #e7272d !important; }
.text-inherit { color: inherit; }
.border-title { border-color: var(--title-color); }
.border-body { border-color: var(--body-color); }
.border-black { border-color: var(--black-color); }
.border-smoke { border-color: var(--smoke-color); }
.border-white { border-color: var(--white-color); }
.border-dark { border-color: var(--dark-color); }
.border-silver { border-color: var(--silver-color); }
.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }
.border-5 { border-width: 5px !important; }
.border-6 { border-width: 6px !important; }
.border-7 { border-width: 7px !important; }
.border-8 { border-width: 8px !important; }
.border-9 { border-width: 9px !important; }
.border-10 { border-width: 10px !important; }
.radius-circle { border-radius: 50%; }
.radius-50 { border-radius: 50px; }
.radius-100 { border-radius: 100px; }
.radius-0 { border-radius: 0px; }
.radius-1 { border-radius: 1px; }
.radius-2 { border-radius: 2px; }
.radius-3 { border-radius: 3px; }
.radius-4 { border-radius: 4px; }
.radius-5 { border-radius: 5px; }
.radius-6 { border-radius: 6px; }
.radius-7 { border-radius: 7px; }
.radius-8 { border-radius: 8px; }
.radius-9 { border-radius: 9px; }
.radius-10 { border-radius: 10px; }
.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.link-ovelay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; }
.position-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
[data-overlay] { position: relative; }
[data-overlay] [class^=col-], [data-overlay] [class*=col-] { z-index: 1; }
[data-overlay]:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
[data-overlay=title]:before { background-color: var(--title-color); }
[data-overlay=body]:before { background-color: var(--body-color); }
[data-overlay=black]:before { background-color: var(--black-color); }
[data-overlay=smoke]:before { background-color: var(--smoke-color); }
[data-overlay=white]:before { background-color: var(--white-color); }
[data-overlay=dark]:before { background-color: var(--dark-color); }
[data-overlay=silver]:before { background-color: var(--silver-color); }
[data-opacity="1"]:before { opacity: 0.1; }
[data-opacity="2"]:before { opacity: 0.2; }
[data-opacity="3"]:before { opacity: 0.3; }
[data-opacity="4"]:before { opacity: 0.4; }
[data-opacity="5"]:before { opacity: 0.5; }
[data-opacity="6"]:before { opacity: 0.6; }
[data-opacity="7"]:before { opacity: 0.7; }
[data-opacity="8"]:before { opacity: 0.8; }
[data-opacity="9"]:before { opacity: 0.9; }
[data-opacity="10"]:before { opacity: 1; }
.ani-moving-x, .ani-moving-y, .ani-moving, .testimonial-author-image1 .testimonial-author-image { animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; }
.ripple-light-animation, .ripple-animation, .play-btn:after, .play-btn:before { animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.ripple-animation, .play-btn:after, .play-btn:before { animation-name: ripple; }
.ripple-light-animation { animation-name: ripple-light; }
.ripple-ani-delay, .play-btn:after { animation-delay: 2s; }
.ani-cspine, .scrollToTop:before { animation: cspine 20s linear infinite; }
.ani-cspinereverse { animation: cspinereverse 20s linear infinite; }
@keyframes ripple { 0% { transform: scale(1); opacity: 0; }
30% { opacity: 0.7; }
100% { transform: scale(1.7); opacity: 0; }
}
@keyframes ripple-light { 0% { transform: scale(1); opacity: 0; }
30% { opacity: 0.4; }
100% { transform: scale(1.6); opacity: 0; }
}
@keyframes maskAnimation { from { -webkit-mask-position: 0 0; mask-position: 0 0; }
to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}
@keyframes maskAnimation2 { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
to { -webkit-mask-position: 0 0; mask-position: 0 0; }
}
.ani-moving, .testimonial-author-image1 .testimonial-author-image { animation-name: moving; }
@keyframes moving { 0% { transform: translate(0px, 0px); }
20% { transform: translate(0px, -20px); }
50% { transform: translate(-20px, -20px); }
70% { transform: translate(-20px, 0px); }
100% { transform: translate(0px, 0px); }
}
.ani-moving-y { animation-name: moving-y; }
@keyframes moving-y { 0% { transform: translate(0px, 0px); }
50% { transform: translate(0, -20px); }
100% { transform: translate(0px, 0px); }
}
.ani-moving-x { animation-name: moving-x; }
@keyframes moving-x { 0% { transform: translate(0px, 0px); }
50% { transform: translate(-20px, 0); }
100% { transform: translate(0px, 0px); }
}
@keyframes cspine { from { transform: rotate(0); }
to { transform: rotate(359deg); }
}
@keyframes cspinereverse { from { transform: rotate(359deg); }
to { transform: rotate(0); }
}
.px-5 { padding-right: 5px; padding-left: 5px; }
.px-10 { padding-right: 10px; padding-left: 10px; }
.px-15 { padding-right: 15px; padding-left: 15px; }
.px-20 { padding-right: 20px; padding-left: 20px; }
.px-25 { padding-right: 25px; padding-left: 25px; }
.px-30 { padding-right: 30px; padding-left: 30px; }
.px-35 { padding-right: 35px; padding-left: 35px; }
.px-40 { padding-right: 40px; padding-left: 40px; }
.px-45 { padding-right: 45px; padding-left: 45px; }
.px-50 { padding-right: 50px; padding-left: 50px; }
.px-55 { padding-right: 55px; padding-left: 55px; }
.px-60 { padding-right: 60px; padding-left: 60px; }
.px-65 { padding-right: 65px; padding-left: 65px; }
.px-70 { padding-right: 70px; padding-left: 70px; }
.px-75 { padding-right: 75px; padding-left: 75px; }
.px-80 { padding-right: 80px; padding-left: 80px; }
.px-85 { padding-right: 85px; padding-left: 85px; }
.px-90 { padding-right: 90px; padding-left: 90px; }
.px-95 { padding-right: 95px; padding-left: 95px; }
.px-100 { padding-right: 100px; padding-left: 100px; }
.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-25 { padding-top: 25px; padding-bottom: 25px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-35 { padding-top: 35px; padding-bottom: 35px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-45 { padding-top: 45px; padding-bottom: 45px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.py-55 { padding-top: 55px; padding-bottom: 55px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-65 { padding-top: 65px; padding-bottom: 65px; }
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.py-75 { padding-top: 75px; padding-bottom: 75px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-85 { padding-top: 85px; padding-bottom: 85px; }
.py-90 { padding-top: 90px; padding-bottom: 90px; }
.py-95 { padding-top: 95px; padding-bottom: 95px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; }
.pt-70 { padding-top: 70px; }
.pt-75 { padding-top: 75px; }
.pt-80 { padding-top: 80px; }
.pt-85 { padding-top: 85px; }
.pt-90 { padding-top: 90px; }
.pt-95 { padding-top: 95px; }
.pt-100 { padding-top: 100px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; }
.pb-70 { padding-bottom: 70px; }
.pb-75 { padding-bottom: 75px; }
.pb-80 { padding-bottom: 80px; }
.pb-85 { padding-bottom: 85px; }
.pb-90 { padding-bottom: 90px; }
.pb-95 { padding-bottom: 95px; }
.pb-100 { padding-bottom: 100px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-55 { padding-left: 55px; }
.pl-60 { padding-left: 60px; }
.pl-65 { padding-left: 65px; }
.pl-70 { padding-left: 70px; }
.pl-75 { padding-left: 75px; }
.pl-80 { padding-left: 80px; }
.pl-85 { padding-left: 85px; }
.pl-90 { padding-left: 90px; }
.pl-95 { padding-left: 95px; }
.pl-100 { padding-left: 100px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-55 { padding-right: 55px; }
.pr-60 { padding-right: 60px; }
.pr-65 { padding-right: 65px; }
.pr-70 { padding-right: 70px; }
.pr-75 { padding-right: 75px; }
.pr-80 { padding-right: 80px; }
.pr-85 { padding-right: 85px; }
.pr-90 { padding-right: 90px; }
.pr-95 { padding-right: 95px; }
.pr-100 { padding-right: 100px; }
@media (min-width: 576px) { .px-sm-5 { padding-right: 5px; padding-left: 5px; }
.px-sm-10 { padding-right: 10px; padding-left: 10px; }
.px-sm-15 { padding-right: 15px; padding-left: 15px; }
.px-sm-20 { padding-right: 20px; padding-left: 20px; }
.px-sm-25 { padding-right: 25px; padding-left: 25px; }
.px-sm-30 { padding-right: 30px; padding-left: 30px; }
.px-sm-35 { padding-right: 35px; padding-left: 35px; }
.px-sm-40 { padding-right: 40px; padding-left: 40px; }
.px-sm-45 { padding-right: 45px; padding-left: 45px; }
.px-sm-50 { padding-right: 50px; padding-left: 50px; }
.py-sm-5 { padding-top: 5px; padding-bottom: 5px; }
.py-sm-10 { padding-top: 10px; padding-bottom: 10px; }
.py-sm-15 { padding-top: 15px; padding-bottom: 15px; }
.py-sm-20 { padding-top: 20px; padding-bottom: 20px; }
.py-sm-25 { padding-top: 25px; padding-bottom: 25px; }
.py-sm-30 { padding-top: 30px; padding-bottom: 30px; }
.py-sm-35 { padding-top: 35px; padding-bottom: 35px; }
.py-sm-40 { padding-top: 40px; padding-bottom: 40px; }
.py-sm-45 { padding-top: 45px; padding-bottom: 45px; }
.py-sm-50 { padding-top: 50px; padding-bottom: 50px; }
.pt-sm-5 { padding-top: 5px; }
.pt-sm-10 { padding-top: 10px; }
.pt-sm-15 { padding-top: 15px; }
.pt-sm-20 { padding-top: 20px; }
.pt-sm-25 { padding-top: 25px; }
.pt-sm-30 { padding-top: 30px; }
.pt-sm-35 { padding-top: 35px; }
.pt-sm-40 { padding-top: 40px; }
.pt-sm-45 { padding-top: 45px; }
.pt-sm-50 { padding-top: 50px; }
.pb-sm-5 { padding-bottom: 5px; }
.pb-sm-10 { padding-bottom: 10px; }
.pb-sm-15 { padding-bottom: 15px; }
.pb-sm-20 { padding-bottom: 20px; }
.pb-sm-25 { padding-bottom: 25px; }
.pb-sm-30 { padding-bottom: 30px; }
.pb-sm-35 { padding-bottom: 35px; }
.pb-sm-40 { padding-bottom: 40px; }
.pb-sm-45 { padding-bottom: 45px; }
.pb-sm-50 { padding-bottom: 50px; }
.pl-sm-5 { padding-left: 5px; }
.pl-sm-10 { padding-left: 10px; }
.pl-sm-15 { padding-left: 15px; }
.pl-sm-20 { padding-left: 20px; }
.pl-sm-25 { padding-left: 25px; }
.pl-sm-30 { padding-left: 30px; }
.pl-sm-35 { padding-left: 35px; }
.pl-sm-40 { padding-left: 40px; }
.pl-sm-45 { padding-left: 45px; }
.pl-sm-50 { padding-left: 50px; }
.pr-sm-5 { padding-right: 5px; }
.pr-sm-10 { padding-right: 10px; }
.pr-sm-15 { padding-right: 15px; }
.pr-sm-20 { padding-right: 20px; }
.pr-sm-25 { padding-right: 25px; }
.pr-sm-30 { padding-right: 30px; }
.pr-sm-35 { padding-right: 35px; }
.pr-sm-40 { padding-right: 40px; }
.pr-sm-45 { padding-right: 45px; }
.pr-sm-50 { padding-right: 50px; }
}
@media (min-width: 767px) { .px-md-5 { padding-right: 5px; padding-left: 5px; }
.px-md-10 { padding-right: 10px; padding-left: 10px; }
.px-md-15 { padding-right: 15px; padding-left: 15px; }
.px-md-20 { padding-right: 20px; padding-left: 20px; }
.px-md-25 { padding-right: 25px; padding-left: 25px; }
.px-md-30 { padding-right: 30px; padding-left: 30px; }
.px-md-35 { padding-right: 35px; padding-left: 35px; }
.px-md-40 { padding-right: 40px; padding-left: 40px; }
.px-md-45 { padding-right: 45px; padding-left: 45px; }
.px-md-50 { padding-right: 50px; padding-left: 50px; }
.py-md-5 { padding-top: 5px; padding-bottom: 5px; }
.py-md-10 { padding-top: 10px; padding-bottom: 10px; }
.py-md-15 { padding-top: 15px; padding-bottom: 15px; }
.py-md-20 { padding-top: 20px; padding-bottom: 20px; }
.py-md-25 { padding-top: 25px; padding-bottom: 25px; }
.py-md-30 { padding-top: 30px; padding-bottom: 30px; }
.py-md-35 { padding-top: 35px; padding-bottom: 35px; }
.py-md-40 { padding-top: 40px; padding-bottom: 40px; }
.py-md-45 { padding-top: 45px; padding-bottom: 45px; }
.py-md-50 { padding-top: 50px; padding-bottom: 50px; }
.pt-md-5 { padding-top: 5px; }
.pt-md-10 { padding-top: 10px; }
.pt-md-15 { padding-top: 15px; }
.pt-md-20 { padding-top: 20px; }
.pt-md-25 { padding-top: 25px; }
.pt-md-30 { padding-top: 30px; }
.pt-md-35 { padding-top: 35px; }
.pt-md-40 { padding-top: 40px; }
.pt-md-45 { padding-top: 45px; }
.pt-md-50 { padding-top: 50px; }
.pb-md-5 { padding-bottom: 5px; }
.pb-md-10 { padding-bottom: 10px; }
.pb-md-15 { padding-bottom: 15px; }
.pb-md-20 { padding-bottom: 20px; }
.pb-md-25 { padding-bottom: 25px; }
.pb-md-30 { padding-bottom: 30px; }
.pb-md-35 { padding-bottom: 35px; }
.pb-md-40 { padding-bottom: 40px; }
.pb-md-45 { padding-bottom: 45px; }
.pb-md-50 { padding-bottom: 50px; }
.pl-md-5 { padding-left: 5px; }
.pl-md-10 { padding-left: 10px; }
.pl-md-15 { padding-left: 15px; }
.pl-md-20 { padding-left: 20px; }
.pl-md-25 { padding-left: 25px; }
.pl-md-30 { padding-left: 30px; }
.pl-md-35 { padding-left: 35px; }
.pl-md-40 { padding-left: 40px; }
.pl-md-45 { padding-left: 45px; }
.pl-md-50 { padding-left: 50px; }
.pr-md-5 { padding-right: 5px; }
.pr-md-10 { padding-right: 10px; }
.pr-md-15 { padding-right: 15px; }
.pr-md-20 { padding-right: 20px; }
.pr-md-25 { padding-right: 25px; }
.pr-md-30 { padding-right: 30px; }
.pr-md-35 { padding-right: 35px; }
.pr-md-40 { padding-right: 40px; }
.pr-md-45 { padding-right: 45px; }
.pr-md-50 { padding-right: 50px; }
}
@media (min-width: 992px) { .px-lg-5 { padding-right: 5px; padding-left: 5px; }
.px-lg-10 { padding-right: 10px; padding-left: 10px; }
.px-lg-15 { padding-right: 15px; padding-left: 15px; }
.px-lg-20 { padding-right: 20px; padding-left: 20px; }
.px-lg-25 { padding-right: 25px; padding-left: 25px; }
.px-lg-30 { padding-right: 30px; padding-left: 30px; }
.px-lg-35 { padding-right: 35px; padding-left: 35px; }
.px-lg-40 { padding-right: 40px; padding-left: 40px; }
.px-lg-45 { padding-right: 45px; padding-left: 45px; }
.px-lg-50 { padding-right: 50px; padding-left: 50px; }
.px-lg-55 { padding-right: 55px; padding-left: 55px; }
.px-lg-60 { padding-right: 60px; padding-left: 60px; }
.px-lg-65 { padding-right: 65px; padding-left: 65px; }
.px-lg-70 { padding-right: 70px; padding-left: 70px; }
.px-lg-75 { padding-right: 75px; padding-left: 75px; }
.px-lg-80 { padding-right: 80px; padding-left: 80px; }
.px-lg-85 { padding-right: 85px; padding-left: 85px; }
.px-lg-90 { padding-right: 90px; padding-left: 90px; }
.px-lg-95 { padding-right: 95px; padding-left: 95px; }
.px-lg-100 { padding-right: 100px; padding-left: 100px; }
.px-lg-105 { padding-right: 105px; padding-left: 105px; }
.px-lg-110 { padding-right: 110px; padding-left: 110px; }
.px-lg-115 { padding-right: 115px; padding-left: 115px; }
.px-lg-120 { padding-right: 120px; padding-left: 120px; }
.px-lg-125 { padding-right: 125px; padding-left: 125px; }
.px-lg-130 { padding-right: 130px; padding-left: 130px; }
.px-lg-135 { padding-right: 135px; padding-left: 135px; }
.px-lg-140 { padding-right: 140px; padding-left: 140px; }
.px-lg-145 { padding-right: 145px; padding-left: 145px; }
.px-lg-150 { padding-right: 150px; padding-left: 150px; }
.px-lg-155 { padding-right: 155px; padding-left: 155px; }
.px-lg-160 { padding-right: 160px; padding-left: 160px; }
.px-lg-165 { padding-right: 165px; padding-left: 165px; }
.px-lg-170 { padding-right: 170px; padding-left: 170px; }
.px-lg-175 { padding-right: 175px; padding-left: 175px; }
.px-lg-180 { padding-right: 180px; padding-left: 180px; }
.px-lg-185 { padding-right: 185px; padding-left: 185px; }
.px-lg-190 { padding-right: 190px; padding-left: 190px; }
.px-lg-195 { padding-right: 195px; padding-left: 195px; }
.px-lg-200 { padding-right: 200px; padding-left: 200px; }
.px-lg-205 { padding-right: 205px; padding-left: 205px; }
.px-lg-210 { padding-right: 210px; padding-left: 210px; }
.px-lg-215 { padding-right: 215px; padding-left: 215px; }
.px-lg-220 { padding-right: 220px; padding-left: 220px; }
.px-lg-225 { padding-right: 225px; padding-left: 225px; }
.py-lg-5 { padding-top: 5px; padding-bottom: 5px; }
.py-lg-10 { padding-top: 10px; padding-bottom: 10px; }
.py-lg-15 { padding-top: 15px; padding-bottom: 15px; }
.py-lg-20 { padding-top: 20px; padding-bottom: 20px; }
.py-lg-25 { padding-top: 25px; padding-bottom: 25px; }
.py-lg-30 { padding-top: 30px; padding-bottom: 30px; }
.py-lg-35 { padding-top: 35px; padding-bottom: 35px; }
.py-lg-40 { padding-top: 40px; padding-bottom: 40px; }
.py-lg-45 { padding-top: 45px; padding-bottom: 45px; }
.py-lg-50 { padding-top: 50px; padding-bottom: 50px; }
.py-lg-55 { padding-top: 55px; padding-bottom: 55px; }
.py-lg-60 { padding-top: 60px; padding-bottom: 60px; }
.py-lg-65 { padding-top: 65px; padding-bottom: 65px; }
.py-lg-70 { padding-top: 70px; padding-bottom: 70px; }
.py-lg-75 { padding-top: 75px; padding-bottom: 75px; }
.py-lg-80 { padding-top: 80px; padding-bottom: 80px; }
.py-lg-85 { padding-top: 85px; padding-bottom: 85px; }
.py-lg-90 { padding-top: 90px; padding-bottom: 90px; }
.py-lg-95 { padding-top: 95px; padding-bottom: 95px; }
.py-lg-100 { padding-top: 100px; padding-bottom: 100px; }
.py-lg-105 { padding-top: 105px; padding-bottom: 105px; }
.py-lg-110 { padding-top: 110px; padding-bottom: 110px; }
.py-lg-115 { padding-top: 115px; padding-bottom: 115px; }
.py-lg-120 { padding-top: 120px; padding-bottom: 120px; }
.py-lg-125 { padding-top: 125px; padding-bottom: 125px; }
.py-lg-130 { padding-top: 130px; padding-bottom: 130px; }
.py-lg-135 { padding-top: 135px; padding-bottom: 135px; }
.py-lg-140 { padding-top: 140px; padding-bottom: 140px; }
.py-lg-145 { padding-top: 145px; padding-bottom: 145px; }
.py-lg-150 { padding-top: 150px; padding-bottom: 150px; }
.py-lg-155 { padding-top: 155px; padding-bottom: 155px; }
.py-lg-160 { padding-top: 160px; padding-bottom: 160px; }
.py-lg-165 { padding-top: 165px; padding-bottom: 165px; }
.py-lg-170 { padding-top: 170px; padding-bottom: 170px; }
.py-lg-175 { padding-top: 175px; padding-bottom: 175px; }
.py-lg-180 { padding-top: 180px; padding-bottom: 180px; }
.py-lg-185 { padding-top: 185px; padding-bottom: 185px; }
.py-lg-190 { padding-top: 190px; padding-bottom: 190px; }
.py-lg-195 { padding-top: 195px; padding-bottom: 195px; }
.py-lg-200 { padding-top: 200px; padding-bottom: 200px; }
.py-lg-205 { padding-top: 205px; padding-bottom: 205px; }
.py-lg-210 { padding-top: 210px; padding-bottom: 210px; }
.py-lg-215 { padding-top: 215px; padding-bottom: 215px; }
.py-lg-220 { padding-top: 220px; padding-bottom: 220px; }
.py-lg-225 { padding-top: 225px; padding-bottom: 225px; }
.pt-lg-5 { padding-top: 5px; }
.pt-lg-10 { padding-top: 10px; }
.pt-lg-15 { padding-top: 15px; }
.pt-lg-20 { padding-top: 20px; }
.pt-lg-25 { padding-top: 25px; }
.pt-lg-30 { padding-top: 30px; }
.pt-lg-35 { padding-top: 35px; }
.pt-lg-40 { padding-top: 40px; }
.pt-lg-45 { padding-top: 45px; }
.pt-lg-50 { padding-top: 50px; }
.pt-lg-55 { padding-top: 55px; }
.pt-lg-60 { padding-top: 60px; }
.pt-lg-65 { padding-top: 65px; }
.pt-lg-70 { padding-top: 70px; }
.pt-lg-75 { padding-top: 75px; }
.pt-lg-80 { padding-top: 80px; }
.pt-lg-85 { padding-top: 85px; }
.pt-lg-90 { padding-top: 90px; }
.pt-lg-95 { padding-top: 95px; }
.pt-lg-100 { padding-top: 100px; }
.pt-lg-105 { padding-top: 105px; }
.pt-lg-110 { padding-top: 110px; }
.pt-lg-115 { padding-top: 115px; }
.pt-lg-120 { padding-top: 120px; }
.pt-lg-125 { padding-top: 125px; }
.pt-lg-130 { padding-top: 130px; }
.pt-lg-135 { padding-top: 135px; }
.pt-lg-140 { padding-top: 140px; }
.pt-lg-145 { padding-top: 145px; }
.pt-lg-150 { padding-top: 150px; }
.pt-lg-155 { padding-top: 155px; }
.pt-lg-160 { padding-top: 160px; }
.pt-lg-165 { padding-top: 165px; }
.pt-lg-170 { padding-top: 170px; }
.pt-lg-175 { padding-top: 175px; }
.pt-lg-180 { padding-top: 180px; }
.pt-lg-185 { padding-top: 185px; }
.pt-lg-190 { padding-top: 190px; }
.pt-lg-195 { padding-top: 195px; }
.pt-lg-200 { padding-top: 200px; }
.pt-lg-205 { padding-top: 205px; }
.pt-lg-210 { padding-top: 210px; }
.pt-lg-215 { padding-top: 215px; }
.pt-lg-220 { padding-top: 220px; }
.pt-lg-225 { padding-top: 225px; }
.pb-lg-5 { padding-bottom: 5px; }
.pb-lg-10 { padding-bottom: 10px; }
.pb-lg-15 { padding-bottom: 15px; }
.pb-lg-20 { padding-bottom: 20px; }
.pb-lg-25 { padding-bottom: 25px; }
.pb-lg-30 { padding-bottom: 30px; }
.pb-lg-35 { padding-bottom: 35px; }
.pb-lg-40 { padding-bottom: 40px; }
.pb-lg-45 { padding-bottom: 45px; }
.pb-lg-50 { padding-bottom: 50px; }
.pb-lg-55 { padding-bottom: 55px; }
.pb-lg-60 { padding-bottom: 60px; }
.pb-lg-65 { padding-bottom: 65px; }
.pb-lg-70 { padding-bottom: 70px; }
.pb-lg-75 { padding-bottom: 75px; }
.pb-lg-80 { padding-bottom: 80px; }
.pb-lg-85 { padding-bottom: 85px; }
.pb-lg-90 { padding-bottom: 90px; }
.pb-lg-95 { padding-bottom: 95px; }
.pb-lg-100 { padding-bottom: 100px; }
.pb-lg-105 { padding-bottom: 105px; }
.pb-lg-110 { padding-bottom: 110px; }
.pb-lg-115 { padding-bottom: 115px; }
.pb-lg-120 { padding-bottom: 120px; }
.pb-lg-125 { padding-bottom: 125px; }
.pb-lg-130 { padding-bottom: 130px; }
.pb-lg-135 { padding-bottom: 135px; }
.pb-lg-140 { padding-bottom: 140px; }
.pb-lg-145 { padding-bottom: 145px; }
.pb-lg-150 { padding-bottom: 150px; }
.pb-lg-155 { padding-bottom: 155px; }
.pb-lg-160 { padding-bottom: 160px; }
.pb-lg-165 { padding-bottom: 165px; }
.pb-lg-170 { padding-bottom: 170px; }
.pb-lg-175 { padding-bottom: 175px; }
.pb-lg-180 { padding-bottom: 180px; }
.pb-lg-185 { padding-bottom: 185px; }
.pb-lg-190 { padding-bottom: 190px; }
.pb-lg-195 { padding-bottom: 195px; }
.pb-lg-200 { padding-bottom: 200px; }
.pb-lg-205 { padding-bottom: 205px; }
.pb-lg-210 { padding-bottom: 210px; }
.pb-lg-215 { padding-bottom: 215px; }
.pb-lg-220 { padding-bottom: 220px; }
.pb-lg-225 { padding-bottom: 225px; }
.pl-lg-5 { padding-left: 5px; }
.pl-lg-10 { padding-left: 10px; }
.pl-lg-15 { padding-left: 15px; }
.pl-lg-20 { padding-left: 20px; }
.pl-lg-25 { padding-left: 25px; }
.pl-lg-30 { padding-left: 30px; }
.pl-lg-35 { padding-left: 35px; }
.pl-lg-40 { padding-left: 40px; }
.pl-lg-45 { padding-left: 45px; }
.pl-lg-50 { padding-left: 50px; }
.pl-lg-55 { padding-left: 55px; }
.pl-lg-60 { padding-left: 60px; }
.pl-lg-65 { padding-left: 65px; }
.pl-lg-70 { padding-left: 70px; }
.pl-lg-75 { padding-left: 75px; }
.pl-lg-80 { padding-left: 80px; }
.pl-lg-85 { padding-left: 85px; }
.pl-lg-90 { padding-left: 90px; }
.pl-lg-95 { padding-left: 95px; }
.pl-lg-100 { padding-left: 100px; }
.pl-lg-105 { padding-left: 105px; }
.pl-lg-110 { padding-left: 110px; }
.pl-lg-115 { padding-left: 115px; }
.pl-lg-120 { padding-left: 120px; }
.pl-lg-125 { padding-left: 125px; }
.pl-lg-130 { padding-left: 130px; }
.pl-lg-135 { padding-left: 135px; }
.pl-lg-140 { padding-left: 140px; }
.pl-lg-145 { padding-left: 145px; }
.pl-lg-150 { padding-left: 150px; }
.pl-lg-155 { padding-left: 155px; }
.pl-lg-160 { padding-left: 160px; }
.pl-lg-165 { padding-left: 165px; }
.pl-lg-170 { padding-left: 170px; }
.pl-lg-175 { padding-left: 175px; }
.pl-lg-180 { padding-left: 180px; }
.pl-lg-185 { padding-left: 185px; }
.pl-lg-190 { padding-left: 190px; }
.pl-lg-195 { padding-left: 195px; }
.pl-lg-200 { padding-left: 200px; }
.pl-lg-205 { padding-left: 205px; }
.pl-lg-210 { padding-left: 210px; }
.pl-lg-215 { padding-left: 215px; }
.pl-lg-220 { padding-left: 220px; }
.pl-lg-225 { padding-left: 225px; }
.pr-lg-5 { padding-right: 5px; }
.pr-lg-10 { padding-right: 10px; }
.pr-lg-15 { padding-right: 15px; }
.pr-lg-20 { padding-right: 20px; }
.pr-lg-25 { padding-right: 25px; }
.pr-lg-30 { padding-right: 30px; }
.pr-lg-35 { padding-right: 35px; }
.pr-lg-40 { padding-right: 40px; }
.pr-lg-45 { padding-right: 45px; }
.pr-lg-50 { padding-right: 50px; }
.pr-lg-55 { padding-right: 55px; }
.pr-lg-60 { padding-right: 60px; }
.pr-lg-65 { padding-right: 65px; }
.pr-lg-70 { padding-right: 70px; }
.pr-lg-75 { padding-right: 75px; }
.pr-lg-80 { padding-right: 80px; }
.pr-lg-85 { padding-right: 85px; }
.pr-lg-90 { padding-right: 90px; }
.pr-lg-95 { padding-right: 95px; }
.pr-lg-100 { padding-right: 100px; }
.pr-lg-105 { padding-right: 105px; }
.pr-lg-110 { padding-right: 110px; }
.pr-lg-115 { padding-right: 115px; }
.pr-lg-120 { padding-right: 120px; }
.pr-lg-125 { padding-right: 125px; }
.pr-lg-130 { padding-right: 130px; }
.pr-lg-135 { padding-right: 135px; }
.pr-lg-140 { padding-right: 140px; }
.pr-lg-145 { padding-right: 145px; }
.pr-lg-150 { padding-right: 150px; }
.pr-lg-155 { padding-right: 155px; }
.pr-lg-160 { padding-right: 160px; }
.pr-lg-165 { padding-right: 165px; }
.pr-lg-170 { padding-right: 170px; }
.pr-lg-175 { padding-right: 175px; }
.pr-lg-180 { padding-right: 180px; }
.pr-lg-185 { padding-right: 185px; }
.pr-lg-190 { padding-right: 190px; }
.pr-lg-195 { padding-right: 195px; }
.pr-lg-200 { padding-right: 200px; }
.pr-lg-205 { padding-right: 205px; }
.pr-lg-210 { padding-right: 210px; }
.pr-lg-215 { padding-right: 215px; }
.pr-lg-220 { padding-right: 220px; }
.pr-lg-225 { padding-right: 225px; }
}
@media (min-width: 1199px) { .px-xl-5 { padding-right: 5px; padding-left: 5px; }
.px-xl-10 { padding-right: 10px; padding-left: 10px; }
.px-xl-15 { padding-right: 15px; padding-left: 15px; }
.px-xl-20 { padding-right: 20px; padding-left: 20px; }
.px-xl-25 { padding-right: 25px; padding-left: 25px; }
.px-xl-30 { padding-right: 30px; padding-left: 30px; }
.px-xl-35 { padding-right: 35px; padding-left: 35px; }
.px-xl-40 { padding-right: 40px; padding-left: 40px; }
.px-xl-45 { padding-right: 45px; padding-left: 45px; }
.px-xl-50 { padding-right: 50px; padding-left: 50px; }
.px-xl-55 { padding-right: 55px; padding-left: 55px; }
.px-xl-60 { padding-right: 60px; padding-left: 60px; }
.px-xl-65 { padding-right: 65px; padding-left: 65px; }
.px-xl-70 { padding-right: 70px; padding-left: 70px; }
.px-xl-75 { padding-right: 75px; padding-left: 75px; }
.px-xl-80 { padding-right: 80px; padding-left: 80px; }
.px-xl-85 { padding-right: 85px; padding-left: 85px; }
.px-xl-90 { padding-right: 90px; padding-left: 90px; }
.px-xl-95 { padding-right: 95px; padding-left: 95px; }
.px-xl-100 { padding-right: 100px; padding-left: 100px; }
.px-xl-105 { padding-right: 105px; padding-left: 105px; }
.px-xl-110 { padding-right: 110px; padding-left: 110px; }
.px-xl-115 { padding-right: 115px; padding-left: 115px; }
.px-xl-120 { padding-right: 120px; padding-left: 120px; }
.px-xl-125 { padding-right: 125px; padding-left: 125px; }
.px-xl-130 { padding-right: 130px; padding-left: 130px; }
.px-xl-135 { padding-right: 135px; padding-left: 135px; }
.px-xl-140 { padding-right: 140px; padding-left: 140px; }
.px-xl-145 { padding-right: 145px; padding-left: 145px; }
.px-xl-150 { padding-right: 150px; padding-left: 150px; }
.px-xl-155 { padding-right: 155px; padding-left: 155px; }
.px-xl-160 { padding-right: 160px; padding-left: 160px; }
.px-xl-165 { padding-right: 165px; padding-left: 165px; }
.px-xl-170 { padding-right: 170px; padding-left: 170px; }
.px-xl-175 { padding-right: 175px; padding-left: 175px; }
.px-xl-180 { padding-right: 180px; padding-left: 180px; }
.px-xl-185 { padding-right: 185px; padding-left: 185px; }
.px-xl-190 { padding-right: 190px; padding-left: 190px; }
.px-xl-195 { padding-right: 195px; padding-left: 195px; }
.px-xl-200 { padding-right: 200px; padding-left: 200px; }
.px-xl-205 { padding-right: 205px; padding-left: 205px; }
.px-xl-210 { padding-right: 210px; padding-left: 210px; }
.px-xl-215 { padding-right: 215px; padding-left: 215px; }
.px-xl-220 { padding-right: 220px; padding-left: 220px; }
.px-xl-225 { padding-right: 225px; padding-left: 225px; }
.py-xl-5 { padding-top: 5px; padding-bottom: 5px; }
.py-xl-10 { padding-top: 10px; padding-bottom: 10px; }
.py-xl-15 { padding-top: 15px; padding-bottom: 15px; }
.py-xl-20 { padding-top: 20px; padding-bottom: 20px; }
.py-xl-25 { padding-top: 25px; padding-bottom: 25px; }
.py-xl-30 { padding-top: 30px; padding-bottom: 30px; }
.py-xl-35 { padding-top: 35px; padding-bottom: 35px; }
.py-xl-40 { padding-top: 40px; padding-bottom: 40px; }
.py-xl-45 { padding-top: 45px; padding-bottom: 45px; }
.py-xl-50 { padding-top: 50px; padding-bottom: 50px; }
.py-xl-55 { padding-top: 55px; padding-bottom: 55px; }
.py-xl-60 { padding-top: 60px; padding-bottom: 60px; }
.py-xl-65 { padding-top: 65px; padding-bottom: 65px; }
.py-xl-70 { padding-top: 70px; padding-bottom: 70px; }
.py-xl-75 { padding-top: 75px; padding-bottom: 75px; }
.py-xl-80 { padding-top: 80px; padding-bottom: 80px; }
.py-xl-85 { padding-top: 85px; padding-bottom: 85px; }
.py-xl-90 { padding-top: 90px; padding-bottom: 90px; }
.py-xl-95 { padding-top: 95px; padding-bottom: 95px; }
.py-xl-100 { padding-top: 100px; padding-bottom: 100px; }
.py-xl-105 { padding-top: 105px; padding-bottom: 105px; }
.py-xl-110 { padding-top: 110px; padding-bottom: 110px; }
.py-xl-115 { padding-top: 115px; padding-bottom: 115px; }
.py-xl-120 { padding-top: 120px; padding-bottom: 120px; }
.py-xl-125 { padding-top: 125px; padding-bottom: 125px; }
.py-xl-130 { padding-top: 130px; padding-bottom: 130px; }
.py-xl-135 { padding-top: 135px; padding-bottom: 135px; }
.py-xl-140 { padding-top: 140px; padding-bottom: 140px; }
.py-xl-145 { padding-top: 145px; padding-bottom: 145px; }
.py-xl-150 { padding-top: 150px; padding-bottom: 150px; }
.py-xl-155 { padding-top: 155px; padding-bottom: 155px; }
.py-xl-160 { padding-top: 160px; padding-bottom: 160px; }
.py-xl-165 { padding-top: 165px; padding-bottom: 165px; }
.py-xl-170 { padding-top: 170px; padding-bottom: 170px; }
.py-xl-175 { padding-top: 175px; padding-bottom: 175px; }
.py-xl-180 { padding-top: 180px; padding-bottom: 180px; }
.py-xl-185 { padding-top: 185px; padding-bottom: 185px; }
.py-xl-190 { padding-top: 190px; padding-bottom: 190px; }
.py-xl-195 { padding-top: 195px; padding-bottom: 195px; }
.py-xl-200 { padding-top: 200px; padding-bottom: 200px; }
.py-xl-205 { padding-top: 205px; padding-bottom: 205px; }
.py-xl-210 { padding-top: 210px; padding-bottom: 210px; }
.py-xl-215 { padding-top: 215px; padding-bottom: 215px; }
.py-xl-220 { padding-top: 220px; padding-bottom: 220px; }
.py-xl-225 { padding-top: 225px; padding-bottom: 225px; }
.pt-xl-5 { padding-top: 5px; }
.pt-xl-10 { padding-top: 10px; }
.pt-xl-15 { padding-top: 15px; }
.pt-xl-20 { padding-top: 20px; }
.pt-xl-25 { padding-top: 25px; }
.pt-xl-30 { padding-top: 30px; }
.pt-xl-35 { padding-top: 35px; }
.pt-xl-40 { padding-top: 40px; }
.pt-xl-45 { padding-top: 45px; }
.pt-xl-50 { padding-top: 50px; }
.pt-xl-55 { padding-top: 55px; }
.pt-xl-60 { padding-top: 60px; }
.pt-xl-65 { padding-top: 65px; }
.pt-xl-70 { padding-top: 70px; }
.pt-xl-75 { padding-top: 75px; }
.pt-xl-80 { padding-top: 80px; }
.pt-xl-85 { padding-top: 85px; }
.pt-xl-90 { padding-top: 90px; }
.pt-xl-95 { padding-top: 95px; }
.pt-xl-100 { padding-top: 100px; }
.pt-xl-105 { padding-top: 105px; }
.pt-xl-110 { padding-top: 110px; }
.pt-xl-115 { padding-top: 115px; }
.pt-xl-120 { padding-top: 120px; }
.pt-xl-125 { padding-top: 125px; }
.pt-xl-130 { padding-top: 130px; }
.pt-xl-135 { padding-top: 135px; }
.pt-xl-140 { padding-top: 140px; }
.pt-xl-145 { padding-top: 145px; }
.pt-xl-150 { padding-top: 150px; }
.pt-xl-155 { padding-top: 155px; }
.pt-xl-160 { padding-top: 160px; }
.pt-xl-165 { padding-top: 165px; }
.pt-xl-170 { padding-top: 170px; }
.pt-xl-175 { padding-top: 175px; }
.pt-xl-180 { padding-top: 180px; }
.pt-xl-185 { padding-top: 185px; }
.pt-xl-190 { padding-top: 190px; }
.pt-xl-195 { padding-top: 195px; }
.pt-xl-200 { padding-top: 200px; }
.pt-xl-205 { padding-top: 205px; }
.pt-xl-210 { padding-top: 210px; }
.pt-xl-215 { padding-top: 215px; }
.pt-xl-220 { padding-top: 220px; }
.pt-xl-225 { padding-top: 225px; }
.pb-xl-5 { padding-bottom: 5px; }
.pb-xl-10 { padding-bottom: 10px; }
.pb-xl-15 { padding-bottom: 15px; }
.pb-xl-20 { padding-bottom: 20px; }
.pb-xl-25 { padding-bottom: 25px; }
.pb-xl-30 { padding-bottom: 30px; }
.pb-xl-35 { padding-bottom: 35px; }
.pb-xl-40 { padding-bottom: 40px; }
.pb-xl-45 { padding-bottom: 45px; }
.pb-xl-50 { padding-bottom: 50px; }
.pb-xl-55 { padding-bottom: 55px; }
.pb-xl-60 { padding-bottom: 60px; }
.pb-xl-65 { padding-bottom: 65px; }
.pb-xl-70 { padding-bottom: 70px; }
.pb-xl-75 { padding-bottom: 75px; }
.pb-xl-80 { padding-bottom: 80px; }
.pb-xl-85 { padding-bottom: 85px; }
.pb-xl-90 { padding-bottom: 90px; }
.pb-xl-95 { padding-bottom: 95px; }
.pb-xl-100 { padding-bottom: 100px; }
.pb-xl-105 { padding-bottom: 105px; }
.pb-xl-110 { padding-bottom: 110px; }
.pb-xl-115 { padding-bottom: 115px; }
.pb-xl-120 { padding-bottom: 120px; }
.pb-xl-125 { padding-bottom: 125px; }
.pb-xl-130 { padding-bottom: 130px; }
.pb-xl-135 { padding-bottom: 135px; }
.pb-xl-140 { padding-bottom: 140px; }
.pb-xl-145 { padding-bottom: 145px; }
.pb-xl-150 { padding-bottom: 150px; }
.pb-xl-155 { padding-bottom: 155px; }
.pb-xl-160 { padding-bottom: 160px; }
.pb-xl-165 { padding-bottom: 165px; }
.pb-xl-170 { padding-bottom: 170px; }
.pb-xl-175 { padding-bottom: 175px; }
.pb-xl-180 { padding-bottom: 180px; }
.pb-xl-185 { padding-bottom: 185px; }
.pb-xl-190 { padding-bottom: 190px; }
.pb-xl-195 { padding-bottom: 195px; }
.pb-xl-200 { padding-bottom: 200px; }
.pb-xl-205 { padding-bottom: 205px; }
.pb-xl-210 { padding-bottom: 210px; }
.pb-xl-215 { padding-bottom: 215px; }
.pb-xl-220 { padding-bottom: 220px; }
.pb-xl-225 { padding-bottom: 225px; }
.pl-xl-5 { padding-left: 5px; }
.pl-xl-10 { padding-left: 10px; }
.pl-xl-15 { padding-left: 15px; }
.pl-xl-20 { padding-left: 20px; }
.pl-xl-25 { padding-left: 25px; }
.pl-xl-30 { padding-left: 30px; }
.pl-xl-35 { padding-left: 35px; }
.pl-xl-40 { padding-left: 40px; }
.pl-xl-45 { padding-left: 45px; }
.pl-xl-50 { padding-left: 50px; }
.pl-xl-55 { padding-left: 55px; }
.pl-xl-60 { padding-left: 60px; }
.pl-xl-65 { padding-left: 65px; }
.pl-xl-70 { padding-left: 70px; }
.pl-xl-75 { padding-left: 75px; }
.pl-xl-80 { padding-left: 80px; }
.pl-xl-85 { padding-left: 85px; }
.pl-xl-90 { padding-left: 90px; }
.pl-xl-95 { padding-left: 95px; }
.pl-xl-100 { padding-left: 100px; }
.pl-xl-105 { padding-left: 105px; }
.pl-xl-110 { padding-left: 110px; }
.pl-xl-115 { padding-left: 115px; }
.pl-xl-120 { padding-left: 120px; }
.pl-xl-125 { padding-left: 125px; }
.pl-xl-130 { padding-left: 130px; }
.pl-xl-135 { padding-left: 135px; }
.pl-xl-140 { padding-left: 140px; }
.pl-xl-145 { padding-left: 145px; }
.pl-xl-150 { padding-left: 150px; }
.pl-xl-155 { padding-left: 155px; }
.pl-xl-160 { padding-left: 160px; }
.pl-xl-165 { padding-left: 165px; }
.pl-xl-170 { padding-left: 170px; }
.pl-xl-175 { padding-left: 175px; }
.pl-xl-180 { padding-left: 180px; }
.pl-xl-185 { padding-left: 185px; }
.pl-xl-190 { padding-left: 190px; }
.pl-xl-195 { padding-left: 195px; }
.pl-xl-200 { padding-left: 200px; }
.pl-xl-205 { padding-left: 205px; }
.pl-xl-210 { padding-left: 210px; }
.pl-xl-215 { padding-left: 215px; }
.pl-xl-220 { padding-left: 220px; }
.pl-xl-225 { padding-left: 225px; }
.pr-xl-5 { padding-right: 5px; }
.pr-xl-10 { padding-right: 10px; }
.pr-xl-15 { padding-right: 15px; }
.pr-xl-20 { padding-right: 20px; }
.pr-xl-25 { padding-right: 25px; }
.pr-xl-30 { padding-right: 30px; }
.pr-xl-35 { padding-right: 35px; }
.pr-xl-40 { padding-right: 40px; }
.pr-xl-45 { padding-right: 45px; }
.pr-xl-50 { padding-right: 50px; }
.pr-xl-55 { padding-right: 55px; }
.pr-xl-60 { padding-right: 60px; }
.pr-xl-65 { padding-right: 65px; }
.pr-xl-70 { padding-right: 70px; }
.pr-xl-75 { padding-right: 75px; }
.pr-xl-80 { padding-right: 80px; }
.pr-xl-85 { padding-right: 85px; }
.pr-xl-90 { padding-right: 90px; }
.pr-xl-95 { padding-right: 95px; }
.pr-xl-100 { padding-right: 100px; }
.pr-xl-105 { padding-right: 105px; }
.pr-xl-110 { padding-right: 110px; }
.pr-xl-115 { padding-right: 115px; }
.pr-xl-120 { padding-right: 120px; }
.pr-xl-125 { padding-right: 125px; }
.pr-xl-130 { padding-right: 130px; }
.pr-xl-135 { padding-right: 135px; }
.pr-xl-140 { padding-right: 140px; }
.pr-xl-145 { padding-right: 145px; }
.pr-xl-150 { padding-right: 150px; }
.pr-xl-155 { padding-right: 155px; }
.pr-xl-160 { padding-right: 160px; }
.pr-xl-165 { padding-right: 165px; }
.pr-xl-170 { padding-right: 170px; }
.pr-xl-175 { padding-right: 175px; }
.pr-xl-180 { padding-right: 180px; }
.pr-xl-185 { padding-right: 185px; }
.pr-xl-190 { padding-right: 190px; }
.pr-xl-195 { padding-right: 195px; }
.pr-xl-200 { padding-right: 200px; }
.pr-xl-205 { padding-right: 205px; }
.pr-xl-210 { padding-right: 210px; }
.pr-xl-215 { padding-right: 215px; }
.pr-xl-220 { padding-right: 220px; }
.pr-xl-225 { padding-right: 225px; }
}
.mx-5 { margin-right: 5px; margin-left: 5px; }
.mx-10 { margin-right: 10px; margin-left: 10px; }
.mx-15 { margin-right: 15px; margin-left: 15px; }
.mx-20 { margin-right: 20px; margin-left: 20px; }
.mx-25 { margin-right: 25px; margin-left: 25px; }
.mx-30 { margin-right: 30px; margin-left: 30px; }
.mx-35 { margin-right: 35px; margin-left: 35px; }
.mx-40 { margin-right: 40px; margin-left: 40px; }
.mx-45 { margin-right: 45px; margin-left: 45px; }
.mx-50 { margin-right: 50px; margin-left: 50px; }
.mx-55 { margin-right: 55px; margin-left: 55px; }
.mx-60 { margin-right: 60px; margin-left: 60px; }
.mx-65 { margin-right: 65px; margin-left: 65px; }
.mx-70 { margin-right: 70px; margin-left: 70px; }
.mx-75 { margin-right: 75px; margin-left: 75px; }
.mx-80 { margin-right: 80px; margin-left: 80px; }
.mx-85 { margin-right: 85px; margin-left: 85px; }
.mx-90 { margin-right: 90px; margin-left: 90px; }
.mx-95 { margin-right: 95px; margin-left: 95px; }
.mx-100 { margin-right: 100px; margin-left: 100px; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-25 { margin-top: 25px; margin-bottom: 25px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-35 { margin-top: 35px; margin-bottom: 35px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-45 { margin-top: 45px; margin-bottom: 45px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }
.my-55 { margin-top: 55px; margin-bottom: 55px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.my-65 { margin-top: 65px; margin-bottom: 65px; }
.my-70 { margin-top: 70px; margin-bottom: 70px; }
.my-75 { margin-top: 75px; margin-bottom: 75px; }
.my-80 { margin-top: 80px; margin-bottom: 80px; }
.my-85 { margin-top: 85px; margin-bottom: 85px; }
.my-90 { margin-top: 90px; margin-bottom: 90px; }
.my-95 { margin-top: 95px; margin-bottom: 95px; }
.my-100 { margin-top: 100px; margin-bottom: 100px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-55 { margin-left: 55px; }
.ml-60 { margin-left: 60px; }
.ml-65 { margin-left: 65px; }
.ml-70 { margin-left: 70px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-85 { margin-left: 85px; }
.ml-90 { margin-left: 90px; }
.ml-95 { margin-left: 95px; }
.ml-100 { margin-left: 100px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-55 { margin-right: 55px; }
.mr-60 { margin-right: 60px; }
.mr-65 { margin-right: 65px; }
.mr-70 { margin-right: 70px; }
.mr-75 { margin-right: 75px; }
.mr-80 { margin-right: 80px; }
.mr-85 { margin-right: 85px; }
.mr-90 { margin-right: 90px; }
.mr-95 { margin-right: 95px; }
.mr-100 { margin-right: 100px; }
@media (min-width: 992px) { .mx-lg-5 { margin-right: 5px; margin-left: 5px; }
.mx-lg-10 { margin-right: 10px; margin-left: 10px; }
.mx-lg-15 { margin-right: 15px; margin-left: 15px; }
.mx-lg-20 { margin-right: 20px; margin-left: 20px; }
.mx-lg-25 { margin-right: 25px; margin-left: 25px; }
.mx-lg-30 { margin-right: 30px; margin-left: 30px; }
.mx-lg-35 { margin-right: 35px; margin-left: 35px; }
.mx-lg-40 { margin-right: 40px; margin-left: 40px; }
.mx-lg-45 { margin-right: 45px; margin-left: 45px; }
.mx-lg-50 { margin-right: 50px; margin-left: 50px; }
.mx-lg-55 { margin-right: 55px; margin-left: 55px; }
.mx-lg-60 { margin-right: 60px; margin-left: 60px; }
.mx-lg-65 { margin-right: 65px; margin-left: 65px; }
.mx-lg-70 { margin-right: 70px; margin-left: 70px; }
.mx-lg-75 { margin-right: 75px; margin-left: 75px; }
.mx-lg-80 { margin-right: 80px; margin-left: 80px; }
.mx-lg-85 { margin-right: 85px; margin-left: 85px; }
.mx-lg-90 { margin-right: 90px; margin-left: 90px; }
.mx-lg-95 { margin-right: 95px; margin-left: 95px; }
.mx-lg-100 { margin-right: 100px; margin-left: 100px; }
.mx-lg-105 { margin-right: 105px; margin-left: 105px; }
.mx-lg-110 { margin-right: 110px; margin-left: 110px; }
.mx-lg-115 { margin-right: 115px; margin-left: 115px; }
.mx-lg-120 { margin-right: 120px; margin-left: 120px; }
.mx-lg-125 { margin-right: 125px; margin-left: 125px; }
.mx-lg-130 { margin-right: 130px; margin-left: 130px; }
.mx-lg-135 { margin-right: 135px; margin-left: 135px; }
.mx-lg-140 { margin-right: 140px; margin-left: 140px; }
.mx-lg-145 { margin-right: 145px; margin-left: 145px; }
.mx-lg-150 { margin-right: 150px; margin-left: 150px; }
.mx-lg-155 { margin-right: 155px; margin-left: 155px; }
.mx-lg-160 { margin-right: 160px; margin-left: 160px; }
.mx-lg-165 { margin-right: 165px; margin-left: 165px; }
.mx-lg-170 { margin-right: 170px; margin-left: 170px; }
.mx-lg-175 { margin-right: 175px; margin-left: 175px; }
.mx-lg-180 { margin-right: 180px; margin-left: 180px; }
.mx-lg-185 { margin-right: 185px; margin-left: 185px; }
.mx-lg-190 { margin-right: 190px; margin-left: 190px; }
.mx-lg-195 { margin-right: 195px; margin-left: 195px; }
.mx-lg-200 { margin-right: 200px; margin-left: 200px; }
.mx-lg-205 { margin-right: 205px; margin-left: 205px; }
.mx-lg-210 { margin-right: 210px; margin-left: 210px; }
.mx-lg-215 { margin-right: 215px; margin-left: 215px; }
.mx-lg-220 { margin-right: 220px; margin-left: 220px; }
.mx-lg-225 { margin-right: 225px; margin-left: 225px; }
.my-lg-5 { margin-top: 5px; margin-bottom: 5px; }
.my-lg-10 { margin-top: 10px; margin-bottom: 10px; }
.my-lg-15 { margin-top: 15px; margin-bottom: 15px; }
.my-lg-20 { margin-top: 20px; margin-bottom: 20px; }
.my-lg-25 { margin-top: 25px; margin-bottom: 25px; }
.my-lg-30 { margin-top: 30px; margin-bottom: 30px; }
.my-lg-35 { margin-top: 35px; margin-bottom: 35px; }
.my-lg-40 { margin-top: 40px; margin-bottom: 40px; }
.my-lg-45 { margin-top: 45px; margin-bottom: 45px; }
.my-lg-50 { margin-top: 50px; margin-bottom: 50px; }
.my-lg-55 { margin-top: 55px; margin-bottom: 55px; }
.my-lg-60 { margin-top: 60px; margin-bottom: 60px; }
.my-lg-65 { margin-top: 65px; margin-bottom: 65px; }
.my-lg-70 { margin-top: 70px; margin-bottom: 70px; }
.my-lg-75 { margin-top: 75px; margin-bottom: 75px; }
.my-lg-80 { margin-top: 80px; margin-bottom: 80px; }
.my-lg-85 { margin-top: 85px; margin-bottom: 85px; }
.my-lg-90 { margin-top: 90px; margin-bottom: 90px; }
.my-lg-95 { margin-top: 95px; margin-bottom: 95px; }
.my-lg-100 { margin-top: 100px; margin-bottom: 100px; }
.my-lg-105 { margin-top: 105px; margin-bottom: 105px; }
.my-lg-110 { margin-top: 110px; margin-bottom: 110px; }
.my-lg-115 { margin-top: 115px; margin-bottom: 115px; }
.my-lg-120 { margin-top: 120px; margin-bottom: 120px; }
.my-lg-125 { margin-top: 125px; margin-bottom: 125px; }
.my-lg-130 { margin-top: 130px; margin-bottom: 130px; }
.my-lg-135 { margin-top: 135px; margin-bottom: 135px; }
.my-lg-140 { margin-top: 140px; margin-bottom: 140px; }
.my-lg-145 { margin-top: 145px; margin-bottom: 145px; }
.my-lg-150 { margin-top: 150px; margin-bottom: 150px; }
.my-lg-155 { margin-top: 155px; margin-bottom: 155px; }
.my-lg-160 { margin-top: 160px; margin-bottom: 160px; }
.my-lg-165 { margin-top: 165px; margin-bottom: 165px; }
.my-lg-170 { margin-top: 170px; margin-bottom: 170px; }
.my-lg-175 { margin-top: 175px; margin-bottom: 175px; }
.my-lg-180 { margin-top: 180px; margin-bottom: 180px; }
.my-lg-185 { margin-top: 185px; margin-bottom: 185px; }
.my-lg-190 { margin-top: 190px; margin-bottom: 190px; }
.my-lg-195 { margin-top: 195px; margin-bottom: 195px; }
.my-lg-200 { margin-top: 200px; margin-bottom: 200px; }
.my-lg-205 { margin-top: 205px; margin-bottom: 205px; }
.my-lg-210 { margin-top: 210px; margin-bottom: 210px; }
.my-lg-215 { margin-top: 215px; margin-bottom: 215px; }
.my-lg-220 { margin-top: 220px; margin-bottom: 220px; }
.my-lg-225 { margin-top: 225px; margin-bottom: 225px; }
.mt-lg-5 { margin-top: 5px; }
.mt-lg-10 { margin-top: 10px; }
.mt-lg-15 { margin-top: 15px; }
.mt-lg-20 { margin-top: 20px; }
.mt-lg-25 { margin-top: 25px; }
.mt-lg-30 { margin-top: 30px; }
.mt-lg-35 { margin-top: 35px; }
.mt-lg-40 { margin-top: 40px; }
.mt-lg-45 { margin-top: 45px; }
.mt-lg-50 { margin-top: 50px; }
.mt-lg-55 { margin-top: 55px; }
.mt-lg-60 { margin-top: 60px; }
.mt-lg-65 { margin-top: 65px; }
.mt-lg-70 { margin-top: 70px; }
.mt-lg-75 { margin-top: 75px; }
.mt-lg-80 { margin-top: 80px; }
.mt-lg-85 { margin-top: 85px; }
.mt-lg-90 { margin-top: 90px; }
.mt-lg-95 { margin-top: 95px; }
.mt-lg-100 { margin-top: 100px; }
.mt-lg-105 { margin-top: 105px; }
.mt-lg-110 { margin-top: 110px; }
.mt-lg-115 { margin-top: 115px; }
.mt-lg-120 { margin-top: 120px; }
.mt-lg-125 { margin-top: 125px; }
.mt-lg-130 { margin-top: 130px; }
.mt-lg-135 { margin-top: 135px; }
.mt-lg-140 { margin-top: 140px; }
.mt-lg-145 { margin-top: 145px; }
.mt-lg-150 { margin-top: 150px; }
.mt-lg-155 { margin-top: 155px; }
.mt-lg-160 { margin-top: 160px; }
.mt-lg-165 { margin-top: 165px; }
.mt-lg-170 { margin-top: 170px; }
.mt-lg-175 { margin-top: 175px; }
.mt-lg-180 { margin-top: 180px; }
.mt-lg-185 { margin-top: 185px; }
.mt-lg-190 { margin-top: 190px; }
.mt-lg-195 { margin-top: 195px; }
.mt-lg-200 { margin-top: 200px; }
.mt-lg-205 { margin-top: 205px; }
.mt-lg-210 { margin-top: 210px; }
.mt-lg-215 { margin-top: 215px; }
.mt-lg-220 { margin-top: 220px; }
.mt-lg-225 { margin-top: 225px; }
.mb-lg-5 { margin-bottom: 5px; }
.mb-lg-10 { margin-bottom: 10px; }
.mb-lg-15 { margin-bottom: 15px; }
.mb-lg-20 { margin-bottom: 20px; }
.mb-lg-25 { margin-bottom: 25px; }
.mb-lg-30 { margin-bottom: 30px; }
.mb-lg-35 { margin-bottom: 35px; }
.mb-lg-40 { margin-bottom: 40px; }
.mb-lg-45 { margin-bottom: 45px; }
.mb-lg-50 { margin-bottom: 50px; }
.mb-lg-55 { margin-bottom: 55px; }
.mb-lg-60 { margin-bottom: 60px; }
.mb-lg-65 { margin-bottom: 65px; }
.mb-lg-70 { margin-bottom: 70px; }
.mb-lg-75 { margin-bottom: 75px; }
.mb-lg-80 { margin-bottom: 80px; }
.mb-lg-85 { margin-bottom: 85px; }
.mb-lg-90 { margin-bottom: 90px; }
.mb-lg-95 { margin-bottom: 95px; }
.mb-lg-100 { margin-bottom: 100px; }
.mb-lg-105 { margin-bottom: 105px; }
.mb-lg-110 { margin-bottom: 110px; }
.mb-lg-115 { margin-bottom: 115px; }
.mb-lg-120 { margin-bottom: 120px; }
.mb-lg-125 { margin-bottom: 125px; }
.mb-lg-130 { margin-bottom: 130px; }
.mb-lg-135 { margin-bottom: 135px; }
.mb-lg-140 { margin-bottom: 140px; }
.mb-lg-145 { margin-bottom: 145px; }
.mb-lg-150 { margin-bottom: 150px; }
.mb-lg-155 { margin-bottom: 155px; }
.mb-lg-160 { margin-bottom: 160px; }
.mb-lg-165 { margin-bottom: 165px; }
.mb-lg-170 { margin-bottom: 170px; }
.mb-lg-175 { margin-bottom: 175px; }
.mb-lg-180 { margin-bottom: 180px; }
.mb-lg-185 { margin-bottom: 185px; }
.mb-lg-190 { margin-bottom: 190px; }
.mb-lg-195 { margin-bottom: 195px; }
.mb-lg-200 { margin-bottom: 200px; }
.mb-lg-205 { margin-bottom: 205px; }
.mb-lg-210 { margin-bottom: 210px; }
.mb-lg-215 { margin-bottom: 215px; }
.mb-lg-220 { margin-bottom: 220px; }
.mb-lg-225 { margin-bottom: 225px; }
.ml-lg-5 { margin-left: 5px; }
.ml-lg-10 { margin-left: 10px; }
.ml-lg-15 { margin-left: 15px; }
.ml-lg-20 { margin-left: 20px; }
.ml-lg-25 { margin-left: 25px; }
.ml-lg-30 { margin-left: 30px; }
.ml-lg-35 { margin-left: 35px; }
.ml-lg-40 { margin-left: 40px; }
.ml-lg-45 { margin-left: 45px; }
.ml-lg-50 { margin-left: 50px; }
.ml-lg-55 { margin-left: 55px; }
.ml-lg-60 { margin-left: 60px; }
.ml-lg-65 { margin-left: 65px; }
.ml-lg-70 { margin-left: 70px; }
.ml-lg-75 { margin-left: 75px; }
.ml-lg-80 { margin-left: 80px; }
.ml-lg-85 { margin-left: 85px; }
.ml-lg-90 { margin-left: 90px; }
.ml-lg-95 { margin-left: 95px; }
.ml-lg-100 { margin-left: 100px; }
.ml-lg-105 { margin-left: 105px; }
.ml-lg-110 { margin-left: 110px; }
.ml-lg-115 { margin-left: 115px; }
.ml-lg-120 { margin-left: 120px; }
.ml-lg-125 { margin-left: 125px; }
.ml-lg-130 { margin-left: 130px; }
.ml-lg-135 { margin-left: 135px; }
.ml-lg-140 { margin-left: 140px; }
.ml-lg-145 { margin-left: 145px; }
.ml-lg-150 { margin-left: 150px; }
.ml-lg-155 { margin-left: 155px; }
.ml-lg-160 { margin-left: 160px; }
.ml-lg-165 { margin-left: 165px; }
.ml-lg-170 { margin-left: 170px; }
.ml-lg-175 { margin-left: 175px; }
.ml-lg-180 { margin-left: 180px; }
.ml-lg-185 { margin-left: 185px; }
.ml-lg-190 { margin-left: 190px; }
.ml-lg-195 { margin-left: 195px; }
.ml-lg-200 { margin-left: 200px; }
.ml-lg-205 { margin-left: 205px; }
.ml-lg-210 { margin-left: 210px; }
.ml-lg-215 { margin-left: 215px; }
.ml-lg-220 { margin-left: 220px; }
.ml-lg-225 { margin-left: 225px; }
.mr-lg-5 { margin-right: 5px; }
.mr-lg-10 { margin-right: 10px; }
.mr-lg-15 { margin-right: 15px; }
.mr-lg-20 { margin-right: 20px; }
.mr-lg-25 { margin-right: 25px; }
.mr-lg-30 { margin-right: 30px; }
.mr-lg-35 { margin-right: 35px; }
.mr-lg-40 { margin-right: 40px; }
.mr-lg-45 { margin-right: 45px; }
.mr-lg-50 { margin-right: 50px; }
.mr-lg-55 { margin-right: 55px; }
.mr-lg-60 { margin-right: 60px; }
.mr-lg-65 { margin-right: 65px; }
.mr-lg-70 { margin-right: 70px; }
.mr-lg-75 { margin-right: 75px; }
.mr-lg-80 { margin-right: 80px; }
.mr-lg-85 { margin-right: 85px; }
.mr-lg-90 { margin-right: 90px; }
.mr-lg-95 { margin-right: 95px; }
.mr-lg-100 { margin-right: 100px; }
.mr-lg-105 { margin-right: 105px; }
.mr-lg-110 { margin-right: 110px; }
.mr-lg-115 { margin-right: 115px; }
.mr-lg-120 { margin-right: 120px; }
.mr-lg-125 { margin-right: 125px; }
.mr-lg-130 { margin-right: 130px; }
.mr-lg-135 { margin-right: 135px; }
.mr-lg-140 { margin-right: 140px; }
.mr-lg-145 { margin-right: 145px; }
.mr-lg-150 { margin-right: 150px; }
.mr-lg-155 { margin-right: 155px; }
.mr-lg-160 { margin-right: 160px; }
.mr-lg-165 { margin-right: 165px; }
.mr-lg-170 { margin-right: 170px; }
.mr-lg-175 { margin-right: 175px; }
.mr-lg-180 { margin-right: 180px; }
.mr-lg-185 { margin-right: 185px; }
.mr-lg-190 { margin-right: 190px; }
.mr-lg-195 { margin-right: 195px; }
.mr-lg-200 { margin-right: 200px; }
.mr-lg-205 { margin-right: 205px; }
.mr-lg-210 { margin-right: 210px; }
.mr-lg-215 { margin-right: 215px; }
.mr-lg-220 { margin-right: 220px; }
.mr-lg-225 { margin-right: 225px; }
}
@media (min-width: 1199px) { .mx-xl-5 { margin-right: 5px; margin-left: 5px; }
.mx-xl-10 { margin-right: 10px; margin-left: 10px; }
.mx-xl-15 { margin-right: 15px; margin-left: 15px; }
.mx-xl-20 { margin-right: 20px; margin-left: 20px; }
.mx-xl-25 { margin-right: 25px; margin-left: 25px; }
.mx-xl-30 { margin-right: 30px; margin-left: 30px; }
.mx-xl-35 { margin-right: 35px; margin-left: 35px; }
.mx-xl-40 { margin-right: 40px; margin-left: 40px; }
.mx-xl-45 { margin-right: 45px; margin-left: 45px; }
.mx-xl-50 { margin-right: 50px; margin-left: 50px; }
.mx-xl-55 { margin-right: 55px; margin-left: 55px; }
.mx-xl-60 { margin-right: 60px; margin-left: 60px; }
.mx-xl-65 { margin-right: 65px; margin-left: 65px; }
.mx-xl-70 { margin-right: 70px; margin-left: 70px; }
.mx-xl-75 { margin-right: 75px; margin-left: 75px; }
.mx-xl-80 { margin-right: 80px; margin-left: 80px; }
.mx-xl-85 { margin-right: 85px; margin-left: 85px; }
.mx-xl-90 { margin-right: 90px; margin-left: 90px; }
.mx-xl-95 { margin-right: 95px; margin-left: 95px; }
.mx-xl-100 { margin-right: 100px; margin-left: 100px; }
.mx-xl-105 { margin-right: 105px; margin-left: 105px; }
.mx-xl-110 { margin-right: 110px; margin-left: 110px; }
.mx-xl-115 { margin-right: 115px; margin-left: 115px; }
.mx-xl-120 { margin-right: 120px; margin-left: 120px; }
.mx-xl-125 { margin-right: 125px; margin-left: 125px; }
.mx-xl-130 { margin-right: 130px; margin-left: 130px; }
.mx-xl-135 { margin-right: 135px; margin-left: 135px; }
.mx-xl-140 { margin-right: 140px; margin-left: 140px; }
.mx-xl-145 { margin-right: 145px; margin-left: 145px; }
.mx-xl-150 { margin-right: 150px; margin-left: 150px; }
.mx-xl-155 { margin-right: 155px; margin-left: 155px; }
.mx-xl-160 { margin-right: 160px; margin-left: 160px; }
.mx-xl-165 { margin-right: 165px; margin-left: 165px; }
.mx-xl-170 { margin-right: 170px; margin-left: 170px; }
.mx-xl-175 { margin-right: 175px; margin-left: 175px; }
.mx-xl-180 { margin-right: 180px; margin-left: 180px; }
.mx-xl-185 { margin-right: 185px; margin-left: 185px; }
.mx-xl-190 { margin-right: 190px; margin-left: 190px; }
.mx-xl-195 { margin-right: 195px; margin-left: 195px; }
.mx-xl-200 { margin-right: 200px; margin-left: 200px; }
.mx-xl-205 { margin-right: 205px; margin-left: 205px; }
.mx-xl-210 { margin-right: 210px; margin-left: 210px; }
.mx-xl-215 { margin-right: 215px; margin-left: 215px; }
.mx-xl-220 { margin-right: 220px; margin-left: 220px; }
.mx-xl-225 { margin-right: 225px; margin-left: 225px; }
.my-xl-5 { margin-top: 5px; margin-bottom: 5px; }
.my-xl-10 { margin-top: 10px; margin-bottom: 10px; }
.my-xl-15 { margin-top: 15px; margin-bottom: 15px; }
.my-xl-20 { margin-top: 20px; margin-bottom: 20px; }
.my-xl-25 { margin-top: 25px; margin-bottom: 25px; }
.my-xl-30 { margin-top: 30px; margin-bottom: 30px; }
.my-xl-35 { margin-top: 35px; margin-bottom: 35px; }
.my-xl-40 { margin-top: 40px; margin-bottom: 40px; }
.my-xl-45 { margin-top: 45px; margin-bottom: 45px; }
.my-xl-50 { margin-top: 50px; margin-bottom: 50px; }
.my-xl-55 { margin-top: 55px; margin-bottom: 55px; }
.my-xl-60 { margin-top: 60px; margin-bottom: 60px; }
.my-xl-65 { margin-top: 65px; margin-bottom: 65px; }
.my-xl-70 { margin-top: 70px; margin-bottom: 70px; }
.my-xl-75 { margin-top: 75px; margin-bottom: 75px; }
.my-xl-80 { margin-top: 80px; margin-bottom: 80px; }
.my-xl-85 { margin-top: 85px; margin-bottom: 85px; }
.my-xl-90 { margin-top: 90px; margin-bottom: 90px; }
.my-xl-95 { margin-top: 95px; margin-bottom: 95px; }
.my-xl-100 { margin-top: 100px; margin-bottom: 100px; }
.my-xl-105 { margin-top: 105px; margin-bottom: 105px; }
.my-xl-110 { margin-top: 110px; margin-bottom: 110px; }
.my-xl-115 { margin-top: 115px; margin-bottom: 115px; }
.my-xl-120 { margin-top: 120px; margin-bottom: 120px; }
.my-xl-125 { margin-top: 125px; margin-bottom: 125px; }
.my-xl-130 { margin-top: 130px; margin-bottom: 130px; }
.my-xl-135 { margin-top: 135px; margin-bottom: 135px; }
.my-xl-140 { margin-top: 140px; margin-bottom: 140px; }
.my-xl-145 { margin-top: 145px; margin-bottom: 145px; }
.my-xl-150 { margin-top: 150px; margin-bottom: 150px; }
.my-xl-155 { margin-top: 155px; margin-bottom: 155px; }
.my-xl-160 { margin-top: 160px; margin-bottom: 160px; }
.my-xl-165 { margin-top: 165px; margin-bottom: 165px; }
.my-xl-170 { margin-top: 170px; margin-bottom: 170px; }
.my-xl-175 { margin-top: 175px; margin-bottom: 175px; }
.my-xl-180 { margin-top: 180px; margin-bottom: 180px; }
.my-xl-185 { margin-top: 185px; margin-bottom: 185px; }
.my-xl-190 { margin-top: 190px; margin-bottom: 190px; }
.my-xl-195 { margin-top: 195px; margin-bottom: 195px; }
.my-xl-200 { margin-top: 200px; margin-bottom: 200px; }
.my-xl-205 { margin-top: 205px; margin-bottom: 205px; }
.my-xl-210 { margin-top: 210px; margin-bottom: 210px; }
.my-xl-215 { margin-top: 215px; margin-bottom: 215px; }
.my-xl-220 { margin-top: 220px; margin-bottom: 220px; }
.my-xl-225 { margin-top: 225px; margin-bottom: 225px; }
.mt-xl-5 { margin-top: 5px; }
.mt-xl-10 { margin-top: 10px; }
.mt-xl-15 { margin-top: 15px; }
.mt-xl-20 { margin-top: 20px; }
.mt-xl-25 { margin-top: 25px; }
.mt-xl-30 { margin-top: 30px; }
.mt-xl-35 { margin-top: 35px; }
.mt-xl-40 { margin-top: 40px; }
.mt-xl-45 { margin-top: 45px; }
.mt-xl-50 { margin-top: 50px; }
.mt-xl-55 { margin-top: 55px; }
.mt-xl-60 { margin-top: 60px; }
.mt-xl-65 { margin-top: 65px; }
.mt-xl-70 { margin-top: 70px; }
.mt-xl-75 { margin-top: 75px; }
.mt-xl-80 { margin-top: 80px; }
.mt-xl-85 { margin-top: 85px; }
.mt-xl-90 { margin-top: 90px; }
.mt-xl-95 { margin-top: 95px; }
.mt-xl-100 { margin-top: 100px; }
.mt-xl-105 { margin-top: 105px; }
.mt-xl-110 { margin-top: 110px; }
.mt-xl-115 { margin-top: 115px; }
.mt-xl-120 { margin-top: 120px; }
.mt-xl-125 { margin-top: 125px; }
.mt-xl-130 { margin-top: 130px; }
.mt-xl-135 { margin-top: 135px; }
.mt-xl-140 { margin-top: 140px; }
.mt-xl-145 { margin-top: 145px; }
.mt-xl-150 { margin-top: 150px; }
.mt-xl-155 { margin-top: 155px; }
.mt-xl-160 { margin-top: 160px; }
.mt-xl-165 { margin-top: 165px; }
.mt-xl-170 { margin-top: 170px; }
.mt-xl-175 { margin-top: 175px; }
.mt-xl-180 { margin-top: 180px; }
.mt-xl-185 { margin-top: 185px; }
.mt-xl-190 { margin-top: 190px; }
.mt-xl-195 { margin-top: 195px; }
.mt-xl-200 { margin-top: 200px; }
.mt-xl-205 { margin-top: 205px; }
.mt-xl-210 { margin-top: 210px; }
.mt-xl-215 { margin-top: 215px; }
.mt-xl-220 { margin-top: 220px; }
.mt-xl-225 { margin-top: 225px; }
.mb-xl-5 { margin-bottom: 5px; }
.mb-xl-10 { margin-bottom: 10px; }
.mb-xl-15 { margin-bottom: 15px; }
.mb-xl-20 { margin-bottom: 20px; }
.mb-xl-25 { margin-bottom: 25px; }
.mb-xl-30 { margin-bottom: 30px; }
.mb-xl-35 { margin-bottom: 35px; }
.mb-xl-40 { margin-bottom: 40px; }
.mb-xl-45 { margin-bottom: 45px; }
.mb-xl-50 { margin-bottom: 50px; }
.mb-xl-55 { margin-bottom: 55px; }
.mb-xl-60 { margin-bottom: 60px; }
.mb-xl-65 { margin-bottom: 65px; }
.mb-xl-70 { margin-bottom: 70px; }
.mb-xl-75 { margin-bottom: 75px; }
.mb-xl-80 { margin-bottom: 80px; }
.mb-xl-85 { margin-bottom: 85px; }
.mb-xl-90 { margin-bottom: 90px; }
.mb-xl-95 { margin-bottom: 95px; }
.mb-xl-100 { margin-bottom: 100px; }
.mb-xl-105 { margin-bottom: 105px; }
.mb-xl-110 { margin-bottom: 110px; }
.mb-xl-115 { margin-bottom: 115px; }
.mb-xl-120 { margin-bottom: 120px; }
.mb-xl-125 { margin-bottom: 125px; }
.mb-xl-130 { margin-bottom: 130px; }
.mb-xl-135 { margin-bottom: 135px; }
.mb-xl-140 { margin-bottom: 140px; }
.mb-xl-145 { margin-bottom: 145px; }
.mb-xl-150 { margin-bottom: 150px; }
.mb-xl-155 { margin-bottom: 155px; }
.mb-xl-160 { margin-bottom: 160px; }
.mb-xl-165 { margin-bottom: 165px; }
.mb-xl-170 { margin-bottom: 170px; }
.mb-xl-175 { margin-bottom: 175px; }
.mb-xl-180 { margin-bottom: 180px; }
.mb-xl-185 { margin-bottom: 185px; }
.mb-xl-190 { margin-bottom: 190px; }
.mb-xl-195 { margin-bottom: 195px; }
.mb-xl-200 { margin-bottom: 200px; }
.mb-xl-205 { margin-bottom: 205px; }
.mb-xl-210 { margin-bottom: 210px; }
.mb-xl-215 { margin-bottom: 215px; }
.mb-xl-220 { margin-bottom: 220px; }
.mb-xl-225 { margin-bottom: 225px; }
.ml-xl-5 { margin-left: 5px; }
.ml-xl-10 { margin-left: 10px; }
.ml-xl-15 { margin-left: 15px; }
.ml-xl-20 { margin-left: 20px; }
.ml-xl-25 { margin-left: 25px; }
.ml-xl-30 { margin-left: 30px; }
.ml-xl-35 { margin-left: 35px; }
.ml-xl-40 { margin-left: 40px; }
.ml-xl-45 { margin-left: 45px; }
.ml-xl-50 { margin-left: 50px; }
.ml-xl-55 { margin-left: 55px; }
.ml-xl-60 { margin-left: 60px; }
.ml-xl-65 { margin-left: 65px; }
.ml-xl-70 { margin-left: 70px; }
.ml-xl-75 { margin-left: 75px; }
.ml-xl-80 { margin-left: 80px; }
.ml-xl-85 { margin-left: 85px; }
.ml-xl-90 { margin-left: 90px; }
.ml-xl-95 { margin-left: 95px; }
.ml-xl-100 { margin-left: 100px; }
.ml-xl-105 { margin-left: 105px; }
.ml-xl-110 { margin-left: 110px; }
.ml-xl-115 { margin-left: 115px; }
.ml-xl-120 { margin-left: 120px; }
.ml-xl-125 { margin-left: 125px; }
.ml-xl-130 { margin-left: 130px; }
.ml-xl-135 { margin-left: 135px; }
.ml-xl-140 { margin-left: 140px; }
.ml-xl-145 { margin-left: 145px; }
.ml-xl-150 { margin-left: 150px; }
.ml-xl-155 { margin-left: 155px; }
.ml-xl-160 { margin-left: 160px; }
.ml-xl-165 { margin-left: 165px; }
.ml-xl-170 { margin-left: 170px; }
.ml-xl-175 { margin-left: 175px; }
.ml-xl-180 { margin-left: 180px; }
.ml-xl-185 { margin-left: 185px; }
.ml-xl-190 { margin-left: 190px; }
.ml-xl-195 { margin-left: 195px; }
.ml-xl-200 { margin-left: 200px; }
.ml-xl-205 { margin-left: 205px; }
.ml-xl-210 { margin-left: 210px; }
.ml-xl-215 { margin-left: 215px; }
.ml-xl-220 { margin-left: 220px; }
.ml-xl-225 { margin-left: 225px; }
.mr-xl-5 { margin-right: 5px; }
.mr-xl-10 { margin-right: 10px; }
.mr-xl-15 { margin-right: 15px; }
.mr-xl-20 { margin-right: 20px; }
.mr-xl-25 { margin-right: 25px; }
.mr-xl-30 { margin-right: 30px; }
.mr-xl-35 { margin-right: 35px; }
.mr-xl-40 { margin-right: 40px; }
.mr-xl-45 { margin-right: 45px; }
.mr-xl-50 { margin-right: 50px; }
.mr-xl-55 { margin-right: 55px; }
.mr-xl-60 { margin-right: 60px; }
.mr-xl-65 { margin-right: 65px; }
.mr-xl-70 { margin-right: 70px; }
.mr-xl-75 { margin-right: 75px; }
.mr-xl-80 { margin-right: 80px; }
.mr-xl-85 { margin-right: 85px; }
.mr-xl-90 { margin-right: 90px; }
.mr-xl-95 { margin-right: 95px; }
.mr-xl-100 { margin-right: 100px; }
.mr-xl-105 { margin-right: 105px; }
.mr-xl-110 { margin-right: 110px; }
.mr-xl-115 { margin-right: 115px; }
.mr-xl-120 { margin-right: 120px; }
.mr-xl-125 { margin-right: 125px; }
.mr-xl-130 { margin-right: 130px; }
.mr-xl-135 { margin-right: 135px; }
.mr-xl-140 { margin-right: 140px; }
.mr-xl-145 { margin-right: 145px; }
.mr-xl-150 { margin-right: 150px; }
.mr-xl-155 { margin-right: 155px; }
.mr-xl-160 { margin-right: 160px; }
.mr-xl-165 { margin-right: 165px; }
.mr-xl-170 { margin-right: 170px; }
.mr-xl-175 { margin-right: 175px; }
.mr-xl-180 { margin-right: 180px; }
.mr-xl-185 { margin-right: 185px; }
.mr-xl-190 { margin-right: 190px; }
.mr-xl-195 { margin-right: 195px; }
.mr-xl-200 { margin-right: 200px; }
.mr-xl-205 { margin-right: 205px; }
.mr-xl-210 { margin-right: 210px; }
.mr-xl-215 { margin-right: 215px; }
.mr-xl-220 { margin-right: 220px; }
.mr-xl-225 { margin-right: 225px; }
}
.vs-setting-plate { position: fixed; display: block; z-index: 99998; padding: 20px; width: 240px; background: #fff; left: -240px; text-align: left; top: 30%; transition: all 0.4s ease; box-shadow: -3px 0px 10px -2px rgba(0, 0, 0, 0.1); direction: ltr; }
.vs-setting-plate.open { left: 0; }
.vs-setting-plate .setting-plate-icon { position: absolute; right: -48px; width: 48px; height: 45px; line-height: 45px; font-size: 21px; border-radius: 0 5px 5px 0; text-align: center; color: #fff !important; top: 0; cursor: pointer; box-shadow: -4px 0px 5px rgba(0, 0, 0, 0.2117647059); }
.vs-setting-plate h4 { display: block; font-size: 18px; margin-bottom: 0px; font-weight: 500; }
.vs-setting-plate p { font-size: 12px; margin-bottom: 15px; line-height: 20px; }
.vs-setting-plate .btn-wrap { display: grid; gap: 5px; }
.vs-setting-plate .btn-wrap.grid-3 { grid-template-columns: repeat(3, 1fr); }
.vs-setting-plate .btn-wrap.grid-2 { grid-template-columns: repeat(2, 1fr); }
.vs-setting-plate .color-btn { height: 40px; border-radius: 0; cursor: pointer; display: inline-block; border: none; }
.vs-setting-plate .color-btn:hover { cursor: pointer; }
.header-layout8 { position: relative; z-index: 91; }
.header-layout8.position-absolute { right: 0; left: 0; top: 0; }
.header-layout8 .menu-style4 { background-color: #131313; display: flex; justify-content: space-between; align-items: center; padding: 0 6px 0px 20px; border-radius: 30px; }
.header-layout8 .menu-style4 > ul > li > a { padding: 14px 0; font-weight: 500; }
.header-layout8 .contact-info a { font-size: 20px; }
.header-layout8 .media-body .sub-text { color: var(--white-color); font-size: 14px; }
.header-layout8 .icon-btn { width: 44px; height: 44px; line-height: 44px; margin-right: 0; background-color: var(--secondary-color); }
.header-layout8 .icon-btn i { color: var(--white-color); }
.header-layout8 .icon-btn .number { top: -5px; right: -5px; background-color: var(--white-color); color: var(--secondary-color); transition: all 0.5s ease; }
.header-layout8 .icon-btn:hover { background-color: var(--white-color); }
.header-layout8 .icon-btn:hover i { color: var(--secondary-color); }
.header-layout8 .icon-btn:hover .number { background-color: var(--secondary-color); color: var(--white-color); }
.header-layout8 .media-icon2 { color: var(--secondary-color); font-size: 44px; }
.header-layout8 .header-btn { margin-left: 26px; }
.vs-about-layout9 .media-body span { position: relative; display: inline-block; margin-bottom: 22px; font-family: var(--theme-font2); }
.vs-about-layout9 .media-body .counter-icon { margin-bottom: 0; margin-left: 3px; font-size: 42px; color: var(--dark-color); position: relative; font-family: var(--theme-font2); }
.vs-about-layout9 .media-body .counter-item { display: flex; }
.vs-about-layout9 .vs-btn-group { margin-bottom: 30px; }
.vs-about-layout9 .vs-btn-group .vs-btn:hover { color: var(--white-color); background-color: var(--black-color); }
.vs-about-layout9 .blog-style1 { margin-bottom: 0; }
.vs-about-layout9 .blog-style1 .blog-meta { display: inline-block; position: absolute; top: -5%; left: 10%; }
.vs-about-layout9 .blog-style1 .blog-meta span { background-color: var(--secondary-color); padding: 5px 10px; border-radius: 30px; font-size: 16px; color: #ffffff; margin-bottom: 0; }
.vs-about-layout9 .blog-style1 .blog-content { padding: 20px; }
.vs-about-layout9 .blog-style1 .blog-content .blog-title { margin-bottom: 0; }
.vs-about-layout9 .slick-list { padding-top: 20px; transform: translateY(-38%); }
.vs-reservation-layout3 .vs-box2 { position: relative; z-index: 1; top: -17%; }
.vs-reservation-layout3 .vs-box2::before { content: none; }
.vs-reservation-layout3 .vs-box2::after { content: none; }
.vs-reservation-layout3 .vs-box2 .sec-subtitle { font-size: 30px; margin-bottom: 30px; }
.vs-reservation-layout3 .reservation-form { padding: 60px; }
.vs-reservation-layout3 .play-btn > i { width: 100px; height: 100px; line-height: 100px; font-size: 30px; }
.vs-reservation-layout3 .vs-btn:hover { color: var(--white-color); background-color: var(--black-color); }
.feature-style1 { position: relative; }
.feature-style1.vs-feature { padding: 60px 40px; text-align: center; }
.feature-style1 .feature-title { width: 8ch; margin: 0 auto 10px auto; }
.feature-style1 .feature-text { margin-bottom: 20px; color: var(--white-color); }
.feature-style1 .arrow-sign { position: absolute; right: unset; top: unset; transform: translateX(-50%) rotate(45deg); left: 50%; bottom: -5%; width: 60px; height: 60px; line-height: 64px; color: var(--white-color); background-color: var(--secondary-color); border-radius: 50%; text-align: center; visibility: visible; opacity: 1; }
.feature-style1:hover .arrow-sign { color: var(--secondary-color); background-color: var(--white-color); }
.wrapper-style2 .slick-track { padding-bottom: 30px; }
.food-box-layout9 .section-title .sec-title1 { color: var(--white-color); }
.food-box-layout9 .section-title .sec-subtitle { font-size: 36px; margin-bottom: 25px; }
.food-box-layout9 .vs-food-box { position: relative; }
.food-box-layout9 .vs-food-box .line-shep { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.food-box-layout9 .food-list-box .food-list-top { border-bottom: none; }
.food-box-layout9 .food-list-box .media-thumb { position: relative; width: 170px; height: 170px; border: 6px solid var(--secondary-color); border-radius: 100%; transition: all 0.5s ease; }
.food-box-layout9 .food-list-box .media-thumb:hover { border-color: var(--white-color); }
.food-box-layout9 .food-list-box .media-thumb img { border-radius: 50%; width: 100%; }
.food-box-layout9 .food-list-box .media-thumb .food-price { position: absolute; background-color: var(--secondary-color); color: var(--white-color); border-radius: 30px; font-size: 20px; padding: 10px 18px; line-height: 100%; right: -20%; bottom: 10%; }
.food-box-layout9 .food-list-box .media-body .food-title { color: var(--white-color); font-size: 24px; margin-bottom: 10px; }
.food-box-layout9 .food-list-box .media-body .food-text { color: var(--white-color); font-size: 16px; margin-bottom: 0; }
.vs-testimonial-layout5 .section-title { margin-bottom: 50px; }
.vs-testimonial-layout5 .section-title .sec-subtitle { font-size: 30px; margin-bottom: 20px; }
.vs-testimonial-layout5 .section-title .sec-title1 { margin-bottom: 0; width: 100%; max-width: 15ch; }
.vs-testimonial-layout5 .slick-track { padding-top: 20px; }
.vs-testimonial-layout5 .food-rating-icon { display: inline-block; margin-bottom: 20px; }
.vs-testimonial-layout5 .author-image { max-width: 245px; max-height: 245px; position: relative; margin-bottom: 50px; }
.vs-testimonial-layout5 .author-image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--secondary-color); border-radius: 100%; transform: translate(4%, 3%); z-index: -1; }
.vs-testimonial-layout5 .author-image img { border-radius: 100%; width: 100%; }
.vs-testimonial-layout5 .author-name { font-size: 24px; color: var(--title-color); font-weight: 600; margin-bottom: 0; }
.vs-testimonial-layout5 .author-icon { margin-right: 15px; }
.vs-testimonial-layout5 .author-position { color: var(--secondary-color); }
.vs-testimonial-layout5 .slick-arrow { position: absolute; left: unset; right: 10%; color: var(--secondary-color); padding: 0; background-color: transparent; line-height: 1; z-index: 2; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--secondary-color); font-size: 18px; }
.vs-testimonial-layout5 .slick-arrow:hover { background-color: var(--secondary-color); color: var(--white-color); }
.vs-testimonial-layout5 .slick-arrow.slick-next { left: unset; right: 5%; }
.vs-team-layout2 .team-style2 { position: relative; margin-bottom: 0; }
.vs-team-layout2 .team-style2 .team-content { width: 100%; max-width: 80%; bottom: 30px; position: absolute; padding: 20px 50px 20px 30px; border-radius: 0 50px 50px 0px; background-color: #ffffff; }
.vs-team-layout2 .team-style2 .social-links { position: absolute; right: 30%; top: unset; bottom: 100px; z-index: 2; text-align: center; opacity: 1; visibility: visible; transition: all ease 0.4s; border-radius: 30px; padding: 5px; }
.vs-team-layout2 .team-style2 .social-links .vs-toggler { color: var(--white-color); border-color: var(--secondary-color); background-color: var(--secondary-color); }
.vs-team-layout2 .team-style2 .social-links .vs-toggler:hover { color: var(--white-color); border-color: var(--black-color); background-color: var(--black-color); }
.vs-team-layout2 .team-style2 .social-links .toggle-menu { margin-top: 0; }
.vs-blog-layout6 .vs-blog { position: relative; }
.vs-blog-layout6 .vs-blog::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0, 0, 0); background: linear-gradient(183deg, rgba(0, 0, 0, 0.4878326331) 41%, rgb(0, 0, 0) 100%); z-index: 1; }
.vs-blog-layout6 .vs-blog .blog-content { position: relative; bottom: 0; width: 100%; background-color: transparent; padding: 40px 50px; z-index: 1; }
.vs-blog-layout6 .vs-blog .blog-meta span { color: var(--white-color); margin-bottom: 0; }
.vs-blog-layout6 .vs-blog .blog-title { color: var(--white-color); }
.vs-blog-layout6 .vs-blog .blog-text { color: var(--white-color); border-bottom: 1px solid #C6C6C6; padding-bottom: 30px; }
.vs-blog-layout6 .link-btn { color: var(--white-color); }
.contact-area .contact-body { position: relative; }
.contact-area .contact-title { font-size: 156px; margin-bottom: 0; text-transform: uppercase; font-weight: 500; }
.contact-area .arrow-sign { color: var(--black-color); position: absolute; right: unset; top: unset; left: 50%; bottom: -7%; width: 135px; height: 135px; line-height: 160px; background-color: var(--white-color); text-transform: uppercase; border: 1px solid var(--secondary-color); border-radius: 50%; text-align: center; visibility: visible; opacity: 1; transform: translateX(-50%); }
.contact-area .arrow-sign i { color: var(--secondary-color); transform: translateX(-50%) rotate(45deg); position: absolute; top: 22%; font-size: 30px; left: 50%; font-weight: 500; transition: all 0.5s ease; }
.contact-area .arrow-sign:hover { color: var(--white-color); background-color: var(--secondary-color); }
.contact-area .arrow-sign:hover i { color: var(--white-color); }
.gallery-style2 .icon-btn { border-radius: 0; color: var(--white-color); background-color: transparent; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); font-size: 60px; }
.gallery-style2 .icon-btn i { color: var(--white-color); transition: all 0.5s ease; }
.gallery-style2 .icon-btn:hover { background-color: transparent; }
.gallery-style2 .icon-btn:hover i { color: var(--secondary-color); }
@media (max-width: 1500px) { .contact-area .contact-title { font-size: 130px; }
}
@media (max-width: 1199px) { .vs-about-layout9 .slick-list { transform: translateY(-5%); }
.vs-reservation-layout3 .vs-box2 { top: 0; }
}
@media (max-width: 992px) { .header-layout8.position-absolute { position: relative !important; }
.contact-area { display: none; }
.vs-reservation-layout3 .reservation-form { padding: 60px 15px; }
.vs-about-layout9 .slick-list { transform: translateY(0%); }
.vs-reservation-layout3 .reservation-popup { padding-top: 60px; }
.vs-reservation-layout3 .vs-box2 { top: 0; }
.vs-testimonial-layout5 .vs-testimonial { padding-top: 30px; }
}
@media (max-width: 767px) { .food-box-layout9 .vs-food-box .media-thumb { margin: 0 auto; }
.food-box-layout9 .vs-food-box .media-body { justify-content: center; }
.food-box-layout9 .vs-food-box .line-shep { display: none; }
.vs-about-layout9 .media-body { text-align: center; }
.vs-about-layout9 .media-body .counter-item { justify-content: center; }
}
.header-layout9 { position: relative; width: 100%; z-index: 1; }
.header-layout9 .header-top { background-color: var(--secondary-color); padding: 8px 0; }
.header-layout9 .header-top .social-links2 ul { margin-bottom: 0; }
.header-layout9 .header-top .social-links2 ul li { list-style: none; display: inline-block; margin-right: 20px; }
.header-layout9 .header-top .social-links2 ul li:last-child { margin-right: 0; }
.header-layout9 .header-top .social-links2 ul li a { color: #fff; }
.header-layout9 .header-top .social-links2 ul li a:hover { color: var(--white-color); }
.header-layout9 .header-top .contact-info { line-height: 100%; }
.header-layout9 .header-top .contact-info a { color: #fff; font-size: 14px; font-weight: 400; }
.header-layout9 .header-top .contact-info a:hover { color: var(--white-color); }
.header-layout9 .header-top .contact-info i { color: #fff; font-size: 16px; top: 0; }
.header-layout9 .icon-btn { width: 44px; height: 44px; line-height: 44px; margin-right: 0; background-color: var(--secondary-color); }
.header-layout9 .icon-btn i { color: var(--white-color); }
.header-layout9 .icon-btn .number { top: -8px; right: -8px; background-color: #fa8507; color: #fff; transition: all 0.5s ease; }
.header-layout9 .icon-btn:hover { background-color: #B80011; color: #fff !important; }
.header-layout9 .icon-btn:hover i { color: var(--secondary-color); }
.header-layout9 .icon-btn:hover .number { background-color: var(--secondary-color); color: var(--white-color); }
.header-layout9 .header-menu { background: #fff; padding: 15px 0; }
.header-layout9 .main-menu { display: flex; align-items: center; justify-content: space-between; }
.header-layout9 .header-right .media-icon2 { color: var(--secondary-color); font-size: 40px; margin-right: 24px; }
.header-layout9 .media-body { margin-right: 25px; line-height: 1.2; }
.header-layout9 .media-body .sub-text { color: #333; }
.vs-hero-layout3 { position: relative; z-index: 0; }
.vs-hero-layout3 .ls-v6 [class*="ls-gui-element ls-nav-"] { width: 65px; height: 65px; background-color: var(--secondary-color); }
.vs-hero-layout3 .ls-v6 [class*="ls-gui-element ls-nav-"]::after { line-height: 65px; }
.vs-about-layout10 .image-box4 { text-align: right; padding-right: 30px; }
.vs-about-layout10 .image-box4 .small-img { position: absolute; bottom: 22%; left: -25%; }
.vs-about-layout10 .image-box4 .small-img img { border: 5px solid #fff; }
.vs-about-layout10 .image-box4 .about-image2 { position: absolute; right: -87px; bottom: 22%; border: none; z-index: 1; }
.vs-about-layout10 .features-area .media { margin-bottom: 50px; }
.vs-about-layout10 .vs-btn-group .style1 { background-color: #7c1c28; }
.vs-about-layout10 .vs-btn-group .style1:hover { color: var(--white-color); }
.add-area .marquee-title { font-size: 140px; margin-bottom: 0; }
.appointment-form-layout3 { box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.08); }
.appointment-form-layout3 .section-title { margin-bottom: 50px; }
.appointment-form-layout3 .section-title .sec-subtitle { color: var(--secondary-color); }
.appointment-form-layout3 .section-title .sec-title1 { margin-bottom: 0; }
.appointment-form-layout3 .appointment-form-style2 .form-control { color: var(--black-color); border-radius: 0; background-color: var(--white-color); min-height: 60px; }
.appointment-form-layout3 .appointment-form-style2 .form-group > i { color: var(--secondary-color); }
.appointment-form-layout3 .from-area { padding-top: 120px; }
.appointment-form-layout3 .vs-btn:hover { color: var(--white-color); background-color: var(--black-color); }
.counter-layout2 { position: relative; transform: translateY(45%); z-index: 9; }
.counter-layout2 .counter-style1 { padding: 80px 0px 80px 50px; }
.food-box-layout3 .food-box1 .food-content { padding: 60px 40px 30px 40px; }
.food-box-layout3 .food-box1 .food-content .food-price { right: unset; left: 30px; }
.vs-blog-layout6 .blog-left { max-height: 770px; padding-top: 436px; }
.vs-blog-layout6 .blog-style1 { padding-top: 146px; }
.vs-blog-layout6 .blog-style1 .blog-body { color: var(--white-color); border-bottom: 1px solid #C6C6C6; padding-bottom: 5px; margin-bottom: 16px; }
.vs-blog-layout6 .blog-style1 .blog-content { padding: 30px; }
.vs-blog-layout6 .blog-style1 .link-btn { font-size: 14px; font-weight: 500; }
.vs-blog-layout6 .blog-style1 .blog-meta span { display: inline-block; margin-right: 10px; font-size: 12px; }
.vs-service-layout3 .section-title .sec-title1 { color: var(--white-color); }
.vs-service-layout3 .service-list { position: relative; }
.vs-service-layout3 .service-list .service-item { background-color: var(--white-color); display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 20px 30px; }
.vs-service-layout3 .service-list .service-item:last-child { margin-bottom: 0; }
.vs-service-layout3 .service-list .service-item .service-content { display: flex; align-items: center; }
.vs-service-layout3 .service-list .service-item .service-content .service-numbar { display: block; width: 60px; height: 60px; line-height: 60px; font-weight: 600; text-align: center; color: var(--white-color); background-color: var(--secondary-color); border-radius: 50%; margin-right: 80px; transition: all 0.5s ease; }
.vs-service-layout3 .service-list .service-item .service-content .service-title { color: var(--black-color); margin-bottom: 0; }
.vs-service-layout3 .service-list .service-item .service-content .service-title:hover { color: var(--secondary-color); }
.vs-service-layout3 .service-list .service-item .service-img { position: absolute; right: 15%; top: 50%; transform: translateY(-50%); }
.vs-service-layout3 .service-list .service-item .service-img img { visibility: hidden; opacity: 0; transition: all 0.5s ease; }
.vs-service-layout3 .service-list .service-item .service-btn .icon-btn { color: var(--white-color); background-color: var(--secondary-color); transition: all 0.5s ease; }
.vs-service-layout3 .service-list .service-item:hover .service-btn .icon-btn { background-color: var(--black-color); color: var(--white-color); }
.vs-service-layout3 .service-list .service-item:hover .service-btn .icon-btn i { transform: rotate(-40deg); }
.vs-service-layout3 .service-list .service-item:hover .service-img img { visibility: visible; opacity: 1; }
.vs-service-layout3 .service-list .service-item:hover .service-numbar { color: var(--white-color); background-color: var(--black-color); }
.vs-blog-layout7 .vs-blog { position: relative; margin-bottom: 0; }
.vs-blog-layout7 .vs-blog .blog-body { color: var(--white-color); border-bottom: 1px solid #C6C6C6; padding-bottom: 5px; margin-bottom: 16px; }
.vs-blog-layout7 .vs-blog::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0, 0, 0); background: linear-gradient(183deg, rgba(0, 0, 0, 0.4878326331) 41%, rgb(0, 0, 0) 100%); z-index: 1; }
.vs-blog-layout7 .vs-blog .blog-content { position: absolute; bottom: 0; padding: 30px; z-index: 1; }
.vs-blog-layout7 .vs-blog .blog-content .blog-title { color: var(--white-color); }
.vs-blog-layout7 .vs-blog .blog-meta span { color: var(--white-color); margin-bottom: 0; }
.vs-blog-layout7 .link-btn { color: var(--white-color); }
.vs-team-layout2 .team-style3 { position: relative; margin-bottom: 0; border-radius: 200px 200px 50px 50px; overflow: hidden; }
.vs-team-layout2 .team-style3 .team-content { bottom: 30px; left: 50%; position: absolute; padding: 20px 50px 16px 30px; border-radius: 50px; background-color: #ffffff; width: 90%; transform: translateX(-50%); }
.vs-team-layout2 .team-style3 .social-links { position: absolute; right: 10%; top: unset; bottom: 50px; z-index: 2; text-align: center; opacity: 1; visibility: visible; transition: all ease 0.4s; border-radius: 30px; padding: 5px; }
.vs-team-layout2 .team-style3 .social-links .vs-toggler { background-color: var(--secondary-color); color: var(--white-color); box-shadow: none; }
.vs-team-layout2 .team-style3 .social-links .vs-toggler:hover { background-color: var(--black-color); color: var(--white-color); border-color: var(--black-color); }
.vs-team-layout2 .team-style3 .social-links .toggle-menu { margin-top: 0; }
@media (max-width: 1500px) { .counter-layout2 .counter-style1 { padding: 80px 15px 80px 15px; }
}
.header-logo > a { display: inline-block; line-height: 0; padding: 10px 0; }
.menu { padding: 0; text-align: center; float: left; }
.menu > li { float: left; padding: 0; margin: 0 ; position: relative; }
.menu > li:hover>a,.menu > li.active>a { color: #7d1d29; }
.menu > li.li_child { position: relative; }
.menu > li.li_child ul li:last-child a { border-bottom: none; }
.menu * { list-style: none; }
.menu > li > a { display: block; line-height: 22px; position: relative; z-index: 2; font-size: 17px; text-decoration: none; font-weight: 400; padding: 0 0 8px 30px; color: #333; }
.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.menu > li > ul, .menu > li > ul ul { position: absolute; top: 100%; left: 0px; opacity: 0; visibility: hidden; min-width: 200px; z-index: 3; margin: 0; padding: 0; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); box-shadow: 0 5px 50px 0 rgb(0 0 0 / 15%); padding: 0; background: #303374; }
.menu > li > ul ul { left: 100%; top: -10px; }
.menu > li:hover > ul, .menu li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li > ul > li, .menu > li > ul > li li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0; background: #7d1d29; min-width: 220px; width: 100%; }
.menu > li > ul > li:hover>a,.menu > li > ul > li li:hover>a { color: #fff !important; background: #B80011; }
.menu > li > ul > li li:last-child a { border-bottom: none; }
.menu > li > ul > li > a, .menu > li > ul > li li a { display: block; white-space: nowrap; color: inherit; line-height: 1.5; font-size: inherit; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(255, 255, 255, 0.1); padding: 0 5px 0 0; text-decoration: none !important; text-align: left; font-size: 16px; color: #fff !important; font-weight: 400; padding: 10px 15px; }
.header-btn.pl-xl-50 { padding-left: 20px; }
.header-logo a { display: block; line-height: 0; }
.header-logo img { height: 60px; }
ul.menu { display: inline-block; margin: 0 auto; }
.header-layout9 .icon-btn:hover i { color: #fff; }
.banner li { list-style: none; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { border: none; opacity: 1; background: #7d1d29 !important; }
.bannerMain { position: relative; z-index: 0; }
.owl-prev, .owl-next { height: 48px; width: 48px; border: none; background: #7d1d29; opacity: 0.6; display: none; }
.clr { clear: both; }
.dv-idvideo-youtube { width: 1300px; height: 700px; }
.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next { display: block; }
.dv-home-top .food-img img { height: 96px; }
.sec-title1.mb-lg-35 { padding: 12px 0 25px; font-weight: 600; color: #7d1d29; font-size: 30px; line-height: 1.3; margin: 0; }
.h3.text-font3.text-theme.d-block.mb-3 { font-size: 20px; margin: 15px 0 5px !important; padding: 0; }
.vs-about-layout10 .vs-btn-group .style1:hover { background: #B80011; }
#about .showText { font-size: 18px; line-height: 1.5; color: #545454; margin-bottom: 35px; }
#about .showText p { margin-bottom: 15px; }
.dv-media { width: calc(100% - 30px); margin: 0 15px; }
.sec-title1 { font-size: 35px; font-weight: 700; margin-bottom: 45px; }
.dv-danhmuc-menu { margin: 0 -15px; }
.food-price2 span.gia_km { font-weight: 500; font-size: 17px; display: inline-block; text-decoration: line-through; color: #8c8c8c; }
.dv-box-sp.flex { margin: 0 -12px; background: none; }
.food-box-layout6 .food-image a { display: block; line-height: 0; }
.food-box-layout6 .food-image a img { width: 100%; border-radius: 15px 15px 0 0; }
.dv-box-menu { text-align: center; max-width: 1000px; margin: -30px auto 50px; }
.dv-box-menu a { display: inline-block; color: #333; padding: 7px 25px; line-height: 1.5; position: relative; margin: 6px 5px; border: 1px solid #7d1d2924; border-radius: 100px; background: #fff; }
.dv-box-menu a + a:before { border-left: 1px solid #c1c1c1; position: absolute; left: 0; height: 20px; top: 3px; }
.dv-box-menu a:hover { background: #7d1d29; border-color: #7d1d29; color: #fff; }
.dv-tintuc .vs-blog { width: calc(100% - 24px); margin: 0 12px; }
.food-box-layout6 { background: #f6f6f6; }
.dv-tintuc .vs-blog img { transition: all .3s !important; }
.vs-btn.mask-style1 { background: #7d1d29; }
.vs-cta-wrapper h3 { font-size: 25px; font-weight: 500; font-style: italic; margin: 0 0 4px 0 !important; }
.dv-fot { width: calc(16% - 20px); float: left; margin: 0 10px; padding-right: 20px; }
.dv-fot.dv-fot-3 { width: calc(20% - 20px); }
.dv-fot.dv-fot-1 { width: calc(39% - 20px); padding-right: 30px; }
.dv-fot.dv-fot-4 { width: calc(25% - 20px); padding: 0; }
.vs-cta-wrapper h2 { font-size: 21px; font-weight: 500; font-style: italic; }
.dv-fot-menu li a { padding-left: 20px !important; position: relative; }
.dv-fot-menu li a:before { position: absolute; left: 0; }
.dv-fot-menu li a:hover { color: #B80011; }
.ui-datepicker-header select { font-size: 14px !important; }
.icon_ques { font-size: 90px !important; color: #fa8507; margin: 0 0 30px 0 !important; display: block; }
.text_ques { line-height: 1.7 !important; min-height: 100px; margin: 0; padding: 0; font-size: 18px; }
.dv-box-imgs .dv-img { width: 110px; height: 110px; border-radius: 100%; overflow: hidden; margin: 0 20px 0 0; padding: 0; }
.dv-box-imgs { display: flex !important; align-items: center; justify-content: center; }
.dv-box-imgs .dv-cont { width: calc(100% - 110px); }
.dv-box-imgs .dv-cont h2 { font-size: 22px; font-weight: 600; padding: 0 0 2px; }
.dv-box-imgs .dv-cont strong { font-weight: 500; font-size: 18px; }
#testimonial-name-slide { padding: 40px; border-radius: 20px; }
.dv-img-bn { line-height: 0; overflow: hidden; max-height: 350px; }
.dv-img-bn img { width: 100%; height: 100%; object-fit: cover; }
.pagewrap { max-width: 1290px; margin: 0 auto; padding: 0 15px; }
.link_page li { list-style: none; padding: 10px 0; }
.link_page ul { margin: 0; padding: 0; }
.link_page { background: #7d1d290f; margin-bottom: 30px; }
.link_page li i { display: none; }
.link_page li a:hover { color: #7d1d29; }
.link_page li span { display: inline-block; padding: 0 10px; }
.page_conten_page { padding: 10px 0 50px; }
.tin_left h1,.tin_left h2 { font-size: 28px; color: #7d1d29; font-weight: 500; line-height: 1.3; margin-bottom: 20px; padding: 0; }
.showText p, .showText ul, .showText img, .showText ol, .showText h1, .showText h2, .showText h3, .showText h4, .showText h5, .showText h6, .showText img { margin-bottom: 15px; }
.showText { color: #333; font-size: 17px; line-height: 1.5; }
.dv-tintuc .vs-blog .blog-img a { display: block; line-height: 0; }
.dv-tintuc .vs-blog .blog-img a img { width: 100%; height: auto; }
.dv-tintuc.dv-tintuc-ds .vs-blog { width: calc(100% / 3 - 24px); margin: 0 12px 35px; }
img { max-width: 100%; height: auto; }
.nums { table-layout: auto; margin-top: 20px; text-align: center; }
.nums li { list-style: none; display: inline-block; float: left; }
.nums a { font-size: 15px; display: block; margin: 0 5px 0; padding: 0; line-height: 44px; height: 44px; width: 42px; table-layout: inherit; text-align: center; color: #2f2f2f; text-decoration: none; font-weight: 500; background: #f4f4f4; border-radius: 10px; }
.tagcloud { padding: 20px 0; }
.tagcloud span { padding: 2px 10px 2px 0; float: left; margin: 0 5px 7px 0; }
.tagcloud a { display: inline-block; padding: 2px 15px; background: #efefef; color: #333; margin: 0 5px 7px 0; float: left; border-radius: 100px; transition: all .3s; }
.tagcloud a:hover { background: #7d1d29; color: #fff; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #7d1d29; color: #ffffff; }
.nums ul { display: inline-block; }
.dv-tintuc.dv-tintuc-slider.vs-blog-layout4.flex { margin: 0 -12px; }
.title_home_lq { text-transform: uppercase; font-size: 30px; font-weight: 700; color: #333; padding: 0 0 30px; }
.box_page.box_page_news { padding: 40px 0 0; }
.title_news h2,.title_news h1 { font-size: 28px; color: #7d1d29; font-weight: 500; line-height: 1.3; margin-bottom: 7px; padding: 0; }
.title_news li { list-style: none; color: #333; padding: 0; }
.title_news { padding: 0 0 20px; }
.title_news li i { margin-right: 7px; color: #7d1d29; }
.left_contact { width: 50%; padding-right: 20px; float: left; }
.right_contact { width: 50%; float: left; padding-left: 20px; }
.contact-maps li { list-style: none; width: 100%; line-height: 0; }
.contact-maps li iframe { width: 100%; height: 500px; }
.left_contact > h3,.right_contact > h3 { text-transform: uppercase; font-size: 28px; color: #7d1d29; font-weight: 600; line-height: 1.3; margin-bottom: 20px; padding: 0; }
.showText .fa { margin-right: 10px; }
a:hover { color: #b02c3d; }
.showText.showText_lienhe p { padding: 0 0 7px; }
a { color: #333; }
.contact {}
.contact .left { margin: 0 -10px; }
.contact li { list-style: none; width: 100%; margin-bottom: 15px !important; }
.contact .left li { width: calc(50% - 20px); margin: 0 10px; float: left; }
.contact input,.contact textarea { width: 100%; border: 1px solid #e2e2e2; padding: 0 15px; height: 46px; font-size: 15px; border-radius: 10px; }
.contact textarea { padding: 15px; height: 100px; }
.ajax_img_loading { height: 15px !important; }
.dv-alienhe a { display: inline-block; border: none; font-size: 16px; border-radius: 50px; font-weight: 500; padding: 15px 42px; text-align: center; color: #fff; position: relative; margin-right: 15px; background: #7d1d29; }
.dv-alienhe a:hover { background: #B80011; color: #fff; }
.dv-alienhe { padding: 10px 0 0; }
.dv-box-sp.dv-box-sp-slider.food-box-layout6 { background: none; margin: 0 -12px; padding: 0 0 30px; }
.dv-box-sp.dv-box-sp-slider.food-box-layout6 .vs-food-box { width: calc(100% / 1 - 24px); }
.viewLeft { width: 50%; float: left; padding-right: 20px; }
.viewRight { width: 50%; float: left; padding-left: 20px; }
div#bridal_images img { width: 100%; border-radius: 20px; }
div#bridal_images { margin-bottom: 20px; }
.titleView { font-size: 30px; color: #7d1d29; font-weight: 500; line-height: 1.2; margin-bottom: 15px; padding: 0; }
.dv-box-price { color: #ff7204; font-size: 24px; font-weight: 700; padding: 0 0 20px; }
#ftwp-postcontent { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 15px 0 10px; margin-bottom: 25px; font-size: 17px; }
#ftwp-postcontent p { margin: 0; padding: 0px 0 12px; }
div#ftwp-postcontent ul { margin: 0 0 10px; padding: 0 0 0 20px; }
div#ftwp-postcontent ul li p { margin: 0; padding: 0; }
div#ftwp-postcontent ul li { padding: 0 0 4px 0; }
.ct_add { display: flex; align-items: center; }
.ct_add .so-luong-mua { display: inline-block; float: left; margin-right: 20px; border: 1px solid #e6e6e6; padding: 7px 18px; border-radius: 100px; }
.ct_add h3 { display: inline-block; float: left; margin: 0; padding: 0; }
.ct_add h3 a { background: #7d1d29; padding: 12px 40px; color: #fff; font-size: 18px; border-radius: 100px; display: inline-block; }
.ct_add h3 a:hover { background: #B80011; color: #fff; }
.ct_add .so-luong-mua span { display: inline-flex; width: 30px; float: left; text-align: center; align-items: center; font-weight: 700; color: #7d1d29; justify-content: center; height: 32px; cursor: pointer; }
.dv-slider-nang li a img { border-radius: 16px; }
.dv-slider-nang li { border-radius: 20px; }
.ct_add .so-luong-mua input { width: 40px; float: left; height: 32px; text-align: center; border: none; color: #7d1d29; }
.dv-anh-cart-sp > a { width: 100px; float: left; }
.dv-anh-cart-sp > a img { width: 100%; height: auto; }
.dv-anh-cart-sp .dv-anh { width: calc(100% - 100px); padding-left: 15px; float: left; }
.dv-anh-cart-sp table { border: 1px solid #ccc !important; }
.dv-table-reposive {}
.dv-table-reposive table { border: 1px solid #ececec; }
.dv-table-reposive table th { padding: 6px 10px !important; }
.mobileqty.no_box input { float: left; margin: 0; }
.dv-btn-cart a { display: inline-block; margin: 0 5px; padding: 10px 20px; background: #7d1d29; color: #fff; border-radius: 100px; min-width: 150px; }
.dv-btn-cart a:hover { background: #B80011; color: #fff; }
h2.sidebar__title, div#chitiet_news > h2, .thanhtoan-2 h2 { text-transform: uppercase; font-size: 22px; line-height: 1.5; padding: 0 0 10px; font-weight: 700; }
#chitiet_news,.thanhtoan-2 { width: calc(30% - 20px); margin: 0 10px; }
.dv-sidebar { width: calc(40% - 20px); margin: 0 10px; }
form#check_buy_new_form { margin: 0 -10px; }
.order-summary__section { padding: 10px 0; }
.order-summary__sections td { margin: 0; padding: 0; }
.product-thumbnail { width: 60px; }
.product-thumbnail img { width: 100%; }
span.product-thumbnail__quantity { background: #be2639; }
.order-summary__nav.method-button-cart { padding: 10px 0; }
.button-cart .btn-checkout, .order-summary__nav.method-button-cart button { background: #7d1d29; padding: 5px 36px; border-radius: 100px; box-shadow: none; }
.order-summary__nav.method-button-cart button:hover { background: #b5273a; color: #fff; }
.dv-thongtindh * { color: #333; padding: 0; margin: 0; }
.dv-thongtindh td { padding: 7px 10px; }
.vs-food-box-wrapper { padding-top: 0; position: relative; margin-top: -80px; display: block; float: left; width: 100%; padding-bottom: 10px;}
.dv-box-video { width: calc(100% - 10px); height: 100%; position: relative; text-align: center; margin-right: 10px; display: flex ; align-items: center;}
.dv-box-video img.ivideo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 90px; width: 90px; }
.dv-box-video a { display: block; line-height: 0; }
.dv-box-video img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px}
.vs-testimonial-wrapper {
    padding: 60px 0;    margin: 0;
}

.vs-testimonial-wrapper .sec-title1 {
    color: #fff;
    margin-bottom: 0;
}

.dv-home-chiase-box {
    background: #fff;
    width: calc(100% - 24px);
    margin: 0 12px;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
}

.dv-home-chiase {
    margin: 0 -12px;
}

.dv-home-chiase-box .food-img a {
    display: block;
    line-height: 0;
    position: relative;
}

.dv-home-chiase-box .food-img:hover a .ivideo {
  opacity: 1;
}
.dv-home-chiase-box .food-img a .ivideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 60px;
    width: 60px; opacity: 0;
}

.dv-home-chiase-box .food-img a img {
    border-radius: 15px;
}

.dv-home-chiase-box .food-content {
    padding: 20px 10px 12px;
}

.dv-home-chiase-box .food-content h3 a {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
}

.dv-home-chiase-box .food-content h3 {
    margin: 0;
    padding: 0 0 3px;
}

.dv-home-chiase-box .food-content h3 a:hover {
    color: #7d1d29;
}

.vs-testimonial-wrapper .section-title {
    margin: 0 0 45px; position: relative; z-index: 1
}
.vs-blog-wrapper {
    padding: 50px 0;
} 
.dv-title-dm {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #333;
}

.dv-bo-dat-mon li {
    list-style: none;
    width: calc(100% / 3 - 20px);
    margin: 0 10px 20px;
    float: left;
}

.dv-bo-dat-mon li.mess {
    width: calc(100% / 1 - 20px);
}

.dv-bo-dat-mon input, .dv-bo-dat-mon textarea {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 7px;
}

.dv-bo-dat-mon textarea {
    height: 100px;
    padding: 15px;
}
.dv-home-top {
    margin: 0 -15px;
}
.dv-bo-dat-mon .dv-alienhe {
    padding: 0;
    text-align: center;
}.food-price {
    line-height: 1.5;
    display: block;
}.food-box-layout6 .vs-food-box .food-text span {
    line-height: 1.5;
}.dv-tophd {
    font-size: 15px;
}

.dv-tophd strong {
    font-size: 23px;
}

.vs-about-wrapper {
    padding: 50px 0;
}
.dv-tophd p {
    line-height: 1.4;
}
.widget.pt-0 h3.widget_title {
    display: none;
}
.dark-footer .footer-widget-wrapper {
    padding-top: 160px;
}
.widget.pt-0 figure.image {
    margin-bottom: 30px;
}
@media (max-width: 1199px) { .counter-layout2 .counter-style1 { padding: 80px 0px 80px 0px; }
.vs-blog-layout6 .blog-left { max-height: 770px; padding-top: 356px; }
.counter-layout2 { transform: translateY(0%); }
.vs-service-layout3 .service-list .service-item .service-content .service-numbar { margin-right: 45px; }
.vs-hero-layout3 .ls-v6 [class*="ls-gui-element ls-nav-"] { display: none; }
.vs-about-layout10 .image-box4 { padding-right: 0; margin-bottom: 30px; }
.vs-about-layout10 .image-box4 img { width: 100%; }
.vs-about-layout10 .image-box4 .small-img { display: none; }
.appointment-form-layout3 { box-shadow: none; }
.appointment-form-layout3 .from-area { padding-top: 0; }
.appointment-form-layout3.background-image { background-size: initial; }
.counter-layout2 { padding: 30px 0 60px 0; }
.food-box-layout3 .vs-btn { margin-bottom: 20px; }
.header-btn { margin-left: 10px; }
.container, .container-md, .container-sm { max-width: 100%; }
}
@media (max-width: 992px) { .vs-service-layout3 .service-list .service-item .service-img { display: none; }
.vs-menu-toggle { color: #7c1c28; padding: 8px; }
.vs-mobile-menu { overflow-y: auto; max-height: calc(100vh - 120px); padding: 0; }
.vs-mobile-menu li { width: 100%; text-align: left; padding: 5px 0; }
.vs-mobile-menu li i { display: none; }
.vs-mobile-menu li ul { display: block; position: relative; color: #333; transform: none !important; width: 100%; min-width: 0; opacity: 1; visibility: visible; }
.vs-mobile-menu li ul li { width: 100%; min-width: 0; background: #f9f9f9; }
.vs-mobile-menu ul { width: 100%; }
.vs-mobile-menu li ul li a { color: #333 !important; font-size: 14px; text-overflow: ellipsis; overflow: hidden; }
.vs-food-box-wrapper { padding: 40px 0 10px !important; }
.vs-about-wrapper { padding: 20px 0 !important; }
.vs-about-wrapper .col-md-10.col-lg-6.fadeInLeft.animated.animate.delay-500.go { width: calc(50% - 20px); float: left; }
.vs-about-wrapper .col-lg-6.mb-30.align-self-top.fadeInRight.animated.animate.delay-500.go { width: calc(50% - 20px); float: left; }
.container, .container-md, .container-sm { max-width: 100%; }
.vs-about-wrapper .row { display: block; }
.pb-lg-70.pb-60.food-box-layout5.longthinhdev { padding-bottom: 30px; }
.food-box-layout6 .vs-food-box { width: calc(100% / 3 - 24px); }
.food-box-layout6.longthinhdev { padding: 40px 0 20px; }
.vs-cta-wrapper.cta-layout2 .cta-content.text-center.text-lg-left { margin-bottom: 15px; }
.cta-layout2 .cta-inner { margin: 0 0 20px; }
.footer-wrapper.footer-layout1 { padding: 40px 0 0; }
.dark-footer .footer-widget-wrapper { border: none !important; }
.footer-copyright { padding: 20px 0; }.dark-footer .footer-widget-wrapper { padding-top: 40px; }
.dv-fot.dv-fot-1 {
    width: calc(100% - 20px) !important;
    padding: 0 0 10px;
}

.dv-fot {
    width: calc(100% / 3 - 20px) !important;
}
}
@media (max-width: 767px) { .vs-blog-layout6 .blog-left { padding-top: 186px; margin-bottom: 30px; }
#chitiet_news, .thanhtoan-2, .dv-sidebar { width: calc(100% - 20px); }
td.product__price { text-align: right; }.vs-btn {
    padding: 12px 30px;
    font-size: 15px;
}
.food-box-layout6 .vs-food-box { width: calc(100% / 2 - 24px); }
.vs-blog-layout6 .blog-left .blog-content { padding: 30px; }
.vs-about-layout10 .image-box4 { padding-right: 0; margin-bottom: 30px; }
.vs-about-wrapper .col-md-10.col-lg-6.fadeInLeft.animated.animate.delay-500.go { width: calc(100% - 0px); margin: 0; }
.vs-about-wrapper .col-lg-6.mb-30.align-self-top.fadeInRight.animated.animate.delay-500.go { width: calc(100% - 20px); }
.vs-about-layout10 .image-box4 { margin-bottom: 15px; }
.dv-fot { width: calc(100% - 20px) !important; margin-bottom: 20px; }
#testimonial-name-slide { padding: 20px; margin: 0 10px; width: calc(100% - 20px); }
.vs-about-layout10 .image-box4 .small-img, .vs-about-layout10 .image-box4 .about-image2 { display: none; }
.counter-layout2 { transform: translateY(0%); }
.counter-layout2 .media-body { margin-bottom: 30px; }
.counter-layout2 .counter-style1 { padding: 80px 0px 50px 0px; }
.add-area { margin-bottom: 30px; }
.add-area .marquee-title { font-size: 70px; }
.food-box-layout7 .vs-food-box .food-inner { padding: 20px; }
.food-box-layout7 .vs-food-box .food-title a { font-size: 20px; line-height: 1.5; }
.dv-home-top .food-img img { height: 50px; }
.food-box-layout7 .vs-food-box {
    margin: 0 7px;
    width: calc(100% - 14px);
}
.food-box-layout7 .vs-food-box::after { bottom: -283px; right: -224px; }
.food-box-layout7 .vs-food-box .food-price { font-size: 30px; }
.food-box-layout7 .vs-food-box .food-title a { min-height: 60px; }
.viewLeft { width: 100%; padding: 0 0 20px; }
.viewRight { width: 100%; padding: 0; }
.mobileqty.no_box input { float: left !important; }
.dv-anh-cart-sp > a { margin-top: 30px; }
.tb_rps td.dv-anh-cart-sp .dv-anh { padding: 0; }
.dv-tintuc.dv-tintuc-ds .vs-blog { width: calc(100% / 2 - 24px); }
.dv-box-video { width: 100%; margin: 0; padding: 0 0 10px; }
.cta-layout2 .cta-inner {
    padding: 30px 10px;
}

.dv-alienhe a {
    padding: 12px 30px;
}
}
@media (max-width: 576px) { .vs-blog-layout6 .link-btn { font-size: 14px; }
.dv-tintuc.dv-tintuc-ds .vs-blog { width: calc(100% / 1 - 24px); }
.left_contact { width: 100%; padding: 0 0 20px; }
.right_contact { width: 100%; padding: 0; }
.dv-bo-dat-mon li {
    width: calc(100% / 1 - 20px);
}
.vs-blog-layout6 .blog-meta span { font-size: 12px; }
.vs-blog-layout6 .blog-left .blog-content { padding: 20px; }
.vs-blog-layout6 .blog-style1 .blog-content { padding: 20px; }
.vs-service-layout3 .service-list .service-item { padding: 20px 15px; }
.vs-service-layout3 .service-list .service-item .service-content .service-numbar { margin-right: 10px; }
.sec-title1 { font-size: 30px; margin-bottom: 20px; }
.food-box-layout5 .section-title { margin-bottom: 30px; }
.pb-lg-70.pb-60.food-box-layout5.longthinhdev { padding-bottom: 10px; }
.food-box-layout6 .vs-food-box { width: calc(100% / 2 - 20px); margin: 0 10px 40px; }
.icon_ques { font-size: 70px !important; }
.vs-cta-wrapper h3 { font-size: 20px; }
.vs-cta-wrapper h2 { font-size: 18px; }
.dv-fot { width: calc(100% - 20px) !important; margin-bottom: 10px; padding: 0; }
.dark-footer .footer-widget-wrapper { padding: 0; }
.dv-box-menu a { border: none; padding: 0; margin: 0 5px 10px; background: none !important; }
.dv-box-menu a:hover { color: #7d1d29; }
.food-box-layout7 .vs-food-box .food-title a { min-height: auto; }
.dv-box-menu { margin: -20px auto 30px; }
.food-box-layout6 .food-content { padding: 20px 20px 45px; }
.sec-title1.mb-lg-35 { font-size: 25px; }
}