/* #General Styles
================================================== */

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face { font-family: "Delivery"; font-style: normal; font-weight: 400; src: url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_Rg.woff2") format("woff2"), url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_Rg.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F; }
@font-face { font-family: "Delivery"; font-style: normal; font-weight: 700; src: url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_Bd.woff2") format("woff2"), url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_Bd.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F; }
@font-face { font-family: "Delivery"; font-style: normal; font-weight: 200; font-stretch: condensed; src: url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_CdLt.woff2") format("woff2"), url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_CdLt.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F; }
@font-face { font-family: "Delivery"; font-style: normal; font-weight: 800; font-stretch: condensed; src: url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_CdBlk.woff2") format("woff2"), url("https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery_W_CdBlk.woff") format("woff"); unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F; }
@font-face { font-family: 'Deliverycb'; src: url('https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery-CondensedBlack.eot'); src: url('https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery-CondensedBlack.eot?#iefix') format('embedded-opentype'), url('https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery-CondensedBlack.woff2') format('woff2'), url('https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery-CondensedBlack.woff') format('woff'), url('https://084-xpw-627.mktoweb.com/rs/084-XPW-627/images/Delivery-CondensedBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

:root {
    --color1: #ffffff;
    --color2: #000000;
    --color3: #FFCC00;
    --color4: #D40511;
    --color5: #1A1A1A;
    --color6: #666666;
    --color7: #333333;
    --Delivery: 'Delivery';
    --Deliverycb: 'Deliverycb';
    --normal: 400;
    --medium: 500;
    --bold: 700;
    --filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.1));
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;scroll-behavior: smooth;}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  font-variant-ligatures: none; }
.up html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none; scroll-behavior: smooth; font-variant-ligatures: none;}
.up button, .up input, .up select, .up textarea {vertical-align: baseline;box-shadow: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.up input[type="button"], .up input[type="submit"] {appearance: none !important; -webkit-appearance: none !important; }
.up a { text-decoration: none; }
.up img { border: 0 none; max-width: 100%; vertical-align: top; }
.up a { outline: none; cursor: pointer; color: var(--color4);text-decoration: underline;}
.up a:hover { color: var(--color5);}
.up a:focus { text-decoration: none !important; outline: none !important; }
.up .clear { clear: both; }
.up img { max-width: 100%; }
.up button:focus {outline:0;}
.up .text-transform { text-transform: uppercase; }
.up .preloader { display: none; }
.up img {vertical-align: middle;}
/*Placeholder opacity cross browsers*/
.up input::-webkit-input-placeholder { color: var(--color5); opacity:1;} /* WebKit browsers */
.up input:-moz-placeholder { color: var(--color5); opacity:1;} /* Mozilla Firefox 4 to 18 */
.up input::-moz-placeholder { color: var(--color5); opacity:1;} /* Mozilla Firefox 19+ */
.up input:-ms-input-placeholder { color: var(--color5); opacity:1;} /* Internet Explorer 10+ */
.up textarea::-webkit-input-placeholder { color: var(--color5); opacity:1;} /* WebKit browsers */
.up textarea:-moz-placeholder { color: var(--color5); opacity:1;} /* Mozilla Firefox 4 to 18 */
.up textarea::-moz-placeholder { color: var(--color5); opacity:1;} /* Mozilla Firefox 19+ */
.up textarea:-ms-input-placeholder { color: var(--color5); opacity:1;} /* Internet Explorer 10+ */
.up button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {border: 0;}
.up #login-form .sbSelector a{ color: #000 !important; }
.up .sbSelector{color: var(--color5) !important;}

.up ul,.up ol {padding: 0px 0px 0px 24px;margin: 10px 0;}
.up ul li,.up ol li{font-size: 14px;line-height: 1.2857;color: var(--color5);font-family:var(--font);font-weight: 400;}
.up .bg {background-repeat: no-repeat;background-size: cover;background-position: center;}
/********/    
.up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up .mktoForm select::-ms-expand { display: none !important; }
.mktoGen.mktoImg {display: inherit !important;line-height: inherit !important;width: 100%;}
.up .ratio_img {position: relative;z-index: 0;overflow: hidden;padding-bottom: 50.7%;width: 100%;}
.up .ratio_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;}
p br {display: none;}
/********/   

/* ~~~~~ Flex Container ~~~~~ */
.up .flex-container { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.up .flex-end {justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.up .flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.up .flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.up .flex-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
/* ~~~~~ / Flex Container ~~~~~ */
  
/* Typography
==================================================*/ 
.up h1,.up h1 div,.up h2,.up h2 div,.up h3,.up h3 div,.up h4,.up h4 div,.up h5,.up h5 div,.up h6,.up h6 div {font-family: var(--Deliverycb);font-weight: var(--bold);line-height: 1.3;}
.up h1,.up h1 div{font-size: 64px; line-height: 1.0938; color: var(--color1); text-transform: uppercase; font-weight: 800;letter-spacing: 0; }
.up h2,.up h2 div{font-size: 44px; line-height: 1.0938; color: var(--color4); text-transform: uppercase; font-weight: 800; }
.up h3,.up h3 div{font-size: 24px; line-height: 1.5000; color: var(--color4); font-family: var(--Delivery);}
.up h4,.up h4 div{font-size: 22px; line-height: 1.5000; color: var(--color4); }
.up h5,.up h5 div{font-size: 20px; line-height: 1.4000; color: var(--color4); font-family: var(--Delivery);}
.up h6,.up h6 div{font-size: 18px; line-height: 1.4000; color: var(--color5); }

.up div.sub_text,.up div.sub_text div{font-family: var(--Delivery);color: var(--color5);font-size: 16px;font-weight: var(--normal);line-height: 1.4;letter-spacing: 0;}
.up div.sub_text:not(:last-child) {margin-bottom: 20px;}

.up .mid-container{width:100%;padding: 30px 0;}

/* #Page Structure
================================================== */
body.up { margin: 0; padding: 0; font-size: 16px; color: var(--color5); background: var(--color1); font-family: var(--Delivery); font-weight: var(--normal);overflow-x: hidden;}
.up .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.up .main {max-width: 750px;padding: 0 15px;margin: 0 auto;}
.up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up .btn_all {text-align: center;margin-top: 24px;}
.up .btn_all a {background-color: var(--color4);text-decoration: none;border: 1px solid var(--color4);color: var(--color1);font-size: 16px;line-height: 1;padding: 9px 32px;font-family: var(--Delivery);font-weight: var(--medium);border-radius: 4px;letter-spacing: 0em;display: inline-block;vertical-align: middle;position: relative;z-index: 0;}
.up .btn_all a::before {content: ''; width: 100%; bottom: 0; height: 0px; background-color: var(--color2); left: 0; position: absolute; transition: all ease 0.3s;z-index: -1;}


/* Section Top Content Style
=============================== */
.up .topContent {display: block;width: 100%;margin-bottom: 30px;}
.up .topContent h2, .up .topContent h2 div {color: var(--color4);}
.up .topContent .title_h2 {margin-bottom: 2px;}
.up .topContent .title_h3 {margin-bottom: 10px;}
.up .topContent h5, .up .topContent h5 div {color: var(--color5);font-weight: 400;font-family: var(--Delivery);}
.up .topContent h3, .up .topContent h3 div {color: rgba(0, 0, 0, 0.9); font-weight: 700;}

/* Slider Style
=============================== */
.up .slierMain {width: 100%;display: block;}
.up .sliderBx {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 30px 0; }
.up .sliderBx.slick-slider {margin: 0 -12px;}
.up .sliderBx.slick-slider .slick-slide {text-align:center;margin-right: 12px;margin-left: 12px;margin-bottom: 3px;}
.up .sliderBx .slick-prev,.up .sliderBx .slick-next {font-size: 0;outline: none;border: none;}
.up .sliderBx .slick-prev,.up .sliderBx .slick-next {width: 16px;height: 28px;position: absolute;top: 50%;transform: translateY(-50%); cursor: pointer;background: transparent;}
.up .sliderBx .slick-prev::before,.up .sliderBx .slick-next::before {content: "";box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);width: 18px;height: 18px;position: absolute;top: 4px;left: -8px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;border-style: solid;border-width: 0px 2px 2px 0px;border-color: #D40511;transform: rotate(-45deg);}
.up .sliderBx .slick-prev {left: -66px;transform: translateY(-50%) rotate(180deg) !important;}
.up .sliderBx .slick-next {right: -66px;}
.up .sliderBx .slick-prev.slick-disabled, .up .sliderBx .slick-next.slick-disabled {opacity: 1;pointer-events:none;}
.up .sliderBx .slick-prev.slick-disabled::before, .up .sliderBx .slick-next.slick-disabled::before {border-color: #8C8C8C;opacity: 1;pointer-events:none;}

/* Image/Content Section Style
=============================== */
.up .imgContent {width: 100%;display: block; }
.up .imgContent .icRow {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;width: 100%;}
.up .imgContent .icRow:not(:last-child) {margin-bottom: 24px;}
.up .imgContent .ic_imgBx {width: 31%;}
.up .imgContent .ic_imgBx .imgblk {display: flex;justify-content: center;align-items: center;}
.up .imgContent .ic_Content {background: #ffffff;width: 472px;margin: 0 0 0 24px;}
.up .imgContent .title_h5 {margin-bottom: 10px;}

/* Three Colomn Box Style
=============================== */
.up .col3Row { display: flex; flex-wrap: nowrap; justify-content: space-around; margin: 0 -12px; }
.up .col3Main:not(:last-child) {margin-bottom: 16px;}
.up .col3Row .col3Item {margin: 0 12px;flex: 0 1 auto;width: 100%;}
.up .col3Row .col3Imgbx {background: #F2F2F2;border-radius: 6px;display: flex;justify-content: center;align-items: center;overflow: hidden;width: 224px;height: 151px;}
.up .col3Row .col3Content { padding: 8px 10px; text-align: center; }
.up .col3Row .sub_text, .up .col3Row .sub_text div { color: rgba(0, 0, 0, 0.9); line-height: 1.75; font-weight: 700; }

/* Four Colomn Box Style
=============================== */
.up .fourCol_main {width: 100%;display: block; }
.up .fourCol_row {display: flex;flex-wrap: nowrap;justify-content: space-around;margin: 0 -12px;}
.up .fourCol_item {margin: 0 12px;filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.1));flex: 0 1 auto;width: 100%;}
.up .fourCol_item a {text-decoration: none;}
.up .fourCol_item a:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); text-decoration: none;}
.up .fourCol_imgBx {border-radius: 4px 4px 0px 0px;width: 162px;height: 114px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.up .fourCol_imgBx img {width: 100%;}
.up .fourCol_content {width: 100%;text-align: left;background: var(--color1);border-radius: 0px 0px 4px 4px;padding: 15px 15px;}


/* Banner Style
=============================== */
.up .bannerSec {padding: 8.407em 0;position: relative;z-index: 0;}
.up .bannerSec::before {content: "";background: linear-gradient(90deg, #1A1A1A 66.15%, rgba(26, 26, 26, 0) 100%); opacity: 0.4;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.up .bannerSec .innerBx {width: 100%;max-width: 720px;margin: 0;}
.up .bannerSec .title_h1 {margin-bottom: 15px;}
.up .bannerSec .sub_text, .up .bannerSec .sub_text div {color: var(--color1);line-height: 1.75;font-weight: 700;}

/* Section 3 Style
=============================== */
.up .sec3 {padding: 30px 0;}
.up .sec3 .sliderBx .title_h6 {margin-bottom: 7px;}
.up .sec3 .sliderBx h6, .up .sec3 .sliderBx h6 div {font-size: 16px;line-height: 1.125;font-weight: 700;text-align: left;color: rgba(0, 0, 0, 0.9);font-family: var(--Delivery);}
.up .sec3 .sliderBx .sub_text, .up .sec3 .sliderBx .sub_text div {font-size: 14px;line-height: 1.1429;font-weight: 400;text-align: left;}
.up .sec3 .sliderBx .item {width: 30%;overflow: hidden;background-color: #fff;box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);margin: 12px;}
.up .sec3 .sliderBx .slideImgBx {text-align: center;border-radius: 4px 4px 0px 0px;display: flex;justify-content: center;align-items: center;width: 224px; height: 114px;overflow: hidden;}
.up .sec3 .sliderBx .slideImgBx img {width: 100%;}
.up .sec3 .sliderBx .slideContent {padding: 18px 14px;border-radius: 0px 0px 4px 4px;min-height: 159px;}

/* Section 4 Style
=============================== */
.up .sec4 {padding: 30px 0;}
.up .sec4 .title_h3 {margin-bottom: 8px;}
.up .sec4 .slideBlk:not(:last-child) {margin-bottom: 20px;}
.up .sec4 .sliderIcon {background: #E5E5E5;border-radius: 6px;text-align: center;display: flex !important;justify-content: center;align-items: center;margin-bottom: 7px;width: 224px;height: 151px;overflow: hidden;}
.up .sec4 .sliderIcon img {width: 100%;}
.up .sec4 .sliderBx h6, .up .sec4 .sliderBx h6 div {font-size: 16px;line-height: 1.75;color: rgba(0, 0, 0, 0.9);font-family: var(--Delivery);}
.up .sec4 .slick-prev, .up .sec4 .slick-next {top: 75px;}
.up .sec4 .slick-prev {transform: translateY(-50%) rotate(180deg) !important;}

/* Section 5 Style
=============================== */
.up .sec5 {padding: 30px 0;}
.up .sec5 .twoCol_main {width: 100%;display: block;}
.up .sec5 .twoCol_row {display: flex;flex-wrap: nowrap;justify-content: space-around;margin: 0 -12px;}
.up .sec5 .twoCol_row:not(:last-child) {margin-bottom: 24px;}
.up .sec5 .twoCol_item {margin: 0 12px;width: 100%;}
.up .sec5 .twoCol_item a {display: block;width: 100%;}
.up .sec5 .twoCol_item a:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);text-decoration: none;}
.up .sec5 .twoCol_imgBx {width: 348px;height: 175px;display: block;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.up .sec5 .twoCol_imgBx img {width: 100%;}
.up .sec5 .twoCol_content {width: 100%;text-align: center;background: var(--color4);padding: 15px 10px;min-height: 52px;}
.up .sec5 .sub_text, .up .sec5 .sub_text div {color: var(--color1);font-weight: bold;}

/* Section 6 Style
=============================== */
.up .sec6 {padding: 30px 0;}
.up .sec6 .twoCol_main {width: 100%;display: block; }
.up .sec6 .twoCol_row {display: flex;flex-wrap: nowrap;justify-content: space-around;margin: 0 -12px;}
.up .sec6 .twoCol_row:not(:last-child) {margin-bottom: 24px;}
.up .sec6 .twoCol_item {margin: 0 12px;width: 100%;}
.up .sec6 .twoCol_imgBx {margin-bottom: 18px;width: 348px;height: 226px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.up .sec6 .twoCol_imgBx img {width: 100%;}
.up .sec6 .twoCol_content {width: 100%;text-align: left;background: var(--color1);padding: 0;}
.up .sec6 .title_h5 {margin-bottom: 8px;box-sizing: border-box;}

/* Section 7 Style
=============================== */
.up .sec7 {padding: 30px 0;}
.up .sec7 .title_h6 {margin-bottom: 5px;}
.up .sec7 .fourCol_content h6, 
.up .sec7 .fourCol_content h6 div {font-size: 16px;line-height: 1.2;font-weight: 700;color: var(--color4);font-family: var(--Delivery);}
.up .sec7 .fourCol_content .sub_text, 
.up .sec7 .fourCol_content .sub_text div {font-size: 14px;line-height: 1.14;color: var(--color2);font-weight: 400;}
.up .sec7 .fourCol_content {min-height: 201px;}

/* Section 8 Style
=============================== */
.up .sec8 {padding: 30px 0;}

/* Section 9 Style
=============================== */
.up .sec9 {padding: 30px 0;}
.up .sec9 .icRow:nth-child(even) {flex-direction: row-reverse;}
.up .sec9 .icRow:nth-child(even) .ic_Content {margin: 0 24px 0 0;}
.up .sec9 .ic_imgBx {position: relative;z-index: 0;width: 224px;height: 176px;display: flex;justify-content: center;align-items: flex-start;}
.up .sec9 .ic_imgBx img { width: 100%; height: 100%; max-height: initial !important; }

/* Section 10 Style
=============================== */
.up .sec10 {padding: 30px 0;}

/* Section 11 Style
=============================== */
.up .sec11 {padding: 30px 0;}
.up .sec11 .title_h6 {margin-bottom: 5px;}
.up .sec11 .fourCol_content h6, 
.up .sec11 .fourCol_content h6 div {font-size: 16px;line-height: 1.2;font-weight: 700;color: var(--color4);}
.up .sec11 .fourCol_content .sub_text, 
.up .sec11 .fourCol_content .sub_text div { color: rgba(0, 0, 0, 0.9); line-height: 1.125; font-weight: 700; }
.up .sec11 .fourCol_content {min-height: 66px;}
/* Section 12 Style
=============================== */
.up .sec12 {padding: 30px 0;}
.up .sec12 .oneCol_box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.up .sec12 .oneCol_imgBx {width: 224.43px;height: 176px;display: flex;align-items: center;justify-content: center;}
.up .sec12 .oneCol_imgBx img {width: 100%;}
.up .sec12 .oneCol_content { width: 68.8%; padding: 0 0 0 24px; }
.up .sec12 .btn_all {text-align: left;margin-top: 12px;}