/**=========================================================
* Theme Name : Botello
* Author : Hitesh - Jyn Caumban / Jonathan
* Description : May 2024
* File Name: style.css
=========================================================**/
:root { --primary: #1A028A; /*Primary Color*/
/*--secondary:#353434; */
--secondary:#000000;
--body: #666666; /*Body Text Color/*/
--light: #AEAEAE; /*Light*/
--gray: #C4C4C4; /*Light*/
/*--title:#1A1A1A; */
--title:#000000;/*Title*/
--black: #000000; /*Dark*/
--dark:#1A1A1A; /*Dark*/
--red: #EB1313; /*Red*/
--white:#ffffff; /*White*/
--alternate:#FF4D4D; /* Alternate Color*/
--fontStyle1: 'Roboto', sans-serif;
--fontStyle2: 'Playfair Display', sans-serif;
}
.primary { color: var(--primary) !important;}
.secondary { color: var(--secondary) !important; }
.body { color: var(--body) !important; }
.light { color: var(--light) !important; }
.gray { color: var(--gray) !important; }
.title { color: var(--title) !important; }
.black { color: var(--black) !important; }
.dark { color: var(--dark) !important; }
.red { color: var(--red) !important; }
.white { color: var(--white) !important; }
.alternate { color: var(--alternate) !important; }
.fontStyle1{ font-family:var(--fontStyle1) !important; }
.fontStyle2 {font-family:var(--fontStyle2) !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: var(--fontStyle2), sans-serif;}
*, *:after, *:before { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
.container.container-xxl { max-width: 1660px; padding: 0px 30px; }
.container.container-xl { max-width: 1590px; padding: 0px 30px; }
.container.container-lg{ max-width: 1460px; padding: 0px 30px; }
.container.container-md { max-width: 1360px; padding: 0px 30px;}
.container{ max-width: 1210px; padding: 0px 30px; }
.container.container-sm { max-width: 1060px; padding: 0px 30px; }
.container-fluid,.header-container{ max-width: 100%; padding-right: 60px; padding-left: 60px; }
/*----*/
.colContainer { position: relative; display: block; }
.colContainer.xxl .textColRight, .colContainer.xxl .textColLeft { width: 815px; }
.colContainer.xl .textColRight, .colContainer.xl .textColLeft { width: 765px; }
.colContainer.lg .textColRight, .colContainer.lg .textColLeft { width: 700px; }
.colContainer.md .textColRight, .colContainer.md .textColLeft { width: 650px; }
.textColRight, .textColLeft { display: block; position: relative; width: 575px; padding: 0px; }
.colContainer.sm .textColRight, .colContainer.sm .textColLeft { width: 500px; }
.textColRight { float: left; }
.textColLeft { float: right; }
/*---*/
i::before { text-rendering: optimizeLegibility; }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { height: 100%; }
hr { border-top: 1px solid #eee; clear: both; margin: 80px 0px; opacity: 1; height: 0px; }
hr.md { margin: 40px 0px;}
hr.sm { margin: 30px 0px;}
hr.white{ border-color: #FFFFFF;}
.hr2 { border-top-width: 2px; }
.hr3 { border-top-width: 3px; }
body {font-style:normal;font-variant:normal;font-size:18px; line-height:1.8; font-weight: 400; overflow-x: hidden; position: relative; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;color:var(--body);font-family:var(--fontStyle1);letter-spacing:.3px}
img { max-width: 100%; vertical-align: middle; }
a, a:focus {outline: none; cursor: pointer; text-decoration: none; transition: all 0.2s linear;color:var(--secondary);}
a:hover { outline: none; text-decoration: none; transition: all 0.5s; }
:focus { border: none; outline: none !important; }
p a { text-decoration: underline; }
p a:hover { text-decoration: underline; }
fieldset, a img { border: none; }
ol, ul { margin: 0px auto 30px; padding-left: 15px; list-style-position: outside; /*list-style-type: none; */ }
ul.d-flex { list-style: none; padding-left: 0px; flex-wrap: wrap; margin-bottom: 0px; position: relative; }
ol.last, ul.last { margin-bottom: 0px !important; }
p { margin-top: 0; margin-bottom: 30px; }
p:last-child { margin-bottom: 0px !important; }
/*----*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-size: 56px; font-weight: bold; margin: 0px 0px 0px; padding: 0px 0px 22px; line-height: 1.30; text-transform: none;letter-spacing:0;color:var(--dark)}
.h1, .h2, .h3, .h4, .h5, .h6 { }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {color:var(--secondary)}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700;}
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong { font-weight: 700;}
h2, .h2 { font-size: 50px;letter-spacing:0}
h3, .h3 { font-size: 40px; padding: 0px 0px 22px;letter-spacing:0}
h4, .h4 { font-size: 30px; padding: 0px 0px 22px;letter-spacing:0}
h5, .h5 { font-size: 24px; padding: 0px 0px 22px;letter-spacing:0}
h6, .h6 { font-size: 20px; padding: 0px 0px 22px;letter-spacing:0}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0px !important; padding-bottom: 0px !important; }
/*----*/
iframe { display: block; width: 100%; }
figure { margin: 0px !important; }
.hide-xxl, .hide-xl, .hide-lg, .hide-md, .hide-sm, .hide-xs, .hide-xxs { }
.show-xxl, .show-xl, .show-lg, .show-md, .show-sm, .show-xs, .show-xxs { display: none !important; }
.fullcontainer { position: relative; margin: 0px auto;}
.fullcontainer .container { position: relative;}
.full-mx { max-width: 1920px; margin: 0px auto; }
.is_stuck { z-index: 6; }
.float-div { width: 100%; position: absolute; left: 0px; z-index: 2; top: 50%; transform: translateY(-50%); }
.float-top { top: 0; transform: none; }
.float-bottom { bottom: 0; top: auto; transform: none; }
/* ClearFix */
.clear { clear: both; height: 0px; overflow: hidden; }
.container:after { display: block; content: " "; clear: both; }
.clearfix:after, .form-group:after { display: block; content: "."; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
body.body-noscroll { height: 100%; overflow: hidden; }
.leftpad, .rightpad { }
.leftmargin, .rightmargin { }
.container-1100 { width: 100%; max-width: 1100px; }
.container-1050 { width: 100%; max-width: 1050px; }
.container-1000 { width: 100%; max-width: 1000px; }
.container-950 { width: 100%; max-width: 950px; }
.container-900 { width: 100%; max-width: 900px; }
.container-850 { width: 100%; max-width: 850px; }
.container-800 { width: 100%; max-width: 800px; }
.container-770 { width: 100%; max-width: 770px; }
.container-750 { width: 100%; max-width: 750px; }
.container-700 { width: 100%; max-width: 700px; }
.container-650 { width: 100%; max-width: 650px; }
.container-600 { width: 100%; max-width: 600px; }
.container-550 { width: 100%; max-width: 550px; }
.container-500 { width: 100%; max-width: 500px; }
.container-450 { width: 100%; max-width: 450px; }
.container-400 { width: 100%; max-width: 400px; }
.equalheight, .equalheight1, .equalheight2, .equalheight3, .equalheight4, .equalheight5 { display: block; position: relative; }
/*------*/
.bg { background-repeat:repeat-y !important; background-size: 100% auto; }
.bg-img { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.bg-img-tl { background-position: top left !important; background-repeat: no-repeat !important; }
.bg-img-tc { background-position: top center !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-img-tr { background-position: top right !important; background-repeat: no-repeat !important; }
.bg-img-rc { background-position: right center !important; background-repeat: no-repeat !important; }
.bg-img-br { background-position: bottom right !important; background-repeat: no-repeat !important; }
.bg-img-bc { background-position: bottom center !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-img-bl { background-position: left bottom !important; background-repeat: no-repeat !important; }
.bg-img-lc { background-position: left center !important; background-repeat: no-repeat !important; }
.bg-img-t { background-position: top left !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-img-b { background-position: bottom left !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-img-c { background-position: center left !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-fix { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: fixed; }
.bg-bt-repete{background-position: bottom left !important; background-repeat: repeat-x !important;}
/*----*/
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-justify { text-align: justify !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-underline { text-decoration: underline; }
.text-pre { white-space: pre; word-wrap:break-word; }
.text-note { font-size: 12px; font-style: italic; }
p[align=center] { text-align: center !important; }
p[align=left] { text-align: left !important; }
p[align=right] { text-align: right !important; }
.underline { text-decoration: underline; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
strong,.bld ,.fw-700{ font-weight: 700 !important; }
.fw-900 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.small, small { font-size: 70%; }
.responsive { width: 100% !important; max-width: 100% !important;}
.responsive-mx { max-width: 100%; }
.relative { position: relative; }
.fleft { float: left; }
.fright { float: right; }
.text-ellipsis { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
/*---*/
.ml-auto { margin-left: auto; margin-right: inherit;}
.mr-auto { margin-right: auto; margin-left: inherit; }
.m0 { margin: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mr15 { margin-right: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mr25 { margin-right: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mr30 { margin-right: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mr35 { margin-right: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mr40 { margin-right: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mr50 { margin-right: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mr60 { margin-right: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mr70 { margin-right: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
/*--*/
.mr-25 { margin-right: -25px !important; }
.ml-25 { margin-left: -25px !important; }
.mr-30 { margin-right: -30px !important; }
.ml-30 { margin-left: -30px !important; }
.mr-40 { margin-right: -40px !important; }
.ml-40 { margin-left: -40px !important; }
.mr-50 { margin-right: -50px !important; }
.ml-50 { margin-left: -50px !important; }
.mr-60 { margin-right: -60px !important; }
.ml-60 { margin-left: -60px !important; }
.mr-70 { margin-right: -70px !important; }
.ml-70 { margin-left: -70px !important; }
.mr-80 { margin-right: -80px !important; }
.ml-80 { margin-left: -80px !important; }
.mr-90 { margin-right: -90px !important; }
.ml-90 { margin-left: -90px !important; }
.mr-100 { margin-right: -100px !important; }
.ml-100 { margin-left: -100px !important; }
/*--*/
.pl0 { padding-left: 0px !important; }
.p5 { padding: 5px !important }
.pt5 { padding-top: 5px !important; }
.pr5 { padding-right: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.pl5 { padding-left: 5px !important; }
.p10 { padding: 10px !important }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.p15 { padding: 15px !important }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.p20 { padding: 20px !important }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.p25 { padding: 25px !important }
.pt25 { padding-top: 25px !important; }
.pr25 { padding-right: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left: 25px !important; }
.p30 { padding: 30px !important }
.pt30 { padding-top: 30px !important; }
.pr30 { padding-right: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.p35 { padding: 35px !important }
.pt35 { padding-top: 35px !important; }
.pr35 { padding-right: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left: 35px !important; }
.p40 { padding: 40px !important }
.pt40 { padding-top: 40px !important; }
.pr40 { padding-right: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.p45 { padding: 45px !important }
.pt45 { padding-top: 45px !important; }
.pr45 { padding-right: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left: 45px !important; }
.p50 { padding: 50px !important }
.pt50 { padding-top: 50px !important; }
.pr50 { padding-right: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.p60 { padding: 60px !important; }
.pt60 { padding-top: 60px !important; }
.pr60 { padding-right: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.p70 { padding: 70px !important; }
.pt70 { padding-top: 70px !important; }
.pr70 { padding-right: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.p80 { padding: 80px !important; }
.pt80 { padding-top: 80px !important; }
.pr80 { padding-right: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }
.p90 { padding: 90px!important; }
.pt90 { padding-top: 90px!important; }
.pr90 { padding-right: 90px !important; }
.pb90 { padding-bottom: 90px !important; }
.pl90 { padding-left: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pr100 { padding-right: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl100 { padding-left: 100px !important; }
.p0 { padding: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pr0 { padding-right: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
/*-----*/
.gutters-50 { margin-right: -50px; margin-left: -50px; }
.gutters-50 > .col, .gutters-50 > [class*="col-"], .gutters-50>li { padding-right: 50px; padding-left: 50px; }
.gutters-40 { margin-right: -40px; margin-left: -40px; }
.gutters-40 > .col, .gutters-40 > [class*="col-"], .gutters-40>li { padding-right: 40px; padding-left: 40px; }
.gutters-35 { margin-right: -35px; margin-left: -35px; }
.gutters-35 > .col, .gutters-35 > [class*="col-"], .gutters-35>li { padding-right: 35px; padding-left: 35px; }
.gutters-30 { margin-right: -30px; margin-left: -30px; }
.gutters-30 > .col, .gutters-30 > [class*="col-"], .gutters-30>li { padding-right: 30px; padding-left: 30px; }
.gutters-25 { margin-right: -25px; margin-left: -25px; }
.gutters-25 > .col, .gutters-25 > [class*="col-"], .gutters-25>li { padding-right: 25px; padding-left: 25px; }
.gutters-20 { margin-right: -20px; margin-left: -20px; }
.gutters-20 > .col, .gutters-20 > [class*="col-"], .gutters-20>li { padding-right: 20px; padding-left: 20px; }
.gutters-15 { margin-right: -15px; margin-left: -15px; }
.gutters-15 > .col, .gutters-15 > [class*="col-"], .gutters-15>li { padding-right: 15px; padding-left: 15px; }
.gutters-12 { margin-right: -12px; margin-left: -12px; }
.gutters-12 > .col, .gutters-12 > [class*="col-"], .gutters-12>li { padding-right: 12px; padding-left: 12px; }
.gutters-10 { margin-right: -10px; margin-left: -10px; }
.gutters-10 > .col, .gutters-10 > [class*="col-"], .gutters-10>li { padding-right: 10px; padding-left: 10px; }
.gutters-8 { margin-right: -8px; margin-left: -8px; }
.gutters-8 > .col, .gutters-8 > [class*="col-"], .gutters-8>li { padding-right: 8px; padding-left: 8px; }
.gutters-5 { margin-right: -5px; margin-left: -5px; }
.gutters-5 > .col, .gutters-5 > [class*="col-"], .gutters-5>li { padding-right: 5px; padding-left: 5px; }
.gutters-2 { margin-right: -2px; margin-left: -2px; }
.gutters-2 > .col, .gutters-2 > [class*="col-"], .gutters-2>li { padding-right: 2px; padding-left: 2px; }
.g-0>li { padding-right: 0px; padding-left: 0px; }
/*----*/
.grid-2 > .col, .grid-2 > [class*="col-"], .grid-2>li { padding-top: 2px; padding-bottom: 2px; }
.grid-5 > .col, .grid-5 > [class*="col-"], .grid-5>li { padding-top: 5px; padding-bottom: 5px; }
.grid-8 > .col, .grid-8 > [class*="col-"], .grid-8>li { padding-top: 8px; padding-bottom: 8px; }
.grid-10 > .col, .grid-10 > [class*="col-"], .grid-10>li { padding-top: 10px; padding-bottom: 10px; }
.grid-12 > .col, .grid-12 > [class*="col-"], .grid-12>li { padding-top: 12px; padding-bottom: 12px; }
.grid-15 > .col, .grid-15 > [class*="col-"], .grid-15>li { padding-top: 15px; padding-bottom: 15px; }
.grid-20 > .col, .grid-20 > [class*="col-"], .grid-20>li { padding-top: 20px; padding-bottom: 20px; }
.grid-25 > .col, .grid-25 > [class*="col-"], .grid-25>li { padding-top: 25px; padding-bottom: 25px; }
.grid-30 > .col, .grid-30 > [class*="col-"], .grid-30>li { padding-top: 30px; padding-bottom: 30px; }
.grid-30 > .col, .grid-35 > [class*="col-"], .grid-35>li { padding-top: 35px; padding-bottom: 35px; }
.grid-40 > .col, .grid-40 > [class*="col-"], .grid-40>li { padding-top: 40px; padding-bottom: 40px; }
.grid-50 > .col, .grid-50 > [class*="col-"], .grid-50>li { padding-top: 50px; padding-bottom: 50px; }
/*-----*/
.row.grid-2,ul.grid-2 { margin-top: -2px; margin-bottom: -2px; }
.row.grid-5,ul.grid-5 { margin-top: -5px; margin-bottom: -5px; }
.row.grid-8,ul.grid-8 { margin-top: -8px; margin-bottom: -8px; }
.row.grid-10,ul.grid-10 { margin-top: -10px; margin-bottom: -10px; }
.row.grid-12,ul.grid-12 { margin-top: -12px; margin-bottom: -12px; }
.row.grid-15,ul.grid-15 { margin-top: -15px; margin-bottom: -15px; }
.row.grid-20,ul.grid-20 { margin-top: -20px; margin-bottom: -20px; }
.row.grid-25,ul.grid-25 { margin-top: -25px; margin-bottom: -25px; }
.row.grid-30,ul.grid-30 { margin-top: -30px; margin-bottom: -30px; }
.row.grid-35,ul.grid-35 { margin-top: -35px; margin-bottom: -35px; }
.row.grid-40,ul.grid-40 { margin-top: -40px; margin-bottom: -40px; }
.row.grid-50,ul.grid-50 { margin-top: -50px; margin-bottom: -50px; }
/*-----*/
.grid-box { position: relative; }
.grid-box-img { position: relative; overflow: hidden;border-radius: 20px}
.grid-box>a { display: block; position: relative; overflow: hidden;}
.grid-content { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.2s linear; z-index: 2;display:flex;align-items:flex-end;justify-content:center;text-align: center}
.grid-ov { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display:block; transform: scale(0); transition:all 0.5s ease,transform 0.5s cubic-bezier(0.6,-0.28,0.735,0.045) 0s,-webkit-transform 0.5s cubic-bezier(0.6,-0.28,0.735,0.045) 0s; transform:scale(.5, .5); opacity: 0; visibility: hidden; z-index: 9; padding:20px 30px; overflow-y: auto; background:rgba(255,158,27,0.85);}
.grid-content.alt { height: auto; padding:25px; position: static;}
.grid-content { padding:20px 30px 20px;}
.grid-info { padding-top:0;text-align:center}
.grid-info h6{padding-bottom:10px}
.grid-box:hover .grid-content { visibility: hidden; opacity: 0; }
.grid-box:hover .grid-ov { opacity: 1; visibility: visible; z-index: 9; transform: scale(1); transition: all 0.5s ease,transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0s,-webkit-transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0s; }
.grid-ov-info { padding: 20px; }
.grid-ov-info p { }
.grid-content-info {text-align:left }
.grid-tb { display: table; height: 100%; width: 100%; }
.grid-tc { display: table-cell; vertical-align: middle; }
.grid-tc.bt { vertical-align: bottom; }
.grid-tc.tp { vertical-align: top; }
.grid-tc img { vertical-align: middle; }
.grid-box .img-holder::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; z-index: 2; transition: all 0.2s linear; opacity: 0; background:#000000; /*background: url(../images/overlay2.png); background-size: 100% 100%; */ }
.grid-box .img-holder::after { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; content: ""; z-index: 1; transition: all 0.2s linear;background: url(../images/overlay.png);background-size:100%;background-position:100% 100%;background-repeat: no-repeat}
.grid-box:hover .img-holder::before { opacity: .7; }
.grid-box:hover .img-holder::after { opacity: 0; /*background: url(../images/overlay2.png); */ background-size: 100% 100%; }
.img-holder { position: relative; display: block; width: 100%; height: 0px; overflow: hidden; padding-bottom: 100%; margin: 0px auto 0px; }
.img-holder figure { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px; text-align: center; padding: 0px; }
.img-holder figure img { position: relative; width: 100%; height: 100%; max-width: none; max-height: none; z-index: 1; transition: all 0.6s ease; object-fit: scale-down; object-position: 50% 50%; }
.img-holder.img-cover figure img { object-fit: cover; }
.img-cover.img-top { object-position: 50% 0%; }
.img-cover.img-bottom { object-position: 0% 50%; }
.img-effect:hover .img-holder figure img { /*transform: scale(1.1); */ transform: scale(1.1) rotate(2deg); }
/*--swap-*/
.img-swap-holder { }
.img-swap { transition: all 0.2s linear; position: relative; display:flex; justify-content: center; align-items: center; text-align: center; line-height: 1; }
.img-swap img { transition: all 0.2s linear; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.img-swap img+img { opacity: 0; }
.img-swap-holder:hover .img-swap img { opacity: 0; }
.img-swap-holder:hover .img-swap img+img { opacity: 1; }
/*--fancybox---*/
.fancybox-toolbar { opacity: 1; visibility: visible; }
.fancybox-slide { padding: 40px 0px 30px; }
.fancybox-slide--image .fancybox-content { background: #FFFFFF; }
.fancybox-is-open .fancybox-bg { background: #000000; opacity: .8; }
.fancybox-progress { background: #00538C; }
.fancybox-gallery { display: none; }
.fancybox-thumbs__list a::before { border-color: #00538C; border-width: 3px; }
.img-grayscale img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.2s linear; }
.img-grayscale:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.fancybox-slide--iframe .fancybox-content { background: transparent; height: 100% !important; }
.img-grayscale img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.2s linear; }
.img-grayscale:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.galley-hidden{ display: none;}
.fancybox-caption__body{ max-width: 1150px; text-align: left; margin: 0px auto;}
/*---*/
#wrapper { position: relative; height: auto !important; min-height: 100%; height: 100%; width: 100%; display: block; overflow: hidden; background:#FFFFFF; }
body, #wrapper, .footer-wrapper { opacity:1; }
#wrapper, .footer-wrapper { max-width: 1920px; margin: 0 auto; }
.header-container { display:flex;flex-wrap:wrap;align-items: center;/*display: block; */ margin: 0px auto; position: relative; /*flex-wrap: wrap; */ }
.header-top-holder{display:flex;width:100%;align-items:center;padding:18px 0}
/* Header Styles */
#pageHeaderWrapper { position: relative; width: 100%; z-index: 100; display: block; margin: 0px auto; /*position: absolute;*/ max-width: 1920px; }
#pageHeaderWrapper.header-alternate { position: relative; }
.header-alternate #pageHeader { }
#pageHeader { position: relative; width: 100%; z-index: 101; display: block; margin: 0px auto; padding:0 0; transition: all 1s;background:#F2F2F2;box-shadow:none;}
.is-sticky #pageHeader,.header-alternate #pageHeader{ left: 0px; left: auto; max-width: 1920px; /*border-color: transparent;*/}
.is-sticky #pageHeader{ box-shadow: 0px 3px 15px rgba(0,0,0,0.1);}
.headerTop { position: relative; width: 100%; z-index: 1002; display: block; margin: 0px auto; padding: 0px 0px;transition: all 1s; }
.logo-holder { display: flex; align-items: center; justify-content:center; position: static;order:1;left:0;right:0;top:0;margin:0;}
.logo { position: relative; z-index: 1001; display: block; width:219px; padding: 0px 0px; margin: 0px; transition: all 0.2s linear; /*margin-right: auto; */ }
.logo a { display: block; transition: all 0.2s linear; padding:0 0px; width: 100%; line-height: 1; position: relative;}
.logo img { max-width: 100%; width: 100%; }
.logo-mobile{display:none}
.sub-logo { margin-left: 30px; width: 125px; position: relative; z-index: 1001; }
.sub-logo a { display: block; }
.sub-logo img { max-width: 100%; width: 100%; }
.headerInfoBar { transition: all 0.2s linear; position: relative; display: flex; align-items: center; justify-content: center; padding:5px 0px; line-height: 1; color:#FFFFFF;background:var(--primary);letter-spacing:0px;height:50px}
.headerInfoBar a{color:#fff;text-decoration:none;}
.headerInfoBar a:hover{color:#181818;text-decoration:none;}
.headerInfoBar.has-slider { height: 50px; }
.headerInfoBar .slick-arrow{font-size:16px;color:#fff !important}
.close-headerInfoBar-holder { position: absolute; right: 20px; top:50%; transform: translateY(-50%);}
.close-headerInfoBar {color:#ffffff;}
.close-headerInfoBar:hover {color: #ffffff;}
/* .is-sticky #pageHeader .logo {width:180px;} */
/* .is-sticky #pageHeader .logo a { padding: 10px 0px;} */
.is-sticky .headerInfoBar,.header-alternate .headerInfoBar{ }
.top-info-slide p > a{color:#fff;text-decoration:none}
.top-info-slide p > a:hover{color:var(--primary);text-decoration:none}
/* Top Right Header */
.top-right-info{z-index:9999;position:relative;}
.top-right{position: relative; z-index: 1010; order: 3; margin-left:0;margin-right:25px;padding:15px 0;}
.top-social-icon{position:absolute;right:45px;}
.top-search span{letter-spacing:2.1px;}
.top-search a:focus{color:#fff}
.topRightHeader {display:flex;align-items:center;order:2;margin:0 auto;}
/* Nav */
.nav-wrapper { position: static; display: block; margin: 0px auto; width: 100%; }
.nav-container { position: static; display: block; width: 100%; }
.custom-menu-wrap { position: static; padding: 0; width: 100%; margin: 0 auto; display: block; }
.nav { position: static; width: 100%; display: block; margin: 0px auto; text-align: center; }
.nav .main-menu{width: 100%;}
.nav ul { position: static; padding: 0; width: 100%; margin: 0 auto; display: block; text-transform: none; list-style-type: none; width: 100%; }
.nav>ul>li { position: relative; display: block; float: left; padding:27px 30px; margin: 0px;}
.nav>ul>li:first-child { margin-left: 0px; padding-left: 0px; }
.nav>ul>li:last-child { margin-right: 0px; padding-right: 0px;border-right:0;}
/* .nav>ul>li:nth-child(5) { padding-right: 0px; } */
.nav>ul>li>a {position:relative;display:block;color:var(--dark);font-weight:400;text-align:center;padding:15px 0;line-height:1;transition: all 0.2s linear;text-transform:capitalize;font-size:18px;letter-spacing:0;font-family:var(--fontStyle1),sans-serif;}
#pageHeaderWrapper.header-alternate .nav>ul>li>a { }
.is-sticky .nav>ul>li>a, #pageHeaderWrapper.header-alternate .is-sticky .nav>ul>li>a { }
.nav>ul>li>a::before { content: ""; width: 0%; height:3px; position: absolute; left: 50%; bottom: 0px; transition: all 0.2s linear; background:var(--secondary); opacity: 1; border-radius:10px; z-index: 0;}
.nav>ul>li.menu-has-submenu>a { }
.nav>ul>li span { position: relative; display: block; height: 100%; z-index: 2; }
.nav>ul>li:hover>a, .nav>ul>li.selected>a { color:var(--secondary); opacity: 1;}
.nav>ul>li:hover>a::before, .nav>ul>li.selected>a::before { left: 0px; width: 100%;}
.nav>ul>li.selected>a { font-weight: 700; opacity: 1;}
.nav>ul ul, .nav>ul ul ul { /*left: 50%; transform: translateX(-50%);*/ position: absolute; left: auto; top: auto; opacity: 0; padding: 0 0px;min-width:284px;width: auto; text-align: center; visibility: hidden; border-radius: 0 0 0 0; text-transform: none; margin:0 0px 0px -30px; box-shadow: none; transition: all 0.4s ease; border-top: 0px solid #e6e6e6; background-color:#fff;white-space:nowrap}
/*.nav>ul ul::before{content:""; position: absolute; left: 45px; top: -7px; width: 0; height: 0;border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #ffffff;}*/
.nav>ul ul ul { border-radius: 0px 0px 40px 140px; }
.nav>ul ul>li:first-child a { border-radius: 0px 0px 0px 0px; }
.nav>ul ul>li:last-child a { border-radius: 0px 0px 0px 0px; }
.nav>ul ul ul>li:first-child a { border-radius: 0px 0px 0px 0px; }
.nav>ul ul ul>li:last-child a { border-radius: 0px 0px 0px 0px; }
.nav>ul ul li:last-child ul { /*border-radius: 0px 0px 0px 0px; */ }
.nav>ul ul li:last-child ul>li:last-child a { border-radius: 0px 0px 0px 0px; }
.nav>ul ul ul { left: 100%; top: auto; margin: 0px; margin-top: -30px; }
.nav>ul>li:hover>ul, .nav>ul ul>li:hover>ul, .nav>ul ul ul>li:hover>ul { opacity: 1; top: auto; margin-top:27px; visibility: visible; }
.nav>ul ul.gridmenu { display: none; animation: fadeInShow 0.4s; padding: 10px 0px 30px !important; background: #242424; border-radius: 0px 0px 0px 0px; }
.nav>ul ul.gridmenu li { }
.nav>ul ul.gridmenu ul { position: relative; left: auto; top: auto !important; margin: 0px auto !important; }
.nav>ul li.menu-item-has-children>a { }
/*.nav>ul>li.menu-item-has-children>a::after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f107"; margin-left: 10px; font-size: 14px; color:#5E5E5E}*/
.nav>ul ul li.menu-item-has-children>a { padding-right: 35px; }
.nav>ul ul li.menu-item-has-children>a::after { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f105"; margin-left: auto; }
@keyframes fadeInShow {
0% {opacity: 0;margin-top: 10px;}
100% {opacity: 1;margin-top: 0px;}
}
.nav>ul>li:hover>ul.gridmenu { display: block; }
.nav>ul ul.grid1 { width: 25%; }
.nav>ul ul.grid2 { width: 50%; left: 0px; }
.nav>ul ul.grid3 { width: 100%; left: 0px; }
.nav>ul ul.grid4 { width: 100%; left: 0px; }
.nav>ul ul.grid1>li, .nav>ul ul.grid2>li, .nav>ul ul.grid3>li, .nav>ul ul.grid4>li { position: relative; display: block; float: left; width: 100%; padding: 0px 0px !important; }
.nav>ul ul.grid2>li { width: 50%; }
.nav>ul ul.grid3>li { width: 33.3333%; }
.nav>ul ul.grid4>li { width: 25%; }
.nav>ul ul.gridmenu.grid2>li:nth-child(3) { clear: both; }
.nav>ul ul.gridmenu.grid3>li:nth-child(4) { clear: both; }
.nav>ul ul.gridmenu.grid4>li:nth-child(5) { clear: both; }
.nav>ul ul.gridmenu>li > a, .nav>ul ul.gridmenu>li:hover > a, .nav>ul ul.gridmenu>li.selected > a, .nav>ul ul.gridmenu>li ul li > a { color: #242424; font-size: 15px; font-weight: 400; background: none; padding: 20px 30px; }
.nav>ul ul.gridmenu>li > a strong, .nav>ul ul.gridmenu>li:hover > a strong, .nav>ul ul.gridmenu>li.selected > a strong, .nav>ul ul.gridmenu>li ul li > a strong { display: block; color: #2E2E2E; font-weight: 400; font-size: 18px; transition: all 0.2s linear; padding-bottom: 5px; }
.nav>ul ul.gridmenu>li > a:hover strong, .nav>ul ul.gridmenu>li:hover > a:hover strong, .nav>ul ul.gridmenu>li.selected > a:hover strong, .nav>ul ul.gridmenu>li ul li > a:hover strong { color: #1D3756; }
/*.nav>ul ul.gridmenu>li:hover > a, .nav>ul ul.gridmenu>li.selected > a { color: #000000; } */
.nav>ul ul.gridmenu>li ul li > a { text-transform: none; }
.nav>ul ul.gridmenu>li ul li > a:hover, .nav>ul ul.gridmenu>li ul li.selected > a { color: #677c91; background: #000000; padding: 5px 10px 5px 20px; }
.nopadding { padding: 0px !important; }
.nav>ul ul.gridmenu ul { position: relative; font-size: 13px; left: auto; top: auto; opacity: 1; width: 100%; padding: 0px; box-shadow: none; border-radius: 0px; min-width: inherit; visibility: visible; background: transparent; margin: 0px 0px 0px 0px; }
/*Third-lavel menu*/
.nav>ul ul>li:hover>ul, .nav>ul ul ul>li:hover>ul { margin-top: -52px; }
.nav>ul ul li, .nav>ul ul ul li, .gridmenu li { position: relative; display: block; padding: 0px; color: #FFFFFF; margin: 0px auto 0px; border-bottom: 0px solid #cccccc; border-radius:0}
.nav>ul ul li:last-child, .nav>ul ul ul li:last-child { border-bottom: 0px; }
.gridmenu li { margin: 0px auto 1px; }
.nav>ul ul a, .nav>ul ul ul a { position: relative; display: block; color:#101010; padding:17px 30px;font-size:16px; font-weight:400; text-transform: capitalize; text-align: left;font-family:var(--fontStyle1);letter-spacing:0}
.nav>ul ul li:last-child a, .nav>ul ul ul li:last-child a { border-bottom: 0px; }
.nav>ul ul li:hover>a, .nav>ul ul li.selected>a, .nav>ul ul ul li:hover>a, .nav>ul ul ul li.selected>a { color: #fff; transition: all 0.5s; font-weight: 400; background-color:var(--secondary); }
.nav>ul ul li.selected>a, .nav>ul ul ul li.selected>a { font-weight: 400; }
.nav li.menu-item-highlighted { padding: 25px 0px 25px 22px; }
.nav li.menu-item-highlighted a { padding: 15px 30px; background: #00538C; color: #FFFFFF; border-radius: 0px; }
.nav li.menu-item-highlighted:hover a, .nav li.menu-item-highlighted.selected a { background: var(--primary); color: #FFFFFF; }
.nav li.menu-item-highlighted a::before { display: none !important; }
.nav>ul>li.simple-menu{position:relative}
.nav>ul>li.simple-menu ul, .nav>ul li.simple-menu ul ul{display:none;position:absolute;left:-15px;top:100%;opacity:0;width:360px;text-align:left;visibility:hidden;padding:0 0;margin:40px 0px 0px 0px;overflow: hidden;
transition:all 0.4s ease-in;
-moz-transition:all 0.4s ease-in;
-webkit-transition:all 0.4s ease-in;
-webkit-animation: fadeInShow 0.4s;
-moz-animation: fadeInShow 0.4s;
-o-animation: fadeInShow 0.4s;
-ms-animation: fadeInShow 0.4s;animation: fadeInShow 0.4s;
box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.06);
}
.nav>ul li.simple-menu ul ul{border-radius:0}
.nav>ul>li.simple-menu ul a, .nav>ul>li.simple-menu ul ul ul a{position:relative;display:block;margin:0px 0px;text-transform:capitalize;border-radius:0px;border-bottom:0;overflow:hidden;}
.nav>ul>li.simple-menu ul ul a,.nav>ul>li.simple-menu ul ul ul a{color:#414042;padding:13px 33px 13px 60px}
.nav>ul>li.simple-menu ul ul li:hover a,.nav>ul>li.simple-menu ul ul ul li:hover a{background-color:transparent;color:#414042;padding:13px 33px 13px 60px}
@keyframes fadeInShow {
0% {
opacity: 0;
margin-top: 40px;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInShow {
0% {
opacity: 0;
margin-top: 30px;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeInShow {
0% {
opacity: 0;
margin-top: 30px;
}
100% {
opacity: 1;
}
}
.nav>ul>li.simple-menu:hover>ul{
display: block;
opacity:1;
top:auto;
left:-15px;
margin-top: 0px;
visibility:visible;
}
.nav>ul>li.simple-menu ul li:hover>a, .nav>ul>li.simple-menu ul li.selected>a, .nav>ul ul ul li.selected>a {
background:#003267 !important;
color:#fff;
-o-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-webkit-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}
.nav>ul>li.simple-menu ul ul li:hover>a{
background-color:transparent !important;
color:#003267;
font-weight:600;
}
.nav>ul>li.simple-menu ul>li>ul{
position: relative;
left: auto;
top: auto;
margin: 0px;
padding: 0px;
opacity: 1;
visibility:visible;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
}
.nav>ul>li.simple-menu ul li.menu-item-has-children > a:after {
display: none;
}
.nav>ul>li.simple-menu ul li.menu-item-has-children a .drop-arrow{
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
font-size: 20px;
position: absolute;
z-index: 1;
right:20px;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.nav>ul>li.simple-menu ul li.menu-item-has-children a .drop-arrow:after{
font-family: 'Font Awesome 5 Free';
position: relative;
content: "\f078";
font-size: 16px;
font-weight: 900;
margin: 0px;
line-height: 1;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
opacity:0
}
.nav>ul>li.simple-menu ul li.menu-item-has-children> a .down.drop-arrow:after{content: "\f077";opacity:0}
/* Nav END*/
.main-content-wrapper {position: relative; width: 100%; z-index: 1; margin: 0px auto !important; padding: 0px 0px; max-width: 1920px; background-color:#ffffff;}
/* Banner Styles */
.bannerWrapper { position: relative; display: block; width: 100%; z-index: 2; margin: 0px auto; padding: 0px 0px; }
.banner { position: relative; display: block; width: 100%; z-index: 0; margin: 0px auto; }
/* Slick Slider */
.slider-slide{ display: block !important;}
.slick-slide img{ display: inline-block;}
.slick-arrow { position: absolute; border: none; background: none; top: 50%; transform: translate(0%, -50%); padding: 0px; z-index: 5; opacity: .4; transition: all 0.2s linear; text-align: center;}
.slick-arrow:hover { opacity: 1 !important; }
.slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }
.slick-prev { left: 0px; }
.slick-next { right: 0px; }
.arrows-inside .slick-prev { left: 50px; }
.arrows-inside .slick-next { right: 50px; }
.arrows-outside .slick-prev { left: -100px; }
.arrows-outside .slick-next { right: -100px; }
.no-arrow .slick-arrow { display: none !important; }
/* Remove banner dark overlays */
.img-holder::before,
.img-holder figure::after{
content: none !important;
}
/* Slick dots */
.slick-dots { position: absolute; left: 0px; display: block; width: 100%; bottom: -50px; margin: 0; padding: 0px; list-style: none; text-align: center; line-height: 1; display: flex; justify-content: center; align-items: center; }
.slick-slider { margin-bottom: 50px; }
.dots-inside, .no-dots { margin-bottom: 0px !important; }
.dots-inside .slick-dots { bottom: 30px; }
.no-dots .slick-dots { display: none !important; }
.slick-dots li { position: relative; display: block; margin: 0px 10px; padding: 0; cursor: pointer; line-height: 1; }
.slick-dots li:first-child { margin-left: 0px; }
.slick-dots li:last-child { margin-right: 0px; }
.slick-dots li:only-child { display: none; opacity: 0; visibility: hidden; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; border:0; height:12px;width:12px;z-index:0;border-radius:50px;background:rgba(255,255,255,.4);position: relative; padding: 0px; transition: all 0.2s linear; }
.slick-dots li button:hover, .slick-dots li button:focus,.slick-dots li.slick-active button {background:#fff; height:12px;width:12px;}
.slick-dots li button:before, .slick-dots li button:after {}
.slick-dots li button:before { }
.slick-dots li button:after { }
.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button::before { opacity: 1; border-color: var(--primary); }
.slick-dots li button:hover:after, .slick-dots li button:focus:after, .slick-dots li.slick-active button::after { opacity: 1; }
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button{ opacity: 1; }
.slick-dots li button:before { width: 14px; height: 14px; border-radius: 20px; }
.slick-dots li button:after { width: 22px; height: 22px; border-radius: 20px; }
/* .slick-dots li.slick-active button,.slick-dots li.slick-active button::after, .slick-dots li.slick-active button::before { width: 10px; } */
/*----*/
.custom-dots .slick-dots { /*width: 250px;*/ position: static; display: flex; align-items: center; justify-content: left; padding: 0px 0px; }
.custom-dots.responsive .slick-dots { width: 100%; }
.custom-dots .slick-dots { margin: 0px -11px;}
.custom-dots .slick-dots li { margin: 0px 11px;}
.custom-dots .slick-dots li button {position:relative;display:block;height:14px;width:14px;z-index:0;background:var(--white);opacity:1}
.custom-dots .slick-dots li button::after { display:none}
.custom-dots .slick-dots li button::before {display:none}
.custom-dots .slick-dots li.slick-active button, .custom-dots .slick-dots li:hover button{background:transparent; opacity:1;}
.custom-dots .slick-dots li.slick-active button::before, .custom-dots .slick-dots li:hover button::before { background:var(--dark); }
/*----*/
/* Scroll To Top */
#toTop { text-decoration: none; position: fixed; display: block; bottom: 50px; right: 10px; width:45px; height: 45px; border: none; z-index:99; text-indent: 100%; overflow: hidden; background: var(--dark) url(../images/default/cd-top-arrow-white.png) no-repeat center 50%; background-size: 35% !important; font-size: 0px; opacity: .5; border-radius: 50px; }
#toTop:hover { opacity: 1; }
#toTopHover { /*background: url(../images/ui.totop.png) 0px -50px no-repeat; width: 50px; height: 50px; display: block; overflow: hidden; float: left; opacity: 0; */ }
#toTop:active, #toTop:focus { outline: none; }
/*- ISOTOPE--*/
/*
<< dont add if no need
*/
/*.grid-listing { position: relative; margin: 0px -15px; }*/
/*.grid-listing:after { content: ''; display: block; clear: both; }*/
/*.grid-item { width: 33.33%; padding: 15px; }*/
/*.grid-item.alt { width: 66.66%; }
.grid-item .img-holder{ padding-bottom: 79.88%;}
.grid-item.height1 .img-holder{ padding-bottom: 107.16%;}
.grid-item.height2 .img-holder{ padding-bottom: 94.21%;}
.grid-item.height3 .img-holder{ padding-bottom: 99.17%;} */
.visible-grid-item { display: none; }
.filter-button-group { text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0px 0px; }
.filter-button-group button { border: none; padding:0px 15px; margin: 5px 5px; background: #FFFFFF; color: #4B4B4B; transition: all 0.2s linear; position: relative; font-size: 13px; font-weight: 700; /*flex-grow: 1; flex-basis: 0;*/ height: 26px; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 30px; border: 1px solid #4B4B4B;}
.filter-button-group button:first-child{ margin-left: 0px;}
.filter-button-group button:last-child{ margin-right: 0px;}
.filter-button-group button::before, .filter-button-group button::after { position: absolute; content: ""; transition: all 0.2s linear; opacity: 1; bottom: 0px; left: 0px; width: 100%; height: 5px; }
/* .filter-button-group button::before { background: #E1DFDF; }
.filter-button-group button::after { background: #00538C; opacity: 0; } */
.filter-button-group button:hover,.filter-button-group button.is-checked { color: #FFFFFF; background: #00538C; }
.filter-button-group button:hover::before, .filter-button-group button:hover::after, .filter-button-group button.is-checked::before, .filter-button-group button.is-checked::after { opacity: 1; }
@media only screen and (max-width: 1599.98px) {
.grid-listing { position: relative; margin: 0px -12px; }
.filter-button-group { }
.filter-button-group button {padding:0px 10px; font-size: 11px; height: 22px;}
}
@media only screen and (max-width: 991.98px) {
.filter-button-group { }
.filter-button-group button { }
}
@media only screen and (max-width: 767.98px) {
}
@media only screen and (max-width: 575.98px) {
.grid-listing { position: relative; margin: 0px -10px; }
.grid-item{padding: 0px; width: 100%; }
}
@media only screen and (max-width: 413.98px) {
.filter-button-group { display: block; }
.filter-button-group button { width: 100%; margin:5px 0px;}
}
/*----*/
.ul-listing { padding: 0px; margin: 0px 0px 20px; list-style: none; }
.ul-listing .ul-listing { padding-top: 5px; }
.ul-listing li { position: relative; padding-bottom:20px; padding-left: 20px; }
ul.listing-inline li { display: inline-block; margin-right: 20px; }
.ul-listing li::before { content: "\f111"; left: 0px; top: 7px; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 8px; color: var(--secondary); }
.ul-listing.white li::before { color: #FFFFFF; }
.ul-listing ul { list-style: none; padding: 15px 0px 15px; }
.ul-listing ul li { padding-bottom: 10px; padding-left: 20px; }
.ul-listing ul li::before { content: "\f068"; left: 0px; top: 4px; }
.listing-style1 { }
.listing-style1 li { padding-left: 30px; padding-bottom: 10px; }
.listing-style1 li::before { top: 2px; content:"\f058"; font-size: 14px; }
.listing-style2 li { padding-left: 25px; padding-bottom:10px; }
.listing-style2 li::before { content: "\f00c"; left: 0px; top: -1px; font-size: 16px; }
/*-OL Lists-*/
ol { counter-reset: section; list-style: none; margin: 0px 0px 15px; padding: 0px; }
ol>li { display: block; position: relative; padding-bottom:5px; }
ol:last-child>li:last-child { padding-bottom: 0px; }
ol>li:before { font-weight: 400; counter-increment: section; content: counters(section, ".") "."" "; }
ol ol, ol ul, ol .ul-listing { padding-left: 20px; margin-top: 10px; }
.custom-ol>li{ padding-left: 30px;}
.custom-ol>li:before{ position: absolute; left: 0px; top: 0px; font-weight: 700; /*width: 25px; text-align: right;*/}
.lower-alpha, .upper-alpha, .lower-greek, .lower-latin, .lower-roman, .upper-roman { counter-reset: list; }
.lower-alpha>li:before { counter-increment: list; content: counter(list, lower-alpha) "."" "; }
.upper-alpha>li:before { counter-increment: list; content: counter(list, upper-alpha) "."" "; }
.lower-greek>li:before { counter-increment: list; content: counter(list, lower-greek) "."" "; }
.lower-roman>li:before { counter-increment: list; content: counter(list, lower-roman) "."" "; }
.upper-roman>li:before { counter-increment: list; content: counter(list, upper-roman) "."" "; }
/*----*/
.ul-listing:last-child /*.ul-listing:last-child li:last-child*/ { margin-bottom: 0px; padding-bottom: 0px; }
.ul-listing:last-child>li:last-child,.ul-listing ul li:last-child { padding-bottom: 0px; }
.ul-listing.color-white li::before { color: #FFFFFF; }
.list-2col, .list-3col,.list-inline { display: flex; flex-wrap: wrap; }
.list-2col li { width: 50%; }
.list-3col li { width: 33.33%; }
.list-inline li { padding-right: 20px; }
.normal-list { list-style: none; margin: 0px 0px 30px; padding: 0px; }
.normal-list ul { list-style: none; margin: 0px; padding: 0px 0px 0px 25px; }
.normal-list li { padding-bottom: 5px; }
.normal-list li:last-child { }
.normal-list.g15 li { padding-bottom: 15px; }
.normal-list.g20 li { padding-bottom: 20px; }
.normal-list.g25 li { padding-bottom: 25px; }
.normal-list.g30 li { padding-bottom: 30px; }
.normal-list li>a { /*display: block; */ color: #4B4B4B; }
.normal-list li>a:hover { color: #00538C; text-decoration: underline; }
.pdf-listing { list-style: none; margin: 0px; padding: 0px; }
.pdf-listing li { padding-bottom: 12px; }
.pdf-listing li a { position: relative; display: block; padding-left: 25px; }
.pdf-listing li a::before { content: "\f1c1"; left: 0px; top: 0px; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 400; }
.custom-icon-list li { padding-left: 25px;}
.custom-icon-list li::before{ display:none;}
.custom-icon-list li i,.custom-icon-list li img {top: 3px; position: absolute; left: 0px; top: 5px; }
/* Map */
.map-holder { position: relative; display: block; width: 100%; overflow: hidden; z-index: 0; margin-bottom: 0px; border-radius:20px;}
.map-holder iframe { display: block; width: 100%; border: 0px; height:635px; }
/* BreadCrumbs */
.breadcrumb-container { position:absolute; left: 67px; top: 50px; padding: 0 0px 0px; width: 100%; z-index: 1; text-transform: capitalize; }
.breadcrumb-container ul { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; /*display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/}
.breadcrumb-container li { display: inline-block; padding: 2px 0px 2px 0px; color:#fff; font-weight:400; line-height: 1.3;}
.breadcrumb-container li:last-child { }
.breadcrumb-container li a{color:#fff;position:relative;display:flex;align-items:center;font-weight:400;opacity:1}
/*.breadcrumb-container li a::after { position: relative; font-family:'Font Awesome 6 Free'; font-weight: 900; font-size: 14px;margin:1px 15px 0px;content:"\f054";}*/
.breadcrumb-container li a::after { position: relative; font-family:var(--fontStyle1); font-weight: 400; font-size: 14px;margin:0 10px 0px;/*content:">";*/content:"/";}
.breadcrumb-container li a:hover { color:var(--primary); opacity: 1;font-weight:500}
.breadcrumb-container li strong, .breadcrumb-container li.current-item .current-item{font-weight:400 !important; color:var(--white); opacity: 1; }
.breadcrumb-container.alt {position:static; padding:50px 0px; background-color:#fff;}
.breadcrumb-container.alt ul {justify-content:flex-start}
.breadcrumb-container.alt li {color:var(--secondary);font-weight:400;text-align:center}
.breadcrumb-container.alt li a {color:var(--secondary);}
.breadcrumb-container.alt li a::after { }
.breadcrumb-container.alt li a:hover, .breadcrumb-container.alt li strong,.breadcrumb-container.alt li.current-item .current-item { color:var(--primary); opacity: 1;font-weight:400}
.breadcrumb-container.alt li strong { color:var(--primary);font-weight:400 !important;opacity:1}
.breadcrumb-container li:first-child a { }
/*--PAGINATION--*/
.page-item:first-child .page-link,.page-item:last-child .page-link{border-radius:30px;}
.page-item:last-child .page-link{padding-right:0;padding-left:0}
.pagination { flex-wrap: wrap; color: var(--dark); margin:0px -10px 0 0; position: relative; font-weight: 400;}
.page-item { padding:0 3px;}
.page-item:last-child {padding-right: 0}
.page-link,.page-item span { display: flex; justify-content: center; align-items: center; padding: 0px 10px; text-align: center; color:#101010; background:transparent; font-weight:500; position: relative; border:0; line-height: 1; border-radius:30px;font-size: 16px;width: auto; height: auto;}
.page-item>span { }
.page-item .page-link.prev, .page-item .page-link.next {border-radius:50px;color:var(--white);font-size:20px;border:0;padding:0;height:55px;width:55px;background:var(--primary)}
.page-item .page-link.prev {margin-right:20px}
.page-item .page-link.next {margin-left:20px}
.page-item:hover .page-link {color: var(--secondary);font-weight: 700;text-decoration: none; background:none; border-color: transparent; opacity: 1;}
.page-item.active .page-link {color: var(--secondary);font-weight: 700; text-decoration: none; background:none; border-color: transparent; opacity: 1;}
.page-item:hover .page-link.prev,.page-item:hover .page-link.prev:focus ,.page-item:hover .page-link.prevs,.page-item:hover .page-link.prevs:focus { color: var(--white); text-decoration: none; background:var(--secondary); border-color: transparent; opacity: 1; }
.page-item:hover .page-link.next,.page-item:hover .page-link.next:focus,.page-item:hover .page-link.nexts,.page-item:hover .page-link.nexts:focus { color: var(--white); text-decoration: none; background:var(--secondary); border-color: transparent; opacity: 1; }
.page-link:focus { color: var(--primary); text-decoration: none; background:none; border-color: transparent; opacity: 1;}
.page-item .page-link.prev:hover img, .page-item .page-link.next:hover img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(106%); }
.page-link i { position: relative; }
.page-link:focus { box-shadow: none; }
.page-dots{padding:0 10px}
/*---*/
.form-holder {margin:0px auto;}
.form-action { }
.form-action .custom-button {min-width:185px}
.form-group { margin-bottom:30px; position: relative; }
.form-group label,.custom-label { font-weight: 400 !important; margin-bottom: 10px; display: block; color:#101010; font-size: 16px;padding-left:0}
.form-group label.white { color: #FFFFFF; }
.form-group label a { color: #00538C; text-decoration: underline; }
.form-group label a:hover { color: #242424; text-decoration: underline; }
label.inline { line-height: 50px; margin-bottom: 0px; }
.form-group.inline{ display: flex;}
.form-group.inline >label{ width: 235px;}
.form-group.inline .control { width: calc(100% - 235px);}
.form-note { font-size: 12px; color: #949494; padding-top: 5px; font-style: italic; }
.form-cta { }
/*---*/
.radio, .checkbox { display: block; margin: 0px; position: relative; text-align: left; margin-bottom: 6px; min-height: 20px; }
.radio-inline .radio, .radio-inline .radio1, .checkbox-inline .checkbox { display: inline-block; margin-right: 25px; }
.checkbox label, .radio label>span, .radio1 label { display: block; position: relative; padding-left: 30px !important; margin: 0px !important; font-weight: 400 !important; cursor: pointer; color: #777777; transition: all 0.2s linear; text-transform: none; }
.checkbox-inline .checkbox:last-child { margin-right: 0px; }
.radio-inline, .checkbox-inline { padding: 0px; }
.checkbox label::before, .radio label>span::before, .radio1 label::before,.checkbox label::after, .radio label>span::after, .radio1 label::after { content: ""; display: flex; justify-content: center; align-items: center; position: absolute; width: 13px; height: 13px; left: 0px; top: 7px; transition: all 0.2s linear; border-radius:2px; }
.checkbox label::before, .radio label>span::before, .radio1 label::before { background: #FFFFFF; border:1px solid #A4A4A4; }
.checkbox label::after, .radio label>span::after, .radio1 label::after { font-family: "Font Awesome 6 Free"; content:"\f00c"; font-weight: 900; opacity: 0; font-size: 10px; color: #FFFFFF; line-height: 1; }
.radio label>span::after, .radio1 label::after { content: ""; top: 7px; left: 5px; width: 10px; height: 10px; background: #FFFFFF; color: inherit; }
.checkbox input[type="checkbox"], .radio input[type="radio"], .radio1 input[type="radio"] { opacity: 0; display: none; }
.checkbox input[type="checkbox"]:focus + label::before { outline: none !important; }
.checkbox input[type="checkbox"]:hover + label::after, .checkbox:hover label::after, .radio label:hover>span::after, .radio1 label:hover::after { opacity: .5; }
.checkbox input[type="checkbox"]:checked + label::after, .checkbox label.label-selected::after, .checkbox input[type="checkbox"]:checked::after, .radio input[type="radio"]:checked + span::after, .radio1 input[type="radio"]:checked + label::after { opacity: 1; }
.checkbox input[type="checkbox"]:checked + label::before, .checkbox label.label-selected::before, .checkbox input[type="checkbox"]:checked + label:hover::before, .checkbox label:hover::before, .radio input[type="radio"]:checked + span::before, .radio label:hover>span::before, .radio1 input[type="radio"]:checked + label::before, .radio1 label:hover::before { border-color: transparent; background: var(--primary); color: #FFFFFF; }
.checkbox input[type="checkbox"]:checked::before { }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.checkbox input[type="checkbox"]:hover + label, .checkbox:hover label, .checkbox label.label-selected, .radio input[type="radio"]:checked + span, .checkbox input[type="checkbox"]:checked + label { /*color: #00538C; */}
.radio, .radio1 { display: block; }
.radio:last-child, .radio1:last-child { margin-bottom: 0px; padding-bottom: 0px; }
.radio label>span::before, .radio label>span::after, .radio1 label::before, .radio1 label::after { border-radius: 50%; }
.radio label>span::before,.radio1 label::before { }
.radio label>span::after { }
.checkbox label>span, .radio label>span { display: block; }
.checkbox label, .radio label { margin: 0px !important; padding: 0px;font-size:16px;color:var(--secondary)}
.radio label { padding: 0px !important; }
.form-group.text-center .checkbox { display: inline-block; }
/*Radio Image*/
.radio-img { }
.radio-img .radio { margin: 10px; padding: 0px; }
.radio-img input[type=radio]+label { padding: 10px !important; text-align: center !important; transition: all 0.2s linear; min-width: 126px; }
.radio-img input[type=radio]+label>img { max-width: 100%; }
.radio-img input[type=radio]+label>span { display: block; color: #100249 !important; font-size: 14px !important; padding-top: 30px; }
.radio-img input[type=radio]:checked + label, .radio-img input[type=radio]:hover + label { background: #eff0f8; }
.radio-img .radio label::after, .radio-img .radio label::before { display: none !important; }
/*----*/
.form-control, .nice-select, .btn-group .btn, .f-upload .file-input .file-caption-name,select.multipleSelect{transition: all 0.2s linear; width: 100%; height:54px; line-height:52px; border:1px solid #999999; color:var(--body); box-shadow: none !important; border-radius:12px; padding: 0px 36px; background:#fff; text-transform: none; outline: none !important; font-size:18px; }
.event-search-holder .form-control{
border: 1px solid #C4C4C4;
}
.search-box .custom-button i{
display: none;
}
.form-control.height-60,.height-60 .nice-select { height: 60px; line-height: 58px; }
.form-control.height-55,.height-55 .nice-select { height: 55px; line-height: 53px; }
.form-control.height-45,.height-45 .nice-select { height: 45px; line-height: 43px; font-size: 16px; }
.form-control.height-40,.height-40 .nice-select { height: 40px; line-height: 38px; font-size: 14px; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
select.multipleSelect { height: 100px !important; border-radius: 0px !important; padding: 0px!important; }
select.multipleSelect option { padding: 3px 10px !important; }
.form-control:focus, .form-control:hover, .nice-select:hover{ border-color:var(--secondary); background:#FFFFFF; color:#101010 !important; }
*:focus, input:focus { outline: none !important; }
textarea.form-control { padding:15px 36px; height:120px; resize: none; line-height:1.5;border-radius:12px;}
input::placeholder, input.form-control::-webkit-input-placeholder, textarea::placeholder, .nice-select,.form-group.floating-label label { color: #CCCCCC !important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #F1F1F1; border-color: #c4c4c4; }
input[disabled]::placeholder, input.form-control[disabled]::-webkit-input-placeholder { color: #C0C0C0 !important; opacity:1 !important; }
.has-icon { position: relative; }
.has-icon .form-control, .has-icon .bootstrap-select .btn { padding-left: 50px; }
.has-icon i { position: absolute; left: 20px; top: 0px; line-height: 45px; color: #4B4B4B; z-index: 4; }
.input-with-icon { position: relative; }
.input-with-icon i { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); z-index: 4; color: #4B4B4B; }
/*---*/
.input-group-addon { background: none; color: #242424; border-left: none; line-height: 1; margin: 0px; padding: 0px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); pointer-events: none; transition: all 0.2s linear; }
.input-group.select-date-time .form-control,.input-group .form-control { border-radius:10px !important; box-shadow: none !important; padding-right: 50px; }
.input-group .form-control:focus { z-index: 0; }
.input-group:hover .input-group-addon { color: #C6A788; }
.input-group.input-phone .form-control:first-child { border-radius: 10px 0px 0px 10px !important; width: 65px !important; padding: 0px; text-align: center; flex:none; }
.input-group.input-phone .form-control:first-child:hover { z-index: 2; }
.input-group.input-phone .form-control:last-child { border-radius: 0px 10px 10px 0px !important; padding-right: 15px; }
/*--nice-select---*/
.NiceSelect { position: relative; display: block; }
.NiceSelect::after { display: block; content: "."; height: 0px; clear: both; visibility: hidden; }
.NiceSelect select { display: none; }
.nice-select { box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; outline: none; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; user-select: none; white-space: nowrap; width: auto; padding-right: 50px; /*min-width: 160px; */ width: 100%; }
.nice-select .current { overflow: hidden; display: block; }
.nice-selected .nice-select .current { color: #4B4B4B; }
.nice-select:hover { }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color:var(--secondary); }
.nice-select::after { font-family: "Font Awesome 6 Free"; content:"\f107"; font-weight: 900; display: block; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color:var(--primary); line-height: 1; opacity:1;font-size:20px}
.nice-select.open::after, .nice-select:hover::after { color: #8B8B8B !important; opacity: 1; }
.nice-select.open::after { content:"\f106"; }
.nice-select.open .list { opacity: 1; pointer-events: initial; transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled::after { border-color: #cccccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select .option.disabled { text-decoration: line-through; opacity: .5; }
.nice-select .list { background-color:#FFFFFF; border-radius:12px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-sizing: border-box; margin-top: 0px; opacity: 0; overflow: hidden; padding: 0px 0px; pointer-events: none; position: absolute; top: 100%; left: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; min-width: 100%; max-height: 300px; overflow-y: auto; }
.nice-select .list:hover .option:not(:hover) { /*background-color: transparent !important; */ }
.nice-select .option { cursor: pointer; font-weight: 400; outline: none; padding: 12px 36px; text-align: left; transition: all 0.2s linear; background: none; color: var(--dark); border-radius: 0px; font-size: 18px; line-height: 1.1; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background: var(--primary); color: #FFFFFF; }
.nice-select .option.selected { font-weight: 600; }
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }
.NiceSelect.PlainSelect .nice-select { padding-left: 0px; padding-right: 25px; height: 20px; line-height: 20px; border-radius: 0px; border: 0px; background: none; /*min-width: auto !important;*/ }
.NiceSelect.PlainSelect .nice-select::after { right: 0px; /*content:"\f078"; */ color:var(--primary); margin-top: 1px;}
.NiceSelect.PlainSelect .nice-select.open::after { /*content:"\f077"; */ }
.NiceSelect.lg .nice-select { min-width: 250px; }
.NiceSelect.md .nice-select { min-width: 182px; }
.NiceSelect.sm .nice-select { min-width: 110px; }
.NiceSelect.xs .nice-select { min-width: 50px; }
.Selectstyle1 .nice-select {color:#242424 !important; border-color:var(--primary);border-radius:30px;}
.Selectstyle1 .nice-select.open { }
.Selectstyle1 .nice-select::after { color: #242424; opacity: 1; }
.Selectstyle1 .nice-select.open::after, .Selectstyle1 .nice-select:hover::after { color: #242424 !important; opacity: 1; }
.Selectstyle1 .nice-select:hover { }
.Selectstyle1 .nice-select .current { color: #242424 !important; opacity: 1 !important; }
.Selectstyle1.nice-selected .nice-select .current { color: #242424 !important; opacity: 1 !important; }
.Selectstyle1.nice-selected:hover .nice-select .current { }
.form-control.height-60,.height-60 .nice-select { height: 60px; line-height: 58px; }
.form-control.height-55,.height-55 .nice-select { height: 55px; line-height: 53px; }
.form-control.height-45,.height-45 .nice-select { height: 45px; line-height: 43px; font-size: 16px; }
.form-control.height-40,.height-40 .nice-select { height: 40px; line-height: 38px; font-size: 14px; }
/*--Floating Form Label--*/
.floating-label { }
.form-group.floating-label .form-control { }
.form-group.floating-label textarea.form-control { }
.form-group.floating-label label { position: absolute; pointer-events: none; left: 25px; top: 16px; transition: 0.2s ease all; margin: 0px; width: auto; margin: 0px; padding: 0px; line-height: 1; background: none; z-index: 2; }
.form-group.floating-label .focus label, .form-group.floating-label .not-empty label, .form-group.floating-label .focus + label, .form-group.floating-label .not-empty + label, .form-group.floating-label.focus label, .form-group.floating-label.not-empty label { top:-5px; font-size: 10px; opacity: 1 !important; padding: 0px 5px; background: #FFFFFF; color: #4B4B4B !important; }
.form-group.floating-label.not-empty label { }
.form-group.floating-label.not-empty .form-control { }
/*---*/
.f-upload .input-group { display: block !important; position: relative !important; flex-wrap: nowrap !important; }
.f-upload .file-caption-icon { display: none !important; }
.f-upload .file-caption-name.form-control { width: 100%; font-style: normal !important; opacity: 1 !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: rgba(0,0,0,.5); padding-right: 155px !important; }
.f-upload .input-group .custom-button.btn-file { position: absolute; top: 50%; transform: translateY(-50%);right:20px;height: 40px; border-radius: 30px !important; background: var(--primary); font-weight: 400; color: #FFFFFF; padding: 0px 30px; letter-spacing: 0.8px;}
.f-upload .input-group .custom-button.btn-file input{opacity:0;position:absolute}
@media only screen and (max-width: 1599.98px){
.f-upload .file-caption-name.form-control {padding-left: 20px !important;}
.f-upload .input-group .custom-button.btn-file { padding: 0px 20px; height: 36px;}
}
@media only screen and (max-width: 575.98px){
.f-upload .file-caption-name.form-control {padding-left: 110px !important;}
.f-upload .input-group .custom-button.btn-file {height: 34px;top: 3px; left: 4px;}
}
@media only screen and (max-width: 479.98px){
.f-upload .input-group { display: block !important; position: relative !important; }
.f-upload .input-group .custom-button.btn-file { width: 100%; margin-top: 10px !important; margin-left: 0px !important; position: static !important; padding: 0px 25px !important; height: 40px; border-radius: 5px !important; }
.f-upload .file-caption-name.form-control { width: 100%; padding: 0px 15px !important; }
}
.dropzone { margin: 0px; padding: 0px; width: 100% !important; min-height: auto !important; height: 150px !important; border-radius: 5px !important; border: 2px dashed #A6A6A6 !important; display: flex; align-items: center; justify-content: center; flex-flow: column; color: #A6A6A6 !important; font-size: 13px; transition: all 0.2s linear; background: #F4F4F4 !important; }
.dropzone:hover { background: #E8E8E8 !important; }
.dropzone i { font-size:30px; color: #4B4B4B; }
.progress { height: 20px; border-radius: 15px; }
.extra-progress-wrapper .progress { width: 100% !important; }
/*--Toggle Button Group-*/
.btn-group { display: flex; }
.btn-group > .btn-check { opacity: 0; display: none; }
.btn-group .btn { transition: all 0.2s linear; padding: 0px !important; flex: 1 1 0px; margin: 0px !important; border-width: 1px; }
.btn-group .btn:hover, .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary { background: var(--primary) !important; border-color: transparent; color: #FFFFFF; }
/*---*/
.btn-close { padding: 0px; border: 30px; border-radius: 50%;position: absolute; right: 0px; top: -35px; font-size: 16px; line-height: 1; z-index: 1; opacity: 1 !important; background:#fff;cursor: pointer; text-shadow: none; outline: none !important; box-shadow: none !important; transition: all 0.2s linear; color: var(--primary); display: flex; align-items: center; justify-content: center;width:30px;height: 30px; font-weight: 700; }
.btn-close:hover { color: #ffffff; background:#000000; opacity: 1 !important; }
.btn-close i { line-height: 1; }
.btn-close img { width: 100%; }
.modal-content { border-radius: 10px; }
.modal-body { padding: 50px; border-radius: 0px; overflow: hidden; background: #FFFFFF; }
.modal-backdrop.show { opacity: .65; background: #000000; }
.modal-xxl { max-width: 1600px; }
.modal-xl { max-width: 1392px; }
.modal-lg { max-width:850px; }
.modal-sm { /*max-width:300px*/ }
/*--Accordion Group--*/
.accordion {margin-bottom:60px;}
.accordion:last-child {margin-bottom:0px;}
.accordion-item {background:none;border:none;margin-bottom:20px;}
.accordion-item.active {border-radius:0 !important;box-shadow: 0px 1px 16px rgba(0,0,0,0.15); overflow: hidden;}
.accordion-item:last-child { margin-bottom: 0px; }
.accordion-header a { padding:0 0 20px; display: block; position: relative; cursor: pointer; font-weight:400; color:var(--secondary); background:transparent; border-radius:0;border-bottom:1px solid #ccc;line-height:1.3;font-size:20px;z-index:1;box-shadow:none; }
.accordion-header a img{margin-right:15px;width:60px;height:60px;border-radius:100%;object-fit:contain}
.accordion-header a.collapsed { color:var(--dark); background:transparent;border-radius:0;border-color:#C6C6C6}
.accordion-header a:hover { color:var(--primary);}
.accordion-header a.collapsed:hover {/*box-shadow: 0px 1px 16px rgba(0,0,0,0.15);*/ }
.accordion-header a::before { content: "\F286"; position: absolute; top: 50%; transform: translateY(-50%); right:0;font-family:bootstrap-icons !important;line-height: 1; text-align: center; display: flex; align-items: center; justify-content: center; color: var(--secondary);font-size:28px;font-weight:400}
.accordion-header a.collapsed::before {content:"\F282"; color: var(--dark);}
.accordion-header a:hover::before {color:var(--primary)}
.accordion-header a.collapsed:hover::before {content:"\F282"; color: var(--primary)}
.accordion-body {padding:20px 0 20px;border:0;border-width:0 0 0 0;border-radius:0 0 0 0;position:relative;box-shadow:none;color:var(--body)}
.accordion-body p { margin-bottom: 20px; }
.accordion-body p > a{color:var(--body);text-decoration:none}
.accordion-body p > a:hover{color:var(--primary);}
.accordion-item:last-child .accordion-header a[aria-expanded="false"]{border-bottom:1px solid #C6C6C6;}
.accordion-item:last-child .accordion-body{border:1px solid #C6C6C6;border-width:0 0 0 0;padding-bottom:0}
.tab-holder.TabsAccordion .accordion-body { padding:50px; border: 0px solid #dadada; background:#FFFFFF; border-radius: 0px 0px;border-radius:0px 0 10px 10px;box-shadow:none;}
.tab-body { padding-top: 50px;}
.accordion.accordion-tabs .accordion-body { padding:30px; margin-top: 0px; }
.accordion.alt .accordion-header a[aria-expanded="true"]{padding-bottom:10px}
.accordion.alt .accordion-body p{margin-bottom:10px}
/*---*/
.tab-holder { }
.nav-tabs { align-items: center; border-bottom:1px solid #999999; padding:0px 0px; margin: 0px 0px; width: auto; display: flex; flex-wrap:wrap;justify-content:flex-start;}
.tab-holder.tab-centered .nav-tabs { justify-content: center; }
.nav-tabs .nav-item { margin: 0px; padding: 0px 0 0 0;}
.nav-tabs .nav-item:first-child { margin-left: 0px; }
.nav-tabs .nav-item:last-child { /*margin-right: 0px;*/ }
.nav-tabs .nav-link { margin: 0px !important; text-align: center; padding: 0 0 20px; font-size: 24px; color:var(--secondary); position: relative; font-weight: 400; border: 0px; background-color:transparent; display:inline-flex; align-items: center; justify-content: center;opacity: 1; border-radius:0 0 0 0;}
.nav-tabs .nav-link img { margin-right:0 }
.nav-tabs .nav-item:first-child .nav-link {border-radius: 20px 0 0 0 }
.nav-tabs .nav-item:last-child .nav-link {border-radius: 0 0 20px 0}
.nav-tabs .nav-link::before { content: ""; position: absolute; left:0; bottom:0px; width:100%; height: 5px; transition: all 0.2s linear; background: rgba(92,92,92,.2);}
.nav-tabs .nav-link:hover { background: transparent;color: var(--secondary); opacity: 1;text-decoration:none;text-decoration-thickness: 1px;}
.nav-tabs .nav-link.active { background: transparent;color: var(--secondary); opacity: 1;text-decoration:none;text-decoration-thickness: 1px;}
.nav-tabs .nav-link:hover::before,.nav-tabs .nav-link.active::before { width: 100%; left: 0; background:var(--primary)}
.nav-tabs.alt{position:relative}
.nav-tabs.alt:before{content:'';width:200%;height:1px;background:#EEEEEE;left:-25%;right:0;bottom:1px;position:absolute}
.nav-tabs.alt .nav-item{padding:0 30px}
.nav-tabs.alt .nav-link{font-size:30px;letter-spacing:1.5px;padding-left:0;padding-right:0}
.nav-tabs.alt .nav-link::before{opacity:0;visibility:hidden;width:0;left:50%}
.nav-tabs.alt .nav-link:hover::before,
.nav-tabs.alt .nav-link.active::before{opacity:1;visibility:visible;width:100%;left:0}
@media only screen and (max-width: 1599.98px) {
.nav-tabs{margin: 0px 0px;}
.nav-tabs .nav-item {padding: 0px 0px;}
.nav-tabs .nav-link { font-size: 14px;padding: 10px 0;}
.tab-holder.TabsAccordion .accordion-body{padding: 20px;}
.tab-body {padding-top: 40px;}
}
@media only screen and (max-width: 991.98px) {
/* .nav-tabs{margin: 0px -2px;}
.nav-tabs .nav-item {padding: 0px 2px;}*/
/*.nav-tabs .nav-link { font-size: 18px;padding: 0px 10px 20px;}*/
.nav-tabs.alt .nav-link{ font-size: 18px;}
}
@media(min-width:768px) {.tab-holder.TabsAccordion .collapse { display: block; }
.tab-holder.TabsAccordion .accordion-header { display: none; }
.accordion.accordion-tabs .accordion-header { display: block; }
.accordion.accordion-tabs .collapse { display: none; }
.accordion.accordion-tabs .collapse.show { display: block; }
}
@media(max-width:767.98px){
.tab-holder.TabsAccordion .tab-content > .tab-pane { display: block !important; opacity: 1; margin-bottom:0; }
.tab-holder.TabsAccordion .tab-content > .tab-pane:last-child { margin-bottom: 0px; }
.tab-holder.TabsAccordion .nav-tabs { display: none; }
.tab-holder.TabsAccordion .accordion-body { padding:20px; margin-top: 0px; }
}
/*---*/
/* Tooltip */
/**/
.tooltip.show { opacity: 1; }
.tooltip > .tooltip-inner { color: #4B4B4B; font-size: 16px; max-width: 295px; line-height: 20px; border-radius: 0px; padding: 10px 40px; /*width:auto; white-space:nowrap; */ text-align: left; background-color: #FFFFFF; font-weight: 400; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { border-top-color: #FFFFFF; }
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { border-right-color: #FFFFFF; }
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #FFFFFF; }
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { border-left-color: #FFFFFF; }
@media only screen and (max-width: 567px){
.tooltip > .tooltip-inner { border-radius: 0px; padding: 8px 10px; max-width: 280px; font-size: 12px; }
}
/* Scroller Container */
.Scrollcontent {max-height:610px;overflow-y:auto}
.mCSB_inside > .mCSB_container { margin-right: 35px !important; }
.mCSB_scrollTools { z-index: 99999; opacity: 1 !important; width: 8px; }
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background:#F2F2F2 !important; border: none !important; width: 4px !important; border-radius: 0px; }
.mCSB_scrollTools .mCSB_dragger { cursor: auto !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { cursor: pointer; border-radius:0; width: 4px !important; z-index: 99999 !important; background: var(--primary) !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background: var(--primary)!important; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 5px !important; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% !important; margin: 0px !important; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { cursor: pointer; width: auto !important; height: 5px !important; min-width: 70px !important; margin: 0px auto !important; }
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0px !important; margin-bottom: 10px; }
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0px; }
/*----*/
.table-holder {overflow-x:auto;width:100%;margin-bottom:0px;padding-bottom: 5px;}
.table-holder .table > :not(:first-child) { border-top: 0px; }
.table-holder {width: 100%; margin-bottom: 0px; padding-bottom:0;}
.table-holder .table-holder:last-child { margin-bottom: 0px; }
.table-holder .table { margin: 0px; width: 100%;/*order-collapse: inherit; */ border-collapse: collapse; border: 0px solid #CCC; color: #808080;border-radius:30px;font-size:16px}
.table-holder .table td, .table-holder .table th { vertical-align: middle !important; border: 1px solid #CCC; }
.table-holder .table th {color: #fff; font-weight: 700; font-size:18px; padding: 15px 20px;border-radius: 10px 10px 0px 0px;background: var(--primary);line-height:1}
.table-holder .table tr { }
.table-holder .table td { padding: 10px 20px;}
.table-holder .table td:last-child {border-radius: 0 0 0 0}
.table-holder .table tr:nth-child(odd) { background-color: #fff; }
.table-holder .table tr:nth-child(even) { background-color: #f9f9f9; }
.responsive-table { min-width: 760px;}
.table-sticky-col { left: 0; position: sticky; z-index: 9999; }
/* LOADER */
html::before,html::after { width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; display: flex; align-items: center; justify-content: center; }
html::before { content: ""; border:4px solid #E5E5E5; border-top:4px solid var(--primary); border-radius:50%; animation-duration: 2.5s; animation: rotate 1000ms linear infinite; opacity: 1; }
html::after { content: "LOADING"; font-family: var(--fontStyle1); font-weight: 700; font-size: 9px; z-index: -1; animation: fade-in-out 1000ms linear infinite; color: var(--dark);}
/*--Floating Icons--
*/
.float-icon { position: absolute !important; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; line-height: 1; z-index:1; }
.float-icon img { width: 100%; }
.float-icon span { display: block; }
.floating { animation-name: floating;}
.s1-lg{width:47%}
.s1{width:15%}
.s2{width:12.25%}
.s3{width:10.5%}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 20px); }
100% { transform: translate(0, -0px); }
}
@media only screen and (max-width: 567px) { @keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
}
.rotate { animation-name: rotate; }
.rotate-alt { animation-name: rotate-alt; }
@keyframes rotate { 100% { transform:rotate(360deg); }
}
@keyframes rotate-alt { 100% { transform:rotate(-360deg); }
}
@keyframes fade-in-out {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.slow { animation-duration: 3.5s; }
.slower { animation-duration: 4s; }
.fast { animation-duration: 1500ms; }
.faster { animation-duration: 1000ms; }
/*----*/
.inner-container-xxl { padding: 140px 0px; position: relative; width: 100%; }
.inner-container-xl { padding: 115px 0px; position: relative; width: 100%; }
.inner-container-lg { padding: 100px 0px; position: relative; width: 100%; }
.inner-container { padding: 80px 0px; position: relative; width: 100%; }
.inner-container-md { padding: 50px 0px; position: relative; width: 100%; }
.inner-container-sm { padding: 40px 0px; position: relative; width: 100%; }
.inner-container-xs { padding: 30px 0px; position: relative; width: 100%; }
/*---*/
.featured-slider { margin: 0px -8px; }
.featured-slide { padding: 0px 8px; display: block; }
.featured-slider .slick-prev { left: -100px; }
.featured-slider .slick-next { right: -100px; }
.slider-filter-holder { margin-bottom: 50px; }
.slider-filter-holder ul { list-style: none; margin: 0px auto; padding: 0px; display: flex; justify-content: center; align-items: center; max-width: 70%; border-bottom: 1px solid #d6d6d6; }
.slider-filter-holder ul li { flex-basis: 100%; }
.slider-filter-holder ul li a { position: relative; display: flex; align-items: center; justify-content: center; padding: 15px; }
.slider-filter-holder ul li a::before { content: ""; position: absolute; width: 0%; left: 50%; bottom: -1px; height: 2px; border-radius: 5px; background: #F0A69D; transition: all 0.2s linear; }
.slider-filter-holder ul li a:hover::before, .slider-filter-holder ul li a.active::before { left: 0; width: 100%; }
.slider-filter-holder ul li a.active { font-weight: 600; }
/*--AccordionFilterNav--*/
.AccordionFilterNav { display: block; text-decoration: none; line-height: 1; }
/* First Level */
.AccordionFilterNav ul { margin: 0; padding: 0px; list-style: none; }
.AccordionFilterNav>ul {}
.AccordionFilterNav ul li { padding-bottom: 0px;}
.AccordionFilterNav ul li:last-child { padding-bottom: 0px;}
.AccordionFilterNav>ul>li>a { color: #4B4B4B; display: flex; align-items: center; position: relative; text-decoration: none; font-weight: 500; padding: 0px 0px 0px 0px !important; border-radius: 0px; line-height: 1.5;}
.AccordionFilterNav>ul>li:hover>a,.AccordionFilterNav>ul>li.active>a {color: #C6A788 ; text-decoration: none;}
.AccordionFilterNav ul ul{ padding-top: 20px;}
/* Second Level */
.AccordionFilterNav ul ul li a{display:block;position:relative;}
.AccordionFilterNav ul ul li:hover>a,.AccordionFilterNav>ul>li>ul>li.active>a {color: #FF8A00; text-decoration: none; font-weight: 700;}
/* Third Level */
.AccordionFilterNav ul ul ul li a { display: block; position: relative;}
.AccordionFilterNav ul ul ul li:hover>a {color: var(--primary); text-decoration: none;}
/* Accordion Button */
.AccordionFilterNav ul li.has-subnav .accordion-btn {height:55px;line-height:55px}
.accordion-collapsed {color:var(--dark)}
.accordion-btn-wrap { width: 50px !important; text-align: center !important;height:55px;line-height:55px}
.AccordionFilterNav>ul>li.has-subnav>a { margin-right: 0px !important; }
.AccordionFilterNav>ul>li>.accordion-active .accordion-expanded,.AccordionFilterNav>ul>li>ul>li>.accordion-active .accordion-expanded,.AccordionFilterNav>ul>li>ul>li>ul>li>.accordion-active .accordion-expanded { color: var(--primary); }
.AccordionFilterNav>ul>li:hover .accordion-collapsed{color: var(--primary);}
.AccordionFilterNav>ul>li:hover>ul>li .accordion-collapsed{color: var(--primary);}
.AccordionFilterNav>ul>li:hover>ul>li:hover .accordion-collapsed{color: var(--primary);}
.AccordionFilterNav ul li.has-subnav>a{font-weight:700;padding:15px 30px 15px !important;display:block;}
.AccordionFilterNav ul li.has-subnav>a:hover{ color:var(--primary);}
.catagory-list,
.bapf_body ul {
list-style: none;
margin: 0;
padding: 0 !important;
}
.catagory-list li,
.bapf_body ul li {
padding:0;
}
.catagory-list li:first-child,
.bapf_body ul li:first-child {
padding-top: 0 !important;
}
.catagory-list li:last-child,
.bapf_body ul li:last-child {
padding-bottom: 0 !important;
}
.bapf_body ul li input {
display: none;
}
.catagory-list li a,
.bapf_body ul li label {
display: block;
position: relative;
padding-left: 28px !important;
color: #333;
line-height:1;
}
.catagory-list li a::before,
.catagory-list li a::after,
.bapf_body ul li label::before,
.bapf_body ul li label::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s linear;
color: #744444;
border-radius: 3px;
}
.catagory-list li a::before,
.bapf_body ul li label::before {
background: transparent;
border: 2px solid#101010;
}
.catagory-list li a::after,
.bapf_body ul li label::after {
font-family: "Font Awesome 6 Free";
content: "\f00c";
font-weight: 900;
color: #fff;
opacity: 0;
font-size: 10px;
margin-top: 0;
display: none
}
.catagory-list li a:hover,
.catagory-list li.selected a,
.catagory-list li.active a,
.bapf_body ul li label:hover,
.bapf_body ul li.checked label {
color: var(--primary);
font-weight: 600;
}
.catagory-list li a:hover::before,
.catagory-list li.selected a::before,
.catagory-list li.active a::before,
.bapf_body ul li label:hover::before,
.bapf_body ul li.checked label::before {
background: var(--primary);
border-color: var(--primary);
}
.catagory-list li a:hover::after,
.catagory-list li.selected a::after,
.catagory-list li.active a::after,
.bapf_body ul li label:hover::after,
.bapf_body ul li.checked label::after {
opacity: 1;
}
.awf-filter-container label{color:#333;
display: flex;
align-items: center;
position: relative;
text-decoration: none;
font-size: 16px;
line-height: 1;
background: none;
border-radius: 0;
/*text-transform: capitalize;*/
text-transform: none !important;
letter-spacing: 0;
font-family: 'Poppins',sans-serif;
transition: all .3s ease;
}
.awf-collapsible-children .awf-parent-container{padding:15px 0;}
.awf-collapsible-children .awf-parent-container::after{padding:0 5px 17px 0px;}
.awf-collapsible-children .awf-parent-container.awf-collapsed-on::after{padding:17px 5px 0 0;}
.awf-collapsible-children .awf-parent-container:hover{background:none;}
.widget-box{border-bottom: 1px solid #E3E3E3;}
.widget-box-title h6{color:var(--secondary);}
.widget-box-content ul{list-style:none;padding-left:0;margin-bottom:0}
.widget-box-content li{padding:8px 0}
.widget-box-content li .checkbox{margin-bottom:0;min-height:auto}
.widget-box-content li .checkbox .fw-bold{font-weight:bold !important}
.widget-box-content{max-height:165px}
.widget-box-content.sm{max-height:165px}
.widget-box-content.md{min-height:180px;max-height:210px}
/* Button */
.custom-button,.f-upload .input-group-btn .btn-upload {cursor:pointer;transition:all 0.2s linear;display:inline-flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;outline:none !important;text-decoration:none !important;font-weight:bold;color:var(--primary);border-radius:12px;border:1px solid var(--primary);vertical-align:top;padding:0px 40px 0px;font-size:14px;line-height:1;height:58px;text-transform:uppercase;letter-spacing:2.5px;background:none;box-shadow:none;}
.custom-button.alt{letter-spacing:5.3px;text-transform:uppercase;padding:0 41px 0;}
.button-icon{ padding: 0px; width: 60px;}
.custom-button.btn-lg { padding: 0px 60px; font-size: 16px; height:67px; font-weight: 500; }
.custom-button.btn-md {height:50px;}
.custom-button.btn-sm { padding: 0px 20px; font-size: 13px; height:30px; letter-spacing: 0px;}
.custom-button::before{/*content:""; position: absolute; left: 0px; top: 0px;width: 53px; height: 61px; background-image:url(../images/btn-bg-dark.png); background-repeat: no-repeat; background-size: 100% 100%;*/}
/*.custom-button::after { font-family: "Font Awesome 6 Free"; content:"\f178"; font-weight: 900; transition: all 0.2s linear; margin-left:10px;margin-top:1px;display: flex; align-items: center; justify-content: center; line-height: 1;border-radius:0;color:#fff;border:0;font-size:20px;}*/
.custom-button.no-icon::before,.custom-button.no-icon::after{ display: none !important;}
.custom-button.button-primary { background: var(--primary);border-color:var(--secondary);color:var(--white);}
.custom-button.button-secondary {background: var(--secondary);border-color:var(--secondary);color:var(--white);}
.custom-button.button-body { background: var(--body);border-color:var(--body);color:var(--white);}
.custom-button.button-title { background: var(--title);border-color:var(--title);color:var(--white);}
.custom-button.button-alternate { background: var(--alternate);border-color:var(--alternate);color:var(--white);}
.custom-button.button-light { background: var(--light);border-color:var(--light);color:var(--dark);}
.custom-button.button-dark {background: var(--dark);border-color:var(--dark);color:var(--white);}
.custom-button.button-black {background: var(--dark);border-color:var(--dark);color:var(--white);}
.custom-button.button-red { background: var(--red);border-color:var(--red);color:var(--white);}
.custom-button.button-white {background: var(--white);border-color:var(--white);color:var(--secondary);}
.custom-button.button-white:after{color:var(--secondary)}
.custom-button.btn-border.bdr-primary { border-color: #00538C; color: #00538C; }
.custom-button.btn-border.bdr-secondary { border-color: #C6A788; color: #C6A788; }
.custom-button.btn-border.bdr-body { border-color: #4B4B4B; color: #4B4B4B; }
.custom-button.btn-border.bdr-title { border-color: #242424; color: #242424; }
.custom-button.btn-border.bdr-alternate { border-color: #1D3756; color: #1D3756; }
.custom-button.btn-border.bdr-light { border-color: #B7B7B7; color: #242424; }
.custom-button.btn-border.bdr-dark { border-color: #242424; color: #242424; }
.custom-button.btn-border.bdr-black { border-color: #000000; color: #000000; }
.custom-button.btn-border.bdr-red { border-color: #FF0000; color: #FF0000; }
.custom-button.btn-border.bdr-white { border-color: #FFFFFF; color: #FFFFFF; }
.custom-button-holder { justify-content: center; position: relative; }
.wpcf7-spinner {top: -80px; left: -17px;}
.custom-button-holder.icon-left { }
.custom-button-holder.icon-left .custom-button i { }
/*Button Hover*/
button.custom-button:hover,input[type=submit].custom-button:hover,a.custom-button:focus,.custom-button.selected, a.custom-button:hover,.f-upload .input-group .custom-button.btn-file:hover,input[type="submit"]:not(:disabled):hover { color: #fff !important; background:var(--secondary); box-shadow: none;border-color: var(--secondary)}
button.custom-button.button-secondary:hover,a.custom-button.button-secondary:focus,.custom-button.button-secondary.selected, a.custom-button.button-secondary:hover{background:var(--primary);border-color:var(--primary);}
button.custom-button.button-alternate:hover,a.custom-button.button-alternate:focus,.custom-button.button-alternate.selected, a.custom-button.button-alternate:hover{ }
button.custom-button.button-black:hover,a.custom-button.button-black:focus,.custom-button.button-black.selected, a.custom-button.button-black:hover{ }
button.custom-button.button-title:hover,a.custom-button.button-title:focus,.custom-button.button-title.selected, a.custom-button.button-title:hover{ }
button.custom-button.button-white:hover,a.custom-button.button-white:focus,.custom-button.button-white.selected, a.custom-button.button-white:hover{background:var(--secondary); color:#ffffff !important; border-color: var(--secondary);}
button.custom-button:hover::before,input[type=submit].custom-button:hover::before,a.custom-button:focus::before,.custom-button.selected::before, a.custom-button:hover::before,.f-upload .input-group .custom-button.btn-file:hover::before,input[type="submit"]:not(:disabled):hover::before{ /*color: #FFFFFF; border-color: #FFFFFF;*/}
button.custom-button:hover::after,input[type=submit].custom-button:hover::after,a.custom-button:focus::after,.custom-button.selected::after, a.custom-button:hover::after,.f-upload .input-group .custom-button.btn-file:hover::after,input[type="submit"]:not(:disabled):hover::after{ color: #FFFFFF; }
a.custom-button.btn-border:hover,button.custom-button.btn-border:hover,a.custom-button.btn-border:focus {background:#000000 !important; color: #fff !important; border-color: transparent !important; }
a.custom-button.btn-border.bdr-white:hover,button.custom-button.btn-border.bdr-white:hover,a.custom-button.btn-border.bdr-white:focus {}
.mwidth { min-width: 220px; padding-left: 10px !important; padding-right: 10px !important; }
.mwidth-md { min-width: 140px; padding-left: 10px !important; padding-right: 10px !important; }
.custom-button.btn-block, a.custom-button.btn-block { width: 100% !important; min-width: inherit !important; padding-right: 10px; padding-left: 10px; }
.custom-button.btn-block + .custom-button.btn-block { margin-top: 10px; }
.button-holder { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: -8px -8px; }
.button-holder>div { padding: 8px; }
.custom-button img { }
.custom-button i { }
.iright { margin-left: 10px; }
.ileft { margin-right: 10px;margin-left:0 !important}
.uncap { text-transform: none !important; }
.custom-button.no-icon::after,a.custom-button.no-icon::after { display: none; }
.btn-min{min-width:214px}
/* DROPDOWN BUTTON */
.dropdown-toggle::after{content:"\f282";border:0;font-family:'bootstrap-icons' !important;font-weight:400;margin-left:10px}
.dropdown-menu:before{content:"";position:absolute;left:38%;top:-10px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:10px solid #ffffff;right:0;}
.dropdown-menu{border-radius:20px;border:0;padding:0;}
.dropdown-menu .dropdown-item{padding:15px 45px}
.dropdown-menu .dropdown-item:hover{background:#000000;color:#fff !important;}
.dropdown-menu li:first-child .dropdown-item{border-radius: 20px 20px 0 0}
.dropdown-menu li:last-child .dropdown-item{border-radius: 0 0 20px 20px}
/* .dropdown-menu.show{transform:translate(19%, 84px) !important;} */
/*-- Button-Flip--*/
.btn-flip { opacity: 1; outline: 0; color: #C6A788; position: relative; text-align: center; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 28px; text-transform: uppercase; font-weight: 900; }
.btn-flip:hover::after { opacity: 1; transform: translateY(0) rotateX(0); }
.btn-flip:hover::before { opacity: 0; transform: translateY(-50%) rotateX(-90deg); }
.btn-flip::after { top: 0; left: 0; opacity: 1; width: 100%; color: #C6A788; display: block; transition: 0.5s; position: absolute; content: attr(data-back); transform: translateY(50%) rotateX(-90deg); }
.btn-flip:before { top: 0; left: 0; opacity: 1; color: #C6A788; display: block; transition: 0.5s; position: relative; content: attr(data-front); transform: translateY(0) rotateX(0); }
/*APPLE
*/
/*-- Button-Flip END--*/
/*--Links--*/
.styled-link{color:var(--secondary);text-decoration:none !important;border:none;transition:all 0.2s linear;position:relative;display:inline-flex;align-items:center;font-weight:bold;line-height:1;letter-spacing:2px;text-transform:uppercase;font-size:14px;}
.styled-link:hover{color:var(--primary);text-decoration:none !important;}
.styled-link i{margin-left:12px}
.styled-link.underlined,.styled-link.underlined:hover{text-decoration:underline !important;}
.styled-link.primary{color:var(--primary) !important;}
.styled-link.primary:hover{color:var(--secondary) !important;}
.styled-link.secondary{color:var(--secondary) !important;}
.styled-link.secondary:hover{color:var(--primary) !important;}
.styled-link.has-icon{ text-decoration:none !important; }
.styled-link.has-icon.icon-left::after,.styled-link.has-icon.icon-right::after{font-family: "Font Awesome 6 Free"; font-weight: 900; content:"\f178"; margin-left: 10px; position: relative; display: inline-flex; align-items: center; justify-content: center; line-height: 1; transition: all 0.2s linear;font-size:16px}
.styled-link.has-icon.icon-left{padding-left:28px}
.styled-link.has-icon.icon-left::after{content:"\f177";margin-right:10px; margin-left:0px;left:0;right:auto;position:absolute;}
.styled-link.has-icon.icon-left::before{right:0;left:auto}
a.styled-link:hover,.styled-link:hover, button.styled-link:hover { color: var(--secondary); text-decoration:none !important; border: none; }
a.styled-link.has-icon:hover,.styled-link.has-icon:hover { text-decoration: none !important; }
.styled-link.has-icon:before{content:'';height:1px;width:0;background:var(--secondary);position:absolute;bottom:0;left:0;opacity:0;visibility:hidden;transition: all 0.2s linear}
.styled-link.has-icon:hover::before{opacity:1;visibility:visible;width: calc(100% - 28px);}
/*--Slick Arrow--*/
.slick-arrow { display: flex; align-items: center; justify-content: center; opacity:1; text-align: center; border-radius:50px; cursor: pointer; transition: all 0.2s linear; color:var(--white); background:var(--primary); border:1px solid var(--primary); line-height: 1; width: 55px; height: 55px; overflow: hidden; font-size:16px; opacity:1; box-shadow: none;}
.slick-arrow.arrow-sm { font-size:16px}
.slick-arrow img { transition: all 0.2s linear; }
/* .slick-arrow::before{ width: 64px; height: 64px; content: ""; border: 2px solid #4d4d4d; position: absolute; border-radius: 50%; top: 0px; opacity: 0;transition: all 0.2s linear;} */
.slick-prev::before{ left: 0px;}
.slick-next::before{ right: 0px;}
.arrows-plain .slick-arrow { width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; opacity:1; background: none !important; box-shadow: none !important; color: var(--primary); font-size:16px !important; }
.arrows-white .slick-arrow { color: #FFFFFF !important; opacity: 1; }
.slick-arrow:hover::before { opacity: 1; }
.arrows-white .slick-arrow:hover { color: var(--secondary) !important; }
.arrows-plain .slick-arrow:hover { background: none; color:var(--secondary); opacity: 1; }
.arrows-alternate .slick-arrow { background:var(--secondary); color: #ffffff; }
.arrows-alternate .slick-arrow:hover {background:var(--primary); color: #ffffff;}
.custom-arrows { display: flex; align-items: center; }
.custom-arrows .slick-arrow { position: relative; transform: none; opacity: 1;}
.custom-arrows .slick-arrow:first-child { margin-right:10px; }
.bdr-white .slick-arrow{ border-color: #ffffff !important;}
.bdr-white .slick-arrow img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(106%); }
.slick-arrow:hover{ opacity: 1; background:var(--secondary); color: var(--white); border-color:var(--secondary) !important; }
.slick-arrow:hover img {filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(11deg) brightness(100%) contrast(100%);}
/*----*/
.footer-wrapper { position:relative; display: block; left: 0px; bottom: 0px; width: 100%; border-radius: 0px; z-index:1;background:#100259;}
/*
*/
.bottom-whatsapp-icon { position: fixed; top: 50%; transform: translateY(-50%); right: 10px; z-index: 5; }
.bottom-whatsapp-icon a { display: flex; justify-content: center; align-items: center; line-height: 1; width: 80px; height: 80px; border-radius: 50%; background:#25D366; color: #FFFFFF; font-size:40px; box-shadow: 0px 3px 6px rgba(0,0,0,0.1); }
.bottom-whatsapp-icon a:hover { color: #FFFFFF; background: #10b737;}
/*
chat-bot-generator
https://widget.bot.space/
link-generator
https://www.wati.io/free-whatsapp-link-generator/*/
.footer-nav,.contact-list,.social-list,.offices-list { list-style: none; margin: 0px; padding: 0px; }
.footer-nav li, .contact-list li,.social-list li,.offices-list li{ padding-bottom: 15px; position: relative; }
.footer-nav li:last-child, .contact-list li:last-child .offices-list li:last-child{ padding-bottom: 0px;}
.offices-list li i{margin-right:15px;}
.nav-2col, .nav-3col { display: flex; flex-wrap: wrap; justify-content: space-between; }
.nav-2col li { width: 50%;}
.footer-nav.alt li{width:50%;float:left;}
.footer-nav.alt li:nth-child(odd){width:60%}
.footer-nav.alt li:nth-child(even){width:40%}
.footer-nav.alt li:nth-child(5),
.footer-nav.alt li:nth-child(6)
{clear:both}
@media only screen and (max-width: 1199.98px) {
.nav-2col.xl li:nth-last-child(2) { padding-bottom: 25px;}
}
@media only screen and (max-width: 1199.98px) {
.nav-2col.lg li:nth-last-child(2) { padding-bottom: 25px;}
}
@media only screen and (max-width: 1199.98px) {
.nav-2col.md li:nth-last-child(2) { padding-bottom: 25px;}
}
@media only screen and (max-width: 1199.98px) {
.nav-2col.sm li:nth-last-child(2) { padding-bottom: 25px;}
}
.nav-3col li { width: 33.33%;}
.footer-nav.inline, .contact-list.inline { text-align: center; display: flex; flex-wrap: wrap; }
.footer-nav.inline { line-height: 1; display: flex; align-items: center; justify-content: center; list-style: none; margin: 0px -6px; padding: 0px; }
.footer-nav.inline>li { padding: 0px 6px; position: relative; border-right: 1px solid rgba(255,255,255,.8); }
.footer-nav.inline>li:last-child { border-right: 0px; border-right: 0px !important; }
.footer-nav.inline>li a { line-height: 1; display: block;color:#808080;text-transform: uppercase;letter-spacing: 1.82px;font-weight:500}
.footer-nav.inline>li a:hover{color:#000;}
.footer-nav.inline.alt{margin:0px -15px;}
.footer-nav.inline.alt>li{padding:0px 15px;}
.footer-nav.inline.alt>li a{font-weight:400;color:#fff;text-transform:capitalize;letter-spacing:0}
.social-icons{padding-left:0;list-style-type:none}
.social-icons li a { line-height: 1; display: flex; justify-content: center; align-items: center; transition: all 0.2s linear; color: #fff;}
.social-icons.icon-rounded li a{width:38px;height:38px;background:var(--primary); color: var(--white); border-radius: 50%; font-size: 20px;}
.social-icons.icon-rounded li a > img{height:17px}
.social-icons.inline{margin:0 -4px;padding-left:0;}
.social-icons.inline li{display:inline-block;padding:0 10px}
.social-icons.inline li a:hover{color:var(--white)}
.social-list li{ display: flex; align-items: center;}
.social-list li:last-child{ padding-bottom: 0px;}
.social-list li a { display: flex; align-items: center;}
.social-list li a:hover {color:var(--primary)}
.social-list li i,.social-list li img {width:17px; margin-right: 15px;}
.contact-list li{color:#fff;padding:22px 0;border-bottom: 1px solid #CCCCCC}
.contact-list li p{color: #fff;opacity:1}
.contact-list li p > a{color:#fff;text-decoration:underline;opacity:1; margin-left: 5px;}
.contact-list li:first-child{padding-top:0}
.contact-list li:nth-child(3) a{color:#A0CFFB}
.contact-list li:nth-child(3) i{top:7px;color:#A0CFFB;}
.contact-list li p > a:hover{text-decoration:underline;color:var(--alternate)}
.contact-list li i, .contact-list li img { line-height: 1; transition: all 0.2s linear;color:#fff;margin-right:15px}
.contact-list.inline li { padding-right: 10px; margin-right: 10px; padding-bottom: 20px; line-height: 1.3; padding-left: 0px; text-align: center; }
.contact-list.inline li i { position: static; line-height: 1; margin-right: 10px; color: #C6A788; font-size: 25px; }
.contact-list.inline li:last-child,.contact-list.inline li.responsive { padding-right: 0px; margin-right: 0px; border-right: 0px; }
.contact-list.alt{display:flex;justify-content:center;justify-content:space-between;}
.footer-wrapper a, .footer-wrapper p{ color:#fff;opacity:0.7}
.footer-wrapper .footer-logo figure a{opacity: 1;}
.footer-wrapper a:hover,.footer-nav li.selected a{ color:var(--white); text-decoration:none;opacity:1}
.footer-nav li.selected a{font-weight:400;opacity:1}
.footer-top{border-bottom: 1px solid #383838;}
.social-list li a:hover{ text-decoration: none;}
.social-list li a:hover span { text-decoration: underline;}
.footer-nav li,.social-list li{}
.footer-nav li.selected a{}
.bottom-nav{list-style-type:none;padding-left:0;margin:0 -30px}
.bottom-nav li{padding:0 30px;display:inline-block;border-right: 1px solid #fff;}
.bottom-nav li:last-child{border-right:0;}
.bottom-nav li a{display:inline-block}
.contact-list li a:hover{ color: #ffffff; text-decoration: underline; font-weight: 400;}
.social-icons.icon-rounded li a:hover{background: var(--secondary); color: #FFFFFF;}
.social-icons.header{margin:0 -18px}
.social-icons.header li{padding:0 18px}
.ftbox h6{padding-bottom:42px;font-family: var(--fontStyle1);letter-spacing:1px;text-transform:uppercase}
.footer-logo{ margin-bottom: 0px; max-width:198px;margin:0;text-align: center}
.ftbox{ }
.ftbox1 {width:198px}
.ftbox2 {width:135px}
.ftbox3 {width:150px}
.ftbox4 {width:448px}
.ftbox5 {width:456px}
.ftbox5 p{opacity:1}
.ftbox3 .social-icons{display:flex;align-items: center;justify-content:center;}
.bottom { padding:10px 0px;line-height:1;background:#1A028A}
.payment-method img { max-height:14px;margin:0 8px}
.payment-method{}
.copyright { text-align: center;color:rgba(255,255,255,1);line-height:1}
.copyright a { display: inline-block;color:#fff;opacity:1 !important;text-decoration:underline}
.copyright strong {background: url("../images/default/verz-logo.png") no-repeat scroll right center; padding-right: 19px; font-weight: 400 !important; color: #ffffff;}
.copyright a:hover {color:var(--light); text-decoration: underline; font-weight:inherit; }
/*---*/
.footer-bar { position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 10px 0px; z-index: 8; border-top: 1px solid rgba(0,0,0,.1);background:var(--white)}
.footer-bar a { display: flex; justify-content: center; align-items: center; margin: 0px auto; line-height: 1; color: var(--dark); position: relative; border: 0px;width:30px; }
.footer-bar a img { transition: all 0.2s linear; }
.footer-bar a span { /*margin-left: 5px; color: #242424; */ }
.footer-bar a:hover { color: #ffffff; }
.footer-bar a:hover img { }
.footer-bar a .cart-count, .top-cart .cart-count { display: flex; justify-content: center; align-items: center; position: absolute; top:-25px;right: -25px;color:#fff;width:39px; height:39px;line-height: 1; border: 0px solid #FFFFFF; border-radius: 50px; font-weight:bold;background: var(--primary);font-size:15px}
.footer-bar a .cart-count {margin-left: 0px;}
.footer-bar .col:nth-child(2) { border-left: 1px solid rgba(0,0,0,.5); border-right: 1px solid rgba(0,0,0,.5); }
.contact-address-list{}
.contact-address-box{ text-align: center; max-width: 453px; border-radius: 25px; background: #FFFFFF; padding: 50px;box-shadow: 4px 4px 40px rgba(0,0,0,0.07); margin: 0px auto;}
.contact-address-box:first-child{ }
.contact-address-box:last-child{ }
.contact-address-box .icon-holder{ width: 100%; height: 70px; margin-bottom: 30px;}
.contact-address-box a{ color: #4B4B4B;}
.contact-address-box a:hover{ color: #C6A788; text-decoration: underline; font-weight: 700;}
/*---*/
.bottom-banner-sec{position:relative}
.bottom-banner-holder .secTitle{display:flex;align-items:center}
.bottom-banner-holder .secTitle img{margin-right:20px;margin-top:-10px}
.bottom-newsletter-sec{position:relative;}
.bottom-newsletter-sec{position:relative;}
/*.bottom-newsletter-sec:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, var(--primary) 0%, #611F20 100%);opacity:0.94}*/
.bottom-newsletter-holder {}
.bottom-newsletter { margin: 0px auto 0px; }
.btm-banner-holder .secTitle h2{text-transform:inherit;white-space:nowrap;line-height:1.5}
.newsletter-holder { position: relative; margin-bottom: 0px;border-bottom: 1px solid #2E9FFF;}
.newsletter-box{ max-width:720px;margin:0 auto;width:100%;position:relative}
.newsletter-input {width:100%;height:58px;background:#fff;border-radius:12px;color:var(--dark);border:1px solid #fff;padding-left:36px;padding-right:100px;font-size:18px;}
.newsletter-input:focus, .newsletter-input:hover {background:var(--white);border-color:var(--primary);color:var(--dark) !important;}
.newsletter-holder input::placeholder, .newsletter-holder input.form-control::-webkit-input-placeholder{font-size:18px;color:#CCCCCC !important;letter-spacing:1px;}
.newsletter-button {transition: all 0.2s linear; position: absolute; top:0; right:0;color: #fff; background:var(--primary);border: none;padding:0 27px;border-radius:0 12px 12px 0;font-size: 16px}
.newsletter-button:hover{border-color:#fff !important;}
.newsletter-holder .newsletter-button:hover {}
.newsletter-button::after{display:none}
.newsletter-holder .mc4wp-form-fields { position: relative; }
.newsletter-holder .custom-button i{margin-left:15px}
/*----*/
.thankyou-sec{background-color:#f7f7f7}
.thankyou-content-holder { }
.thankyou-img { padding-bottom:46.30%; min-height:890px; position: relative;}
.thankyou-img::after, .thankyou-img::before{position: absolute;left: 0px;top: 0px;content: "";width: 100%;height: 100%;background-repeat: no-repeat;z-index: 2;}
.thankyou-img::before{ background:#000000; opacity:0;}
.thankyou-img::after {background-size: 100% 100%;height: 100%;opacity: 1;}
.thankyou-content { max-width:500px;margin:0}
.thankyou-content h1 { font-size:90px; line-height: 1; padding-bottom: 10px; color:#fff;letter-spacing:0;font-weight:bold}
.thankyou-content h2 { font-size:58px; padding-bottom:40px; line-height: 1;font-weight:bold}
.thankyou-content h1 span { }
.thankyou-content p {margin-bottom:40px}
.thankyou-content a.custom-button { }
.thankyou-content a.custom-button:hover { }
.thankyou-logo { max-width: 290px; margin: 0px auto 50px; }
/*---*/
.odd-even-list { }
.odd-even-box { padding:25px 0px;}
.odd-even-box:first-child { padding-top: 0px !important; }
.odd-even-box:last-child { padding-bottom: 0px !important; border-bottom: 0px; }
.odd-even-box .row{box-shadow:5px 5px 20px 0px rgba(0, 0, 0, 0.04);border-radius:20px;overflow:hidden}
.odd-even-list .odd-even-box:nth-child(even) .row>[class*="col-"]:first-child,.odd-even-list .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:first-child { order: 2; }
.odd-even-list .odd-even-box:nth-child(even) .row>[class*="col-"]:last-child,.odd-even-list .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:last-child { order: 1; }
.odd-even-list .odd-even-box .textColLeft,.odd-even-list .odd-even-box .textColRight { height: 100%; display: flex; align-items: center; }
.odd-even-list .odd-even-box:nth-child(even) .textColLeft { float: left; }
.odd-even-list .odd-even-box:nth-child(even) .textColRight { float:right; }
.odd-even-img {overflow:hidden;position:relative;z-index:2}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-img {margin-left:auto;overflow:hidden}
.odd-even-info{align-items:center;justify-content:center;background:#fff;padding:30px 70px}
/*----*/
.contact-left{ position: relative; padding: 65px 120px;}
.contact-right{ position: relative; padding: 65px; }
.contact-left-content{ padding: 100px;}
.contact-right-content{ padding: 80px 80px 80px 160px;}
/*--Products Listing/ Products Details--*/
.sidebar{ position: relative; width: 265px; }
.sidebar-title{
padding:15px 0;
display:flex;
flex-direction: column;
gap: 10px;
margin-bottom:30px !important;
}
.sidebar h2{font-weight:bold;letter-spacing:0;color:var(--white);display:inline-block;line-height:1;padding-bottom:0;font-size:28px;}
.news-sidebar{width:305px}
.widget-box { margin-bottom:30px; position: relative; padding: 0 0 30px 0; background: none;}
.widget-box.alt { }
.widget-box:last-child { margin-bottom: 0px;border-bottom:0 }
.widget-box-content { padding:0;border:1px solid #eee;border-width:0;border-radius: 0;max-height:270px}
.widget-box-filter {}
.widget-box-filter h5{border-radius:0px;text-transform:capitalize;padding:0;font-family:var(--fontStyle1),sans-serif;padding:17px 16px}
.widget-box-filter ul { list-style: none; margin: 0px; padding:40px 30px ;}
.widget-box-filter ul li {}
.widget-box-filter ul li:last-child { }
.widget-box-filter ul li a { color:#101010;display:block;position:relative;padding:15px 0px;font-size:16px;font-weight:400;line-height:1}
.widget-box-filter ul li:hover>a,.widget-box-filter ul li.selected>a,.widget-box-filter ul li.active>a {text-decoration:underline; font-weight:700;color:var(--secondary);}
.widget-box-filter ul ul{ padding:10px 30px;}
.widget-box-filter ul ul li a{ padding:10px 0;}
.tool-bar {position:relative;z-index:9;padding-bottom:0;border-bottom: 0;}
.tool-bar .nice-select {color:var(--body) !important;font-weight:400;}
.tool-bar .nice-select:active, .tool-bar .nice-select.open, .tool-bar .nice-select:focus { }
.tool-bar .nice-select::after {content: "\f078"; color: #000 !important;font-family:'Font Awesome 6 Free' !important;font-weight: 900;font-size:14px}
.tool-bar .nice-select.open::after {content:"\f077";}
.tool-bar-title{color:var(--body);font-weight:400;}
/*.product-list-holder{border:1px solid #E7E7E7;border-width:0 0 1px 0;padding:0 0 50px}*/
.product-list-holder .woocommerce-notices-wrapper{ margin-bottom: 0px;}
.product-box-holder {transition: all 0.2s linear;display:block;width:100%;max-width:280px;}
.product-box-holder:hover {transition: all 0.2s linear;}
.product-box { position: relative; transition: all 0.2s linear;padding:0; color:var(--dark);border-radius:20px;box-shadow:none;border:0;background:#fff}
.product-box>a { display: block; position: relative;}
.product-box {box-shadow: 0 4px 40px 0 rgba(0,0,0,.1)}
.product-box-image-holder {position: relative;margin-bottom:0;transition: all 0.2s linear;border:0;background:#fff;border-radius:20px;}
.product-box-image-holder>a { display: block; position: relative;overflow:hidden;border-radius:20px;padding:70px 30px 0}
.product-box-image-holder .img-holder { transition: all 0.2s linear; position: relative; padding-bottom:127.27%;}
.product-box-image-holder .img-holder figure { padding: 0px;}
.product-box-image-holder .img-holder::before { content: ""; position: absolute; opacity: 1; transition: all 0.2s linear; width: 100%; height: 0; left: 0px; bottom: 0px; z-index: 2; background:rgba(255,255,255,.8);opacity:0;visibility:hidden}
.product-box:hover .product-box-image-holder .img-holder::before { opacity: 1;visibility: visible;height: 100%}
/*.product-box-image-holder .img-holder::after { content: ""; }*/
/*.product-box:hover .product-box-image-holder .img-holder::after { }*/
.product-box:hover .product-box-image-holder{}
.product-box-header { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 8; padding:14px 20px; display: flex; justify-content: space-between; line-height: 1; pointer-events: none; align-items: center; }
.product-tag-holder { position:relative; line-height: 1; left: 0px; top: 0px; z-index: 2; display: flex; padding: 0px; }
.product-tag-holder a { display: block; pointer-events: all; text-align: center; }
.product-tag { position: relative; }
.product-tag-holder .product-tag + .product-tag { margin-top: 5px; }
.product-tag span { position: relative; line-height: 1; display: inline-flex; justify-content: center; align-items: center; height:34px;color: var(--secondary); font-weight:bold; font-size:18px;text-transform:uppercase;letter-spacing:-1px;}
.product-view-holder{position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:2;justify-content:center;right:0;margin: 0 auto;text-align:center;opacity:0;visibility:hidden}
.product-box:hover .product-view-holder{opacity:1;visibility:visible}
.product-details .product-tag-holder{ margin-bottom:20px;}
.product-details .product-tag span{height:34px;min-width: 75px; font-size: 13px;}
.tag-outofstock span {color:var(--secondary)}
.tag-new span {color:#35A456}
.tag-sale span {color:#EB1313}
.tag-clear span { }
.tag-hot span { }
.product-box-info-holder { transition: all 0.2s linear; position: relative;border-radius:0;padding:60px 30px 30px;}
.product-box-info-holder>a{position: relative; padding:0; display: block; color: #808080 !important;}
.product-box-info-holder>a:hover, .product-box-info-holder>a:focus{color: #808080 !important;}
.product-box-title {text-align:left;margin-bottom:20px;}
.product-box-title h3 { transition: all 0.2s linear;font-weight:400;color:var(--secondary);text-transform: inherit;line-height:1.5;font-family: var(--fontStyle1); display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis; }
.product-box:hover .product-box-title h3 {}
.product-box-footer{position:absolute;left:0;right:0;top:0;bottom:-100%;max-width:210px;height:70px;margin:auto;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition: all .2s linear;z-index:2;padding:0 0}
.product-box:hover .product-box-footer{bottom:0;opacity:1;visibility:visible}
.product-box-desc{padding-bottom:30px}
.price-holder {padding:0 0px 0; display: flex; align-items: center; text-align: center; color:var(--secondary); font-weight:bold;justify-content:start}
.price-holder .price { display: flex !important;line-height: 1;align-items:center;}
.price-holder.price-center { justify-content: center; }
.price-holder bdi,.price-holder ins bdi { font-size:22px !important; font-weight:bold; color:var(--secondary);}
.price-holder ins bdi { color:#CE0606;font-weight:700}
.product-box:hover .price-holder ins bdi,.product-box:hover .price-holder bdi { }
.price>del, .price-holder del bdi { font-size: 16px !important; font-weight: 400; color: #999 !important;line-height: 1;opacity: 1}
.price-holder del { opacity: 1 !important; }
.price-holder del bdi,.price-holder del span,.price>del,.price-holder ins,.price-holder ins>span {line-height: 1; align-items: center; }
.price>del,table.wishlist_table tbody td.product-price del, .wishlist_table.mobile li .item-details table.item-details-table del { order: 2; margin-right:0; margin-left:15px; }
.price>ins,table.wishlist_table tbody td.product-price ins, .wishlist_table.mobile li .item-details table.item-details-table ins { order: 1; text-decoration: none;}
.price-save{background: var(--alternate);color:#fff;display:inline-block;border-radius:10px;padding:5px 10px;line-height:1.5}
.product-available{color:#2CC732;line-height:1;padding-top:20px;opacity:0;visibility:hidden;transition: all .2s ease-in;}
.product-box:hover .product-available{opacity:1;visibility:visible;}
body.woocommerce .product-box-footer a.button.btn-border{background:var(--white);border-color: var(--secondary);color:var(--secondary);}
body.woocommerce .product-box-footer a.button,.added_to_cart{ width:100%;}
body.woocommerce .product-box-footer a.button.btn-sm,.added_to_cart.btn-sm{height:44px;padding:0 25px 0px;}
body.woocommerce .product-box-footer a.button.btn-sm img,.added_to_cart.btn-sm img{width:11px}
body.woocommerce .product-box-footer a.button:hover,.added_to_cart:hover{background:var(--primary) !important;border-color:var(--primary) !important;}
body.woocommerce ul.products li.product .button{display:inline-flex;}
/*body.woocommerce .product-box-footer a.button img,.added_to_cart img{ margin-right: 0px;transition: all 0.2s linear;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);
-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);
}*/
body.woocommerce .product-box-footer a.button img,.added_to_cart img{margin-left:10px;}
.woocommerce .product-box-footer a.button:hover img,.added_to_cart:hover img{filter:none;}
.woocommerce .product-details .product-cart .button{ width: 100% !important;background: var(--primary) !important}
.woocommerce .product-details .product-cart .button img{margin-left:10px}
.woocommerce .product-details .product-cart .button:hover{background:var(--secondary) !important;border-color:var(--secondary) !important}
/*.woocommerce .product-details .product-cart .button img{ margin-left: 10px; transition: all 0.2s linear;filter: invert(1%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);
-webkit-filter: invert(1%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);}*/
/*.woocommerce .product-details .product-cart .button:hover img{ filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(146deg) brightness(108%) contrast(101%);}*/
.product-wishlist { padding: 0px 0px 0px 0px; margin-left:auto; pointer-events: all;transition: all 0.2s linear}
.product-wishlist a { padding: 0px; display: flex; color:var(--secondary); align-items: center; justify-content: center; font-size: 20px; margin-right: 0px;height:30px;width:auto;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center}
.product-wishlist a i.fas.fa-heart { margin: 0px !important; color: var(--red); }
.product-wishlist a.delete_item { color: var(--red);}
.product-wishlist a:hover { color: var(--red);}
.product-wishlist a i, .product-cart a i, .product-cart a img { z-index: 1; }
.product-wishlist a.delete_item i::before{ font-weight: 900;}
.product-details .product-wishlist { padding: 0px 0px 0px; margin: 0px; position: static;opacity:1;visibility:visible}
.product-details .product-wishlist a {width:50px;height:50px;background:#F6F6F6;border-radius:0;color:var(--dark)}
.product-details .product-wishlist a:hover {border-color:var(--primary) !important;color: #fff !important; background:var(--primary) !important;}
.product-details .product-wishlist a i{ margin-right: 0px; font-size: 22px;}
.product-details .product-wishlist a.delete_item i {color: #fff !important; background:var(--primary) !important;}
.product-details .product-wishlist a.delete_item:hover i {color: #fff; }
.product-details-title{padding-bottom:25px}
.product-details-title h1{font-weight:400;color:var(--dark);text-transform:inherit;font-size:40px;font-family: var(--fontStyle1)}
.page-count{ }
.page-count strong{ }
.gallery-holder { position: relative; max-width: 650px; margin: 0px auto;}
.gallery-main { overflow: hidden; margin-bottom:25px;border:0 solid #eee;border-radius:20px;background:#fff;}
.gallery-main .img-holder{padding-bottom:127.44%}
.gallery-main-slide { text-align: center; position: relative; }
.gallery-main-slide .img-holder, .gallery-nav-slide .img-holder {padding-bottom:100%; border-radius:0px;}
.gallery-main-slide .img-holder img, .gallery-nav-slide .img-holder img{height:100% !important;}
.gallery-main-slide .img-holder { }
.gallery-main-slide .img-holder figure { }
.gallery-nav-slide .img-holder img{object-fit: contain;}
.gallery-main-slide a{ display: block; position: absolute; top: 0px; right: 0px; color: #000000; font-size: 20px; width: 100%; height: 100%; text-align: right; padding: 10px; opacity: 0; transition: all 0.2s linear; z-index: 1; }
.gallery-main-slide a:hover,.activities-slide a:hover { opacity: 1; }
.gallery-nav { padding: 0px 25px; margin:0px -10px;}
.gallery-nav .slick-list { padding: 0px 0px !important;}
.gallery-nav-slide { cursor: pointer; transition: all 0.2s linear; text-align: center; padding:0px 10px; opacity: .5; }
.gallery-nav-slide-image{ position: relative;}
.gallery-nav-slide .img-holder { transition: all 0.2s linear; border-radius:20px;padding-bottom:100%}
.gallery-nav-slide .img-holder figure { opacity: 1; transition: all 0.2s linear;padding:21px 0}
.gallery-nav-slide-image::before, .gallery-nav-slide-image::after{ content: "";position: absolute;z-index: 2;transition: all 0.2s linear;}
.gallery-nav-slide-image::before { width: 100%; height: 100%; border: 2px solid transparent; opacity: 1; left: 0px; top: 0px; border-radius:20px;}
.gallery-nav-slide-image::after{opacity: 1; z-index: 1; }
.gallery-nav .slick-current .gallery-nav-slide-image::before, .gallery-nav-slide:hover .gallery-nav-slide-image:before { opacity: 1;border-color: var(--secondary)}
.gallery-nav .slick-current .gallery-nav-slide, .gallery-nav-slide:hover{ opacity: 1; }
.gallery-nav .slick-arrow { opacity: 1;height:55px;width:55px;color:#fff;border:0;font-size:20px}
.gallery-nav .slick-arrow img{width:70%}
.gallery-nav .slick-arrow:hover {}
.gallery-nav .slick-prev { left: 0px; }
.gallery-nav .slick-next { right: 0px; }
.product-details-holder { }
.product-details{ padding-left:0;background:#fff;}
.product-details .product-cat { }
.product-details .price-holder { text-align: left; padding: 0px 0px 0; border: 0px;justify-content:flex-start;}
.product-details .price-holder .price {}
.product-details .price-holder bdi,.product-details .price-holder ins bdi { font-size:40px !important; font-weight:bold; color:var(--secondary);font-family: var(--fontStyle1);}
.product-details .price-holder ins bdi { color:var(--secondary);}
.product-details .price>del, .product-details .price-holder del bdi { font-size:24px !important;font-weight: 400;color:#999999 }
.product-details .price>del{}
.product-details .price>ins{ }
.product-availability { line-height: 1; padding: 25px 0px; border: 1px solid #DDDDDD; border-width: 0 0px 0 0;}
.product-availability p strong { font-weight: 700 !important;}
.product-details hr { margin: 20px 0px; }
.instock .product-availability strong { color: #128F09; }
.outofstock .product-availability strong { color: #FF0000; }
.product-intro { padding:30px 0px 0; border: 1px solid rgba(0,0,0,.2); border-width:0 0 0; color: var(--body); line-height: 1.5;}
.product-intro h6 { padding-bottom: 10px; font-size: 18px;}
.product-intro ul li{padding-bottom:3px}
.product-intro-list{ list-style: none; margin: -5px -10px; padding: 0px; display: flex; flex-wrap: wrap;}
.product-intro-list li{ width: 100%; padding:5px 10px;line-height:1.7}
.product-variations-holder {padding-top:20px;}
.product-variations-holder .nice-select{height:50px;line-height:48px}
.product-variations-holder p{ margin-bottom: 20px; }
.product-variations-holder table{margin: 0px; width: 100%; overflow: hidden; border-collapse: collapse; color: #666666;}
.product-variations-holder td { padding:8px;}
.product-variations-holder td:first-child { padding-left: 0px; color: #000000;}
.product-variations-holder td:last-child { padding-right: 0px;}
.product-variations-holder textarea{height:135px}
.product-details-holder strong { }
.product-details-footer { padding: 40px 0px 50px; border:0; border-width: 0 0 0 0;}
.product-details-footer .form-group{margin-bottom:5px}
.product-details-cart{}
.product-quantity-holder { }
.product-details .product-quantity { }
.add-qty { display: flex; position: relative; align-items: center; background:#F8FAFF; width:212px; height:58px; border-radius:12px;border:0;overflow:hidden;padding:0}
.qty { width: 96px; height: 58px;text-align: center; padding: 0 0 !important; border:1px solid #ccc;font-weight: normal;background:#fff; border-radius:0;font-size: 18px;margin: 0px;order:2;color:#ccc}
.qty:focus ,.qty:hover{background:var(--white);border-color: var(--primary);}
.qty-btn {display: flex; align-items: center; justify-content: center; border:0px;width: 58px; height: 58px; padding: 0px; color:#fff;background:var(--primary);font-size:16px;opacity:1;border-radius:0px}
.qty-btn:hover {opacity:1;background-color:var(--secondary);color:var(--white);}
.qty-up {order: 3;border-left: 0 solid #D9D9D9;border-radius:0 12px 12px 0}
.qty-dwn {order: 1;border-right: 0 solid #D9D9D9;border-radius:12px 0 0 12px}
.qty-up i{ }
.qty-dwn i{ }
.ptitle{color:#101010;text-transform:capitalize;font-weight:400}
.vtitle{padding-bottom:20px}
.vtitle h5{color:#C29F95;text-transform:inherit}
/*--outofstock-*/
.woocommerce .product-box-holder.product-outofstock .product-box-footer .button { pointer-events: none; cursor: default; background:#aaa !important; color: #fff !important;box-shadow:none;border-color:#aaa}
.woocommerce .product-box-holder.product-outofstock .product-box-footer .button.btn-border{background:transparent !important;border-color: var(--secondary);color:var(--secondary) !important;pointer-events:auto;cursor:pointer}
.woocommerce .product-box-holder.product-outofstock .product-box-footer .button.btn-border:hover{background:var(--primary) !important;border-color: var(--primary);color:var(--white) !important;}
.woocommerce .product-box-holder.product-outofstock .product-box-footer{}
/*.woocommerce .product-box-holder.product-outofstock .product-box-info-holder{ opacity: 0.5;}*/
.woocommerce .product-box-holder.product-outofstock .product-box-footer .button i { }
/*.woocommerce .product-box-holder.product-outofstock .product-box-footer .button img {filter: invert(1%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(200%);
-webkit-filter: invert(1%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(200%);} */
.tool-bar .woocommerce-ordering { margin-bottom: 0px !important; float: none !important; }
.woocommerce .add_to_cart_button.added,.woocommerce .product-box-footer a.button.added,.woocommerce .product-box-footer a.added_to_cart.added,.woocommerce .product-cart .button.added,.woof_products_top_panel,.woof_products_top_panel_content,.product-list-holder .woocommerce-notices-wrapper { display: none !important; }
/* Products Media*/
@media only screen and (max-width: 1699.98px) {
.sidebar{ width: 240px; }
.sidebar h4{ font-size: 24px;}
.widget-box{padding: 20px 0;}
.widget-box-filter ul li a{ font-size: 15px;}
.product-list-holder {}
.product-box{padding: 0;}
.product-box-info-holder{padding:30px 20px}
.product-box-title {padding-bottom: 15px;}
.product-box-title h2 { font-size: 25px;}
.product-box-info-holder > a{padding: 0;}
.product-box-info{padding: 30px 20px 30px;}
.product-box-header {}
.product-tag span {font-size: 12px;}
.product-details .product-tag-holder{ margin-bottom: 10px;}
.product-details .product-tag span{height: 30px;min-width: 67px; font-size: 14px;}
.product-wishlist {}
.product-wishlist a{ font-size: 20px;}
.product-details .product-wishlist a i {font-size: 14px;}
.product-box-footer {padding: 0px 10px 0;}
.woocommerce .product-box-footer a.button,.added_to_cart {}
.woocommerce .product-box-footer a.button img,.added_to_cart img{ max-width: 18px;}
.price-holder { padding:0 0px 0;}
.price-holder bdi,.price-holder ins bdi { font-size: 16px !important; }
.price>del, .price-holder del bdi { font-size: 14px !important; }
.price>del,table.wishlist_table tbody td.product-price del, .wishlist_table.mobile li .item-details table.item-details-table del {margin-right:0; margin-left:15px; }
.product-details .price-holder{padding: 0px 0px 0;}
.product-details .price-holder bdi,.product-details .price-holder ins bdi { font-size: 20px !important; }
.product-details .price>del, .product-details .price-holder del bdi { font-size: 16px !important; }
.tool-bar .nice-select{ font-size: 12px;height:46px;line-height:44px}
.gallery-main-slide .img-holder, .gallery-nav-slide .img-holder {}
.gallery-nav{ padding: 0px 70px;}
.gallery-nav .slick-list {}
.gallery-nav-slide {padding:0px 5px;}
.gallery-nav .slick-prev { }
.gallery-nav .slick-next { }
.add-qty{height:46px;width: 142px}
.qty { width: 50px;padding: 0px 0 0px 0px !important;}
.qty-btn {right: 10px; height:46px;width:46px}
.product-details .product-wishlist a { font-size: 26px; }
.gallery-main {margin-bottom: 20px;}
.product-intro{padding: 20px 0px 20px;}
.woocommerce .product-cart .button img{ width: 14px;}
.custom-button img{ width: 14px;}
.product-details-footer{padding: 25px 0px;}
.woocommerce .product-details .product-cart .button{}
.widget-box.alt {padding: 20px;}
.product-box-info-holder .product-box-info-left{padding:0 65px 10px 0;}
}
@media only screen and (max-width: 1199.98px) {
.woocommerce .product-details .product-cart .button {padding: 0px 30px;}
}
@media only screen and (max-width: 1023.98px) {
}
@media only screen and (max-width: 991.98px) {
.gallery-nav { padding: 0px 40px;}
}
@media only screen and (max-width: 767.98px) {
}
@media only screen and (max-width: 575.98px) {
.sidebar h4 { font-size: 20px; }
.widget-box {padding:0;}
.widget-box-filter ul li a { font-size: 13px; }
.gallery-main {margin-bottom: 20px;}
.gallery-nav { }
.gallery-nav .slick-list {}
.gallery-nav .slick-prev { }
.gallery-nav .slick-next { }
.gallery-nav-slide-image{}
.gallery-nav-slide-image::before{}
.product-box{border-radius:10px}
.product-box-image-holder{border-radius: 10px 0 0 0}
.product-box-info-holder{padding: 12px;}
.product-box-info-holder > a{padding:0px;}
.product-box-header {padding:15px 25px}
.price-holder bdi,.price-holder ins bdi {font-size: 20px !important; }
.price>del, .price-holder del bdi {font-size: 14px !important; }
.product-details .price-holder bdi,.product-details .price-holder ins bdi { font-size: 20px !important; }
.product-details .price>del, .product-details .price-holder del bdi { font-size: 14px !important; }
.product-intro{padding: 20px 0px 20px;}
.add-qty{width:142px}
.qty { width:70px;padding: 0px 0px 0px 0px !important;}
/*.qty-btn {width: 30px; height:50px; right: 8px; }*/
.product-details .product-wishlist{ }
.product-details .product-wishlist a { font-size: 18px;width: 46px;height: 46px;}
.product-details .price-holder{padding: 0px 0px 0;}
.woocommerce .product-box-footer a.button,.added_to_cart { }
.woocommerce .product-box-footer a.button img, .added_to_cart img {}
.product-intro-list li{ width: 100%;}
.product-wishlist a {font-size: 18px;}
body.woocommerce .product-box-footer a.button, .added_to_cart{}
.product-list-holder {padding:20px 0 20px}
.product-box-footer { padding: 0px 10px 15px;}
.product-box-holder{}
.woocommerce .product-details .product-cart .button { padding: 0px 20px; height: 46px;}
.product-box-title h2 { font-size: 26px; }
}
@media only screen and (max-width: 479.98px) {
}
/*
Price HTML
Special Price
SGD 100.00
SGD 80.00
Normal Price
SGD 418.00
----------------------------------
Listing Page Button
Add To Cart
Added To Cart Button
Add to Cart
View Cart
out of stock
Details Page Button
----------------------------------
Wishlist
Wishlist Added
----------------------------------
*/
/*---*/
.news-right{ width: 335px;}
.news-list-holder{ padding:0 0px 50px; border-bottom: 1px solid rgba(0,0,0,.3);}
.news-box-holder{ }
.news-box {border-radius:20px;overflow:hidden;box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05);background:#fff}
.news-list .news-box { padding-bottom: 60px;}
.news-list .news-box:last-child { padding-bottom: 0px;}
.news-box a{ display: block; color: var(--body);}
.news-box a:hover{ color: var(--body);}
.news-box-image-holder{ position: relative;}
.news-box-image-holder .img-holder{ padding-bottom:70.79%;border-radius:0;}
.news-box-header{ padding: 30px 0px; border-bottom: 1px solid #DDDDDD;}
.news-box-header a{font-weight: 700; text-transform: uppercase;color:#A2B38B;}
.news-box-header a:hover{color:#C6A788;}
.news-meta-holder {}
.news-meta { line-height: 1; display: flex; align-items: center; flex-wrap: wrap; justify-content: left; list-style: none; margin: 0px -15px; padding: 0px; position: relative; flex-flow: column; font-weight: 400; text-transform: uppercase;color:rgba(51,51,51,0.4);font-size:12px;letter-spacing:0}
.news-meta.inline { flex-flow:row; flex-wrap: wrap; }
.news-meta>li { padding: 0px 15px; position: relative; display: flex; align-items: center; }
.news-meta>li i{ }
.news-meta>li:last-child { }
.news-meta.inline>li { /*border-right: 1px solid rgba(0,0,0,.5);*/ line-height: 1; }
.news-meta.inline>li:last-child { border-right: 0px; }
.news-meta a { color:#9A9898; }
.news-meta a:hover { color: #C6A788; }
.news-meta i { margin-right: 10px;}
.news-meta img { margin-right: 10px; }
.news-meta.inline>li i {font-size:14px}
.news-date-box{position:absolute;top:0;left:0;background:var(--primary);border-radius:20px 0 20px 0;z-index:2;width:48px;height:62px;display:flex;align-items:center;justify-content:center}
.news-date-box .news-date,.news-date-box .news-month{font-weight:700;color:#fff;line-height:1}
.news-date-box .news-month{font-size:12px;padding-top:7px}
.news-box-info-holder{ padding:30px; position: relative;}
.news-box-info-holder::before{}
.news-box-desc{padding-top:10px}
.news-box:hover .news-box-info-holder h6{color:var(--primary)}
.news-box:hover .news-box-info-holder .styled-link{color:var(--secondary);text-decoration:none}
.news-box .styled-link:hover{text-decoration:none !important}
.news-box-footer{padding-top:45px;transition: all 0.2s linear;}
.news-box-footer .styled-link{color:var(--primary);}
.news-box:hover .news-box-footer{ text-decoration: underline;}
.news-date-holder{position:absolute;top:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;border-radius:20px 0 20px 0;background:#595959;padding:10px 20px}
.news-date{text-align:center}
.news-date .date{font-size:40px;font-weight:600;letter-spacing:-1.2px;color:#fff;line-height:1.2}
.news-date .month{font-size:18px;font-weight:600;letter-spacing:-0.54px;color:#fff;line-height:1}
.news-box-title{ padding:0 0px 0;}
.news-box-title h6{font-weight:700;color:#101010}
.news-box:hover .news-box-title h3{}
.news-hero{ padding:0;}
.news-hero .img-holder{ border-radius: 25px; padding-bottom: 66.46%;}
.news-box.news-hero a{display:flex;align-items:center}
.news-box.news-hero .news-box-image-holder{width:500px}
.news-box.news-hero .news-box-info-holder{width:calc(100% - 500px);}
.news-box.news-hero .news-box-title{padding-bottom:15px}
.news-box.news-hero .news-box-desc{padding-bottom:20px}
.news-details-holder{position:relative}
.news-details{ position: relative;}
.news-details-img{position:relative}
.news-details-holder img{ border-radius:20px;}
.news-details-holder hr{ margin: 30px 0px;}
.news-details-holder h1{padding-bottom:20px;color:var(--dark);letter-spacing:0}
.news-details-holder h2{font-size:40px;font-weight:600;padding-top:30px;color:var(--dark);}
.news-details-holder h3{font-size:30px;font-weight:600; padding-bottom: 20px;color:var(--dark);}
.news-details-holder h4{font-size:24px;font-weight:600; padding-bottom: 20px;color:var(--dark);}
.news-details-holder h5{font-size:22px;font-weight:600; padding-bottom: 20px;color:var(--dark);}
.news-details-holder h6{font-size:18px;font-weight:600; padding-bottom: 20px;color:var(--dark);}
.news-details-holder p{ margin-bottom: 30px;}
.news-details-holder .ul-listing li:before{font-size:7px;top:8px}
.news-details-holder .ul-listing li{}
.news-details-holder strong{ color: #090909; font-weight: 400;}
.news-details-holder .news-meta-holder{ padding-bottom:0;position:absolute;bottom:0}
.news-details-holder .news-meta-holder i{font-size:20px;top:3px}
.news-details-holder .news-meta {margin: 0px -15px;}
.news-details-holder .news-meta>li { padding: 0px 15px; }
.news-details-holder .news-meta.inline>li { border-right: 0px; }
.news-details-holder .meta-date{padding:10px 25px;background: var(--primary);color:#fff;border-radius:0 20px;font-weight:bold;text-transform:uppercase}
.news-details-info{padding:30px 0}
.news-details-footer{padding-top:30px;border-top:1px solid rgba(0,0,0,.3)}
.news-details-footer a{display: inline-flex; align-items: center;}
.news-details-footer a.styled-link{letter-spacing:0;text-transform:capitalize;text-decoration:underline;}
.news-details-footer a.styled-link:hover{text-decoration:underline;color:var(--primary)}
.news-details-footer a.styled-link.dark:hover{color:var(--primary) !important}
.news-details-footer a i{ display: flex; line-height: 1; align-items: center; justify-content: center;transition: all 0.2s linear;font-size:20px;}
/*.news-details-footer a:hover{text-decoration:none;}*/
.news-details-footer a:hover i{}
.news-footer-nav { line-height: 1;}
.news-footer-nav > li {border-right: 1px solid #000000;}
.news-footer-nav > li a{ font-weight:400;}
.news-footer-nav > li:last-child {border-right: 0px;}
.separator{width:1px;height:20px;background:rgba(0,0,0,.3);margin:0 auto}
/* .news-date-holder{ position: absolute; right: 20px; bottom: -33px; z-index: 2;}
.news-date{ display: flex; flex-flow: column; width: 53px; line-height: 1; align-items: center; justify-content: center; text-align: center; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #ffffff; margin: 0px auto; background: #00538C;}
.news-date span{ display: flex; align-items: center; justify-content: center; height: 33px; width: 100%;}
.news-date span+span{ background-color: #1D3756;}
.news-box-info-holder h2,.news-box-info-holder p{-webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0px; margin-bottom: 20px; height: 88px;}
.news-box-info-holder h2{-webkit-line-clamp: 2; height: 60px;}*/
.news-box-info-holder .custom-button-holder{padding-top:10px}
.news-box-info-holder .custom-button-holder .styled-link{}
.news-box-info-holder span{ transition: all 0.2s linear; }
.news-box:hover .news-box-info-holder span{}
.related-news{list-style-type:none}
.related-news > li{padding-bottom:40px}
.related-news > li:last-child{padding-bottom:0}
/*---*/
.item-share-holder {border:1px solid #E7E7E7;border-width:0 0 0 0;padding:0 0 0}
.item-share {}
.item-share li { }
.item-share a {position: relative; transition: all 0.6s; color:#C4C4C4; line-height: 1;}
.item-share.alt a {color:#898989;}
.item-share.item-rounded a { width:40px; height: 40px; border: 0 solid #FFE27C; border-radius: 50%; font-size: 20px;background:none;color:#B0B0B0;display:flex;align-items:center;justify-content:center}
.item-share.item-rounded { }
.item-share.item-rounded li {display:inline-block }
.item-share a:hover { color: var(--primary); }
.item-share.item-rounded a:hover {color:#ffffff;background:var(--secondary);border:0;}
.item-share a.facebook:hover { color: #006FCF; }
.item-share a.instagram:hover { color: #9b36b7; }
.item-share a.twitter:hover { color: #02A4F8; }
.item-share a.linkedin:hover { color: #0076b2; }
.item-share a.pinterest:hover { color: #e10017; }
.item-share a.whatsapp:hover { color: #12C933; }
.item-share a.telegram:hover { color: #38abe0; }
.item-share a.youtube:hover { color: #ff0000; }
.item-share a.gmail:hover { color: #EA4335; }
.item-share a.link:hover { color: #00538C; }
/*--secondary-nav--*/
.secondary-nav-holder { padding: 0px 0px; border-bottom: 3px solid #EAEAEA; }
.secondary-nav-holder ul { list-style: none; margin: 0px 0px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; }
.secondary-nav-holder ul li { display: table; padding: 0px 0px; flex: 1 1 0; }
.secondary-nav-holder ul li a { position: relative; text-align: center; color: #242424; padding: 20px 25px; /*display: flex; justify-content: center; align-items: center; height: 66px; */ border-radius: 0px; display: table-cell; vertical-align: middle; font-weight: 400; opacity: .55; }
.secondary-nav-holder ul li a::before{ content: ""; position: absolute; width: 0px; height: 3px; left: 50%; bottom: -3px; background: #00538C;transition: all 0.2s linear;}
.secondary-nav-holder ul li a:hover, .secondary-nav-holder ul li.selected a, .secondary-nav-holder ul li.avtive a { opacity: 1;}
.secondary-nav-holder ul li.selected a, .secondary-nav-holder ul li.active a { }
.secondary-nav-holder ul li a:hover::before, .secondary-nav-holder ul li.selected a::before, .secondary-nav-holder ul li.active a::before { width: 100%; left: 0;}
.sticky_sidebar-container.is-affixed .sticky_sidebar{ background: #FFFFFF;}
/*----*/
.section-saperator { line-height: 0; width: 100%; }
.section-saperator img { width: 100%;}
.banner-saperator{ position: absolute; left: 0px; bottom: 0px;}
.icon-holder { display: flex; justify-content: center; align-items: center; }
.icon-holder.icon-rounded{ border-radius: 50%;}
.icon-holder img { max-height: 100%;}
.img-swap-holder {}
.img-swap { transition: all 0.2s linear; position: relative; display:flex; justify-content: center; align-items: center; text-align: center; line-height: 1; }
.img-swap img { transition: all 0.2s linear; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;}
.img-swap img+img { opacity: 0; }
.img-swap-holder:hover .img-swap img { opacity: 0; }
.img-swap-holder:hover .img-swap img+img { opacity: 1; }
em { font-style: italic; }
.secTitle-holder {margin-bottom:25px;position:relative;padding-bottom:25px;}
.secTitle-holder:last-child { margin-bottom: 0px; }
.secTitle-holder::before { content:""; position: absolute; left: 0px; right:0;bottom: 0px; width:50px; height: 2px; background:var(--primary); border-radius: 0px;margin:0 auto}
.secTitle-holder.left{padding-left:70px}
.secTitle-holder.left::before{left:0px;right:0;margin:0;top:38px;bottom:auto}
.secTitle-holder.text-center::before { left: 50%; transform: translateX(-50%); }
.secTitle-holder.white::before { background: var(--white); }
.secTitle { position: relative; padding: 0px 0px 0px; margin-bottom:40px; transition: all 0.2s linear; }
.secTitle:last-child, .title-holder:last-child { margin-bottom: 0px; }
.secTitle h1, .secTitle h2 { font-size:50px; transition: all 0.2s linear; font-weight: bold; line-height: 1.15;color:var(--title);letter-spacing:0}
.secTitle.xl h1, .secTitle.xl h2 { font-size: 64px;letter-spacing:0}
.secTitle.lg h1, .secTitle.lg h2 { font-size: 56px;letter-spacing:0}
.secTitle.md h1, .secTitle.md h2 { font-size: 42px;letter-spacing:0}
.secTitle.sm h1, .secTitle.sm h2 { font-size: 30px;letter-spacing:0}
.secTitle.xs h1, .secTitle.xs h2 { font-size: 24px;letter-spacing:0}
.secTitle h3 { font-size: 20px; padding-bottom: 20px; font-weight: 700; position: relative; display:inline-flex; align-items: center;letter-spacing:-0.4px;}
.secTitle.alt.left{padding-left:70px}
.secTitle.alt::before{content:"";width:50px;height:2px;background:var(--primary);left:0;top:35px;position:absolute}
.secTitle.alt.middle{padding-left:0;padding-bottom:25px;margin-bottom:25px}
.secTitle.alt.middle:before{left:0;right:0;margin:0 auto}
.secTitle.alt.white:before{background:#fff;top:auto;bottom:0;}
.left0{left:0 !important}
.right0{right:0 !important}
.has-data-text::before { content: attr(data-text); position: relative; font-size: 11.5vw; font-weight: 500; color:#B3B3B3; z-index: -1; line-height:1; display: block; opacity: .03; text-transform: capitalize; text-align: center;}
@media screen and (min-width: 1920.99px) {.has-data-text::before{font-size: 127px;}}
.has-data-text h2,.has-data-text h1 { z-index: 1; position: relative; }
/*--Banner--*/
.homeBannerSlider{ margin: 0px !important; border-radius: 0px; overflow: hidden;}
.banner-slide{ position: relative; display: block !important;}
.banner_caption{ position: absolute; z-index: 2; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center;}
.banner_caption.bt{ align-items: flex-end; justify-content: flex-start;}
.banner_caption.tp{ align-items: flex-start; justify-content: flex-start;}
.banner_caption::before {content: "";position: absolute;width: 100%; height: 100%; left: 0%; top: 0%; background: #000000; z-index: -1; background-position: left center; opacity: 0;}
.inner-banner .banner_caption::before{ display: none;}
.caption-bottom{align-items: end;}
.caption-top{align-items: start;}
.banner_caption-inner{ width:677px; margin: 0px auto 0px 0; text-align: left;}
.banner_caption-inner h1,.banner_caption-inner h2,.banner_caption-inner h3{ }
.banner_caption-inner h1{font-size:55px;line-height:1; padding-bottom:0px;color:#fff;font-weight:700;text-transform:capitalize;letter-spacing:-1.1px;}
.banner_caption-inner h2{ font-size:65px;line-height:1.3;padding-bottom:30px;color:#fff;font-weight:700;text-transform:capitalize;letter-spacing: -1.95px;}
.banner_caption-inner h3{ padding-bottom: 0px; }
.banner_caption-inner p{color:var(--white);font-weight:400}
.homeBannerSlider .banner_caption-inner{}
.home-banner-img-holder{ position: relative;}
.home-banner-img{position: relative; overflow: hidden; padding-bottom:51.04%;min-height:500px;}
.home-banner-img a { display: block; position: relative; z-index: 1; }
.home-banner-img::after, .home-banner-img::before, .inner-banner-img::after, .inner-banner-img::before,.home-banner-video::after,.home-banner-video::before { position: absolute; left: 0px; top: 0px; content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; z-index: 2; }
.home-banner-img::before,.home-banner-video::before {background: url(../images/home-banner-overlay.png); background-size:cover;width:100%;background-repeat:no-repeat;background-position:center center;opacity:1}
.home-banner-img::after {background: #000000; background-size: 100% 100%; height: 100%; z-index: 1; opacity: 0; }
.home-banner-video::after { background: #000000; background-size: 100% 100%; height: 100%; z-index: 1; opacity: 0; }
.inner-banner-img{position: relative; overflow: hidden; padding-bottom: 22.09%; min-height:350px;}
.inner-banner-img::before{background:#000000;background-size:100% 100%;opacity:0.4;}
.inner-banner-img::after {height: 100%; z-index: 1; background-image:url(../images/inner-banner-overlay.png); background-size: 100% 100%;width:100%}
.inner-banner .banner_caption-inner{ width: 100% !important; margin: 0px !important; text-align: center !important;}
.pagingInfo { position: absolute; z-index: 2; left: 50%; bottom: 70px; transform: translateX(-50%); line-height: 1; width: 1400px; display: flex; align-items: center; justify-content: left; font-size: 35px; color: #FFFFFF; font-weight: 700; }
.pagingInfo #current { }
.pagingInfo span { display: inline-flex; }
#separator, #total { opacity: .25; }
.banner-scroll { position: absolute; bottom: 70px; z-index: 2; left: 50%; transform: translateX(-50%);}
.banner-scroll a { display: flex; align-items: center; justify-content: center; width: 81px; position: relative;}
/* .banner-scroll a::before{ width: 1px; height: 115px; left: 50%; bottom: 0px; background: #ffffff; content: ""; position: absolute;} */
.banner-scroll a img{ width: 100%; display: block;}
.homeBannerSlider .slick-dots{ bottom: 50px;}
.homeBannerSlider .slick-dots{bottom: 85px; max-width: 1460px; padding: 0px 30px; justify-content:flex-start; left: 50%; transform: translateX(-50%); }
.homeBannerSlider .slick-dots li{ margin: 0px; padding-right: 20px; font-size: 30px;}
.homeBannerSlider .slick-dots li:last-child{ padding-right: 0px;}
.homeBannerSlider .slick-dots li a{ color: #ffffff;}
.homeBannerSlider .slick-dots li.slick-active a,.homeBannerSlider .slick-dots li:hover a{ color: #000000; opacity: 1;}
.homeBannerSlider .slick-arrow{ background: transparent; top: auto; bottom: 85px; transform: none; font-size: 30px !important;}
.homeBannerSlider .slick-arrow:hover{ color: #000000 !important;}
.homeBannerSlider .slick-arrow:hover img{ filter: invert(17%) sepia(22%) saturate(1023%) hue-rotate(353deg) brightness(100%) contrast(76%);}
.homeBannerSlider .slick-prev{ /*left: 50%; margin-left: -700px;*/ left: auto; right: 50%; margin-right: -650px;}
.homeBannerSlider .slick-next{right: 50%; margin-right: -700px;}
/*---*/
.quickSearch .modal-content { border: 0px !important; border-radius: 0px !important; background: none; }
.quickSearch .btn-close,.portfolioModal .btn-close{ right: 0; top: -20px; color: #FFFFFF; background: none; width: auto; height: auto; }
.quickSearch .btn-close:hover,.portfolioModal .btn-close:hover { opacity:1;color:var(--primary);}
.search-holder{width:1092px;margin:0 auto;padding:41px 0}
.search-box{display:flex;width:100%}
.search-input{height:58px;border-radius:12px 0 0 12px; border: none;}
.search-button{border-radius:0 12px 12px 0;}
.top-cart{position:relative;}
.top-cart:hover{}
.top-cart img{ margin-right:0px;}
.top-link-holder{ border-right: 1px solid #CCCCCC; padding-right: 20px;}
.top-link,.top-cart{ display: flex; align-items: center; justify-content: center; line-height: 1; position: relative;}
.top-link img,.top-cart img, .footer-bar a img, .search-button img,.search-icon img, .search-icon:hover img{transition: all 0.2s linear;opacity:1;
filter: invert(1%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
-webkit-filter: invert(1%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}
.top-link:hover img, .top-cart:hover img,.search-button:hover img, .footer-bar a:hover img{ filter:none;}
.top-link{ color: #ffffff;}
.top-search{color:#fff;letter-spacing:2.1px;}
.top-search:focus{color:#fff;}
.search-button img{ filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%);
-webkit-filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%);}
.search-button:hover img{filter:none;}
.icon-text{margin-left:15px}
.v-divider{height:16px;width:1px;background:#D9D9D9}
.bg-gradient{background: linear-gradient(180deg, #FFF 0%, #FFF5E7 100%) !important;}
.bg-gradient-alt{background: linear-gradient(360deg, #FFF 0%, #FFF5E7 100%) !important;}
/*----*/
/* HOMEPAGE */
.main-content-holder{
display:flex;
height:100%;
overflow: visible;
}
#wrapper{
overflow: visible;
}
.category-nav-holder{
width:333px;
padding:40px 25px 80px 60px;
box-shadow: 12px 0 16px 0 rgba(0,0,0,.1);
/*height:100vh;*/
max-height: calc(100vh - 120px);
overflow: visible;
transition: all .2s ease-in-out;
padding-right: 0 !important;
padding-left: 0 !important;
}
.category-nav-holder .category-nav{
height:100%;
}
.category-nav-holder .sidebar-category-title{
padding: 10px 8px;
text-transform: uppercase;
}
.category-nav-holder.hide{
width:101px;
padding: 0;
/* padding:31px 26px; */
}
.category-nav-holder.hide img{transform: rotate(180deg);transition:all .2s ease-in}
.right-content-holder{width:calc(100% - 333px);margin-left:auto;transition: all .2s ease-in-out}
.right-content-holder.full-width{width:calc(100% - 101px);margin-left:auto;}
.sidebar-toggle{
height:48px;
width:48px;
display:flex;
align-items:center;
justify-content:center;background:var(--primary);position:absolute;top:30px;right:12px;transition: all .2s ease-in-out;}
.sidebar-toggle:hover{background:var(--secondary);}
.category-box-content{
padding-top:14px;
height:100%;
/* max-height: calc(100vh - 80px);
overflow-y:auto;
padding-bottom:120px */
background: #ffffff;
}
.category-item{padding-left:0;list-style-type:none}
.category-item li a{
padding:4px 8px;
font-weight:600;
color:var(--secondary);
text-transform:uppercase;
line-height:120%;
white-space:nowrap;
overflow:hidden;
display: block;
text-overflow:ellipsis;
}
.category-item li a.uk-flex{
display: flex;
}
.category-item li.selected > a,
.category-item li:hover > a{
color: #ffffff;
background:var(--primary);
}
.category-nav .category-title{
max-width: 160px;
padding-left: 20px;
}
.sidebarScroll .mCSB_scrollTools,
.sidebarScroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,
.sidebarScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:0}
.sidebarScroll:hover .mCSB_scrollTools, .modal-open .mCSB_scrollTools,
.sidebarScroll:hover .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,.modal-open .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,
.modal-open .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sidebarScroll .mCSB_scrollTools{width:4px}
.sidebarScroll .mCSB_inside > .mCSB_container{margin-right:0 !important}
.banner-dots{position:absolute;bottom:60px;}
.banner-dots .slick-dots{}
.banner-dots .slick-dots li{margin:0 12px;}
.banner-dots .slick-dots li button{height:12px;width:12px;background:#fff;outline:0}
.banner-dots .slick-dots li.slick-active button{position:relative;background-color:transparent !important;width:50px}
.banner-dots .slick-dots li.slick-active button:before{content:'\f02d';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--secondary);font-size:18px;display:block;background-color:transparent !important;position:absolute}
.banner-dots .slick-dots li.slick-active button:after{content:'';position:absolute;width:30px;height:1px;background:#fff;left:0;top:50%;transform:translateY(-50%);display:block;left:30px}
.banner-dots .slick-dots li.slick-active button, .banner-dots .slick-dots li:hover button{background: var(--secondary);}
.age-popup .modal-dialog{max-width:970px;margin:0 auto}
.age-popup .modal-content{border-radius:12px;border:0}
.age-popup .modal-body{border-radius:12px;background-color:#F2F2F2}
.age-top-img .img-holder{padding-bottom:26%;border-radius: 12px 12px 0 0}
.age-popup .age-content{padding:75px 90px;background-repeat:no-repeat;background-position:100% 100%}
.age-popup .age-content p{letter-spacing:.3px;line-height:1.5}
.age-popup .age-content p a{color:var(--primary);text-decoration:underline}
.age-popup .age-content p a:hover{color:var(--dark);}
.sale-banner-holder{background-color:#0C3E63;color:#fff;text-align:center;padding:18px 0}
.sale-banner-holder p{line-height:1.7}
.product-hero-box{position:relative}
.product-hero-img .img-holder{padding-bottom:90.90%;border-radius:12px}
.product-hero-img .img-holder{position:relative}
.product-hero-img .img-holder:before{
content:'';
top:0;
left:0;
width:100%;
height:100%;
z-index:2
}
.product-hero-content-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;;z-index:3;text-align:center;padding:85px 70px}
.product-hero-content-box h2{color:#fff}
.product-hero-content-box p{color:#fff}
.product-hero-slider .slick-dots{bottom:45px}
.product-hero-box.alt .product-hero-content-box{padding:35px 40px;align-items:flex-start;text-align:left}
.product-hero-box.alt .product-hero-content-box h3{color:#fff;line-height:1;margin-top:-27px;text-transform: capitalize}
.product-hero-box.alt.pbox-2 .product-hero-content-box{text-align:right;justify-content:end;padding-right:40px}
.product-hero-box.alt.pbox-2 .product-hero-content-box h2{margin-bottom:0;line-height:1.3;font-size:42px}
.product-hero-box.alt .img-holder{padding-bottom:187%}
.grid-listing{display:grid;list-style-type:none;padding:0;margin-bottom:0}
.grid-listing.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:15px;grid-row-gap:15px;}
.grid-listing.grid-4{grid-template-columns:repeat(4, 1fr);grid-column-gap:15px;grid-row-gap:15px;}
.grid-listing.grid-5{grid-template-columns:repeat(5, 1fr);grid-column-gap:15px;grid-row-gap:15px;}
.grid-listing.grid-6{grid-template-columns:repeat(6, 1fr);grid-column-gap:15px;grid-row-gap:15px;}
.product-list-holder .grid-listing.grid-5{grid-template-columns: repeat(5, 1fr);grid-column-gap:15px;grid-row-gap:15px;}
.product-list-holder .grid-listing.grid-6{grid-template-columns: repeat(6, 1fr);grid-column-gap:15px;grid-row-gap:15px;}
.product-list-holder .grid-listing.grid-5 .grid-item{max-width:280px}
.char-list{list-style:none;padding-left:0;max-width:545px;margin-left:0;margin-bottom:0}
.char-list li{display:flex;align-items:center;white-space:nowrap;padding:15px 0;color:#666}
.char-list li a{color:#666;text-decoration:underline}
.char-list li a:hover{color:var(--primary);text-decoration:underline}
.char-label{padding-right:45px}
.char-info{padding-left:45px}
.char-list .dashed-line{background-image: url(../images/dashed-line.png);background-repeat:repeat-x;background-size:contain;height:2px;width:100%}
.featured-prod-sec{background:#F2F2F2}
.tasting-note-box{display:flex;align-items:flex-start}
.tasting-note-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center}
.tasting-note-info{width:calc(100% - 96px);padding-left:30px}
.tasting-note-info h6{font-family: var(--fontStyle1);font-weight:400;color:var(--secondary);padding-bottom:5px}
.tasting-note-info p{color:var(--secondary);}
.featured-slide .product-box .product-available{display:none;transition:all .2s ease-in}
.featured-slide .product-box:hover .product-available{display:block}
.event-search-holder{max-width:777px;margin:40px auto}
.event-box{padding:30px;background:#fff;transition:all .2s ease-in-out;border-radius:10px}
.event-box:hover{box-shadow:0 25px 40px 0 rgba(0,0,0,.2);}
.event-img .img-holder{padding-bottom:69.13%;border-radius:10px}
.event-info{padding-top:40px}
.event-info h5{font-family: var(--fontStyle1);font-weight:400}
.event-info p{color:#666}
.corporate-holder{max-width:977px;width:100%;margin:0 auto}
/* CONTACT SEC */
.contact-sec-1{background: #F5F5F5}
.map-sec{}
.contact-holder{background:#fff;box-shadow:0 30px 40px 0 rgba(0,0,0,.15);border-radius:10px;padding:50px 140px;margin:0 20px}
.get-touch-holder{padding: 15px 0 0}
.get-touch-holder .row .col-lg-6{position:relative}
.get-touch-holder .row .col-lg-6:after{content:'';position:absolute;top:0;right:0;background:#ccc;width:1px;height:100%}
.get-touch-holder .row .col-lg-6:last-child::after{display:none}
.get-touch-list{display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin-bottom:20px;padding-top: 50px}
.get-touch-list.alt{width:100%;display:block;padding-left:0;margin:0}
.get-touch-list li{padding:40px 0;width:100%;border-bottom: 1px solid #73B9F9;}
.get-touch-list li:first-child{padding-top:0}
.get-touch-list li:last-child{padding-bottom:0;border-bottom:0}
.get-touch-list.alt .get-touch-box{width:100%;display:block}
.get-touch-list.alt .get-touch-info{width:100%;text-align:center;padding-left:0;padding-top:25px}
.get-touch-list.alt .get-touch-icon{height:46px;width:46px;border-radius:100%;margin:0 auto;background:#666;color:#fff;display:flex;align-items:center;justify-content:center}
.get-touch-box{align-items:center;}
.get-touch-icon{height:113px;width:113px;border-radius:100%;overflow:hidden;background:var(--primary);color:#fff;font-size:35px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.get-touch-icon img{height:100%;width:100%;max-width:32px;object-fit:contain;}
.get-touch-icon i{}
.get-touch-info{text-align:center;padding-top:40px}
.get-touch-info h6{padding-bottom:30px;text-transform:capitalize;line-height:1}
.get-touch-info p{margin-bottom:0;color:#000}
.get-touch-info p > strong{margin-right:15px;font-weight:600}
.get-touch-info p a{text-decoration:none;color:#000}
.get-touch-info p a:hover{color:var(--primary);text-decoration:underline}
.get-touch-list li:first-child .get-touch-info p a{text-decoration:underline;word-break:break-all;}
.get-touch-info p span{color:#101010}
/*----*/
/*transition: all 0.2s linear; */
.img-left { float: left; margin: 7px 40px 20px 0px; width: 40%; }
.img-right { float: right; margin: 7px 0px 20px 40px; width: 40%; }
/**/
.video-container a { display: block; position: relative; overflow: hidden; height: 100%; }
.video-container a img{ width: 100%;}
.video-container a::before { position: absolute; left: 50%; top: 50%; z-index: 2; font-family: "Font Awesome 6 Free"; font-weight: 900; /*content: "\f04b"; */ content: ""; transition: all 0.2s linear; opacity: 1; transform: translate(-50%, -50%); color: #FFFFFF; font-size: 40px; width: 97px; height: 97px; /*background: url(../images/play-btn.png) no-repeat;*/ background-size: 100% 100%; }
.video-container.md a::before { width: 100px; height: 100px; }
.video-container a::after { position: absolute; content: ""; width: 100%; height: 100%; display: block; left: 0px; top: 0px; background: #000000; opacity: 0; z-index: 1; }
/* HTML Video */
video { display: block; height: auto; margin: auto; position: relative; width: 100%; }
.video-wrap { margin: 0 auto; position: relative; width: 100%; }
.cover-video video,.cover-video iframe { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }
.video-wrap.cover-video { padding-bottom: 36.35%; }
/*
*/
.ratio { overflow: hidden; }
.bg-overlay { position: relative; }
.bg-overlay::before { position: absolute; content: ""; width: 100%; height: 100%; display: block; left: 0px; top: 0px; background: #000000; z-index: 0; }
.overlay-primary::before{background:var(--primary);}
.overlay-white::before{background: #ffffff;}
.opacity95,.bg-overlay.op95::before { opacity: .95; }
.opacity9,.bg-overlay.op9::before { opacity: .9; }
.opacity8,.bg-overlay.op8::before { opacity: .8; }
.opacity7,.bg-overlay.op7::before { opacity: .7; }
.opacity6,.bg-overlay.op6::before { opacity: .6; }
.opacity5,.bg-overlay.op5::before { opacity: .5; }
.opacity4,.bg-overlay.op4::before { opacity: .4; }
.opacity3,.bg-overlay.op3::before { opacity: .3; }
.opacity2,.bg-overlay.op2::before { opacity: .2; }
.opacity1,.bg-overlay.op1::before { opacity: .1; }
.overlay-xxl::before, .overlay-xl::before, .overlay-lg::before, .overlay-md::before, .overlay-sm::before { visibility: hidden; }
.rounded-corner-xxl { border-radius: 180px; overflow: hidden;}
.rounded-corner-xl { border-radius: 80px; overflow: hidden;}
.rounded-corner-lg { border-radius: 50px; overflow: hidden;}
.rounded-corner,.radius-40 { border-radius: 40px; overflow: hidden;}
.radius-30 {border-radius:30px;overflow: hidden;}
.radius-18 {border-radius:18px;overflow: hidden;}
.radius-10 {border-radius:10px;overflow: hidden;}
.rounded-corner-md,.radius-20 { border-radius: 20px; overflow: hidden;}
.rounded-corner-sm { border-radius: 8px; overflow: hidden;}
.box-shadow{box-shadow: 0px 3px 20px rgba(0,0,0,0.5);}
.width6{ width: 50%;}
.width4{ width: 33.33%;}
.width3{ width: 25%;}
.width5{ width: 20%;}
.height100{ height: 100%; position: relative;}
[data-animation-in] { opacity:0; }
.loadmore-item { display: none; }
.loadMoreBtn { }
.loadMoreBtn img{width:40px;height:40px;margin: 0 auto}
/**/
.index0 { z-index: 0; position: relative; }
.index1 { z-index: 1; position: relative; }
.index2 { z-index: 2; position: relative; }
.overflow-show { overflow: visible; }
.overflow-hide { overflow: hidden; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-17 { font-size: 17px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-23 { font-size: 23px; }
.fs-24 { font-size: 24px; }
.fs-25 { font-size: 25px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-34 { font-size: 34px; }
.fs-35 { font-size: 35px; }
.fs-36 { font-size: 36px; }
.fs-37 { font-size: 37px; }
.fs-38 { font-size: 38px; }
.fs-45 { font-size: 45px; }
.fs-42 { font-size: 42px; }
.fs-50 { font-size: 50px; }
.fs-55 { font-size: 55px; }
.fs-60 { font-size: 60px; }
.fs-76 { font-size: 76px; }
.lh1{ line-height: 1;}
.lead { font-weight: 300; letter-spacing: 0px; }
.content { line-height: 1.6;}
.content h3 { }
.content strong {}
/*-colors-*/
.primary,.secTitle.primary h2,.secTitle.primary h1,.content p a:hover,a:hover,.table a,.icon-primary li::before,.ul-listing .icon-primary::before { color:var(--primary);}
.secondary,.secTitle.secondary h2,.secTitle.secondary h1,.icon-secondary li::before,.ul-listing .icon-secondary::before { color:var(--secondary);}
.secTitle.body h2,.secTitle.body h1,.content p a,.icon-body li::before,.ul-listing .icon-body::before{ color:var(--body);}
body,.body{color:var(--secondary);}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title,.secTitle.title h2,.secTitle.title h1,.icon-title li::before,.ul-listing .icon-title::before { color:var(--title);}
.alternate,.secTitle.alternate h2,.secTitle.alternate h1,.icon-alternate li::before,.ul-listing .icon-alternate::before { color:var(--alternate);}
.alternate1,.secTitle.alternate1 h2,.secTitle.alternate1 h1,.icon-alternate1 li::before,.ul-listing .icon-alternate1::before { color:var(--alternate1);}
.light,.secTitle.light h2,.secTitle.light h1,.icon-light li::before,.ul-listing .icon-light::before { color:var(--light);}
.dark,.secTitle.dark h2,.secTitle.dark h1,.table a:hover,.icon-dark li::before,.ul-listing .icon-dark::before { color:var(--dark);}
.black,.secTitle.black h2,.secTitle.black h1,.icon-black li::before,.ul-listing .icon-black::before { color:var(--black);}
.red,.secTitle.red h2,.secTitle.red h1,.icon-red li::before,.ul-listing .icon-red::before { color:var(--red);}
.white,.secTitle.white h2,.secTitle.white h1,.secTitle.white h3,.icon-white li::before,.ul-listing .icon-white::before { color:var(--white);}
::selection,::-moz-selection{color: #ffffff;}
.bg-primary,::selection,::-moz-selection,::-webkit-scrollbar-thumb{background-color: var(--primary);}
.bg-secondary{background-color: var(--secondary);}
.bg-body{background-color: var(--body);}
.bg-title{background-color: var(--title);}
.bg-gray{background-color: var(--gray);}
.bg-alternate{background-color: var(--alternate);}
.bg-light{background-color: var(--light);}
.bg-dark,::-webkit-scrollbar-track{background-color: var(--dark);}
.bg-black{background-color: var(--black);}
.bg-red{background-color: var(--red);}
body,.bg-white{background-color:var(--white);}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-track {border-radius: 0px;}
html{scrollbar-width: thin; scrollbar-color: var(--dark) var(--light);}
@media print { a[href]::after { content: none !important; }}
.grecaptcha-badge { z-index: 2; bottom: 33% !important;position:absolute;right:0}
.slick-list.draggable { user-select: text;}
.filter-header{display:flex;justify-content:space-between;align-items:center;background:var(--primary);border-radius:0px;width:100%;padding:5px 10px 5px 20px;margin-bottom:0px}
.filter-header h6{color:#fff;padding-bottom:0;font-weight:bold;}
.sidebarFilterToggle{height:40px;width:40px;display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;position:relative;cursor:pointer;z-index:2;}
.sidebarFilterToggle:hover{color:#000;}
.sidebarFilterToggle:before{content:'\f0c9';font-family:'Font Awesome 6 Free';font-weight:900;font-size:20px;color:#fff;}
.sidebarFilterToggle.active:before{content:'\f00d';font-family:'Font Awesome 6 Free';font-weight:900;font-size:20px;color:#fff;}
.d-none{display:none !important}
body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin:0 !important;float:none !important;width:100%;display:block;float:none;}
body.woocommerce ul.products::before{display:none;}
body.woocommerce .product-quantity-holder form.cart div.quantity{float:none;margin:0;width: 100%;display: flex;}
body.woocommerce .product-quantity-holder .quantity .qty{border-radius:0 !important;}
.total-products p{font-size:13px;white-space:nowrap;color:#939393;padding-left:10px;}
.awf-filter-title{font-size:18px;font-weight:bold;color:var(--secondary);}
.awf-filters-container ul li{padding:14px 0;line-height:1 !important;}
.awf-filters-container ul li label,
.woof .woof_redraw_zone .woof_list li label{
font-family: var(--fontStyle1);color:#353434;font-weight:400;
}
.awf-style-icons label::before, .awf-style-custom-terms label::before{margin: 0 15px 0 1px;}
.corporate-holder form{max-width:680px; margin:0 auto;}
.category-item li:first-child a{
/* padding-top:0; */
}
.header-search-btn{padding-right:50px; margin-right:50px; position:relative;}
.header-search-btn:after{content:''; width:1px; height:100%; background-color:#353434; position:absolute; right:-30px; top:0; display:block;}
body.woocommerce .thwmscf-tab-panels{padding:0;}
#coderockz_woo_delivery_setting_wrapper_internal .form-row.form-row-wide,#coderockz-woo-delivery-public-delivery-details{padding-bottom:15px;}
#action-prev,#action-next{border-radius:12px;}
#action-prev:hover,#action-next:hover{background-color:var(--secondary);border-color:var(--secondary);}
.woocommerce-cart .woocommerce-shipping-totals.shipping{display:none;}
.category-nav-holder.near-bottom{
/*max-height: calc(100vh - 52%);*/
/*padding-bottom:62%*/
/*position: relative;*/
}
.category-nav-holder.near-bottom .category-box-content{
/*max-height: calc(100vh - 70%);*/
padding-bottom:0
}
/*ABOUT CSS */
.about-sec-2{background-color:var(--primary);}
.about-sec-2 .content-box{max-width:550px;margin: 0 auto}
.about-sec-2 .img-box, .about-sec-2 figure{height:100%;display:flex}
.about-sec-2 .img-box img{height:100%;object-fit:cover}
.about-icon-box{padding:0 30px}
.about-icon{height:110px;width:110px;background-color:#f5f5f5;border-radius:100%;overflow:hidden;margin: 0 auto}
.about-info{padding-top:35px}
.about-info h4{padding-bottom:35px}
.about-icon-holder .row .col-lg-4{position:relative}
.about-icon-holder .row .col-lg-4:after {content: '';position:absolute;top:0;right:0;background:#ccc;width:1px;height:100%;}
.about-icon-holder .row .col-lg-4:last-child::after{display:none}
/* custom by Beyonds */
.data-not-found{
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
margin-top: -50px;
}
.aws-wrapper .aws-search-clear, .aws-search-btn.aws-form-btn{
display: none;
}
.search-input .aws-wrapper .aws-search-field{
border: none;
top: 10px;
color: #666666;
font-size: 14px;
}
body.woocommerce-checkout .fullcontainer .inner-container-lg,
body.woocommerce-cart .fullcontainer .inner-container-lg,
body.woocommerce-account .fullcontainer .inner-container-lg{
padding-top: 0;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item div{
font-size: 28px;
line-height: 40px;
font-weight: 500;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.current div{
font-weight: 700;
color: #1a028a;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item div.wpmc-tab-number{
font-size: 20px;
width: 40px;
min-width: 40px;
min-height: 40px;
height: 40px;
margin-top: -20px;
display: flex;
align-items: center;
justify-content: center;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.current div.wpmc-tab-number{
background: #1a028a;
color: #fff;
}
.woocommerce form .form-row input.input-text, body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-login.login p, body.woocommerce-checkout .woocommerce-form-login.login .woocommerce-form-login__submit{
border-radius: 100px !important;
font-size: 16px !important;
color: #222222 !important;
font-weight: 500;
font-family: var(--fontStyle2);
}
body.woocommerce-checkout .woocommerce-form-login.login .woocommerce-form-login__submit{
color: #ffffff !important;
}
body.woocommerce-checkout .woocommerce-info{
border-radius: unset !important;
}
body.woocommerce-checkout .woocommerce-form-login.login{
margin-bottom: 40px;
}
.woocommerce form .form-row textarea.input-text {
border-radius: 20px !important;
font-family: var(--fontStyle2);
}
.woocommerce ul#shipping_method li strong{
font-family: var(--fontStyle2);
}
.woocommerce form.checkout .form-row label{
font-weight: 500 !important;
font-size: 16px !important;
line-height: 26px;
color: #a3a09e;
text-transform: capitalize;
margin-bottom: 10px !important;
color: #000000;
font-family: var(--fontStyle2);
}
form.checkout h3, .woocommerce-cart .cart_totals h2{
font-weight: 700;
text-transform: capitalize;
margin-bottom: 30px;
padding-bottom: 0;
font-size: 30px;
line-height: 40px;
}
form.checkout h3 label.checkbox{
font-size: 22px;
display: flex;
align-items: center;
gap: 10px;
}
form.checkout h3 input[type='checkbox']{
display: inline-block;
top: unset;
}
/* Two-column checkout layout */
.wpmc-steps-wrapper:has(.order-review-column),
body.woocommerce-cart .woocommerce-cart-form,
.woocommerce .wpmc-tabs-wrapper{
display: grid;
grid-template-columns: minmax(auto, 985px) minmax(495px, auto);
/*grid-template-columns: 55% 40%;*/
gap: 100px;
justify-content: space-between;
}
body.woocommerce-cart .woocommerce-cart-form{
gap: 30px;
}
.wpmc-steps-wrapper:has(.order-review-column) .woocommerce_checkout_coupon,
.wpmc-steps-wrapper:has(.order-review-column) .woocommerce_before_checkout_form{
/* width: 100%; */
display: none !important;
}
.wpmc-step-payment #payment_heading{
visibility: hidden;
position: relative;
}
.wpmc-step-payment #payment_heading::before{
content: 'Select payment method';
visibility: visible;
position: absolute;
left: 0;
top: 0;
}
.wpmc-step-payment .woocommerce-checkout-payment{
background: #f9f9f9 !important;
border-radius: 10px !important;
padding: 10px;
}
.wpmc-step-payment .woocommerce-checkout-payment .payment_box.payment_method_stripe_cc,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_paynow .payment_method_stripe_paynow,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_googlepay .payment_method_stripe_googlepay,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_grabpay .payment_method_stripe_grabpay,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_applepay .payment_method_stripe_applepay{
background: transparent !important;
margin-top: 0 !important;
}
.wpmc-step-payment .woocommerce-checkout-payment .payment_box.payment_method_stripe_cc:before,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_paynow .payment_method_stripe_paynow:before,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_googlepay .payment_method_stripe_googlepay:before,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_grabpay .payment_method_stripe_grabpay:before,
.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_applepay .payment_method_stripe_applepay:before{
content: none !important;
}
/*.wpmc-step-payment .woocommerce-checkout-payment .payment_method_stripe_applepay{*/
/* display: list-item;*/
/*}*/
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tr,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td,
.woocommerce-cart .woocommerce .cart_totals table,
.woocommerce-cart .woocommerce .cart_totals table th,
.woocommerce-cart .woocommerce .cart_totals table td,
.woocommerce-cart .woocommerce .woocommerce-cart-form table,
.woocommerce-cart .woocommerce .woocommerce-cart-form table th,
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr td{
border-color: transparent !important;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item{
border-bottom: 2px solid rgba(0,0,0,.1);
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item td{
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot th{
border-top: none;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td.product-name,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td bdi,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tr.order-total td small bdi,
.woocommerce-cart .woocommerce .cart_totals table.shop_table td bdi,
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item td{
color: #000000;
font-weight: 700;
font-size: 16px;
font-family: var(--fontStyle2);
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item td a{
color: #000000;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item td.product-remove .remove{
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.woocommerce-cart .woocommerce .cart_totals table.shop_table td bdi{
font-size: 18px;
}
.woocommerce-cart .woocommerce .cart_totals table.shop_table .cart-subtotal td bdi{
font-size: 16px;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tr.order-total td bdi{
font-size: 20px;
}
.woocommerce-checkout .woocommerce-additional-fields .thwcfd-field-paragraph{
font-size: 16px;
text-decoration: underline;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th,
.woocommerce-cart .woocommerce .cart_totals table.shop_table th,
.woocommerce-cart .woocommerce .woocommerce-cart-form table thead tr th{
color: #000;
font-family: var(--fontStyle2);
}
.woocommerce-cart .woocommerce .cart_totals table.shop_table tr th{
padding-left: 0;
}
.woocommerce-cart .woocommerce .cart_totals table.shop_table tr td{
padding-right: 0;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table thead tr th{
font-weight: 500;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th:first-child{
padding-left: 30px;
font-weight: 500;
color: #000;
font-family: var(--fontStyle2);
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr:last-child th,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr:last-child td{
padding-bottom: 30px;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th:last-child,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td{
padding-right: 30px;
}
.wpmc-steps-wrapper form.woocommerce-checkout .wpmc-step-review.current #order_review_heading,
.wpmc-steps-wrapper form.woocommerce-checkout .wpmc-step-review.current .woocommerce-checkout-review-order{
display: none;
}
.woocommerce-checkout .order-review-column #order_review_heading{
margin-top: -60px;
background: #efedff;
padding: 30px;
padding-bottom: 20px;
border-radius: 10px 10px 0 0;
margin-bottom: 0;
font-family: var(--fontStyle2), sans-serif;
}
.woocommerce-checkout .order-review-column .woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order .order-section{
min-width: 0;
background: #f9f9f9;
padding: 30px;
align-self: flex-start;
}
.woocommerce-checkout .order-review-column .woocommerce-checkout-review-order-table{
background: #efedff;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.woocommerce-checkout-review-order .order-section{
background: #ffffff;
border: 1px solid #1A028A;
border-radius: 10px;
}
.woocommerce-checkout .order-review-column .woocommerce-checkout-review-order-table{
margin-top: 0;
}
.woocommerce-checkout .woocommerce-shipping-fields{
margin-top: 30px;
}
.woocommerce-checkout .woocommerce-shipping-fields h3{
display: none;
}
.woocommerce form.checkout_coupon{
height: auto !important;
}
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select{
border-color: #222222 !important;
}
/* fix tab */
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item{
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding-bottom: 30px;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review{
justify-content: end;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-billing.previous .wpmc-tab-number{
background-color: #222222;
color: transparent;
background-image: url(/wp-content/uploads/2025/08/done-arrow.svg);
background-position: center;
background-repeat: no-repeat;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-billing.previous .wpmc-tab-text{
font-weight: 700;
color: #222222;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list{
display: flex;
gap: 20px;
background: transparent;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .line-separator{
height: 1px;
flex-grow: 1;
width: 100%;
background-color: #e0e0e0;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review::before,
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item::before{
content: none;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item .wpmc-tab-text{
padding-top: 0;
width: fit-content;
margin-top: -20px;
position: relative !important;
top: unset;
font-family: var(--fontStyle2), sans-serif;
}
.wpmc-nav-wrapper{
display: inline-block !important;
}
.wpmc-nav-wrapper button.button, .place-order button{
border-radius: 100px !important;
}
.wpmc-nav-wrapper button.button:focus, .place-order button:focus{
background: #1A028A !important;
border-color: #1A028A !important;
}
.woocommerce-checkout-review-order .order-section .product-items{
display: grid;
gap: 16px;
/*grid-template-columns: 50px 172px 1fr;*/
grid-template-columns: 100px 160px 1fr;
margin-bottom: 10px;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-checkout-review-order .order-section .product-items:last-child{
padding-bottom: unset;
margin-bottom: unset;
border-bottom: unset;
padding-bottom: 16px;
}
.order-section .product-items .product-name,
.order-section .product-items .product-total{
font-size: 16px;
line-height: 26px;
color: #000000;
font-weight: 700;
font-family: var(--fontStyle2);
}
.order-section .product-items .product-name{
display: flex;
align-items: center;
}
.order-section .product-items .product-name a{
color: #000000;
}
.order-section .product-items .product-total .product-quantity{
font-weight: 500 !important;
font-family: var(--fontStyle2);
}
/* .woocommerce-checkout-review-order .order-section:last-child{
display: none;
} */
.order-section .product-items .product-total{
display: flex;
flex-direction: column;
align-items: end;
}
.woocommerce-checkout-review-order table.shop_table .order-total .amount{
font-size: 20px;
font-weight: 700;
color: #000000;
}
.woocommerce-checkout-review-order table.shop_table .order-total .includes_tax,
.woocommerce-checkout-review-order table.shop_table .order-total .includes_tax bdi,
.woocommerce-cart .woocommerce .cart_totals table.shop_table .order-total .includes_tax,
.woocommerce-cart .woocommerce .cart_totals table.shop_table .order-total .includes_tax .amount{
font-size: 14px;
font-weight: 500;
line-height: 1.3;
color: #000000;
}
.woocommerce-cart .woocommerce .cart_totals table.shop_table .order-total .includes_tax .amount{
font-weight: 700;
}
.woocommerce form .form-row textarea.input-text{
padding: 18px;
}
.woocommerce-cart-form .woocommerce-cart-form__contents button{
padding: 0 20px !important;
}
.woocommerce-cart-form .woocommerce-cart-form__contents button,
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text,
.woocommerce-cart .woocommerce .cart_totals .button{
border-radius: 100px !important;
}
.woocommerce-cart .woocommerce .cart_totals .button {
width: 100%;
}
.woocommerce-cart .woocommerce .cart_totals .coupon {
position: relative;
}
.woocommerce-cart .woocommerce .cart_totals #coupon_code{
float: left;
box-sizing: border-box;
border: 1px solid #cfc8d8;
padding: 0px 0px 0px 25px;
margin: 0 4px 0 0;
transition: all 0.2s linear;
width: 100%;
height: 46px;
line-height: 58px;
border: 1px solid #2C1E8A;
color: var(--body);
box-shadow: none !important;
border-radius: 100px !important;
background: #fff;
text-transform: none;
outline: none !important;
font-size: 18px;
font-family: var(--fontStyle2);
}
.woocommerce-cart .woocommerce .cart_totals .coupon .button{
width: 100px;
position: absolute;
right: 0;
max-height: 46px;
margin-left: 0;
}
.woocommerce-cart .woocommerce .cart_totals .coupon .button,
.wpmc-nav-wrapper button#wpmc-back-to-cart,
.wpmc-nav-wrapper button#wpmc-prev{
background: #353434;
border-color: #353434 !important;
font-family: var(--fontStyle2);
}
.wpmc-nav-wrapper:has(#wpmc-prev.current) button#wpmc-back-to-cart{
display: none;
}
.woocommerce-cart .woocommerce .cart_totals .coupon .button:hover,
.wpmc-nav-wrapper button#wpmc-back-to-cart:hover,
.wpmc-nav-wrapper button#wpmc-prev:hover{
background-color: #5D5D5D;
border-color: #5D5D5D;
}
.woocommerce-cart-form .woocommerce-cart-form__contents button,
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text,
.woocommerce-cart .woocommerce .cart_totals .button,
.wpmc-nav-wrapper button#wpmc-next,
.wpmc-step-payment .woocommerce-checkout-payment #place_order{
background: #2C1E8A;
border-color: #2C1E8A;
font-family: var(--fontStyle2);
}
.woocommerce-cart .woocommerce .cart_totals .button{
font-size: 16px;
}
.wpmc-nav-wrapper button#wpmc-back-to-cart img,
.wpmc-nav-wrapper button#wpmc-prev img,
.wpmc-nav-wrapper button#wpmc-next img{
width: 16px;
position: relative;
top: -1px;
right: -3px;
}
.wpmc-nav-wrapper button#wpmc-back-to-cart img,
.wpmc-nav-wrapper button#wpmc-prev img{
transform: rotate(180deg);
left: -3px;
}
.woocommerce-cart-form .woocommerce-cart-form__contents button:focus,
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text:focus,
.woocommerce-cart .woocommerce .cart_totals .button:focus,
.woocommerce-cart-form .woocommerce-cart-form__contents button:hover,
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text:hover,
.woocommerce-cart .woocommerce .cart_totals .button:hover,
.wpmc-nav-wrapper button#wpmc-next:hover,
.woocommerce-cart .woocommerce .cart_totals .button:focus,
.wpmc-nav-wrapper button#wpmc-next:focus,
.wpmc-step-payment .woocommerce-checkout-payment #place_order:hover{
background: #4A3BB2;
border-color: #4A3BB2;
}
.woocommerce-cart .woocommerce:has(.woocommerce-cart-form) .woocommerce-notices-wrapper,
.wpmc-steps-wrapper:has(.wpmc-step-payment.current) .wpmc-nav-wrapper button#wpmc-next,
.wpmc-steps-wrapper:has(.wpmc-step-shipping.current) .wpmc-nav-wrapper button#wpmc-prev,
.woocommerce-checkout .woocommerce > .wpmc-nav-wrapper,
.wpmc-nav-wrapper button#wpmc-skip-login.current{
display: none !important;
}
.wpmc-steps-wrapper:has(.wpmc-step-shipping.current) .wpmc-nav-wrapper button#wpmc-back-to-cart,
.wpmc-nav-wrapper button#wpmc-next.button-active{
display: inline-block !important;
font-family: var(--fontStyle2);
}
.woocommerce-cart .woocommerce .cart_totals{
background: #efedff;
padding: 30px;
border-radius: 10px;
width: 100%;
}
.woocommerce-cart .woocommerce .cart_totals h4{
font-weight: 700;
padding-bottom: 16px;
}
.woocommerce-cart .woocommerce .cart_totals .discount-coupon{
font-size: 16px;
color: #000;
font-weight: 500;
line-height: 26px;
font-family: var(--fontStyle2);
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table{
margin-top: 0;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form .cart_totals table{
margin-top: 14px;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table thead tr{
background: #f9f9f9;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item .product-quantity input{
border-color: #a3a09e !important;
}
.woocommerce-cart .woocommerce h1 span{
font-weight: 400;
}
.right-content-holder:has(.woocommerce-cart-form),
.right-content-holder:has(.woocommerce-checkout),
.right-content-holder:has(.wc-empty-cart-message),
.right-content-holder:has(.woocommerce-thankyou-order-received){
width: 100%;
}
.right-content-holder:has(.wc-empty-cart-message) .woocommerce-message{
margin: 20px 0 !important;
}
.woocommerce-checkout form.checkout .self-collection-check label.checkbox{
color: #222222;
font-weight: 700 !important;
}
.woocommerce-checkout .self-collection-check .input-checkbox {
opacity: 1;
}
.woocommerce-checkout #billing_country_field .woocommerce-input-wrapper,
.woocommerce-checkout #shipping_country_field .woocommerce-input-wrapper{
height: 46px;
line-height: 44px;
font-size: 14px;
padding: 0 20px;
border: 1px solid #a3a09e;
color: #a3a09e;
border-radius: 100px;
font-size: 16px !important;
}
.woocommerce-checkout .order-review-column table thead th.product-total,
.woocommerce-checkout .order-review-column table tfoot td,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tr.cart-subtotal td bdi,
.woocommerce-cart .woocommerce .woocommerce-cart-form .cart_totals table tr td{
text-align: right;
font-weight: 500;
font-family: var(--fontStyle2);
}
form.woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr.order-total th{
font-weight: 700 !important;
}
.woocommerce table.shop_table tbody tr:first-child th,
.woocommerce-cart .woocommerce .cart_totals table.shop_table .cart-subtotal td bdi,
.woocommerce-cart .woocommerce .cart_totals table td{
font-weight: 500;
font-family: var(--fontStyle2);
}
.woocommerce-checkout .main-content-wrapper .container, .woocommerce-cart .main-content-wrapper .container,
.woocommerce-checkout .main-content-wrapper .breadcrumb-container .container-fluid,
.woocommerce-cart .main-content-wrapper .breadcrumb-container .container-fluid{
max-width: unset;
/*padding: 0 10%;*/
padding: 0 6%;
}
.woocommerce-checkout .hidden.form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields .shipping_address{
display: none !important;
}
.woocommerce-checkout .woocommerce-shipping-fields .shipping_address.show{
display: block !important;
}
.woocommerce-order{
display: grid;
grid-template-columns: 55% 45%;
margin-top: 50px;
gap: 40px;
}
.thanks-section {
text-align:center;
width: 60%;
margin: 0 auto;
margin-bottom: 20px;
}
.thanks-section h1{
color: #1a028a;
padding-bottom: 0px;
margin-top: 20px;
}
.thanks-section .woocommerce-thankyou-order-received{
color: #666666;
font-size: 26px;
}
.woocommerce-thankyou-order-details {
width: 80%;
margin: 0 auto 40px !important;
display: flex;
justify-content: center;
}
.woocommerce ul.order_details li:last-of-type{
margin-right: 0px;
padding-right: 0px;
}
.woocommerce-order-details{
border-top: 1px solid;
width: 90%;
margin: 0 auto;
padding-top: 30px;
}
.thanks-order-section{
background-color: #f9f9f9;
border-radius: 12px;
padding: 100px 20px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details{
border:none;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td a,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr td,
.woocommerce-account .woocommerce p, .woocommerce-account .woocommerce-Address address,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a,
.woocommerce-account .woocommerce table thead tr th, .woocommerce-account .woocommerce table tbody tr td,
.woocommerce-account .woocommerce .woocommerce-info, .woocommerce-account .woocommerce .woocommerce-EditAccountForm fieldset legend,
.woocommerce-wishlist .woocommerce .wishlist_table thead tr th, .woocommerce-wishlist .woocommerce .wishlist_table tbody tr td a,
.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li label,
.woocommerce-checkout .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p{
color: #000000;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody tr td.product-price{
text-align: center;
color: #000000;
}
.woocommerce table.shop_table{
margin: 8px 0px;
}
.woocommerce-table__line-item.order_item td, .woocommerce-table__line-item.order_item td a {
color: #797979;
}
.woocommerce table.shop_table td{
border-top:none;
}
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td{
border-top:none;
}
.woocommerce table.shop_table tbody tr:last-child td{
padding-bottom: 20px;
}
.woocommerce table.shop_table tfoot{
color: #000000;
}
.woocommerce table.shop_table tfoot tr:first-child th, .woocommerce table.shop_table tfoot tr:first-child td{
padding-top: 20px;
border-top: 1px solid;
}
.woocommerce-customer-details .woocommerce-columns{
display: grid;
width: 80%;
margin: 0 auto;
background-color: #f9f9f9;
border-radius: 12px;
padding: 40px 20px;
}
.woocommerce-customer-details .woocommerce-columns .col-1, .woocommerce-customer-details .woocommerce-columns .col-2{
width: 80%;
max-width: inherit !important;
margin: 0 auto;
}
.woocommerce-customer-details .woocommerce-columns .col-2{
margin-top: 60px;
display: none;
}
.woocommerce-MyAccount-content .woocommerce-customer-details{
display: none;
}
.woocommerce-customer-details .woocommerce-columns .col-1 address, .woocommerce-customer-details .woocommerce-columns .col-2 address{
font-size: 14px;
border: inherit;
border: none;
padding: 0px;
}
#order_list_review {
position: sticky;
top: 20px; /* Space from top when sticking */
}
#shipping_method .custom-shipping-method-block .delivery_label .custom-tooltip{
position: relative;
width: 20px;
height: 20px;
cursor: pointer;
display: inline-block;
}
#shipping_method .custom-shipping-method-block .delivery_label .custom-tooltip img{
width: 100%;
height: 100%;
}
#shipping_method .custom-shipping-method-block .delivery_label .custom-tooltip .tooltip-content,
.awf-filters-form .awf-filter-container:has(.zero-value), .awf-filters-form .awf-filter-container.awf-empty{
display: none;
}
#shipping_method .custom-shipping-method-block .delivery_label .custom-tooltip:hover .tooltip-content{
position: absolute;
top: -22px;
right: -260px;
width: 250px;
display: block;
background: #f9f9f9;
padding: 10px;
border-radius: 20px;
font-weight: 500;
font-family: var(--fontStyle2);
z-index: 9;
}
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout-review-order table.shop_table .order-total .includes_tax{
display: none;
}
.social-icons.inline li .fa-carousell{
position: relative;
top: 2px;
background: url(/wp-content/uploads/2025/08/carousell-logo.png);
width: 19px;
height: 19px;
filter: invert(1);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
/* Responsive layout */
@media(min-width: 1820px){
.wpmc-steps-wrapper:has(.order-review-column),
body.woocommerce-cart .woocommerce-cart-form,
.woocommerce .wpmc-tabs-wrapper{
grid-template-columns: minmax(auto, 985px) minmax(550px, auto);
}
}
@media(min-width: 1599px){
.order-review-column .woocommerce-checkout.sticky{
top: 260px;
}
}
@media(max-width: 1200px){
.wpmc-steps-wrapper:has(.order-review-column),
body.woocommerce-cart .woocommerce-cart-form{
grid-template-columns: repeat(1, 1fr);
gap: 50px;
}
.order-review-column .woocommerce-checkout.sticky{
position: relative;
top: unset;
}
.woocommerce .woocommerce-cart-form table tr.cart_item .product-thumbnail img{
width: 100px !important;
}
.woocommerce .woocommerce-cart-form table tr.cart_item .product-thumbnail{
text-align: left !important;
}
.woocommerce .woocommerce-cart-form table tr.cart_item .product-remove a.remove{
margin-left: 0 !important;
}
.woocommerce-checkout .order-review-column,
.wpmc-steps-wrapper form.woocommerce-checkout{
max-width: unset;
}
.woocommerce-checkout .order-review-column, .woocommerce-checkout .order-review-column #order_review_heading{
margin-top: 0;
}
#woocommerce_before_checkout_form{
display: none !important;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item::before,
.woocommerce-customer-details .woocommerce-columns{
width: 100%;
right: 0;
}
.woocommerce-customer-details .woocommerce-columns .col-1{
width: 90%;
}
.woocommerce .wpmc-tabs-wrapper, .woocommerce-order{
width: 100%;
grid-template-columns: repeat(1, 1fr);
}
}
@media(max-width: 768px){
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text{
display: block !important;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item div,
form.checkout h3, .woocommerce-cart .cart_totals h2{
font-size: 24px;
line-height: 28px;
}
form.checkout h3 label.checkbox{
font-size: 18px;
}
form.checkout h3, .woocommerce-cart .cart_totals h2{
margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-shipping-fields{
margin-top: 0;
padding: 20px 0 !important;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item,
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list{
gap: 10px;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item div.wpmc-tab-number{
font-size: 16px;
width: 25px;
min-width: 25px;
min-height: 25px;
height: 25px;
}
.woocommerce .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-billing.previous .wpmc-tab-number{
background-size: 25px;
}
.woocommerce-checkout .order-review-column #order_review_heading{
margin-top: unset;
}
.woocommerce-checkout .order-review-column #order_review_heading,
.woocommerce-checkout .order-review-column .woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order .order-section{
padding: 20px;
}
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th:last-child,
.wpmc-steps-wrapper form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td{
padding-right: 20px;
}
.order-section .product-items .product-name,
.order-section .product-items .product-total{
line-height: 20px;
}
.buttons_added{
justify-content: end;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item td.product-name{
width: 100%;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item td{
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table tr.cart_item{
margin: 20px 0;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
background-color: transparent;
}
.thanks-order-section{
padding: 40px 20px;
}
.woocommerce-thankyou-order-details{
flex-direction: column;
}
.woocommerce-thankyou-order-details li{
border-right: none;
}
.main-content-holder{
overflow: hidden;
}
.category-nav .category-title{
max-width: 110px;
}
.logo {
z-index: 10 !important;
position: relative;
}
.logo-holder {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
@media(max-width: 650px){
.woocommerce-cart-form .woocommerce-cart-form__contents button,
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text{
width: 100% !important;
}
.woocommerce-cart-form .woocommerce-cart-form__contents .product-quantity button{
width: auto !important;
}
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text{
margin-bottom: .5em !important;
}
}
@media(max-width: 580px){
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item div{
font-size: 16px;
}
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item div.wpmc-tab-number{
font-size: 14px;
}
.woocommerce-checkout-review-order .order-section .product-items{
grid-template-columns: 50px auto auto;
gap: 10px;
}
}
@media(max-width: 575.98px){
.woocommerce-cart-form .woocommerce-cart-form__contents input.input-text{
margin-bottom: 0 !important;
}
}
@media(max-width: 360px){
.woocommerce-checkout-review-order .order-section .product-items{
grid-template-columns: 40px auto auto;
}
.order-section .product-items .product-name, .order-section .product-items .product-total{
font-size: 14px;
line-height: 16px;
}
.wpmc-nav-wrapper button.button, .place-order button{
padding: 0 18px !important;
}
}
/* end Two-column checkout layout */
/* end custom by Beyonds */
