/* Minification failed. Returning unminified contents. (690,51): run-time error CSS1019: Unexpected token, found '{' (690,194): run-time error CSS1019: Unexpected token, found '}' (826,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (827,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (842,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (843,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (858,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (859,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1044,385): run-time error CSS1046: Expect comma, found '49' (1044,391): run-time error CSS1046: Expect comma, found '/' (1044,493): run-time error CSS1046: Expect comma, found '49' (1044,499): run-time error CSS1046: Expect comma, found '/' (2276,96): run-time error CSS1046: Expect comma, found '0' (2276,100): run-time error CSS1046: Expect comma, found '/' (2792,76): run-time error CSS1046: Expect comma, found '164' (2792,84): run-time error CSS1046: Expect comma, found '/' (3388,182): run-time error CSS1046: Expect comma, found '169' (3388,190): run-time error CSS1046: Expect comma, found '/' (3389,96): run-time error CSS1046: Expect comma, found '0' (3389,100): run-time error CSS1046: Expect comma, found '/' (4449,656): run-time error CSS1046: Expect comma, found '49' (4449,662): run-time error CSS1046: Expect comma, found '/' (4449,766): run-time error CSS1046: Expect comma, found '49' (4449,772): run-time error CSS1046: Expect comma, found '/' (4808,85): run-time error CSS1046: Expect comma, found '0' (4808,89): run-time error CSS1046: Expect comma, found '/' (4808,137): run-time error CSS1046: Expect comma, found '0' (4808,141): run-time error CSS1046: Expect comma, found '/' (4808,184): run-time error CSS1046: Expect comma, found '0' (4808,188): run-time error CSS1046: Expect comma, found '/' (4809,65): run-time error CSS1046: Expect comma, found '0' (4809,69): run-time error CSS1046: Expect comma, found '/' (4809,118): run-time error CSS1046: Expect comma, found '0' (4809,122): run-time error CSS1046: Expect comma, found '/' (4809,166): run-time error CSS1046: Expect comma, found '0' (4809,170): run-time error CSS1046: Expect comma, found '/' (4821,129): run-time error CSS1046: Expect comma, found '0' (4821,133): run-time error CSS1046: Expect comma, found '/' (4821,181): run-time error CSS1046: Expect comma, found '0' (4821,185): run-time error CSS1046: Expect comma, found '/' (4821,228): run-time error CSS1046: Expect comma, found '0' (4821,232): run-time error CSS1046: Expect comma, found '/' (4822,90): run-time error CSS1046: Expect comma, found '0' (4822,94): run-time error CSS1046: Expect comma, found '/' (4822,143): run-time error CSS1046: Expect comma, found '0' (4822,147): run-time error CSS1046: Expect comma, found '/' (4822,191): run-time error CSS1046: Expect comma, found '0' (4822,195): run-time error CSS1046: Expect comma, found '/' (5033,180): run-time error CSS1046: Expect comma, found '0' (5033,184): run-time error CSS1046: Expect comma, found '/' (5033,232): run-time error CSS1046: Expect comma, found '0' (5033,236): run-time error CSS1046: Expect comma, found '/' (5033,279): run-time error CSS1046: Expect comma, found '0' (5033,283): run-time error CSS1046: Expect comma, found '/' (5041,208): run-time error CSS1046: Expect comma, found '0' (5041,212): run-time error CSS1046: Expect comma, found '/' (5041,260): run-time error CSS1046: Expect comma, found '0' (5041,264): run-time error CSS1046: Expect comma, found '/' (5041,307): run-time error CSS1046: Expect comma, found '0' (5041,311): run-time error CSS1046: Expect comma, found '/' (5053,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5054,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5062,215): run-time error CSS1046: Expect comma, found '0' (5062,219): run-time error CSS1046: Expect comma, found '/' (5062,267): run-time error CSS1046: Expect comma, found '0' (5062,271): run-time error CSS1046: Expect comma, found '/' (5062,313): run-time error CSS1046: Expect comma, found '0' (5062,317): run-time error CSS1046: Expect comma, found '/' (5212,58): run-time error CSS1046: Expect comma, found '0' (5212,62): run-time error CSS1046: Expect comma, found '/' (5212,160): run-time error CSS1046: Expect comma, found '0' (5212,164): run-time error CSS1046: Expect comma, found '/' (5555,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5557,86): run-time error CSS1063: Expected calculation unit, found 'var(' (5557,86): run-time error CSS1064: Expected calculation product, found 'var(' (5557,86): run-time error CSS1019: Unexpected token, found 'var(' (5557,86): run-time error CSS1042: Expected function, found 'var(' (5557,91): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (5557,120): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (5557,140): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (5557,188): run-time error CSS1063: Expected calculation unit, found 'var(' (5557,188): run-time error CSS1064: Expected calculation product, found 'var(' (5557,188): run-time error CSS1019: Unexpected token, found 'var(' (5557,188): run-time error CSS1042: Expected function, found 'var(' (5557,193): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (5557,220): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (5557,326): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (5557,356): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (5561,103): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (5573,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5575,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5607,65): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (5607,95): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (5627,87): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (5627,117): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (5635,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5637,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5659,269): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (5659,298): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (5661,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5663,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5665,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5666,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (5777,254): run-time error CSS1031: Expected selector, found ';' (5777,254): run-time error CSS1025: Expected comma or open brace, found ';' (5782,1): run-time error CSS1019: Unexpected token, found '}' (5884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5885,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (5890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5891,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (5896,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5897,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (5904,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5905,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (6209,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6210,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6249,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6250,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6257,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6258,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6265,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6266,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6285,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6286,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6590,270): run-time error CSS1046: Expect comma, found '0' (6590,274): run-time error CSS1046: Expect comma, found '/' (6590,298): run-time error CSS1046: Expect comma, found '255' (6590,306): run-time error CSS1046: Expect comma, found '/' (6845,100): run-time error CSS1046: Expect comma, found '169' (6845,108): run-time error CSS1046: Expect comma, found '/' (6846,84): run-time error CSS1046: Expect comma, found '169' (6846,92): run-time error CSS1046: Expect comma, found '/' (6847,67): run-time error CSS1046: Expect comma, found '0' (6847,71): run-time error CSS1046: Expect comma, found '/' (6920,84): run-time error CSS1046: Expect comma, found '0' (6920,88): run-time error CSS1046: Expect comma, found '/' (7117,35): run-time error CSS1030: Expected identifier, found ';' (7250,252): run-time error CSS1046: Expect comma, found '0' (7250,256): run-time error CSS1046: Expect comma, found '/' (7289,219): run-time error CSS1046: Expect comma, found '0' (7289,223): run-time error CSS1046: Expect comma, found '/' (7289,276): run-time error CSS1046: Expect comma, found '0' (7289,280): run-time error CSS1046: Expect comma, found '/' (8131,77): run-time error CSS1031: Expected selector, found ';' (8131,77): run-time error CSS1025: Expected comma or open brace, found ';' (8131,79): run-time error CSS1019: Unexpected token, found '{' (8131,87): run-time error CSS1030: Expected identifier, found ' ' (8131,92): run-time error CSS1031: Expected selector, found ';' (8131,92): run-time error CSS1025: Expected comma or open brace, found ';' (8131,100): run-time error CSS1030: Expected identifier, found ' ' (8131,101): run-time error CSS1031: Expected selector, found 'calc(' (8131,101): run-time error CSS1025: Expected comma or open brace, found 'calc(' (8131,134): run-time error CSS1030: Expected identifier, found ' ' (8131,141): run-time error CSS1031: Expected selector, found ';' (8131,141): run-time error CSS1025: Expected comma or open brace, found ';' (8131,153): run-time error CSS1030: Expected identifier, found ' ' (8131,154): run-time error CSS1031: Expected selector, found '13px' (8131,154): run-time error CSS1025: Expected comma or open brace, found '13px' (8131,171): run-time error CSS1030: Expected identifier, found ' ' (8131,172): run-time error CSS1031: Expected selector, found '8px' (8131,172): run-time error CSS1025: Expected comma or open brace, found '8px' (8131,177): run-time error CSS1019: Unexpected token, found '}' (8333,52): run-time error CSS1019: Unexpected token, found '}' (8335,2): run-time error CSS1031: Expected selector, found '/' (8335,2): run-time error CSS1025: Expected comma or open brace, found '/' (8843,34): run-time error CSS1046: Expect comma, found '166' (8843,42): run-time error CSS1046: Expect comma, found '/' (8866,68): run-time error CSS1046: Expect comma, found '255' (8866,76): run-time error CSS1046: Expect comma, found '/' (8882,102): run-time error CSS1046: Expect comma, found '0' (8882,106): run-time error CSS1046: Expect comma, found '/' (8882,160): run-time error CSS1046: Expect comma, found '0' (8882,164): run-time error CSS1046: Expect comma, found '/' (8914,32): run-time error CSS1046: Expect comma, found '147' (8914,40): run-time error CSS1046: Expect comma, found '/' (8922,33): run-time error CSS1036: Expected expression, found ';' (8990,208): run-time error CSS1046: Expect comma, found '228' (8990,216): run-time error CSS1046: Expect comma, found '/' (8990,235): run-time error CSS1046: Expect comma, found '255' (8990,243): run-time error CSS1046: Expect comma, found '/' (9164,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9169,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9170,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9342,97): run-time error CSS1046: Expect comma, found '169' (9342,105): run-time error CSS1046: Expect comma, found '/' (9343,106): run-time error CSS1046: Expect comma, found '0' (9343,110): run-time error CSS1046: Expect comma, found '/' (9354,87): run-time error CSS1046: Expect comma, found '185' (9354,94): run-time error CSS1046: Expect comma, found ')' (9354,101): run-time error CSS1019: Unexpected token, found ';' (9354,101): run-time error CSS1042: Expected function, found ';' (9409,287): run-time error CSS1046: Expect comma, found '169' (9409,295): run-time error CSS1046: Expect comma, found '/' (9531,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9532,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9546,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9547,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9556,47): run-time error CSS1046: Expect comma, found '255' (9556,55): run-time error CSS1046: Expect comma, found '/' (9588,77): run-time error CSS1046: Expect comma, found '71' (9588,84): run-time error CSS1046: Expect comma, found '/' (9849,1): run-time error CSS1019: Unexpected token, found '@charset' (9849,10): run-time error CSS1019: Unexpected token, found '"UTF-8"' (9849,17): run-time error CSS1019: Unexpected token, found ';' (9885,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9886,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9891,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9892,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9897,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9898,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9902,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9903,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9907,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9908,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9912,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9913,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9917,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9918,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9922,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9923,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9927,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9928,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9932,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9933,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9937,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9938,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9943,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9944,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9948,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9949,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9953,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9954,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9958,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9959,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9963,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9964,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9969,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9970,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9974,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9975,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9979,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9980,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9984,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9985,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9990,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9991,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9996,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10001,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10006,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10011,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10016,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10021,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10026,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10027,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10033,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10034,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10038,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10039,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10043,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10044,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10184,183): run-time error CSS1046: Expect comma, found '49' (10184,189): run-time error CSS1046: Expect comma, found '/' (10184,293): run-time error CSS1046: Expect comma, found '49' (10184,299): run-time error CSS1046: Expect comma, found '/' (11316,115): run-time error CSS1046: Expect comma, found '255' (11316,123): run-time error CSS1046: Expect comma, found '/' (11342,66): run-time error CSS1046: Expect comma, found '255' (11342,74): run-time error CSS1046: Expect comma, found '/' */ #cd-logo { float: left; margin: 13px 0 0 5%; } #cd-logo img { display: block; } @media only screen and (min-width: 768px) { #cd-logo { margin: 23px 0 0 5%; } } .input-96.inputEnq { border: 1px solid rgba(41, 41, 41, 0.2)!important; margin: 5px 0px 0px 0px!important; height: 52px!important; } .fromRight.linkEnq { margin-top: 7px; } .cd-primary-nav { /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */ float: right; margin-right: 5%; width: 44px; height: 100%; background: url("../images/cd-icon-menu.svg") no-repeat center center; } .cd-primary-nav ul { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .cd-primary-nav ul.is-visible { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .cd-primary-nav a { display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #21272c; border-top: 1px solid #333c44; color: #ffffff; } @media only screen and (min-width: 768px) { .cd-primary-nav { /* reset navigation values */ width: auto; height: auto; background: none; } .cd-primary-nav ul { position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); line-height: 70px; } .cd-primary-nav ul.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-primary-nav li { display: inline-block; margin-left: 1em; } .cd-primary-nav a { display: inline-block; height: auto; font-weight: 600; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; } } /* -------------------------------- Slider -------------------------------- */ .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0; border-top: solid 0px #e1e1e1; } @media screen and (max-width:1199px) { /*.cd-hero{margin-top:70px;}*/ } .cd-hero-slider { position: relative; height: 60vh; overflow: hidden; } .cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-hero-slider li.selected { /* this is the visible slide */ position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider li.move-left { /* slide hidden on the left */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } @media only screen and (min-width: 1020px) { .cd-hero-slider { height: 60%; max-height: 400px; } } @media only screen and (min-width: 1280px) { .cd-hero-slider { height: 60%; max-height: 440px; } } /* -------------------------------- Single slide style -------------------------------- */ .cd-hero-slider { list-style: none; } .cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 362px; } .cd-hero-slider .allMdl { color: #ffffff; margin-bottom: 0; } .cd-hero-slider .allMdl.btm01 { margin-bottom: 20px; } .cd-hero-slider .head02 { color: #ffffff; margin-top: -24px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 200; text-transform: none; } .cd-hero-slider .head03 { color: #ffffff; margin-top: -4px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 200; text-transform: none; } .cd-hero-slider .head04 { margin-top: 0px; margin-bottom: 0; } .cd-hero-slider .head04.btm04 { margin-top: 25px; } .mdlOny { font-size: 16px; font-weight: 600; } .mdlOTR { font-size: 14px; color: #ffffff; padding-top: 2px; } .mdlHero { padding-top: 34px; padding-bottom: 20px; border-bottom: solid 1px #e1e1e1; } .h3Hro { color: #333333; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; padding-bottom: 16px; padding-top: 0px; } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; /* this padding is used to align the text */ padding-top: 0px; text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-hero-slider .cd-img-container { /* hide image on mobile device */ display: none; } .cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-hero-slider .cd-btn { display: inline-block; padding: 1.2em 1.4em; margin-top: .8em; background-color: rgba(212, 68, 87, 0.9); font-weight: 700; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); } .cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; } .no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; } .no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; } @media only screen and (max-width: 3200px) { /* .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 20px; } .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; }*/ .cd-hero-slider .cd-bg-video-wrapper { display: block; } .darkoverlay { display: block; background: url(../images/overlay01.png) top center no-repeat; background-size: cover; } } @media only screen and (max-width: 1279px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 20vh; padding-left: 4%; padding-right: 4%; } .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; } .cd-hero-slider .cd-bg-video-wrapper { display: block; } } @media only screen and (max-width: 1024px) { .cd-hero-slider li:nth-of-type(4) { /*background-image: none;*/ } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { } .cd-hero-slider .cd-bg-video-wrapper { display: block; } .cd-hero-slider .cd-half-width { width: 45%; } .cd-hero-slider .cd-half-width:first-of-type { left: 5%; } .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; } .cd-hero-slider .cd-img-container { display: block; } .cd-hero-slider .cd-btn { } } @media only screen and (max-width: 520px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 21vh; } } /* -------------------------------- Single slide animation -------------------------------- */ @media only screen and (min-width: 768px) { .cd-hero-slider .cd-half-width { opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .cd-hero-slider .selected .cd-half-width { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider .is-moving .cd-half-width { /* this is the slide moving outside the viewport wait for the end of the transition on the
  • parent before set opacity to 0 and translate to 40px/-40px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; } .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; } .cd-hero-slider .cd-full-width h2, .cd-hero-slider .cd-full-width p, .cd-hero-slider .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } .cd-hero-slider .move-left .cd-full-width h2, .cd-hero-slider .move-left .cd-full-width p, .cd-hero-slider .move-left .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } .cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p, .cd-hero-slider .selected .cd-full-width .cd-btn { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p, .cd-hero-slider li.is-moving .cd-full-width .cd-btn { /* this is the slide moving outside the viewport wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; } .cd-hero-slider li.selected h2 { -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected p { -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s; -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; } .cd-hero-slider li.selected .cd-btn { -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s; } } /* -------------------------------- Slider navigation -------------------------------- */ .cd-slider-nav { position: absolute; /* width: 100%;*/ display: inline-block; bottom: 0; right: 18px; z-index: 2; text-align: right; height: 55px; } .cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a { height: 100%; } .cd-slider-nav nav { display: inline-block; position: relative; } .cd-slider-nav .cd-marker { position: absolute; bottom: 0; left: 0; width: 20px; height: 100%; } .cd-slider-nav .cd-marker.item-2 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-slider-nav .cd-marker.item-3 { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .cd-slider-nav .cd-marker.item-4 { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); } .cd-slider-nav .cd-marker.item-5 { -webkit-transform: translateX(400%); -moz-transform: translateX(400%); -ms-transform: translateX(400%); -o-transform: translateX(400%); transform: translateX(400%); } .cd-slider-nav ul:after { clear: both; content: ""; display: table; } .cd-slider-nav li { display: inline-block; width: 21px; float: left; } .no-touch .cd-slider-nav li.selected a:hover { background-color: transparent; } .cd-slider-nav a { display: block; position: relative; padding-top: 35px; font-size: 1rem; font-weight: 700; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-slider-nav a:before { content: ''; position: absolute; width: 12px; height: 12px; top: 8px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /*background: url('../images/cd-icon-navigation.svg') no-repeat left center / 115px;*/ border: 1px solid #fff; background-color: #b2b2b2; border-radius: 50%; } .no-touch .cd-slider-nav a:hover { background-color: rgba(0, 1, 1, 0.0); } .cd-slider-nav li:first-of-type a:before { background-position: 0 0; } .cd-slider-nav li.selected:first-of-type a:before { background-position: 0 -24px; } .cd-slider-nav li:nth-of-type(2) a:before { background-position: -24px 0; } .cd-slider-nav li.selected:nth-of-type(2) a:before { background-position: -24px -24px; } .cd-slider-nav li:nth-of-type(3) a:before { background-position: -48px 0; } .cd-slider-nav li.selected:nth-of-type(3) a:before { background-position: -48px -24px; } .cd-slider-nav li:nth-of-type(4) a:before { background-position: -72px 0; } .cd-slider-nav li.selected:nth-of-type(4) a:before { background-position: -72px -24px; } .cd-slider-nav li:nth-of-type(5) a:before { background-position: -96px 0; } .cd-slider-nav li.selected:nth-of-type(5) a:before { background-position: -96px -24px; } .bgColor { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 9999; text-align: center; } .bgColor .loading { position: relative; top: 35%; } .bgColor .loaderWhite { background-color: #fff; border-radius: 8px; padding: 15px 25px; } @media only screen and (min-width: 768px) { .cd-slider-nav { height: 45px; } .cd-slider-nav .cd-marker, .cd-slider-nav li { } .cd-slider-nav a { padding-top: 48px; font-size: 0.9rem; text-transform: uppercase; } .cd-slider-nav a::before { top: 10px; } } /* -------------------------------- Slider dots/controls -------------------------------- */ .cd-slider-controls { position: absolute; bottom: 20px; left: 53%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; text-align: right; width: 90%; } .cd-slider-controls::after { clear: both; content: ""; display: table; } .cd-slider-controls li { display: inline-block; margin-right: 10px; } .cd-slider-controls li:last-of-type { margin-right: 0; } .cd-slider-controls li.selected a { background-color: #ffffff; } .cd-slider-controls a { display: block; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; height: 10px; width: 10px; border-radius: 50%; border: 2px solid #ffffff; } .no-touch .cd-slider-controls a:hover { background-color: #ffffff; } /* -------------------------------- Main content -------------------------------- */ .cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; } .cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; } @media only screen and (min-width: 1170px) { .cd-main-content { padding: 3em 0; } .cd-main-content p { font-size: 1.6rem; } } @media only screen and (max-width: 480px) { .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 62px; } } /* -------------------------------- Javascript disabled -------------------------------- */ .no-js .cd-hero-slider li { display: none; } .no-js .cd-hero-slider li.selected { display: block; } .no-js .cd-slider-nav { display: none; } @media only screen and (min-width: 320px) and (max-width: 480px) { .halftp { padding-top: 5vh!important; } .cd-hero-slider li { min-height: 100%; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .halftp { padding-top: 8vh!important; } /* .cd-hero-slider {height:40vh!important;}*/ .cd-hero-slider li { min-height: 100%; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .halftp { padding-top: 8vh!important; } .cd-hero-slider { height: 50vh!important; } } .bannerslide .cd-hero-slider { height: 60vh!important; } /* * jQuery FlexSlider v2.6.3 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: auto; display: block; max-height: 500px; margin: auto; max-width: 100%; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* =======* DEFAULT THEME *=======*/ .flexslider { margin: 0 0px 10px; background: #fff; border: 0px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider ul.slides { background: #fff!important; } .flex-active-slide img { background-size: cover!important; } @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {.flex-active-slide img; { position: relative; right: -1px; } } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .usedcarflex .flex-viewport { max-height: 385px!important; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.0); } .flex-direction-nav a:before { display: none; font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.0); } .flex-direction-nav a.flex-next:before { display: none; content: ''; } .flex-direction-nav .flex-prev { background: url(../images/chev-left.png) no-repeat; left: -10px; } .flex-direction-nav .flex-next { background: url(../images/chev-right.png) no-repeat; right: -10px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { display: none; margin: 3px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* ---------------------------------------- Stylesheet Guide ------------------------------------------ 1. Base 2. Layout 3. Components 4. Pages ---------------------------------------------------------- */ /*Font*/ @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-Light.eot'); src: url('../fonts/quicksand/Quicksand-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-Light.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-Light.woff') format('woff'), url('../fonts/quicksand/Quicksand-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-Regular.eot'); src: url('../fonts/quicksand/Quicksand-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-Regular.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-Regular.woff') format('woff'), url('../fonts/quicksand/Quicksand-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-Regular.eot'); src: url('../fonts/quicksand/Quicksand-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-Regular.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-Regular.woff') format('woff'), url('../fonts/quicksand/Quicksand-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-Medium.eot'); src: url('../fonts/quicksand/Quicksand-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-Medium.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-Medium.woff') format('woff'), url('../fonts/quicksand/Quicksand-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-SemiBold.eot'); src: url('../fonts/quicksand/Quicksand-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-SemiBold.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-SemiBold.woff') format('woff'), url('../fonts/quicksand/Quicksand-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-Bold.eot'); src: url('../fonts/quicksand/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-Bold.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-Bold.woff') format('woff'), url('../fonts/quicksand/Quicksand-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/quicksand/Quicksand-Bold.eot'); src: url('../fonts/quicksand/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/quicksand/Quicksand-Bold.woff2') format('woff2'), url('../fonts/quicksand/Quicksand-Bold.woff') format('woff'), url('../fonts/quicksand/Quicksand-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-Regular.eot'); src: url('../fonts/merienda/Merienda-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-Regular.woff2') format('woff2'), url('../fonts/merienda/Merienda-Regular.woff') format('woff'), url('../fonts/merienda/Merienda-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-ExtraBold.eot'); src: url('../fonts/merienda/Merienda-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-ExtraBold.woff2') format('woff2'), url('../fonts/merienda/Merienda-ExtraBold.woff') format('woff'), url('../fonts/merienda/Merienda-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-Light.eot'); src: url('../fonts/merienda/Merienda-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-Light.woff2') format('woff2'), url('../fonts/merienda/Merienda-Light.woff') format('woff'), url('../fonts/merienda/Merienda-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-Regular.eot'); src: url('../fonts/merienda/Merienda-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-Regular.woff2') format('woff2'), url('../fonts/merienda/Merienda-Regular.woff') format('woff'), url('../fonts/merienda/Merienda-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-Medium.eot'); src: url('../fonts/merienda/Merienda-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-Medium.woff2') format('woff2'), url('../fonts/merienda/Merienda-Medium.woff') format('woff'), url('../fonts/merienda/Merienda-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-SemiBold.eot'); src: url('../fonts/merienda/Merienda-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-SemiBold.woff2') format('woff2'), url('../fonts/merienda/Merienda-SemiBold.woff') format('woff'), url('../fonts/merienda/Merienda-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-Bold.eot'); src: url('../fonts/merienda/Merienda-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-Bold.woff2') format('woff2'), url('../fonts/merienda/Merienda-Bold.woff') format('woff'), url('../fonts/merienda/Merienda-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-ExtraBold.eot'); src: url('../fonts/merienda/Merienda-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-ExtraBold.woff2') format('woff2'), url('../fonts/merienda/Merienda-ExtraBold.woff') format('woff'), url('../fonts/merienda/Merienda-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Merienda'; src: url('../fonts/merienda/Merienda-Black.eot'); src: url('../fonts/merienda/Merienda-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/merienda/Merienda-Black.woff2') format('woff2'), url('../fonts/merienda/Merienda-Black.woff') format('woff'), url('../fonts/merienda/Merienda-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /* ---------------------------------------- 1. Base ---------------------------------------- */ /* ---------------------------------------- Reset ---------------------------------------- */ * { margin: 0; padding: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main { display: block; } mark, rp, rt, ruby, summary, time { display: inline; } a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background: transparent; border: 0 none; font-weight: inherit; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } a { text-decoration: none; outline: none !important; vertical-align: baseline; } .material-icons, .material-icons-outlined { font-size: inherit; } b, strong { font-weight: bold; } ul, ol { list-style: none; } .parraSEC ul, .parraSEC ol { list-style: initial; } q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; } img { vertical-align: top; max-width: 100%; } embed { vertical-align: top; } input, textarea { font-family: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } input, button { -webkit-appearance: none; outline: none; background: transparent; } button::-moz-focus-inner { border: 0; } th { text-align: left; } textarea { outline: none !important; } button { cursor: pointer; color: inherit; font-family: inherit; } html, body { min-height: 100%; font-family: 'Chewy', cursive; font-family: 'Quicksand', sans-serif; } fieldset, legend, label, select, input, textarea, form, button, optgroup { -webkit-appearance: none !important; } .container, .container-fluid { padding-right: 1rem; padding-left: 1rem; } .row { margin-right: -1rem; margin-left: -1rem; } .row > [class*="col-"] { padding-left: 1rem; padding-right: 1rem; } .wide { width: 100%!important; } .container.extra-width { max-width: 100%; padding-left: 2.75rem; padding-right: 2.75rem; } /* ---------------------------------------- Global ---------------------------------------- */ body { background-color: #fff; overflow-x: hidden; overflow-y: initial !important; } .mad-page-wrapper { overflow: hidden; } html { overflow-y: initial !important; scroll-behavior: smooth; } ::-webkit-selection { color: #fff; background-color: #2e3133; } ::-moz-selection { color: #fff; background-color: #2e3133; } ::selection { color: #fff; background-color: #2e3133; } mark { color: #fff; background-color: #2e3133; } .clearfix::after { content: ""; display: block; clear: both; } .page-wrapper { overflow: hidden; } [data-bg-image-src] { background-size: cover; background-position: center; background-repeat: no-repeat; } .animated { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .w-100 { width: 100%; } .material-icons, .material-icons-outlined { line-height: inherit; font-size: inherit; } .svg .cls-1 { stroke-width: 10px; } /* ---------------------------------------- Typography ---------------------------------------- */ :root { font-size: 16px; } body { font-size: 15.5px; line-height: 1.6rem; font-weight: 400; color: #242424; } address:not(:last-child) { margin-bottom: 1.625rem; } q, kbd, strong, em, tt, var, span, del, big, small { vertical-align: baseline; } /* ---------------------------------------- Headings ---------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #2e3133; font-weight: bold; } h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child) { margin-bottom: 0.4rem; } h1 { letter-spacing: -0.08rem; } h3:not(:last-child) { margin-bottom: 1.5rem; } h1 { font-size: 27px; line-height: 1.5em; font-weight: 600; } h2 { font-size: 25px; line-height: 1.5em; font-weight: 600; letter-spacing: -0.1rem; } h3 { font-size: 24px; font-weight: 600; line-height: 1.5em; letter-spacing: -0.025rem; margin-bottom: 10px !important; } h4 { font-size: 22px; line-height: 1.5em; font-weight: 600; letter-spacing: -0.05rem;; } h5 { font-size: 20px; line-height: 1.5rem; font-weight: 600; letter-spacing: -0.025rem; } h6 { font-size: 18px; line-height: 1.5rem; } h3:not(:last-child) { /*margin-bottom: 1.7rem;*/ } h4:not(:last-child) { /*margin-bottom: 1.5rem;*/ } h5:not(:last-child), h6:not(:last-child) { /*margin-bottom: 1.45rem;*/ } h5.mad-page-title { font-weight: 600; letter-spacing: -0.03rem; } h5.mad-page-title:not(:last-child) { margin-bottom: 1.45rem; } h3.mad-page-title:not(:last-child) { margin-bottom: 1.7rem; } .mad-page-title .mad-read-more { padding-left: 1.25rem; } .mad-page-title.with-carousel, .mad-title.with-carousel { padding-right: 6rem; } h6.mad-page-title.with-carousel { font-size: 1.25rem; line-height: 1.5rem; padding-bottom: 4px; } .mad-pre-title { font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; } .mad-sub-title { font-size: 1.25rem; line-height: 1.5rem; } .mad-pre-title:not(:last-child) { margin-bottom: 8px; } /* ---------------------------------------- Paragraphs ---------------------------------------- */ p { line-height: inherit; } p:not(:last-child):not([class*="content-element"]) { margin-bottom: 0.3rem; } .req { color: #d94945; } .mad-text-small { font-size: 0.875rem; line-height: 1.5rem; } p.mad-text-small:not([class*="content-element"]):not(:last-child) { margin-bottom: 1.3125rem; } .mad-text-small { font-size: 0.9286rem; font-weight: 500; } .mad-text-medium { font-size: 1rem; line-height: 1.5rem; } .mad-text-big { font-size: 1.25rem; line-height: 2rem; } .mad-text-color2 { color: #8b9599; } .mad-text-color3 { color: #f2f2f2; } .mad-text-color4 { color: #515759; } /* ---------------------------------------- Links ---------------------------------------- */ a { color: #000; font-weight: 500; } .mad-link, a, button { transition: all .5s ease; } .mad-link-color, .mad-link { color: #26658c; } .mad-link-color:hover, .mad-link:hover { color: #2e3133; opacity: 0.8; } .mad-link-color-2 { color: #46a69c; } .mad-link-color-2:hover { text-decoration: underline; } /* ---------------------------------------- Icons ---------------------------------------- */ [class*="mad-font-icon"] { line-height: 1; } /* ---------------------------------------- Utils classes ---------------------------------------- */ .mad-d-none { display: none; } .mad-fw-bold { font-weight: bold; } .mad-tt-uppercase { text-transform: uppercase; } .mad-d-down-xxxl-none { display: none; } .mad-fw-down-xxxl-bold { font-weight: bold; } .alignleft { float: left; } .alignright { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } img[class*="align"] { border-radius: 8px; overflow: hidden; } img.alignleft { margin-right: 2rem; } img.alignright { margin-left: 2rem; } /* ---------------------------------------- 2. Layout ---------------------------------------- */ /* ---------------------------------------- Preloader ---------------------------------------- */ .mad-preloader-circle, .mad-preloader { position: fixed; width: 260vw; height: 260vw; margin-left: -130vw; margin-top: -130vw; background-color: #fff; z-index: 50; border-radius: 50%; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-preloader-circle { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .mad-preloader { left: 50%; top: 50%; } .mad-preloader-circle, .mad-preloader.mad-preloader--disappearing { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-preloader-circle--appearing { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ---------------------------------------- Critical full screen message ---------------------------------------- */ .mad-body--has-critical-fullscreen-message { overflow: hidden !important; } .mad-fullscreen-message { position: fixed; z-index: 49; top: 0; right: 0; bottom: 0; left: 0; text-align: center; font-size: 1.875rem; line-height: 2.34375rem; color: #2e3133; background-color: #fff; padding: 2rem; overflow: auto; } .mad-fullscreen-message .mad-aligner-inner { vertical-align: middle; } .mad-fullscreen-message-before { font-size: 3.25rem; line-height: 4rem; } .mad-fullscreen-message-before:not(:last-child) { margin-bottom: 1rem; } .mad-fullscreen-message-before:empty, .mad-fullscreen-message-after:empty { display: none; } /* ---------------------------------------- Header ---------------------------------------- */ .mad-header { position: relative; z-index: 25; } [class*="mad-header-section--sticky"].mad-header-section--sticked { position: fixed; top: 0; left: 0; right: 0; z-index: 50; } .mad-header--transparent.mad-header--transparent-single { position: absolute; top: 0; left: 0; right: 0; z-index: 25; } .mad-header:not(.header-2):not(.header-3):not(.header-4) .mad-header-section--sticky-xl { background: #26658c; } .mad-header-section--sticky-xl .mad-header-items { position: relative; } .mad-pre-header { font-size: 0.875rem; line-height: 1.5rem; padding: 0.5rem 0; border-bottom: 1px solid #dce3e6; } .mad-pre-header .mad-our-info { display: flex; flex-wrap: wrap; flex-direction: row; column-gap: 1.5rem; row-gap: 0; font-weight: 500; width: 100%; } .mad-pre-header .mad-our-info .mad-info span { color: #2e3133; font-weight: 800; } .mad-pre-header .mad-header-item { display: flex; flex-wrap: wrap; column-gap: 2rem; } .mad-quick-links { color: #8b9599; } .mad-config { display: flex; column-gap: 1.5rem; } .mad-config .mad-dropdown > a:after { content: "keyboard_arrow_down"; font-family: 'Material Icons'; font-size: 1rem; margin-left: 0.25rem; max-width: 0.75rem; line-height: 1rem; display: inline-block; vertical-align: middle; } .mad-search-section { display: flex; justify-content: space-between; border: 2px solid #caead5; background: #fff; border-radius: 2px; } .mad-search-section .mad-custom-select { width: 100%; } .mad-search-section input, .mad-search-section .mad-custom-select .mad-selected-option { height: 3.25rem!important; border: none!important; } .mad-search-section .mad-custom-select .mad-selected-option { line-height: 3.25rem; } .mad-search-section > .mad-col:first-child { width: 100%; position: relative; } .mad-search-section > .mad-col:not(:first-child) { width: 100%; max-width: 16.5rem; } /*.mad-search-section > button:before*/ /*.mad-search-section .mad-custom-select:before*/ { /*content: ''; position: absolute; width: 2px; height: 2.25rem; top: 50%; margin-top: -1.125rem; background: #dce3e6; left: 0; z-index: 2;*/ } .mad-search-section > .button-src { position: relative; padding: 0 18px; font-size: 1.75rem; line-height: 3rem; color: #a2a2a2; } .mad-actions { display: flex; justify-content: flex-end; column-gap: 2rem; font-size: 1rem; font-weight: 800; } .mad-actions .mad-col > a:not(.btn), .mad-actions .mad-col > button:not(.btn) { position: relative; font-size: 1.75rem; color: #2e3133; } .mad-actions span { color: #fff; } .mad-actions > .mad-col { display: flex; align-items: center; position: relative; } /* .mad-actions .mad-col > a:not(:last-child), .mad-actions .mad-col > button:not(:last-child) { margin-right: 0.5rem; } */ .mad-actions .mad-col > a .basket-count, .favourite-count { position: absolute; width: 1.125rem; height: 1.125rem; background: #3bb67d; color: #fff; border-radius: 50%; text-align: center; line-height: 1.125rem; font-size: 11px; font-weight: 600; bottom: -4px; right: -6px; } /*basket-count { font-size: 13px; position: absolute; z-index: 23; top: -6px; right: -11px; line-height: 20px; width: 20px; height: 20px; border-radius: 100%; text-align: center; color: #fff; background: #ef7b7a; font-family: 'HKGrotesk', sans-serif; font-weight: 500; }*/ .mad-header:not(.header-2):not(.header-3) .mad-shipping { color: #fff; text-align: right; width: 100%; line-height: 1.5rem; } .mad-shipping i { font-size: 1.5rem; margin-right: 0.5rem; } .mad-shipping span { font-weight: bold; } .mad-logo { display: block; width: 115px; } /* Header 2 */ .mad-promo { position: relative; background: #1f5373; } .mad-promo-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 1rem; column-gap: 1rem; padding: 2rem 0; } .promo-title { color: #f0e259; font-size: 1.125rem; line-height: 1.5rem; font-weight: 500; } .promo-title span { text-transform: uppercase; font-weight: 800; } .promo-close { position: absolute; top: calc(50% - 1rem); right: 2rem; width: 2rem; min-width: 2rem; display: block; height: 2rem; border-radius: 50%; background: #dce3e6; color: #2e3133; text-align: center; font-size: 1.25rem; line-height: 2rem; z-index: 9; } .promo-close:after { content: 'close'; font-family: "Material Icons"; } .header-2 .mad-shipping, .header-3 .mad-shipping { color: #2e3133; } .header-2 .mad-navigation > li:not(:last-child), .header-3 .mad-navigation > li:not(:last-child), .header-4 .mad-navigation > li:not(:last-child) { border: none; } .header-2 .mad-navigation, .header-3 .mad-navigation, .header-4 .mad-navigation { column-gap: 2rem; } .header-2 .mad-navigation > li:hover > a, .header-2 .mad-navigation > li.current-menu-item > a, .header-3 .mad-navigation > li:hover > a, .header-3 .mad-navigation > li.current-menu-item > a, .header-4 .mad-navigation > li:hover > a, .header-4 .mad-navigation > li.current-menu-item > a { background: none; } .header-2 .mad-header-section--sticky-xl { padding: 1.25rem 0; } .header-2 .mad-header-section { padding: 0; } .header-2 [class*="mad-header-section--sticky"].mad-header-section--sticked { background: #fff; } .header-2 .row:not(.col-no-space), .header-4 .row:not(.col-no-space) { position: relative; margin-bottom: 0; } .header-2 .row:not(.col-no-space) > [class*="col"], .header-4 .row:not(.col-no-space) > [class*="col"] { position: initial; padding-bottom: 0; } .header-2 .mad-navigation .mega-menu > .sub-menu, .header-2 .mad-navigation .sub-menu { margin-top: 1rem; } .header-2 .mad-actions { padding-top: 0.75rem; } .header-2 .mad-icon-boxes.our-info .mad-icon-box { padding-left: 3.5rem; } .header-2 .mad-cat-toggle { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .header-2 .mad-shipping i, .header-3 .mad-shipping i { font-size: 1.25rem; margin-right: 4px; } .mad-header.header-2 .mad-navigation > li:not(.mega-menu) > .sub-menu, .mad-header.header-3 .mad-navigation > li:not(.mega-menu) > .sub-menu, .mad-header.header-4 .mad-navigation > li:not(.mega-menu) > .sub-menu { margin-left: -2rem; } .header-2 [class*="mad-header-section--sticky"] .mad-header-sticky .mad-actions { padding-top: 0; } /*.header-2 [class*="mad-header-section--sticky"].mad-header-section--sticked .mad-header-sticky .mad-icon-box, .header-2 [class*="mad-header-section--sticky"]:not(.mad-header-section--sticked) .mad-header-sticky .mad-actions, .header-3 [class*="mad-header-section--sticky"].mad-header-section--sticked .mad-header-sticky > .btn, .header-3 [class*="mad-header-section--sticky"]:not(.mad-header-section--sticked) .mad-header-sticky .mad-actions { display: none; }*/ .mad-header-sticky .mad-actions { /*justify-content: end;*/ } .mad-header-non-sticky { position: absolute; right: -1.8rem; top: -167%; } .mad-header-sticky { position: relative; right: 0; } .mad-header-sticky .acc { display: none; } .mad-navigation .offer-menu i { color: #3bb67d; font-size: 26px; } /* Header 3 */ .mad-header.header-3 { /*background: #1b4763;*/ } .mad-header.header-3 .mad-header-section--sticky-xl { background: #fff; padding: 1rem 0; } .mad-header.header-3 .mad-pre-header .mad-header-item { width: 33.3333%; } .mad-header.header-3 .mad-pre-header .mad-header-item:nth-child(2) { justify-content: center; } .mad-header.header-3 .mad-pre-header .mad-header-item:nth-child(3) { justify-content: flex-end; column-gap: 1.5rem; } .mad-header.header-3 .mad-pre-header { background: #fff; } .mad-header.header-3 .mad-pre-header .mad-our-info .mad-info span { color: #26658c; } .mad-header.header-3 .mad-search-section { /*border: 0;*/ } .mad-header.header-3 .mad-actions .mad-col > a, /*.mad-header.header-3 .mad-actions .mad-col > span,*/ .mad-header.header-3 .mad-actions .mad-dropdown-title, .mad-header.header-3 .mad-dropdown-title span.price-text { color: #515759; } .header-3 .mad-header-section { padding-bottom: 0; border-bottom: 1px solid #e5e5e5; } .mad-header.header-3 .mad-actions .mad-col > a:hover, .mad-header.header-3 .mad-actions .mad-dropdown-title:hover { color: #50bfb4; } /*.header-3 .mad-navigation > li.mad-special > a, .header-3 .mad-navigation > li.mad-special:hover > a { background: #d94945; padding: 0 1rem; border-radius: 0.5rem; color: #fff; }*/ .header-3 .mad-navigation > li.mad-special > a { background: #8bc34a; padding: 0 1rem; /*border-radius: 40px;*/ border-radius: 4px; color: #fff!important; -webkit-animation: pulse 1.35s infinite; } .header-3 .mad-navigation > li.mad-special:hover > a { background: #fff; } .e_bannerslider { padding: 30px 10px; background: #eaf8f8; } .e_bannerslider .swiper-container { border-radius: 20px; } @-webkit-keyframes pulse { 0% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(203, 249, 149, .40); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(203, 249, 149, .40); } } @-webkit-keyframes pulse2 { 0% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0px 0px 15px rgba(70,166,156,0.55); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(70,166,156,0.55); } } @-webkit-keyframes themePulse { 0% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(27, 71, 99, .40); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(27, 71, 99, .40); } } .header-3 .mad-header-section--sticky-xl .mad-header-items { justify-content: space-between; } .header-3 .mad-header-section--sticky-xl .mad-header-items > *:last-child { flex: none; } .header-3 .mad-navigation .sub-menu { margin-top: 0rem; } .header-3 .mad-navigation > li:nth-child(2) { /*margin-left: -1.25rem;*/ } /* Header 4 */ .mad-header.header-4 .mad-pre-header { background: #1f5373; color: #c5d3d9; border: none; } .mad-header.header-4 .mad-pre-header .mad-our-info .mad-info span, .mad-header.header-4 .mad-pre-header .mad-link, .mad-header.header-4 .mad-pre-header .mad-dropdown-title { color: #4abfd9; } .mad-header.header-4 .mad-pre-header .mad-quick-links { color: #c5d3d9; } .mad-header.header-4 .mad-navigation > li > a { line-height: 3rem; } .mad-header.header-4 .mad-header-section--sticky-xl { padding: 1.75rem 0; background: #fff; } .mad-header.header-4 .mad-navigation .sub-menu { margin-top: 1.75rem; } /* ---------------------------------------- Header Section ---------------------------------------- */ .mad-header-section { display: block; padding: 1.5rem 0; } .mad-header .row:not(.col-no-space) { margin-bottom: 0rem; } .mad-header .row:not(.col-no-space) > [class*="col"] { padding-bottom: 1rem; } /* ---------------------------------------- Header Items ---------------------------------------- */ .mad-header-items { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; } .mad-navigation-container { display: flex; } .mad-header-section--sticky-xl .mad-header-items { justify-content: flex-start; } .mad-header-section--sticky-xl .mad-header-items > *:last-child { flex: 1; } .mad-header-section--sticky-xl .mad-header-item.mb-odr-2 { display: flex; justify-content: space-between; } /* ---------------------------------------- Navigation ---------------------------------------- */ .mad-navigation { z-index: 4; text-align: initial; display: flex; } .mad-navigation > li { position: relative; vertical-align: top; } .mad-navigation > li > a { color: #fff; background: #26648a; font-size: 15px; padding: 0 2rem; line-height: 4rem; white-space: nowrap; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); display: block; position: relative; font-weight: 700; } .mad-navigation > li > a i { font-size: 20px; } .mad-navigation > li.menu-item-has-children > a::after { content: "keyboard_arrow_down"; font-family: 'Material Icons'; display: inline-block; line-height: 1rem; vertical-align: middle; font-size: 1.125rem; margin-left: 0.25rem; max-width: 0.875rem; } .mad-navigation > li:not(:last-child) { border-right: 1px solid #1f5373; } .mad-navigation > li:hover > a, .mad-navigation > li.current-menu-item > a { background: #1f5373; color: #50bfb4; } .mad-navigation .mad-header-section--border + [class*="mad-header-section"] .mad-navigation:not(.mad-navigation--bottom-underlined) > li > a::before { top: -1px; } .mad-navigation--bottom-underlined > li > a::before { bottom: 0; top: auto; } .mad-navigation .menu-item-has-children:hover, .mad-navigation .menu-item-has-children.mad-seleceted, .mad-navigation .menu-item-has-children.mad-tapped { z-index: 2; } .mad-mobile-nav-btn { background-color: #46a69c; } .mad-navigation .sub-menu { width: 16.25rem; font-size: 0.9rem; padding: 1.5rem 2rem; /*padding: 1rem;*/ line-height: 1.5rem; font-weight: 500; position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; color: #fff; background-color: #fff; border-radius: 0 0 4px 4px; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); -moz-box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); pointer-events: none; } .menu-item.mad-special.mega-menu:after { width: 130px; position: absolute; bottom: -25px; height: 25px; } .menu-item.mad-special.mega-menu:hover:after { content: ""; } .mad-navigation .sub-menu a:not(.btn) { color: #2e3133; } .mad-navigation .sub-menu > li > a { display: block; } .mad-navigation .sub-menu li.menu-item:not(.sub-menu-aside):not(:last-child) { margin-bottom: 0.9rem; } .mad-navigation .sub-menu:not(.with-aside).mad-reverse { left: auto; right: 0; } .mad-navigation .sub-menu .sub-menu { top: -1.5rem; left: 100%; margin-left: 2.375rem; border-top-right-radius: 1rem; } .mad-navigation .sub-menu .sub-menu.mad-reverse { left: auto; right: 100%; margin-left: 0; margin-right: 2.375rem; border-top-right-radius: 0; border-top-left-radius: 1rem; } .mad-navigation .sub-menu .menu-item-has-children { position: relative; padding-right: 2rem; } .mad-navigation .sub-menu .menu-item-has-children > a:not(.sub-title)::after { font-family: 'Material Icons'; content: "arrow_forward"; position: absolute; right: 0; font-size: 1.25rem; line-height: inherit; width: 14px; top: 0; z-index: 1; } .sub-menu.with-aside { padding: 0; } .sub-menu.with-aside > ul { padding: 1.5rem 2rem; } .sub-menu-aside { width: 100%; } .sub-menu-aside .mad-banner { border-radius: 0; padding: 2rem; padding-top: 64px; } .sub-menu-aside .mad-banner h3.mad-title { font-size: 2rem; line-height: 2rem; } .sub-menu-aside .mad-banner h2.mad-title.big-title { font-size: 2.5rem; line-height: 2.5rem; } .sub-menu-aside .mad-banner h6.mad-title.style-3 { font-size: 0.875rem; line-height: 1rem; } .sub-menu-aside .mad-banner .content-element-4:not(:last-child) { margin-bottom: 1.5rem; } .sub-menu-aside .mad-banner .mad-title.style-3:not(:last-child), .sub-menu-aside .mad-banner .mad-title:not(:last-child) { margin-bottom: 0; } .mad-special .sub-menu-aside .mad-banner { height: 100%; } .mad-no-touchevents .mad-navigation .sub-menu li:hover > a, .mad-no-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-selected > a, .mad-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-tapped > a, .mad-navigation .sub-menu .current-menu-item > a, .mad-navigation .sub-menu .current-menu-ancestor > a, .mad-navigation .sub-menu .current-menu-parent > a { color: #46a49c; } .mad-no-touchevents .menu-item-has-children:hover > .sub-menu, .mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu, .mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu { opacity: 1; visibility: visible; pointer-events: all; } .mad-csstransforms3d .mad-navigation .sub-menu { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children:hover > .sub-menu, .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu, .mad-csstransforms3d.mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mad-mobile-nav-btn { width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.5rem; text-align: center; line-height: 4rem; color: #fff; display: none; } .header-2 .mad-mobile-nav-btn, .header-3 .mad-mobile-nav-btn, .header-4 .mad-mobile-nav-btn { border-radius: 1rem; height: 3rem; width: 3rem; line-height: 3rem; } .mad-mobile-nav-btn::after { content: 'menu'; font-family: 'Material Icons'; } .mad-mobile-nav-btn.mad-opened { background-color: #3b8c84; } .mad-browse-cat { position: relative; z-index: 2; } .mad-cat-toggle { background: #46a69c; color: #fff; padding: 1.5rem 2rem; padding-right: 5rem; font-weight: 500; font-size: 1.125rem; line-height: 1rem; white-space: nowrap; min-width: 20.5rem; text-align: left; } .mad-cat-toggle.toggled { background: #3b8c84; } .mad-cat-toggle:after { content: 'menu'; position: absolute; font-family: 'Material Icons'; font-size: 1.5rem; top: 0; right: 1.875rem; line-height: 4rem; } .mad-cat-menu { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; padding: 1.5rem 2rem; font-size: 1rem; line-height: 1.5rem; border-radius: 0 0 1rem 1rem; display: none; -webkit-box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); -moz-box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); } .mad-cat-menu.menu-open { display: block; } .mad-cat-menu li a:hover { color: #46a69c; } .mad-cat-menu > li.with-sub-menu > a { position: relative; } .mad-cat-menu > li.with-sub-menu > a:after { content: 'chevron_right'; font-family: 'Material Icons'; position: absolute; top: 0; right: 0; line-height: 1.5rem; font-size: 1.5rem; max-width: 1.125rem; } .mad-cat-menu > li:not(:last-child), .sub-menu > li > ul > li:not(:last-child), .mad-cat-menu li .sub-title { margin-bottom: 1rem; } .mad-cat-menu li .sub-title { color: #2e3133; } .mad-cat-menu > li.hidden { display: none; } .mad-cat-menu li a { color: #2e3133; display: block; } .mad-cat-menu li .sub-menu { position: absolute; left: 100%; top: 0; width: 61.5rem; margin-left: 4px; background: #fff; padding: 1.5rem 2rem; display: flex; flex-wrap: wrap; min-height: 37rem; column-gap: 1rem; row-gap: 1rem; background: no-repeat bottom right 32px #fff; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; -webkit-box-shadow: 0px 0px 16px 0px rgb(46 49 51 / 15%); -moz-box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); box-shadow: 0px 0px 16px 0px rgb(46 49 51 / 15%); transition: all .5s ease; opacity: 0; visibility: hidden; } .mad-cat-menu > li:hover .sub-menu { opacity: 1; visibility: visible; } .mad-cat-menu li .sub-menu > * { flex: 1; } .mad-vr-wrap nav { position: relative; z-index: 9; } .mad-vr-nav > ul > li.menu-item-has-children .sub-menu { display: none; } .mad-vr-nav > ul > li > a { font-size: 1rem; line-height: 2rem; display: block; position: relative; } .mad-vr-nav > ul > li > a:after { content: "keyboard_arrow_down"; position: absolute; right: 0; top: 0; font-family: 'Material Icons'; font-size: 1.25rem; } .mad-vr-nav .sub-menu li a { font-size: 0.875rem; line-height: 2rem; color: #26658c; } .mad-vr-nav .sub-menu { padding-left: 1.5rem; } .mad-vr-nav > ul > li:not(:last-child) { margin-bottom: 0.5rem; } .mad-vr-nav > ul > li:hover > a, .mad-vr-nav .sub-menu li:hover a { color: #2e3133; } .menu-item-has-children.rpt-li { width: 25%; } .mad-header .mad-navigation .sub-menu > li > a.sub-title { text-transform: uppercase; color: #46a49c!important; letter-spacing: 1px; } .rpt-li .sub-title strong { display: flex; width: 100%; margin-bottom: 10px; } .rpt-li { margin-bottom: 5px !important; } .rpt-li a { position: relative; display: inline-flex !important; flex-direction: column; justify-content: flex-start; align-items: flex-start; line-height: normal; font-weight: 600; -webkit-transition: 0.35s; transition: 0.35s; opacity: 1 !important; } .rpt-li a:not(.sub-title):hover { padding-left: 5px; } .rpt-li a:not(.sub-title)::before { content: ''; position: absolute; bottom: -3px; right: 0; width: 0; height: 2px; background-color: #46a49c; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1); } @media (hover: hover) and (pointer: fine) { } .rpt-li a:hover::before { left: 7px; right: auto; width: calc(100% - 7px); } .rpt-li .sub-title span { font-size: 10px; color: #000; /*height: 180px; overflow: hidden;*/ } .rpt-li .sub-title span img { max-height: 100%; } .rpt-li a strong { font-weight: inherit; } @media screen and (min-width:1199px) { .menu-item ul.sub-menu.inner-sub-menu { display: block !important; opacity: 1 !important; visibility: visible !important; height: auto !important; } } /* ---------------------------------------- Breadcrumb ---------------------------------------- */ .mad-breadcrumb { padding: 20px 0; /*color: #747c80; background: #ecf6f5;*/ background: linear-gradient(266deg, rgba(197,244,245,1) 0%, rgba(251,255,245,1) 100%); color: #000; } .mad-breadcrumb-path:not(:last-child) { margin-bottom: 1.25rem; } .mad-breadcrumb-path { font-size: 0.9rem; font-weight: 500; line-height: 1.25rem; vertical-align: baseline; } .mad-breadcrumb-path > span { display: inline-block; } .mad-breadcrumb .mad-page-title { font-weight: normal; letter-spacing: -1.5px; } .mad-breadcrumb.single-page { padding: 20px 0; } .mad-breadcrumb.with-bg-img { background-size: cover; padding: 12.75rem 0 12rem; color: #c5d3d9; } .mad-breadcrumb.with-bg-img .mad-page-title { color: #fff; } .mad-breadcrumb.with-bg-img .mad-link { color: #4abfd9; } .mad-breadcrumb.single-page:not(.align-center) .mad-breadcrumb-path { position: relative; padding-right: 6rem; } .mad-breadcrumb .mad-pagination { position: absolute; right: 0; top: 50%; margin: 0; margin-top: -1rem; } .mad-link-color, .mad-link { color: #0e6567; } .mad-breadcrumb-path .textRed_ew.active.disabled { color: #000 !important; } /* ---------------------------------------- Sections ---------------------------------------- */ .mad-content { padding-top: 5rem; padding-bottom: 5rem; } .mad-section { position: relative; padding-top: 2rem; padding-bottom: 2rem; } .mad-section-img { padding-bottom: 35%; } .mad-content.no-pt, .mad-section.no-pt { padding-top: 0; } .mad-content.no-pb, .mad-section.no-pb { padding-bottom: 0; } .mad-content.no-pd, .mad-section.no-pd { padding-top: 0; padding-bottom: 0; } .mad-section.size-2 { padding: 9rem 0; } .mad-section--parallax { background-size: auto; } .mad-section.with-border { border-radius: 1rem; overflow: hidden; } .mad-section.very-small-size { padding: 2rem 0; } .mad-img { display: block; overflow: hidden; border-radius: 1rem; } .mad-img img { width: 100%; } .content-element:not(:last-child) { margin-bottom: 0.5rem; } .content-element-2:not(:last-child) { margin-bottom: 1rem; } .content-element-3:not(:last-child) { margin-bottom: 1.5rem; } .content-element-4:not(:last-child) { margin-bottom: 2rem; } .content-element-5:not(:last-child) { margin-bottom: 2.5rem; } .content-element-6:not(:last-child) { margin-bottom: 3rem; } .content-element-7:not(:last-child) { margin-bottom: 3.5rem; } .content-element-8:not(:last-child) { margin-bottom: 4rem; } .content-element-9:not(:last-child) { margin-bottom: 4.5rem; } .content-element-10:not(:last-child) { margin-bottom: 5rem; } .mad-section > .mad-page-title { margin-top: -0.5rem; } /* ---------------------------------------- Sidebar ---------------------------------------- */ /* ---------------------------------------- Widgets ---------------------------------------- */ .mad-widget { font-size: 1rem; line-height: 1.5rem; } .mad-sidebar h5.mad-widget-title { font-size: 1.25rem; line-height: 1.5rem; } .mad-widget-title.color-2 { color: #46a69c; } .mad-widget:not(:last-child) { margin-bottom: 3rem; } .mad-widget:last-child { margin-bottom: 2rem; } .mad-widget-bg { background: #f6f8f8; padding: 2rem 1rem; border-radius: 4px; } .mad-toggled-fields.style-2 input[type="checkbox"] + label[for]:hover, .mad-toggled-fields.style-2 input[type="checkbox"] + label[for]:hover, .mad-toggled-fields.style-2 input[type="checkbox"]:checked + label[for] { color: #2e3133; } .fb_iframe_widget { border-radius: 8px; overflow: hidden; display: inline-block!important; } /* ---------------------------------------- Tags ---------------------------------------- */ .tagcloud { display: flex; flex-wrap: wrap; margin: -4px; } .tagcloud > a { color: #26658c; font-size: 0.875rem; line-height: 2rem; white-space: nowrap; padding: 0 0.5rem; display: inline-block; border-radius: 4px; margin: 4px; background: #dce3e6; } .tagcloud > a:hover { background: #24aeb1; color: #fff; } .tags-wrap { display: flex; flex-wrap: wrap; align-items: center; } .tags-wrap > span { padding-right: 1rem; } /* ---------------------------------------- Search ---------------------------------------- */ /* ---------------------------------------- Banner ---------------------------------------- */ .mad-big-banner { position: relative; background-size: cover; padding: 5rem 4.5rem; border-radius: 1.5rem; overflow: hidden; } .mad-big-banner .mad-big-banner-inner { max-width: 35rem; } /* ---------------------------------------- Entities ---------------------------------------- */ .mad-sidebar .mad-entities.mad-entity-hr .mad-entity .mad-entity-media { min-width: 6rem; max-width: 6rem; } .mad-sidebar .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-title { font-size: 1rem; line-height: 1.25rem; } .mad-sidebar .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-title:not(:last-child) { margin-bottom: 0; } .mad-sidebar .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-icon .svg { height: 2.1875rem; } .mad-sidebar .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-icon:after { width: 2rem; height: 2rem; } /* ---------------------------------------- Calendar ---------------------------------------- */ .calendar_wrap:not(:last-child) { margin-bottom: 1.5rem; } .calendar_wrap { position: relative; border-radius: 8px; overflow: hidden; } .calendar_wrap table tr th:last-child { width: auto; } .calendar_wrap table { font-size: 0.875rem; line-height: 1.5rem; border-width: 0; font-size: 1rem; border-radius: 0; background: #f6f8f8; } .calendar_wrap table tbody { position: relative; } .calendar_wrap table caption { color: #fff; font-size: 1.125rem; line-height: 1.5rem; text-align: center; border-style: inherit; border-color: inherit; padding-top: 0.75rem; padding-bottom: 0.75rem; background: #26658c; position: relative; z-index: 2; } .calendar_wrap table tr:hover { background-color: transparent; } .calendar_wrap table thead { background-color: #4abfd9; } .calendar_wrap table thead th { font-size: 0.875rem; line-height: 2rem; font-weight: normal; color: #fff; text-transform: uppercase; } .calendar_wrap.calendar-medium table thead th { font-size: 1.25rem; line-height: 3rem; } .calendar_wrap table td > a, .calendar_wrap table td > div > a { position: relative; z-index: 1; color: #fff; } .calendar_wrap table td > a:before, .calendar_wrap table td > div > a:before { content: ''; position: absolute; background: #d94945; border-radius: 50%; width: 2rem; height: 2rem; top: 50%; left: 50%; margin-top: -1rem; margin-left: -1rem; line-height: 2rem; z-index: -1; } .calendar_wrap table td { font-size: 0.875rem; } .calendar_wrap.calendar-medium table td { font-size: 1.25rem; } .calendar_wrap table td.marker { position: relative; z-index: 1; } .calendar_wrap table td.marker:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fbf8f7; z-index: -1; } .calendar_wrap table td .marker { background: #ecf0f1; height: 100%; line-height: inherit; display: flex; justify-content: center; align-items: center; } .calendar_wrap table td.first { color: #959595; } .calendar_wrap table th, .calendar_wrap table td { padding: 0; text-align: center; line-height: 3rem; vertical-align: middle; border-top: none; } .calendar_wrap table tr td:not(:last-child) { border-right: 1px solid #dcdcdc; } .calendar_wrap table tfoot td { padding: 1.4rem 0 0; border-width: 0; } .calendar_wrap table tfoot #prev a, .calendar_wrap table tfoot #next a { font-size: 0.8125rem; line-height: 1.5rem; font-weight: 800; border: none; letter-spacing: 1.8px; text-transform: uppercase; } .calendar_wrap table tfoot #prev { text-align: left; } .calendar_wrap table tfoot #next { text-align: right; } .calendar_wrap table .calendar-caption-prev, .calendar_wrap table .calendar-caption-next { display: block; position: absolute; top: 0; line-height: 3rem; height: 100%; font-size: 1.5rem; width: 3rem; text-align: center; color: #fff; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .calendar_wrap.calendar-medium table .calendar-caption-prev, .calendar_wrap.calendar-medium table .calendar-caption-next { line-height: 4rem; font-size: 2rem; width: 3.875rem; } .calendar_wrap table .calendar-caption-prev:hover, .calendar_wrap table .calendar-caption-next:hover { color: #d94945; } .calendar_wrap table .calendar-caption-prev i, .calendar_wrap table .calendar-caption-next i { font-size: 1.5rem; } .calendar_wrap table .calendar-caption-prev { left: 0; } .calendar_wrap table .calendar-caption-next { right: 0; } /* ---------------------------------------- Recent Comments ---------------------------------------- */ .mad-widget .recentcomments li:not(:last-child) { margin-bottom: 1rem; } .mad-widget .recentcomments li { position: relative; padding-left: 2rem; line-height: 1.5rem; font-size: 1rem; } .mad-widget .recentcomments li:before { position: absolute; font-family: 'Material Icons Outlined'; content: 'comment'; font-size: 1.125rem; top: 0; left: 0; line-height: 1.5rem; color: #2e3133; } .mad-widget .recentcomments li a { color: #26658c; } .mad-widget .recentcomments li a:hover { color: #2e3133; } /* ---------------------------------------- Email ---------------------------------------- */ /* ---------------------------------------- Sponsors widget ---------------------------------------- */ .mad-sponsors:not(.owl-carousel) { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin: -2rem -1rem 0; align-items: center; } .mad-sponsors:not(.owl-carousel) > .mad-grid-item { padding: 2rem 1rem 0; width: 16.6666%; } .mad-sponsors a { display: block; overflow: hidden; border-radius: 8px; border: 2px solid #dce3e6; padding: 30px; text-align: center; } .mad-sponsors a:not(:last-child) { margin-bottom: 2rem; } .mad-sponsors a:hover { border-color: #26658d; } .mad-sponsors.owl-carousel .owl-nav { display: block; } /* ---------------------------------------- Products ---------------------------------------- */ .mad-widget .mad-products.hr-type .mad-product { border: none; padding: 0; } .mad-widget .mad-products.hr-type .mad-product:not(.big-type) .mad-product-image { max-width: 6rem; } .mad-widget .mad-products.hr-type .mad-product:not(:last-child) { margin-bottom: 1.5rem; } /* ---------------------------------------- Footer ---------------------------------------- */ .mad-footer { color: #979494; background: #fff; padding: 5rem 0; font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; } .mad-footer address { font-style: normal; } .mad-footer address:not(:last-child) { margin-bottom: 0.8rem; } .mad-footer .mad-icon-btn { color: #2e3133; font-size: 1.875rem; } .mad-footer .mad-widget { font-size: 0.875rem; line-height: 1.5rem; } .mad-footer p { font-size: 13px; } .mad-footer .border-right .mad-widget { border-right: 1px solid #dddddd; padding-right: 1rem; } .social-col .social li { margin-bottom: 5px; } .social-col .social a { margin: auto 0; display: flex; align-items: center; } .social-col .social a img { height: 20px; margin-right: 5px; } .mad-footer .social-col .mad-widget { border-left: 1px solid #dddddd; padding-left: 45px; } .mad-footer .mad-vr-list p.small { font-size: 14px; } .mad-footer-main:not(:last-child) { margin-bottom: 2.5rem; } .mad-footer-bottom .d-flex-sec { display: flex; align-items: center; justify-content: center; } .mad-footer-bottom .rpt-menu-btm { display: flex; justify-content: flex-end; margin-right: 22%; } .mad-footer-bottom .rpt-menu-btm li { padding: 10px; } .mad-footer-bottom .col-md-6.m-auto { margin: auto; } .mad-footer-bottom .pb-2 { padding-bottom: 20px !important; } .mad-sub-wrap p { font-size: 17px; color: #2e3133; padding: 10px; } .bg-img-news { background-image: url('../images/bgf-newsletter.png'); background-repeat: no-repeat; background-position: left; } .mad-sub-wrap row { margin-bottom: 0px !important; } /*.mad-footer-bottom:not(:only-child) { margin-top: 2.5rem; } .mad-footer-bottom p:not(:last-child) { margin-bottom: 0; }*/ /* Footer 2 */ .mad-footer.footer-2 { background: #1f5373; color: #c5d3d9; font-size: 0.875rem; line-height: 1.5rem; } .mad-footer.footer-2 .mad-widget-title { color: #fff; } .mad-footer.footer-2 a { color: #4abfd9; } .mad-footer .btn-set { flex-wrap: nowrap; } .mad-footer .btn-set > .mad-col { min-width: 5.5rem; } .mad-footer .btn-set > .mad-col a { display: block; } .mad-footer .btn-set > .mad-col a:not(:last-child) { margin-bottom: 0.5rem; } .mad-footer.footer-2 .mad-footer-bottom { color: #c5d3d9; } /* Footer 3 */ .mad-footer.footer-3 { padding-bottom: 0; padding-top: 3rem; } .mad-footer.footer-3 a.logo:not(:last-child) { display: block; margin-bottom: 1.5rem; } .mad-footer.footer-3 .mad-footer-bottom { position: relative; padding: 2rem 0 0rem 0; margin-top: 4.625rem; } .mad-footer.footer-3 .mad-footer-bottom:before { content: ''; position: absolute; top: 0; left: 0px; right: 0px; height: 1px; background: #dce3e6; } /* Footer 4 */ .mad-footer.footer-4 { background: #f6f8f8; border-top: 4px solid #1f5373; } .mad-footer.footer-4 .copyrights { color: #747c80; } .mad-sides { display: flex; flex-direction: column; justify-content: space-between; } .copyrights a:hover { color: #2e3133; } /* ---------------------------------------- Grid ---------------------------------------- */ [class*="item-col-"]:not(.no-gutters) { /*margin: -3rem -1rem 0;*/ } [class*="item-col-"]:not(.no-gutters) > * { padding: 3rem 1rem 0; } .mad-grid--isotope[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-grid--isotope[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .item-col-1 > * { width: 100%; } .item-col-2 > * { width: 50%; } .item-col-3 > * { width: 33.3333%; } .item-col-4 > * { width: 25%; } .item-col-5 > * { width: 20%; } .item-col-6 > * { width: 16.6666%; } .row:not(.col-no-space) { margin-bottom: -3rem; } .row:not(.col-no-space) > [class*="col"] { padding-bottom: 3rem; } .row:not(.col-no-space) { margin-bottom: -3rem; } .row:not(.col-no-space) > [class*="col"] { padding-bottom: 3rem; } .row.vr-size-1:not(.col-no-space) { margin-bottom: -2rem; } .row.vr-size-1:not(.col-no-space) > [class*="col"] { padding-bottom: 2rem; } .row.vr-size-2:not(.col-no-space) { margin-bottom: -5rem; } .row.vr-size-2:not(.col-no-space) > [class*="col"] { padding-bottom: 5rem; } .row.hr-size-1:not(.col-no-space) { margin-left: -0.5rem; margin-right: -0.5rem; } .row.hr-size-1:not(.col-no-space) > [class*="col"] { padding-left: 0.5rem; padding-right: 0.5rem; } .row.hr-size-2:not(.col-no-space) { margin-left: -2.25rem; margin-right: -2.25rem; } .row.hr-size-2:not(.col-no-space) > [class*="col"] { padding-left: 2.25rem; padding-right: 2.25rem; } .row.hr-size-3:not(.col-no-space) { margin-left: -2rem; margin-right: -2rem; } .row.hr-size-3:not(.col-no-space) > [class*="col"] { padding-left: 2rem; padding-right: 2rem; } .row.vr-size-3:not(.col-no-space) { margin-bottom: -6rem; } .row.vr-size-3:not(.col-no-space) > [class*="col"] { padding-bottom: 6rem; } /* ---------------------------------------- Modals ---------------------------------------- */ .mad-modal { position: relative; width: 100%; height: 100%; } /* ---------------------------------------- Arctic Modal ---------------------------------------- */ .arcticmodal-container { background-color: #fff; } .arcticmodal-container_i2 { padding: 0; height: 100%; } .arcticmodal-container table { background-color: transparent; border: none; } .arcticmodal-container table tr { border: none; -webkit-transition: none; transition: none; } .arcticmodal-container table tr:hover { background-color: transparent; } .arcticmodal-close { font-size: 2rem; color: #2e3133; position: absolute; right: 4rem; top: 4rem; } .arcticmodal-close:hover { color: #46a69c; } .arcticmodal-close i { font-size: 2.5rem; } /* ---------------------------------------- Search Modal ---------------------------------------- */ .mad-modal--search .arcticmodal-container_i2 { vertical-align: middle; } .mad-modal--search { display: flex; align-items: center; justify-content: center; position: relative; } .mad-modal--search .mad-title { margin-right: 2rem; } .mad-modal--search .mad-title:not(:last-child) { margin-bottom: 0; } .mad-modal--search form { width: 40%; display: flex; } .mad-modal--search form input { width: 100%; height: 4rem; border: 2px solid #dce3e6; border-radius: 1rem; } .mad-modal--search form button { width: 4rem; height: 4rem; min-width: 4rem; text-align: center; padding: 0; color: #012533; border-radius: 5px; margin-left: 0.5rem; position: relative; } .mad-modal--search form button i { font-size: 1.5rem; } /* ---------------------------------------- Responsive Iframe ---------------------------------------- */ .mad-responsive-iframe { position: relative; height: 0; padding-bottom: 56%; } .mad-responsive-iframe > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mad-fullwidth-iframe > iframe { width: 100%; } .mad-responsive-iframe.size-2 { padding-bottom: 42%; } /* ---------------------------------------- Comments ---------------------------------------- */ .comments-list { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .comments-list > .comment:first-child { margin-top: -2.5rem; } .comment { font-size: 1rem; line-height: 1.5rem; padding-top: 2.5rem; } .comment .fn { font-size: 1.125rem; line-height: 1.5rem; color: #2e3133; display: block; font-style: normal; font-weight: bold; } .comment-author-avatar { float: left; margin-right: 1.25rem; position: relative; z-index: 2; } .comment .children > li, .comment.comment-has-children > .comment-body > .comment-author-info { position: relative; } .comment-author-info { padding-left: 6.5rem; } .comment-meta { font-size: 0.875rem; line-height: 1rem; margin-bottom: 0.75rem; color: #747c80; font-weight: 500; display: flex; flex-wrap: wrap; justify-content: space-between; } .comment-meta time { font-style: normal; } .mad-text-link { color: #26658c; } .mad-text-link i { font-size: 1rem; line-height: inherit; } .mad-text-link:hover { color: #2e2133; } .comment-meta > * { margin-top: 0.5rem; } .comment-meta > * i { font-size: 1.25rem; } .comment-content:not(:last-child) { margin-bottom: 0.1rem; } .comment-actions { font-size: 0.6875rem; line-height: 1.75rem; text-transform: uppercase; color: #b1b1b1; letter-spacing: 0.82px; margin-left: -0.5rem; margin-right: -0.5rem; } .comment-actions > a { margin-left: 0.5rem; margin-right: 0.5rem; } .comment::after { content: ""; display: block; clear: both; } .comment .children { padding-left: 2.5rem; overflow: hidden; } .reviewSlider .swiper-slide { min-height: 100px !important; } /*.reviewSlider .cat_pre_btn { position: unset; }*/ .reviewSlider .month_pre_btn { display: flex; justify-content: space-between; position: initial; align-items: center; padding: 0px 5px 0px 20px; background: #fffef4; border-bottom: 1px solid #ddd; } .reviewSlider.comments-list .comment { padding: 15px 25px !important; background-color: #fffef4; margin: 0px; margin-bottom: 0px; border-radius: 4px; color: #000; margin-bottom: 10px; position: relative; } /*.reviewSlider .cat_pre_btn .swiper-button-prev { left: 0px !important; } .reviewSlider .cat_pre_btn .swiper-button-next { right: 0px !important; }*/ .reviewSlider .product_comments .comment-content { margin-bottom: 0px; } .reviewSlider .comment-body { width: 100%; } .reviewSlider .product_comments .fn { font-size: 0.95rem; } .reviewSlider .reviewHead { font-size: 16px; font-weight:bold} .reviewSlider .reviewNav { display: flex; justify-content: flex-end; position: initial; align-items: center; padding: 5px; } /* ---------------------------------------- 3. Components ---------------------------------------- */ /* ---------------------------------------- Social icons ---------------------------------------- */ .mad-social-icons ul { display: flex; flex-wrap: wrap; margin: -0.5rem -0.75rem 0; } .mad-social-icons ul li { padding: 0.5rem 0.75rem 0; } .mad-social-icons ul li a { display: block; color: #46a69c; font-size: 1.5rem; } .mad-social-icons ul li a i { line-height: inherit; } .mad-social-icons.size-big ul li a { font-size: 2rem; } .mad-social-icons.size-big ul { margin: -1rem -1rem 0; } .mad-social-icons.size-big ul li { padding: 1rem 1rem 0; } .mad-social-icons.size-small ul li a { font-size: 1.25rem; } .mad-social-icons.size-small ul { margin: -1rem -0.75rem 0; } .mad-social-icons.size-small ul li { padding: 1rem 0.75rem 0; } .mad-social-icons.size-small-2 ul li a { font-size: 1.125rem; } .mad-social-icons.size-small-2 ul { margin: -1rem -0.75rem 0; } .mad-social-icons.size-small-2 ul li { padding: 1rem 0.75rem 0; } .mad-social-icons.style-2 ul li a { color: #eb0029; } .mad-social-icons.style-2 ul li a:hover { color: #2e3133; } .mad-social-icons.type-2 ul { margin: -0.5rem -0.25rem 0; } .mad-social-icons.type-2 ul li { padding: 11px 4px 0; } .mad-social-icons.type-2 ul li a { width: 1.5rem; height: 1.5rem; line-height: 24px; text-align: center; border-radius: 0.4rem; display: block; background: #4267b2; font-size: 11px; color: #fff; } .mad-social-icons.type-2 ul li a.color-2 { background: #55acee; } .mad-social-icons.type-2 ul li a.color-3 { background: #35465c; } .mad-social-icons.type-2 ul li a.color-4 { background: #cb2027; } /* ---------------------------------------- Dropcaps ---------------------------------------- */ .mad-dropcap > *:first-child:first-letter { font-size: 3rem; font-weight: 900; line-height: 1; display: block; float: left; margin-right: 0.5rem; margin-top: 0; color: #26658c; } .mad-dropcap--filled > *:first-child:first-letter { font-size: 1.875rem; font-weight: bold; color: #fff; padding: 9px 11px; text-align: center; background: #4abfd9; margin-top: 0; border-radius: 8px; } /* firefox only */ @-moz-document url-prefix() { .mad-dropcap > *:first-child:first-letter; { margin-top: 6px; } .mad-dropcap--filled > *:first-child:first-letter { margin-top: 0; padding-top: 12px; padding-bottom: 12px; } } /* ---------------------------------------- Alert Boxes ---------------------------------------- */ .mad-alert-boxes-example { margin-top: -1rem; } .mad-alert-box { font-weight: 500; font-size: 1rem; line-height: 1.5rem; padding-top: 1rem; width: 100%; flex: 1; } .mad-alert-box strong { font-weight: inherit; } .mad-alert-box-inner { position: relative; border-radius: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 4.5rem; padding-right: 3.75rem; text-align: initial; } .mad-alert-box-inner::before { font-family: 'Material Icons Outlined'; font-size: 1.75rem; line-height: 1; position: absolute; font-weight: normal; left: 2rem; top: 1.5rem; } .mad-alert-box-close { position: absolute; color: transparent; font-size: 1.25rem; line-height: 1; display: block; width: 1rem; height: 1rem; right: 1.875rem; top: 0; margin-top: 28px; overflow: hidden; } .mad-alert-box-close::-moz-selection { color: transparent; } .mad-alert-box-close::selection { color: transparent; } .mad-alert-box-close::-webkit-selection { color: transparent; } .mad-alert-box-close::after { font-family: "Material Icons"; content: 'close'; position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-weight: bold; margin-top: -0.575rem; color: #2e3133; } .mad-alert-box--success { color: #4a7309; } .mad-alert-box--success .mad-alert-box-inner { background: #e3f2f0; color: #46a69c; } .mad-alert-box--success .mad-alert-box-inner::before { content: "check_circle"; } .mad-alert-box--warning { color: #d9a934; } .mad-alert-box--warning .mad-alert-box-inner { background: #f9f2e1; color: #d9a934; } .mad-alert-box--warning .mad-alert-box-inner::before { content: "notification_important"; } .mad-alert-box--info { color: #26658c; } .mad-alert-box--info .mad-alert-box-inner { color: #26658c; background: #e5ecf1; } .mad-alert-box--info .mad-alert-box-inner::before { content: "info"; } .mad-alert-box--error { color: #d94945; } .mad-alert-box--error .mad-alert-box-inner { background: #fae9e8; } .mad-alert-box--error .mad-alert-box-inner::before { content: "highlight_off"; } .mad-csstransforms3d .mad-alert-box-close { -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 3, 0.75, 0.9); transition: transform .4s cubic-bezier(0.25, 3, 0.75, 0.9); } .mad-csstransforms3d .mad-alert-box-close:hover { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } /* ---------------------------------------- Lists ---------------------------------------- */ .mad-entity-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before, .mad-entity-content > ul > li i { font-size: 1rem; color: #4bbfd9; } .mad-entity-content ol { list-style-position: inside; list-style-type: decimal; } .mad-entity-content ol ol, .mad-entity-content ol ul { padding-left: 2rem; } .mad-entity-content ol ul > li > ul, .mad-entity-content ol ul > li > ol { padding-left: 0; } .mad-list-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-entity-content.style-2 ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before, .mad-entity-content.style-2 ul > li i { color: #2e3133; } /* ---------------------------------------- Icon List ---------------------------------------- */ .mad-list--icon > li, .mad-entity-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li { padding-left: 2rem; line-height: 1.5rem; position: relative; } .mad-list--icon > li > .icon, .mad-entity-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before { position: absolute; left: 1px; top: 0; line-height: 1.5rem; } .mad-list--icon ul, .mad-entity-content > ul:not(.mad-list--icon):not(.mad-icon-first) { padding-top: 1rem; } .mad-entity-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), .mad-list--icon > li:not(:last-child), .mad-list--icon-big > li:not(:last-child), .mad-entity-content ol:not(.mad-list--unstyled) > li:not(:last-child), .mad-entity-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), .mad-list--icon > li:not(:last-child), .mad-list--icon-big > li:not(:last-child), .mad-entity-content > ol:not(.mad-list--unstyled) > li:not(:last-child) { margin-bottom: 1rem; } /* ---------------------------------------- Vertical list ---------------------------------------- */ .mad-vr-list ul li:not(:last-child) { margin-bottom: 1rem; } .mad-footer .mad-vr-list ul li:not(:last-child) { margin-bottom: 0.5rem; } /* ---------------------------------------- Horizontal list ---------------------------------------- */ .mad-hr-list ul { display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 1rem; } /* ---------------------------------------- Our Info ---------------------------------------- */ .mad-our-info { display: flex; margin-left: 10px; align-items: center; } .mad-our-info .mad-info { margin-left: 10px; font-size: 13px; } .mad-our-info .headset { font-size: 40px; display: flex; } .mad-our-info a.support { display: inline-flex; font-size: 24px; vertical-align: middle; font-weight: 700; } .mad-our-info .mad-info a { color: #3bb67d; } .mad-our-info span { display: block; line-height: 18px; } .mad-our-info.vr-type { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .mad-our-info.vr-type { row-gap: 0.5rem; } .mad-our-info.vr-type .mad-info { display: flex; } .mad-our-info.vr-type .mad-info > i { min-width: 2rem; font-size: 1.3rem; line-height: inherit; color: #2e3133; } .mad-our-info-box .mad-our-info-item { border: 2px solid #dce3e6; border-radius: 1rem; overflow: hidden; padding: 1.875rem; display: flex; column-gap: 2rem; row-gap: 1.5rem; font-size: 1rem; line-height: 1.5rem; } .mad-our-info-box .mad-our-info-item > .mad-our-info { flex: 1; } .mad-our-info-item .mad-info-title { color: #2e3133; font-weight: bold; font-size: 1.125rem; line-height: 1.5rem; } .mad-our-info-item .mad-info-title:not(:last-child) { margin-bottom: 0.5rem; } /* ---------------------------------------- Blockquotes ---------------------------------------- */ .mad-testimonial-bg .mad-testimonial blockquote { font-size: 1.25rem; line-height: 2rem; color: #46a69c; font-weight: bold; } .mad-testimonial-bg.color-2 .mad-testimonial { background: #46a69c; } .mad-testimonial-bg.color-2 .mad-testimonial blockquote, .mad-testimonial-bg.color-2 .mad-testimonial .mad-author-name { color: #fff; } .mad-testimonial-bg.color-2 .mad-testimonial .mad-author-info cite { color: #d7e4e2; } .mad-testimonials:not(.type-3) .mad-testimonial-bg.color-2 .mad-testimonial:after { background-color: #fff; } /* ---------------------------------------- Buttons ---------------------------------------- */ .btn { padding: 1rem 1.5rem 1rem; display: inline-block; color: #fff; font-weight: normal; text-align: center; font-size: 17px; line-height: 1rem; position: relative; white-space: nowrap; font-weight: 500; letter-spacing: 0px; z-index: 1; border-radius: 4px; position: relative; background: #24aeb1; } .btn:hover { background: #24aeb196; } .btn-small { font-size: 14px; padding: 0.75rem 1rem; font-weight: 600; } .btn-big { font-size: 14px; line-height: 1.2rem; padding: 1rem 2rem 1rem; border-radius: 4px; letter-spacing: 1px; } .btn-huge { font-size: 1.5rem; line-height: 2rem; font-weight: 600; padding: 1.25rem 2.5rem; } [class*="btn"] > i { font-size: 1.25rem; display: inline-block; vertical-align: -4px; line-height: 0.5rem; } .btn-small > i { font-size: 1rem; } .btn-big > i { font-size: 1.5rem; vertical-align: -5px; } .btn-huge > i { font-size: 1.75rem; vertical-align: -7px; } [class*="btn"] > i:not(:only-child):first-child { margin-right: 0.5rem; } [class*="btn"] > i:not(:only-child):last-child { margin-left: 0.5rem; } [class*="btn"].btn-style-2 { background: #26658c; } [class*="btn"].btn-style-2:hover { background: #1f5373; } [class*="btn"].btn-style-3 { background: #24aeb1; color: #fff; } [class*="btn"].btn-style-3:hover { background: #24aeb1d9; } [class*="btn"].btn-style-4 { background: #f34770; color: #fff; } [class*="btn"].btn-style-4:hover { background: #4f4d4d; } [class*="btn"].btn-style-5 { background: #d9a934; color: #fff; } [class*="btn"].btn-style-5:hover { background: #bf962e; } [class*="btn"].btn-style-6 { background: #75bf7a; color: #fff; } [class*="btn"].btn-style-6:hover { background: #65a669; } [class*="btn"].btn-style-7 { background: #edf1f2; color: #2e3133; } [class*="btn"].btn-style-7:hover { background: #24aeb1; color: #fff; } [class*="btn"].btn-style-8 { background: #fff; color: #26658c; } [class*="btn"].btn-style-8:hover { background: #26658c; color: #fff; } .page-nav { padding-top: 50px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .page-nav .menu-button { font-size: 30px; } .btn-wrap { margin: -0.625rem; } .btn-wrap > * { margin: 0.625rem; } .prev-btn, .next-btn, .exp { font-weight: 600; margin-left: 30px; position: relative; } .prev-btn, .next-btn { border-bottom: 1px solid transparent; } .prev-btn:hover, .next-btn:hover { border-bottom-color: inherit; } .prev-btn:before, .next-btn:before, .exp:before { font-family: 'Linearicons'; content: '\e964'; font-size: 20px; color: #262626; position: absolute; font-weight: normal; left: 0; top: 0; margin-top: -3px; margin-left: -30px; } .next-btn { margin-left: 0; margin-right: 30px; } .next-btn:before { margin-left: 0; margin-right: -30px; } .next-btn:before { content: '\e965'; right: 0; left: auto; } .mad-back-to-top { width: 56px; height: 56px; padding: 0; text-align: center; position: fixed; border-radius: 50%; z-index: 103; right: 3.3%; top: 60%; color: #2e3133; background: #edf1f2; } .mad-back-to-top:hover { background: #26658c; color: #fff; } .mad-back-to-top .icon { width: 1.375rem; height: 1.1875rem; } .mad-back-to-top .icon:after { content: 'keyboard_arrow_up'; font-family: "Material Icons"; font-size: 2rem; line-height: 3.5rem; } .mad-read-more { display: inline-block; position: relative; font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #26658c; } .mad-read-more:not(.no-arrow):after { content: "arrow_forward"; font-family: 'Material Icons'; display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 3px; top: 0; } .mad-read-more:hover { opacity: 0.6; } .mad-read-more.size-2 { font-size: 1.125rem; } .btn-set { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; /*column-gap: 0.5rem; row-gap: 0.5rem;*/ } .shopping-cart .btn-set { justify-content: space-between; } .btn-set.justify-content-between { width: 100%; } .btn-set.justify-content-between > *:last-child .tags { justify-content: flex-end; } .mad-product-single .btn-set.justify-content-between .product-meta li.tags:last-child { margin-top: 0.75rem; } .btn-set.size-2 { column-gap: 1rem; row-gap: 1rem; } .btn-set.vr-type { flex-direction: column; } .btn-set.small-btns { margin: -0.25rem -0.125rem 0; } .btn-set.small-btns > * { margin: 0.25rem 0.125rem 0; } .btn-set.big-btns { margin: -1rem -0.5rem 0; } .btn-set.big-btns > * { margin: 1rem 0.5rem 0;; } .btns-set { margin: -3rem -1rem 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .btns-set > ul { width: 14.25555%; padding: 3rem 1rem 0; line-height: normal; } .btns-set ul > li:not([class*="content-element-"]):not(:last-child) { margin-bottom: 1rem; } .mad-share-btns { display: flex; flex-wrap: wrap; align-items: center; margin: -0.25rem -0.125rem 0; } .mad-share-btns > a { padding: 0.3125rem 2rem; font-size: 0.9375rem; letter-spacing: 0.1px; color: #fff!important; border-radius: 8px; font-weight: 500; margin: 0.25rem 0.125rem 0; background-image: none!important; } .mad-share-btns > a i { font-size: 0.75rem; margin-right: 0.625rem!important; margin-left: 0!important; margin-top: 0.25rem; line-height: 25px; } .mad-share-btns > a i.icon { font-size: 0.875rem; } .mad-share-btns > span { margin-right: 1rem; } .mad-paycards a { border-radius: 0.5rem; display: block; overflow: hidden; } /* ---------------------------------------- Panels (Accordions & Toggles) ---------------------------------------- */ .mad-panels-title > button { font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; text-align: initial; display: block; width: 100%; position: relative; padding: 1.9688rem 0; padding-right: 3rem; border-width: 0 0 1px 0; border-style: solid; border-color: transparent; background-clip: padding-box; color: #26658c; -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .mad-panels-title > button::after, .mad-panels-title > button::before { font-family: "Material Icons"; font-size: 1.375rem; font-weight: 400; line-height: 1; position: absolute; right: 0; top: 2rem; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; } .mad-panels-title > button::before { content: "add_circle_outline"; } .mad-panels-title > button::after { content: "remove_circle_outline"; opacity: 0; } .mad-panels-title:not(:last-child) { margin-bottom: 0; } .mad-panels-active.mad-panels-title > button::before { opacity: 0; } .mad-panels-active.mad-panels-title > button::after { opacity: 1; } .mad-panels-title:first-child > button { padding-top: 0; } .mad-panels-definition { font-size: 1rem; line-height: 1.5rem; } .mad-panels:not(.mad-panels--style-2) .mad-panels-title:not(:first-child) { margin-top: 0.5rem; } .mad-panels.mad-panels--style-2 .mad-panels-title:first-child > button::after, .mad-panels.mad-panels--style-2 .mad-panels-title:first-child > button::before { margin-top: 0; top: 0; } .mad-panels:not(.mad-panels--style-2) .mad-panels-title { border: 2px solid #dce3e6; border-radius: 1rem; padding: 0 1.875rem; } .mad-panels:not(.mad-panels--style-2) .mad-panels-definition { padding-bottom: 1.75rem; padding-left: 1.875rem; padding-right: 1.875rem; border: 2px solid #dce3e6; border-radius: 0 0 1rem 1rem; border-top: none; margin-top: -0.75rem; overflow: hidden; } .mad-panels-definition:not(:last-child) { margin-bottom: 0; } .mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mad-panels:not(.mad-panels--style-2) .mad-panels-title > button { padding: 29.5008px 0; } .mad-panels-title.mad-panels-active > button, .mad-panels-title:hover > button { color: #2e3133; } .mad-panels--style-2 .mad-panels-definition { padding-bottom: 1.75rem; margin-top: -0.75rem; overflow: hidden; } .mad-panels--style-2 .mad-panels-title:first-child > button { border-top: none; } .mad-panels--style-2 .mad-panels-title > button { border-width: 1px 0 0 0; border-color: #dce3e6; } .mad-csstransforms3d .mad-panels-title > button::after, .mad-csstransforms3d .mad-panels-title > button::before { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .mad-csstransforms3d .mad-panels-title > button::after, .mad-csstransforms3d .mad-panels-title.mad-panels-active > button::before { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-csstransforms3d .mad-panels-title > button::before, .mad-csstransforms3d .mad-panels-title.mad-panels-active > button::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mad-panels-definition .mad-table-wrap { border-width: 1px; } /* ---------------------------------------- Tabs & Tour Sections ---------------------------------------- */ .mad-tabs:not(.mad-tabs--unstyled) { overflow: hidden; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav { font-weight: bold; display: flex; column-gap: 2.5rem; position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .mad-tabs.mad-tabs--style-2:not(.mad-tabs--unstyled):not(.mad-tabs--tour-sections) .mad-tabs-nav > span { margin-bottom: -2px; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a { color: #000; display: block; font-size: 1.125rem; line-height: 1.5rem; font-weight: 600; -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav .mad-active > a { color: #2e3133; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tab { font-size: 0.9rem; line-height: 1.5rem; padding-top: 1.25rem; } .mad-tabs--style-2 { /*border: 2px solid #dce3e6;*/ border-radius: 5px; } .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav { column-gap: 0; /*border-bottom: 2px solid #dce3e6;*/ } .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav a { position: relative; padding: 30px; border-bottom: 2px solid #dce3e6; z-index: 2; border-right: 2px solid #dce3e6; } .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(.mad-tabs--tour-sections) .mad-tabs-nav .mad-active > a { border-bottom-color: #fff; } .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tab { padding: 1rem 1rem; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav { float: left; width: 30%; max-width: 20.375rem; display: block; border: none; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav > span { display: block; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav > span a { padding: 2rem 0; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav > span:first-child a { padding-top: 0; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav > span:not(:last-child) a { border-bottom: 1px solid #dce3e6; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled), .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-container { overflow: hidden; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tab { padding-top: 0; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab, .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tab { padding: 30px; margin-top: 0; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab { padding-right: 0; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav { margin-right: -2px; margin-bottom: -2px; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav a { padding: 30px; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-container { border-left: 2px solid #dce3e6; border-top: none; } .mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav .mad-active > a { border-right-color: #fff; } .mad-tabs.with-carousel { overflow: visible; } .mad-tabs.with-carousel .owl-carousel.nav-top .owl-nav { margin-bottom: 5.3rem; } .mad-tabs.type-2:not(.mad-tabs--unstyled) .mad-tab { padding-top: 1.25rem; } .mad-tabs.type-2:not(.mad-tabs--unstyled) .mad-tabs-nav a { padding: 0 1.5rem; background: transparent; font-size: 1rem; line-height: 2.5rem; border-radius: 1rem; letter-spacing: -0.02rem; white-space: nowrap; position: relative; z-index: 9; } .mad-tabs.type-2:not(.mad-tabs--unstyled) .mad-tabs-nav .mad-active a { background: #26658c; color: #fff; } .mad-tabs.type-2:not(.mad-tabs--unstyled) .mad-tabs-nav { column-gap: 0; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav.style-2 a { font-size: 1.5rem; line-height: 2rem; color: #2e3133; letter-spacing: -0.3px; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav.style-2 .mad-active > a { color: #d94945; } .mad-panels--style-2 .mad-panels-title:last-child > button { padding-bottom: 0; } .mad-tabs.sort-tabs:not(:last-child) { margin-bottom: 2rem; } .mad-tabs.sort-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav { column-gap: 0.25rem; } .mad-tabs.sort-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a { width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: #8b9599; background: #edf1f2; border-radius: 1rem; display: flex; align-items: center; justify-content: center; } .mad-tabs.sort-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a .svg .cls-1 { stroke: transparent; fill: #8a9397; } .mad-tabs.sort-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav .mad-active a .svg .cls-1 { fill: #2e3133; } .mad-tabs.with-panels .mad-tab { padding-bottom: 0!important; } /* ---------------------------------------- Pagination ---------------------------------------- */ /* Pages Navigation */ .mad-page-nav { margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; } .mad-page-nav > [class*="mad-nav-"] { display: flex; column-gap: 1.5rem; align-items: center; position: relative; max-width: 50%; } .mad-page-nav > [class*="mad-nav-"]:before { content: 'arrow_back'; font-family: 'Material Icons'; display: block; width: 2rem; min-width: 2rem; height: 2rem; text-align: center; font-size: 1.5rem; line-height: 2rem; color: #2e3133; background: #dce3e6; transition: all .5s ease; border-radius: 50%; cursor: pointer; } .mad-page-nav > [class*="mad-nav-"]:hover:before { background: #26658c; color: #fff; } .mad-page-nav > .mad-nav-right:before { content: 'arrow_forward'; } .nav-actions a b { font-weight: normal; } .mad-page-nav > .mad-nav-right { flex-direction: row-reverse; text-align: right; } .mad-page-nav > [class*="mad-nav-"] > * { padding: 0 1rem; } .mad-page-nav.mad-entities.mad-entity-hr .mad-entity { padding: 0; background: none; border-radius: 0; } .mad-page-nav.mad-entities.mad-entity-hr .mad-nav-right .mad-entity .mad-entity-tags { justify-content: flex-end; } .mad-page-nav.mad-entities.mad-entity-hr .mad-nav-right .mad-entity .mad-entity-media { margin-right: 0; margin-left: 1rem; } /* Pages Navigation */ .mad-pagination { display: flex; column-gap: 0.5rem; margin-top: 0.5rem; margin-bottom: 1rem; } .mad-pagination > li > a { font-weight: bold; display: block; width: 2rem; height: 2rem; text-align: center; font-size: 0.875rem; line-height: 2rem; background: #dce3e6; color: #2e3133; border-radius: 50%; } .mad-pagination > li > a:hover { background: #88be50; color: #fff; } .mad-pagination > li > a.current { background: #88be50; color: #fff; } .mad-pagination > li > a .svg { width: 1.375rem; height: 3.5rem; } .mad-pagination > li > a .svg path { fill: #2e3133; stroke: transparent; } .mad-arrows:after { font-family: 'Material Icons'; font-size: 1.25rem; } .mad-arrows.prev:after { content: 'arrow_back'; } .mad-arrows.next:after { content: 'arrow_forward'; } /* ---------------------------------------- Progress Bars ---------------------------------------- */ .mad-progress-bars-item:not(:last-child) { margin-bottom: 1rem; } .mad-progress-bar { height: 8px; position: relative; border: 2px solid #46a69c; border-radius: 0.5rem; overflow: hidden; } .mad-progress-bar-title { font-size: 1rem; font-weight: bold; margin-bottom: 0.5rem; display: block; position: relative; padding-right: 6.25rem; color: #2e3133; } .mad-progress-bar-title::after { content: attr(data-value) attr(data-units); position: absolute; bottom: 0; right: 0; color: #46a69c; } .mad-progress-bar-indicator { position: absolute; top: 0; bottom: 0; left: 0; right: auto; background: #46a69c; } .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar { border-width: 0; background: #edf1f2; } .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar-indicator { background: #26658c; } .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar-title::after { color: #26658c; } /* ---------------------------------------- Counters ---------------------------------------- */ .mad-counters { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; position: relative; z-index: 2; } .mad-counters[class*="item-col-"]:not(.no-gutters) { margin-top: -3rem; } .mad-counters[class*="item-col-"]:not(.no-gutters) > * { padding-top: 3rem; } .mad-counter { color: #515759; font-size: 1rem; line-height: 2rem; font-weight: 500; } .mad-counter-count { font-size: 4.5rem; line-height: 4rem; white-space: nowrap; font-weight: 300; color: #2e3133; letter-spacing: -0.15rem; } .mad-counter-icon { line-height: 1; } .mad-counter-icon .svg { height: 4.5rem; } .mad-counter .mad-counter-icon:not(:last-child) { margin-bottom: 1.5rem; } .mad-counter .mad-counter-icon:after { width: 4rem; height: 4rem; margin-right: -0.5rem; margin-top: -0.5rem; } .mad-counter-icon .svg .cls-1 { stroke: #2e3133; } .mad-counters.hr-type .mad-counter .mad-counter-inner { display: block; align-items: center; } .mad-counters.hr-type .mad-counter .mad-counter-icon { margin-bottom: 0; min-width: 6.75rem; display: inline-block; text-align: left; } .mad-counters .mad-counter-content { display: inline-block; text-align: left; } .mad-counters.style-2 .mad-counter { color: #c5d3d9; text-align: center; } .mad-counters.style-2 .mad-counter-count { color: #fff; } .mad-counters.style-2 .mad-counter-icon .svg .cls-1 { stroke: #fff; } .mad-counters.style-2 .mad-counter-icon:after { background: #3489ab; } .mad-counters.hr-type .mad-counter-icon:after { margin-right: 2.1875rem; } .mad-counters.no-icons .mad-counter-icon { display: none; } .mad-counters.no-icons .mad-counter-icon { display: none; } /* ---------------------------------------- Products ---------------------------------------- */ .mad-products[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-products[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .mad-products:not(.owl-carousel) { display: flex; flex-wrap: wrap; } .owl-carousel.mad-products .owl-stage { display: flex; flex-wrap: wrap; } /*CTRL + KD*/ @-moz-document url-prefix() { .owl-carousel.mad-products .owl-stage, .mad-products.hr-type.with-border.owl-carousel .owl-stage; { flex-wrap: wrap!important; } .mad-products.hr-type .mad-grid-item { border-left: none!important; } } .mad-products.hr-type.with-border.owl-carousel .owl-stage { flex-wrap: wrap; } .owl-carousel.mad-products .owl-stage .owl-item { float: none; } .mad-products-with-countdown:not(.type-2) [class*="item-col-"], .mad-products.with-border[class*="item-col-"] { margin: 0; } .mad-products-with-countdown:not(.type-2) [class*="item-col-"] > *, .mad-products.with-border[class*="item-col-"] > * { padding: 0; } .mad-products-with-countdown:not(.type-2) { z-index: 1; height: 100%; padding: 1.875rem 0; position: relative; border: 2px solid #d94945; border-radius: 4px; } .mad-products-with-countdown .mad-product-price span { text-decoration: line-through; font-size: 1rem; font-weight: 500; color: #8b9599; padding-left: 0.25rem; } /* .mad-products-with-countdown:not(.type-2):after { content: ''; border: 2px solid #d94945; border-radius: 1rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } */ .mad-products-with-countdown.type-2 { border: 2px solid #d94945; border-radius: 1rem; padding: 1.875rem 0; margin-left: 4.375rem; margin-right: 4.375rem; } .mad-products-with-countdown.type-2 .owl-carousel .owl-nav button.owl-prev { left: -4.4rem; } .mad-products-with-countdown.type-2 .owl-carousel .owl-nav button.owl-next { right: -4.4rem; } .mad-products-with-countdown.type-2 .owl-carousel:not(.no-nav):not(.nav-top) { padding: 0; } .mad-products-with-countdown:not(.type-2) .mad-page-title { padding-left: 2rem; } .mad-products.with-border .owl-stage-outer, .mad-products.with-border:not(.owl-carousel) { padding: 1.875rem 0; background: #fff; z-index: 1; position: relative; overflow: hidden; border-radius: 1rem; } .mad-products.with-border:not(.owl-carousel):after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #dce3e6; border-radius: 1rem; z-index: -1; } .mad-products.with-border.owl-carousel .owl-stage-outer { position: relative; padding: 1.875rem 0; height: 100%; } .mad-products.with-border.owl-carousel .owl-stage-outer { border: 2px solid #dce3e6; border-radius: 1rem; } .mad-products.hr-type.owl-carousel .mad-grid-item { margin-right: 0; border-left: none; } .mad-products.style-2:not(.owl-carousel) .mad-product { margin: 0; border-left: none; } .mad-products-with-countdown .mad-page-title { color: #d94945; } .mad-products-with-countdown:not(.type-2) .owl-carousel.nav-top .owl-nav { right: 1.875rem; } .mad-products:not(.owl-carousel):not(.mad-product-small):not(.mad-product-single):not(.hr-type) { display: flex; flex-wrap: wrap; } .mad-products:not(.mad-product-small) .mad-product { padding: 1.875rem; border-radius: 8px; background: #fff; position: relative; overflow: hidden; transition: all .5s ease; display: flex; flex-direction: column; /*height: 420px;*/ margin-bottom: 20px; } .dealOfMnth .mad-products:not(.mad-product-small) .mad-product { margin-bottom: 0px; } .mad-products:not(.mad-product-small) .mad-product:hover { box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } .mad-products .mad-product-image { position: relative; background: none!important; } .mad-products:not(.mad-product-small):not(.hr-type) .mad-product .mad-product-image:not(:last-child), .mad-products:not(.mad-product-small) .mad-product.big-type .mad-product-image:not(:last-child) { margin-bottom: 2rem; } .mad-product .mad-rating-top-level > *, .mad-product .mad-rating-bottom-level > * { font-size: 1.19rem; line-height: 1; } .mad-products:not(.mad-product-small) .mad-product-image img { /*width: 100%;*/ width: auto; height: 100%; max-width: 100%; } .mad-product-description { /*flex: 1;*/ min-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mad-products:not(.mad-product-small) .mad-product-description:not(:last-child) { margin-bottom: 0.5rem; } .mad-product-description .mad-product-title { font-weight: bold; } .mad-product-description .mad-product-title .mad-link { color: #000; font-weight: bold; border: none; text-transform: capitalize; } .dealOfDay .productBlock .offrProCtnt .mad-product-description .mad-product-title .mad-link { color: #2e3133; margin-bottom: 8px; font-weight: 800; display: block; } .shopping-cart #dvBskt .mad-product .mad-product-description .mad-link { font-weight: normal; border: none; font-size: 14px; } .shopping-cart #dvBskt .mad-product .product-description:not(:last-child) { } .mad-product-description .mad-product-title .mad-link:hover { color: #2e3133; } .shopping-cart .closebtn svg { width: 35px; position: absolute; top: 13px; right: 13px; height: 27px; cursor: pointer; fill: #000; } .shopping-cart .closebtn svg:hover { opacity: 0.9; } .mad-product-info { min-height: 75px; font-size: 1rem; color: #a8a7a8; display: block; line-height: 1rem; margin-top: 10px; } .sidebarOpen .modal-backdrop { display: block; } .mad-info-item { font-size: 12px; color: #2f2f2f; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: .5rem; row-gap: .5rem; } .mad-info-item > span { font-weight: 500; } .mad-info-item .mad-progress-bars { width: 100%; max-width: 6.2rem; } .mad-info-item .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar-indicator { background: #f34770; } .mad-info-item .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar[aria-valuenow="40"] .mad-progress-bar-indicator, .mad-info-item .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar[aria-valuenow="45"] .mad-progress-bar-indicator { background: #d9a934; } .mad-info-item .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar[aria-valuenow="10"] .mad-progress-bar-indicator, .mad-info-item .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar[aria-valuenow="20"] .mad-progress-bar-indicator, .mad-info-item .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar[aria-valuenow="15"] .mad-progress-bar-indicator { background: #d94945; } .mad-info-item:not(:last-child) { /*margin-bottom: 0.5rem;*/ /*border-top:1px solid #d9dcdd;padding-top:5px;*/ } .mad-info-title { font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #515759; } .mad-product .mad-actions { position: absolute; bottom: 0.5rem; right: 0.2rem; display: flex; flex-direction: column; row-gap: 0.5rem; opacity: 0; visibility: hidden; transition: all .5s ease; margin-right: -1.875rem; } .mad-product .mad-actions a:not(:last-child) { margin: 0; } .mad-product:hover .mad-actions { opacity: 1; visibility: visible; margin: 0; } .mad-cart, .mad-product .mad-actions > a { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1.4rem; border: 1px solid #88be50; color: #88be50; display: block; border-radius: 50%; } .mad-cart:hover, .mad-product .mad-actions > a:hover { background: #88be50; color: #fff; } .mad-product .mad-rating:not(:last-child) { margin-bottom: 0.25rem; } .mad-product-info:not(:last-child) { margin-bottom: 1rem; } .mad-products:not(.mad-product-small):not(.mad-product-single) .mad-product-description .mad-product-title:not(:last-child) { margin-bottom: 0.25rem; } .mad-product-cat { font-size: 0.875rem; line-height: 1rem; color: #747c80; display: inline; font-weight: 500; } .mad-product-cat:hover { color: #2e3133; } .mad-product-cat:not(:last-child) { margin-bottom: 0.5rem; } .mad-product-price { position: relative; font-size: 1.2rem; line-height: 2rem; font-weight: 600; color: #46a69c; display: block; } .mad-product-price span { text-decoration: line-through; font-size: 1rem; font-weight: 500; color: #000; padding-left: 0.25rem; } .mad-product-price:not(:last-child) { margin-bottom: 0; } table tr.bg .mad-product-price { color: #eb0029; font-size: 1.25rem; } .shopping-cart .mad-products .mad-product-price:not(.onsale):before, .shopping-cart .mad-products .mad-product-price span:before { display: none; } .mad-product .mad-label { position: absolute; z-index: 2; top: 0.625rem; left: 0.625rem; font-size: 0.875rem; line-height: 1rem; display: block; color: #fff; background: #3bb77e; width: 3.5rem; height: 3.5rem; text-align: center; border-radius: 50%; text-align: center; font-weight: 700; display: flex; flex-direction: column; justify-content: center; } .mad-product .mad-product-image.sold .mad-label, .mad-label.sold { background: #8b9599; } .dealOfMnth .mad-product-description .mad-product-title { text-align: center; } .mad-product .mad-label.new { background: #35b374; } .mad-product .mad-product-image.sold img { opacity: 0.5; } .mad-products.style-2.owl-carousel { /* height: 100%; */ width: 100%; } .mad-products.style-2 .mad-product { border: none; border-radius: 0; padding-top: 0; padding-bottom: 0; overflow: visible; position: relative; } .mad-products.style-2:not(.hr-type) .mad-product:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; background: #dce3e6; width: 1px; } .mad-grid--cols-1.mad-products.style-2:not(.hr-type) .mad-product:before { display: none; } .mad-products.style-2:not(.hr-type):not(.owl-carousel) .mad-grid-item:last-child .mad-product:before { display: none; } .mad-products.style-2.type-2 .mad-product { padding-top: 1.875rem; padding-bottom: 1.875rem; } .mad-products.style-2.with-border.type-2 .mad-product:after { content: ''; position: absolute; top: 100%; left: 1.875rem; right: 1.875rem; background: #dce3e6; height: 1px; z-index: 1; } .mad-products.style-2.type-2.item-col-4 .mad-grid-item:nth-child(-n+4) .mad-product { padding-top: 0; } .mad-products.style-2.type-2.item-col-4 .mad-grid-item:nth-last-child(-n+4) .mad-product { padding-bottom: 0; } .mad-products.style-2.type-2.item-col-4 .mad-grid-item:nth-last-child(-n+4) .mad-product:after { display: none; } .mad-products.style-2.type-2.item-col-5 .mad-grid-item:nth-child(-n+5) .mad-product { padding-top: 0; } .mad-products.style-2.type-2.item-col-5 .mad-grid-item:nth-last-child(-n+5) .mad-product { padding-bottom: 0; } .mad-products.style-2.type-2.item-col-5 .mad-grid-item:nth-last-child(-n+5) .mad-product:after { display: none; } .mad-products.style-2.type-2.item-col-6 .mad-grid-item:nth-child(-n+6) .mad-product { padding-top: 0; } .mad-products.style-2.type-2.item-col-6 .mad-grid-item:nth-last-child(-n+6) .mad-product { padding-bottom: 0; } .mad-products.style-2.type-2.item-col-6 .mad-grid-item:nth-last-child(-n+6) .mad-product:after { display: none; } .mad-products.style-2 .mad-product:hover { border-color: #dce3e6; } .mad-products.hr-type .mad-product:not(.big-type) { display: flex; flex-direction: row; column-gap: 1.5rem; row-gap: 1rem; } .mad-products.hr-type .mad-product > * { width: 100%; display: flex; flex-direction: column; justify-content: center; } .mad-products.hr-type.nav-top .mad-product:not(.big-type) .mad-product-image { max-width: 11rem; } .mad-products.hr-type .mad-product:not(.big-type) .mad-product-image { max-width: 9.5rem; } .container.extra-width .mad-products.hr-type.item-col-4 .mad-product:not(.big-type) .mad-product-image { max-width: 10.5rem; } .mad-products.hr-type.mad-grid--cols-1 .mad-product:not(.big-type) .mad-product-image, .mad-products.hr-type.mad-grid--cols-2 .mad-product:not(.big-type) .mad-product-image { max-width: 9rem; } .mad-products.hr-type .mad-grid-item { display: flex; flex-direction: column; border-right: 1px solid #dce3e6; border-left: 1px solid #dce3e6; margin-right: -1px; } .mad-products.hr-type:not([class*="item-col-"]) .mad-grid-item { width: 100%; } .mad-products.hr-type:not(.owl-carousel) .mad-grid-item { margin: 0; border-left: none; } .mad-products.hr-type:not(.owl-carousel) .mad-grid-item:last-child { border: none; } .mad-products.hr-type .mad-grid-item .mad-product { border: none; position: relative; } .mad-products.hr-type .mad-grid-item .mad-product:not(:last-child) { padding-bottom: 2rem; margin-bottom: 1.5rem; } .mad-products.hr-type .mad-grid-item .mad-product:not(:last-child):after { content: ''; position: absolute; left: 30px; right: 30px; height: 1px; bottom: 0; background: #dce3e6; } .mad-products.hr-type .mad-product .mad-product-price { font-size: 1.125rem; line-height: 1.5rem; } .mad-products.hr-type .mad-product-description .mad-product-title { font-size: 14px; letter-spacing: 0; } .mad-products.hr-type .mad-product-description .mad-product-title a { font-weight: 600; } .mad-products.hr-type .mad-product.big-type .mad-product-description .mad-product-title, .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product-description .mad-product-title, .mad-section--stretched-content .mad-products.item-col-4 .mad-product-description .mad-product-title, .mad-products.size-2 .mad-product-description .mad-product-title, .container.extra-width .mad-products.item-col-3 .mad-product .mad-product-description .mad-product-title, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-product-description .mad-product-title { font-size: 1.25rem; line-height: 2rem; } .mad-products.hr-type .mad-product.big-type .mad-product-price, .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-product-price, .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-product-price, .mad-products.size-2 .mad-product .mad-product-price, .container.extra-width .mad-products.item-col-3 .mad-product .mad-product-price, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-product-price { font-size: 1.5rem; line-height: 1.5rem; } .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product-price span, .mad-section--stretched-content .mad-products.item-col-4 .mad-product-price span, .mad-products.size-2 .mad-product .mad-product-price span, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-product-price span, .container.extra-width .mad-products.item-col-3 .mad-product .mad-product-price span { font-size: 1.25rem; line-height: inherit; } .mad-product.big-type .mad-cart, .mad-product.big-type .mad-actions > a, .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-cart, .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-actions > a, .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-cart, .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-actions > a, .mad-products.size-2 .mad-product .mad-cart, .mad-products.size-2 .mad-product .mad-actions > a, .container.extra-width .mad-products.item-col-3 .mad-product .mad-cart, .container.extra-width .mad-products.item-col-3 .mad-product .mad-actions > a, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-actions > a, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-cart { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.75rem; } .mad-product.big-type .mad-rating:not(:last-child), .mad-product.big-type .mad-product-cat:not(:last-child), .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-rating:not(:last-child), .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-product-cat:not(:last-child), .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-rating:not(:last-child), .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-product-cat:not(:last-child), .mad-products.size-2 .mad-product .mad-rating:not(:last-child), .mad-products.size-2 .mad-product .mad-product-cat:not(:last-child), .container.extra-width .mad-products.item-col-3 .mad-product .mad-product-cat:not(:last-child), .container.extra-width .mad-products.item-col-3 .mad-product .mad-rating:not(:last-child), .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-rating:not(:last-child), .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-product-cat:not(:last-child) { margin-bottom: 0.5rem; } .mad-product.big-type .mad-rating-top-level > *, .mad-product.big-type .mad-rating-bottom-level > *, .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-rating-top-level > *, .mad-section--stretched-content .mad-products.mad-grid--cols-4 .mad-product .mad-rating-bottom-level > *, .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-rating-top-level > *, .mad-section--stretched-content .mad-products.item-col-4 .mad-product .mad-rating-bottom-level > *, .mad-products.size-2 .mad-product .mad-rating-top-level > *, .mad-products.size-2 .mad-product .mad-rating-bottom-level > *, .container.extra-width .mad-products.item-col-3 .mad-product .mad-rating-top-level > *, .container.extra-width .mad-products.item-col-3 .mad-product .mad-rating-bottom-level > *, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products-with-countdown .mad-products .mad-product .mad-rating-top-level > *, .container.extra-width .mad-sidebar .mad-products-with-countdown .mad-products .mad-product .mad-rating-bottom-level > * { font-size: 1.375rem; } .mad-products.mad-grid--cols-6 .mad-product-description .mad-product-title, .mad-products.mad-grid--cols-5.with-border .mad-product-description .mad-product-title, .mad-products.item-col-6 .mad-product-description .mad-product-title, .mad-products.item-col-5.with-border .mad-product-description .mad-product-title, .mad-products.size-small .mad-product-description .mad-product-title { font-size: 1rem; line-height: 1.5rem; } .mad-products.mad-grid--cols-6 .mad-product .mad-product-price, .mad-products.item-col-5 .mad-product .mad-product-price, .mad-products.size-small .mad-product .mad-product-price { font-size: 1.125rem; line-height: 1.5rem; } .mad-sorting-section { position: relative; font-size: 1rem; line-height: 1rem; color: #8b9599; /*display: flex;*/ row-gap: 1rem; justify-content: space-between; align-items: center; } .mad-sorting-section:not(:last-child) { margin-bottom: 1rem; } .mad-sorting-section > .mad-col { display: flex; align-items: center; column-gap: 1rem; row-gap: 1rem; } .mad-sorting-section > .mad-col:last-child .mad-custom-select { /*min-width: 18rem;*/ width: 100%; } .mad-filter-section { display: none; margin-top: 2rem; margin-bottom: 0.5rem; } .mad-filter-section.opened { display: block; } .mad-sorting-section .btn.toggled { background: #26658c; color: #fff; } .mad-filter-canvas { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; opacity: 0; visibility: hidden; transition: all .3s ease; } .mad-filter-canvas.mad-filter-opened { opacity: 1; visibility: visible; } .mad-filter-inner { position: absolute; top: 0; left: 0; bottom: 0; width: 22rem; padding: 7rem 2rem; padding-bottom: 0; background: #fff; overflow: auto; transform: translateX(-100%); transition: all .5s ease; } .mad-filter-inner .mad-widget:last-child { padding-bottom: 4rem; } .mad-filter-canvas.mad-filter-opened .mad-filter-inner { transform: translateX(0); } .mad-filter-canvas:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0e293a; opacity: 0.7; z-index: -1; } .mad-filter-close { position: absolute; top: 1rem; right: 1rem; width: 3rem; height: 3rem; border-radius: 1rem; background: #edf1f2; text-align: center; line-height: 3rem; font-size: 1.5rem; } .mad-filter-close:hover { background: #26658c; color: #fff; } #main { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), min-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #main.without-sidebar { width: 100%!important; max-width: 100%; flex: 100%; } #sidebar { transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } #sidebar.sidebar-hide { opacity: 0; visibility: hidden; transform: translate(-200%,0); } #sidebar.sidebar-hide:not(.toggle-sidebar) { width: 0; max-width: 0; padding: 0; max-height: 0; } #sidebar.sidebar-hide.toggle-sidebar { opacity: 1; visibility: visible; transform: translate(0,0); } /* Product one line */ .mad-products.one-line .mad-product { display: flex; flex-direction: row; row-gap: 2rem; column-gap: 2rem; } .mad-products.one-line .mad-product > * { width: 100%; } .mad-products.one-line .mad-product .mad-product-image { max-width: 20.5rem; } .mad-products.one-line .mad-product .mad-product-col { display: flex; column-gap: 2rem; row-gap: 1rem; } .mad-products.one-line .mad-product .mad-product-col > * { flex: 1; } .mad-products.one-line .mad-product .mad-product-col .mad-product-info { max-width: 13rem; } .mad-products.one-line .mad-product .mad-product-col .mad-product-description { padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.5rem; color: #747c80; font-weight: 500; } .mad-products:not(.mad-product-small):not(.mad-product-single).one-line .mad-product-description .mad-product-title:not(:last-child) { margin-bottom: 0.625rem; } .mad-products:not(.mad-product-small).one-line .mad-product-description:not(:last-child), .mad-products:not(.mad-product-small):not(.hr-type).one-line .mad-product .mad-product-image:not(:last-child) { margin-bottom: 0; } .mad-products:not(.mad-product-small):not(.mad-product-single).one-line .mad-product-description p { padding-top: 1rem; } .mad-products.one-line .mad-product .mad-rating + span { color: #8b9599; font-size: 0.8125rem; line-height: 1.5rem; font-weight: 500; } .mad-products.one-line .mad-product .mad-actions { position: initial; opacity: 1; visibility: visible; display: flex; flex-direction: row; column-gap: 0.5rem; margin: 0; } .mad-products.size-2.one-line .mad-product .mad-actions > a { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.375rem; } .mad-products.one-line .mad-product .mad-info-item:not(:last-child) { margin-bottom: 1.5rem; } .quantity-wrap { display: flex; flex-direction: column; row-gap: 0.5rem; } .quantity { width: 100%; position: relative; } .quantity input { height: 3.3rem!important; line-height: 3rem!important; font-size: 1rem!important; padding: 0 2rem!important; text-align: center; /*border-radius: 1rem!important;*/ } .quantity button { position: absolute; bottom: 1.5rem; left: 1rem; color: #8b9599; font-size: 1.5rem; font-weight: bold; } .quantity .qty-plus { left: auto; right: 1rem; } .quantity.size-2 { width: 12.9375rem; } .quantity.size-2 input { font-size: 1rem!important; height: 3.5rem!important; line-height: 3.5rem!important; border-radius: 1rem!important; } .quantity.size-2 button { left: 1.25rem; } .quantity.size-2 .qty-plus { right: 1.25rem; left: auto; } .quantity.size-2 button { bottom: 0.625rem; } /* Categories */ .mad-product-categories:not(.owl-carousel) { height: 100%; display: flex; flex-wrap: wrap; } .mad-product-categories[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-product-categories[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .mad-product-categories.owl-carousel .owl-nav { display: flex!important; } .mad-product-categories.owl-carousel .owl-stage { display: flex; flex-wrap: wrap; } .mad-product-categories.owl-carousel .owl-item { float: none; } .mad-product-categories .mad-product-category { background: #26658c; border-radius: 1rem; overflow: hidden; height: 100%; position: relative; display: flex; flex-direction: column; } .mad-product-categories .mad-product-category .mad-product-cat-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .mad-product-categories a.mad-product-category { align-items: center; } .mad-product-categories .mad-product-category.green { background: #46a69c; } .mad-product-categories .mad-product-category.blue { background: #4abfd9; } .mad-product-categories .mad-product-category.red { background: #d94945; } .mad-product-categories .mad-product-category.yellow { background: #d9a934; } .mad-product-categories .mad-product-category.green2 { background: #75bf7a; } .mad-product-categories .mad-product-category.pink { background: #d95f8e; } .mad-product-categories .mad-product-category.violet { background: #771b8c; } .mad-product-categories .mad-product-category .mad-product-category-list { padding: 1.5625rem 2rem; color: #fff; font-size: 1rem; line-height: 2rem; font-weight: 500; flex: 1; } .mad-product-category .mad-product-category-list li a { color: #fff; } .mad-product-category .mad-product-category-list li a:hover { text-decoration: underline; } .mad-product-category-list .mad-product-category-title { font-weight: bold; color: #000; } h6.mad-product-category-title { font-size: 16px; } .mad-product-category-list .mad-product-category-title:not(:last-child) { margin-bottom: 0.25rem; } .mad-product-categories.type-2 .mad-product-category { padding: 2.375rem 1rem; text-align: center; background: #f6f8f8; transition: all .5s ease; border: 2px solid transparent; } .mad-product-category .mad-category-icon { display: block; justify-content: center; } .mad-product-category .mad-category-icon:after { margin-right: -0.5rem; margin-top: -0.5rem; } .mad-product-category .mad-category-icon:not(:last-child) { margin-bottom: 1rem; } .mad-product-category .mad-category-icon .svg { height: 3rem; width: auto; } .mad-product-category .mad-category-icon .svg .cls-1 { stroke: #2e3133; } .mad-product-categories.type-2 .mad-product-category:hover { background: #fff; border-color: #26658c; } .mad-product-categories.type-2 .mad-product-category .mad-product-category-title { color: #26658c; transition: all .5s ease; } .mad-product-categories.type-2 .mad-product-category:hover .mad-product-category-title { color: #2e3133; } .mad-product-categories.type-2 .mad-product-category .mad-product-category-list { padding: 0; } /* Product Single */ .mad-product-single .image-preview-container { position: relative; padding-left: 7.5rem; } .mad-product-single .mad-thumb-holer { position: absolute; left: 0; top: 0; } .mad-product-single .mad-product-thumbs { display: flex; flex-direction: column; row-gap: 0.5rem; } .mad-product-single .mad-product-thumbs a { display: block; border: 2px solid transparent; border-radius: 1rem; overflow: hidden; } .mad-product-single .mad-product-thumbs a.active { border-color: #dce3e6; } .mad-zoom-img { position: absolute; bottom: 0.5rem; right: 0.5rem; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 2rem; color: #8b9599; background: #edf1f2; border-radius: 1rem; z-index: 9; } .mad-zoom-img:hover { color: #2e3133; } .mad-product-single h3.mad-product-title:not(:last-child) { margin-bottom: .5rem; } .mad-product-single.mad-product .mad-rating-top-level > *, .mad-product-single.mad-product .mad-rating-bottom-level > * { font-size: 1.5rem; } .mad-product.mad-product-single .mad-rating:not(:last-child) { margin-bottom: 0; } .mad-product.mad-product-single .mad-rating + a { display: inline-block; font-weight: 500; } .mad-product.mad-product-single .mad-rating + a:hover { color: #2e2133; } .mad-product.mad-product-single .mad-info-item { align-items: flex-start; } .mad-product.mad-product-single .mad-info-item .mad-progress-bars .mad-progress-bars-item { min-width: 6.5rem; } .mad-product.mad-product-single .mad-info-item .btn-set .mad-countdown { width: 16.5rem; } .mad-product.mad-product-single .mad-progress-bars { display: flex; align-items: center; font-size: 0.9rem; line-height: 1.5rem; column-gap: 0.5rem; color: #515759; max-width: 100%; width: auto; } .mad-product.mad-product-single .mad-info-item:not(last-child) { /*margin-bottom: 1.5rem;*/ margin-bottom: 10px; } .mad-product.mad-product-single .mad-product-price { font-size: 1.875rem; line-height: 2rem; display: flex; } .mad-product.mad-product-single .mad-links.btn-set { column-gap: 1.5rem; } .mad-product.mad-product-single .mad-links > a i { font-size: 22px; margin-right: 4px; } .mad-product-single .product-meta { font-size: 0.9rem; line-height: 1.5rem; color: #515759; /*margin-top: 5px;*/ line-height: 1.2em; } .mad-product-single .mad-text-small { font-size: 0.9rem; line-height: 1.5rem; font-weight: 500; } .mad-product-single .product-meta > li > a { border: none; font-weight: 400; } .mad-product-single .product-meta > li > a:hover { color: #2e3133; } .mad-product-single .product-meta > li:not(:last-child) { margin-bottom: 0.375rem; } .mad-product-single .product-meta li.tags { display: flex; align-items: center; /*margin-top: 0.75rem;*/ } .mad-product-single .product-meta li.tags:last-child { /*margin-top: 1rem;*/ } .mad-product-single .product-meta li > span { margin-right: 0.25rem; } .mad-product-single .product-meta li.tags > span { margin-right: 0.625rem; } .mad-product-single .product-meta span { color: #535252; font-weight: 500; } .image-preview { position: relative; border-radius: 1rem; overflow: hidden; } .image-preview img { width: 100%; } .mad-product-single .image-preview-container.type-2 { padding: 0; } .mad-product-single .image-preview-container.type-2 .mad-thumb-holer { position: relative; } .mad-product-single .image-preview-container.type-2 .mad-product-thumbs { flex-direction: row; column-gap: 0.5rem; } .mad-product-single .mad-product-price span { font-size: 1.5rem; line-height: 1.5rem; margin-top: 4px; } .mad-product-single .mad-product-info p { color: #515759; font-size: 1rem; line-height: 1.5rem; } .mad-colors > * { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; border: 2px solid #9E9E9E; position: relative; } .mad-color-1 { background: #dcd0c5; } .mad-color-2 { background: #5d331d; } .mad-colors > *.active, .mad-colors > a:hover { border: 4px solid #f34770; padding: 0.375rem; } .mad-colors > *.active:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #fff; border-radius: 50%; } .mad-product-single .mad-product-info .mad-info-item .mad-custom-select { width: 12.9375rem; } .mad-product-single .mad-product-info .mad-info-item .mad-custom-select .mad-selected-option { border-radius: 4px; } .mad-bought-together { border: 2px solid #46a69c; padding: 1.875rem; border-radius: 1.5rem; overflow: hidden; } .mad-bought-together .mad-page-title { font-weight: bold; color: #46a69c; } .mad-bought-together-items { display: flex; column-gap: 0.625rem; row-gap: 0.625rem; } .mad-bought-together-items .mad-plus-separator { width: 2.5rem; display: flex; align-items: center; position: relative; z-index: 1; } .mad-bought-together-items .mad-plus-separator:after { content: ''; position: absolute; top: 0; bottom: 0; width: 1px; background: #edf1f2; left: 50%; z-index: -1; } .mad-bought-together-items:not(:last-child) { margin-bottom: 1.5rem; } .mad-plus-button { width: 2.5rem; height: 2.5rem; line-height: 2.2rem; border-radius: 50%; background: #edf1f2; color: #2e3133; font-size: 2rem; text-align: center; } .mad-bought-together-actions { font-weight: 500; display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 1rem; justify-content: space-between; } .mad-bought-together-actions .mad-toggled-fields .mad-product-price { display: inline; line-height: 1.25rem; padding-left: 0.5rem; } .mad-bought-together-actions .mad-toggled-fields input[type="checkbox"] + label[for] { min-height: 2.5rem; cursor: pointer; } .mad-bought-together .mad-text-big { font-size: 1.125rem; } .mad-bought-together .btn-set { column-gap: 1rem; } .mad-bought-together-actions .mad-text-big .mad-product-price { font-size: 1.5rem; } .mad-product-single .mad-widget .mad-products.hr-type .mad-product:not(.big-type) .mad-product-image { max-width: 3.5rem; } .mad-widget .mad-products.hr-type .mad-product .mad-product-price { font-size: 1rem; line-height: 1rem; } .no-label { font-size: 1.125rem; display: flex; align-items: center; } .no-label:not(:last-child) { margin-bottom: 0.5rem; } .no-label input[type="checkbox"] + label[for]:not(:last-child), .no-label input[type="radio"] + label[for]:not(:last-child) { margin-bottom: 0; } /* .mad-products.hr-type .mad-product .mad-product-description { flex: inherit; } */ /* Shopping cart */ .mad-dropdown-element.shopping-cart { box-shadow: 0px 0px 10px 5px rgb(164 164 164 / 30%); display: block; transform: none; transition: transform 0.5s !important; position: fixed; top: 0; right: 0%; left: auto; min-width: 24.5rem; margin-top: 0; height: 100vh; z-index: 9999999; border-radius: 0; visibility: visible; display: block; transform: translateX(100%) !important; opacity: 1; } .mad-dropdown-element.shopping-cart.clsOpen { width: 30%; -webkit-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; transform: translateX(0%) !important; overflow: auto; } .shopping-cart .mad-products:not(.mad-product-small) .mad-product:hover, .shopping-cart .mad-products:not(.mad-product-small) .mad-product:hover .mad-product { box-shadow: none; background: #f3f3f3; } .shopping-cart .mad-product-description .mad-product-title, .shopping-cart .mad-product-description { max-height: 50px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0px !important; } .shopping-cart .mad-product-info { min-height: inherit; } .shopping-cart .total-itm { padding: 10px 20px; display: block; background: #f8feff; color: #000000; box-shadow: 0px 0px 5px #c0c0c0b0; font-weight: 600; margin-bottom: 2px; } .shopping-cart .mad-product-info { margin-top: 5px; } .sidebarOpen { overflow: hidden !important; } .mad-dropdown-cart .shopping-cart.mad-dropdown-element.clsOpen #dvBskt { max-height: 290px; overflow-y: auto; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .e_texttype .paraFormat.ucText a { word-break: break-all; } .shopping-cart .sc-footer { padding: 20px; border-top: 1px solid #edf1f2; margin-top: 25px; } .shopping-cart .mad-products.hr-type > .mad-product { border: none; padding: 10px 20px; position: relative; column-gap: 0.5rem; align-items: center; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-description { flex: inherit; padding-right: 2rem; } .shopping-cart .mad-products.hr-type .mad-product > .mad-product { padding: 0px; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-price { font-size: 0.9rem; line-height: 1rem; } .shopping-cart .mad-products.hr-type .mad-product:not(.big-type) .mad-product-image { justify-content: flex-start; max-width: 4rem; /*height: 70px;*/ margin-right: 5px; } .shopping-cart .mad-products.hr-type .mad-product:not(:last-child) { margin-bottom: 10px; } .shopping-cart .mad-products .mad-product-image img { height: auto; } .shopping-cart .mad-close-item { transition: 0.2s all linear; position: absolute; right: 6px; top: 50%; margin: 0; margin-top: -0.625rem; font-size: 1.25rem; color: #232223; width: auto!important; } .shopping-cart .mad-close-item:hover { transform: rotate(180deg); } .shopping-cart.mad-dropdown-element { padding: 0rem 0rem 1rem 0rem; } .shopping-cart .sc-footer { position: relative; padding-top: 1rem; } .shopping-cart .subtotal { font-size: 1rem; color: #46a69c; font-weight: bold; letter-spacing: -0.1px; display: flex; align-items: center; justify-content: space-between; } .shopping-cart .subtotal span { color: #eb0029; } .shopping-cart .subtotal span:before { content: '$'; font-size: 0.75rem; line-height: 0.875rem; display: inline-block; vertical-align: top; } .shopping-cart .btn i { font-size: 1.5rem; vertical-align: -6px; } .shopping-cart .btn:after { background: #f2e4df; } .shopping-cart .subtotal:not(:last-child) { margin-bottom: 1rem; } .shopping-cart .subtotal label { display: inline-block; color: inherit; font-size: inherit; font-weight: inherit; margin-bottom: 0 !important; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-price { display: flex; align-items: center; justify-content: flex-start; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-price p:last-child { margin-left: 10px; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-price p { margin-bottom: 0; } .shopping-cart .mad-products .mad-product-price i { font-style: normal; } .shop-cart-form table { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .shop-cart-form table tr th:nth-child(3) { width: 22%; } .shop-cart-form table tr th:last-child { width: 15%; } .shop-cart-form.wishlist table tr th:last-child { width: 17%; } .shop-cart-form.wishlist table tr th:first-child { width: 45%; } .shop-cart-form.wishlist table tr th:nth-child(3) { width: auto; } .shop-cart-form.wishlist table tr td .mad-link { font-weight: bold; color: #46a69c; } .shop-cart-form table tr td { padding-top: 2rem; padding-bottom: 2rem; vertical-align: middle; } .shop-cart-form table tr th:first-child { width: 50%; } .shop-cart-form .mad-product { align-items: flex-start; display: flex; align-items: center; column-gap: 1.5rem; row-gap: 1.5rem; } .shop-cart-form .mad-product .mad-close-item { font-size: 1.5rem; } .shop-cart-form .mad-products .mad-product-image { border-radius: 0.5rem; overflow: hidden; } .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title { font-size: 1rem; line-height: 1.5rem; font-weight: bold; letter-spacing: 0; } .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title a { font-weight: bold; } .mad-dropdown-cart { position: relative; } .mad-dropdown-cart:after { content: ''; height: 2rem; position: absolute; top: 100%; left: 0; right: 0; } .mad-dropdown-cart .shopping-cart { transform: none!important; display: none; } .mad-dropdown-cart:hover .shopping-cart { /*opacity: 1; visibility: visible; display: block;*/ } .mad-table-wrap.shop-acc table:not(.mad-table--vertical) th:first-child { width: 13%; } .mad-table-wrap.shop-acc table tr td:first-child a { font-weight: normal; } .mad-text-title { font-weight: bold; font-size: 1.25rem; line-height: 1.5rem; color: #2e3133; } .mad-text-title:not(:last-child) { margin-bottom: 1rem; } .mad-text-title .mad-link { font-weight: bold; } table .mad-product-price { font-size: 1rem; color: #515759; font-weight: normal; } .shop-cart-form .mad-close-item { font-size: 1rem; color: #2e3133; } table .mad-product-price b { color: #46a69c; } .shop-cart-form .mad-close-item:before { content: 'close'; font-family: 'Material Icons Outlined'; text-transform: none; } .shop-cart-form table tfoot tr td { padding: 1.3125rem 1.75rem; } .mad-shop-footer { display: flex; flex-wrap: wrap; /*column-gap: 1rem; row-gap: 1rem;*/ justify-content: space-between; } .mad-shop-footer .one-line .btn { border-radius: 1rem; } .mad-shop-footer .one-line:last-child { margin-top: 10px; } .shop-cart-form .mad-shop-footer > * { margin: 0; } .shop-cart-form .one-line { width: 100%; max-width: 33rem; } .shop-cart-form tr th.order-date { width: 35%; } .shop-cart-form table tr th:first-child.order-number { width: 22%; } .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:before { content: 'remove_red_eye'; font-family: 'Material Icons Outlined'; display: inline-block; vertical-align: -4px; text-transform: none; font-size: 20px; margin-right: 6px; } .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link { border: none; font-weight: bold; font-size: 1rem; text-transform: uppercase; } .shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:hover { text-decoration: underline; } @-moz-document url-prefix() { .mad-checkout-form tfoot:before; { top: 0; } } .mad-order.mad-table-wrap table:not(.mad-table--vertical) tr th:last-child { width: 30%; text-align: right; } .mad-order.mad-table-wrap .mad-table.mad-table--vertical tr th { width: 50%; vertical-align: middle; } .mad-order.mad-table-wrap .form-control { display: inline-block; text-align: left; } .mad-order.mad-table-wrap .mad-total { font-size: 1.25rem; } .mad-table-wrap .mad-total th, .mad-table-wrap .mad-total td { color: #46a69c; font-weight: bold; } .mad-order.mad-table-wrap table:not(.mad-table--vertical) tr td { vertical-align: middle; } .mad-order.mad-table-wrap table:not(.mad-table--vertical) tr:last-child td { border-bottom: 1px solid #dce3e6; } .payment-option input[type="radio"] + label[for] { padding-left: 3.5rem; font-weight: bold; color: #2e3133; padding-top: 0; } .payment-option input[type="radio"] + label[for]:not(:last-child) { margin-bottom: 0.5rem; } .payment-option input[type="radio"] + label[for]::before { /*width: 2.25rem; height: 2.25rem;*/ } .payment-option input[type="radio"] + label[for]::after { width: 1.5rem; height: 1.5rem; left: 0.5rem; top: 0.5rem; } .payment-option li:last-child { padding-top: 15px; } .payment-option li input[type="radio"] + label { font-weight: bold; color: #586b75; font-size: 1.125rem; display: inline-block; margin-right: 1.875rem; } .payment-desc { font-size: 0.875rem; line-height: 1rem; padding-left: 3.5rem; } .input-wrapper.with-link { display: flex; justify-content: space-between; align-items: center; } .payment-option .input-wrapper.with-link input[type="radio"] + label[for] { padding-top: 0.5rem; } .payment-option .input-wrapper.with-link input[type="radio"] + label[for] span { display: inline-block; line-height: 1rem; padding-left: 0.25rem; } .payment-option .input-wrapper:not(:last-child) { margin-bottom: 0; } .payment-option .input-wrapper.with-link .mad-link { font-size: 0.875rem; line-height: 1.25rem; } .payment-option input[type="checkbox"] + label[for] { padding-top: 0; padding-bottom: 0; } /* ---------------------------------------- Tooltips ---------------------------------------- */ [data-tooltip]:not(a) { color: #2e3133; } .monkeysan-tooltip-skin-mad { font-size: 0.8125rem; line-height: 1.5rem; font-weight: normal; padding-left: 0.5rem; padding-right: 0.5rem; color: #fff; background-color: #46a69c; border-radius: 0.5rem; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip::after { content: ""; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom.monkeysan-tooltip-position-reversed::after { bottom: auto; right: auto; top: 100%; left: 50%; margin-left: -8px; margin-top: -1px; border-width: 7px 8px 0 8px; border-color: #46a69c transparent transparent transparent; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top.monkeysan-tooltip-position-reversed::after { top: auto; right: auto; bottom: 100%; left: 50%; margin-left: -8px; margin-bottom: -1px; border-width: 0 8px 7px 8px; border-color: transparent transparent #46a69c transparent; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left.monkeysan-tooltip-position-reversed::after { bottom: auto; right: 100%; top: 50%; left: auto; margin-top: -8px; margin-right: -1px; border-width: 8px 7px 8px 0; border-color: transparent #46a69c transparent transparent; } .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right.monkeysan-tooltip-position-reversed::after { bottom: auto; right: auto; top: 50%; left: 100%; margin-top: -8px; margin-left: -1px; border-width: 8px 0 8px 7px; border-color: transparent transparent transparent #46a69c; } /* ---------------------------------------- Team Members ---------------------------------------- */ .mad-team.owl-carousel .owl-nav { display: block; } .mad-team { display: flex; flex-wrap: wrap; } .mad-team[class*="item-col-"]:not(.no-gutters) { margin-top: -4rem; } .mad-team[class*="item-col-"]:not(.no-gutters) > * { padding-top: 4rem; } .mad-team .mad-team-member-photo { border-radius: 1rem; overflow: hidden; display: block; } .mad-team .mad-team-member { position: relative; transition: all .5s ease; } .mad-team.big-type .mad-team-member { display: flex; align-items: center; font-size: 1rem; line-height: 1.5rem; } .mad-team.big-type .mad-col:not(:last-child) { margin-bottom: 2rem; } .mad-team.big-type .mad-team-member .mad-team-member-name a { font-weight: 500; letter-spacing: -0.5px; } .mad-team.big-type .mad-col:nth-child(2n) .mad-team-member { flex-direction: row-reverse; } .mad-team.big-type .mad-team-member > * { max-width: 43rem; width: 100%; } .mad-team.big-type .mad-team-member > .mad-team-member-info { max-width: 51.5%; } .mad-team:not(.big-type) .mad-team-member .mad-team-member-info { font-size: 1rem; line-height: 1.5rem; padding-right: 1rem; } .mad-team.big-type .mad-team-member .mad-info-header:not(:last-child) { margin-bottom: 2rem; } .mad-team:not(.big-type) .mad-team-member .mad-info-header:not(:last-child) { margin-bottom: 1.5rem; } .mad-team.big-type .mad-team-member .mad-team-member-info { padding: 2rem 4.5rem; } .mad-team:not(.big-type) .mad-team-member .mad-team-member-name { font-weight: bold; font-size: 1.25rem; line-height: 1.5rem; } .mad-team .mad-team-member .mad-team-member-name a { color: #2e3133; font-weight: bold; } .mad-team .mad-team-member .mad-team-member-name:not(:last-child) { margin-bottom: 0.5rem; } .mad-team .mad-team-member .mad-member-stat { color: #747c80; font-size: 0.875rem; line-height: 1rem; font-weight: 500; } .mad-team.big-type .mad-team-member .mad-member-stat { font-size: 1rem; line-height: 1.5rem; } .mad-team .mad-team-member p:not(:last-child) { margin-bottom: 1rem; } .mad-team:not(.big-type) .mad-team-member .mad-team-member-photo:not(:last-child) { margin-bottom: 2rem; } .mad-team .mad-team-member .mad-team-member-photo img { width: 100%; } .mad-team .mad-team-member .mad-social-icons { padding-top: 0.5rem; } .mad-team.big-type .mad-team-member .mad-social-icons { margin-top: 1.5rem; } .mad-team.type-2 .mad-team-member { padding: 1.875rem; border: 2px solid transparent; border-radius: 1.5rem; text-align: center; } .mad-team.type-2 .mad-team-member:hover { border-color: #46a69c; } .mad-team.type-2 .mad-team-member .mad-team-member-info { padding: 0; } .mad-team.type-2 .mad-team-member .mad-social-icons ul { justify-content: center; } .mad-team.owl-carousel:not(.no-dots) .owl-nav { transition: all .5s ease; opacity: 0; visibility: hidden; } .mad-team.owl-carousel:not(.no-dots):hover .owl-nav { opacity: 1; visibility: visible; } /* ---------------------------------------- Tables ---------------------------------------- */ .mad-table-wrap { position: relative; border-radius: 1rem; overflow: hidden; } .mad-table-wrap.shop-cart-form.shopping-cart-full { overflow: unset; } .mad-table-wrap { border: 2px solid #dce3e6; border-radius: 4px; } .mad-tabs:not(.mad-tabs--unstyled) .mad-tab .mad-table-wrap { border-width: 1px; } .mad-table-wrap.color-2 { border-color: #46a69c; } table { table-layout: fixed; border-collapse: collapse; width: 100%; } /* table:not(:last-child) { margin-bottom: 1.625rem; } */ table tr { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); border-width: 0; border-style: solid; } table tr:hover, table tr:focus { -webkit-transition-duration: 150ms; transition-duration: 150ms; } table tr:hover { background-color: #f6f8f8; } table td, table th { padding-top: 1.5rem; padding-right: 1.875rem; padding-bottom: 1.5rem; padding-left: 1.875rem; } /* .mad-table-wrap table:not(.mad-table--vertical) th { padding-top: 1.75rem; } .mad-table-wrap table:not(.mad-table--vertical) tfoot td { padding-bottom: 1.75rem; } */ table tr td { border-top: 1px solid #dce3e6; } table th, table tfoot { font-weight: bold; color: #2e3133; } table tfoot { color: #46a69c; } table tr.bg { background: #46a69c; } table tr.bg th { color: #fff; } .mad-table-label { display: block; color: #b1b1b1; } .mad-table-label:not(:last-child) { margin-bottom: 1.75rem; } table tbody, table thead, table tfoot, table tr, table th, table td { border-color: inherit; } table.mad-table--vertical tbody th { width: 33.3%; width: 14.3125rem; } .mad-table-wrap:not(.style-2) table.mad-table--vertical tbody tr:not(:last-child) th, table.mad-table--vertical:not(.style-2) tbody tr:not(:last-child) td { border-bottom: 1px solid #dce3e6; } .mad-table-wrap:not(.style-2) table.mad-table--vertical tfoot tr td, .mad-table-wrap:not(.style-2) table.mad-table--vertical tfoot tr th, .mad-table-wrap.style-2 table.mad-table--vertical tfoot tr td { border-top: 1px solid #dce3e6; } table.mad-table--vertical tr td { border-top: none; } .mad-table-wrap.style-2 .mad-table--vertical tr th { background: #46a69c; color: #fff; } .mad-widget table.mad-table--vertical tbody th { width: 30%; } /* Pricing tables */ .mad-pricing-tables { display: flex; flex-wrap: wrap; align-items: center; } .mad-pricing-tables[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-pricing-tables[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .mad-pricing-table { position: relative; text-align: center; width: 100%; border: 2px solid #dce3e6; padding: 2.375rem 1.875rem; border-radius: 1rem; margin-top: 2rem; } .mad-pricing-table.mad-pt-selected { background: #eff9fc; border-color: #26658c; border-top-left-radius: 0; border-top-right-radius: 0; } .mad-pt-img:not(:last-child) { margin-bottom: 1.75rem; } .mad-pt-img img { width: 100%; } .mad-pt-icon { z-index: 1; position: relative; display: inline-flex; } .mad-pricing-table .mad-pt-icon:after { width: 4rem; height: 4rem; margin-right: -0.25rem; margin-top: -0.5rem; } .mad-pt-icon:not(:last-child) { margin-bottom: 2rem; } .mad-pt-icon .svg { height: 4.5rem; } .mad-pt-icon .svg path { stroke: #2e3133; } .mad-pricing-table-title { font-size: 1.125rem; font-weight: 600; line-height: 1.5rem; color: #0f1b38; } .mad-pt-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-pt-price { position: relative; font-size: 3rem; font-weight: 800; color: #46a69c; line-height: 3rem; padding-bottom: 1.75rem; margin-bottom: 2rem; border-bottom: 1px solid #dce3e6; } .mad-pricing-table.mad-pt-selected .mad-pt-price { color: #26658c; } .mad-pt-price:before { content: '$'; display: inline-block; vertical-align: top; font-size: 2rem; font-weight: bold; line-height: 2rem; } .mad-pt-price span { color: #8b9599; font-size: 14px; display: block; font-weight: 500; line-height: 1rem; } .mad-pricing-table-text { padding: 2rem 0 3rem; } .mad-pt-text { font-weight: 500; } .mad-pt-title { font-size: 1.25rem; font-weight: bold; } .mad-pricing-table ul li.not-active { color: #dce3e6; } .mad-pricing-table ul:not(:last-child) { margin-bottom: 2rem; } .pt-label { position: absolute; bottom: calc(100% - 8px); left: -2px; right: -2px; padding: 0 0.625rem; border-top-right-radius: 1rem; border-top-left-radius: 1rem; letter-spacing: 1px; text-align: center; background: #26658c; color: #fff; font-size: 0.875rem; line-height: 2rem; white-space: nowrap; } .mad-pricing-tables.type-2 .mad-pricing-table { text-align: left; } .mad-pricing-tables.type-2 .mad-pricing-table ul li { position: relative; padding-right: 2rem; } .mad-pricing-tables.type-2 .mad-pricing-table ul li:after { content: 'done'; font-family: 'Material Icons'; position: absolute; font-size: 20px; right: 0; top: 0; } .mad-pricing-tables.type-2 .mad-pricing-table .mad-pt-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 1rem; row-gap: 1rem; padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #dce3e6; } .mad-pricing-tables.type-2 .mad-pricing-table .mad-pt-price { margin-bottom: 0; padding-bottom: 0; border: none; } .mad-pricing-tables.type-2 .mad-pricing-table .mad-pt-price span { padding-left: 1.25rem; } /* ---------------------------------------- Banners ---------------------------------------- */ .mad-banners { overflow: hidden; position: relative; } .mad-banners .banner-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; } .mad-banners { display: flex; flex-wrap: wrap; height: 100%; } .mad-banners { column-gap: 2rem; row-gap: 2rem; } .mad-banners.two-coll > .mad-banner { width: calc(50% - 1rem); } .mad-banners.three-coll > .mad-banner { width: calc(33.3333% - 1.5rem); } .mad-banners.two-coll > .mad-banner.banner-full-width { width: 100%; } .mad-grid-item .mad-banners .mad-banner.banner-small { width: 100%; max-width: 100%; height: 100%; } .mad-banner { border-radius: 9px; overflow: hidden; background-size: cover; color: #2e3133; font-weight: bold; width: 100%; padding: 3.125rem 3.5rem; background-position: left; position: relative; z-index: 1; height: 100%; } .mad-banner .mad-title { font-weight: bold; } .mad-banner h6.mad-title { font-size: 1.25rem; } .mad-banner .mad-title.style-3:not(:last-child), .mad-banner .mad-title:not(:last-child) { margin-bottom: 0.25rem; } .mad-banner .mad-title.color-white { color: #fff; } .mad-banner .mad-title.color-blue { color: #4abfd9; } .mad-banner .mad-title.color-red { color: #d94945; } .mad-title.style-2 { font-weight: normal; } .mad-title.style-3 { font-weight: 800; letter-spacing: 0.3px; } h6.mad-title.style-3 { font-size: 1.25rem; line-height: 1.5rem; text-transform: capitalize; } h2.mad-title.big-title { font-size: 3.5rem; line-height: 3.5rem; /*text-transform: uppercase;*/ } h2.mad-title.style-2 { letter-spacing: -0.07rem; line-height: 3rem; } .mad-banner.banner-small { height: 100%; display: flex; flex-direction: column; max-width: 20.5rem; min-height: 33rem; justify-content: space-between; text-align: center; padding: 2.5rem 1rem; background-position: center top; } .mad-banners.with-fixed-height { max-height: 33rem; } .mad-widget .mad-banners.with-fixed-height { min-height: 33rem; } .mad-widget .mad-banners.with-fixed-height .mad-banner { height: auto; } .mad-banner.banner-full-width { justify-content: flex-end; width: 100%; display: flex; justify-content: flex-end; } .mad-banner.banner-full-width .mad-banner-inner { display: flex; align-items: flex-end; justify-content: flex-end; max-width: 62%; row-gap: 2rem; column-gap: 2rem; } .mad-banners.two-coll > .mad-banner.banner-full-width .mad-banner-inner { flex-direction: column; min-width: 48.5%; align-items: flex-start; } .banner-info { display: flex; flex-wrap: wrap; column-gap: 1.5rem; row-gap: 1rem; align-items: center; } .mad-banner .banner-list { color: #fff; font-size: 0.875rem; line-height: 1.5rem; font-weight: 500; } .mad-banner .banner-list li span { display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 1rem; } .mad-banners.masonry { column-gap: 2rem; row-gap: 2rem; } .mad-banners.masonry > .mad-col { width: calc(66.6666% - 1rem); } .mad-banners.masonry > .mad-col:last-child { width: calc(33.3333% - 1rem); } .mad-banners.masonry > .mad-col > .mad-banner { height: 100%; } .mad-banners.masonry > .mad-col > .mad-banner .banner-info { flex-direction: column; align-items: flex-start; } .mad-banner.banner-size-2 { min-height: 28rem; } .mad-banners.masonry > .mad-col > .mad-banner[data-bg-image-src="images/584x840_banner1.jpg"] { display: flex; flex-direction: column; justify-content: space-between; } .mad-banner[data-bg-image-src="images/1038x448_bg1.png"] { background-color: #26658c; } @-moz-document url-prefix() { .mad-banner; { padding-top: 3.12rem; padding-bottom: 3.12rem; } } /* ---------------------------------------- Icon boxes ---------------------------------------- */ .mad-icon-boxes { display: flex; flex-wrap: wrap; } .mad-icon-box p { font-size: 1rem; line-height: 1.5rem; } .mad-icon-boxes:not(.hr-type):not(.our-info) .mad-icon-box .mad-icon-box-icon:not(:last-child) { margin-bottom: 2rem; } .mad-icon-box .mad-icon-box-icon .svg { height: 4.5rem; } .mad-icon-box h6.mad-icon-box-title { font-size: 1.25rem; line-height: 1.5rem; } .mad-icon-box .mad-icon-box-title:not(:last-child) { margin-bottom: 1rem; } .mad-icon-boxes:not(.our-info) .mad-icon-box .mad-icon-box-icon:after { width: 4rem; height: 4rem; margin-right: -0.5rem; margin-top: -0.5rem; } /* Horisontal style */ .mad-icon-boxes.hr-type .mad-icon-box { display: flex; column-gap: 2rem; row-gap: 1rem; } .mad-icon-boxes.hr-type .mad-icon-box p:not(:last-child) { margin-bottom: 0; } .mad-icon-boxes.hr-type.check-type .mad-icon-box .mad-icon-box-icon .svg { height: 1.5rem; } .mad-icon-boxes.hr-type.mad-reverse .mad-icon-box { flex-direction: row-reverse; text-align: right; } /* Color Style 2 */ .mad-icon-boxes.style-2 .mad-icon-box { color: #c5d3d9; } .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-sub-title, .mad-icon-boxes.our-info.style-2 .mad-icon-box .mad-icon-sub-title { color: #c5d3d9; } .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-title { color: #fff; } .mad-icon-boxes.style-2 .mad-icon-box .svg .cls-1 { stroke: #fff; } .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-icon:after { background: #3489ab; } .mad-colorizer--scheme-color-4 .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-icon:after { background: #53c4b9; } /* Size 2 */ .mad-icon-boxes.size-2.hr-type[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-icon-boxes.size-2.hr-type[class*="item-col-"]:not(.no-gutters) > * { padding-top: 1.5rem; } .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-title { font-size: 1.125rem; line-height: 1.5rem; } .mad-icon-boxes.size-2.hr-type .mad-icon-box { column-gap: 1rem; align-items: flex-start; } .mad-icon-boxes.size-2.hr-type .mad-icon-box .mad-icon-box-content { display: grid; } .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-sub-title, .mad-icon-boxes.size-2 .mad-icon-box p { line-height: 1.25rem; font-size: 0.875rem; font-weight: 500; } .mad-icon-boxes.size-2.style-3 .mad-icon-box p { color: #8b9599; } .mad-icon-boxes.size-2:not(.style-2) .mad-icon-box .mad-icon-sub-title { color: #8b9599; } .mad-icon-boxes.size-2:not(.hr-type):not(.our-info) .mad-icon-box .mad-icon-box-icon:not(:last-child) { margin-bottom: 1rem; } .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-icon .svg { height: 3rem; } .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-title:not(:last-child) { margin-bottom: 0.2rem; } .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-icon:after { width: 2.5rem; height: 2.5rem; margin-right: 0; margin-top: -4px; } .mad-icon-boxes.check-list .mad-icon-box .mad-icon-box-icon { margin-top: 0.25rem; } .mad-icon-boxes.check-list .mad-icon-box .mad-icon-box-icon .svg { height: 1.5rem; } .mad-icon-boxes.check-list .mad-icon-box .mad-icon-box-icon:after { width: 1.5rem; height: 1.5rem; margin-right: -0.25rem; } /* Our Info */ .mad-icon-boxes.our-info[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-icon-boxes.our-info[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .mad-icon-boxes.our-info[class*="item-col-"]:not(.no-gutters):not(:last-child) { margin-bottom: 3.125rem; } .mad-icon-boxes.our-info .mad-icon-box { display: flex; align-items: flex-start; } .mad-icon-box .mad-icon-box-content p { font-weight: 500; } .mad-icon-boxes.our-info .mad-icon-box > .mad-icon-box-icon { min-width: 4.375rem; padding-top: 0.5rem; } .mad-icon-boxes.our-info .mad-icon-box > .mad-icon-box-icon:after { right: 20px; } .mad-icon-boxes.our-info .mad-icon-box > .mad-icon-box-icon .svg { height: 3rem; } .mad-icon-boxes.our-info .mad-icon-box .mad-icon-sub-title { color: #8b9599; display: block; font-size: 0.875rem; line-height: 1rem; margin-bottom: 0.2rem; font-weight: 500; } .mad-icon-boxes.our-info .mad-icon-box .mad-icon-box-title { font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; word-break: break-all; letter-spacing: 0; } .mad-icon-box .svg .cls-1 { stroke: #2e3133; } .mad-icon-box i, .mad-counter-icon, .mad-product-category .mad-category-icon { display: inline-flex; position: relative; z-index: 0; } .mad-icon-box i:after, .mad-counter-icon:after, .mad-product-category .mad-category-icon:after, .mad-pt-icon:after { content: ''; position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; background: #b7e5f0; border-radius: 50%; z-index: -1; } .mad-icon-boxes.size-2.vr-type .mad-icon-box { text-align: center; } /* ---------------------------------------- Info boxes ---------------------------------------- */ /* ---------------------------------------- Entities ---------------------------------------- */ .mad-entities[class*="item-col-"]:not(.mad-grid--isotope) { display: flex; flex-wrap: wrap; } .mad-entities .mad-entity:not(:last-child), .mad-entities:not([class*="item-col-"]) .mad-col:not(:last-child) { margin-bottom: 2rem; } .mad-entities .mad-entity { position: relative; line-height: 1.5rem; } .mad-entities:not(.type-3) .mad-entity .mad-entity-media { border-radius: 1rem; overflow: hidden; } .mad-entity-media img { width: 100%; } .mad-entities .mad-entity .mad-entity-content p + a { margin-top: 0.5rem; } .mad-entities:not(.type-2):not(.mad-entity-hr) .mad-entity .mad-entity-media:not(:last-child) { margin-bottom: 2rem; } .mad-entities.single-entity:not(.type-2):not(.mad-entity-hr) .mad-entity .mad-entity-media:not(:last-child) { margin-bottom: 1.5rem; } h6.mad-entity-title { font-size: 1.25rem; line-height: 2rem; letter-spacing: -0.03rem; } .mad-entity-title a { font-weight: bold; color: #2e2133; } .mad-entity-title a.mad-link:not(:hover) { color: #0e6567; } /* Type 2 */ .mad-entities.type-3[class*="item-col-"]:not(.no-gutters) { margin-top: -2rem; } .mad-entities.type-3[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .mad-entities.type-3 .mad-entity { border-radius: 8px; background: #fff; padding: 1.2rem; font-size: 13.8px; line-height: normal; overflow: hidden; box-shadow: 0px 0px 13px rgb(169 169 169 / 25%); } .blog-mad-section .mad-entities.type-3 .mad-entity:hover { box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } .mad-colorizer--scheme-color-3 .mad-entities.type-3 .mad-entity { background: #fff; /* -webkit-box-shadow: 0px 0px 16px 0px rgb(46 49 51 / 15%); -moz-box-shadow: 0px 0px 16px 0px rgba(46, 49, 51, 0.15); box-shadow: 0px 0px 16px 0px rgb(46 49 51 / 15%); */ } .mad-entities.type-3 .mad-entity .mad-entity-header:not(:last-child) { margin-bottom: 10px; } .mad-entities.type-3 h6.mad-entity-title:not(:last-child), .mad-entities.type-3 h4.mad-entity-title:not(:last-child), .mad-entities.type-3 h1.mad-entity-title:not(:last-child) { margin-bottom: 0.5rem; } .mad-entities.type-3 .mad-entity-title a { color: #010101; } .mad-entities.type-3 .mad-entity-title a:hover { color: #2e3133; } .mad-entity-about { color: #fff; background: #24aeb1; font-size: 11px; line-height: 16px; display: inline-block; padding: 1px 5px; border-radius: 2px; font-weight: 400; } .mad-entity-about > a { color: #fff; } .mad-entity-about:not(:last-child) { margin-bottom: 0.325rem; } .mad-entity-tags { font-size: 12px; line-height: 1rem; color: #747c80; font-weight: 500; } .mad-entity-tags:not(:last-child) { margin-bottom: 0.5rem; } .mad-entities.type-3 .mad-entity .mad-read-more { font-size: 12px; line-height: 1.5rem; margin-top: 0.5rem; } .mad-read-more { color: #f34770; } .mad-entity .mad-entity-content { font-weight: 500; } /* Big Size */ .mad-entities.type-2 .mad-entity:not(:last-child) { margin-bottom: 6rem; } .mad-entities.type-2 .mad-entity { display: flex; flex-wrap: wrap; align-items: center; column-gap: 2rem; } .mad-entities.type-2 .mad-entity > * { width: calc(50% - 1rem); } .mad-entities.type-2 .mad-entity:nth-child(2n) { flex-direction: row-reverse; } .mad-entities.type-2 .mad-entity .mad-entity-content { padding: 2rem 2.5rem; padding-right: 4.5rem; } .mad-entities.type-2 .mad-entity:nth-child(2n) .mad-entity-content { padding: 2rem 2.5rem; padding-left: 4.5rem; } .mad-entities.type-3.mad-entities-big .mad-entity { background: #f6f8f8; box-shadow: none; } .mad-entities.type-3 .mad-entity h3.mad-entity-title:not(:last-child) { margin-bottom: 0.5rem; } .blogDtlPage .mad-entities.type-3 .mad-entity h1.mad-entity-title:not(:last-child) { margin-bottom: 0.2rem; } .mad-entities.type-3 .mad-entity .mad-entity-body:not(:last-child) { margin-bottom: 2rem; } .blogDtlPage .mad-entities.type-3 .mad-entity .mad-entity-body:not(:last-child) { margin-bottom: 15px; } .blogDtlPage .single-entity .mad-entity .nLayout .homebacker[class*='fix-'] { margin-left: 0px !important; margin-right: 0px !important; width: 100% !important; } .blogDtlPage .single-entity .mad-entity .nLayout .paraFormat.ucText ul li { margin-bottom: 10px; } .blogDtlPage .single-entity .mad-entity .nLayout .paraFormat.ucText p { font-size: 13.5px; line-height: 24px; } .mad-entities.type-3 article.mad-entity p { margin-bottom: 7px; } .mad-entity-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 1rem; row-gap: 1rem; } .mad-entities.type-3 .mad-entity .mad-entity-footer .mad-read-more { margin-top: 0; } .mad-share-wrap { font-size: 13px; line-height: 2rem; display: flex; column-gap: 0.5rem; color: #747c80; } /* ---------------------------------------- Style 2 ---------------------------------------- */ .mad-entities.style-2 .mad-entity { color: #c5d3d9; } .mad-entities.style-2 .mad-entity .mad-entity-title { color: #fff; } .mad-entities.style-2 .mad-entity .mad-read-more { color: #4abfd9; } .with-shift { position: relative; } .with-shift:before { content: ''; position: absolute; top: 0; left: -2000px; right: -2000px; height: 37.5%; background: #fff; } /* ---------------------------------------- Gorizontal ---------------------------------------- */ .mad-entities.mad-entity-hr .mad-col:not(:last-child), .mad-entities.mad-entity-hr .mad-entity:not(:last-child) { margin-bottom: 1.5rem; } .mad-entities.mad-entity-hr .mad-entity { display: flex; column-gap: 1rem; row-gap: 1rem; align-items: center; } .mad-entities.mad-entity-hr .mad-entity .mad-entity-media { border-radius: 4px; overflow: hidden; min-width: 7.625rem; margin-bottom: 0; } .mad-entities.mad-entity-hr .mad-entity-body { background: transparent; padding: 0; font-size: 11px; line-height: 15px; color: #747c80; font-weight: 500; } .mad-sidebar .ucSpecialDeal .mad-products.style-2 { margin-bottom: 0px; } .mad-entities.mad-entity-hr .mad-entity-body time a:hover { text-decoration: underline; } .mad-entities.mad-entity-hr .mad-entity .mad-entity-title { font-size: 14px; line-height: 1.5rem; font-weight: bold; } .mad-entities.mad-entity-hr .mad-entity .mad-entity-title a { font-weight: 600; } .mad-entities.mad-entity-hr .mad-entity .mad-entity-title:not(:last-child) { margin-bottom: 0.3rem; } .mad-entity-link-element { position: relative; font-size: 1.25rem; line-height: 2rem; background: #46a69c; color: #fff; font-weight: bold; padding: 5.5rem 2rem; font-weight: 600; border-radius: 1rem; padding-left: 2rem; overflow: hidden; letter-spacing: -0.4px; display: block; z-index: 1; } .mad-entity-link-element > i { position: absolute; top: 3rem; left: -0.5rem; color: #61b0a8; font-size: 6rem; line-height: inherit; transform: rotate(180deg); z-index: -1; } /* Single Entity */ .single-entity .mad-entity .mad-testimonials { max-width: 33.5rem; float: left; margin-right: 2rem; } /* ---------------------------------------- Carousels ---------------------------------------- */ .owl-carousel { position: relative; } .owl-carousel:not(.no-nav) .owl-nav.disabled { display: flex; } .owl-carousel.owl-carousel .owl-stage { display: flex; flex-wrap: wrap; } .owl-carousel.owl-carousel .owl-stage .mad-owl-item { height: 100%; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { position: absolute; left: 0; top: 50%; margin-top: -1rem; background: #dce3e6; color: #2e3133; width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .owl-carousel:not(.no-dots) .owl-nav button.owl-prev, .owl-carousel:not(.no-dots) .owl-nav button.owl-next { top: calc(50% - 2rem); } .owl-carousel .mad-grid-item { height: 100%; } .owl-carousel .owl-nav button span { display: none; } .owl-carousel .owl-dots { margin-top: 2rem; justify-content: center!important; padding: 0!important; } aside.mad-sidebar .mad-widget .mad-vr-list ul li:not(:last-child) { margin-bottom: 5px; font-size: 15px; } .mad-sidebar .owl-carousel.nav-top .owl-nav { margin-bottom: 1.5rem; } .mad-colorizer--scheme-light .owl-carousel .owl-dots > button.owl-dot > span { background: #b5bcc1; } .mad-colorizer--scheme-light .owl-carousel .owl-dots > button.owl-dot.active > span { background: #fff; } .owl-carousel .owl-nav button.owl-next { right: 0; left: auto; } .owl-carousel .owl-nav button.owl-prev { right: auto; left: 0; } .owl-carousel .owl-nav button:before { font-family: 'Material Icons'; font-size: 1.5rem; } .owl-carousel .owl-nav button.owl-prev:before { content: 'arrow_back'; } .owl-carousel .owl-nav button.owl-next:before { content: 'arrow_forward'; } .owl-carousel .owl-nav button:hover { background: #26658c; color: #fff; } .owl-carousel:not(.no-nav):not(.nav-top):not(.mad-simple-slideshow) { padding-left: 4.24rem; padding-right: 4.25rem; } .owl-carousel.no-dots .owl-dots { display: none; } .owl-carousel.mad-products .owl-nav { display: block; } .owl-carousel.nav-top .owl-nav { display: flex; position: absolute; column-gap: 0.25rem; bottom: 100%; right: 0; margin-bottom: .5rem; } h5 + .owl-carousel.nav-top .owl-nav, h5.mad-page-title + .row .owl-carousel.nav-top .owl-nav, h5 + .mad-testimonials .owl-carousel.nav-top .owl-nav { margin-bottom: 1.5rem; } .owl-carousel.nav-top .owl-nav > * { position: initial!important; margin: 0!important; } .owl-carousel.mad-simple-slideshow .owl-nav button.owl-prev { left: 2rem; } .owl-carousel.mad-simple-slideshow .owl-nav button.owl-next { right: 2rem; } /* ---------------------------------------- Call to Actions ---------------------------------------- */ .mad-cta { font-size: 1.125rem; line-height: 2rem; } .mad-cta .mad-page-title { letter-spacing: -1.1px; } .mad-cta .mad-page-title b { letter-spacing: -0.5px; } .mad-cta .mad-page-title:not(:last-child) { margin-bottom: 1rem; } .mad-cta .btn { margin-top: 1rem; } /*.mad-sub-wrap { display: flex; align-items: center; column-gap: 2rem; padding-left: 15rem; white-space: nowrap; padding-top: 2.5rem; padding-bottom: 2.5rem; overflow: hidden; position: relative; }*/ .mad-sub-wrap .margin-auto { margin: auto; text-align: center; padding: 100px 10px; } .mad-sub-wrap h2 { font-size: 48px; } /*.mad-sub-wrap:after { content: ''; position: absolute; left: 8px; bottom: 0; margin-bottom: -44px; -webkit-mask: url(../images/subscribe.png) no-repeat; mask: url(../images/subscribe.png) no-repeat; background-color: #4abfd9; position: absolute; width: 11.75rem; height: 11.25rem; transform: rotate(-16deg); z-index: -1; }*/ .mad-sub-wrap .mad-page-title { letter-spacing: 0; } .mad-sub-wrap .mad-page-title:not(:last-child) { margin-bottom: 0; } .mad-sub-wrap .mad-col { width: 100%; } .mad-newsletter-form { width: 100%; } .mad-cta-inner { display: flex; justify-content: space-between; align-items: center; column-gap: 1rem; row-gap: 2rem; } .mad-cta-inner .mad-page-title:not(:last-child) { margin-bottom: 0; } /* ---------------------------------------- Rating ---------------------------------------- */ .mad-rating { font-size: 1.3125rem; line-height: 1; white-space: nowrap; } .mad-rating-top-level { display: flex; } .mad-product-price + .mad-rating { display: block!important; } .mad-rating-top-level > *, .mad-rating-bottom-level > * { font-size: 2rem; line-height: 1; color: #f34770; } .mad-rating-bottom-level > * { color: #f34770; } .mad-rating.size-2 .mad-rating-top-level > *, .mad-rating.size-2 .mad-rating-bottom-level > * { font-size: 1.3rem; line-height: 1.5rem; color: #fbb614; } .mad-rating.size-small .mad-rating-top-level > *, .mad-rating.size-small .mad-rating-bottom-level > * { font-size: 1.25rem; line-height: 1rem; color: #fbb614; } .mad-rating.size-big .mad-rating-top-level > *, .mad-rating.size-big .mad-rating-bottom-level > * { font-size: 2.5rem; line-height: 2.5rem; color: #fbb614; } .ucReview .mad-rating-bottom-level > label:after { display: none!important; } .ucReview .mad-rating-bottom-level > label:before { font-family: 'Material Icons'; content: "star_border"!important; -webkit-font-feature-settings: 'liga'; border: none !important; width: 100% !important; height: 100% !important; } .ucReview .mad-rating-bottom-level > .half:before { content: "\f089"; position: absolute; } .ucReview .mad-rating-bottom-level > label { float: right; padding: 0px !important; } .ucReview .mad-rating-bottom-level > input:checked ~ label, /* show gold star when clicked */ .ucReview .mad-rating-bottom-level:not(:checked) > label:hover, /* hover current star */ .ucReview .mad-rating-bottom-level:not(:checked) > label:hover ~ label { color: #fbb614; } .ucReview .mad-rating-bottom-level > input:checked ~ label:before, /* show gold star when clicked */ .ucReview .mad-rating-bottom-level:not(:checked) > label:hover:before, /* hover current star */ .ucReview .mad-rating-bottom-level:not(:checked) > label:hover ~ label:before { font-family: 'Material Icons'; content: "star"!important; -webkit-font-feature-settings: 'liga'; } .ucReview .mad-rating-bottom-level > input:checked + label:hover, /* hover current star when changing rating */ .ucReview .mad-rating-bottom-level > input:checked ~ label:hover, .ucReview .mad-rating-bottom-level > label:hover ~ input:checked ~ label, /* lighten current selection */ .ucReview .mad-rating-bottom-level > input:checked ~ label:hover ~ label { color: #d9a934; } .ucReview .mad-rating:after { content: ""; display: block; clear: both; } .ucReview .mad-rating .mad-rating-bottom-level { float: left; } .ucReview .mad-rating .mad-rating-bottom-level:after { content: ""; clear: both; display: block; } /* ---------------------------------------- Testimonials ---------------------------------------- */ .mad-testimonials .owl-carousel .owl-stage { display: flex; flex-wrap: wrap; } .mad-testimonials .owl-carousel .owl-item { float: none; } .mad-testimonial { position: relative; padding: 10px; /*margin-bottom: -10%;*/ /*background: #ecf6f5;*/ border-radius: 1rem; overflow: hidden; height: 100%; display: flex; flex-direction: column; } .mad-testimonials:not(.type-3) .mad-testimonial:after { /*content: ''; -webkit-mask: url(../images/blockquote.png) no-repeat; mask: url(../images/blockquote.png) no-repeat; background-color: #46a69c; position: absolute; width: 131px; height: 98px; top: 0.875rem; left: -1rem; opacity: 0.1;*/ } .mad-testimonial .mad-testimonial-title { font-weight: bold; font-size: 1.25rem; line-height: 1.2; } .mad-testimonial-title .material-icons { color: #d9a934; } .lightgray { color: #d3d3d3 !important; } .mad-testimonial .mad-testimonial-title:not(:last-child) { margin-bottom: 10px; } .mad-testimonial .mad-rating:not(:last-child) { margin-bottom: 2.8rem; } .mad-testimonial blockquote { font-size: 1rem; line-height: 1.5rem; color: #515759; } .mad-testimonial blockquote .content-div { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: .3s; transition: height 0.3s ease; } .mad-testimonial blockquote.expanded .content-div { overflow: initial; text-overflow: initial; display: block; -webkit-line-clamp: initial; -webkit-box-orient: initial; transition: .3s; } .mad-testimonial blockquote .moreTxt { display: block; } .mad-testimonial blockquote .moreTxt span { font-size: 12px; } .mad-testimonial blockquote .moreTxt span:last-child { display: none; } .mad-testimonial blockquote.expanded .moreTxt span:last-child { display: block; } .mad-testimonial blockquote.expanded .moreTxt span:first-child { display: none; } .mad-testimonial blockquote:not(:last-child) { margin-bottom: 2.4rem; } .mad-testimonial-info { flex: 1; } .mad-testimonial-info:not(:last-child) { margin-bottom: 10px; } .mad-testimonial-rating { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; color: #747c80; font-size: 0.875rem; line-height: 1rem; row-gap: 0.5rem; font-weight: 500; } .mad-testimonial .mad-testimonial-rating:not(:last-child) { margin-bottom: 1.25rem; } .mad-testimonial .mad-rating:not(:last-child) { margin-bottom: 0; } .mad-author { display: flex; align-items: center; column-gap: 0.7rem; } .mad-author-name { font-size: 1rem; line-height: 1.5rem; font-weight: bold; color: #2e3133; } .mad-author-img { border-radius: 50%; overflow: hidden; } .mad-author-info { line-height: 1.5rem; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .mad-author-info cite { font-size: 0.8125rem; line-height: 1rem; font-weight: 500; color: #8b9599; display: block; font-style: normal; } .mad-testimonials.style-2 .mad-testimonial { background: #fff; } .mad-testimonials .mad-grid--cols-4 .mad-testimonial { padding-top: 4rem; padding-bottom: 4rem; } .mad-testimonials.type-2 .mad-testimonial { background: none; padding: 0; padding-left: 5rem; padding-top: 0.5rem; overflow: visible; } .mad-testimonials.type-2 .mad-testimonial:after { width: 47px; height: 35px; background-color: #4abfd9; opacity: 1; left: 0; top: 0; } .mad-testimonials.type-2.style-2 .mad-testimonial blockquote { color: #f2f2f2; } .mad-testimonials.type-2.style-2 .mad-testimonial .mad-author-name, .mad-testimonials.type-2.style-2 .mad-testimonial .mad-testimonial-title { color: #fff; } .mad-testimonials.type-2.style-2 .mad-testimonial cite { color: #c5d3d9; } .mad-testimonials.type-3 .mad-testimonial { padding-top: 2rem; padding-bottom: 2rem; } .mad-review { font-size: 1rem; line-height: 1.5rem; color: #747c80; } .mad-review-title:not(:last-child), .mad-review .mad-rating:not(:last-child) { margin-bottom: 1rem; } .mad-review.two-cols { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 1rem; } .mad-review.two-cols:not(:last-child) { margin-bottom: 1.5rem; } .mad-review-head { display: flex; flex-wrap: wrap; column-gap: 1rem; align-items: center; } .mad-review-head:not(:last-child) { margin-bottom: 1rem; } .mad-review-head .mad-review-title:not(:last-child) { margin-bottom: 0; } .mad-testimonials.type-2 .owl-carousel { padding-left: 7.5rem; padding-right: 7.5rem; } .mad-author-city { line-height: 1; } span.autor-right { color: #3bb67d; font-weight: bold; } /* ---------------------------------------- Author ---------------------------------------- */ .mad-author-photo { display: inline-block; width: 6.5rem; height: 6.5rem; border-radius: 50%; overflow: hidden; } .mad-author-photo:not(:last-child) { margin-bottom: 1rem; } /* ---------------------------------------- Instafeed ---------------------------------------- */ .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col.mad-col-full { flex: 1; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:last-child .mad-offset-right { display: flex; justify-content: center; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a img { width: 100%; height: 100%; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a { display: block; position: relative; height: 100%; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before { content: "\f16d"; font-family: Font Awesome\ 5 Brands; font-size: 50px; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(14,41,58,0.5); display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:hover:before { opacity: 1; visibility: visible; } .mad-instafeed.style-2:not(.size-2) .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) { margin: -2rem -1rem 0; } .mad-instafeed.style-2:not(.size-2) .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col { padding: 2rem 1rem 0; } .mad-instafeed.style-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a { border-radius: 1rem; overflow: hidden; } .mad-instafeed.style-2.size-2 .mad-grid { margin: -0.5rem -0.25rem 0; } .mad-instafeed.style-2.size-2 .mad-grid > * { padding: 0.5rem 0.25rem 0; } .mad-instafeed.size-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before { font-size: 2rem; } .mad-instafeed.style-2.size-2 .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a { border-radius: 0.5rem; } .mad-instafeed.style-2.size-2:not(:last-child) { margin-bottom: 1.5rem; } /* ---------------------------------------- Sliders ---------------------------------------- */ .rev-slider, .rev_slider_wrapper { position: relative; } .rev-slider.dots-center .tp-bullets { justify-content: center; padding: 0; } .rev_slider_wrapper:not(.full-width) { border-radius: 1rem; overflow: hidden!important; } .tp-layer-section-title { } .owl-carousel .owl-dots, .tp-bullets { width: auto!important; display: flex; justify-content: flex-start; padding-left: 72px; column-gap: 1rem; } .tp-bullets { width: 100%!important; } .owl-carousel .owl-dots > button.owl-dot > span, .tp-bullet, .tp-bullet:hover { display: block; width: 12px!important; height: 12px!important; background: #737c7d; border-radius: 50%; position: initial!important; } .owl-carousel .owl-dots > button.owl-dot.active > span, .tp-bullet.selected { background: #2e3133; transform: scale(1.3); } .tp-layer-section-title { letter-spacing: -0.5px!important; } .tp-layer-section-title span { text-transform: uppercase; display: block; font-size: 1.5rem!important; line-height: 1.5rem!important; margin-right: 1rem; } .tp-layer-section-title span:last-child { font-size: 1.375rem!important; line-height: 1.375rem!important; } .tp-layer-section-title.style-2 { font-weight: 800; display: flex; align-items: center; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider .tp-bullets { margin-left: -17.25rem!important; } /*slider*/ .swiper-slide { min-height: 465px; background-repeat: no-repeat; background-size: cover; display: flex!important; align-items: center; justify-content: center; } .slideContent { max-width: 325px; padding-left: 70px; } .slideContent h2 { font-size: 33px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; } .slideContent p { font-size: 15px; opacity: .5; } .slideContent a.goBtn { font-size: 12px; display: inline-block; border: 2px solid #bfbfbf; padding: 15px 30px; margin-top: 40px; background-color: #FFF; color: #1c1b1b; text-decoration: none; transition: .3s; } .slideContent a.goBtn:hover { background-color: #1c1b1b; color: #fff; transition: .3s; } .slideWithBxlnk a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; } .whtTxt { color: #FFF; } .goldTxt { color: #d7bb94!important; } .eleBlock.e_bannerslider { border: none!important; } .e_bannerslider .swiper-pagination-bullet { width: 11px; height: 11px; border-radius: 100%; background: #737c7d; opacity: 6; } .e_bannerslider .swiper-container-horizontal .swiper-pagination { bottom: 20px; } .swiper-pagination-bullet-active { background: #2e3133!important; width: 13px !important; height: 13px!important; } .offerBlock { padding: 25px 45px; position: relative; min-height: 230px; background-repeat: no-repeat; background-size: cover; background-position: right center; } .ofrTtl { font-size: 18px; font-weight: bold; text-transform: uppercase; } .ofrLnk { display: block; color: #454344; text-transform: uppercase; font-size: 10px; position: absolute; bottom: 25px; left: 45px; padding-left: 25px; background-image: url(../images/right-arrow.png); background-repeat: no-repeat; background-position: left center; background-size: auto 10px; } .whiteOfr .ofrLnk { background-image: url(../images/right-arrow-grey.png); } .offerGrid { margin-top: 10px; } .offerGrid .row { margin-left: -5px; margin-right: -5px; } .offerGrid .col-md-4 { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .ofrTxt { text-transform: uppercase; font-size: 12px; margin-top: 15px; color: #9c9c9c; } .whiteOfr { color: #FFF; } .whiteOfr a { color: #FFF; opacity: .5; } .contentTitle { font-size: 60px; padding: 20px 10px; margin-bottom: 20px; color: #9e9e9e; font-weight: normal; line-height: normal; margin-top: 0px; } .contentTitle span { /*font-weight: 700;*/ } .contentTitle .undrln { display: inline-block; } .contentTitle .undrln:after { /*background-position: center;*/ } .sliderWrap { /*overflow: hidden;*/ } .sliderWrap:after { content: ""; display: block; clear: both; } .sliderWrap .container { /*margin-right: -2px; float: right;*/ position: relative; } .product-slider, .rltdProduct { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1; margin-bottom: 20px; width: calc(100% - 90px); padding: 0px 10px; } .offer-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .sliderWrap .swiper-button-prev, .sliderWrap .swiper-container-rtl .swiper-button-next { left: -37px; } .sliderWrap .swiper-button-next, .sliderWrap .swiper-container-rtl .swiper-button-prev { right: -37px; } .sliderWrap .swiper-button-prev:focus, .sliderWrap .swiper-container-rtl .swiper-button-next:focus { outline: none; } .sliderWrap .swiper-button-next:focus, .sliderWrap .swiper-container-rtl .swiper-button-prev:focus { outline: none; } .product-slider .proPrice, .rltdProduct .proPrice { display: inline-block; font-weight: 500; letter-spacing: -1px; margin-right: 10px; } .product-slider .proInfo, .rltdProduct .proInfo { display: block; text-align: left; font-size: 14px; margin-top: 3px; } .product-slider .productBlock, .rltdProduct .productBlock { text-align: left; } .productBlock { display: flex; width: 100%; color: #1c1b1b; position: relative; } /*.productBlock a { color: #fff; }*/ .productBlock .mealWishlist.fvrtAdded { position: absolute; top: 0px; margin-bottom: 0px!important; font-size: 20px; right: 10px; width: 20px; } .productBlock .mealWishlist.fvrtAdded a { color: #d1021c; display: block; } .productBlock #ltrFrom { font-size: 12px; } .offAvlbl { text-decoration: line-through; } .productList, .productDetail { /*margin-top: 90px;*/ } /*.productList { padding-left: 15px; padding-right: 15px; }*/ .myAccountTab .productList { padding-left: 0px; padding-right: 0px; } .productBlock .proOfr { min-height: 55px; position: absolute; left: 0px; right: 0px; width: 100%; top: 0px; z-index: 9; } .proOfr { display: inline-block; vertical-align: middle; } .proPriceWrp { text-align: left; font-size: 18px; font-weight: 300; min-height: 60px; } .proPriceWrp .proPriceOfr, .proPriceWrp .proPrice { display: inline-block; margin-right: 10px; } .proPriceOfr, .proPrice { } .proPriceWrp .proPrice.offAvlbl { font-size: 14px; } .dtlReview .regButton { background-color: #ef7b7a; } .proPriceWrp .proInfo { display: block; font-size: 13px; text-align: left; } .proTag { display: inline-block; padding: 7px 14px; position: absolute; top: 0; right: 0; background-color: #000; color: #fff; font-size: 10px; text-transform: uppercase; letter-spacing: 4px; text-align: center; z-index: 9; } .leftTag { left: 0; right: auto; background-color: #ed7a79; letter-spacing: 2px; } .proOfr .proLbl { display: inline-block; position: relative; background-color: #FFF; padding: 6px 10px 6px 10px; border-radius: 40px; color: #8b8b8b; font-size: 10px; text-transform: uppercase; border: 1px solid #cacaca; float: right; margin-right: 5px; } .proOfr .proLbl span { display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 4px; top: 2px; } .proOfr .proNew { display: inline-block; position: relative; padding: 7px 15px; border-radius: 40px; color: #fff; font-size: 10px; text-transform: uppercase; margin-top: 15px; float: left; letter-spacing: 1px; text-align: center; } .flexslider .proNew { display: inline-block; position: relative; padding: 7px 20px; border-radius: 40px; color: #fff; font-size: 10px; text-transform: uppercase; margin-top: 5px; float: left; letter-spacing: 1px; } .productBlock .proImg { text-align: center; min-height: auto; position: relative; overflow: hidden; font-size: 0px; display: table; width: 100%; /*margin: auto;*/ margin-bottom: 0px !important; } .prdctList .productBlock .proImg { min-height: auto !important; } .myAccountTab .productBlock .proImg a.addRecIcon { display: inline-block; height: 135px; overflow: hidden; } .productBlock .proImg a > span { display: inline-block; height: 200px; overflow: hidden; } .proImg.mad-product-image { font-size: inherit; } .productBlock .proImg .grid-variants { display: table-cell; vertical-align: middle; } .ucAlsoLike .productBlock .proImg { height: 152px !important; } .productBlock .proImg img { display: table-cell; vertical-align: middle; margin: auto; } .ucAlsoLike .productBlock .proImg img { width: auto !important; } .productBlock .proImg .proHovr { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; opacity: 0; transition: .5s; display: table; width: 100%; height: 100%; } .productBlock .proImg > img { opacity: 1; transition: .5s; } .productBlock .proImg:hover .proHovr { opacity: 1; transition: .5s; } .productBlock .proImg:hover > img { opacity: 0; transition: .5s; } .productBlock .cartBtn { position: absolute; bottom: -30px; left: 0; width: 100%; height: 50px; font-size: 11px; background-color: #000; border: none; color: #fff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 8px 5px; line-height: 35px; opacity: 0; transition: .3s; } .productBlock .proImg:hover .cartBtn { bottom: 0px; opacity: 1; transition: .3s; } .catBanner { padding: 30px 0px; /*background: #ecf6f5;*/ } /*.catBanner .catTitle { font-size: 34px; display: block; letter-spacing: -1.5px; text-align: left; font-weight: normal; margin-top: 0px; margin-bottom: 0px; line-height: 1.5em; padding: 0px 0px; }*/ .catBanner .catTitle { display: inline-block; text-align: left; color: #2e3133; font-weight: normal; margin-top: 0px; margin-bottom: 0px; /*background: rgba(0,0,0,0.53);*/ padding: 10px; font-size: 38px; line-height: 1.5; } .catBanner .catTitle::after { content: ""; display: table; clear: both; } .catBanner .catSubTitle { display: inline-block; color: #2e3133; font-size: 20px; text-align: left; font-weight: normal; /*background: rgba(0,0,0,0.53);*/ line-height: 1em; padding-top: 8px; border-top: 2px solid #f34770; } .catBanner .catImage { max-width: 80px; display: inline-block; margin: auto; vertical-align: middle; } .catBanner .catTitleWrp { display: inline-block; vertical-align: middle; margin-left: 20px; } .catBanner .listBnr { padding: 150px 0px 90px; background-color: rgba(0,0,0,0.4); position: relative; } .catBanner .bnrMaxTxt { display: inline-block; max-width: 450px; background: rgba(0,0,0,0.4); padding: 20px 30px; margin-left: 25px; } .catBanner .listBnr .catTitle { padding: 0px 0px; background-color: transparent; display: inline-block; margin-top: -15px; } .catBanner .listBnr .breadCrumb { position: absolute; bottom: 0px; color: #fff; text-align: left; } .catBanner .listBnr .textRed_ew { color: #FFF!important; } .listBnr h1 { text-align: left; } .cartBanner { background-repeat: no-repeat; background-position: center center; min-height: 300px; background-size: cover; } .cartBanner .catTitle { display: block; padding: 100px 0px; text-align: center; font-size: 100px; color: #fff; background-color: rgba(0,0,0,0.4); font-weight: normal; margin-top: 0px; margin-bottom: 0px; } .numbers { font-weight: 500!important; } .proTtl { text-align: left; font-size: 16px; font-weight: 600; position: relative; min-height: 60px; padding-right: 35px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .proTtl span { font-weight: 700; } .proPrice { text-align: left; font-size: 18px; font-weight: 300; } .offer-slider .productBlock .proImg img { max-width: 125px; } .swiper-button-next { color: #b7b7b7!important; } .swiper-button-prev { color: #b7b7b7!important; } .product-slider .swiper-slide, .rltdProduct .swiper-slide { min-height: initial!important; position: relative; transition-property: transform; } .product-slider .swiper-slide .productBlock, .rltdProduct .swiper-slide .productBlock { /*padding-right: 15px;*/ } .product-slider .swiper-slide > a, .rltdProduct .swiper-slide > a { display: block; width: 100%; } .offer-slider .swiper-slide { min-height: initial!important; } .e_bannerslider .cd-full-width { max-width: 65% !important; padding-left: 1rem; /*position: absolute;*/ top: 50px; } .e_bannerslider .swiper-wrapper > li { min-height: 399px; padding-top: 18px; background-position: center; /*background-size: 100% auto;*/ } .e_bannerslider .promoSlider > a { display: block; width: 100%; } .weightSelect { margin-top: 15px; max-width: 150px; } .swiper-container { width: 100%; } /* ---------------------------------------- Google Map ---------------------------------------- */ .mad-gmap { height: 40.625rem; } .mad-gmap:not(:last-child) { margin-bottom: 1.6rem; } .mad-gmap { height: 100%; min-height: 40.625rem; } /* ---------------------------------------- Forms ---------------------------------------- */ input[type="text"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, .mad-custom-select .mad-selected-option, .select2-container--milenia .select2-selection { height: 2.7rem; width: 100%; padding-top: 0.3rem; padding-right: 1rem; padding-bottom: 0.3rem; padding-left: 1rem; font-size: .8rem; line-height: 1.2rem; color: #8b9599; color: #515759; background: #fff; border-radius: 4px; border: 2px solid #dce3e6; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1!important; } .mad-contact-form .row:not(.col-no-space) { margin: 0 -0.5rem -1rem; } .mad-contact-form .row:not(.col-no-space) > [class*="col"] { padding: 0 0.5rem 1rem; } .mad-contact-form[class*="item-col-"]:not(.no-gutters) { /*margin: -1.5rem -1rem 0;*/ } .mad-contact-form[class*="item-col-"]:not(.no-gutters) > * { /*padding: 1.5rem 1rem 0;*/ } .mad-contact-form[class*="item-col-"] .row:not(.col-no-space) { margin: 0 -1rem -1.5rem; } .mad-contact-form[class*="item-col-"] .row:not(.col-no-space) > [class*="col"] { padding: 0 1rem 1.5rem; } .mad-contact-form[class*="item-col-"] input:not(:last-child) { margin-bottom: 0.5rem; } .mad-contact-form .mad-custom-select { width: 100%; } .registerWrap .registerpage .hidden-section.regForm .market_email .mad-toggled-fields label { font-size: 13px; } .registerWrap .registerpage .hidden-section.regForm .market_email .mad-toggled-fields { margin-top: 10px; } /* ---------------------------------------- Range Slider ---------------------------------------- */ .mad-range-slider-field { font-size: 0.875rem; line-height: 1.5rem; padding-top: 0.5rem; } .mad-range-slider-field input[type="text"], .mad-range-slider-field input[type="search"], .mad-range-slider-field input[type="date"], .mad-range-slider-field input[type="datetime-local"], .mad-range-slider-field input[type="email"], .mad-range-slider-field input[type="file"], .mad-range-slider-field input[type="month"], .mad-range-slider-field input[type="number"], .mad-range-slider-field input[type="password"], .mad-range-slider-field input[type="tel"], .mad-range-slider-field input[type="time"], .mad-range-slider-field input[type="url"], .mad-range-slider-field input[type="week"], .mad-range-slider-field textarea { height: auto !important; font-size: inherit; line-height: inherit !important; border-width: 0px; font-weight: inherit; width: 100%; padding: 0 !important; background-color: transparent; box-shadow: none; color: #747c80; } .mad-range-slider:not(:last-child) { margin-bottom: 1rem; } .mad-range-slider-field input { font-weight: 500!important; } .mad-range-slider-input:not(:last-child) { margin-bottom: 1rem; } .mad-range-slider { position: relative; height: 0.5rem; background-color: #fff; border: 2px solid #46a69c; border-radius: 1rem; } .mad-range-slider .ui-slider-range { position: absolute; top: 0; bottom: 0; opacity: 1; cursor: pointer; background: #46a69c; } .mad-range-slider .ui-slider-handle { display: block; position: absolute; top: 50%; margin-top: -0.75rem; width: 1.5rem; height: 1.5rem; cursor: pointer; border-radius: 50%; background-color: #46a69c; } .mad-range-slider .ui-slider-handle:before { content: ''; position: absolute; top: 50%; left: 50%; width: 1rem; height: 1rem; margin-left: -8px; margin-top: -8px; border-radius: 50%; background: #fff; z-index: 1; } .mad-range-slider .ui-slider-handle:last-child { margin-left: -0.625rem; } /* ---------------------------------------- Checkbox & Radio ---------------------------------------- */ .mad-toggled-fields:not(:last-child) { margin-bottom: 1rem; } input[type="checkbox"], input[type="radio"] { display: none; } input[type="checkbox"] + label[for], input[type="radio"] + label[for] { display: block; position: relative; font-size: .9rem; line-height: 1.2rem; padding-left: 3.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; min-height: 1.5rem; color: #515759; } input[type="radio"] + label[for] { padding: 0 0 0 2rem; } input[type="checkbox"] + label[for]::before, input[type="radio"] + label[for]::before { content: ""; border: 2px solid #dce3e6; width: 2.25rem; height: 2.25rem; border-radius: 1rem; position: absolute; left: 0; top: 0; } input[type="checkbox"] + label[for]::after /*, input[type="radio"] + label[for]::after*/ { font-family: 'Material Icons'; content: "done"; color: #2e3133; font-size: 1.5rem; line-height: 22px; position: absolute; left: 0; width: 22px; text-align: center; top: 0; display: none; } input[type="checkbox"] + label[for]:not(:last-child), input[type="radio"] + label[for]:not(:last-child) { margin-bottom: 0.5rem; } input[type="radio"] + label[for]:not(:last-child), .mad-toggled-fields.size-2 input[type="checkbox"] + label[for]:not(:last-child) { margin-bottom: 1rem; } input[type="checkbox"]:checked + label[for]::after, input[type="radio"]:checked + label[for]::after { display: block; } input[type="radio"]:checked + label[for]::after { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: #46a69c; left: 0.4rem; top: 0.42rem; } input[type="radio"] + label[for]::before { border-radius: 50%; width: 1.25rem; height: 1.25rem; } .mad-toggled-fields.style-2 input[type="checkbox"] + label[for], .mad-toggled-fields input[type="checkbox"] + label[for].style-2 { color: #24aeb1; font-weight: 500; } .mad-toggled-fields.size-2 input[type="checkbox"] + label[for], .mad-toggled-fields.size-2 input[type="radio"] + label[for] { line-height: 1.5rem; padding-top: 0; padding-bottom: 0; padding-left: 2rem; } .mad-toggled-fields.size-2 input[type="checkbox"] + label[for]::before { height: 20px; width: 20px; border-radius: 0.5rem; } .mad-toggled-fields.size-2 label span { font-size: 0.875rem; line-height: 1.5rem; color: #747c80; } .mad-toggled-fields.size-2 input[type="checkbox"] + label[for]::after, .mad-toggled-fields.size-2 input[type="radio"] + label[for]::after { font-size: 0.875rem; width: 1.5rem; line-height: 1.5rem; font-weight: bold; } .mad-label-checkbox.style-3 { color: #2e3133; cursor: text; } /* ---------------------------------------- Select ---------------------------------------- */ .mad-custom-select { position: relative; min-width: 6rem; } .mad-custom-select.mad-over { z-index: 9; } .mad-custom-select .mad-selected-option { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; height: 3.5rem; line-height: 3.2rem; position: relative; padding-right: 2.625rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 0; padding-bottom: 0; } .mad-custom-select.size-2 .mad-selected-option { height: 2.7rem; line-height: 1.2rem; border-radius: 4px; z-index: 1; } .blog_search .mad-selected-option option { padding: 10px; } .mad-custom-select .mad-selected-option::after, .mad-custom-select .mad-selected-option::before { content: "keyboard_arrow_down"; font-family: 'Material Icons'; font-size: 1.25rem; line-height: inherit; position: absolute; color: #909a9d; top: 0; right: 1.375rem; max-width: 14px; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-custom-select .mad-selected-option::before { content: "keyboard_arrow_up"; opacity: 0; visibility: hidden; } .mad-custom-select .mad-options-list { font-size: 1rem; line-height: 1.5rem; text-align: initial; color: #8b9599; background-color: #fff; padding-bottom: 1rem; border: 2px solid #dce3e6; position: absolute; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; top: 100%; left: 0; width: 100%; margin-top: -1px; border-top: none; opacity: 0; visibility: hidden; max-height: 18.75rem; overflow: auto; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-custom-select .mad-options-list > li { cursor: pointer; padding-top: 1rem; padding-right: 1.375rem; padding-left: 1.375rem; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-custom-select .mad-options-list > li:hover, .mad-custom-select .mad-options-list > li.mad-active { color: #2e3133; } .mad-custom-select.mad-opened .mad-options-list, .mad-custom-select.mad-opened .mad-selected-option::before { opacity: 1; visibility: visible; } .mad-custom-select.mad-opened .mad-selected-option::after { opacity: 0; visibility: hidden; } .mad-csstransforms3d .mad-custom-select .mad-options-list, .mad-csstransforms3d .mad-custom-select .mad-selected-option::after, .mad-csstransforms3d .mad-custom-select .mad-selected-option::before { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; } .mad-csstransforms3d .mad-custom-select .mad-options-list { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .mad-csstransforms3d .mad-custom-select .mad-selected-option::before, .mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::after { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-csstransforms3d .mad-custom-select.mad-opened .mad-options-list, .mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mad-custom-select.mad-over.mad-opened .mad-selected-option { border-bottom-color: transparent; border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; } .mad-custom-select .mad-selected-option { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; height: 3.5rem; line-height: 3.2rem; position: relative; padding-right: 2.625rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 0; padding-bottom: 0; } /* ---------------------------------------- Counter ---------------------------------------- */ .mad-field-counter { position: relative; padding-right: 3rem; } .mad-field-counter-value { color: #2e3133; font-size: 3.7rem; line-height: 0.82; position: relative; top: 5px; } .mad-field-counter-control { font-size: 1.25rem; line-height: 1; position: absolute; right: 0; -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .mad-field-counter-control::after { font-family: 'Linearicons'; } .mad-field-counter-control:hover { color: #2e3133; } .mad-field-counter-control--increase { top: 0; } .mad-field-counter-control--increase::after { content: "\e939"; } .mad-field-counter-control--decrease { bottom: 0; } .mad-field-counter-control--decrease::after { content: "\e93a"; } /* ---------------------------------------- Label ---------------------------------------- */ label { color: #515759; font-size: .9rem; line-height: 1.2rem; margin-bottom: 0.4rem; display: block; font-weight: 500; } label span { color: #d94945; } label[for] { cursor: pointer; } /* ---------------------------------------- Textarea ---------------------------------------- */ textarea { height: auto; resize: none; padding-top: 1rem; padding-bottom: 1rem; display: block; } /* ---------------------------------------- Form groups ---------------------------------------- */ .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 2rem; column-gap: 2rem; } [class*="form-col"] { width: 100%; } .form-col-1 { width: 8.33333%; } /* ---------------------------------------- Single Field Form ---------------------------------------- */ /*.mad-shop-footer .one-line { position: relative; } .mad-shop-footer .one-line .btn { position: absolute; top: 0; right: 0; } .mad-shop-footer .one-line.mad-newsletter-form input { padding-right: 6rem; text-overflow: ellipsis; } .mad-shop-footer .style-2 input, .mad-shop-footer .style-2 textarea { border: none; }*/ .mad-shop-footer .form.one-line .btn.btn-style-3 { width: 35%; } .mad-shop-footer .shop-cart-form .form.one-line:first-child input:first-child { padding-right: 37%; } .form.one-line { position: relative; } .subscribe_fixed { background: #f2f3f5; } .form.one-line .btn { position: absolute; top: 0; right: 0; } .form.one-line.mad-newsletter-form input { padding-right: 6rem; text-overflow: ellipsis; } .mad-newsletter-form.one-line > input:first-child { padding-right: 135px; border-radius: 50px; border: none; } .mad-newsletter-form.one-line > input.btn-style-3 { text-transform: uppercase; } .mad-newsletter-form.one-line > input.btn-style-3:before { content: "->"; position: absolute; top: 0; right: 0px; color: red; height: 50px; } .form.style-2 input, .form.style-2 textarea { border: none; } .form:not(.one-line):not(.mad-searchform) input:not(:last-child), .form:not(.one-line):not(.mad-searchform) textarea:not(:last-child) { margin-bottom: 1rem; } .form.mad-newsletter-form:not(.one-line) input:not(:last-child), .form.mad-newsletter-form:not(.one-line) textarea:not(:last-child) { margin-bottom: 0.5rem; } .mad-colorizer--scheme-color-2 .form.one-line.mad-newsletter-form input { border: none; } /*.mad-shop-footer .size-2 input, .mad-shop-footer .size-2 textarea { height: 3rem; border-radius: 1rem; }*/ .form.size-2 input, .form.size-2 textarea { height: 3rem; border-radius: 1rem; } /* ---------------------------------------- Colorizer ---------------------------------------- */ [class*="mad-colorizer--scheme-"] { position: relative; } .container .mad-section[class*="mad-colorizer--scheme-"]:not([class*="mad-section--stretched"]):not(.mad-section--no-adaptive) { padding-left: 1rem; padding-right: 1rem; } .mad-colorizer-bg-color, .mad-colorizer-bg-image { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; } .mad-colorizer-bg-image { background-repeat: no-repeat; background-size: cover; background-position: center; } .mad-colorizer--parallax .mad-colorizer-bg-image { background-size: auto; background-attachment: fixed; } .mad-touchevents .mad-colorizer--parallax .mad-colorizer-bg-image { background-size: cover !important; background-position: center !important; background-attachment: scroll !important; } [class*="with-overlay"] { z-index: 1; position: relative; } [class*="with-overlay"]:not(.mad-section):after, .mad-section[class*="with-overlay"] > [class*="mad-colorizer-"]:after { content: ''; background: rgba(14,41,58,0.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .mad-bg-section { min-height: 400px; padding-bottom: 40%!important; } .mad-colorizer--scheme-color-2 > .mad-colorizer-bg-color { background: #f2f3f5; } .mad-colorizer--scheme-color-3 > .mad-colorizer-bg-color { background: #f6f8f8; } .mad-colorizer--scheme-color-4 > .mad-colorizer-bg-color { background: #46a69c; } .mad-colorizer--scheme-color-5 > .mad-colorizer-bg-color { background: #e9f7fa; } .mad-colorizer--scheme-light .mad-cta-title, .mad-colorizer--scheme-light .mad-title, .mad-colorizer--scheme-light .mad-section-title, .mad-colorizer--scheme-light .mad-page-title, .mad-colorizer--parallax .mad-page-title, .mad-colorizer--scheme-light .mad-pre-title { color: #fff; } .mad-colorizer--scheme-light { color: #c7c8cc; } .mad-colorizer--scheme-color-3 .mad-icon-box-content { color: #8b9599; } .mad-colorizer--scheme-color-4 { color: #c5d3d9; } .mad-colorizer--scheme-color-4 .mad-icon-boxes.size-2.hr-type .mad-icon-box, .mad-colorizer--scheme-color-4 .mad-icon-boxes.style-2 .mad-icon-box .mad-icon-sub-title, .mad-colorizer--scheme-color-4 .mad-icon-boxes.our-info.style-2 .mad-icon-box .mad-icon-sub-title { color: #d7e4e2; } .mad-colorizer--scheme-color-5 .mad-icon-boxes.size-2.hr-type .mad-icon-box, .mad-colorizer--scheme-color-3 .mad-icon-boxes.size-2:not(.style-2) .mad-icon-box .mad-icon-sub-title, .mad-colorizer--scheme-color-5 .mad-icon-boxes.size-2:not(.style-2) .mad-icon-box .mad-icon-sub-title { color: #8b9599; } /* .mad-colorizer--scheme-color-5 { color: #8b9599; } */ .mad-colorizer--scheme-color-2 { color: #c5d3d9; } .mad-colorizer--scheme-color-2 .mad-page-title { color: #000; } .mad-section--stretched-content { padding-left: 44px; padding-right: 44px; } /* Video wrapper */ .video_wrapper { width: 100%; margin: 0 auto; position: relative; } .video_wrapper > iframe { z-index: 2; } .video_wrapper_full { padding-top: 36rem; } .video_wrapper_full.with-half-bg:after { content: ''; position: absolute; top: 50%; background: #ebe117; left: -2000px; right: -2000px; height: 50%; } .videoIframe { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .videoPoster { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(../images/974x656_img5.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; border: none; text-indent: -999em; opacity: 1; z-index: 3; overflow: hidden; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .videoPoster[class*="with-overlay"]:not(.mad-section):after { overflow: hidden; } .video_wrapper_full.image-2 { padding-top: 37.5rem; } .video_wrapper_full.image-2.size-2 { padding-top: 26.5rem; } .video_wrapper_full.image-2.size-3 { padding-top: 18.5rem; } .video_wrapper_full.image-2.size-4 { padding-top: 12rem; } .video_wrapper_full.image-2.size-2 .videoPoster { background-image: url(../images/624x424_img1.jpg); } .video_wrapper_full.image-2.size-3 .videoPoster { background-image: url(../images/439x296_img1.jpg); } .video_wrapper_full.image-2.size-4 .videoPoster { background-image: url(../images/261x192_img2.jpg); } .video_wrapper_full.image-2 .videoPoster { background-image: url(../images/974x656_img5.jpg); } .videoPoster:hover { cursor: pointer; } .videoPoster:before { content: ''; position: absolute; top: 50%; left: 50%; width: 88px; height: 88px; margin: -44px 0 0 -44px; background: url(../images/play-btn.png) no-repeat; } .video_wrapper_full.size-4 .videoPoster:before { transform: scale(0.73); } .videoPoster.no-btn { cursor: auto; } .videoPoster.no-btn:before { display: none; } .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms; } /* ---------------------------------------- Gallery ---------------------------------------- */ .mad-gallery:not(.mad-grid--isotope) { display: flex; flex-wrap: wrap; } .mad-gallery:not(.mad-grid--isotope) .mad-gallery-item { display: block; position: relative; border-radius: 1rem; overflow: hidden; height: 100%; transition: all .5s ease; } .mad-grid-item.col-x2 { width: 50%; } .mad-gallery .mad-gallery-item a { display: block; overflow: hidden; position: relative; cursor: url(../images/crosshair.png), crosshair; overflow: hidden; border-radius: 1rem; z-index: 1; } .fancybox-content img { overflow: hidden; border-radius: 1rem; } .mad-gallery .mad-gallery-item a img { width: 100%; transition: all .5s ease; } .mad-gallery .mad-gallery-item a:hover img { transform: scale(1.1); } .mad-gallery .mad-gallery-item a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(35,34,35,0.5); opacity: 0; visibility: hidden; transition: all .5s ease; } .mad-gallery .mad-gallery-item a:hover:after { opacity: 1; visibility: visible; } .mad-gallery:not([class*="item-col-"]).col-size-3 .mad-gallery-item { width: 33.3333%; } .mad-gallery.col-size-3:not([class*="item-col-"]) { margin: -0.5rem -0.25rem 0; } .mad-gallery.col-size-3:not([class*="item-col-"]) > * { padding: 0.5rem 0.25rem 0; } .mad-gallery.col-size-3 .mad-gallery-item a { border-radius: 0.5rem; } .mad-filter { font-weight: bold; display: flex; column-gap: 2.5rem; position: relative; z-index: 2; } .mad-filter-wrap:not(:last-child) { margin-bottom: 2rem; } .mad-filter > li > a { color: #24aeb1; display: block; font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; white-space: nowrap; } .mad-filter > li > a.mad-active, .mad-filter > li > a:hover { color: #2e3133; } /* ---------------------------------------- Countdown ---------------------------------------- */ .mad-countdown:not(.size-2) .countdown-row { margin-top: -2rem; } .mad-countdown:not(.size-2) .countdown-section { padding-top: 2rem; } .mad-countdown .countdown-section { width: 33.3%; } .mad-countdown .countdown-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; position: relative; z-index: 2; } .mad-counters[class*="item-col-"]:not(.no-gutters) { margin-top: -3rem; } .mad-counters[class*="item-col-"]:not(.no-gutters) > * { padding-top: 3rem; } .mad-countdown .countdown-period { color: #515759; font-size: 1rem; line-height: 2rem; font-weight: 500; } .mad-countdown .countdown-amount { font-size: 4.5rem; line-height: 4rem; white-space: nowrap; letter-spacing: -0.15rem; display: block; font-weight: 300; color: #2e3133; } .mad-countdown.style-2 .countdown-period { color: #c5d3d9; } .mad-countdown.style-2 .countdown-amount { color: #fff; } .mad-countdown.size-2 { width: 100%; text-align: center; padding: 0.75rem 0; background: #edf1f2; /*border-radius: 0.5rem;*/ } .mad-countdown.size-2 .countdown-row { flex-wrap: nowrap; } .mad-countdown.size-2 .countdown-section { position: relative; } .mad-countdown.size-2 .countdown-section:not(:last-child):after { content: ":"; position: absolute; top: 0; right: 0; color: #2e3133; font-size: 1rem; font-weight: 900; line-height: 2rem; } .mad-countdown.size-2 .countdown-amount { font-size: 1rem; line-height: 1rem; font-weight: 800; letter-spacing: 0.3px; } .mad-countdown.size-2 .countdown-period { font-size: 0.75rem; line-height: 1rem; text-transform: lowercase; display: block; } .mad-countdown.style-2.size-2 { background: none; padding: 0; } .mad-countdown.style-2.size-2 .countdown-row { column-gap: 1rem; } .mad-countdown.style-2.size-2 .countdown-section { background: #24aeb1; width: 3.5rem; height: 3.5rem; border-radius: 1rem; display: flex; flex-direction: column; justify-content: center; } .mad-countdown.style-2.size-2 .countdown-section:not(:last-child):after { left: 100%; color: #fff; top: calc(50% - 1rem); margin-left: 0.375rem; } /* ---------------------------------------- Dropdown ---------------------------------------- */ .mad-dropdown { position: relative; z-index: 1; } .mad-dropdown-title { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; } .mad-dropdown-title > i { position: relative; } .mad-dropdown-title span.price-text { font-size: 1rem; font-weight: 800; margin-left: 4px; } .mad-dropdown-element { min-width: 190px; width: auto; font-size: 0.875rem; line-height: 2rem; text-align: initial; margin-top: 9px; padding-top: 0; padding-bottom: 1rem; letter-spacing: 0.7px; background-color: #fff; color: #2e3133; opacity: 0; visibility: hidden; position: absolute; padding: 1rem 1.5rem; border-radius: 0 0 1rem 1rem; top: 100%; left: 0; margin-left: -1.5rem; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-box-shadow: 0px 16px 16px 0px rgb(46 49 51 / 15%); -moz-box-shadow: 0px 16px 16px 0px rgba(46, 49, 51, 0.15); box-shadow: 0px 16px 16px 0px rgb(46 49 51 / 15%); } .mad-dropdown-element > li > a { color: #2e3133; } .mad-dropdown-element > li > a:hover { color: #24aeb1; } .mad-dropdown-element--icons > li { position: relative; padding-left: 3.1rem; } .mad-dropdown-element--x-right { left: auto; right: 0; } /* .mad-dropdown-element--y-top { bottom: 100%; top: auto; } */ .mad-dropdown--opened { z-index: 9; } .mad-dropdown--opened .mad-dropdown-element { opacity: 1; visibility: visible; } .mad-dropdown--opened .mad-dropdown-title { color: #2e3133; } .mad-dropdown--title-icon .mad-dropdown-title { position: relative; padding-right: 0.875rem; } .mad-csstransforms3d .mad-dropdown-element { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-default { -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; } .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-default { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .mad-csstransforms3d .mad-dropdown--opened .mad-dropdown-element, .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-opened { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* ---------------------------------------- Twitter Feed ---------------------------------------- */ .mad-twitter-feed:not(:last-child) { margin-bottom: 1rem; } .mad-twitter-feed > li:not(:last-child) { margin-bottom: 1rem; } .mad-twitter-feed > li { padding-left: 2rem; } .mad-twitter-feed > li { position: relative; font-size: 1rem; line-height: 1.5rem; } .mad-twitter-feed > li::before { content: "\f099"; font-family: Font Awesome\ 5 Brands; font-size: 1rem; line-height: 1.5rem; position: absolute; left: 0; top: 0; color: #46a69c; } .mad-twitter-feed > li a { color: #24aeb1; } .mad-twitter-feed > li a:hover { text-decoration: underline; } /* ---------------------------------------- 4. Pages ---------------------------------------- */ /* Newsletter Popup */ .mad-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(14,41,58,0.7); display: flex; align-items: center; justify-content: center; z-index: 29; } .mad-popup .mad-popup-inner { max-width: 43rem; width: 100%; max-height: 85%; border-radius: 4px; background: #fff; /*padding: 5rem 2rem;*/ padding: 32px; font-size: 14px; line-height: 1.5rem; margin: 1rem; position: relative; overflow: hidden; z-index: 1; } .mad-popup:not(.qv-popup) .mad-popup-inner:after { content: ''; position: absolute; right: -5rem; top: 50%; margin-top: -7.8125rem; -webkit-mask: url(../images/subscribe.png) no-repeat; mask: url(../images/subscribe.png) no-repeat; background-color: #4abfd9; opacity: 0.2; position: absolute; width: 16.375rem; height: 15.6875rem; transform: rotate(-16deg); z-index: -1; } .mad-popup:not(.qv-popup) .mad-popup-inner.errorPopup:after { -webkit-mask: url(../images/error.png) no-repeat; mask: url(../images/error.png) no-repeat; background-color: #f44336; } .mad-popup:not(.qv-popup) .mad-popup-inner.thankPopup:after { -webkit-mask: url(../images/Like.png) no-repeat; mask: url(../images/Like.png) no-repeat; position: absolute; right: -7rem; top: 73%; } .mad-popup:not(.qv-popup) .mad-popup-inner.errorPopup .tickIcon .fa { color: #f44336; width: 60px; height: 60px; } .mad-popup:not(.qv-popup) .mad-popup-inner.errorPopup b { color: #f44336; } .mad-popup.qv-popup .mad-popup-wrap { overflow: hidden; height: 100%; border-radius: 8px; } .mad-popup.qv-popup .mad-popup-inner { max-width: 100%; max-height: 100%; width: auto; height: auto; overflow: auto; overflow-x: hidden; margin: 0; } .mad-popup.qv-popup .mad-popup-holder [class*="mad-nav"] { position: absolute; top: 50%; margin-top: -1.5rem; left: 100%; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border-radius: 50%; background: #dce3e6; color: #2e3133; margin-left: 2rem; margin-right: 2rem; font-size: 2rem; z-index: 2; } .mad-popup.qv-popup .mad-popup-holder [class*="mad-nav"]:hover { background: #24aeb1; color: #fff; } .mad-popup.qv-popup .mad-popup-holder .mad-nav-prev { left: auto; right: 100%; } .mad-popup.qv-popup .mad-popup-holder { width: 100%; max-width: 61rem; height: 85%; margin: 1rem; position: relative; } .mad-popup-inner .mad-popup-close { position: absolute; top: 0.5rem; right: 0.5rem; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; border-radius: 4px; font-size: 1.5rem; transition: 0.2s all linear; z-index: 9; } .mad-popup-inner .mad-popup-close a { color: #000; } .mad-popup-inner .mad-nl-title { font-size: 1.5rem; line-height: 2rem; font-weight: 600; letter-spacing: 0; color: #2e2133; } .mad-nl-title span { color: #f34770; } /*.mad-popup-inner .mad-popup-close:hover { background: #24aeb1; color: #fff; }*/ .mad-newsletter-form:not(:last-child) { margin-bottom: 1rem; } .mdlRefPop .mad-popup .mad-popup-inner { max-height: 75%; } .mdlInfo .mad-popup .mad-popup-inner { max-height: 32%; } /* End of Newsletter Popup */ #mad-toggle-brands { display: none; } .hidden-section { padding: 1rem; border: 2px solid #dce3e6; border-radius: 4px; } .hidden-section .row:not(.col-no-space) { margin-bottom: -1rem; } .hidden-section .row:not(.col-no-space) > [class*="col"] { padding-bottom: 1rem; } .hidden-section:not(:last-child) { margin-bottom: 0.5rem; } .hidden-section .account-action { font-weight: bold; font-size: 1.125rem; line-height: 1.5rem; color: #2e3133; } .registerWrap .hidden-section h1.account-action { letter-spacing: normal; margin-bottom: 0; } .hidden-section form.one-line .btn { border-radius: 4px; } .hidden-section .account-action > a { font-weight: bold; } .hidden-section .account-action > i { font-size: 1.75rem; margin-right: 0.5rem; color: #3a7397; } .hidden-section .account-action.active > i { color: #2e3133; } .hidden-section .content { padding-top: 1.5rem; font-size: 14px; line-height: 20px; } .loginType { text-align: center; margin-top: 30px; } .loginType a.button { display: inline-block; padding: 10px 40px; border: 2px solid #3bb67d; margin: 0px 10px; color: #3bb67d; font-size: 18px; font-weight: bold; min-width: 250px; position: relative; } .loginType a.button svg { fill: #3bb67d; width: 30px; height: 30px; position: absolute; left: 10px; top: 7px; } .loginType a.button span { display: block; width: 20px; height: 20px; border: 2px solid #3bb67d; border-radius: 50%; position: absolute; right: 7px; top: 12px; } .loginType a.button.active { background: linear-gradient(266deg, rgba(197,244,245,1) 0%, rgba(251,255,245,1) 100%); } .loginType a.button.active span { background-color: #3bb67d; } .loginType a.button.active span:before { content: ""; display: block; border-bottom: 3px solid #fff; border-right: 2px solid #fff; height: 8px; width: 5px; position: absolute; transform: rotate(36deg); left: 4px; top: 1px; } .mad-fixed-bar { background: #fff; z-index: 999; -webkit-box-shadow: 0px -3px 24px 0px rgba(46, 49, 51, 0.1); -moz-box-shadow: 0px -3px 24px 0px rgba(46, 49, 51, 0.1); box-shadow: 0px -3px 24px 0px rgba(46, 49, 51, 0.1); left: 0; right: 0; bottom: 0; width: 100%; } .mad-fixed-bar-inner .mad-inner { display: flex; align-items: center; padding: 10px; } .mad-fixed-bar-inner .mad-product-image { max-width: 3rem; } .mad-fixed-bar-inner.mad-product .mad-actions { position: initial; opacity: 1; visibility: visible; flex-direction: row; column-gap: 0.5rem; margin: 0 10px; } .mad-fixed-bar-inner.mad-product .mad-actions > a { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.5rem; } .mad-fixed-bar-inner .mad-inner .btn-set { margin: 0px 10px; } .mad-fixed-bar-inner .mad-inner.right { display: flex; justify-content: flex-end; align-items: center; } /* .mad-fixed-bar-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 1rem 0; column-gap: 2rem; row-gap: 2rem; } .mad-fixed-bar-inner .mad-col { display: flex; align-items: center; column-gap: 1.5rem; } .mad-fixed-bar-inner.mad-product .mad-product-title, .mad-fixed-bar-inner.mad-product .mad-product-price { font-size: 1rem; line-height: 1.5rem; } .mad-fixed-bar-inner.mad-product .mad-actions { position: initial; opacity: 1; visibility: visible; flex-direction: row; column-gap: 0.5rem; margin: 0; } .mad-fixed-bar-inner.mad-product .quantity { max-width: 8rem; } .mad-fixed-bar-inner.mad-product .mad-actions > a { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.5rem; }*/ .mad-video { display: block; position: relative; } .mad-video-link { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 0.75rem; font-size: 1.125rem; font-weight: 500; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; text-align: center; color: #fff; } .mad-video-link:before { content: ''; width: 6.375rem; height: 4.5rem; background-image: url(../images/youtube.png) no-repeat; display: block; } .mad-video img { position: relative; z-index: -1; } .mad-media-section { background-size: cover; background-repeat: no-repeat; height: 52rem; display: flex; align-items: center; } .mad-media-inner { width: 100%; font-size: 1.125rem; line-height: 2rem; padding-left: 6rem; } .mad-media-inner h1.mad-title { font-weight: 300; font-size: 5.5rem; line-height: 3.5rem; } .mad-media-inner h1.mad-title:not(:last-child) { margin-bottom: 1rem; } .mad-media-inner h2.mad-title { font-weight: 500; } .mad-media-inner h2.mad-title:not(:last-child) { margin-bottom: 0.25rem; } .mad-media-inner p:not(:last-child) { margin-bottom: 2.25rem; } .mad-specs-table { border: 2px solid #dce3e6; border-radius: 1rem; } .mad-specs-table:not(:last-child) { margin-bottom: 2rem; } .mad-specs-table > .mad-col { width: 50%; } .mad-spec-list { display: flex; flex-wrap: wrap; font-size: 1rem; line-height: 1.5rem; } .mad-spec-list > li .mad-col { width: 50%; display: flex; } .mad-spec-list > li .mad-col span:first-child { font-weight: bold; min-width: 15rem; color: #2e3133; } .mad-spec-list > li { width: 100%; padding: 1.25rem 1.875rem 1.1875rem; display: flex; flex-wrap: wrap; } .mad-spec-list > li:first-child { padding-top: 1.625rem; } .mad-spec-list > li:last-child { padding-bottom: 1.625rem; } .mad-spec-list > li:not(:last-child) { border-bottom: 1px solid #dce3e6; } /* ---------------------------------------- Blog Single ---------------------------------------- */ /* ---------------------------------------- 404 Page ---------------------------------------- */ .mad-404-title { font-size: 20rem; line-height: 15rem; font-weight: bold; color: #d94945; } .mad-404-title + * { font-size: 1.25rem; color: #d94945; } .mad-page-404 .mad-section:first-child { padding: 6rem 0; } /* ---------------------------------------- Coming Soon Page ---------------------------------------- */ .mad-coming-soon { display: flex; min-height: 100vh; flex-direction: column; } .mad-coming-soon .mad-header + .mad-section { flex: 1; display: flex; flex-direction: column; justify-content: center; } .mad-coming-soon .mad-header { text-align: center; padding: 2.25rem 0; } .mad-coming-soon .mad-section:first-child { padding: 170px 0; font-size: 1.125rem; line-height: 2rem; } .mad-coming-soon h1.mad-page-title { font-size: 5rem; line-height: 5.5rem; } .mad-coming-soon h1.mad-page-title:not(:last-child) { margin-bottom: 1rem; } /* ---------------------------------------- Home ---------------------------------------- */ .calc_section .md-calc-section { box-shadow: 0px 0px 5px #c5d3d9; padding: 20px 10px 10px; border-radius: 4px; } .calc_section .md-calc-section .mb-20 { margin-bottom: 20px; } .calc_section .md-calc-section .mb-20:nth-last-child(-n+2) { margin-bottom: 0px; } .calc-report table td { padding-top: 15px; padding-bottom: 15px; } .calc-report.mad-table-wrap.style-2 { padding: 0px !important; } .report_section { padding: 10px; color: fff; margin-bottom: 20px; } .contact_checkbox { padding-left: 3rem; padding-top: 0.25rem; line-height: 15px; font-size: 15px; position: relative; top: -18px; } .check_section { padding: 10px 0px; } .last_esc lable::after { font-family: 'Material Icons'; content: "done"; color: #2e3133; font-size: 1.5rem; line-height: 1.8rem; position: absolute; left: 0; width: 1.7rem; } .image-slider-block .halftp { max-width: 37.5%; margin-top: 129px; padding-top: 20px; padding: 20px; border-left: solid 2px; } .image-slider-block .halftp.cAlignLeft { border-left: solid 2px; border-right: none; margin-right: auto; } .image-slider-block .halftp.cAlignRight { border-right: solid 2px; border-left: none; margin-left: auto; } /**/ .image-slider-block { position: relative; } .image-slider-block .cd-hero-slider { height: 480px; max-height: 480px; padding: 0px; } .image-slider-block .halftp p.left.mdlOTR { font-size: 12px; opacity: 1.0; color: #f2f2f2; margin-bottom: 10px; font-weight: normal; letter-spacing: -0.05px; border-top: dashed 1px #cccccc4d; font-style: italic; padding-top: 12px !important; margin-top: 12px !important; } .image-slider-block .halftp { max-width: 37.5%; margin-top: 129px; padding-top: 20px; padding: 20px; border-left: solid 2px; } .image-slider-block .halftp.cAlignLeft { border-left: solid 2px; border-right: none; margin-right: auto; } .image-slider-block .halftp.cAlignRight { border-right: solid 2px; border-left: none; margin-left: auto; } .ttlINcs b { font-weight: 800; } .e_imageslide .pn { padding: 0px!important; } .e_imageslide .contDBox { padding: 80px 30px 150px; margin: 0px !important; } .e_imageslide .contDBox .ttlINcs { margin-top: 0px; margin-bottom: 20px; position: relative; } .e_imageslide .contDBox .ttlINcs span { display: inline-block; } .e_imageslide .contDBox .ttlINcs:empty { display: none !important; } .e_imageslide .contDBox .buttonClick { margin: 25px 0px 0px 0px; } .e_imageslide .contDBox .blueButton02 { text-transform: inherit!important; font-weight: 600; } .title-77 { font-size: 2.25rem; line-height: 1.2; text-align: left; margin-top: 15px; } /*-------- normal layout element--------*/ /*.nLayout .fix-12-12c > .grid { margin-left: 0px; margin-right: 0px; } .nLayout .fix-12-12c > .grid > .col-12-12 { padding-left: 0px; padding-right: 0px; }*/ .cAlignLeft .title-77 { text-align: left!important; } .cAlignLeft .parraSEC { text-align: left!important; justify-content: flex-start; } .cAlignCenter .title-77 { text-align: center!important; } .cAlignCenter .parraSEC { text-align: center!important; justify-content: center; } .cAlignRight .title-77 { text-align: right!important; } .cAlignRight .parraSEC { text-align: right!important; justify-content: flex-end; } .e_imageslide .contDBox h5 { margin-bottom: 0px; color: #1b4763; } .e_imageslide .contDBox p { line-height: 1.5rem; font-size: 15px; } .e_imageslide .contDBox ul { line-height: 1.5rem; font-size: 15px; } .bannerOffr2 { color: rgb(70, 166, 156); } .cBold { font-weight: bold!important; } /* Text Align and Vertical Align */ .cAlignLeft { text-align: left!important; float: left; } .cAlignLeft p { text-align: left!important; } .cAlignCenter { text-align: center!important; } .cAlignCenter p { text-align: center!important; } .cAlignRight { text-align: right!important; float: right; } .cAlignRight p { text-align: right!important; } .cAlignRight h2 { text-align: right!important; } .cAlignRight .ttlINcs { text-align: right!important; } .cAlignRight a.button { margin-right: 0px!important; } .catTitle { margin-bottom: 0px !important; } .nopadding { padding-left: 0px!important;; padding-right: 0px!important;; } .loginSec .content-element { max-width: 215px; } .loginSec { text-align: left; } .loginSec h4 { font-size: 18px; line-height: 1em; } .guestLogin label { text-align: left; } .guestLogin { margin-bottom: 10px; border-radius: 20px; } .guestLogin input { margin-bottom: 0px!important; } .circDiv { } .ucImage .imgTxt { /*min-height: 290px;*/ } .signupBtn.blueBtnAro { padding: 20px 15px; margin-top: 20px; } .signupBtn .material-icons { display: block; width: 100%; text-align: center; font-size: 50px; line-height: 1em; margin-bottom: 10px; } .signupBtn span { display: block; width: 100%; text-align: center; } .circDiv span { display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #ccc; border-radius: 50%; margin-top: 52px; font-weight: bold; position: relative; } .circDiv span:before { content: ""; display: block; height: 35px; width: 1px; border-left: 1px solid #ccc; position: absolute; top: -35px; left: 20px; } .circDiv span:after { content: ""; display: block; height: 35px; width: 1px; border-left: 1px solid #ccc; position: absolute; bottom: -35px; left: 20px; } .commentSec.hidden-section { padding: 1.875rem!important; } .errormsg { font-size: 12px; line-height: 1em; color: #d94945; font-weight: bold; } .myAccountTab .mad-tabs { border-radius: 0px!important; } .myAccountTab .mad-tabs-container { padding-top: 30px; } .myAccountTab .mad-tabs-nav:after { content: ""; display: block; clear: both; } .myAccountTab .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav { width: 100%; max-width: 100%; } .myAccountTab .mad-tabs-container { width: 100%; max-width: 100%; } .myAccountTab .mad-tabs-nav > span:first-child a { padding-left: 0px!important; } .myAccountTab .mad-tabs-nav > span { display: inline-block!important; float: left; border-right: 1px solid #ccc; } .myAccountTab .mad-tabs-nav a { padding: 0px 15px!important; font-size: 15px!important; font-weight: 500!important; border: 0px!important; position: relative; } .myAccountTab .mad-tabs-nav a:hover, .myAccountTab .mad-tabs-nav .mad-active > a { color: #24aeb1 !important; } .myAccountTab .mad-tabs-nav a:after { content: ""; display: block; background-color: #46a69c; height: 2px; width: 0px; position: absolute; left: 0; right: 0; margin: auto; bottom: -2px; transition: .3s; } .myAccountTab .mad-tabs-nav a:hover:after { content: ""; width: 90%; transition: .3s; } .myAccountTab .mad-tabs-nav a:before { content: ""; width: 0; height: 0; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid #46a69c; position: absolute; bottom: 0px; margin: auto; left: 0; right: 0; transition: .5s; } .myAccountTab .mad-tabs-nav a:hover:before { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #46a69c; position: absolute; bottom: -7px; transition: .5s; } .myAccountTab .mad-tabs-nav .mad-active > a:after { content: ""; display: block; background-color: #24aeb1; height: 2px; width: 90%; position: absolute; left: 0; right: 0; margin: auto; bottom: -2px; transition: .3s; } .myAccountTab .mad-tabs-nav .mad-active > a:before { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #24aeb1; position: absolute; bottom: -7px; margin: auto; left: 0; right: 0; transition: .5s; } .myAccountTab .mad-tabs--style-2 { border: 0px!important; } .myAccountTab .mad-tabs-container { border-left: 0px!important; } .productCart .CouponCode_sec input:first-child { height: 49px; width: 99% !important; } .ccCode { color: #46a69c; font-weight: bold; font-size: 14px; } .ccCode i { vertical-align: middle; } .cartCount .quantity { margin-top: 10px; } .Billing_Sec { border-radius: 4px; background: #f3f3f3; padding: 20px; } .contnBtn span { vertical-align: middle; } .Select_Coun .autocomplete-items { position: absolute; background: #fff; border-radius: 4px; padding-left: 15px; width: 95%; z-index: 9; border: 2px solid #ddd; cursor: pointer; } .ccCode.errormsg { color: #ef3d3d; } .dashHdr .row { margin-bottom: 0px!important; align-items: flex-end; } .dashHdr [class*="col"] { padding-bottom: 20px!important; } .acntBlock { text-align: center; color: #fff; padding: 30px; background-color: #accdd5; border-radius: 4px; } .acntBlock:hover { color: #fff; background-color: #336a8d; box-shadow: 0px 0px 10px #1b4763; cursor: pointer; } .acntBlock label { display: block; text-align: center; color: #fff; font-size: 18px; margin-top: 10px; } .bgImgBlock { transition: all .5s ease; -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); border: 15px solid #fff; border-radius: 4px; position: relative; display: block; display: flex; flex-direction: column; margin-bottom: 0rem; } .bgImgBlock:hover { -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } .bgImgBlock .acntBlock { background: transparent; box-shadow: none; height: 165px; padding: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .bgImgBlock .acntBlock img, .bgImgBlock .acntBlock label { visibility: hidden; } .col-md-12.dvVerify { padding-left: 0px!important; padding-right: 0px!important; } .col-md-6.dvVerify .bgImgBlock { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; float: left; } .col-md-6.dvVerify.twoVerify .bgImgBlock { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; float: left; } /*.dvVerify .bgImgBlock,*/ .welcomeBlock .bgImgBlock, .dvAppointment .bgImgBlock { min-height: 270px; } .welcomeBlock.trackdiet .acntBlock { text-align: left; background-size: cover; background-position: center; height: 165px; } .welcomeBlock.trackdiet .bgImgBlock2 { border: 15px solid #fff; border-radius: 4px; -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); } .welcomeBlock.trackdiet .bgImgBlock2:hover { -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } .welcomeBlock.trackdiet .acntBlock:hover { box-shadow: none; } .userVerify { text-align: left; color: #fff; padding: 20px 20px; background-color: hwb(3deg 87% 0%); border-radius: 4px; font-weight: 600; position: relative; } .userVerify p { margin: 0 !important; line-height: 1.2; font-size: 14px; padding-right: 80px; color: #d94945 !important; } .userVerify .btn { font-size: 14px; margin: auto; margin-bottom: 0px; border-radius: 4px; background: #d94945; color: #fff; padding: 12px 15px; line-height: 1; } .userVerify .btn:hover { background: #fff; color: #d94945; } .userVerify + .userVerify { margin-top: 15px; } .userVerify .lnkAdd:after { bottom: -10px; width: 96%; left: 3%; background: #fff; } .userVerify .material-icons { position: absolute; font-size: 95px; width: 95px; transform: rotate( -14deg); right: 0; top: 23px; opacity: .5; } .userVerify p span { display: inline-flex; } .dvVerify:not(.twoVerify) .bgImgBlock { display: flex; flex-direction: row; } .dvVerify:not(.twoVerify) .userVerify { min-width: 100%; align-items: center; padding: 30px; } .dvVerify:not(.twoVerify) .userVerify p { display: flex; flex-direction: row; height: 100%; justify-content: space-between; align-items: center; } .dvVerify:not(.twoVerify) .userVerify p span { font-size: 18px; display: flex; align-items: center; font-weight: 600; } .dvVerify:not(.twoVerify) .userVerify .btn { font-size: 15px; display: inline-flex; font-weight: 600; padding: 10px 30px; width: 100%; height: 52px; align-items: center; margin: 0; text-align: center; justify-content: center; max-width: 120px; } .dvVerify.twoVerify .userVerify p { display: flex; flex-direction: row-reverse; } .dvVerify.twoVerify .userVerify p span { padding-right: 20px; } .userInfo { text-align: left; color: #fff; padding: 25px; background-color: #eaeff4; border-radius: 4px; min-height: 240px; overflow: hidden; position: relative; } .userInfo h4 { font-size: 20px; font-weight: 600; line-height: 1.2; color: #1b4763; margin-bottom: 0px; letter-spacing: normal; text-transform: capitalize; } .userInfo h4 span { font-weight: 700; display: block; } .userInfo > .material-icons { position: absolute; font-size: 124px; transform: rotate( -34deg); right: 0; top: 23px; opacity: .5; } .richCoinsDiv { margin-top: 38px; color: #1b4763; } .richCoinsDiv p { font-size: 18px; display: flex; align-items: center; font-weight: 600; margin-bottom: 0px !important; white-space: nowrap; } .richCoinsDiv img { margin-left: 10px; } .richCoinsDiv p span { font-weight: 700; display: inline-flex; line-height: 1; } .richCoinsDiv a:hover { } .appblck .btn, .richCoinsDiv .btn { color: inherit; background: #fff; font-size: 15px; display: inline-flex; opacity: 1; font-weight: 600; padding: 10px 30px; padding-right: 10px; width: 100%; border-radius: 4px; justify-content: space-between; margin-top: 20px; height: 52px; align-items: center; } .appblck .btn:hover, .richCoinsDiv .btn:hover { color: #fff; background: #24aeb1; } .appblck .btn span, .richCoinsDiv .btn span { font-size: 25px; font-weight: 600; } .appblck { background: #eaeff4; color: #1b4763; text-align: left; padding: 25px; border-radius: 15px; min-height: 240px; overflow: hidden; position: relative; } .appblck:hover { box-shadow: none; } .appblck img { height: 40px; } .appblck a { display: initial; } .appblck h4 { font-size: 20px; font-weight: 600; line-height: 1.2; color: #1b4763; margin-bottom: 0px; letter-spacing: normal; text-transform: capitalize; } .appblck .detailBox label { font-size: 1rem; color: inherit; } .appblck .detailBox p { font-size: 20px; font-weight: 700; margin-top: 20px; margin-bottom: 15px; line-height: 1; } .appblck > .material-icons { position: absolute; font-size: 95px; width: 95px; transform: rotate( -14deg); right: 0; top: 23px; opacity: .1; } .dateTimeWrap { display: flex; align-items: center; } .dateTimeWrap [class*='col-'] { padding-bottom: 0 !important; line-height: 1.2rem; } .dateTimeWrap label { display: inline-block; margin: auto; vertical-align: middle; } .dateTimeWrap .material-icons { display: inline-block; vertical-align: middle; line-height: 1; font-size: 25px; } .dateTimeWrap .time_value, .dateTimeWrap .date_value { display: inline-block; font-size: 15px; width: 100%; text-align: right; font-weight: 600; } .mad-social-icons.type-2 ul.forumLike li a { display: inline-block; padding: 0px 10px; width: auto; } .mad-social-icons.type-2 ul.forumLike li a span.mad-link { display: inline-block; margin-left: 5px; color: #FFF; } .forumLst { margin-bottom: 30px; padding: 30px; background-color: #f3f3f3; border-radius: 20px; } .forumLst .mad-entity-title { font-size: 20px; line-height: 1em; margin-bottom: 15px; } .forumLst .mad-entity-tags { float: right; } .forumLst .postedBy { font-size: 13px; text-align: right; margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; line-height: 1em; } .customer-diet .quesTable td, .customer-diet .quesTable th { padding: 10px 20px; } .customer-diet .quesTable td:not(:first-child), .customer-diet .quesTable th:not(:first-child) { width: 150px; } .customer-diet .quesTable td label { font-size: 0px!important; width: 40px; height: 40px; position: relative; } .customer-diet .quesTable td label:before { color: #CCC; top: 0; left: 0; width: 40px; height: 40px; line-height: 1em; } .customer-diet .quesTable td input:checked + label:before { color: #46a69c; } .customer-diet .quesTable td input:checked + label:after { display: none!important; } .customer-diet .quesTable td { position: relative; } .customer-diet .quesTable td input { display: block; height: 40px; width: 40px; opacity: 0; position: absolute; left: 0; right: 0; z-index: 2; cursor: pointer; } .quesLike, .quesDislike, .quesChk { display: block; position: relative; height: 40px; width: 40px; } .quesLike > label:before { content: "\e813"!important; font-family: 'Material Icons Outlined'!important; font-size: 40px; position: absolute!important; border: 0px!important; } .quesDislike > label:before { border: 0px!important; content: "\e811"!important; font-family: 'Material Icons Outlined'!important; font-size: 40px; position: absolute!important; } .quesChk > label:before { border: 0px!important; content: "\e86c"!important; font-family: 'Material Icons Outlined'!important; font-size: 40px; position: absolute!important; } .quesTable tr { margin-bottom: 10px; display: block; width: 100%; } .quesTable tr:last-child { margin-bottom: auto; } .quesTable tr:after { content: ""; display: block; clear: both; } .quesTable tr th:first-child, .quesTable tr td:first-child { border-radius: 10px 0px 0px 10px; width: calc(100% - 750px); } .quesTable tr td:first-child p { font-size: 18px; font-weight: 600; color: #1b4763; padding-top: 5px; } .quesTable tr th, .quesTable tr td { border: 0px; background-color: #fdfdfd; display: block; float: left; min-height: 60px; } .quesTable tr th:last-child, .quesTable tr td:last-child { border-radius: 0px 10px 10px 0px; } #dvEmpBskt { padding: 20px; } #lnkBasket .navRight { font-size: 14px; line-height: 16px; font-weight: 400; margin-left: 4px; margin-bottom: 0px; } .customer-diet .quesTable .chklistItm label { margin: auto; margin-right: 0px; } .chklistItm { display: inline-block; position: relative; } .chklistItm > input { } .chklistItm > label:before { border: 0px!important; content: "\e86c"!important; font-family: 'Material Icons Outlined'!important; font-size: 40px; width: 100% !important; height: 100% !important; } .progressStepsNav .mad-tb a { border: none !important; padding-left: 25px !important; padding-right: 0px !important; color: #CCC!important; } .progressStepsNav .mad-tabs-nav.stepTabs { padding-left: 30px; } .progressStepsNav .mad-tb { margin-right: 50px; position: relative; } .progressStepsNav .mad-tb a:before { display: inline-block; content: "\f1ce"; font-family: Font Awesome\ 5 Free; position: absolute; top: 32px; left: 0px; color: #CCC; font-size: 20px; line-height: 1; } .progressStepsNav .mad-tb a:after { display: inline-block; content: "\f30b"; font-family: Font Awesome\ 5 Free; position: absolute; top: 32px; right: -35px; font-size: 20px; color: #CCC; line-height: 1; } .progressStepsNav .mad-tb.active a, .progressStepsNav .mad-tb .stepTab-Done { color: #46a69c !important; } .progressStepsNav .mad-tb.active a:before, .progressStepsNav .mad-tb .stepTab-Done:before { content: "\f058"; color: #46a69c; } .progressStepsNav .mad-tb:last-child { margin-right: 0px; } .progressStepsNav .mad-tb:last-child a:after { opacity: 0; } .progressStepsNav .mad-tb a.stepTab-Done:after { display: inline-block; content: "\f30b"; font-family: Font Awesome\ 5 Free; position: absolute; top: 32px; right: -35px; font-size: 20px; color: #46a69c; } .progressStepsNav .mad-tb a.stepTab-Skip { color: #fd7e14 !important; } .progressStepsNav .mad-tb a.stepTab-Skip::before { content: "\f06a" !important; color: #fd7e14 !important; } .detailimg.row { margin-bottom: -1rem; } .pn { padding: 0px !important; } .coin-sec .cartNotifi { color: #ffffff; font-size: 20px; font-weight: 500; text-align: center; float: none; margin: auto; line-height: 21px; } .coin-sec .cartNotifi span { font-weight: 900; } .coin-sec .cartNotifi img, .coin-sec .Addprd_msg .material-icons { vertical-align: middle; } .cartNotifi img { margin-bottom: 3px; } .detailimg.row .ipadLeft { padding-bottom: 1rem; } .coin-sec { display: flex; align-items: center; border-radius: 4px; background-image: url(../images/coin-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 20px 30px; margin-top: 20px; } .cartNotifi .earn { font-size: 25px; } .cartNotifi h2 { font-size: 42px; color: #ffffff; line-height: inherit; margin-top: 13px; font-weight: 900; } .theiaStickySidebar .mad-widget:not(:last-child) { margin-bottom: 1.5rem; } .coin-sec .cartNotifi img { width: 22px; } .Addprd_msg .basket_cls { text-decoration: underline; } .product_comments .comments-list > .comment:first-child { margin-top: 0; padding: 0; } .product_comments .comment-author-info .mad-rating .mad-rating-top-level i { font-size: 20px !important; } .product_comments .comment-content .material-icons.quotes-left { transform: rotate(180deg); font-size: 20px; color: #7c7c7c; } .product_comments .comment-content .material-icons.quotes-right { font-size: 20px; color: #7c7c7c; } .product_comments .fn .material-icons-outlined { vertical-align: middle; font-weight: 700; } .product_comments .comment-author-info { padding-left: 0px !important; } .product_comments .comment-content p { margin-bottom: 5px !important; } .product_comments .fn { padding-left: 20px; } .product_comments .comment-content { margin-bottom: 30px; } .productDetail .mad-tabs .Reviews.panel.mad-tab h5.mad-page-title { font-size: 18px !important; margin-bottom: 0px; } .productDetail .mad-tabs .Reviews.panel.mad-tab .content-element-3 { margin-bottom: 15px; } .productDetail .Reviews .ucReview .mad-contact-form .col-12:first-child { padding-bottom: 0px !important; } .productDetail .Reviews .ucReview .mad-contact-form #dvRating .label_rating { margin-bottom: 5px; } /*.mad-contact-form .ucReview .col-sm-3 {padding-bottom:0;}*/ .offerPopup .popupContent .pad { padding: 30px !important; border: 0px solid #9c9c9c; max-width: 43rem; width: 100%; max-height: 85%; border-radius: 1rem; background: #fff; /* padding: 5rem 2rem; */ padding: 40px; font-size: 1rem; line-height: 1.5rem; margin: 1rem; position: relative; overflow: hidden; z-index: 1; } .modal-container .close.clspopup { z-index: 2; right: 0 !important; } .odrCnlPopup .popupContent .pad span { font-size: 14px !important; text-align: center; font-weight: 600; } .odrCnlPopup .popupContent .pad h2 { text-align: center; width: auto; margin-bottom: 20px; } /*progressbar*/ .chartContent { display: flex; margin-top: 15px; line-height: normal; } .chartContent .panel1 { background: #ffffff; border: 1px solid #d5d7de; border-radius: 4px; box-sizing: border-box; } .chartContent .panel1 .header { display: flex; padding: 10px; align-items: center; justify-content: space-between; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #d5d7de; } .chartContent .panel1 .header h2 { font-weight: 600; color: #42484a; font-size: 0.9em; margin-top: auto; margin-bottom: auto; letter-spacing: normal; line-height: normal; width: 30%; } .chartContent .activity { width: 100%; } .chartContent .activity .legends { display: flex; font-size: 1em; color: #939698; font-weight: 600; width: 70%; } .chartContent .activity .legends .legend { margin: 0 10px; position: relative; width: 50%; } .chartContent .activity .legends .legend label { margin: auto; display: inline-block; vertical-align: middle; } .chartContent .activity .legends .legend .status { height: 12px; width: 12px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #ffbc35; vertical-align: middle; } .chartContent .activity .legends .legend .status.good { background: #0291ff; } .chartContent .activity .legends .legend:last-child::before { content: ""; position: absolute; height: 30px; border-left: 1px solid #d5d7de; left: -10px; top: -4px; } .chartContent .activity .barchart { padding: 10px; padding-top: 0; } .chartContent .tasks { margin-left: 45px; width: 505px; } .chartContent .tasks .options { color: #939698; font-size: 0.75em; font-weight: 600; } .chartContent .tasks .options i { margin-left: 7.5px; } .e_aiblock { padding: 10px; } .e_aiblock .imgBlockHover, .e_aiblock .imgBlockTint { display: none; } .clearfix-full { display: block; clear: both; width: 100%; } .customer-diet .d-flex { display: flex; } .customer-diet .display-mobile { display: none; } .customer-diet .display-desktop { display: block; } .lnkAdd { margin-top: 9px; display: inline-block; position: relative; cursor: pointer; text-decoration: none; font-size: 13px; background: #ffffff; padding: 3px 15px; border-radius: 4px; border: 1px solid #ddd; height: 100%; transition: 0.2s all linear; } .lnkAdd:after { /*content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #26658c; transform-origin: bottom right; transition: transform 0.25s ease-out;*/ } .lnkAdd:hover { background: #24aeb1; color: #fff; } .avlsection { position: relative; margin: auto 0 !important; } .avlsection h5 { cursor: pointer; font-weight: 400; margin-bottom: 0px; font-size: 16px; border: 1px dashed #ffffff; padding: 8px 15px; color: #ffffff; background: #4abfd9; border-radius: 10px; } .avlsection h5 .fa { margin-left: 5px; margin-top: 5px; } .avlcpn { position: absolute; top: 34px; background: #1b4763; z-index: 999; height: auto; width: 100%; padding: 0px 16px; font-size: 14px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #ededed; font-weight: 500; border: 1px dashed #ffffff; } .avlsection .avlcpn { display: none; } .avlsection.Open .avlcpn { display: block; } .avlcpn li { border-bottom: 1px solid #fff; } .avlcpn li:last-child { border-bottom: none; } .avlsection.Open h5 { background: #1b4763; } .avlsection.Open h5 .fa { transform: rotate(180deg); transition: 0.2s linear; } .richCoinsHistory { margin: 1rem 0 3rem; } .activityWrap > .grid.fixedSpaces { margin: 0; } .activityWrap > .grid.fixedSpaces [class*='col-'] { padding-left: calc(1rem + 2px); padding-right: calc(1rem + 2px); font-weight: bold; line-height: 1; color: #1b4763; } .text-green { color: green !important; } .bg-green { background: #8bc34a!important; } .text-red { color: red!important; } .bg-red { background: #d94945!important; } .totalBalance { display: flex; flex-direction: column; align-content: center; align-items: center; padding: 1rem; border-radius: 1rem; -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); margin-bottom: 1rem; justify-content: center; height: 250px; background: rgb(27,71,99); background: -moz-linear-gradient(0deg, rgba(27,71,99,1) 0%, rgba(241 48 5) 100%); background: -webkit-linear-gradient(0deg, rgba(27,71,99,1) 0%, rgba(241 48 5) 100%); background: linear-gradient(0deg, rgba(27,71,99,1) 0%, rgba(241 48 5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b4763",endColorstr="#f13005",GradientType=1); } .totalBalance h2 { color: #fff; letter-spacing: normal; text-align: center; } .totalBalance.coinBanner { padding: 0; overflow: hidden; font-size: 0; background: #1b4763; } .totalBalance.coinBanner img { width: 100%; } .total__coins img { width: 40px; margin-right: 0.5rem; } .total__coins { color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 2.5rem; font-weight: 700; line-height: 1; margin-top: 1rem; } .activityRpt { display: flex; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; padding: 1rem; border-radius: 1rem; -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); margin-bottom: 1rem; } .item__info { display: inline-flex; width: calc(100% - 65px); } .item__name { display: inline-flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .item__thumb { width: 50px; min-width: 50px; margin-right: 1rem; display: inline-flex; align-items: center; } .item_name h5 { width: 100%; line-height: 1; font-size: 1rem; color: #4abfd9; } .item_name label { margin: 0; width: 100%; } .item_name { display: inline-flex; flex-direction: column; justify-content: center; padding-right: 1rem; } .item__coins { font-weight: 700; padding: 5px; font-size: 0.9rem; color: #8b9599; background: #fff; border-radius: 4px; border: 2px solid #dce3e6; width: 80px; height: 50px; line-height: 50px; display: inline-flex; justify-content: center; align-items: center; } @keyframes blinking { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 0; } } .progressDiv { height: 22px; /* overflow: hidden; */ background-color: #ffffff; border-radius: 20px; position: absolute; top: calc(50% + 20px); width: 159px; left: 25px; -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 18%); } .progress-barDiv { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 23px; color: #fff; text-align: center; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; background: linear-gradient(to left, #F2709C, #FF9472); box-shadow: 0 3px 3px -5px #f2709c, 0 2px 5px #f2709c; border-radius: 20px; } .white-space-nowrap { white-space: nowrap; } .recipe-ingre-ul { position: relative; padding-left: 20px; overflow: hidden; margin-top: 5px; margin-bottom: 20px; font-family: 'Merienda', cursive; } .recipe-ingre-ul:before { content: ''; position: absolute; left: 0px; bottom: 0; background-image: url('../images/recipe-img-rt.png'); height: 100%; width: 100%; background-repeat: no-repeat; } .recipe-ingre-ul ul { list-style: none !important; width: 90%; font-size: 13px; color: #404040; z-index: 2; font-weight: 600; position: relative; padding: 8px 0px; margin-left: 24px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #fff; box-shadow: 3px 0px 14px -5px #cbcbcb; } .recipe-ingre-ul ul li:before { content: "\f00c"; font-family: Font Awesome\ 5 free; font-size: 15px; position: absolute; left: 5%; top: 14%; border-radius: 100px; /*color:red;*/ } .recipe-ingre-ul ul li { padding: 5px; border-bottom: 1px solid #edecec; padding-left: 45px; position: relative; padding-right: 5px; } .recipe-ingre-ul ul li:last-child { border-bottom: none; } #MainContent_dvFlavor { margin-right: 15px; display: block; width: 100%; margin-bottom: 10px; } #MainContent_dvFlavor .btn-set.mad-colors { margin-top: 15px; } #dvVariations { margin-bottom: 10px; } #dvAddCart .btn-set { margin-bottom: 10px; } .blogDtlPage .nutriTable li .nutriDtl label { color: #fff; } .carousel-nav { width: 345px; transform: rotate(90deg) translate(30px, -87%); transform-origin: left top; margin-left: 13px; } .mobileStockSec .onlyMobile{ display:none !important;} #dvMobAvbl .mad-progress-bars.mad-progress-bars--secondary .mad-progress-bar-indicator { background: #d94945;} @media screen and (max-width: 1200px) { .carousel-nav { transform: rotate(90deg) translate(30px, -50%); } } .carousel-nav .carousel-cell { transform: rotate(-90deg); width: 80px; height: 80px; cursor: pointer; margin-right: 1rem; font-size: 1.4rem; /* selected cell */ } .carousel-nav .carousel-cell:before { transform: rotate(-90deg); } .carousel-nav .flickity-prev-next-button { width: 40px; height: 40px; background: transparent; } .carousel-nav .flickity-prev-next-button.previous { left: -40px; } .carousel-nav .flickity-prev-next-button.next { right: -40px; } .detailimg .carousel.carousel-main img { height: auto !important; width: auto !important; } .detailimg .carousel-nav .flickity-viewport { min-height: 54px !important; } .detailimg .ipadLeft .flickity-prev-next-button.previous, .detailimg .ipadLeft .flickity-prev-next-button.next { display: none; } .mad-fixed-bar .mad-fixed-bar-inner .mad-product-price { margin-right: 10px; } #lblStock { display: inline-block; color: #9f9e9e!important; font-size: 13px; font-weight: 600; background: #e0dede; padding: 5px 10px; border-radius: 5px; margin: auto 0; } .mad-fixed-bar-inner.mad-product .row:not(.col-no-space) > [class*="col"] { margin: auto 0; } .mad-fixed-bar-inner .mad-inner h6 { margin-left: 20px; } /*#dvPrevImg .carousel.carousel-main { height: 521px; } .image-preview-container .mad-thumb-holer { display: none; } .image-preview .ipadRight .flickity-viewport { height: 102.484px !important; }*/ .i_coach .userInfo .richCoinsDiv { margin-top: 0; } .i_coach .userInfo .richCoinsDiv #MainContent_lnkCouponLogs { margin-bottom: 15px; margin-top: 10px; } .i_coach .userInfo .richCoinsDiv a#MainContent_lnkCoinLogs { margin-bottom: 0; margin-top: 10px; } .i_coach .test_coch { margin-bottom: 15px; } .i_coach .align_items { align-items: start; } .i_coach .align_items .ver_email { min-height: 270px; display: flex; flex-direction: row; } .i_coach .align_items .ver_email .userVerify p { display: flex; flex-direction: column-reverse; height: 100%; justify-content: space-between; } .i_coach .align_items .ver_email .userVerify p a { font-size: 15px; display: inline-flex; font-weight: 600; padding: 10px 30px; width: 100%; height: 52px; align-items: center; margin: 0; text-align: center; justify-content: center; } .i_coach .align_items .ver_email .userVerify p span { font-size: 18px; display: flex; align-items: center; font-weight: 600; margin-bottom: 15px !important; } .user_main { margin-bottom: 30px; } .user_main .h_rowuser p { font-size: 20px; font-weight: 500; color: #f34770; } .user_main .usecr_cont { font-size: 16px; font-weight: 500; color: #2e3133; } .user_main .comment_sec { display: flex; align-items: center; justify-content: space-between; width: 100%; } .user_main .comment_sec textarea { margin-right: 10px; font-size: 14px; font-weight: 500; color: #2e3133; padding: 10px 10px; } .user_main .row { margin: 0px; background: #f2f3f5; margin-bottom: 10px; border-radius: 5px; } .user_main .row [class*="col"] { padding: 10px 15px; margin-bottom: 0; align-items: center; display: flex; } .user_main .usecr_cont a span { color: #3bb67d; margin-left: 5px; font-size: 18px; } .user_main .usecr_cont a { align-items: center; display: flex; } .user_main .usecr_cont p { display: none; } @media screen and (max-width: 1199px) { .i_coach .userInfo .richCoinsDiv p { font-size: 16px; } .i_coach .align_items .userVerify p { padding-right: 0px; } .user_main .h_rowuser p { font-size: 18px; } } @media screen and (max-width: 991px) { .you_more .ucGiftCards .col-no-space .col-md-6 { max-width: 100%; width: 100%; flex: 0 0 100%; } .user_main .row [class*="col"] { padding: 10px 10px; } } @media screen and (max-width: 767px) { .user_main .usecr_cont p { display: block; } .user_main .row [class*="col"] { padding: 5px 15px; border-bottom: 1px solid #ccc; } .user_main .comment_sec a { padding: 10px 15px; border-radius: 5px; width: 25%; justify-content: center; } .user_main .comment_sec textarea { padding: 5px 10px; width: 70%; } .user_main .row [class*="col"]:last-child { border-bottom: none; } .user_main .h_rowuser p { font-size: 16px; } .user_main { padding: 5px; } .user_main { margin-bottom: 20px; } .i_coach .test_coch { margin-top: 10px; } .align_items .mo_space { padding: 0; } .align_items .mo_space .bgImgBlock { margin-bottom: 10px; } .user_main .comment_sec p { width: 100%; } .user_main .usecr_cont { display: flex; justify-content: space-between; flex-wrap: wrap; } .user_main .usecr_cont p { margin-right: 10px; color: #f34770; font-size: 15px; } .user_main .mo_none { display: none; } .focus-heading, .catTitle { font-size: 22px; } } /* ---------------------------------------- Customization doodle ---------------------------------------- */ .mad-quick-links .mad-link { padding-right: 15px; margin-right: 15px; border-right: 1px solid #000; } .mad-quick-links .mad-link:last-of-type { border-right: none; } .headerFix { padding-top: 63px; } .headerFix .mad-header-section--sticky-xl { position: fixed; top: 0; left: 0; right: 0; z-index: 50; } .mdlLogin { display: none; } .hdrIcon { position: relative; font-size: 1.75rem; color: #FFF!important; } .pad { border-color: #fff; color: #303030; background: #fff; } .offerPopup { background: rgba(0, 0, 0, 0.4); } .modal-background .content { overflow: auto!important; } .modal-background .wrap { padding: calc(3.56% + 24px) calc(8% + 15px); padding-top: 20px!important; height: 100vh; } .offerPopup .popupContent { max-width: 600px; margin: auto; } .offerPopup #txtDontGo { border: none; border-bottom: 1px solid #ddd; border-radius: 0; padding: 0; height: 2.5rem; margin-bottom: 1.5rem; } .offer-col .inputIcon.email #lnkDontGo { background: #d94945; color: #fff; padding: 10px 15px; font-size: 14px; } .offer-col .resultButton { line-height: 20px; cursor: pointer; margin-top: 20px; font-size: 14px; } .offerPopup .offer-col { text-align: left; } .offerPopup .offer-col .undrln { margin-bottom: 5px; } .offerPopup .offer-col p { font-size: 13px; line-height: normal; margin-bottom: 10px; color: #8b9599; } .posRL { position: relative; overflow: visible!important; } .offerPopup .popupContent .pad { padding: 30px !important; border: 0px solid #9c9c9c; } .pad.shadow { -webkit-box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%); } .modal-container { display: none; } .shipInfo .err-bx { text-align: left; text-align: left; font-weight: 500!important; font-size: 14px; padding: 15px 20px; background: #fbe3e4; border-radius: 4px; } .sideTabView .mobileHideTab .rightLinks .tabs.resp-tabs-list { border-right: none; } .product-slider .swiper-slide, .rltdProduct .swiper-slide { min-height: initial!important; position: relative; transition-property: transform; } .product-slider .swiper-slide .productBlock, .rltdProduct .swiper-slide .productBlock { /*padding-right: 15px;*/ } .product-slider .swiper-slide > a, .rltdProduct .swiper-slide > a { display: block; width: 100%; } .offer-slider .swiper-slide { min-height: initial!important; } .e_bannerslider .cd-full-width { max-width: 475px; /*padding-left: 70px;*/ /*position: absolute;*/ top: 50px; } .e_bannerslider .swiper-wrapper > li { padding-top: 18px; } .e_bannerslider .promoSlider > a { display: block; width: 100%; } .weightSelect { margin-top: 15px; max-width: 150px; } .homeWrp.theme1 .grid.fixedSpaces.grid_4_4_4 { margin-left: 0; margin-right: 0; } /* Grid */ .grid { margin-left: -2%; margin-right: -2%; } /*.grid.fixedSpaces { margin-left: -10px; margin-right: -10px; }*/ .grid.twoSpaces { margin-left: -2px; margin-right: -2px; } .grid.compact { margin-left: -10px; margin-right: -10px; } .grid.compact [class*='col-'] { padding-left: 10px; padding-right: 10px; } .grid.noSpaces { margin-left: 0; margin-right: 0; } .grid + .grid { margin-top: 20px; } .grid.breadCrumb + .grid { margin-top: 0px; } .grid:after { content: ""; display: table; clear: both; } .col-1-12 { max-width: 8.333333333%; } .col-1-12-8 { max-width: 11.11111111%; } .col-2-12 { max-width: 16.66666667%; } .col-2-12b { max-width: 16.66666667%; } .col-3-12 { max-width: 25%; } .col-4-12 { max-width: 33.33333333%; } .col-5-12 { max-width: 41.66666667%; } .col-6-12 { max-width: 50%; } .col-7-12 { max-width: 58.33333333%; } .col-8-12 { max-width: 66.66666667%; } .col-9-12 { max-width: 75%; } .col-10-12 { max-width: 83.33333333%; } .col-11-12 { max-width: 91.66666667%; } .col-12-12 { max-width: 100%; } .grid [class*='col-'] { display: block; width: 100%; padding-left: 2%; padding-right: 2%; float: left; } .grid.noSpaces [class*='col-'] { padding-left: 0; padding-right: 0; } .grid.fixedSpaces [class*='col-'] { padding-left: 10px; padding-right: 10px; } .grid.twoSpaces [class*='col-'] { padding-left: 2px; padding-right: 2px; } .fix-1-12 { max-width: 70px!important; } .fix-2-12 { max-width: 164px!important; } .fix-3-12 { max-width: 258px!important; } .fix-4-12 { max-width: 354px!important; } .fix-5-12 { max-width: 448px!important; } .fix-6-12 { max-width: 544px!important; } .fix-7-12 { max-width: 640px!important; } .fix-8-12 { max-width: 734px!important; } .fix-9-12 { max-width: 828px!important; } .fix-10-12 { max-width: 922px!important; } .fix-11-12 { max-width: 1018px!important; } /*.fix-12-12{max-width: 1200px!important;}*/ /*.fix-12-12 { max-width: 1360px!important; }*/ .fix-12-12 { max-width: 1200px!important; } .fix-12-12b { max-width: 1280px!important; } [class*='fix-'] { width: 98%!important; margin-left: auto!important; margin-right: auto!important; float: none; } .homebacker { width: 98%!important; } .fix-12-12c { max-width: 100%!important; width: 100%!important; } .fix-12-12c [class*='fix-'] { width: 100%!important; } .mn { margin: 0px!important; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } /*.theme1 .ucbarwithbtn ul > li .Barbtnp1 { display: table-cell; color: #ffffff; margin-bottom: 0px; font-size: 15px; text-align: left; font-weight: bold; max-width: 80%; vertical-align: middle; } .theme1 .ucbarwithbtn ul > li .Barbtnp2 { display: table-cell; text-align: right; vertical-align: middle; }*/ /*.theme1 .ucbarwithbtn ul > li .Barbtnp2 .btnButton {*/ /*margin-top: 0px; cursor: pointer; margin-bottom: 0px; vertical-align: middle;*/ /*min-width: 188px;*/ /*font-size: 14px; display: inline-block; border: solid 3px rgba(255, 255, 255, 0.32); padding: 1rem 2rem 1rem; background-color: #000; text-decoration: none; transition: .3s; line-height: 1.17; letter-spacing: 0.1em; color: #ffffff; border-radius: 8px; text-align: center;*/ /*font-size: 14px; border-radius: 0px; border: solid 3px rgba(255, 255, 255, 0.32); padding: 5px 20px 5px 25px; cursor: pointer; margin-bottom: 0px; display: inline-block; vertical-align: middle; min-width: 188px; text-align: center; color:#fff;}*/ /*.theme1 .ucbarwithbtn ul > li .Barbtnp2 .btnLink { font-size: 16px; background-color: transparent!important; font-weight: bold; padding-right: 35px !important; margin-bottom: 0px; border: none; min-width: auto; padding: 12px 22px; margin-top: 0px; } .theme1 .ucbarwithbtn ul > li .Barbtnp2 .btnLink span { right: 5px!important; top: 12px!important; }*/ .txt-upper { text-transform: uppercase; } .ucbarwithbtn { padding-top: 0px; padding-top: 20px; padding-bottom: 20px; /*margin-bottom: -5px;*/ } .ucbarwithbtn ul.barwithbutton { max-width: 100%!important; margin-left: 0px; margin-right: 0px; } .ucbarwithbtn ul.barwithbutton li { max-width: 100%!important; display: block; padding: 0px !important; text-align: center; font-size: 0; } .ucbarwithbtn ul.barwithbutton li p { margin-top: 0px; margin-bottom: 0px; color: #FFF; text-align: unset; } .theme1 .ucbarwithbtn ul li .Barbtnp1 { display: inline-block; color: #ffffff; margin-bottom: 0px; font-size: 15px; text-align: left; max-width: calc(100% - 215px); width: auto; min-width: 41%; vertical-align: middle; padding-right: 15px; } .theme1 .ucbarwithbtn ul li .Barbtnp2 { display: inline-block; min-width: 40%; text-align: center; vertical-align: middle; } .theme1 .ucbarwithbtn ul li .Barbtnp2 a { font-size: 14px; border-radius: 0px; border: solid 3px rgba(255, 255, 255, 0.32); padding: 5px 20px 5px 20px; cursor: pointer; margin-bottom: 0px; display: inline-block; vertical-align: middle; min-width: 188px; color: #fff; } /*--------Image Block------------*/ .rollarrow { width: 25px; height: 25px; position: absolute; right: 25px; top: 25px; opacity: 0; transition: 0.7s; z-index: 10; } .rollarrow a { display: block; height: 25px; } .rollarrow svg { max-width: 100%; height: 25px; } .table { display: table; width: 100%; height: 100%; } .parraSECright { display: flex; } .e_imageblock .imgTxt { padding: 25px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: 0.7s; /*z-index: 995;*/ z-index: 99; } .e_imageblock .imgTxt .title-77 { color: #FFFFFF !important; font-size: 1.6rem; line-height: 1.0; margin-top: 0px; margin-bottom: 0px; opacity: 1.0; letter-spacing: -0.3px; text-align: left; padding-top: 1px; } .e_imageblock .rollarrow { right: 30px; } .e_imageblock:hover .rollarrow { transition: 0.7s; opacity: 0.9; cursor: pointer; right: 25px; } .e_imageblock .lnkbtn { padding-left: 0px; } .e_imageblock .ImgsBlcs .parraSEC { line-height: normal; margin: 10px auto; font-size: 1.125rem; } .e_imageblock .ImgsBlcs .boxBtmBtn { margin-top: 20px; } .nLayout .e_imageblock .ImgsBlcs { min-height: 300px; } /*--------Text Type------------*/ .eleBlock .paraFormat { padding-left: 5px!important; padding-right: 5px!important; } /*--------Bar With Btn------------*/ .col-12-12.col-hh-1 .eleBlock .grid.fixedSpaces { position: initial!important; margin: auto!important; height: initial!important; } /*----------------------ucFormControlV2 Ai Design Changes End > ------------------------------------*/ .fix-12-12c .col-12-12 .eleBlock { border-left: 0px!important; border-right: 0px!important; } .col-12-12 .eleBlock { border-left: 0px; border-right: 0px; } /*---------------------- Ai Slider Design Changes < ------------------------------------*/ .bxLayout .e_modelslider { height: 230px!important; } .bxLayout .e_modelslider .mdlHero { padding: 0px!important; } .bxLayout .e_newcarslider { height: 190px!important; } .bxLayout .e_newcarslider .mdlHero { padding: 0px!important; } .bxLayout .e_newvanslider { height: 260px!important; } .bxLayout .e_newvanslider .mdlHero { padding: 0px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_modelslider { height: 245px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_modelslider .mdlHero { padding: 0px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_newcarslider { height: 210px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_newcarslider .mdlHero { padding: 0px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_newvanslider { height: 260px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_newvanslider .mdlHero { padding: 0px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_categoryslider { height: 270px!important; } .bxLayout .col-12-12.col-hh-1 .eleBlock.e_categoryslider .mdlHero { padding: 0px!important; } .modelvanslider a .fa, .mini-click_slider .caroselcntnt a .fa { margin-top: -1px; font-size: 20px; font-weight: bold; float: left; } .OffrSld .newcarlslider .mini-slider { margin-bottom: 20px; } .OffrSld .newcarlslider .mini-slider p { text-align: center; margin-bottom: 0px; opacity: 0.8; line-height: normal; } .OffrSld .newcarlslider .mini-slider p a { font-weight: 600; color: #303030; } .OffrSld .newcarlslider .mini-slider a.viewM { margin: auto; font-size: 15px; margin-top: 4px; display: inline-block; } .mini-click_slider .caroselttl { margin-bottom: 0px; } .mini-click_slider .caroselcntnt { margin-bottom: 0px; } /*-------- Default Slider ------------*/ .bxLayout .col-12-12.col-hh-1 .eleBlock.e_bannerslider, .bxLayout .col-12-12.col-hh-1 .eleBlock.e_bannerslider .cd-hero-slider li { height: 457px; min-height: 457px!important; } .bxLayout .col-12-12.col-hh-1.minPadding .eleBlock.e_bannerslider, .bxLayout .col-12-12.col-hh-1.minPadding .eleBlock.e_bannerslider .cd-hero-slider li { height: 350px!important; min-height: 350px!important; } /*--------------------------------------------------------------------------------------------------------------------------*/ .bannerslide .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width, .brdGray .e_bannerslider .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 14vh !important; } .bannerslide .rollarrow, .brdGray .e_bannerslider .rollarrow { display: none; } .bannerslide .bannerOffr2, .brdGray .e_bannerslider .bannerOffr2 { font-size: 81px; line-height: 1em; margin: 0px; } .brdGray .e_bannerslider .bannerDesText, .bannerslide .bannerDesText { font-size: 16px; line-height: 20px; line-height: 1.4em; margin: 0px; } .bannerslide .bannerOffr1, .brdGray .e_bannerslider .bannerOffr1 { margin-bottom: 8px; text-transform: uppercase; font-size: 25px; font-weight: 700; } .bannerslide .bannerOffr2 span, .brdGray .e_bannerslider .bannerOffr2 span { color: rgb(70, 166, 156); /*margin-top: -24px;*/ margin-bottom: 6px; letter-spacing: 0.2px; text-transform: none; text-transform: uppercase; } .bannerslide .bannerDesText span, .brdGray .e_bannerslider .bannerDesText span { font-size: 17px; color: #000; /*margin-top: -24px;*/ margin-bottom: 6px; letter-spacing: 0.2px; text-transform: none; min-width: 200px; } /*--------------------------------------------------------------------------------------------------------------------------*/ col-6-12 .e_bannerslider .cd-full-width { padding: 18px !important; padding-top: 14px !important; } col-6-12 .e_bannerslider .bannerOffr1 { margin-top: 0px!important; } col-6-12 .e_bannerslider .bannerOffr1 .sml_stitle { font-size: 26px; } col-6-12 .e_bannerslider .bannerOffr1, col-6-12 .e_bannerslider .bannerOffr2 { line-height: 1.0; margin-bottom: 0px; opacity: 1.0; color: #ccc; font-weight: normal; letter-spacing: -1.5px; text-align: left; padding-top: 1px; padding-left: 0px; font-size: 25px; margin-top: 5px; } col-6-12 .e_bannerslider .bannerOffr2 sp.col-hh-1.col-6-12 .eleBlock.e_manufacturerlogo .menufactureLOGO .logosetan { margin: 0px; } col-6-12 .e_bannerslider .bannerDesText { line-height: normal; position: initial; opacity: 1; padding-left: 3px; margin-top: 10px; font-size: 13px !important; cursor: initial !important; } col-6-12 .e_bannerslider .bannerDesText span { margin: 0px; } .col-6-12 .e_bannerslider .cd-hero-slider .cd-full-width { padding-left: 20px; padding-right: 20px; } .col-6-12 .e_bannerslider .bannerOffr2, .col-6-12 .e_bannerslider .bannerDesText { font-size: 26px; line-height: 26px; } /*--------------------------------------------------------------------------------------------------------------------------*/ ul.swiper-wrapper { display: flex; margin: 0px!important; padding: 0px!important; line-height: initial; width: 100%; max-width: 100%; } ul.swiper-wrapper { display: flex; margin: 0px!important; padding: 0px!important; line-height: initial; width: 100%; max-width: 100%; } /*Swiper slider css start */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-flex; display: flex; transition-property: transform; -webkit-transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; -webkit-flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: relative; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; } .swiper-button-next:after, .swiper-button-prev:after { font-family: 'Material Icons'; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'arrow_back'; font-size: 20px; font-weight: bold; color: #2e3133; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'arrow_forward'; font-size: 20px; font-weight: bold; color: #2e3133; } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { color: #fff; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000; } .swiper-button-lock { display: block; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 1; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; right: 0; width: 250px; margin: auto; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color:#ffffff; } .swiper-pagination-black { --swiper-pagination-color:#000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 4px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 4px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*Swiper slider css End */ .homeWrp .bannerOffr1 { font-weight: 400; font-size: 34px; color: rgb(46, 49, 51); transform-origin: 50% 50% 0px; } .homeWrp .bannerOffr2 { font-weight: 800; font-size: 22px; color: rgb(70, 166, 156); transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -6, 0, 1); } .mad-product-single .image-preview-container { position: relative; padding-left: 7.5rem; } /*FREE SEARCH RESULT BOX*/ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 25px; height: 44px; border: none; background: #fff !important; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus { outline: none; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 0px; } .flickity-prev-next-button.next { right: 0px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } /*.carousel { background: #F6F6F6; }*/ .carousel-main { margin-bottom: 4px; } .carousel-main img { display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .carousel-cell { width: 100%; height: 590px; /*margin-right: 8px; counter-increment: carousel-cell; */ overflow: hidden; } .carousel-nav .flickity-slider { display: block; margin: 4px 0px!important; width: calc(100% + 4px); font-size: 0; } .carousel-nav .carousel { background: transparent; } .carousel-nav .carousel-cell { width: 20.5%; margin: 0; /*height: auto;*/ padding-left: 2px; padding-right: 2px; } /*! PhotoSwipe Default UI CSS */ .pswp__button { width: 44px; height: 44px; position: relative; background: 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: 0; opacity: .9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../images/iconSkin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media(-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) { .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before; { background-image: url(../images/iconSkin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: 0; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 4px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { border-radius: 4px 4px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 4px 4px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3e5c9a; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { background: #55acee; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #ce272d; } a.pswp__share--download:hover { background: #DDD; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: center; max-width: 1200px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(../images/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0; margin: 0; } @media screen and (max-width:1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0,0,0,0.5); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0,0,0,0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: .001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: 0; } /* PhotoSwipe main CSS */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4,0,0.22,1); transition: transform 333ms cubic-bezier(0.4,0,0.22,1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__button--share { display: none !important; } .pswp__counter { } /* ///// PhotoSwipe end ///// */ show { } #show-img { } .sliderPrev { z-index: 99; } .detailimg { position: relative; } .detailimg .flickity-viewport { min-height: 400px; } .detailimg .carousel-nav .flickity-viewport { min-height: 130px; } .crossHair { display: none!important; } .sliderPrev img { max-width: initial; } .actLinks { border: 1px solid #e6e6e6; } .actLinks ul { border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; margin-bottom: 5px; } .actLinks ul li { padding: 10px 15px; list-style: none; } .actLinks ul li a { font-size: 13px; font-weight: 600; display: inline-block; color: #101010; } .actLinks ul:last-child { border: none; margin-bottom: 0px; padding-bottom: 0px; } .actLinks ul li.active a { color: #ef7b7a; } .actBox { margin-bottom: 20px; padding: 30px; background: #f3f3f3; border-radius: 4px; } .actBox .pageTitle { margin-top: 0px; margin-bottom: 40px; font-size: 14px; } .actBox .shipInfo input[type="text"], .actBox .shipInfo input[type="password"], .actBox .shipInfo textarea, .actBox .shipInfo select { padding: 10px 15px 10px; font-size: 13px; border: 1px solid #e6e6e6; } .actBox .shipInfo select { width: 100%; padding: 10px 5px; } .actBox .shipInfo select option { padding: 10px 5px; } .accInfoTxt { text-align: left; } .accInfoTxt label { margin-top: 0px; font-size: 15px; font-weight: 600; margin-bottom: 15px; } .accInfoTxt ul { margin: 10px auto; min-height: 40px; } .accInfoTxt ul:after { content: ""; clear: both; display: block; } .accInfoTxt ul li { margin-top: 0px; font-size: 13px; font-weight: 500; margin-bottom: 5px; list-style: none; } .accInfo div:nth-of-type(2n) { position: relative; } .dietTotalsub .daytotal li span:last-child { font-size: 13px; line-height: 1em; } .dietTotalsub.dayTotalSec { position: absolute; top: -92px; right: 0px; background: #fff; padding: 10px; border-radius: 4px; } .dietTotalsub.dayTotalSec .daytotal li { display: grid; line-height: 1.3rem; padding: 0px 10px; width: 100%; border-right: 1px solid #ddd; text-align: center; } .dietTotalsub.dayTotalSec .daytotal li:last-child { border: none; } .infoEdit { /*margin-bottom: 15px;*/ } .infoEdit a { display: inline-block; font-size: 13px; font-weight: 500; margin: 5px; color: #4c4b4b; transition: 0.5s all linear; } .infoEdit a:hover { color: #24aeb1; } .accInfo .pageTitle .actBoxCls { float: right; color: #888; display: inline-block; } .accInfo .pageTitle .actBoxCls a { color: #101010; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; display: inline-block; } .accInfo .pageTitle .actBoxCls:hover a { color: #ef7b7a; transform: rotate(180deg); } .accInfo .accInfoEdit .infoEdit { display: flex; justify-content: center; } .accInfoEdit label { padding-left: 2px; font-size: 13px; font-weight: 600; margin-bottom: 5px; margin-top: 0; } .accInfoEdit .pageTitle { margin-bottom: 25px; } .accInfoEdit .form-group { margin-bottom: 15px; } .accInfoEdit .ordrNextBtn { font-size: 13px; /*margin-top: 0;*/ float: none; background: #24aeb1; color: #fff; line-height: 1.2em; } .accInfoEdit .ordrNextBtn:hover { background: #24aeb1d9; color: #fff; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0 !important; } .odrHtryUl { display: inline-block; vertical-align: middle; width: calc(100% - 300px); border-right: 1px solid #e6e6e6; padding-right: 30px; /*min-height: 145px;*/ padding-left: 20px; padding-top: 20px; } .odrUlTotal { display: inline-block; vertical-align: middle; width: 290px; padding: 10px 20px; } .odrUlTotal li { font-weight: bold !important; font-size: 14px; margin-bottom: 5px; text-align: right; line-height: 1rem; } .odrUlTotal ul li:after { clear: both; content: ""; display: block; } .odrUlTotal li:last-child { margin-bottom: 0px; } .odrUlTotal li b { display: inline-block; text-align: left; float: left; font-weight: 500; } .odrHtry { background: #fff; margin-bottom: 20px; border: 1px solid #e6e6e6; border-radius: 4px 4px 0px 0px; } .odrHtry ul li { list-style: none; } .odrHtry .odrHtryUl li { border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 15px; font-size: 15px; display: flex; align-items: center; } .odrHtry ul.cmmnt_sec { padding: 10px 31px; border-top: 1px solid #ddd; } .odrHtry .odrHtryUl li:last-child { border: none; margin: 0px; border-bottom: 0px!important; } .htryHead { border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7; border-radius: 4px 4px 0px 0px; font-size: 15px; } .htryHead:after { content: ""; clear: both; display: block; } .odrInvc { float: left; font-weight: 500; border-radius: 4px; display: inline-block; /*background-color: #f7f7f7;*/ padding: 10px 20px; font-size: 13px; } .odrInvc span { font-weight: 600 !important; } .odrDate { float: right; font-weight: 500; text-align: left; padding: 10px 20px; font-size: 13px; } .odrTrack { float: right; border-radius: 4px; display: inline-block; background-color: #101010; padding: 10px 20px; color: #fff; font-size: 13px; font-weight: 600 !important; letter-spacing: 0.06em; margin-left: 15px; } .odrTrack .material-icons { font-size: 12px; margin-right: 5px; vertical-align: middle; margin-top: -2px; } .odrStts { border-radius: 4px; display: inline-block; background-color: #101010; padding: 8px 15px; color: #fff; font-size: 13px; letter-spacing: 0.06em; position: absolute; top: 0; left: calc(100% - 195px); font-weight: normal; min-width: 100px; text-align: center; } .processing { background-color: #FF9800; } .cancelled { background-color: #F44336; } .despatched { background-color: #ffeb3b; color: #000; } .delivered { background-color: #4CAF50; } .htryImg { height: 60px; width: 60px; text-align: center; margin-right: 10px; justify-content: center; display: flex; } .htryImg img { height: 100%; text-align: center; } .htryPrdct { width: 100%; float: left; display: inline-block; line-height: 1rem; } .htryPrdct p { margin: auto auto 3px; line-height: 1.2; text-transform: initial; font-size: 14px; color: #000; } .htryPrdct .numbers { margin: 3px auto; font-size: 13px; color: #000; text-align: left; } .htryTotal { margin-left: 5px; width: 30%; /*font-weight: 600;*/ } .htryPrdct .htryPrice { width: 100%; } .htryPrdct .htryPrice .htryTotal { margin: auto; display: inline-block; font-weight: bold; float: right; text-align: right; width: 20%; } .htryPrdct .htryPrice .rich-coins { float: right; } .htryftr { border-top: 1px solid #e6e6e6; padding: 10px 20px; margin-top: 0px; font-size: 15px; /*text-align: right;*/ } .htryftr ul { display: inline-block; float: right; /*width: calc(100% - 350px);*/ text-align: right; } .htryftr ul li { display: inline-block; margin-left: 5px; /*border-left: 1px solid #e6e6e6;*/ padding-left: 10px; } .htryftr ul li:first-child { border-left: none; } .htryftr ul li.numbers { font-weight: 600 !important; } .odrCncl { color: #101010; text-transform: uppercase; font-size: 13px; letter-spacing: 0.09em; margin-right: 5px; display: inline-block; vertical-align: middle; } .odrCncl span { color: #101010; font-size: 21px; height: 21px; width: 21px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; vertical-align: middle; margin-top: -2px; } .odrCncl:hover { color: #24aeb1; } .odrCncl:hover span { color: #ef7b7a; transform: rotate(180deg); } .odrCncl .fa { color: #101010; font-size: 17px; height: 18px; width: 18px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; vertical-align: middle; text-align: center; margin-right: 5px; margin-top: -3px; opacity: 0.7; } .odrCncl:hover .fa { color: #ef7b7a; transform: rotate(180deg); } .odrCnlPopup .popupContent { max-width: 500px; } .odrCnlPopup .popupContent .pad h2 { text-align: center; width: auto; } .odrCnlPopup .popupContent .pad h2.undrln:after { background-position: center; } .odrCnlPopup .popupContent .pad p { font-size: 16px; text-align: center; font-weight: 600; min-height: auto; } .odrCnlPopup .popupContent .pad span { font-size: 12px; text-align: center; font-weight: 600; } .odrCnlPopup .emailInpt { margin-top: 30px; margin-bottom: 0px; display: inline-flex; } .odrCnlPopup .emailInpt input { /*width: 80%;*/ } .odrCnlPopup .emailInpt a { margin-left: 5px; border-radius: 4px; padding: 9px 25px; background: #d94945; color: #fff; width: auto; padding-left: 25px; padding-right: 25px; text-transform: initial; letter-spacing: 0.05em; } .dvCancelMsg .tickIcon { display: inline-block; width: 60px; height: 60px; border: 3px solid #4caf50; color: #4caf50; border-radius: 50px; text-align: center; margin-bottom: 20px; } .dvCancelMsg .tickIcon .fa { font-size: 30px; line-height: 1.9; padding: 0; border-radius: 0; border: 0; color: inherit; bottom: 0; } .dvCancelMsg .mad-popup-inner { margin: auto; top: 35%; width: fit-content !important; } .odrTracking { background: #fff; padding: 50px 15px; } .trackbullet { position: relative; z-index: 1; margin-bottom: 5px; } .trackbullet:after { content: ""; clear: both; display: block; } .trackbullet li { list-style-type: none; font-size: 13px; width: 20%; float: left; position: relative; font-weight: 400; } .trackbullet li:before { width: 30px; height: 30px; line-height: 32px; display: block; font-size: 12px; background: #f7f7f7; border-radius: 50%; margin: auto; padding: 0px; text-align: center; font-family: FontAwesome; content: "\f111"; color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; } .trackbullet li:after { content: ""; width: 100%; height: 7px; background: #f7f7f7; position: absolute; left: 0; top: 12px; z-index: -1; } .trackbullet li:last-child:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: absolute; left: -50%; } .trackbullet li:nth-child(2):after, .trackbullet li:nth-child(3):after, .trackbullet li:nth-child(4):after { left: -50%; } .trackbullet li:first-child:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; left: 50%; } .trackbullet li:last-child:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .trackbullet li:first-child:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .trackbullet li.crossed:before, .trackbullet li.crossed:after { background: #4CAF50; } .trackbullet li.crossed:before { content: "\f00c"; } .trackbullet li.current:after { background: #d2ebd3; } .trackbullet li.current:before { animation: currentBullet 2s infinite; } @keyframes currentBullet { 0% { background: #d2ebd3; color: #fff; } 25% { background: #4CAF50; color: #fff; } 50% { background: #d2ebd3; color: #fff; } 75% { background: #4CAF50; color: #fff; } 100% { background: #d2ebd3; color: #fff; } } .hoverImg { position: relative; } .drift-zoom-pane { z-index: 999; transform: translate3d(0, 0, 0); height: 590px; } .drift-zoom-pane img { height: initial !important; max-width: initial !important; } .drift-zoom-pane.drift-opening { animation: drift-fadeZoomIn 180ms ease-out; } .drift-zoom-pane.drift-closing { animation: drift-fadeZoomOut 210ms ease-in; } .drift-zoom-pane.drift-inline { position: absolute; width: 150px; height: 150px; border-radius: 75px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); } .drift-zoom-pane-loader { display: none; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 66px; height: 20px; animation: drift-loader-rotate 1800ms infinite linear; } .drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; border-radius: 4px; background: rgba(255, 255, 255, 0.9); } .drift-zoom-pane-loader:before { left: 0; animation: drift-loader-before 1800ms infinite linear; } .drift-zoom-pane-loader:after { right: 0; animation: drift-loader-after 1800ms infinite linear; animation-delay: -900ms; } /*@keyframes drift-fadeZoomIn { 0% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }*/ @keyframes drift-fadeZoomOut { 0% { transform: scale(1); opacity: 1; } 15% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes drift-loader-rotate { 0% { transform: translate(-50%, -50%) rotate(0); } 50% { transform: translate(-50%, -50%) rotate(-180deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes drift-loader-before { 0% { transform: scale(1); } 10% { transform: scale(1.2) translateX(6px); } 25% { transform: scale(1.3) translateX(8px); } 40% { transform: scale(1.2) translateX(6px); } 50% { transform: scale(1); } 60% { transform: scale(0.8) translateX(6px); } 75% { transform: scale(0.7) translateX(8px); } 90% { transform: scale(0.8) translateX(6px); } 100% { transform: scale(1); } } @keyframes drift-loader-after { 0% { transform: scale(1); } 10% { transform: scale(1.2) translateX(-6px); } 25% { transform: scale(1.3) translateX(-8px); } 40% { transform: scale(1.2) translateX(-6px); } 50% { transform: scale(1); } 60% { transform: scale(0.8) translateX(-6px); } 75% { transform: scale(0.7) translateX(-8px); } 90% { transform: scale(0.8) translateX(-6px); } 100% { transform: scale(1); } } .mad-product-single h3.mad-product-title:not(:last-child) { margin-bottom: .5rem; } .mad-header { position: relative; z-index: 99999; } .mad-product-single h3.mad-product-title:not(:last-child) { margin-bottom: .5rem; } .proOption { display: inline-block; vertical-align: middle; } .proOption select { height: 50px; border-radius: 0px; border: 2px solid #212121; width: 200px; margin-right: 15px; } #ddlVariation { border-radius: 4px; color: #8b9599; background: #fff; border: 2px solid #dce3e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; height: 3rem; position: relative; padding-right: 4.625rem !important; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 0; padding-bottom: 0; width: 100%; padding-top: 0.5rem; padding-right: 1.375rem; padding-bottom: 0.3rem; padding-left: 1.375rem; font-size: 1rem; line-height: 1.5rem; } .mad-custom-select .mad-selected-option { color: #8b9599; background: #eee; border-radius: 4px; border: 2px solid #dce3e6; } .mad-custom-select:focus { outline: none; } .shop-cart-form.shopping-cart-full .cartCount { width: 200px; } .shop-cart-form .cartCount { border-radius: 0px!important; } .shop-cart-form .mad-shop-footer { display: block; } .cartCount { /*width: 200px;*/ width: 140px; border-radius: 4px; position: relative; /*float: left;*/ display: inline-block; font-size: 0; margin-right: 15px; } .cartCount input[type="text"] { height: 100%; margin: 0; padding: 15px 40px; text-align: center; border: 2px solid #dce3e6; display: inline-block !important; } .cartCount .minus { cursor: pointer; display: block; width: 38px; height: 55px; color: #8b9599; line-height: 55px; font-size: 24px; text-align: right; position: absolute; top: 0px; left: 0px; border-radius: 0px 0px 0px 0px; } .cartCount .plus { cursor: pointer; display: block; width: 38px; height: 55px; color: #8b9599; line-height: 55px; font-size: 24px; text-align: left; position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 0px 0px; } .cartCount input { margin-bottom: 0px !important; } #main .content-element.mad-text-small { color: #515759; } .socialShare h5 { margin-bottom: 10px; } .socialShare { margin-bottom: 20px; } /*product page*/ .productHdr { /* padding: 10px 10px 10px 10px; */ /*border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-bottom: 20px;*/ position: relative; } .productHdr h1 { display: inline-block; font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; text-align: left; } .productHdr h1 span { font-weight: 700; } .productHdr .backBtn { margin-bottom: 15px; } .grid-products { margin-bottom: 30px; } .sideFilters .filter-attr h4 { font-weight: 700; text-transform: uppercase; font-size: 13px; margin-top: 20px; } .sideFilters .filter-attr .cstmChk { width: 100%; margin-top: 10px; } .sideFilters .filter-attr .cstmChk label { text-transform: uppercase; font-size: 13px; text-align: left; } .resetBtn { margin-top: 30px; } .resetBtn .button { text-transform: uppercase; } .prodInfo { font-size: 14px; line-height: 26px; color: #757575; } .tab-content .prodInfo { height: 433px; min-height: 433px; padding-bottom: 40px; overflow: hidden; position: relative; transition: 2s; } .tab-content .prodInfo.infoOpen { height: auto; position: relative; transition: 2s; } .tab-content .prodInfo:after { display: none; opacity: 1; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; transition: opacity 200ms ease-in; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); pointer-events: none; } .tab-content .prodInfo.infoOpen:after { opacity: 0; } .tab-content .prodInfo .toggleMore { display: inline-block; font-size: 13px; line-height: 1.4; min-height: 36px; min-width: 36px; padding-top: 9px; padding-bottom: 9px; padding-left: 25px; padding-right: 25px; border: 2px solid #222; /*border-radius: 30px;*/ border-radius: 4px; color: #222; font-weight: 700; } .moreInfoBtn { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; z-index: 1; display: none; } .showReadMore .moreInfoBtn, .showReadMore.prodInfo:after { display: block; } .productDetail .mad-product-single .proDesc .proDescLines .proDecTop h1 { font-size: 24px; letter-spacing: -0.025rem; margin-bottom: 10px !important; } .proDecTop { position: relative; margin-bottom: 10px; } .proDecTop h3 { margin-bottom: 5px; } .proDesc .proDescLines .mad-text-small { line-height: 1.3rem; } .proDesc .proDescLines .proDecTop .mad-info-item .mad-progress-bars { float: right; position: absolute; right: 10%; } .proDecTop .title-77 { font-size: 21px; font-weight: 600; /*text-transform: uppercase;*/ letter-spacing: 1px; color: #313131; margin-top: 0px; margin-bottom: 5px; line-height: 1em; } .proDecTop .proCode { font-weight: 300; font-size: 12px; color: #b1b1b1; margin-bottom: 5px; } .proDecTop .mealWishlist.fvrtAdded { position: absolute; right: 18px; margin-bottom: 0px!important; font-size: 24px; top: 0px; width: 25px; } .proDecTop .mealWishlist.fvrtAdded a { color: #d1021c; } #ltrStock { display: inline-block; color: #ed7a79!important; font-size: 14px; font-weight: 600; } #lblStock { display: inline-block; color: #ed7a79!important; font-size: 14px; font-weight: 600; } .proDesc .Desline1 { color: #1c1b1b; line-height: 1em; margin-top: 19px; font-size: 0; } .proDesc1 { color: inherit; font-size: 32px !important; line-height: 1em; letter-spacing: -2px; vertical-align: middle; } .proDesc1.offAvlbl { font-size: 25px!important; margin-left: 5px; vertical-align: middle; margin-top: 0px; display: inline-block; } .proDesc .Desline1 .gray-proname { display: inline-block; /*float: left;*/ vertical-align: middle; color: #888; font-weight: 100; } .proDesc .Desline1 span { font-size: 12px; } .proDesc .Desline2 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #9c9c9c; } .proDesc .finance-section { margin-top: 20px; padding-bottom: 0px; } .proDesc .proDtltag { margin: 0px; padding: 0px; } .proDesc .proDtltag li { font-size: 14px; color: #313131; display: block; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; } .proDesc .proDtltag li h5 { font-size: 15px; color: #313131; display: inline-block; font-weight: 700; text-transform: uppercase; margin: 0px; } .Desline1::after { clear: both; display: block; content: ""; } .proDesc .proOfr .proLbl { float: left; } .productDetail .socialShare h5 { font-size: 15px; color: #313131; display: inline-block; font-weight: 700; text-transform: uppercase; margin: 0px; } .productDetail .socialSec { padding-top: 0px; padding-bottom: 0px; display: inline-block; } .productDetail .socialSec li { text-align: center; border-radius: 50%; } .proOption { display: inline-block; vertical-align: middle; } .proOption select { height: 50px; border-radius: 0px; border: 2px solid #212121; width: 200px; margin-right: 15px; } .addBasket { display: inline-block; text-align: center; background-color: #212121; vertical-align: middle; /*background-color: #ef7b7a;*/ padding: 17px 30px; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; font-weight: 500; line-height: 1.7em; border: 0px; cursor: pointer; } .addBasket:focus, .addBasket:hover { outline: none!important; } .productDtls { margin-top: 15px; padding-top: 15px; } .socialShare { margin-top: 20px; padding-bottom: 20px; } .socialShare > span { font-size: 13px; color: #9c9c9c; float: right; display: inline-block; padding-top: 20px; } .socialShare li { display: inline-block; } .socialShare li a { display: block; width: 25px; height: 25px; line-height: 24px; color: #888; text-align: center; border-radius: 50%; border: 1px solid #888; margin: auto 3px; font-size: 13px; } .socialShare li a:hover { color: #ef7b7a; border-color: #ef7b7a; } .socialShare .mealWishlist { display: inline-block; float: right; } .tabbedinfo .resp-tabs-container { position: relative; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*margin-top: -25px;*/ padding: 20px; min-height: auto; } .tabbedinfo .resp-tabs-list li { position: relative; padding: 22px; /*border-right: 2px solid #dce3e6;*/ color: #26658c; font-size: 1.125rem; line-height: 1.5rem; font-weight: 600; cursor: pointer; } .tabbedinfo .tabs.resp-tabs-list { display: block; text-align: center; position: relative; z-index: 9; } .tabbedinfo { margin-top: 20px!important; margin-bottom: 18px!important; } .tabbedinfo .resp-tab-content { padding: 20px 0px; } .commentList { display: block; padding: 0px; margin: 0px; } .commentList li { display: block; padding: 20px 0px; border-bottom: 1px solid #f5f5f5; } .commentList li:last-child { border-bottom: none; padding-bottom: 0px; } .commentList .commentIcon { width: 40px; height: 40px; background-color: #cecece; text-align: center; line-height: 40px; border-radius: 50%; font-size: 14px; margin-right: 10px; display: inline-block; font-weight: 700; vertical-align: top; } .commentList .commentInfo { display: inline-block; } .commentList li .commentName { font-size: 14px; font-weight: 700; display: block; margin-top: 5px; } .commentList li .commentRate { margin-right: 5px; display: inline-block; } .commentList li .commentDate { display: inline-block; font-size: 14px; color: #888; } .commentRate .fa { color: #ccc; margin-right: 2px; } .commentRate .fa.fa-star { color: #FFD700; } .commentList li p { margin-top: 5px; font-size: 14px; line-height: 20px; color: #757575; font-weight: 400; padding-left: 55px; margin-bottom: auto; } .proPopSlide .next { right: 0; border-radius: 4px 0 0 4px; } .proPopSlide .prev, .proPopSlide .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 4px 4px 0; user-select: none; -webkit-user-select: none; opacity: 1; } .proPopSlide .prev, .proPopSlide .next { color: #fff; background-color: rgba(0, 0, 0, 0.8); } .proPopSlide .prev { left: 0; border-radius: 4px 0 0 4px; } .tblGroup .tblGrpHdr { float: left; font-weight: bold; font-size: 14px; text-transform: uppercase; } .tblQty { border: 1px solid #D0D0D0; margin-right: -1px; padding: 2px 5px; margin-bottom: -1px; } .tblPrice { border: 1px solid #D0D0D0; margin-right: -1px; padding: 2px 5px; font-size: 14px; } .steel-box td > div { border: 1px solid #D0D0D0; margin-right: -1px; padding: 2px 5px; margin-bottom: -1px; font-size: 14px; } .prodRating { font-size: 14px; margin-bottom: 40px; } .prodRating > div { display: inline-block; } .tabs { display: flex; column-gap: 0; /*border-bottom: 2px solid #dce3e6;*/ font-weight: bold; display: flex; column-gap: 2.5rem; position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .mad-tabs--style-2 > .tabs { padding-left: 25px; margin-bottom: -40px; } .mad-tabs .responsive-tabs { padding-top: 20px; box-shadow: 0px 0px 4px #9f9f9f; margin: 10px; border-radius: 4px; } .tabs > * { position: relative; padding: 15px; color: #0a0a0a; display: block; font-size: 1rem; margin: 6px; line-height: 1.5rem; font-weight: 600; box-shadow: 0px 0px 4px #c1c1c1; cursor: pointer; border-radius: 4px; background: #fff; } .tabs > *:hover:not(.active) { color: #24aeb1; display: block; } .tabs > .active { color: #ffffff; background: #24aeb1; } .panel { display: none; } .panel.active { display: block; } .no_display { display: none; } .mad-fixed-bar-inner .btn.btn-style-3 { height: 100%; } #lnkAddBasket { font-size: 15px; line-height: 1.5rem; padding: 13px 30px; border-radius: 4px; letter-spacing: 0px; text-transform: none; } #dvPrevImg .detailimg .flickity-viewport { min-height: 444px !important; } #dvPrevImg .carousel-cell { height: 100%; } #mad-fixed-bar form:not(.one-line):not(.mad-searchform) input:not(:last-child), form:not(.one-line):not(.mad-searchform) textarea:not(:last-child) { margin-bottom: 0px !important; } .ucAlsoLike .product-slider { width: 100%; margin: auto; } .ucAlsoLike.prdctList { margin-top: 3rem; } .ucAlsoLike .swiper-button-next, .ucAlsoLike .swiper-button-prev { background: #dce3e6; width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1!important; transition: all .5s ease; } .ucAlsoLike .swiper-button-next:hover, .ucAlsoLike .swiper-button-prev:hover { background: #26658c; color: #fff; } .ucAlsoLike .mad-product-description a.mad-product-cat { display: inline-block; } #main .proDesc .mad-product.mad-product-single .mad-info-item:not(last-child) { margin-bottom: 1rem !important; } #ltrPrice { text-decoration: none; color: #46a69c; } #ltrPrdPriceBar { text-decoration: none; color: #46a69c; } .mad-products-with-countdown .contentTitle { margin-bottom: 0px; } .ucAlsoLike .mad-products:not(.mad-product-small):not(.hr-type) .mad-product .mad-product-image:not(:last-child) { margin-bottom: 0px !important; } .ucAlso_nav .sliderWrap .swiper-button-next, .ucAlso_nav .sliderWrap .swiper-container-rtl .swiper-button-prev { right: 20%; left: 100%; } .ucAlso_nav .sliderWrap .swiper-button-prev, .sliderWrap .swiper-container-rtl .swiper-button-next { left: 84%; } .ucAlso_nav .swiper-button-next, .ucAlso_nav .swiper-button-prev { position: absolute; top: -47%; background: #dce3e6; color: #2e3133; width: 2.5rem; height: 2.5rem; line-height: 2rem; padding: 15px 15px; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .sliderWrap .swiper-button-next, .sliderWrap .swiper-container-rtl .swiper-button-prev { right: 10px; } .ucAlso_nav .swiper-button-prev { position: absolute; left: 88%; } .ucAlso_nav { position: relative; top: -54px; } .ucAlso_nav .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'keyboard_arrow_left'; font-size: 24px; font-weight: 700; color: #26658c; } .ucAlso_nav .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'keyboard_arrow_right'; font-weight: 700; font-size: 24px; color: #26658c !important; } .ucAlso_nav .swiper-button-next:hover:after, .ucAlso_nav .swiper-button-prev:hover:after { color: #fff !important; } .subscribe_fixed btn.btn-big.btn-style-3 { position: absolute; right: 0; } .ucAlso_nav .swiper-button-prev:hover, .ucAlso_nav .swiper-button-next:hover { background: #26658c; color: #fff; } /*Cookies*/ .compuCooks .accPT { background-color: #008000; display: inline-block; background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #ffffff; font-size: 14px; font-weight: normal; margin-right: 16px; padding: 4px 12px; } .compuCooks .DecLN { display: inline-block; border: none; color: #add8e6; font-size: 14px; font-weight: normal; text-decoration: none; } .compuCooks.cookieBox { background-color: #f1f1f1; color: #000000; text-shadow: none; position: fixed; bottom: -100px; top: auto; border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); opacity: 1; transition: .3s; z-index: 99; padding: 20px; } .compuCooks.cookieBox.showCookie { bottom: 0px; opacity: 1; transition: .8s; width: 100%;z-index: 9999; } .compuCooks.cookieBox p { /*display: inline-block; width: calc(100% - 250px); float: none; margin-bottom: 0px; vertical-align: middle; font-size: 13px; line-height: 20px; margin-top: 0px; color: #303030;*/ } .compuCooks.cookieBox p { font-size: 13px; line-height: 18px; margin-top: 10px; color: #303030; } .compuCooks.cookieBox .resultButton { width: 189px; padding-top: 0px; vertical-align: middle; } .compuCooks.cookieBox .accPT { cursor: pointer; display: inline-block; border-radius: 4px; text-align: center; border: none!important; font-size: 14px; background-color: #46a69c!important; padding: 6px 25px; margin-right: 0; } .compuCooks.cookieBox .DecLN { cursor: pointer; display: inline-block; text-align: center; border: none !important; font-size: 14px; padding: 6px 24px; border-radius: 4px; color: #fff; float: right; font-weight: normal; background: #d94945; box-shadow: 0 1px 2px rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 50%) inset; } .subscribe_fixed .one-line { position: relative; } .subscribe_fixed .one-line .btn { position: absolute; top: 0; right: 0; border-radius: 50px; } .e_productslider .mad-tabs-nav.style-2 a { font-size: 1.5rem; line-height: 2rem; color: #2e3133; letter-spacing: -0.3px; } .e_productslider .mad-tabs-nav.style-2 .mad-active > a { color: #d94945; } .e_productslider .mad-tabs-nav a { color: #26658c; display: block; font-size: 1.125rem; line-height: 1.5rem; font-weight: 600; -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1); } .e_productslider .mad-tabs-nav { font-weight: bold; display: flex; /*column-gap: 2.5rem;*/ position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .e_productslider .mad-tabs-nav > span { margin-left: 15px; margin-right: 15px; } .e_productslider { padding-top: 1.5rem; margin-bottom: 1.45rem; } .e_productslider .product-slider.prod-slider.swiper-container-initialized.swiper-container-horizontal { font-size: 1rem; line-height: 1.5rem; padding-top: 1.25rem; } .e_productslider .swiper-wrapper .swiper-slide { padding: 1rem; border-radius: 4px; border: 2px solid #dce3e6; position: relative; overflow: hidden; transition: all .5s ease; display: flex; flex-direction: column; /*height: initial;*/ height: 400px; } .e_productslider .mad-product-category-list { position: absolute; padding: 20px; text-align: center; width: 100%; } .e_productslider .productBlock .proImg > a, .offrGrids.productBlock .proImg a { height: 150px; overflow: hidden; display: block; } .e_productslider .productBlock .proImg > a img { height: 100%; } /*#MainContent_ucFormControls_rptRows_rptElements_1_ctl00_1_dvCategory_1 .swiper-button-next.swiper-button-disabled, #MainContent_ucFormControls_rptRows_rptElements_1_ctl00_1_dvCategory_1 .swiper-button-prev.swiper-button-disabled { opacity: 1 !important; } #MainContent_ucFormControls_rptRows_rptElements_1_ctl00_1_dvCategory_1 .swiper-button-prev { left: 0px !important; } */ .cat_pre_btn { position: relative; display: flex; justify-content: space-between; } .cat_pre_btn [class*='swiper-button-'] { margin: 0; position: absolute; top: 90px; bottom: auto; margin-top: 0; } .cat_pre_btn .swiper-button-next { right: 10px; } .cat_pre_btn .swiper-button-prev { left: 10px; } .eleBlock.e_categoryslider .sliderWrap .container { position: relative; } .cat_pre_btn .swiper-button-next.swiper-button-disabled, .cat_pre_btn .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: auto; pointer-events: none; } .coundown-period:before { top: 0px !important; } .cat_pre_btn .swiper-button-next.swiper-button-disabled { opacity: 1; cursor: auto; pointer-events: none; } .month-slider { width: 98% !important; padding-left: 10px; padding-bottom: 20px; margin-left: 0px; } .e_categoryslider .sliderWrap { padding: 10px; } .cat-slider .mad-product-category-list { /*position: absolute;*/ padding: 10px; text-align: center; width: 100%; } .cat_pre_btn .swiper-button-next, .cat_pre_btn .swiper-button-prev, .month_pre_btn .swiper-button-prev, .month_pre_btn .swiper-button-next, .best_btn .swiper-button-next, .best_btn .swiper-button-prev { background: #fff; color: #2e3133; width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 4px #dbdbdb; opacity: 1 !important; } .designfff .design-container { position: relative; padding-left: 4.24rem; padding-right: 4.25rem; } .cat_pre_btn .swiper-button-next:hover, .cat_pre_btn .swiper-button-prev:hover, .month_pre_btn .swiper-button-prev:hover, .month_pre_btn .swiper-button-next:hover, .best_btn .swiper-button-next:hover, .best_btn .swiper-button-prev:hover { background: #8cc44c; color: #fff; } /*.homebacker .eleBlock.e_texttype .mad-page-title { margin-bottom: 1.45rem; }*/ /*----------------------BOX Layout Ai Design Changes Start------------------------------------*/ .homeWrp .fix-12-12 { width: 100%!important; max-width: 80rem!important; /*padding-left: 1rem; padding-right: 1rem;*/ } .homeWrp .fix-12-12 .fix-12-12 { padding-left: 0rem; padding-right: 0rem; } .col-hh-1 { height: 480px; /*height: 300px;*/ /*font-size: 0;*/ } .col-hh-2 { height: 840px; /*height: 960px; height: 600px; font-size: 0;*/ } .col-hh-5 { height: 150px; /*font-size: 0;*/ } .col-hh-1 .eleBlock { height: 480px; /*height: 300px;*/ overflow: hidden; } .col-hh-2 .eleBlock { height: 840px; /*height: 960px; height: 600px;*/ overflow: hidden; } .col-hh-5 .eleBlock { height: 150px; overflow: hidden; } .col-hh-2 .eleBlock .theme1 .prmBlcs, .col-hh-2 .eleBlock .theme1 .prmBlcsSear { height: 600px; } .col-hh-1 .eleBlock .theme1 .prmBlcs .promoWrap img { height: 100%; } .col-8-12.col-hh-1.bx_aiblock, .col-8-12.col-hh-1.bx_aiblock .eleBlock { height: 360px; } .col-8-12.col-hh-1 .mad-banner, .col-8-12.col-hh-1 .eleBlock .mad-banner { /*padding-left: 50%;*/ } .col-hh-2 .ImgGrid.mad-banner { height: 100%; } .nLayout .e_aiblock .mad-banner { height: 480px; } .nLayout .grid_4_4_4_8_4 [class*='col-']:nth-child(-n+3) .e_aiblock .mad-banner, .nLayout .grid_4_4_4_4_4_4 [class*='col-']:nth-child(-n+3) .e_aiblock .mad-banner { margin-bottom: 20px; } .vr-type .social li i { vertical-align: middle; margin-right: 8px; } .vr-type .social li a span, .footerNavRes a, .footerNavRes .mad-our-info .mad-info a { color: #979494; } .e_aiblock .mad-banner { padding: 2.125rem 2.5rem; padding-right: 30%; } .mad-footer-main .footerNavRes a:hover, .footerNavRes .mad-our-info .mad-info a:hover, .vr-type .social li a span:hover, .mad-footer-main .mad-our-info span:hover, .mad-our-info.vr-type .mad-info:hover i { color: #50bfb4; } .e_aiblock h2.mad-title.big-title { font-size: 2.6rem; line-height: 2.5rem; } .e_aiblock h2.mad-title.style-2 { line-height: normal; font-size: 1.7rem; } .e_aiblock h6.mad-title.style-3 { font-size: 1.5rem; } .e_aiblock .BxLink a span { left: 3.5rem; bottom: 3.125rem; } .e_aiblock .content-element-4 .lnkbtn { padding-left: 0px; } .col-hh-2 .ImgGrid { height: 594px; } .col-hh-5 .ImgGrid { height: 146px; } .col-hh-5 .ImgCntnt { padding: 20px; } .col-hh-5 .ImgCntnt .name-77 { width: 200px; } .col-hh-5 .ImgCntnt p { font-size: 14px; } .col-hh-5 .ImgCntnt .gridLink { left: 20px; bottom: 20px; font-size: 13px; } .eleBlock { height: 100%; display: inline-block; width: 100%; } .eleBlock.e_aiblock > div { height: 100%; display: inline-block; width: 100%; } .grid-sizer, .grid-item { width: 25%; } .grid-item { padding: 0px !important; float: left; background-position: center center; background-size: cover; } .grid-item.col-3-12 { width: 25%; } .grid-item.col-4-12 { width: 33.33%; } .grid-item.col-6-12 { width: 50%; } .grid-item.col-8-12 { width: 70%; } .grid-item.col-9-12 { width: 75%; } .grid-item.col-12-12 { width: 100%; } .eleBlock .prmBlcs, .eleBlock .prmBlcsSear { /*width: 100%;*/ border: none; } .bgSection.minPadding .eleBlock { border: 8px solid #fff; } .noPadding .eleBlock, .eleBlock .eleBlock { border: none!important; } .noPadding.grid-item, .maxPadding.grid-item, .minPadding.grid-item { padding-left: 0px !important; padding-right: 0px !important; } .bxLayout .eleBlock .socialSec { padding: 0px 5px; } .bxLayout .eleBlock .socialSec .timeline { max-height: 545px; } .bxLayout .col-12-12 .eleBlock.prmBlcs.prmBlcsSlider { width: 100% !important; } .bxLayout .col-6-12 .ImgCntnt .name-77 { width: 300px; } .bxLayout .col-12-12.col-hh-1 { min-height: auto !important; height: auto !important; } .bxLayout .col-12-12.col-hh-1 .eleBlock { min-height: auto !important; height: auto !important; } .bxLayout .col-12-12 .eleBlock { min-height: auto!important; } .bxLayout .e_html, .bxLayout .e_texttype { padding: 10px; } .mad-rating .fa.fa-star { color: #FFD700; } .mad-rating .fa { margin-right: 2px; color: #ccc; } .dnone { display: none!important; } #divCurrency { display: none !important; } .best_seller .mad-products { } .best_seller .mad-grid-item { float: left; } .best_seller .mad-grid-item .mad-col { min-height: 154px; } .best_seller .mad-products .mad-grid-item .mad-product { padding-bottom: 1rem; padding-top: 2rem; } .best_seller .mad-products .mad-grid-item .mad-product:last-child::after(2), .best_seller .mad-products .mad-grid-item:nth-last-child(2) .mad-products .mad-grid-item .mad-product::after { content: ''; position: absolute; left: 30px; right: 30px; height: 1px; bottom: 0; background: #dce3e6; } .best_seller .mad-product.big-type:after { background: none !important; } .topBar.sidebar { display: none; } .mad-testimonials .focus-heading { text-align: left; padding-bottom: 0px; } .mad-testimonial .mad-testimonial-info .material-icons { color: #fbb614; margin-bottom: 10px; } .mad-testimonials .swiper-button-next, .mad-testimonials .swiper-button-prev { position: absolute!important; left: 0; top: 50%; margin-top: -1rem; background: #fff; color: #2e3133; width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1!important; transition: all .5s ease; box-shadow: 0px 0px 4px #dbdbdb; } .mad-testimonials .swiper-button-next:hover, .mad-testimonials .swiper-button-prev:hover { background: #8cc44c; color: #fff; } .mad-testimonials .swiper-button-prev { right: auto; left: auto; right: 45px; top: 30px; } .mad-testimonials .swiper-button-next { right: 0; left: auto; top: 30px; } .productBlock { text-align: left; } .myAccountTab .productList .proImg.mad-product-image { margin-bottom: 0px !important; } .productList .proImg.mad-product-image { margin-bottom: 0px !important; } aside .product-countdown .swiper-wrapper { width: 100%; } aside .product-slider { width: 100%; margin: 0; } .ucSpecialDeal .imgSpan { display: inline-block; width: 100%; height: 240px; overflow: hidden; } .ucSpecialDeal .swiper-button-next, .ucSpecialDeal .swiper-button-prev { background: #dce3e6; width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1!important; transition: all .5s ease; } .ucSpecialDeal .swiper-button-next:hover, .ucSpecialDeal .swiper-button-prev:hover { background: #26658c; color: #fff; } .mad-fixed-bar { display: none; position: fixed !important; bottom: 0px !important; display: block !important; } .pb-20 { padding-bottom: 20px !important; } .faqpanel { display: none; } .errorCSS::-webkit-input-placeholder { color: #000; } .errorCSS { background-color: #FBE3E4!important; } .discountSec input[type="text"].errorCSS::-webkit-input-placeholder { color: #000; } .discountSec input[type="text"].errorCSS:-ms-input-placeholder { color: #000; } .discountSec input[type="text"].errorCSS::placeholder { color: #000; } .Shipping .mad-panels-title.mad-panels.active button:before { content: "remove_circle_outline"; } .prdctList .mad-product-image .imgSpan, .ucAlsoLike .mad-product-image .imgSpan { display: inline-block; width: 100%; height: 100%; overflow: hidden; } .prdctList .mad-products .productBlock { padding: 15px!important; box-shadow: 0px 0px 13px rgb(169 169 169 / 25%); } .prdctList .dealOfDay { transition: all .5s ease; box-shadow: 0px 0px 13px rgb(169 169 169 / 25%); height: auto!important; overflow: hidden; } .prdctList .dealOfDay:hover { box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } .prdctList .dealOfDay .productBlock { min-height: initial!important; margin-top: 0px; overflow: visible; } .prdctList .dealOfDay > h4 { line-height: 1em; background-color: #f34770; color: #FFF; border-radius: 4px 4px 0px 0px; position: inherit; font-size: 24px; text-align: center; } .prdctList .btmOffer .dealOfDay > h4 { background-color: #f1f1f1; color: #000000; } .prdctList .dealOfDay .productBlock .mad-label { top: -60px; z-index: 99; left: -50px; } .prdctList .dealOfDay .mad-product-image { width: 40%; padding-top: 0%; margin-left: 10%; } .prdctList .dealOffer .dvTimer2 ul.timercounter { background: #f34770; } .prdctList .dealOffer .dvTimer2 ul.timercounter li { padding: 0px; } .prdctList .mad-countdown.size-2 { background: transparent; color: #FFF; } .prdctList .countdown-amount { padding-left: 5px; padding-right: 5px; color: #FFF; } .prdctList .dealOfDay .offrProCtnt { margin-top: 0px; } .prdctList .dealOfDay .countdown-period { display: none!important; } .prdctList .mad-products .mad-product-description .product_des { display: block!important; line-height: 1.2em!important; width: auto!important; height: 44px!important; font-size: 12px!important; } .prdctList .mad-products .mad-product-description .product_des a.mad-product-cat { display: inline!important; font-size: 12px!important; line-height: 1.2em!important; } .prdctList .dealOfDay .imgSpan { height: auto!important; } .prdctList .dealOfDay { margin-top: 0px; } .prdctList .dealOfDay .productBlock { margin-top: 0px; } .prdctList .dealOfDay .dealOffer .mad-info-title { line-height: 31px; font-weight: 700; } .prdctList .offrGrids.btmOffer .dealOfDay .dealOffer .mad-info-title { background: #13a4ba; } .prdctList .offrGrids.btmOffer .dealOffer .dvTimer2 ul.timercounter { background: #13a4ba; } .best_seller .mad-products .mad-grid-item .mad-product-image img { max-height: 168px; min-width: unset; margin: auto; } .best_seller .big-type .mad-product-image img { max-height: 378px !important; min-width: unset; margin: auto; height: 378px; } .best_seller .mad-products.with-border .owl-stage-outer, .mad-products.with-border:not(.owl-carousel) { padding: 1.5rem 0; } .best_seller .mad-products .mad-grid-item .mad-product:after { content: ''; position: absolute; left: 30px; right: 30px; height: 1px; bottom: 0; background: #dce3e6; } .best_seller .mad-products .mad-grid-item:nth-last-child(-n+3) .mad-product:after { background: transparent; } .copyright_center { display: flex; } .copyright_center p { padding: 0px 10px; } #lnkBasket > a { font-size: 1.75rem; } .paraFormat.ucText { margin-top: 30px; } .e_reviews { position: relative; margin-top: 20px; } .e_reviews .mad-testimonials .swiper-slide { min-height: 229px; } .ucAlsoLike .mad-products .product-slider .proImg.mad-product-image { min-height: 177px; } .ucAlsoLike .product-slider .swiper-wrapper .swiper-slide.mad-grid-item .productBlock.mad-product { height: 430px; } #MainContent_lnkBack { display: none; } #sidebar .mad-widget .mad-products { margin-bottom: 15px; } #sidebar .mad-widget #MainContent_ucRecentlyViewed_dvRViewed .mad-widget-title { margin-top: 20px; } .blog_image a { height: 100px; } .blog_image img { height: 100%; } .blrAccrCntnr .blrAccrList i { float: right; font-size: 15px; /*border: 2px solid #3e3e3e;*/ color: #3e3e3e; border-radius: 100%; padding: 3px 4px; } .blrAccrCntnr .blrAccrList { border: 1px solid #eee; border-radius: 4px; padding: 20px; cursor: pointer; } .foodAccord .blrAccrCntnr .blrAccrList:hover { box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } /*.blrAccrCntnr .blrHead{ padding: 20px !important; } .blrAccrCntnr .blrContent { padding: 10px 20px 20px 20px!important; }*/ .mobileShow { display: none; } .rightLinks .tabs.resp-tabs-list { display: flex; } .mobileHideTab .resp-accordion { display: none; } .mobileHideTab .tab-content { display: none; } .mobileHideTab .tab-content.active { display: block; } .mad-tabs--style-1 { border: 2px solid #dce3e6; border-radius: 8px; } .sideTabView .rightLinks { width: 20%; float: left; /*border-right: 2px solid #dce3e6;*/ } .sideTabView .rightLinks .tabs.resp-tabs-list { display: block; border-bottom: none; } .sideTabView .tabbedinfo .resp-tabs-list li { /*width: 100%;*/ display: block; border-bottom: 2px solid #dce3e6; } .sideTabView .tabbedinfo .resp-tabs-list li:last-child { border-bottom: none; } .sideTabView .resp-tabs-container { width: 80%; float: left; } .detailimg .carousel.carousel-main img { height: auto; width: 100%; } .mad-sidebar .mad-products:not(.mad-product-small) .mad-product { height: 100%; } .mad-dropdown-cart .mad-product, .mad-dropdown-cart .mad-product .mad-product { height: auto !important; } .mad-dropdown-cart .mad-product .mad-product-image { height: 100px; } .mad-dropdown-cart .mad-product .mad-product-image img { height: 100%; } .mad-category-covid .mad-entity { margin-bottom: 20px; } .eleBlock.e_bestseller .grid.best_seller.fixedSpaces .mad-products:not(.mad-product-small) .mad-product { height: 100%; } .review_text { position: relative; top: -4px; } .mad-rating-top-level { position: relative; display: inline-block; } a, .btn { cursor: pointer; } .productCart .mad-section { padding-top: 4rem; padding-bottom: 5rem; } .margin-btm_50 { margin-bottom: 50px; } .mad-custom-select { /*width: 12.9375rem;*/ width: 8.9375rem; } .mad-custom-select .mad-selected-option { border-radius: 8px; } .mad-sorting-section .mad-custom-select:after { content: "keyboard_arrow_down"; font-family: 'Material Icons'; font-size: 1.25rem; line-height: 55px; position: absolute; color: #909a9d; top: 0; right: 1.375rem; max-width: 14px; z-index: -1; } .mad-sorting-section .mad-custom-select .mad-selected-option { background: transparent; } .mad-custom-select #ddlVariation { background: transparent; } .mad-custom-select select:focus { outline: none; } .hdrSrch { position: absolute; top: 0; left: 0; right: 0; z-index: 9; width: 100%; background-color: transparent; } .hdrSrch #results input { height: 48px !important; } /*FREE SEARCH RESULT BOX*/ .srchHdr input[type="text"] { -moz-transition-delay: 30ms; -o-transition-delay: 30ms; -webkit-transition-delay: 30ms; transition-delay: 30ms; -moz-transition: border-color 300ms,border-radius 300ms; -o-transition: border-color 300ms,border-radius 300ms; -webkit-transition: border-color 300ms,border-radius 300ms; transition: border-color 300ms,border-radius 300ms; } .srchHdr.srcFocs input { /*border-bottom-right-radius: 0; border-bottom-left-radius: 0;*/ } .srchHdr.srcFocs .dvSearchBx { /*border-top: 0px;*/ } .srchHdr label { font-size: 12px; font-weight: bold; margin: 0px; position: absolute; left: 23px; top: 18px; } .srchHdr label i { margin-right: 10px; color: #CCC; } .srchHdr .micIcn { float: left; width: 32px; position: absolute; left: 4px; top: 9px; height: 32px; border-radius: 50%; text-align: center; -moz-transition-delay: 30ms; -o-transition-delay: 30ms; -webkit-transition-delay: 30ms; transition-delay: 30ms; -moz-transition: border-color 300ms,border-radius 300ms; -o-transition: border-color 300ms,border-radius 300ms; -webkit-transition: border-color 300ms,border-radius 300ms; transition: border-color 300ms,border-radius 300ms; } .srchHdr .micIcn button { background-color: transparent; border: none; font-size: 14px; color: #fff; } .srchHdr .micIcn button:focus { border: none; outline: none; } .srchHdr .srchIcn { position: absolute; top: 6px; left: 10px; font-size: 14px; } .srchHdr .srchIcn i { font-size: 14px; } .srchHdr .fa-microphone { right: 30px; position: relative; font-size: 18px; } .searchCnt .tagnew { display: inline-block; border-radius: 8px; font-size: 10px; padding: 0 2px!important; } .searchCnt .tagused { display: inline-block; border-radius: 8px; font-size: 10px; padding: 0 2px!important; } .ftrRslt { text-align: left; padding: 15px 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 5px; } .ftrRslt span { font-size: 14px; letter-spacing: 0.09em; margin-right: 5px; display: inline-block; vertical-align: middle; } .ftrRslt a { line-height: normal; color: #ef7b7a; text-transform: initial; float: right; font-size: 14px; display: inline-block; vertical-align: middle; } span.highlight { font-weight: 700; color: #ef7b7a; } .dvSearchBx { background: #fff; position: absolute; top: 48px; left: -2px; z-index: 99; display: inline-block; width: calc(100% + 68px); border: 2px solid #caead5; border-radius: 0px 0px 2px 2px; } .dvSearchBx .ResultWrap { background: #c0c0c0; height: 60px; position: relative; } .dvSearchBx .ResultWrap .aro_crn { width: 30px; height: 12px; position: absolute; top: -10px; right: 0px; text-align: left; } .dvSearchBx .ResultWrap p { color: #fff; font-size: 18px; text-transform: uppercase; padding: 20px 10px 0px 20px; text-align: left; } .dvSearchBx .ResultWrap p span { color: #000; } .dvSearchBx .ResultList { max-height: 365px; overflow: auto; overflow-x: hidden; padding: 0px; width: 100%; max-width: calc((100%) - 10px); padding-right: 15px; margin-bottom: 10px; } .dvSearchBx .ResultList::-webkit-scrollbar { width: 8px; } .dvSearchBx .ResultList::-webkit-scrollbar-track { background-color: #f0f0f0; } .dvSearchBx .ResultList::-webkit-scrollbar-thumb { background-color: #b0b0b0; border-radius: 8px; } .dvSearchBx .ResultList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin-right: -1px; } .dvSearchBx .ResultList .mCSB_scrollTools .mCSB_draggerRail { margin-right: 0; } .dvSearchBx .ResultList .mCSB_scrollTools .mCSB_draggerContainer { right: 4px; } .dvSearchBx .ResultList .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #868686; background-color: rgba(134,134,134,0.60); } .dvSearchBx .ResultList .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #ccc; background-color: rgba(134,134,134,0.60); } .dvSearchBx ul.prolist_secBX { padding: 0px; margin: 0px; list-style: none; margin-right: -5px; } .dvSearchBx ul.prolist_secBX li { width: 100%; padding: 15px 20px; border-bottom: 1px solid #efefef; } .dvSearchBx ul.prolist_secBX li:last-child { border-bottom: none; } .dvSearchBx ul.prolist_secBX li:hover { background-color: #f5f5f5; } .dvSearchBx ul.prolist_secBX li:after { clear: both; display: block; content: ""; } .dvSearchBx ul.prolist_secBX li > a { display: block; text-align: left; } .dvSearchBx .searchImg { width: 60px; text-align: center; display: inline-block; vertical-align: top; margin-right: 15px; } .dvSearchBx .searchImg img { font-size: 12px; color: #000000; } .dvSearchBx .searchCnt { width: calc(100% - 76px); text-align: left; display: inline-block; white-space: normal; vertical-align: top; } .dvSearchBx .searchCnt p.parra { display: inline-block; width: 100%; font-weight: 600; margin: auto; line-height: 1.2; text-transform: initial; font-size: 13px; } .dvSearchBx .searchCnt p.parra b { display: block; margin-top: 7px; } .dvSearchBx .searchCnt .pro_rate { font-weight: bold; } .dvSearchBx .searchCnt .pro_rate span { font-size: 27px; color: #cc0000; display: inline-block; border-right: solid 2px #ccc; float: left; margin: 0px; padding-right: 12px; margin-right: 12px; } .dvSearchBx .searchCnt .pro_rate span sub { font-size: 13px; bottom: 0px; } .dvSearchBx .searchCnt .pro_rate a.view { float: left; font-size: 14px; color: #0060a1; display: inline-block; text-decoration: none; } .dvSearchBx .searchCnt .pro_rate a.view i { color: #0060a1; } .dvSearchBx .searchCnt .line-through-text { text-decoration: line-through; margin-left: 10px; vertical-align: middle; display: inline-block; } .dvSearchBx .searchCnt p > .srchCategory { display: block; color: #848484; font-size: 12px; } .dvSearchBx .searchCnt p.parra { font-size: 14px; } .dvSearchBx .searchCnt p.parra b { font-size: 14px; } .dvSearchBx .searchCnt p.parra b > span { font-size: 12px; } /*FREE SEARCH RESULT BOX*/ .mad-header-item .mad-actions { justify-content: initial; } .mad-header-item .mad-actions > .mad-col, .mad-header-item .mad-actions > #lnkBasket { /*width: 35px;*/ text-align: center; align-items: flex-end; } .mad-header-item .mad-actions > #lnkBasket { margin: 0px 15px; position: relative; } .dealTimr { width: 250px; } /*.dealTimr .mad-countdown .countdown-section { width: 33.33%; }*/ .dealTimr .mad-countdown.size-2 { background: #1b4763; } .dealTimr .mad-countdown .countdown-amount { color: #FFF; } .dealTimr .mad-countdown .countdown-period { color: #4abfd9; } .dealTimr .mad-countdown.size-2 .countdown-section:not(:last-child):after { color: #FFF; } .dealOffer .countdown-period { color: #FFF!important; } .countdown-section:after { color: #FFF!important; top: 3px!important; line-height: 10px!important; } .mad-sidebar .mad-products-with-countdown:not(.type-2) { padding-bottom: 0px; } .e_blogs .mad-section [class*="item-col-"]:not(.no-gutters) { margin-left: auto; margin-right: auto; } .mad-category-common { width: 32%!; } .mad-entity-header .mad-entity-title { font-size: 20px; line-height: 24px; letter-spacing: 0rem; margin-bottom: 0.2rem; } .blogDtlPage .mad-entity-header .mad-entity-title { font-size: 24px; line-height: 1.1em; letter-spacing: 0rem; margin-bottom: 0.2rem; } .e_blogs .mad-pagination, .e_recipes .mad-pagination { margin-top: 5px; margin-bottom: 2rem; } .e_blogs .mad-pagination > li > a.current { background: #88be50; } .mad-sidebar .mad-products { margin-bottom: 30px; } .mad-sidebar .mad-products .mad-product-title { line-height: 1.1em; } .mad-sidebar .mad-entity .mad-entity-title { line-height: 1.2em!important; } .mad-sidebar .mad-entity .mad-entity-media { border: 1px solid #e4e4e4; } .mad-link.catNme { display: inline; font-size: 12px; line-height: 1.2em; color: #d94945; } /*.catBanner { min-height: 225px; } .catBanner .catTitle { padding: 102px 0px 40px; font-size: 70px; margin:auto; } .contentTitle { font-size: 45px; }*/ .mad-product-cat-link { display: block; position: relative; } /*.mad-product-cat-link .round-img { border-radius: 50%; overflow: hidden; margin-top: 8px !important; margin: auto; padding: 43px; box-shadow: 0px 0px 13px #1b6ec329; background: #fff; }*/ .mad-product-cat-link .round-img { border-radius: 10px; overflow: hidden; margin-top: 8px !important; margin: auto; padding: 5px; box-shadow: 0px 0px 13px #1b6ec329; background: #fff; } .mad-product-cat-link .round-img img { border-radius: 7px; } .catBanner .row .col-md-9 { padding-left: 0px !important; } .catBanner p { line-height: 20px; font-size: 15px; } .show599 { display: none!important; } @media screen and (max-width: 1920px) { .catBanner .catTitle { padding: 0px; } .catBanner { padding: 30px 0px; } .mad-sorting-section { /*padding-right: 20px;*/ } .mad-quick-links .mad-link:last-of-type { margin-right: 0px; } } @media only screen and (min-width: 1480px) { .container { padding: 0; } .catBanner .catTitle { padding: 0; } .catBanner .row .catTitle { padding-left: 15px !important; } .blogDtlPage .mad-section { margin-top: 40px; } } @media screen and (max-width: 1380px) { /*.catBanner .catTitle { padding-top: 140px; }*/ .catBanner .row .catTitle { padding-left: 10px !important; } .catBanner .catTitle { padding: 0px; } .catBanner { padding: 30px 20px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*.catBanner .catTitle { padding-top: 110px; }*/ } @media screen and (max-width: 599px) { /*.catBanner .catTitle { padding-top: 180px; padding-bottom: 50px; }*/ .shop-cart-form .form.one-line .btn { /*position: relative; top: 6px; right: 0%; width: 100%;*/ font-size: 13px; padding: 10px 15px; } .compuCooks.cookieBox p { display: inline-block; width: calc(100% - 0px ); float: none; vertical-align: middle; margin-bottom: 10px; } .compuCooks.cookieBox .resultButton { display: inline-block; width: 189px; float: left; padding-top: 0px; vertical-align: middle; } .mad-footer-main .row:not(.col-no-space) > [class*="col"] { padding-bottom: 1.5rem; } .shopping-cart-full .mad-shop-footer .form.one-line .btn.btn-style-3 { width: 130px!important; padding: 10px 10px!important; font-size: .8em!important; } .mad-shop-footer .shop-cart-form .form.one-line:first-child input:first-child { padding-right: 135px!important; } .mad-table-wrap.shop-cart-form .pro-table tr { display: block!important; position: relative; border-top: 1px solid #dce3e6; } .mad-table-wrap.shop-cart-form .pro-table tr:after { content: ""; display: block!important; clear: both; } .mad-table-wrap.shop-cart-form .pro-table tr:first-child { display: none!important; } .mad-table-wrap.shop-cart-form .pro-table td { border: 0px!important; } .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title { font-size: 14px; line-height: 1em; display: block; overflow: initial; -webkit-line-clamp: initial; -webkit-box-orient: initial; } .show599 { display: block!important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-item { display: block; width: 50%!important; float: left!important; max-width: 50%!important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-item .mad-products:not(.owl-carousel) { display: block!important; flex-wrap: initial!important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-item .mad-product { flex-direction: initial!important; align-items: initial!important; display: block!important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-item .mad-product-image { display: block; width: 100%!important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-item .mad-product-description { display: block; width: 100%!important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-unit { display: block; width: 50%!important; float: left!important; font-size: 14px; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .cartCount { display: block; width: 50%!important; float: left!important; margin-right: 0px; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-ttl { display: block; width: 50%!important; float: left!important; font-size: 14px; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .cartCount .quantity { margin-top: 0px; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-unit > div { display: inline-block!important; margin-right: 5px; font-weight: bold; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .tbl-ttl > div { display: inline-block!important; margin-right: 5px; font-weight: bold; } } /*blog detail*/ .paraFormat.ucText ul { padding-left: 30px; list-style: inherit; } .paraFormat.ucText ol { padding-left: 30px; list-style: decimal; } .calc-report.mad-table-wrap.style-2 table tr td:first-child { font-weight: 600; width: 60%; } /*.catBanner { position: relative; } .blog_search { position: absolute; right: 15px; top: 0px; margin-top: 0px !important; }*/ .catTitle { line-height: 1.5em; font-weight: 600; text-align: center; } .inline_desktop label { display: inline-flex; } .gender-radio { display: inline-flex; margin-left: 10px; } .gender-radio span { margin-right: 10px; } .blog-mad-section { padding-top: 0px; } .about-mad-section { padding-top: 6rem; padding-bottom: 6rem; } .about-mad-section .mad-counters { display: flex; float: none; } /*help me bot*/ .helpmeBot { opacity: 0; right: -460px; width: 460px; position: fixed; top: 0px; bottom: 0px; transition: .3s; z-index: 999999; background-color: #FFF; box-shadow: 0px -1px 23px -5px rgba(0,0,0,0.75); -webkit-box-shadow: 0px -1px 23px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px -1px 23px -5px rgba(0,0,0,0.75); padding: 50px 20px 20px 20px; line-height: 1.2em; } .botShown.helpmeBot { opacity: 1; right: 0px; transition: .3s; } .helpmeBot .closeBot, .shopping-cart .closebtn, .feedbot .closeFeed { cursor: pointer; position: absolute; top: 0.5rem; right: 0.5rem; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; border-radius: 4px; font-size: 2.2rem; transition: 0.2s all linear; } .helpmeBot .closeBot:hover, .shopping-cart .closebtn:hover, .feedbot .closeFeed:hover { transform: rotate(180deg); } .shopping-cart .closebtn .material-icons { font-size: inherit; line-height: inherit; } .helpmeBot .closeBot .botShown.helpmeBot { opacity: 1; right: 0px; transition: .3s; } .helpmeBot .barStep .help-sec { display: flex; flex-wrap: wrap; } .helpmeBot .closeBot svg { /*fill: #000; max-width: 100%; width: 30px; height: 30px;*/ } .helpmeBot .mad-entity-about img { width: 50px; margin-bottom: 10px; } .helpmeBot .title-77 { font-size: 16px; color: #f34770; font-weight: bold; } .helpmeBot .subtitle-77 { font-size: 16px; margin: 10px 0px 20px 0px; color: #000; line-height: 1.2em; font-weight: 600; } .helpmeBot .mad-entity-about { line-height: 1em; font-size: 13px; cursor: pointer; background: #ffffff; color: #000; width: 30%; text-align: center; border: 2px solid #fff; margin: 6px; padding: 11px; border-radius: 4px; box-shadow: 0 10px 15px rgb(0 0 0 / 10%); transition: 0.15s ease; } .helpmeBot .mad-entity-about:hover { box-shadow: 0 0px 5px #24aeb1; font-weight: 600; } .barback { font-size: 14px; background-color: #8d8d8d; position: absolute; left: 0px; top: 15px; vertical-align: middle; line-height: 1em; padding: 5px 15px; border-radius: 0px 5px 5px 0px; color: #FFF; font-weight: bold; cursor: pointer; } .barback svg { height: 20px; width: 15px; margin-right: 5px; display: inline-block; vertical-align: middle; fill: #FFF; } .helpmeBot .barStep .barStepCheck { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .helpmeBot .barStep .barStepCheck img { width: 45px; font-size: 30px; margin-right: 7px; } .helpmeBot .barStep .barStepCheck p { text-align: left; } .helpmeBot .barStepCheck .mad-entity-about { width: 40%; margin-bottom: 20px; display: flex; align-items: center; border: 1px solid #eee; font-size: 14px; } .showPopUp .modal-backdrop { display: block; } html.showPopUp { overflow: hidden !important; } .ImgsBlcs .parraSEC { /*line-height: 1.4em; font-size: 15px;*/ } .grid.fixedSpaces { margin-left: -10px; margin-right: -10px; } .rowSP_bottom { margin-bottom: 30px!important; } .cAlignCenter .title-77 { text-align: center!important; } .cAlignCenter .parraSEC { text-align: center!important; justify-content: center; } .choose_us .mad-colorizer-bg-image { background-image: url(../images/1904x640_bg1.jpg); left: -16px; right: -16px; } .mad-section.size-2.choose_us { padding: 5rem 0 !important; margin: 20px 0; } .choose_us .mad-icon-boxes.check-list .mad-icon-box .mad-icon-box-icon .svg { width: 20px; height: 20px; max-width: inherit; } .cAlignRight .title-77 { text-align: right!important; } .cAlignRight .parraSEC { text-align: right!important; justify-content: flex-end; } .float_right { float: right; } .productBody .feedSec, .productBody .helpBotBtn, .productDetail .coin-sec { display: none; } .helpBotBtn { display: block; width: 121px; position: fixed; bottom: 0px; right: 20px; cursor: pointer; z-index: 999; } .feedSec { display: block; position: fixed; top: 40%; right: -41px; cursor: pointer; z-index: 999; transform: rotate(90deg); background: #3bb67d; padding: 5px; border-radius: 4px; } .feedSec h4 { line-height: 1.5rem; color: #fff; font-size: 19px; } .feedSec h4 i { transform: rotate(90deg) !important; } .feedShown.feedbot { opacity: 1; right: 0px; transition: .3s; } .feedbot { color: #000; font-weight: 500; opacity: 0; right: -460px; width: 460px; position: fixed; top: 0px; bottom: 0px; transition: .3s; z-index: 999999; background-color: #FFF; box-shadow: 0px -1px 23px -5px rgb(0 0 0 / 75%); -webkit-box-shadow: 0px -1px 23px -5px rgb(0 0 0 / 75%); -moz-box-shadow: 0px -1px 23px -5px rgba(0,0,0,0.75); padding: 10px 20px 20px 20px; line-height: 1.2em; overflow: auto; } .feedbackicon, ul.suggest { display: flex; justify-content: center; margin-top: 10px; margin-bottom: 20px; } .feedbackicon li span { color: #afafaf; font-size: 51px; display: block; height: 50px; line-height: 50px; } .feedbackicon li { display: block; position: relative; } .feedbackicon li input, .suggest li input { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } #feedbackBox .gender-radio { margin-left: 0px; } #feedbackBox .btn-success { width: 100%; margin-top: 10px; } /*.feedbackicon li input:checked + span {color:red;}*/ .red_feed input:checked + span, .red_feed input:hover + span { color: #d90707; } .orange_feed input:checked + span, .orange_feed input:hover + span { color: #e5b60d; } .yellow_feed input:checked + span, .yellow_feed input:hover + span { color: #e5d40d; } .green_feed input:checked + span, .green_feed input:hover + span { color: #4ae148; } .dgreen_feed input:checked + span, .dgreen_feed input:hover + span { color: #0db10b; } .feedbot .bdrTop { border-top: 1px solid #ddd; } .suggest li input:checked + label { /*border:1px solid #3bb67d;*/ background: #3bb67d; color: #fff; } .suggest li label { text-align: center; font-size: 13px; margin-bottom: 0px; background: #eee; padding: 10px 20px; height: 100%; display: flex; align-items: center; /*border: 1px solid #eee;*/ transition: all linear 0.2s; } .suggest li { margin: 0 5px; background: #eee; position: relative; display: flex; align-items: center; } #feedbackBox textarea { margin-bottom: 20px; } .ColorWH { color: #ffffff !important; } .ColorRed { color: #d94945 !important; } /*.catBanner .mad-sorting-section.blog_search { margin-right:10px; }*/ .paraFormat.ucText { margin-top: 10px; margin-bottom: 10px; } /*.paraFormat.ucText h1 { margin-bottom: 0px; letter-spacing: normal; line-height: 1.2em; margin-bottom: 20px; }*/ .cartCount .themeColor { font-size: 12px; color: #d94945; font-weight: 600; position: absolute; top: 72px; left: 62px; right: 0; } .paraFormat.ucText p { font-size: 15px; line-height: 1.5rem; } .mad-grid--isotope.recipe_isotop { margin: auto; } .catBanner row { padding-bottom: 0px; } .mt1rem { margin-top: 0.5rem; } .about_desc h5 { margin-bottom: 10px; } .about_desc p { line-height: 1.5rem; font-size: 14px; } .mad-newsletter-form.one-line > input { height: 3.2rem; } .pt-20 { padding-top: 20px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } .pr-20 { padding-right: 20px; } .pr-30 { padding-right: 30px; } .pl-10 { padding-left: 10px; } .pt-0 { padding-top: 0px; } .pt-10 { padding-top: 10px; } .pl-5 { padding-left: 5px; } .pl-0 { padding-left: 0px !important; } .pr-0 { padding-right: 0px !important; } .popupContent { top: 40%; } .modal-container .modal-background { background: #000000bd; } .modal-container .close.clspopup a { /*float: right; padding: 5px; color: #46a69c; font-size: 30px;*/ } .modal-background .popupContent.posRL .pad { padding: 40px 20px; } .color_theme { color: #46a69c; font-weight: 600; } .mb-10 { margin-bottom: 10px !important; } .modal-background .pad p { line-height: 1.5rem; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-0 { padding-bottom: 0px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-0 { margin-bottom: 0px !important; } .p-0 { padding: 0px !important; } .pad.recupload .form-group { column-gap: 0.6rem; } .mt-0 { margin-top: 0px !important; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-80 { margin-top: 80px; } .mt-5 { margin-top: 5px !important; } .mb-5 { margin-bottom: 5px; } .mb-40 { margin-bottom: 40px !important; } .mr-10 { margin-right: 10px; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .ml-10 { margin-left: 10px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .fs14 { font-size: 14px !important; } .fs15 { font-size: 15px !important; } .fs16 { font-size: 15px !important; } .fs18 { font-size: 18px !important; } .fs20 { font-size: 20px !important; } .recupload .fileUpload_content > input { padding-top: 10px; } .recupload .fileUpload_area .docs-tooltip { font-size: 13px; color: #c5c2c2; } .mad-popup { z-index: 99999; } .e_imageslide .cAlignLeft { float: none; } .e_imageslide .cAlignRight { float: none; } .e_imageslide .cAlignRight .f-right { float: right; } .AccountDll { z-index: 9; } .open { opacity: 1; visibility: visible; } .AccountDll .AccDll i { margin-right: 10px; } /*.AccDll { opacity: ; visibility: visible; }*/ .sideTabView .mobileHideTab .tabbedinfo .resp-tabs-list li { border-right: none; } .bgSection.bx_tabs.maxPadding .eleBlock.e_tabs .mobileHideTab { padding: 0px; } .bgSection.bx_tabs.maxPadding .eleBlock.e_tabs .equalElement.innerModel { line-height: 1.5rem; } .e_imagewithtext .bxLink_element { position: relative; } .e_imagewithtext .bxLink_element .BxLink a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .e_imagewithtext .bxLink_element .BxLink { padding-bottom: 28px; } .e_imagewithtext .bxLink_element .BxLink a span { position: absolute; bottom: 0; display: block; } .blueBtnAro { background: #24aeb1; color: #fff; padding: 1rem 1.5rem 1rem; border-radius: 4px; font-size: 1.125rem; line-height: 0.5rem; } .refer-btn .blueBtnAro { background: #f34770; } .refer-btn .blueBtnAro:hover { opacity: 0.8; } .e_imagewithtext .ImgsBlcs .parraSEC { padding-bottom: 15px; } .e_imagewithtext .title-77 { font-size: 1.5rem; line-height: 1.9rem; font-weight: 600; margin-bottom: 5px; } .e_imageslide .imagesection { min-height: 457px; } .e_imagewithtext { padding: 20px; box-shadow: 0px 0px 15px 2px #ddd; } .e_imagewithtext:after { content: ""; display: block; clear: both; } /* Image Slide Alignment*/ .e_imageslide .contDBox.cAlignLeft [class*='col-'] { float: left !important; margin-left: 0px; margin-right: auto; } .e_imageslide .contDBox.cAlignCenter [class*='col-'] { float: none !important; margin: auto; } .e_imageslide .contDBox.cAlignRight [class*='col-'] { float: right !important; margin-left: auto; margin-right: 0px; } .e_imageslide .contDBox.cAlignTop { padding-top: 50px; padding-bottom: 180px; } .e_imageslide .contDBox.cAlignMid { padding-top: 90px; padding-bottom: 90px; } .e_imageslide .contDBox.cAlignMid .srcUSE a { margin-bottom: 0px; } .e_imageslide .contDBox.cAlignBot { padding-bottom: 30px; padding-top: 180px; } .e_imageslide .contDBox.cAlignBot .srcUSE a { margin-bottom: 0px; } .e_imageslide { position: relative; } /*Database Style*/ .ColorWH { color: #ffffff!important; } .ColorWH p, .ColorWH span, .ColorWH h1, .ColorWH h2, .ColorWH h3, .ColorWH h4, .ColorWH h5, .ColorWH h6, .ColorWH div { color: #FFF; } .ColorBL { color: #000000!important; } .ColorBL p, .ColorBL span, .ColorBL div { color: #000; } .ColorBL { color: #000000!important; } .cBold { font-weight: bold!important; } .bgBL { background-color: rgba(0, 0, 0, 0.7)!important; padding: 5px 10px; display: inline-block; border-radius: 10px; mix-blend-mode: normal; backdrop-filter: blur(5px); } .bgWH { background-color: rgba(255, 255, 255, 0.7)!important; padding: 5px 10px; display: inline-block; border-radius: 10px; mix-blend-mode: normal; backdrop-filter: blur(5px); } .parraSEC ul { padding-left: 20px; } .row_center { text-align: center; } .row_center [class*="col-"]:not(.ele_flex) { display: inline-block!important; float: none!important; margin: -3px; vertical-align: middle; } .row_flex { display: flex; } .ele_flex { display: flex !important; align-items: center; width: 100%; } .ele_flex.ele_center { justify-content: center; } .ele_center { text-align: center!important; } /*textwith button*/ .row_flex, .row_flex .cAlignTop, .row_flex .cAlignMid, .row_flex .cAlignBot { display: flex; } .e_textwithbtn .cAlignTop { align-items: flex-start; height: 100%; } .e_textwithbtn .cAlignMid { align-items: center; height: 100%; } .e_textwithbtn .cAlignBot { align-items: flex-end; height: 100%; } .e_textwithbtn, .e_textwithbtn .imgTxt { width: 100%; } .ImgsBlcs { position: relative; } .ImgsBlcs .parraSEC { /*margin-bottom: 20px;*/ } /*.e_textwithbtn .BxLink { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }*/ .e_textwithbtn .BxLink a { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .e_textwithbtn .BxLink a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .e_textwithbtn .BxLink { padding-bottom: 25px; } .e_textwithbtn .BxLink a span { position: absolute; bottom: 0; display: block; } .e_textwithbtn .title-77 { margin-top: 0px; } .e_textwithbtn .ImgsBlcs .parraSEC { margin-bottom: 10px; } .BxLink { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0; z-index: 99; } .bxLayout .e_imagewithtext .BxLink a span { padding-left: 0px; left: 0; } .BxLink a { display: inline-block; width: 100%; height: 100%; background: transparent!important; } .BxLink a span { display: inline-block; position: absolute; left: 25px; bottom: 25px; line-height: normal; } /*--------ucVideo element--------*/ .ucVideo { padding: 10px; } .ucVideo iframe { max-width: 100%; width: 100%; min-height: 480px!important; height: auto; } .ucVideo .thumbnail-77 { position: relative; font-size: 0; margin-bottom: 14px; position: relative; border-radius: 9px; overflow: hidden; } .ucVideo.prmBlcs a { opacity: 1; } .e_video .videoTxt { display: none; } .e_video .ucVideo .thumbnail-77 { margin-bottom: 0; } .e_video .prmBlcs.ucVideo { height: auto; } .toLeft, .toLeft[class*='fix-'], .toLeft[class*='col-'] { margin-left: 0!important; margin-right: auto!important; } .toRight, .toRight[class*='fix-'], .toRight[class*='col-'] { margin-right: 0!important; margin-left: auto!important; float: right; } .toCenter, .toCenter[class*='col-'] { margin-left: auto!important; margin-right: auto!important; } .e_videowithbg .background { visibility: visible; z-index: -1; min-height: 100vh; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .e_videowithbg .wrap { vertical-align: middle; cursor: default; width: 100%; padding: calc(5% + 20px); background: rgba(17,19,20,0.7); } .e_videowithbg .ucVideoWithBG { background: #222222; color: #fff; z-index: 10; overflow: hidden; position: relative!important; height: auto; opacity: 1; } .e_videowithbg .mad-popup:not(.qv-popup) .mad-popup-inner { padding: 60px 40px; } .e_videowithbg .mad-popup:not(.qv-popup) .mad-popup-inner:after { display: none; } .videoThumbnail { cursor: pointer; position: relative; display: inline-block; font-size: 0; overflow: hidden; line-height: 0; } .vdobgBX .thum82 { border: solid 1px rgba(255, 255, 255, 0.25); } .videoThumbnail { -webkit-box-shadow: 0 32px 44px 0 rgba(0,0,0,0.6); box-shadow: 0 32px 44px 0 rgba(0,0,0,0.6); } .videoThumbnail:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/video-icon.png) no-repeat; background-position: center center; /*background-size: 25%;*/ -webkit-transition: 0.5s; transition: 0.5s; opacity: .6; } .videoThumbnail:not(.noTint):hover:after { background-color: rgba(0,0,0,0.15); } .vdobgBX .monFam { } .vdoBGtx h1 { font-size: 22px; margin-bottom: 10px; margin-top: 10px; line-height: 1.17; color: #fff; letter-spacing: normal; } .vdobgBX .vdoBXsap { background: #46a69c; height: 2px; width: 28px; margin-bottom: 8px; } .left { text-align: left!important; } .padding-top-3 { padding-top: 30px!important; } .slide .vdoBGtx .srcFam { color: #fff; } .vdoBGtx p { font-size: 16px; line-height: normal; font-weight: 500; margin-bottom: 10px; margin-top: 10px; opacity: 1.0; text-align: left; } @media screen and (min-width: 768px) { .videoThumbnail-82:after { -webkit-transform: scale(1.6); transform: scale(1.6); } .videoThumbnail-82:hover:after { -webkit-transform: scale(1.4); transform: scale(1.4); } } html.popupShown, html.popupShown body { overflow: hidden!important; } /*--------ucVideo with text element--------*/ .e_videowithtext .prmBlcs.ucVideo { float: none; width: 100%; border: none; height: auto; } .e_videowithtext .videoTxt { /*position: absolute; top: 0px; padding: calc(5.56% + 84px) calc(8% + 15px); color: #fff; width: 100%;*/ } .e_videowithtext { position: relative; } .e_videowithtext .cAlignLeft .lnkbtn { padding-left: 0px; margin-top: 0px; } .e_videowithtext .cAlignRight .lnkbtn { padding-right: 0px; margin-top: 0px; } .e_videowithtext .title-77 { font-size: 24px; line-height: 1.5rem; margin-bottom: 5px; } .e_videowithtext .parraSEC { font-size: 1rem; line-height: 1.5rem; } .e_videowithtext .parraSEC a { margin-top: 15px; } .playBtn { display: none; } .pop-vd { overflow: hidden; } .pop-vd .Vdopop-close, .popup .Vdopop-close { right: 5px!important; top: -5px!important; } .vdobgpop .Vdopop-close { top: 15px!important; right: 15px!important; color: #333; fill: #333; height: auto!important; width: auto!important; } .e_videowithtext:after, .e_videoslide:after { content: ""; display: block; clear: both; } /* Video Slide Alignment*/ .e_videoslide .vdWrp { display: table; width: 100%; height: 100%; } .e_videoslide .vdWrp .playVBtn { z-index: 100; } .e_videoslide .vdWrp ul { position: relative; z-index: 99; display: table-cell; padding: calc(5% + 20px); } .e_videoslide .cAlignLeft { float: none !important; } .e_videoslide .cAlignCenter { float: none !important; } .e_videoslide .cAlignRight { float: none !important; } .e_videoslide .cAlignLeft [class*='col-'] { float: none !important; display: inline-block; } .e_videoslide .cAlignLeft .lnkbtn { padding-left: 0px; } .e_videoslide .cAlignCenter [class*='col-'] { float: none !important; margin: auto; display: inline-block; } .e_videoslide .cAlignRight [class*='col-'] { float: none !important; display: inline-block; } .e_videoslide .cAlignRight .lnkbtn { padding-right: 0px; } .e_videoslide .vdWrp ul.cAlignTop { vertical-align: top; } .e_videoslide .vdWrp ul.cAlignMid { vertical-align: middle; } .e_videoslide .vdWrp ul.cAlignBot { vertical-align: bottom; } .e_videoslide .vdWrp ul .parraSECp { margin: 2px auto; } .e_videoslide .parraSECright a { display: inline-block; line-height: normal; margin-top: 15px; } .playVBtn { padding: 15px; position: absolute; bottom: 20px; right: 20px; background: #000; background-repeat: no-repeat; width: 50px; height: 50px; text-align: center; opacity: 0.6; transition: all 0.5s; cursor: pointer; border-radius: 55px; line-height: normal; } .playVBtn:hover { opacity: 1; } .playVBtn.play { background-image: url(../images/playIcon.png); } .playVBtn.pause { background-image: url(../images/pauseIcon.png); } /*------------Video slider------------*/ .e_videoslide .contDBox { margin: 0px; } .e_videoslide .ttlINcs .bgBL { /*line-height: 1.6;*/ } .nLayout .row_flex .cAlignTop { display: flex!important; align-items: flex-start; } .nLayout .row_flex .cAlignMid { display: flex!important; align-items: center; } .nLayout .row_flex .cAlignBot { display: flex!important; align-items: flex-end; } .bxLayout .eleBlock .cAlignTop { display: flex!important; align-items: flex-start; } .bxLayout .eleBlock .cAlignMid { display: flex!important; align-items: center; } .bxLayout .eleBlock .cAlignBot { display: flex!important; align-items: flex-end; } .slide.video .background { overflow: hidden; } .slide.video .background video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity; } .sideTabView .mobileHideTab .rightLinks .tabs.resp-tabs-list { /*border-right: 2px solid #ddd;*/ } .customer-section .mad-section { /*padding-top: 0px !important;*/ } .mb-5 { margin-bottom: 50px; } /*.cstmr_tabs .divCustDiet { background: #ecf6f5; }*/ .mad-tb.active a { color: #000 !important; } .customer-diet > .mad-col { background: #ecf6f5; border-radius: 8px; padding: 30px 30px; } .customer-diet .mad-custom-select:after { content: "keyboard_arrow_down"; font-family: 'Material Icons'; font-size: 1.25rem; line-height: 55px; position: absolute; color: #909a9d; top: 0; right: 1.375rem; max-width: 14px; z-index: -1; } .divCustDiet .customer-diet .mad-custom-select:after { display: none; } .customer-diet .quesDislike input:checked + label:before { color: #d94945 !important; } .customer-diet .workingType { list-style: none; display: inline-flex; } .customer-diet .mad-custom-select.size-2 .mad-selected-option { line-height: 2.6rem; } .customer-diet .mad-options-list.mad-list--unstyled { font-size: 14px; } .customer-diet .multiselect.dropdown-toggle { max-width: 100%; overflow: hidden; display: block; font-size: 14px; width: 100%; text-align: left; padding: 12px; border-radius: 9px; background: #fff; color: #706f6f; padding-right: 50px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 300; border: 2px solid #ddd8d8; } .customer-diet .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; background: #fff; z-index: 99; width: 100%; border-radius: 10px; border: 2px solid #ddd; } .customer-diet .multiselect-container.dropdown-menu li.active::after { content: "✓"; position: absolute; top: 0; left: 3%; color: #46a69c; } .customer-diet .multiselect-container > li { padding: 1px 0; border-bottom: 1px solid #eee; } .customer-diet .multiselect-container.dropdown-menu li.active { position: relative; background: #e7ebea; } .customer-diet .multi-main .btn-group { position: relative; } .mad-contact-form.customer-diet .mad-custom-select .btn-group { margin-bottom: 5px; } .customer-diet ul.multiselect-container.dropdown-menu { display: none; } .customer-diet ul.multiselect-container.dropdown-menu.show { display: block; } .customer-diet .multiselect.dropdown-toggle:after { /*font-family: 'Material Icons'; content: "keyboard_arrow_up"; position: absolute; top: 25%; right: 5%; font-size: 21px; font-weight: 100; width: 10px; color: #a1a3a2;*/ } .customer-diet .multiselect.dropdown-toggle:before { /*font-family: 'Material Icons'; content: "keyboard_arrow_down"; position: absolute; top: 25%; right: 5%; font-size: 21px; font-weight: 100; width: 10px; color: #a1a3a2;*/ } /*.customer-diet .multiselect.dropdown-toggle { display: none; }*/ .mad-tabs.cstmr_tabs { overflow: inherit; background: #ecf6f5; } .mb-2 { margin-bottom: 0.5rem; } .mad-tabs.cstmr_tabs .mad-tabs-nav { background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; } .customer-section .mad-section { padding-top: 20px; padding-bottom: 20px; } .popupContent h2 { color: #46a69c; margin-bottom: 10px; line-height: 1em; text-transform: capitalize; font-weight: 500; } .popupContent .clspopup a span { /*transform: rotate(0deg); transition: .3s; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center;*/ } .popupContent .clspopup a:hover span { /*transform: rotate(180deg); transition: .3s; color: #000;*/ } .ucSpecialDeal .owl-carousel.nav-top .owl-nav { margin-bottom: 0px; } .thankPopup:not(.qv-popup) .mad-popup-inner:after { -webkit-mask: url(../images/Like.png) no-repeat; mask: url(../images/Like.png) no-repeat; position: absolute; right: -7rem; top: 73%; } .popupContent p.form { font-weight: 500; margin-bottom: 15px; } input[type="checkbox"] + label[for]::before { content: ""; border: 2px solid #dce3e6; width: 22px; height: 22px; border-radius: 5px; background-color: #FFF; } input[type="radio"] + label[for]::before { content: ""; border: 2px solid #dce3e6; width: 21px; height: 21px; border-radius: 50%; background-color: #FFF; } input[type="checkbox"] + label[for], input[type="radio"] + label[for] { padding-top: 4px; padding-bottom: 4px; padding-left: 35px; } input[type="radio"] + label[for]::after { content: ""; width: 0.90rem; height: 0.90rem; position: absolute; } .e_customform .close { display: none; } .e_customform .modal-background .wrap { padding: 0px; height: auto; padding-top: 0px !important; } .e_customform .popupContent { top: 0; } .e_customform .pad.shadow { box-shadow: none; } .e_imagewithtext .blueBtnAro { display: inline-block; } .e_customform .dvCustForm cstmForm .blueBtnAro { display: inline-block; } .e_customform .wideforms .formlabelmain, .mdlCustm.cstmForm .formlabelmain { margin-top: 10px; } .pad.shadow .wideforms .rating input[type="radio"] + label[for]::before { border-radius: 50%; width: 1.25rem; height: 1.25rem; } .pad.shadow .wideforms .rating input[type="radio"] + label[for]::after { content: ""; width: 1.4rem; height: 1.4rem; } .rat_div .rating > label:before { content: "\f005" !important; border: none !important; font-family: "Font Awesome\ 5 Free" !important; display: inline-block; } .rat_div .rating > input:checked ~ label, .rat_div .rating:not(:checked) > label:hover, .rat_div .rating:not(:checked) > label:hover ~ label { color: #FFD700; font-weight: 999; } .rat_div .rating > label:after { background: transparent; display: none !important; } .e_textwithbtn .blueBtnAro { display: inline-block; } .e_textwithbtn .blueBtnAro label { color: #fff; } .popupContent { top: 10%; } .mdlCustm .close.icn_close { position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; background: #edf1f2; text-align: center; line-height: 2.5rem; border-radius: 8px; font-size: 1.5rem; cursor: pointer; } .modal-container.popupDDL .mdlCustm.cstmForm { text-align: left; } .e_textwithbtn .popupButton.popbtn { margin-bottom: 0px; } .errMsg .fa-exclamation-triangle { margin-top: 3px; } .shopping-cart .subtotal span:before { display: none; } .shopping-cart .bsktTotal a { color: #f34770; } .shopping-cart .bsktTotal a:hover { opacity: 0.6; } .food_sec { display: inline-flex; margin-bottom: 10px; } .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec { display: block; } .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .selectFood { margin-bottom: 10px; width: 100% !important; } .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .dropSelect .select, .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .dropSelect { width: 100%; } .mad-tabs--tour-sections .foodItmPop.mad-popup .nutriTable li { margin-bottom: 6px; padding: 7px 10px; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .cartCount { width: 185px; } #dvFoodItem.mad-popup:not(.qv-popup) .mad-popup-inner:after { display: none; } .selectFood select { border: 2px solid #ddd; width: 100%; border-radius: 5px; padding: 0px 10px; margin-right: 10px; } .food_form { margin-bottom: 10px; } .form.food_form b { display: block; } .searchDiet { /*width:auto !important*/ } .searchFoodIc { position: absolute; height: 43px; border-radius: 5px; right: 37px; padding-top: 15px; } .searchFoodIc span { vertical-align: middle; margin-left: 6px; } .frequentlyQue, .foodSelectr .tracksearch { border: 1px solid #ddd; padding: 15px; } .frequentlyQue h6, .tracksearch h6 { color: #000; width: fit-content; margin-top: -36px; background: #fff; padding: 10px 10px 5px; font-size: 17px; } .foodSelectr { margin-top: 10px; } .blrContent .frequentlyQue h6 { font-size: 15px; color: #1b4763; } .trackedFood { /*padding-left:10px;*/ } .searchSecFood li, .trackedFood li { padding: 5px 0px; border-bottom: 1px solid #ddd; font-size: 15px; } .searchSecFood li { /*border: 1px solid #ddd; border-radius: 10px;*/ padding: 5px 10px; } .trackedFood span { vertical-align: top; } .add_task_btn span { vertical-align: top; margin-left: 5px; } .searchSecFood li:last-child, .trackedFood li:last-child { border-bottom: none; } .trackedFood .add_task_btn, .searchSecFood .add_task_btn { float: right; padding: 2px 10px; font-size: 13px; color: #fff; border-radius: 4px; height: 28px; text-align: center; font-weight: 400; background: #24aeb1; } .trackedFood .add_task_btn:hover { background: #24aeb196; } .searchSecFood li a { width: 100%; display: block; } .table_Item { margin: 20px; /*border: 1px solid #ddd;*/ box-shadow: 0px 0px 8px #d3d3d3; text-align: center; } .table_Item th { padding: 10px; background: #4abfd9; color: #fff; line-height: 1em; border-right: 1px solid #ddd; font-weight: 400; vertical-align: middle; text-align: center; } .table_Item th:first-child { width: 20%; } .table_Item table tr td { vertical-align: middle; border-top: 1px solid #dce3e6; border-right: 1px solid #ddd; padding: 10px; line-height: 1.5em; font-size: 15px; } .table_Item table tr td:first-child { font-weight: 500; } .foodItmPop .minus, .foodItmPop .plus, .mad-custom-select:after { line-height: 48px; z-index: 2; } .foodItmPop .cartCount input[type="text"], .foodItmPop .cartCount select { height: 48px; } .nutriTable:after { content: ""; clear: both; display: block; } .nutriTable li { display: block; width: 130px; padding: 10px; float: left; margin-right: 10px; border-radius: 4px; background-color: #24aeb1; } .nutriTable li .nutriIcn { width: 40px; float: left; } .nutriTable li .nutriDtl { width: calc(100% - 30px); line-height: 1em; float: left; padding-left: 8px; color: #FFF; font-weight: 600; font-size: 19px; margin-bottom: 1px; } .nutriTable li .nutriDtl label, .daytotal label { line-height: 1em; color: #000; font-size: 13px; margin-bottom: 4px; } .tlt_nutri .nutriTable .box-track { display: flex; padding: 10px; float: none; border-radius: 4px; background-color: #42b9bc; align-items: center; } .tlt_nutri .nutriTable .col-6 { padding: 0px; background-color: #24aeb1; border: 4px solid #fff; border-radius: 8px; } .tlt_nutri .nutriTable .nutriIcn { width: 40px; float: left; } #MainContent_upCustdiet .row:not(.col-no-space) { margin-bottom: -0rem; } .tlt_nutri .nutriTable .nutriDtl { width: calc(100% - 30px); line-height: 1em; float: left; padding-left: 8px; color: #FFF; font-weight: 600; font-size: 19px; margin-bottom: 1px; } .tlt_nutri .nutriTable .nutriDtl label { line-height: 1em; color: #000; font-size: 13px; margin-bottom: 4px; } .foodItmPop .nutriTable li .nutriDtl label { color: #fff; } .foodItmPop .mad-popup-inner .mad-nl-title { margin-bottom: 0px; line-height: 1em; } .register_col { padding: 40px 20px; box-shadow: 0px 0px 20px 3px #e7e7e7; background: #fff; } .registerForm { background: #c5e1ed47; } .ordrNextBtn { border-radius: 4px; font-weight: 400; /*padding: 10px;*/ } .registerWrap .registerColumn { margin: auto; } .registerWrap #dvForgetPasssword .mad-popup-close { display: none!important; } .clsLogIn, .clsResetPass { margin-left: 15px; } .errormsg { color: #d9534f; font-size: 12px; } .errormsg[style="display: inline;"] { display: block!important; } .form-group .errormsg { font-size: 11px; position: absolute; top: 0; right: 12px; } .mad-footer .mad-footer-main .mad-widget-title { margin-bottom: 19px; margin-top: 10px; } .tickIcon .fa { padding: 12px; border-radius: 47px; border: 4px solid; color: #46a69c; margin-bottom: 10px; font-size: 30px; } .mad-popup.resetPass .mad-popup-inner:after { opacity: 0.2; } .resetPass .mad-popup-inner h4 { color: #46a69c; font-weight: 600; } .market_email .mad-label-checkbox { padding-top: 0px !important; } .cartSummary .contnBtn { float: right; } .mad-popup-inner .mad-popup-close:hover { transform: rotate(180deg); } .proDescLines .cartCount input { height: 50px; border-radius: 4px; } .proDesc.equalElement .proDescLines .mad-custom-select:after { display: none; } /*sitemap start*/ .sitemapWrp { background-image: url(../images/sitemap.jpg); background-repeat: no-repeat; background-size: cover; background-position: right bottom; background-attachment: fixed; } .sitemapWrp h1 { margin-top: 15px; } .sitemapContent { padding-bottom: 20px; margin-top: 10px; } .sitemapContent table td { padding-top: 0px; padding-bottom: 0px; vertical-align: middle; line-height: 1em; } .sitemapContent table td img { width: 20px; opacity: .9; } .sitemapContent table td a { font-weight: 600; letter-spacing: normal; font-size: 13px!important; text-transform: uppercase; } .sitemapContent table { margin-left: 0px; margin-right: 1%; margin-bottom: 10px; position: relative; } .sitemapContent > table:before { content: ""; position: absolute; display: block; height: 11px; width: 2px; border-left: 2px solid #313131!important; left: 38px; top: 20px; } .sitemapContent > table:last-child:before { display: none; } .sitemapContent table:first-child { } .sitemapContent table:first-child td img { width: 20px; } .sitemapContent table td:first-child { /* width: 86px; */ font-size: 0px; line-height: 1em; padding-right: 0px; } .sitemapContent div table td:first-child { width: 45px; } .sitemapContent div table td:nth-child(2) { text-align: center; /*width: 25px;*/ font-size: 0px; padding-right: 0px; } .sitemapContent div table td:nth-child(2) img { width: 20px; } .sitemapContent div table { width: 100%; margin-left: 0!important; } .sitemapContent div table:first-child { margin-left: 0%!important; } .sitemapContent div table:last-child { margin-bottom: 0px!important; } .sitemapContent table tr:nth-child(3) { display: none!important; } .sitemapContent div table td a { padding-top: 3px!important; padding-bottom: 3px!important; display: block!important; } .siteMapPg { /*background-image: url(../images/sitemapbg.jpg); background-repeat: no-repeat; background-size: cover;*/ } .sitemapContent .MainContent_tvSiteMap_3 { color: #5A5A5A; } .sitemapContent > table { display: block!important; padding: 0px; max-width: 363px; background-color: transparent; border-radius: 5px; } .sitemapContent > div > table { display: block!important; padding: 0px; max-width: 300px; background-color: transparent; border-radius: 5px; } .sitemapContent > div { margin-left: 127px; padding-left: 26px; padding-bottom: 0px; padding-top: 21px; position: relative; margin-top: -21px; } .sitemapContent > div:after { content: ""; display: block; clear: both; border-top: 2px solid #000; width: 60px; position: absolute; left: -87px; top: 20px; } .sitemapContent > div:before { content: ""; display: block; width: 5px; height: 21px; border-left: 2px solid #313131!important; position: absolute; left: -27px; top: 20px; } .sitemapContent > div > table td:first-child { display: none; } .sitemapContent table { border-left: 4px solid #313131; } /*.sitemapContent > div > table:before { content: ""; display: none; width: 15px; height: 15px; border: 2px solid #313131!important; background-color: #FFF; border-radius: 50%; position: absolute; left: -40px; top: 5px; }*/ .sitemapContent > div > table:before { content: ""; display: block; width: 5px; height: 33px; border-left: 2px solid #313131!important; position: absolute; left: -53px; top: 12px; } .sitemapContent > div > table:after { content: ""; display: block; width: 82px; height: 1px; border-top: 2px solid #313131!important; background-color: #FFF; position: absolute; left: -52px; top: 11px; } .sitemapContent > div > table:last-of-type:before { display: none; } .sitemapContent table tr td { border: none !important; } .sitemapContent table tr:hover { background-color: transparent; } /*Sitemap ends*/ .mdlCustm .pad.shadow { padding: 30px !important; border-radius: 4px; } .grid.sndButn .right { float: right; margin-top: 10px; } .errMsg { color: #d94945; font-weight: 600; font-size: 13px; } .mad-sidebar .center .contnBtn { float: right; margin-top: 10px; } .CartTotal_right td:last-child, .Madcart_total td:last-child { text-align: right; min-width: 100px; } .couponApplied { padding: 0 5px; border: 1px dashed #4abfd9; background: #e7fbff; display: inline-block; font-weight: 600; } .couponApplied .small_text { font-size: 12px; } .couponApplied .fa { margin-top: 5px; margin-left: 5px; } .health_form .mad-custom-select select { height: 2.7rem; padding-top: 0.3rem; padding-right: 1rem; padding-bottom: 0.3rem; padding-left: 1rem; font-size: .9rem; line-height: 1.2rem; color: #8b9599; background: transparent; border-radius: 4px; border: 2px solid #dce3e6; } /*.health_form .mad-custom-select select option { border-radius: 0.5rem; border: 2px solid #dce3e6; }*/ .health_form .mad-custom-select { width: 100%; } .mad-popup.madAddRecord .mad-popup-inner { /*overflow-y: auto!important;*/ } .mad-popup.madAddRecord:not(.qv-popup) .mad-popup-inner:after { display: none; } .mad-popup.madAddRecord .fileUpload_content input { padding-top: 9px; } .mad-popup.madAddRecord .fileUpload_content { position: relative; width: 100%; border: 1px dashed #bcbaba; padding: 20px 10px; text-align: center; background: #f3f3f3; } .mad-popup.madAddRecord .fileUpload_content input { padding-top: 9px; appearance: none !important; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 1; cursor: pointer; } .mad-popup.madAddRecord .fileUpload_content .docs-tooltip { font-size: 13px; font-weight: 500; color: #abaaaa; } .madAddRecord .mad-popup-inner { padding: 20px !important; } .mad-popup.recordPopup .mad-popup-inner { height: 85%; } .mad-popup.recordPopup .mad-popup-inner:after { display: none; } .mad-popup.recordPopup .content, .mad-popup.recordPopup span { display: block; height: 100%; } .mad-popup.recordPopup span { } .mad-popup.recordPopup span img { max-height: 100%; } .mad-entity-footer { /*padding-left: 20px;*/ margin-bottom: 0px; } .Reviews.panel .content-element-10 { margin-bottom: 0px; } .Addprd_msg { background: #d7fffb; padding: 10px !important; line-height: 1.2em; color: #46a69c; font-size: 15px; width: 100%; margin: 0px 10px 25px; } /*.Addprd_msg p { display: flex; align-items: center; }*/ .Addprd_msg .cartNotifi .material-icons { vertical-align: middle; margin-right: 2px; font-size: 17px; } .CartTtl .payment-option .input-wrapper label, .CartTtl .payment-option .input-wrapper p { padding-left: 2rem !important; margin-bottom: 0px !important; } .CartTtl .payment-option .input-wrapper .payment-desc { font-size: 13px; } .CartTtl .mad-widget { margin-top: 7px; } /*.CartTtl .mad-widget .mad-widget-title { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #46a69c; }*/ .CartTtl .mad-widget .mad-widget-title { margin-top: 0px; padding-bottom: 5px; } .payment-option .input-wrapper.with-link { display: block; position: relative; } .payment-option .errorCSS { } .payment-option .input-wrapper.with-link .cardIcons { position: absolute; right: 0px; top: 5px; } .mad-sidebar.CartTtl .payment-option #dvTerms input[type="checkbox"] + label[for] { padding-top: 2px !important; } .mad-sidebar.CartTtl .payment-option .input-wrapper.with-link input[type="radio"] + label[for] { padding-top: 0.2rem; } [class*="btn"].btn-style-7 { background: #edf1f2; color: #2e3133; font-size: 14px; } [class*="btn"].btn-style-7:hover { background: #24aeb1; color: #fff; } .mad-sidebar.CartTtl .CartTotal_right td { padding: 0.5rem 15px !important; font-size: 14px; line-height: 16px; } .mad-sidebar.CartTtl .CartTotal_right th { padding: 0.5rem 15px !important; font-size: 14px; } .mad-total.Madcart_total { font-size: 14px; } .mad-sidebar.CartTtl .CartTotal_right .mad-product-item td:first-child { font-size: 12px; } .mdlCustm .rel-chk-enq, .CustomRequest .rel-chk-enq { display: inline-flex; } .mdlCustm .rel-chk-enq .chk, .CustomRequest .rel-chk-enq .chk { display: flex; padding: 0px 10px; margin-bottom: 10px; } .mdlCustm .rel-chk-enq .chk label, .CustomRequest .rel-chk-enq .chk label { top: -3px; } .mad-popup:not(.qv-popup) .mad-popup-inner:after { opacity: 0.1; } .mad-popup .mad-popup-inner { padding: 25px; } .mad-popup .mad-popup-inner .new12bx .form-title { width: fit-content; margin: auto; border-bottom: 2px solid #f34770; padding-bottom: 5px; margin-bottom: 5px; /* color: #24aeb1;*/ } .CustomRequest .mad-popup .mad-popup-inner .new12bx { margin-bottom: 20px; } .ucAlsoLike.prdctList .swiper-slide { min-height: 380px; } .mb-5 { margin-bottom: 5px !important; } .CustomRequest .form-txt { font-size: 15px; } .CustomRequest .blueBtnAro, .mdlCustm .blueBtnAro { display: block; position: relative; top: 20px; text-align: center; } .CustomRequest input[type="text"]:disabled { background: #e4e4e4; } .CustomRequest .modal-background .thankPopup .thnk_popup .popupContent.posRL .pad { padding: 40px 0px; box-shadow: none; background: transparent; } .CustomRequest .thankPopup.mad-popup:not(.qv-popup) .mad-popup-inner:after { opacity: 0.4; } .CustomRequest .mad-popup.thankPopup.show-popup .mad-popup-close { z-index: 2; } .ucbarwithbtn .barwithbutton .wide { display: table; } .enquireForm .blueBtnAro.wide { display: block; margin-top: 20px; width: 120px !important; border-radius: 5px; font-size: 15px; } .enquireForm .popupContent { top: 5%; } /*Account*/ .trackedFood span.trackedfname, .searchSecFood span.trackedfname; { float: left; width: calc(100% - 125px ); line-height: normal; font-size: 13px; margin-top: 8px; } .frequentlyQue ul.trackedFood li:after, .tracksearch ul.searchSecFood li:after { content: ""; display: block; clear: both; } .searchSecFood { max-height: 275px; overflow: auto; box-shadow: 0px 0px 8px #d3d3d3; border-radius: 10px; } .fileUpload_area .upldFilelst .uFilelst { font-size: 12px; padding: 0px 5px; } .fileUpload_area .upldFilelst .uFilelst .fileSize a { margin-left: 2px; color: #d94945; } .fileUpload_area .upldFilelst .uFilelst .fileSize span { font-size: 11px; } .myAccountTab .mad-section { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 5px; padding-left: 5px; min-height: 112px; } .myAccountTab .mad-section:last-child { padding-bottom: 1rem; } .myAccountTab .mad-tabs-nav > span:last-child { border-right: 0px; } .modal-container .close.clspopup { position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; background: #edf1f2; text-align: center; line-height: 2.5rem; border-radius: 8px; font-size: 1.5rem; display: block; } .modal-container .close.clspopup:hover { background: #26658c; color: #fff !important; } .modal-container .close.clspopup:hover span { color: #fff !important; } .image-slider-block .e_imageslide .contDBox .parraSEC { font-weight: 600; } .image-slider-block .e_imageslide .contDBox [class*='col-'] { padding: 0; } .image-slider-block .col-12-12 .e_imageslide .imagesection { background-attachment: fixed; } .image-slider-block .grid [class*='col-']:not(.col-12-12) .e_imageslide [class*='col-'] { max-width: 100%; } /*.e_imageslide .imagesection .fix-12-12 { position: relative; z-index: 1; } .e_imageslide .imagesection:before { opacity: 1; content: ""; left: 0; right: 0; bottom: 0; position: absolute; transition: opacity 200ms ease-in; background: rgba(0, 0, 0, 0.7); pointer-events: none; height: 100%; width: 100%; z-index: 0; border-radius: 5px; }*/ /*.accountAddr { background: #e0f3f8; padding: 20px; border-radius: 10px; color: #1b4763; position: relative; }*/ .accountAddr { min-height: 150px; background: #ffffff; padding: 20px; border-radius: 8px; color: #1b4763; position: relative; box-shadow: 0px 0px 8px 0px #00000014; } .accountAddr label, .addrinline label { display: inline; margin-top: 0px; font-size: 15px; font-weight: 600; color: #1b4763; } .addrinline label { color: #24aeb1; } .accountAddr ul.addInfo { position: relative; z-index: 999; margin: 0 auto; min-height: 100px; line-height: 1.5em !important; text-transform: capitalize; } .accountAddr ul.addInfo li { margin-top: 0px; font-size: 13px; font-weight: 500; list-style: none; margin-bottom: 0px; } /*.accountAddr .infoEdit a { display: inline-block; font-size: 13px; font-weight: 500; margin-bottom: 5px; margin-right: 15px; background: #46a69c; padding: 0px 20px; border-radius: 10px; color: #fff; }*/ .accountAddr .infoEdit, .addrinline .infoEdit { display: inline; line-height: 1.1; float: right; } .accountAddr .infoEdit a { display: inline-block; font-size: 13px; font-weight: 500; margin-bottom: 0px; margin-right: 0px; } .accountAddr .addInfo li:first-child { font-size: 14px; margin-bottom: 0px; } .rightImg_icon .locaicon { color: #f3f3f3; position: absolute; font-size: 145px; transform: rotate( 0deg); right: -15px; bottom: 23px; opacity: .9; } .accInfo .pageTitle { font-size: 15px; margin-bottom: 20px; color: #1b4763; line-height: 1.2em; } .accInfo .shipInfo { background: #ffffff; padding: 20px; border-radius: 4px; color: #1b4763; position: relative; box-shadow: 0px 0px 8px 0px #00000014; } .infoEdit .cnclBtn { background: #d94945; color: #fff; } .actBox .shipInfo select.Editcountry { font-size: 13px; border: 1px solid #e6e6e6; height: 2.7rem; line-height: 1.2rem; color: #8b9599; background: #fff; border-radius: 0.5rem; width: 100%; } .cstmChk.subscheck { margin-top: 5px; } .cstmChk.subscheck input[type="checkbox"] + label[for]::before { width: 16px; height: 15px; border-radius: 5px; top: 14%; } .cstmChk.subscheck input[type="checkbox"] + label[for]::after { font-size: 1.4rem; line-height: 22px; position: absolute; left: 0px; width: 25px; text-align: center; top: 0; } .cstmChk.subscheck input[type="checkbox"] + label[for] { padding-left: 30px; } .AccDll li { font-size: 13px; } .AccountDll .AccDll i { margin-right: 10px; font-size: 18px; } .mad-dropdown-element.AccDll { right: 0; transform: none !important; min-width: 280px; top: 100%; left: auto; padding: 10px 25px 20px; letter-spacing: normal; margin-left: 0; } .mad-actions .hello_acc { color: #2e3133; display: block; margin-bottom: 5px; border-bottom: 2px solid #46a49c; padding-bottom: 5px; } .AccDll li a { margin-bottom: 10px; align-items: center !important; line-height: normal; padding: 5px 0px; font-size: 15px; position: relative; display: inline-flex !important; } .AccDll li a::before { content: ''; position: absolute; bottom: -3px; right: 0; width: 0; height: 2px; background-color: #46a49c; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .AccDll li a:hover::before { left: 29px; right: auto; width: calc(100% - 27px); } .AccDll li:last-child a { margin-bottom: 0; } .addrBlock, .nwsLtrBlock { min-height: 257px; padding: 20px; background-color: #f3f3f3; border-radius: 8px; } .addrBlock ul li { display: inline-flex; width: 100%; margin-bottom: 10px!important; line-height: 1em; font-size: 14px!important; } .addrBlock ul li span { padding: 8px; margin-right: 10px; border-radius: 4px; background-color: #bebebe; color: #FFF; vertical-align: middle; margin: auto 0; } .addrBlock ul li span.add-name { background-color: transparent !important; color: #515759 !important; } .mad-header-item.mad-header-non-sticky .AccountDll { position: relative !important; } .addthnk .mad-popup-inner, .mad-popup.thankPopup .mad-popup-inner { width: auto; min-width: 500px; } .addthnk.thankPopup:not(.qv-popup) .mad-popup-inner:after, .mad-popup.thankPopup:not(.qv-popup) .mad-popup-inner:after { opacity: 0.2; } .healthrec .productBlock { padding: 0px !important; min-height: 230px; line-height: 1em; height: auto !important; } .headingdiet { font-size: 13px; font-weight: 500; color: #000; } .float-right { float: right !important; } .rightImg_icon .dieticon { color: #1b4763; position: absolute; font-size: 128px; /*transform: rotate(0deg);*/ right: 6px; top: 50%; opacity: 0.1; } .DietPlan_sec .accountAddr .addInfo li:first-child { font-size: 13px; margin-bottom: 0px; } .DietPlan_sec .accountAddr .addInfo li span { margin-right: 5px; } .healthrec .productBlock .mad-product-description { padding: 10px; line-height: 1.5em; /*text-transform: capitalize;*/ } .healthrec .productBlock .mad-product-description h6 { font-size: 15px; line-height: 15px; margin: 5px 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .healthrec .productBlock.mad-product .proImg { margin-bottom: 0px !important; } .myAccountTab .productList .mad-section { min-height: auto; } .healthrec .productBlock .mad-product-description .des { font-weight: 300; color: #212020; font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.2em; } .tabbedinfo .resp-tabs-list li.resp-tab-active { color: #000; } .healthrec.addrec .productBlock { background: #e2fbff; } .healthrec.addrec .productBlock a { margin: auto; } .addRecIcon { font-size: 15px; color: #13a4ba; } .addRecIcon .adddoc { vertical-align: bottom; } .addRecIcon .uploadfile { text-align: center; } .addRecIcon .uploadfile img { height: 40px; margin-bottom: 5px; } .healthrec p.datehistory { color: #1b4763; font-weight: 600; font-size: 12px; margin-bottom: 0px!important; line-height: 1em; } .datehistory .cat { color: #46a69c; font-weight: 600; } .lblQClass { font-size: 12px; color: #d94945; font-weight: 500; padding: 0 20px; } .mad-widget .mad-products .mad-product .mad-product-description { line-height: 10px; } .DietPlan_sec .nutriTable li, .trkD .tlt_nutri .nutriTable li { background-color: transparent; border: 1px solid #c2c2c3; } .DietPlan_sec .nutriTable li span, .trkD .tlt_nutri .nutriTable li span { color: #000; } .dropSelect { position: relative; } .dropSelect label:before { content: "keyboard_arrow_up"; opacity: 0; visibility: hidden; } .dropSelect label:after { content: "keyboard_arrow_down"; font-family: 'Material Icons'; font-size: 1.25rem; line-height: inherit; position: absolute; color: #909a9d; top: 14px; right: 1.375rem; max-width: 14px; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; } .dropSelect .select { height: 48px; width: 200px; cursor: pointer; } .food_sec a.btn { height: 100%; } .dropSelect select:focus + label:after { content: "keyboard_arrow_up"; font-family: 'Material Icons'; opacity: 1; visibility: visible; } .mad-contact-form .cstmChk { margin-top: 5px; } .tlt_nutri:after { content: ""; clear: both; display: block; } .addInfo > li span { display: inline-block; line-height: normal; vertical-align: middle; } .addInfo > li a span { font-size: 20px; vertical-align: middle; } .addInfo > li { vertical-align: middle; font-size: 15px; } .addInfo > li a { display: inline-block; vertical-align: middle; line-height: normal; margin-left: 10px; } .addInfo .tlt_nutri { /*position: absolute; right: 20px; top: 22px;*/ position: absolute; right: 0px; top: 0px; } .htryPrdct .numbers.htryPrice { display: inline-block; line-height: 1rem; text-align: left; } .dashicon .material-icons { font-size: 20px; } .shipInfo > .grid.fixedSpaces { margin-left: 0px; margin-right: 0px; } .shipInfo > .row { margin-bottom: 0px!important; } .mad-actions .mad-col > a .showBskt:not(.price-text), .mad-actions .mad-col > button .showBskt:not(.price-text), .favourite-count { position: absolute; top: -4px; left: 15px; } .mad-header-item .mad-actions > .mad-col .navRight { font-size: 14px; line-height: 16px; font-weight: 400; margin-left: 4px; margin-bottom: 0px; } .mad-header-item.mb-odr-2 .mad-header-item { position: absolute; right: 0; } .basket-count { font-family: "Poppins"; } .succsTop .successBnr { color: #46a69c; } .succsTop { padding: 50px 20px; text-align: center; } .failedBnr { color: #ef7b7a; } .BlockSuccess, .BlockError { margin: 30px auto; border-radius: 20px; float: none !important; box-shadow: 0px -5px 14px #e3e3e3; } .succsTop .material-icons-outlined { vertical-align: middle; font-size: 64px; margin-bottom: 10px; } .trkD .tlt_nutri { position: initial; width: 100%; margin-top: 15px; } .trkD .tlt_nutri .nutriTable li { margin-bottom: 15px; } /*.trkD .tlt_nutri .nutriTable li .nutriD { padding-left: 7px; } .trkD .tlt_nutri .nutriTable li { display: block; width: 130px; padding: 8px 5px 5px 5px; } .trkD .tlt_nutri .nutriTable li { display: block; width: 100px; } .trkD .nutriTable li .nutriIcn { width: 27px; float: left; } .trkD .nutriDtl span { /*color: #fff !important;*/ } */ .mad-product .mad-label { font-size: 0.75rem; line-height: 1em; } /*Tooltip*/ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { height: auto !important; visibility: hidden; width: 120px; background-color: #3e3e3e; color: #fff; text-align: center; font-size: 14px; line-height: 2em; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 1px; right: 110%; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .tooltip:hover .tooltiptext { visibility: visible; } /*End of tootltip*/ .mad-entities.mad-entity-hr .mad-entity.blog_image.grid { display: flex; column-gap: 0.5rem !important; row-gap: 1rem; height: 100% !important; } .FAQ.panel.mad-tab .blrHead { color: #1b4763; width: 97%; font-size: 16px; } .FAQ.panel.mad-tab .blrContent { font-size: 14px; line-height: 1.2rem; } .FAQ.panel.mad-tab .blrAccrCntnr .blrAccrList { border: none; border-bottom: 1px solid #e9e9e9; border-radius: 0; padding: 10px 0; position: relative; } .FAQ.panel.mad-tab .blrAccrCntnr .blrAccrList i { float: right; font-size: 13px; border: 2px solid #1b4763; color: #1b4763; border-radius: 100%; padding: 4px 5px; position: absolute; right: 0; top: 12px; } .FAQ.panel.mad-tab .blrHead_1.active { /*color: #000;*/ } .FAQ.panel.mad-tab .blrAccrCntnr .blrAccrList:last-child { border-bottom: none; padding-bottom: 0px; } .e_imagewithtext .cAlignRight .BxLink a span { right: 0; } .e_imagewithtext .cAlignCenter .BxLink a span { right: 0; left: 0; } .e_imagewithtext .cAlignLeft .BxLink a span { left: 0; } .e_imagewithtext .lnkbtn { padding: 0; } .mad-tabs.mad-tabs--style-2 .Additional .accordiansec table tr td { padding: 10px 20px; } .mad-tabs.mad-tabs--style-2 .Additional .accordiansec table tr:first-child td { border-top: 0px; } .mad-tabs.mad-tabs--style-2 .Additional .accordiansec .mad-table-wrap { border: none; } .prmBlcs br { display: none; } .lnkbtn { padding: 1rem 1.5rem 1rem; display: inline-block; text-align: center; font-size: 1.125rem; line-height: 1rem; font-weight: 500; letter-spacing: 0px; z-index: 1; border-radius: 5px; position: relative; color: #46a69c; } .ImgsBlcs .title-77, .prmBlcs .title-77 { font-weight: 600; letter-spacing: -1px; color: #26658c; } .ImgsBlcs .parraSEC, .prmBlcs .parraSEC { margin-bottom: 0px; } .prmBlcs .promoContent .parraSEC { font-size: 20px; line-height: 1.0; margin-top: 0px; margin-bottom: 0px; opacity: 1.0; letter-spacing: -0.3px; text-align: left; padding-top: 1px; } .box-77 .thumbnail-77 { font-size: 0; line-height: 0; position: relative; } .relative { position: relative; } .singlereview .swiper-slide { width: 100% !important; } .blrContent .grid.later.fixedSpaces { /*margin-top: 10px;*/ } .blrContent .addInfo > li { font-size: 13px; } .blrContent .addInfo .tlt_nutri .nutriTable li { width: 150px; background: #9cdfe0; border: 0; } .imgBlockTint { opacity: 0.2; transition: 0.7s; content: ""; width: 100%; height: 100%; top: 0; left: 0; display: inline-block; position: absolute; z-index: 9; } .e_imageblock:hover .imgBlockTint, .bxLayout .e_aiblock:hover .imgBlockTint { opacity: 0; } .e_imageblock:hover .imgTxt + span + span, .bxLayout .e_aiblock:hover .promoContent + span + span { opacity: 0.9!important; } .imgBlockHover { opacity: 0; transition: 0.7s; content: ""; width: 100%; height: 100%; top: 0; left: 0; display: inline-block; position: absolute; z-index: 9; } .e_imageblock:hover .imgBlockHover { opacity: 1; } .Qua_sec { display: flex; } .stepTab-Done { color: #d94945 !important; font-weight: 800; } .nutriDtl .dtTotalPlus { font-size: 13px; } .rowNo { display: block; width: 40px; height: 35px; position: absolute; z-index: 9; border-radius: 0px 50px 50px 0px; left: -2px; color: #cecacb; font-size: 30px; padding-right: 5px; text-align: center; } .topsecdiet, .daytotal { display: flex; } .daytotal li { display: grid; line-height: 1.3rem; padding: 0px 10px; width: 100%; } .daytotal li span.ttlTD { font-size: 17px; font-weight: 700; color: #000; } .daytotal li span:last-child { font-size: 12px; } .daytotal .viewChart i { font-size: 20px; } .daytotal .viewChart { line-height: 1.2em; border-radius: 3px; height: 50px; font-size: 15px; } .Total-Section { display: inline-flex; } .Total-Section .nutriTable li { display: block; width: 120px; padding: 10px 5px; margin-bottom: 5px; float: left; margin-right: 5px; border-radius: 10px; background-color: #fff; } .Total-Section .nutriTable li .nutriDtl { font-size: 17px; } .Total-Section .calories_sec label { font-size: 13px; font-weight: 500; color: #46a69c; margin-bottom: 0px; } .Total-Section .calories_sec .nutriIcn img { height: 44px; vertical-align: middle; } .Total-Section .calories_sec { padding: 8px; margin: auto 8px auto 0px; } .Total-Section .calories_sec span { font-size: 17px; line-height: 0.9em; } .nutriTable li .nutriIcn { width: 28px; float: left; margin-top: 3px; } .mad-popup.chartPopup .mad-popup-inner { width: auto; min-width: 570px; max-height: 100%; } .chartPopup .mad-popup-inner:after { display: none; } .dayTotalSec { position: absolute; top: -97px; right: 0px; } .dayTotalSec .daytotal li:last-child { padding-right: 0px; } .mad-tabs-container > div { position: relative; } .parraSEC .btn label, .parraSEC .lnkbtn label { color: inherit; font-size: inherit; line-height: inherit; margin-bottom: inherit; display: block; font-weight: inherit; } .parraSEC .btn label span, .parraSEC .lnkbtn label span { display: none; } .myAccountTab .productList .mad-section .sideTabView .tabbedinfo { border-radius: 4px !important; margin-top: 0px !important; } .myAccountTab .productList .mad-section .sideTabView .tabbedinfo .resp-tabs-list li { position: relative; padding: 15px; font-size: 16px; margin: 0px; } .myAccountTab .tabbedinfo .tabs > * { border-right: 0px!important; } .recordPopup { /*overflow-y: scroll;*/ } .recordPopup .mad-popup-inner { overflow: auto; } .recordPopup .mad-popup-inner .record-sec .ttl { text-transform: capitalize; font-weight: 700; color: #1b4763; font-size: 15px; } .recordPopup .mad-popup-inner .record-sec { margin: 10px 0px; text-align: left !important; } .recordPopup .mad-popup-inner .record-sec .date { float: right; font-size: 14px; } .recordPopup .mad-popup-inner .record-sec .cat { color: #46a69c; font-size: 13px; font-weight: 600; } .recordPopup .mad-popup-inner .record-sec .dec { font-size: 13px; } /* width */ .recordPopup .mad-popup-inner::-webkit-scrollbar { width: 5px; display: none; } /* Track */ .recordPopup .mad-popup-inner::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 4px; display: none; } /* Handle */ .recordPopup .mad-popup-inner::-webkit-scrollbar-thumb { background: red; border-radius: 4px; display: none; } /* Handle on hover */ .recordPopup .mad-popup-inner::-webkit-scrollbar-thumb:hover { background: #b30000; display: none; } .recordPopup .mad-popup-inner .imgSpan { text-align: center; } .recordPopup .mad-popup-inner .imgSpan img { max-height: calc(100vh - 160px); } .mad-product-title { line-height: 1.2em; } .mad-info-item { line-height: 1.2em; row-gap: 0rem; } .mad-product-description .product_des { line-height: 15px; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .product_des .mad-product-cat { padding-left: 3px; margin-bottom: 0.5em; } .product_des .mad-product-cat:first-child { padding-left: 0px; } .accordianprod i { display: block; width: 25px; height: 25px; float: right; font-size: 15px; border: 2px solid #3e3e3e; color: #3e3e3e; border-radius: 100%; padding: 3px 4px; } .tabbedinfo { position: relative; } .tabbedinfo:before { content: ""; display: block; height: 100%; top: 0px; bottom: 0px; left: 20%; border-right: 2px solid #dce3e6; width: 1px; position: absolute; z-index: 1; } .recordEqual .mad-products:not(.mad-product-small) .mad-product-image img { width: 100%; height: auto; max-width: 100%; } .mad-sidebar .mad-products:not(.mad-product-small) .mad-product-image img { width: 100%; height: auto; max-width: 100%; } .footerNavRes .mad-our-info, .footerNavRes .mad-our-info .mad-info { margin-left: 0px; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .cartCount { position: relative; margin-right: 5px; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .btn-style-4 { /*height: 100%;*/ min-width: 80px; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .cartCount input[type="text"] { margin: 0; padding: 15px 0px; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .mad-custom-select { width: 12.9375rem; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec { margin-bottom: 0px; } .myAccountTab .trkD .addInfo .button.detail { color: #d94945; font-size: 17px; vertical-align: middle; margin-left: 5px; cursor: pointer; } .myAccountTab .trkD .addInfo .button.detail:hover { color: #ff0700; } /*.myAccountTab .dvDetailBREAKFAST.trkD .addInfo .tlt_nutri .nutriTable li { display: block; min-width: 45%; width: auto; }*/ .myAccountTab .trkD .frequentlyQue .trackedFood .add_task_btn:hover { color: #46a69c; transition: .3s; border: 1px solid #46a69c; } .myAccountTab .trkD .frequentlyQue .trackedFood .add_task_btn { color: #1b4763; background: transparent; cursor: pointer; position: relative; font-weight: 600; border: 1px solid transparent; } .myAccountTab .trkD .trackedFood li { padding: 0px; border-bottom: none; } .tracfreq { /*margin-top: -29px;*/ } .myAccountTab .searchFoodIc span.show599 { font-weight: 700; } .myAccountTab .searchFoodIc { position: relative; right: 0; } .myAccountTab .tracksearch .srchWrp { display: flex; } .myAccountTab .tracksearch input[type="text"] { border-radius: 4px 0 0 4px; border: 1px solid #ddd; } .myAccountTab .tracksearch .searchFoodIc { border-radius: 0 4px 4px 0; } .float_right.AskQuestionCol .blueBtnAro { width: auto; float: right; } .blueBtnAro label { color: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0; } .trkDiteHdr { width: calc(100% - 40px); float: left; } .trkDiteHdr { font-size: 17px; font-weight: 600; } .blrHead:after { content: ""; display: block; clear: both; } .clsenergy { font-size: 15px; float: right; color: #1b4763; } .quesTable.lastquestion .float-right span { font-weight: bold; color: #46a69c; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #46a69c !important; box-shadow: #46a69c 0 1px 3px 0 inset !important; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_time:hover { background: #46a69c !important; } .timeselector { max-width: 100px; } .tlt_nutri .float-right { display: flex; } .calories_sec { position: relative; padding: 10px; float: right; border-radius: 0; margin-right: 10px; text-align: right; } .calories_sec .nutriTable li .nutriDtl { width: calc(100% - 40px); line-height: 1.2em; padding-left: 10px; color: #FFF; font-weight: bold; font-size: 20px; margin-top: 0px; font-size: 13px; font-weight: 500; list-style: none; margin-bottom: 0px; } .calories_sec::after { content: ""; width: 1px; height: 100%; background: #c3c3c3; position: absolute; right: 0; top: 0px; } .calories_sec label { font-size: 15px; font-weight: 600; color: #46a69c; margin-bottom: 0px; } .calories_sec span { font-size: 19px; font-weight: 600; color: #000; display: block; line-height: 0.7em; } .form.size-2 input, .form.size-2 textarea { border-radius: 4px; } .fixlastques { max-height: 400px; overflow-y: auto; } /* width */ .fixlastques::-webkit-scrollbar { width: 8px; } /* Track */ .fixlastques::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; } /* Handle */ .fixlastques::-webkit-scrollbar-thumb { background: #1b4763; border-radius: 4px; } /* Handle on hover */ .fixlastques::-webkit-scrollbar-thumb:hover { background: #1b4763; } /*Banner button*/ .slideWithlnk .blueButton02, .slideWithlnk .blueButton02:hover { background-color: transparent; color: #fff; padding: 10px 0px; margin-top: 0px; font-size: 16px; } .slideWithbtn .blueButton02 { font-size: 13px; display: inline-block; /*padding: 15px 30px;*/ margin-top: 15px; /*background-color: #FFF;*/ /*color: #1c1b1b;*/ background: #d94945; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; text-decoration: none; transition: .3s; letter-spacing: 0.1em; } .slideWithbtn .blueButton02:hover { } .slideWithNone .blueButton02 { display: none; } .slideWithBxlnk .blueButton02 { background-color: transparent; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: inline-block; width: 100%; height: 100%; padding: 0px; margin: 0px; } .slideWithBxlnk .blueButton02 span { background-color: transparent; position: absolute; left: 18px; bottom: 50px; display: none; } .slideWithBxlnk .blueButton02:hover { background-color: transparent; } /*.homeWrp .left123.goBtmBtn a { display: inline-block; background: #d94945; color: #fff; padding: 0.5rem 1rem; margin-top: 10px; border-radius: 5px; }*/ .mad-info-item .mad-colors.btn-set a { margin-right: 10px; } .mad-info-item .mad-colors.btn-set a:hover { border: 4px solid #f34770; } .mad-info-item .mad-colors.btn-set a:last-child { margin-right: 0px; } .calc_section .md-calc-section .btn { padding: 10px 15px; font-size: inherit; } .ucCal-btn { margin-top: 30px; } .form.one-line .btn.otpbtn { top: auto; } .otppopup.mad-popup:not(.qv-popup) .mad-popup-inner:after { content: ''; position: absolute; right: -5rem; top: 50%; margin-top: -7.8125rem; -webkit-mask: url(../images/otp.png) no-repeat; mask: url(../images/subscribe.png) no-repeat; background-color: #4abfd9; opacity: 0.2; position: absolute; width: 16.375rem; height: 15.6875rem; transform: rotate( -16deg); z-index: -1; } .erroricon { position: absolute; right: 0; bottom: 44%; font-size: 170px; color: #dbf2f8; opacity: 0.8; transform: rotate( 323deg); z-index: -1; pointer-events: none; } .gpppopup.thankPopup:not(.qv-popup) .mad-popup-inner:after { display: none; } .gpppopup .form .btn-big { padding: 0.7rem 1rem 0.7rem !important; } .dietFormChart .box canvas { position: absolute; top: 0; right: 0; } .dietFormChart .box { width: 80px; height: 80px; position: absolute; left: 55px; bottom: 20px; margin: auto; } .dietFormChart .box span { margin-top: 24px; display: block; font-weight: bold; color: #79ba4d; } .dietFormChart .chart { } .oops .tickIcon .fa { padding: 12px; border-radius: 47px; border: none; color: #dd8173; margin-bottom: 0px; font-size: 62px; } .Aalign-center { text-align: center; display: block; } .chart canvas { box-shadow: 0px 0px 5px #878787; border-radius: 100%; } /*.dietFormChart .chart::after { content: ""; display: block; width: 50px; height: 50px; border: 1px solid #b1b1b1; position: absolute; top: 9px; right: 9px; border-radius: 50%; }*/ .shopping-cart-full table td, .shopping-cart-full table th { padding-top: 0.5rem; padding-bottom: 0.5rem; } .shop-cart-form table tfoot tr td { padding-top: 0.5rem; padding-bottom: 0.5rem; } .shopping-cart-full .shop-cart-form .one-line { max-width: 350px; } .shopping-cart-full .mad-shop-footer .form.one-line .btn.btn-style-3 { width: 165px; border-radius: 0px 4px 4px 0px; font-size: 1em; } .shop-cart-form table tr td { padding-top: 1rem; padding-bottom: 1rem; } .shop-cart-form .mad-shop-footer .one-line:last-child { margin-top: 0px; } .mad-shop-footer .shop-cart-form .form.one-line:first-child input:first-child { padding-right: 165px; } .shipInfo h3.formtitle { font-size: 1.25rem; margin-top: 4px; color: #46a69c; } .cartForms, .CartTtl { margin-top: 15px; } .CartTtl td, .CartTtl th { padding: 0.8rem 15px; } .productCart .CartTtl .mad-total.Madcart_total { border-bottom: 0px; background-color: #f6f8f8; } .mad-total.Madcart_total { border-bottom: 1px solid #46a69c; } .trackselect { width: 100%; } .tracksearch .trackselect.selectFood { width: 100%; } .selectFood .dropSelect label { height: 1px !important; } .CartTtl .payment-option .cartCradit { font-size: 12px; font-weight: bold; margin-bottom: 5px; } .CartTtl .payment-option .cartCradit span { color: #46a69c; } .Description.panel .accordiansec table { border: none !important; width: 100%; } .Description.panel .accordiansec table tr:hover { background-color: transparent; } .Description.panel .accordiansec table td { border: none !important; padding: 0px; } .Description.panel .accordiansec table td strong { color: #46a69c; } /*.Description.panel .accordiansec table tr:first-child td { font-weight: bold; } .Description.panel .accordiansec table td p { font-size: 13px; line-height: 1em; } .Description.panel .accordiansec table tr:nth-child(even) { background-color: #f6f8f8; }*/ .Description.panel .accordiansec ul { display: block; padding-left: 10px; } .Description.panel .accordiansec ul li { display: block; padding-left: 30px; position: relative; margin-bottom: 12px; line-height: 25px; } .Description.panel .accordiansec ul li:before { content: "\e876"; font-family: 'Material Icons'; position: absolute; font-weight: bold; font-size: 16px; left: 0px; display: block; width: 22px; height: 22px; text-align: center; background-color: #46a69c; border-radius: 50%; line-height: 25px; color: #FFF; } .Description.panel .accordiansec ol { display: block; padding-left: 10px; list-style: none; counter-reset: headings; } .Description.panel .accordiansec ol li { display: block; padding-left: 30px; position: relative; margin-bottom: 12px; line-height: 25px; } .Description.panel .accordiansec ol li:before { counter-increment: headings; content: counter(headings); position: absolute; font-weight: bold; font-size: 15px; left: 0px; display: block; width: 24px; height: 24px; text-align: center; background-color: #46a69c; border-radius: 50%; line-height: 25px; color: #FFF; } .Description.panel .infoRow { display: flex; width: 50%; padding: 15px; align-items: center; } .Description.panel .infoRow:after { content: ""; display: block; clear: both; } .Description.panel .infoTxt, .infoImg { display: block; text-align: left; } .Description.panel .infoTxt h4 { color: #46a69c; margin-top: 0px; margin-bottom: 10px; font-size: 18px; } .Description.panel .infoTxt { width: 70%; } .Description.panel .infoImg { width: 30%; order: 2; } .Description.panel .infoRow:nth-child(odd) .infoTxt { width: 60%; } .Description.panel .infoRow:nth-child(odd) .infoImg { width: 40%; } .about_block { padding-left: 30px; } .about_block h3 img { position: absolute; left: -30px; top: 5px; z-index: 9; } .about_block h3 { position: relative; } .about_block h3:after { content: ""; position: absolute; top: 3px; left: -36px; height: 29px; width: 28px; display: block; background: rgba(117,218,233,0.50); border-radius: 100%; z-index: 1; } .mad-product-info .mad-product-price div { display: flex; color: #8b9599; align-items: center; } .mad-product-info .mad-product-price div .wasprice { text-decoration: line-through; } .mad-product-info .mad-product-price div .saveprice, .mad-product-price .saveP sapn { align-items: center; display: flex; font-size: 11px; font-weight: bold; line-height: 1em; vertical-align: middle; text-align: center; color: #d94945; text-decoration: none; text-transform: uppercase; } .mad-product-info .mad-product-price div span i, .mad-product-price .saveP span i { font-style: normal; display: block; font-size: 15px; margin-bottom: 1.5px; margin-left: 3px; } .mad-product-info .mad-product-price .wasPrice { display: inline-block; text-decoration: line-through; font-size: 15px; } .responsive-tabs .Description .accordiansec img { height: auto!important; } .sliderWrap .mad-product-description .product_des { display: block!important; line-height: 1.2em!important; width: auto!important; min-height: 60px!important; font-size: 12px!important; } .sliderWrap .mad-product-description .product_des a.mad-product-cat { display: inline!important; font-size: 12px!important; line-height: 1.2em!important; } .prod-slider .swiper-slide { justify-content: initial!important; } .e_productslider .sliderWrap { width: calc(100% - 100px); margin-left: 50px; overflow: hidden; } .e_productslider .sliderWrap .mad-products .productBlock { padding: 15px!important; } .e_productslider .mad-tabs-nav { padding-bottom: 1.25rem; } .mad-header-item .mad-actions { column-gap: initial; } .mad-header-item .mad-actions > .mad-col { margin-left: 15px; margin-right: 15px; } .shopping-cart .sc-footer .btn-set { justify-content: space-between; } .shopping-cart .btn-set > .btn { width: calc(50% - 10px)!important; } /*Deal of Day*/ .dealOfDay { /*border: 2px solid #8bc34a;*/ border-radius: 8px; position: relative; padding: 20px 0px 0px 0px; margin-top: 30px; } .dealOfDay .mad-product-info { width: 85%; } .dealOfDay h4 { display: inline-block; text-align: left; padding: 10px 5px; font-size: 32px; position: absolute; top: -21px; z-index: 9; font-weight: 700; color: #000; left: 0; right: 0; width: 100%; } .dealOfDay h4 span { color: #f34770; } .dealOfMnth .mad-countdown.size-2 { background: #f34770; border-radius: 0px 0px 0.8rem 0.8rem; color: #fff; } .dealOfDay .mad-product-description { padding: 0px 0px; } .dealOfDay .mad-product-info > .mad-info-item { padding: 0px 0px; display: block; } .dealOfDay .mad-product-info .dealAddcart { margin-top: 10px; } .dealOfDay .mad-product-info .dealAddcart .mad-cart2 { display: flex; width: 100%; background: none; margin-bottom: 15px; margin-top: 10px; } .dealOfDay .mad-product-info .dealAddcart .mad-cart2 i { padding: 0px 8px; border-radius: 100%; border: 1px solid #88be50; color: #88be50; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1.4rem; } .dealOfDay .mad-product-info .dealAddcart span { color: #000; font-size: 14px; margin: auto 6px; text-transform: uppercase; font-weight: 700; } .tooltip.mad-cart { border: 1px solid #88be50; color: #88be50; } .tooltip.mad-cart:hover { background: #88be50; color: #fff; } .dealOfDay .mad-product-info .dealAddcart .mad-cart2:hover i { background: #88be50; color: #fff; } .dealOffer .mad-info-title { font-size: 16px; text-align: center; color: #fff; background: #f34770; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 4px 10px 5px 15px; line-height: 1.7rem; white-space: nowrap; } .dealOfMnth .dealOffer .mad-info-title { font-weight: 700; } .month_pre_btn, .best-seller-section { position: relative; /*right: -17%;*/ } .best-seller-section .best_btn .swiper-button-next { position: absolute; top: 30px; right: 0px; opacity: 1 !important; } .best-seller-section .best_btn .swiper-button-prev { position: absolute; top: 30px; right: 45px; opacity: 1 !important; left: auto; } .month_pre_btn .swiper-button-prev { position: initial; margin: 0; margin-left: 10px; } .month_pre_btn .swiper-button-next { position: initial; margin: 0; margin-left: 10px; } .dealOfDay .mad-product-image { position: relative; width: 50%; padding-top: 6%; } .dealOfDay .mad-product-image .imgSpan img { max-height: 330px; } .dealOfDay .offrProCtnt { width: 50%; margin-top: 20px; } .dealOfDay .offrProCtnt .mad-product-price { color: #f34770; } .dealOfMnth { position: relative; padding: 50px 0px 0px 0px; margin-top: 30px; } .dealOffer .dvTimer2 { display: flex; align-items: center; margin-left: 20px; margin-top: 10px; } .dealOffer .dvTimer2 ul.timercounter { display: flex; background: #f34770; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding-right: 10px; } .dealOfDay .mad-product .mad-actions { position: initial; flex-direction: row; justify-content: flex-start; margin-top: 20px; opacity: 1; display: block; visibility: visible; } .dealOfDay .mad-product .mad-actions a { float: left; margin-right: 15px; } .dealOffer .dvTimer2 ul.timercounter li { padding: 10px; color: #fff; } .dealOfMnth .deal-top { text-align: inherit; padding: 10px 5px; font-size: 16px; display: flex; position: absolute; top: -8px; z-index: 9; color: #000; left: 0px; right: 0; width: 100%; justify-content: space-between; align-items: center; } .dealOfMnth .deal-top h4 { font-size: 18px!important; margin: 0; margin-right: 10px; display: inline-flex; white-space: nowrap; } .dealOfMnth .dealOffer .dvTimer2 ul.timercounter li { padding: 5px 10px; font-size: 16px; font-weight: 800; } .dealOfMnth .dealOffer .dvTimer2 { margin-top: 0px; } .dvTimer { display: flex; /*min-width: 275px;*/ } .dvTimer .timercounter { width: 146px; background: #f34770; border-top-right-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; } .dvTimer .timercounter * { color: #fff; } .coundown-period:after { color: #fff; } .dealOfMnth .month_pre_btn { display: flex; justify-content: flex-end; position: initial; align-items: center; } .dealOffer .dvTimer .mad-countdown.size-2 { border-radius: none; background: #f34770; padding-right: 15px; padding-top: 10px; } .dealOfMnth .mad-product-price .pro-price, .mad-product-price .pro-price { margin-bottom: 0px !important; font-weight: 600; font-size: 30px; line-height: 20px; } body { /*background: #f2f3f5;*/ } .mad-products .productBlock { padding: 15px!important; /*height: 450px!important;*/ } .dealOfDay .productBlock { background: #fff; margin-top: 30px; border-radius: 4px; overflow: hidden; min-height: 373px; } .homeWrp .fix-12-12 { /*background: #f2f3f5;*/ } .focus-heading, .catTitle { text-align: center; margin-bottom: 17px; font-size: 35px; font-weight: 700; padding-bottom: 20px; } .e_aiblock ul { display: block; padding-left: 10px; font-size: 18px; } .productBlock .mad-product-description .mad-product-title { text-align: center; } .e_aiblock ul li { display: block; padding-left: 30px; position: relative; margin-bottom: 12px; line-height: 25px; } .designfff { margin-top: 20px; background: #fff; padding-top: 30px; padding-bottom: 30px; } .e_aiblock ul li:before { content: "\e8e8"; font-family: 'Material Icons'; position: absolute; font-weight: bold; font-size: 22px; left: 0px; display: block; width: 24px; height: 24px; text-align: center; line-height: 25px; color: #46a69c; } .e_bestseller { background: #f2f3f5; } .hidedesktop { display: none !important; } .dealOfDay .productBlock .mad-product-description .mad-product-title { text-align: left !important; } .AccDll .closebtn { display: none; } .dealOfDay .productBlock .mad-label { font-size: 2rem; width: 8rem; height: 8rem; line-height: 2rem; } .offrGrids.btmOffer .dealOfDay .productBlock .mad-label { font-size: 1.3rem; width: 210px; height: 5rem; line-height: 1.3rem; border-radius: 0; background-color: #13a4ba; transform: rotate(312deg); left: -66px; top: -67px; } .shopping-cart.clsOpen { opacity: 1; visibility: visible; display: block; } #lnkBasket .closebtn { display: block; height: 30px; width: 30px; position: absolute; top: 15px; right: 15px; cursor: pointer; z-index: 2; } #lnkBasket .closebtn svg { fill: #CCC; max-width: 100%; width: 30px; height: 30px; } .saveP { line-height: 1rem; text-align: center; margin-left: 5px; } .saveP span { text-decoration: none; color: #ed7a79; font-size: 13px !important; font-weight: bold; line-height: 1rem !important; vertical-align: top; } .forum-que { margin-bottom: 15px; border-radius: 4px; background: #f6f8f8; padding: 2rem; font-size: 1rem; line-height: 1.5rem; overflow: hidden; } .sltAppoint { background: rgb(70 166 156 / 12%); width: 100%; padding: 10px; border-radius: 4px; } .Select_Dietician { font-size: 21px; display: block; letter-spacing: -1.5px; text-align: left; font-weight: normal; margin-top: 0px; } .appointmentsec .selectForm { box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75); -webkit-box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75); -moz-box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75); padding: 20px; padding: 20px; background: #fff; border-radius: 4px; } .appointmentsec .selectForm label { color: #1b4763; } .upBooking { /*background-image: url(../images/appointment_bg.png);*/ background-repeat: no-repeat; background-size: 100% auto; background-image: linear-gradient(#ffffff, #98ddd6, #FFF); } .appointmentsec .m-auto { margin: 0 auto; } .infoDiet { position: relative; /*box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75); -webkit-box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75); -moz-box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75);*/ border-radius: 4px; margin: auto; height: 100%; padding: 20px; background: #1b4763; border: 1px solid #8bc34a; } .infoDiet_sec { display: flex; } .mad-header-non-sticky .acc a { display: flex; align-items: flex-end; } .dietimage { width: 100px; height: 90px; border-radius: 100%; overflow: hidden; margin: auto; } .dietinfo { padding: 10px 15px; margin: auto; } /*.infoDiet:after { content: " "; position: absolute; right: -18px; top: 15px; border-top: 18px solid transparent; border-right: none; border-left: 18px solid #1b4763; border-bottom: 18px solid transparent; } .infoDiet:before { content: " "; position: absolute; right: -20px; top: 13px; border-top: 20px solid transparent; border-right: none; border-left: 20px solid #8bc34a; border-bottom: 20px solid transparent; }*/ .dietinfo h5 { color: #8bc34a; } .dietinfo p { line-height: 1.3rem; font-size: 14px; color: rgb(255 255 255 / 82%); min-height: 85px; } .dietinfo p span { font-size: 13px; text-transform: capitalize; } .appinfo p { font-size: 13px; line-height: 1.2rem; color: #fff; opacity: 0.8; min-height: 97px; } .appointImg { text-align: center; height: 355px; } .appointImg img { height: 100%; } /*.infoDiet_mAuto { margin: auto; }*/ .appointmentsecM { margin: auto; margin-bottom: 0; } .searchRow { margin-bottom: 20px !important; margin-top: 20px; box-shadow: -1px -1px 21px -9px rgb(0 0 0 / 75%); -webkit-box-shadow: -1px -1px 21px -9px rgb(0 0 0 / 75%); -moz-box-shadow: -1px -1px 21px -9px rgba(0,0,0,0.75); border-radius: 4px; padding: 10px; background: #fff; } .searchRow .searchCol { padding: 10px 10px !important; } .selectFormPopup .thankPopup:not(.qv-popup) .mad-popup-inner:after { display: none; } .bookAppBtn { font-size: 14px; padding: 10px 15px; border-radius: 4px; margin-top: 20px; text-align: center; display: block; } .appointHeading { margin: auto; } .appointHeading h5 { color: #1b4763; } .searchRow .searchCol .btn { width: 100%; padding: 13px; border-radius: 4px; font-size: 15px; } .foodAccord .trkDiteHdr span, .accountAddr .pageTitle span { font-size: 14px; margin-left: 5px; } .foodAccord .trkDiteHdr span { color: #9f9f9f; } .thankAppoint .Note { font-size: 13px; } .cpnpr { float: right; font-size: 12px; color: #78ba4e; } .htryftr .CnclOrder { float: right; } .htryftr .CnclOrder .odrCncl { color: #ff0000; } .htryftr .CnclOrder .odrCncl:hover { color: #ff7a7a; } .htryftr .spanbtn a { border-right: 1px solid #e6e6e6; padding-right: 20px; } #dvReview.ucReview { /*border: 1px solid #ddd;*/ border-radius: 4px; padding: 20px; box-shadow: 0px 0px 15px #c7c7c7; } #dvOrderDtl p { font-size: 14px; line-height: 15px; } #dvOrderDtl p span { font-weight: 600; } .itemordlist { border: 1px solid #ddd; padding: 7px; height: 100%; text-align: center; border-radius: 4px; background: #fff; } .itemordlist h6 { font-size: 12px; line-height: 14px; margin-top: 10px; } .itemordlist p { font-size: 12px !important; line-height: 14px; } .itemordlist span { font-size: 0.8rem; } .itemordlist .detail { text-align: left; } .bg-left { background: rgb(147 147 147 / 10%); padding: 20px; border-radius: 4px; } #dvOrderDtl .row.mb-20 { background: #efefef; margin: 5px 0px; padding: 10px; } .itemsordered { font-size: 0.9rem; } #dvOrder #lnkSubmit.btn-big { padding: 0.7rem 2rem 0.7rem; } .theiaStickySidebar ul.btn-set.mad-paycards { display: inline-block; } .theiaStickySidebar ul.btn-set.mad-paycards li { display: inline-block; padding: 5px; } .avlcouponCode span { display: block; color: #46a69c; } .avlcouponCode label { padding-top: 0px !important; } .avlcouponCode .bdrBox { border:; } .avlcouponCode input[type="radio"] + label[for]::before { position: absolute; top: calc(50% - 12px); } .avlcouponCode input[type="radio"]:checked + label[for]::after { top: calc(50% - 6px); } .avlcouponCode .box { border: 1px dashed #ddd; padding: 5px; } .modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; z-index: 999999; } .modal .modal-header h4 { color: #fff; } .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 60%; border-radius: 4px; } .close-button { float: right; font-size: 28px; } .close-button:hover { background-color: #ddd; color: #000; cursor: pointer; } .show-modal { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; } .modal-header { padding: 20px; background-color: #1b4763; color: white; } .modal-body { padding: 2px 16px; } /*FEEDBACK Page*/ .feedback_wpr { text-align: center; padding-top: 80px; padding-bottom: 80px; background-image: url(../images/sitemap.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .feedback_wpr h1 { font-size: 45px; line-height: 1em; color: #13a4ba; } .feedback_wpr .ordrSrch { width: 80%; margin: auto; border-radius: 4px; background-color: #fff; padding: 10px; margin-top: 15px; position: relative; box-shadow: 0px 0px 15px rgba(70,166,156,0.55); /*-webkit-animation: pulse2 2s infinite;*/ } .feedback_wpr .ordrSrch:after { content: ""; display: block; clear: left; } .feedback_wpr .ordrSrch .btn.btn-big { border-radius: 4px; width: 180px; float: left; } .feedback_wpr .ordrSrch .input-box { width: calc(100% - 180px); float: left; padding-left: 50px; position: relative; } .feedback_wpr .ordrSrch .input-box input { border: 0px; font-size: 16px; font-weight: 500; height: 42px; } .feedback_wpr .ordrSrch .material-icons { position: absolute; left: 10px; display: block; width: 42px; text-align: center; font-size: 24px; height: 42px; background-color: #46a69c; border-radius: 50%; color: #fff; line-height: 42px; } .feedback_wpr .orderInfo { padding-top: 40px; padding-bottom: 40px; } .feedback_wpr .orderInfo .bg-left { background-color: #FFF; min-height: 320px; } .feedback_wpr .ucReview .frmLbl { text-align: left; font-weight: bold; margin-bottom: 5px; color: #FFF; } .feedback_wpr #dvReview.ucReview { box-shadow: none!important; text-align: left; min-height: 320px; background: rgb(19,164,186); background: linear-gradient(0deg, rgba(19,164,186,1) 0%, rgba(70,166,156,1) 100%); } .feedback_wpr #dvReview.ucReview textarea { border: none!important; } .feedback_wpr .ordrInfoHdr { padding-bottom: 10px; border-bottom: 1px solid #ccc; } .ordrInfoHdr .text-left { font-size: 18px; font-weight: 600; line-height: 1.2em; color: #1b4763; } .ordrInfoHdr .text-left p { font-size: 12px; } .ordrInfoHdr .text-right { font-size: 14px; font-weight: bold; line-height: 1.2; } .ordrInfoHdr .text-right span { font-size: 18px; display: block; } .feedback_wpr .ordrSrch .errormsg { padding: 10px 20px; background-color: #FFF; border-radius: 4px; position: absolute; bottom: -50px; left: 60px; } .feedback_wpr .ordrSrch .errormsg:before { content: ""; display: block; position: absolute; left: 20px; top: -4px; width: 10px; height: 10px; transform: rotate(45deg); background-color: #fff; } .feedback_wpr .mad-rating label { margin-bottom: 0px!important; } .feedback_wpr .mad-rating.size-big .mad-rating-bottom-level { } .feedback_wpr .mad-rating.size-big .mad-rating-bottom-level > * { font-size: 1.7rem; line-height: 1.2em; } .feedback_wpr .orderInfo .itemsordered { text-align: left; font-weight: bold; } .orderInfo .itemordlist p { text-align: center!important; } .orderInfo .itemordlist h6 { text-align: center!important; } .feedback_wpr .mad-rating.size-big label:before { background-color: transparent!important; color: #ffe000!important; } .feedback_wpr #dvReview.ucReview .btn.btn-big { background-color: transparent; border: 2px solid #fff; border-radius: 4px; } .feedback_wpr .mad-rating.size-big .material-icons { color: #ffe000!important; } .feedback_wpr #dvReview.ucReview .errormsg { padding: 10px 20px; background-color: #FFF; border-radius: 4px; position: absolute; bottom: -27px; right: 10px; } .feedback_wpr #dvReview.ucReview .errormsg:before { content: ""; display: block; position: absolute; left: 20px; top: -4px; width: 10px; height: 10px; transform: rotate(45deg); background-color: #fff; } .registerpage .regForm { background-color: #f7f7f7; border: none; } .registerpage .regForm input[type="checkbox"] + label[for]::before { background-color: #FFF; } /*Service detail page*/ .servRev .ucReview { padding: 40px; background-color: #ffffff; border-radius: 4px; } .mad-rating-bottom-level label { margin-bottom: 0px; font-size: 28px!important; } .mad-rating-bottom-level label:before { background-color: transparent!important; } .servRev .comments-list { padding-right: 30px; } .servRev .comments-list .comment { padding: 15px 25px!important; background-color: #fffef4; margin: 0px; border-radius: 4px; color: #000; margin-bottom: 10px; position: relative; } .servRev .comments-list .comment:before { content: ""; width: 0; height: 0; border-width: 26px 0 0 26px; border-color: transparent transparent transparent #fffef4; border-style: solid; position: absolute; right: -24px; top: 30px; } .servRev .comments-list .comment:nth-child(2n) { background-color: #fff; } .servRev .comments-list .comment:nth-child(2n):before { border-color: transparent transparent transparent #fff; } .servBook .cartNotifi { padding: 20px!important; text-align: center; border-radius: 4px; color: #fff; background-image: url('../images/coin-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 20px; font-weight: 500; } .servBook .cartNotifi img { vertical-align: middle; } .servBook .cartNotifi { margin-top: 20px; margin-bottom: 0px!important; background-color: #FFF; line-height: 1.3; } .servBook.priceBlock { text-align: center; padding: 20px; box-shadow: 0px 0px 13px rgba(27,110,195,.16); border-radius: 4px; overflow: hidden; position: relative; background: linear-gradient(356deg, rgb(104 228 230 / 31%) 0%, rgb(243 255 221 / 31%) 100%); min-height: 345px; margin-bottom: 20px !important; } .servBook.priceBlock:last-child { margin-bottom: 0px; } .servBook.priceBlock .addBasket { float: none; } .respd.servRev { padding-top: 2rem; padding-bottom: 5rem; background: linear-gradient(356deg, rgba(197,244,245,1) 0%, rgba(251,255,245,1) 100%); } .mad-product.mad-product-single .servBook.priceBlock .mad-product-price { float: none; width: 100%; margin-top: 30px; } .mad-product.mad-product-single .servBook.priceBlock .mad-product-price span { float: none; } .mad-product.mad-product-single .servBook.priceBlock .mad-product-price .prodPrice { text-decoration: none; display: block; font-size: 50px; font-weight: 900; color: #000; } .servBook.priceBlock .pkg-desc ul { padding-top: 30px; padding-bottom: 30px; } .servBook.priceBlock .pkg-desc ul li { display: block; font-size: 16px; font-weight: 800; text-align: left; margin-bottom: 10px; color: #2e3133; line-height: 1.2em; padding-left: 30px; } .servBook.priceBlock .pkg-desc ul li:before { content: "\f058"; font-family: Font Awesome\ 5 Free; position: absolute; left: 5px; font-weight: normal; color: #f34770; font-size: 18px; } .servBook.priceBlock .addBasket { text-transform: initial; font-size: 15px; letter-spacing: normal; font-weight: 700; border: 2px solid #24aeb1; background-color: #fff; color: #24aeb1; } .servBook.priceBlock .saveP { margin: 0px; background-color: #f34770; padding: 20px; transform: rotate(312deg); position: absolute; left: -78px; width: 230px; top: 0px; z-index: 1; line-height: 1.3em; } .servBook.priceBlock .saveP span { text-decoration: none; color: #ffffff; font-size: 22px !important; font-weight: bold; line-height: 1rem !important; vertical-align: top; } .servBook.priceBlock .saveP span b { display: block; font-style: normal; font-weight: 900; } .productDetail.servDtl #main { padding-bottom: 0px!important; } .productDetail .mad-sidebar .refer-btn .tooltip .tooltiptext { line-height: 1.2em; left: 18%; top: 56px; white-space: break-spaces; width: 200px; padding: 5px; z-index: 9; background: #3e3e3e; } .productDetail .mad-sidebar .refer-btn .tooltip { border-bottom: none; } .productDetail .mad-sidebar .refer-btn .tooltip .tooltiptext:after { transform: rotate(270deg); position: absolute; top: 0; left: 50%; margin-top: -12px; border-width: 7px; } .productDetail.servDtl .mad-product.mad-product-single .mad-info-item { display: block!important; } .productDetail.servDtl .mad-product.mad-product-single .mad-links.btn-set { display: inline-block; } .productDetail.servDtl .mad-product-single .product-meta li.tags { } .servRev .product_comments .comment-content { margin-bottom: 0px; padding-bottom: 40px; position: relative; text-align: center; } .servRev .product_comments .fn { position: absolute; right: 0px; font-size: 14px; bottom: 5px; } .servShare { margin-top: 22px; padding-top: 22px; border-top: 1px solid #8bc34a; margin-bottom: 22px!important; } .servShare .mad-links { display: inline-block; float: left; } .servShare .product-meta { display: inline-block; float: right; } .servBook .blueBtnAro { border-radius: 4px!important; } .servBook .addBasket { border-radius: 4px!important; /*border-radius: 40px!important;*/ line-height: 3rem!important; padding: 0 1.5rem!important; float: right; } .mad-product.mad-product-single .servBook .mad-product-price { display: inline-block!important; float: left; margin-top: 10px; } .mad-product.mad-product-single .servBook .mad-product-price > span, .mad-product.mad-product-single .servBook .mad-product-price > div { float: left; } .servDtl .mad-product.mad-product-single .carousel.carousel-main > img { margin-top: 0px; } .servDtl .mad-info-item li { font-size: 0.9rem; line-height: 1.5rem; font-weight: 400; padding-left: 20px; position: relative; } .servDtl .mad-info-item.servDec li:before { content: ""; display: block; width: 5px; height: 5px; background-color: #333; position: absolute; left: 3px; top: 3px; border-radius: 50%; } .multiSelectWrap { position: relative; } .multiSelectWrap .btn-group { position: relative; margin-bottom: 0px; } .multiSelectWrap .btn-group:after, .multiSelectWrap .btn-group:before { font-family: 'Material Icons'; font-size: 1.25rem; line-height: 43px; position: absolute; color: #909a9d; top: 0; right: 1.375rem; max-width: 20px; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); z-index: 2; } .multiSelectWrap .btn-group:before { content: "keyboard_arrow_down"; opacity: 1; visibility: visible; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .multiSelectWrap .btn-group:after { content: "keyboard_arrow_up"; } .multiSelectWrap .btn-group.open:after { opacity: 1; visibility: visible; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .multiSelectWrap .btn-group.open:before { opacity: 0; visibility: hidden; } .multiSelectWrap .dropdown-toggle { max-width: 100%; overflow: hidden; display: block; font-size: 14px; width: 100%; text-align: left; padding: 12px; border-radius: 4px; background: #fff; color: #706f6f; padding-right: 50px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 300; border: 1px solid #dce3e6; } .multiSelectWrap .dropdown-menu { max-height: 300px; overflow: auto; position: absolute; list-style-type: none; margin: 0; padding: 0; background: #fff; z-index: 99; width: 100%; border-radius: 4px; border: 2px solid #ddd; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-property: -webkit-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .multiSelectWrap .dropdown-menu.show { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; visibility: visible; } .multiSelectWrap .dropdown-menu li { padding: 1px 0; border-bottom: 1px solid #eee; } .multiSelectWrap .dropdown-menu li:after { content: "✓"; position: absolute; top: 0; bottom: 0; left: 18px; color: #46a69c; margin: auto; height: 17px; line-height: 1; opacity: 0; visibility: hidden; } .multiSelectWrap .dropdown-menu li.active { position: relative; background: #e7ebea; } .multiSelectWrap .dropdown-menu li.active:after { opacity: 1; visibility: visible; } .multiSelectWrap .dropdown-menu li a label { padding: 10px 20px 10px 40px; } .recentViewCat { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 2px; } .mad-sidebar .mad-product .mad-product-description .mad-product-info.mt-10 { margin-top: 6px; } .mad-sidebar .mad-product .mad-product-description .mad-product-info .mad-product-price { font-size: 0.9rem; } .mad-sidebar .mad-product .mad-product-description .mad-product-info .mad-product-price .fs16 { /* font-size: 13px !important; */ font-size: 0.8rem; } .mad-sidebar .mad-product .mad-product-description .mad-product-info .mad-product-price div span i { font-size: 12px; } .e_texttype .paraFormat.ucText .textWrap div { /*overflow-x: auto;*/ padding: 5px; } .sticky-bar .mad-sidebar .mad-entities.mad-entity-hr .mad-entity .mad-entity-media { margin-right: 5px; } .image-preview #dvPrevImg .flickity-viewport { height: 100% !important; } .image-preview #dvPrevImg .carousel.carousel-main { height: 451px; } #dvQuickView .mad-popup .mad-popup-holder .mad-popup-inner .mad-product-single .row.vr-size-2 .col-xl-6 { display: none; } #dvQuickView .mad-popup .mad-popup-holder .mad-popup-inner .lastcol .product-meta .product-meta > li > a { font-size: 14px; } .sidebar { background: #fff; position: fixed; width: 460px; max-width: 85%; height: 100%; z-index: 999999; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s!important; transition: transform 0.5s, opacity 0.5s!important; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: -8px 0px 9px -5px rgba(0, 0, 0, 0.18); -moz-box-shadow: -8px 0px 9px -5px rgba(0, 0, 0, 0.18); box-shadow: -8px 0px 9px -5px rgba(0, 0, 0, 0.18); } .sidebar::-webkit-scrollbar { width: 6px; } .sidebar::-webkit-scrollbar-track { background-color: #d1d1d1; } .sidebar::-webkit-scrollbar-thumb { background-color: #006EC7; border-radius: 4px; } .sidebar.right { top: 0; right: -10%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .sidebar.right.visible { opacity: 1; right: 0%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .sidebar.left { top: 0; left: -10%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .sidebar.left.visible { opacity: 1; left: 0%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .sidebar.top { min-width: auto; top: -10%; width: 100% !important; max-width: 100% !important; height: auto; overflow: visible; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .sidebar.top.visible { opacity: 1; top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .sidebar.bottom { min-width: auto; bottom: -10%; width: 100% !important; max-width: 100% !important; height: auto; overflow: visible; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .sidebar.bottom.visible { opacity: 1; bottom: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .sidebar .content { padding: 20px 20px 50px; position: relative; } #dvAssist { overflow: initial; } #dvAssist h2 { letter-spacing: normal; line-height: 1.2; margin-bottom: 2rem; } #dvAssist .button-group .btn { min-width: 150px; margin: 0 10px; background-color: #1b4763; color: #ffffff; border-radius: 50px; -webkit-animation: pulse 1.35s infinite; } #dvAssist .button-group .btn.nobutton { box-shadow: none !important; } #dvAssist .content { min-height: 250px; position: relative; padding-bottom: 2rem!important; } #dvAssist .curve { pointer-events: none; position: relative; display: none; height: 140px; bottom: -140px; margin-top: -170px; overflow: hidden; } #dvAssist .curve::after { border-radius: 50%; height: 100px; bottom: 0; transform: translate(-5%,-100%); -ms-transform: translate(-5%,-100%); -webkit-transform: translate(-5%,-100%); content: ""; position: absolute; width: 110%; z-index: -1; background: #fff; } #dvAssist.visible .curve { display: block; } #dvAssist.bottom.visible .curve { display: none; } #dvAssist.bottom .curveTop { pointer-events: none; position: relative; display: none; height: 140px; bottom: -90px; margin-top: -160px; overflow: hidden; } #dvAssist.bottom .curveTop::after { border-radius: 50%; height: 100px; bottom: -80px; transform: translate(-5%,-100%); -ms-transform: translate(-5%,-100%); -webkit-transform: translate(-5%,-100%); content: ""; position: absolute; width: 110%; z-index: -1; background: #fff; } #dvAssist.bottom.visible .curveTop { display: block; } #dvAssist.left .topSidebarContent:before { content: ''; background: #fff; width: 100%; position: absolute; right: 50%; top: -35%; transform: translateX(60%); height: 170%; border-radius: 150%; z-index: -1; } #dvAssist.left .content { min-height: 100%; } #dvAssist.right .topSidebarContent:before { content: ''; background: #fff; width: 100%; position: absolute; left: 50%; top: -35%; transform: translateX(-60%); height: 170%; border-radius: 150%; z-index: -1; } #dvAssist.right .content { min-height: 100%; } .d-flex { display: flex; flex-wrap: wrap; } .align-items-center { align-items: center; } .modal-backdrop { transition: opacity 0.15s linear; background-color: #333333; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 99999; display: none; opacity: 0.5; } .sidebarShown, .sidebarShown body { overflow: hidden !important; } .sidebarShown .modal-backdrop { display: block; } body #noty_layout__bottomRight { bottom: 20px; right: 20px; width: 390px; } body .noty_theme__nest.noty_bar { margin: 0; } body .noty_body p { margin-bottom: 1.4em !important; font-size: 1em !important; line-height: 1.5em; color: #1b4763; width: 100%; } body .noty_theme__nest.noty_type__info, body .noty_theme__nest.noty_type__information { background: #fff; } body .noty_theme__nest.noty_bar { /*border-radius: 25px;*/ border-radius: 4px; -webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.15); } body .noty_has_timeout.noty_has_progressbar .noty_progressbar { background: #8bc34a; opacity: 1; height: 5px; border-radius: 0 4px 4px 0; } body .noty_theme__nest.noty_bar .noty_body { padding: 1.5em; } body .noty_body a { background: #1b4763; padding: 0.25rem 1.5rem; border-radius: 50px; color: #fff!important; -webkit-animation: themePulse 1.35s infinite; font-size: 14px; } body .noty_body a:after { display: none; } body .noty_body img { padding: 0; position: absolute; bottom: 1.5em; right: 1.5em; margin: auto; } body .noty_body br + div { text-align: left !important; } .contestGrid { display: block; -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); /*border: 15px solid #fff;*/ padding: 15px; border-radius: 25px; position: relative; transform: scale(1); transition: .5s; } .contestGrid:hover { transform: scale(1.05); transition: .5s; } .contestWrp { text-align: left; color: #fff; padding: 25px; background-color: #f7f7f7; border-radius: 4px; min-height: 240px; position: relative; } .contestWrp a { /*display: inline-block; background: #8bc34a; padding: 0 1.5rem; border-radius: 40px; color: #0b3a02!important; -webkit-animation: pulse 1.35s infinite; line-height: 3rem; margin-top: 20px;*/ } /*.contestCorner { display: inline-block; width: 100px; height: 100px; background-color: #ffe500; color: #1b4763; line-height: 1em; padding: 24px 10px; text-align: center; border-radius: 50%; font-size: 13px; font-weight: bold; position: absolute; right: -18px; top: -50px; }*/ .contestCorner { display: inline-block; width: 125px; height: 122px; background-image: url(../images/leaf_bg.png); background-repeat: no-repeat; background-size: cover; color: #338337; line-height: 1em; padding: 56px 35px 10px 7px; text-align: center; font-size: 13px; font-weight: bold; position: absolute; right: -57px; top: -50px; } .contestCorner span { display: block; font-size: 16px; line-height: 1.2em; color: #de214c; } .contestTtl { position: relative; z-index: 1; } .contestTtl h5 { font-size: 21px; } /*.contestWrp .contestDtl { display: block; padding: 20px; background-color: #de214c; margin-left: -60px; width: calc(100% + 120px); margin-top: 20px; color: #FFF; font-size: 18px; text-align: center; font-weight: bold; position: relative; }*/ .contestWrp .contestDtl { display: block; background-color: #de214c; margin-left: -60px; width: calc(100% + 20px); margin-top: 20px; color: #FFF; font-size: 18px; text-align: left; font-weight: bold; position: relative; } .contestWrp .contestDtl > div { display: block; padding: 20px; line-height: 1.2em; } .contestTtl p { font-size: 14px; color: #1b4763; line-height: 1em; font-weight: bold; } .contestTtl p span { display: block; font-size: 24px; line-height: 1.2em; color: #de214c; margin-top: 10px; } .contestList .row > [class*="col-"] { padding-left: 30px; padding-right: 30px; } .contestWrp .contestDtl:before { content: ""; position: absolute; top: -20px; left: 0; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #951431 transparent; } /*.contestWrp .contestDtl:after { content: ""; position: absolute; bottom: -20px; right: 0; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #951431 transparent transparent transparent; }*/ .contestWrp .contestDtl:after { content: ""; position: absolute; top: 0px; bottom: 0px; height: 100%; width: 20px; background-image: url(../images/banner_tip.png); background-size: 100% 100%; right: -19px; } .contestWrp .material-icons { position: absolute; font-size: 140px; transform: rotate( -34deg); right: 16px; top: 95px; opacity: .8; } .vdoWrp { padding: 15px; border-radius: 25px; background-color: #f7f7f7; } .vdoWrp .video { border-radius: 4px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .vdoWrp iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .animatedBtn { width: 180px; height: 40px; cursor: pointer; background: #8bc34a; border: 1px solid #c2ff7b; outline: none; transition: 1s ease-in-out; position: relative; display: inline-block; margin-top: 25px; text-align: center; padding-top: 12px; font-size: 14px; text-transform: uppercase; line-height: 1em; } .animatedBtn svg { position: absolute; left: 0; top: 0; fill: none; stroke: #334c15; stroke-dasharray: 150 480; stroke-dashoffset: 150; transition: 1s ease-in-out; /*-webkit-animation: pulse 1s infinite ease-in-out;*/ } .alignItems { align-items: center; } @keyframes pulse { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -480; } } @-webkit-keyframes pulse { 0% { -webkit-stroke-dashoffset: 0; } 100% { -webkit-stroke-dashoffset: -480; } } .animatedBtn:hover { transition: 1s ease-in-out; background: #6d9b37; } .animatedBtn:hover svg { stroke-dashoffset: -480; } .animatedBtn span { color: #FFF; font-size: 14px; } .animatedBtn:hover span { } .quizWrp { text-align: left; color: #fff; padding: 25px; border-radius: 4px; min-height: 240px; position: relative; padding-top: 40px; } .quizPrize { display: block; padding: 20px 40px; background-color: #de214c; margin-right: -60px; width: calc(100% + 20px); color: #FFF; font-size: 18px; text-align: left; font-weight: bold; position: relative; line-height: 1.2em; float: right; border-radius: 4px 0px 0px 4px; } .quizPrize:before { content: ""; position: absolute; top: -20px; right: 0; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 20px; border-color: transparent transparent transparent #951431; } /**/ .quizPrize h6 { color: #FFF; font-size: 24px; } .quizHdr { padding-bottom: 50px; padding-top: 50px; margin-bottom: 20px; position: relative; overflow: hidden; background-color: #000000; } .quizHdr h1 { color: #FFF; } .quizHdr > img { max-width: 110%; position: absolute; top: 0px; min-width: 100%; opacity: .5; min-height: 100%; } .quizWrp .btn { background: #8bc34a; padding: 0 4px; border-radius: 40px; color: #0b3a02!important; -webkit-animation: pulse 1.35s infinite; line-height: 3rem; } .compQuizPg [type="file"], .mad-popup-close.icn_close { cursor: pointer; } .compQuizPg [type="file"]::file-selector-button { padding: 0.5rem 0; padding-right: 1rem; margin: -0.1rem 0; -webkit-margin-end: 1rem; margin-inline-end: 1rem; color: rgba(0, 0, 0, 0.45); background-color: #ffffff; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .bannerTtl { position: relative; z-index: 1; } .quizTitle { max-width: 828px; margin: auto; background-color: #e6f9ff; padding: 20px; border-radius: 4px; -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); } .quizTitle h4 { } .dateGrid img { width: 47px; margin-right: 5px; display: inline-block; vertical-align: middle; } .timerWrp { min-width: 200px; } .timerWrp .mad-countdown.size-2 { background: transparent; padding: 0px; } .timerWrp .mad-countdown.size-2 .countdown-amount { color: #de214c; } .dateGrid > div { display: inline-block; vertical-align: middle; line-height: 1em; } .dateGrid > div > a { font-size: 20px; display: block; color: #de214c; line-height: 1em; font-weight: bold; } .dateGrid h4 { display: block; vertical-align: middle; font-size: 14px; margin-bottom: 5px; padding: 0px; line-height: 1em; color: #afafaf; font-weight: 500; text-align: left; } .dateGrid span { font-size: 20px; display: block; color: #de214c; line-height: 1em; font-weight: bold; } .uploadLbl { font-size: 18px; font-weight: bold; vertical-align: middle; margin-bottom: 10px; } .uploadLbl img { width: 33px; margin-top: 3px; } .quizText { overflow: hidden; position: relative; padding: 0; background: #fff; border-radius: 4px; /*box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);*/ font-size: 0; margin-bottom: 1rem; -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); } .quizText input { opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; cursor: pointer; margin: 0; } .quizText label { padding: 1rem 1.5rem!important; font-size: 15px!important; margin: auto; text-align: left; font-weight: 600; -webkit-transition: 0.35s!important; transition: 0.35s!important; } .quizText label:before { width: 25px!important; height: 25px!important; display: inline-flex; margin-right: 18px; background: #ffffff; color: #222224!important; border-radius: 4px!important; text-align: center; align-items: center; justify-content: center; align-content: center; position: initial!important; } .quizText label:after { visibility: hidden!important; content: "✓"!important; width: 25px!important; height: 25px!important; display: inline-flex!important; color: #ffffff!important; text-align: center!important; align-items: center!important; justify-content: center!important; align-content: center!important; position: absolute!important; top: 1rem!important; right: 1.5rem!important; font-size: 18px!important; } .quizText input:hover ~ label:after, .quizText input:checked ~ label:after { visibility: visible!important; background-color: transparent!important; left: auto!important; border-radius: 0px!important; } .quizText input:hover ~ label, .quizText input:checked ~ label { background-color: #529f52; color: #fff; -webkit-transition: 0.35s; transition: 0.35s; } .quizText input:hover ~ label:before, .quizText input:checked ~ label:before { color: #529f52; } .textQuizItms .grid > [class*='col-']:nth-child(1) .quizText label:before { content: "A"; } .textQuizItms .grid > [class*='col-']:nth-child(2) .quizText label:before { content: "B"; } .textQuizItms .grid > [class*='col-']:nth-child(3) .quizText label:before { content: "C"; } .textQuizItms .grid > [class*='col-']:nth-child(4) .quizText label:before { content: "D"; } .textQuizItms { color: #000; padding: 40px 20px 20px 40px; /* border: 2px dashed #c9d2db;border-radius: 20px; */ border-radius: 4px; /* margin-top: 40px; */ background-color: #e6f9ff; -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); } .quizItem { position: relative; padding: 1rem; background: #e9eef3; border-radius: 4px; /*box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);*/ -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); font-size: 0; margin-bottom: 40px; margin-top: 40px; } .quizItem .material-icons-outlined { display: none; } .quizItem input { opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; cursor: pointer; margin: 0; display: block; } .quizItem img { border-radius: 4px; width: 100%; } .quizItem:hover img { } /*.quizItem input:checked + .material-icons-outlined { display: block; width: 30px; height: 30px; font-size: 24px; position: absolute; top: 0.5rem!important; right: 0.5rem!important; z-index: 2; line-height: 30px; background-color: #d60b52; border-radius: 5px; color: #fff; pointer-events: none; }*/ .quizItem label { display: none!important; } .quizItem label:before { content: ""; display: none!important; } .quizItem input:checked + label { display: block!important; width: 30px!important; height: 30px!important; font-size: 24px!important; position: absolute!important; top: 0.5rem!important; right: 0.5rem!important; z-index: 2!important; line-height: 30px!important; background-color: #d60b52!important; border-radius: 4px; color: #fff; pointer-events: none; pointer-events: none; } .quizItem input:checked + label:after { content: "✓"!important; color: #FFF; position: absolute; left: 0px!important; top: 0px!important; background-color: transparent!important; width: 30px!important; height: 30px!important; text-align: center; font-size: 22px; } .prizeGrid { width: 400px; height: 257px; background-image: url(../images/price_bg.png); background-repeat: no-repeat; background-size: contain; text-align: center; padding-top: 100px; padding-left: 100px; padding-right: 30px; font-size: 30px; /*float: right;*/ } .prizeGrid h6 { font-size: 24px; line-height: 1.2em; display: flex; height: 98px; align-items: center; justify-content: center; } .prizeGrid h5 { display: block; margin-top: -40px; color: #FFF; text-transform: uppercase; transform: rotate(4.7deg); font-size: 26px; } .termsSec { display: flex; align-items: center; text-align: center; justify-content: space-around; padding: 20px; background-color: #e6f9ff; /*border-radius: 20px;*/ border-radius: 4px; -webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); } /*.fileUpload { background-color: #FFF; padding: 40px; max-width: 500px; border-radius: 20px; margin: auto; -webkit-box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.03); box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 3%); margin-bottom: -60px; }*/ /*.prizeVoucher { width: 250px; height: 454px; background-image: url(../images/giftvoucher.jpg); background-repeat: no-repeat; background-size: cover; padding: 20px; padding-top: 220px; text-align: center; color: #FFF; border-radius: 20px; box-shadow: 0px 0px 15px 2px #ddd; display: inline-block; }*/ .prizeVoucher { width: 250px; height: auto; background-image: url(../images/voucher_bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 0px; text-align: center; color: #FFF; border-radius: 20px; box-shadow: -1px 5px 15px 2px #d3d3d3; display: inline-block; overflow: hidden; } .voucherBody { padding: 20px 20px 40px 20px; } .voucherBody ul li { display: block; font-weight: 500; line-height: 1.4em; color: #ffffff; text-shadow: -2px 2px #297a8d; position: relative; padding-left: 45px; text-align: left; margin-bottom: 10px; line-height: 1.3em; } .voucherBody ul span { display: inline-block; width: 36px; height: 36px; background-color: #fff151; color: #de214c; border-radius: 50%; line-height: 30px; /* color: #ccc; */ text-shadow: none; box-shadow: 0px 2px 6px 0px #10505e; text-align: center; position: absolute; left: 0px; } .voucherBody span sup { font-size: 12px; vertical-align: revert; } .prizeVoucher h5 { font-size: 28px; color: #FFF; margin-bottom: 20px; } .prizeVoucher h6 { font-size: 24px; color: #fff151; line-height: 1.2em; text-shadow: -2px 2px #297a8d; padding-bottom: 20px; } .prizeVoucher h6 strong { display: inline-block; width: 40px; height: 40px; background-color: #fff151; color: #10505e; border-radius: 50%; line-height: 30px; text-shadow: none; box-shadow: 0px 2px 6px 0px #10505e; font-size: 24px; } .prizeVoucher h6 sup { vertical-align: revert; font-size: 12px; } .winnersList .contestCorner { /*display: inline-block; width: 125px; height: 136px; background-image: url(../images/prize_bg.png); background-repeat: no-repeat; background-size: cover; color: #338337; line-height: 1em; padding: 33px 7px 10px 7px; text-align: center; font-size: 14px; font-weight: bold; position: absolute; right: -57px; top: -50px;*/ z-index: 9; } .winnersList .contestTtl { position: relative; z-index: 1; left: -25px; width: calc(100% + 50px); top: -25px; padding: 25px; background-color: #000; /*border-radius: 15px 15px 0px 0px;*/ border-radius: 4px 4px 0px 0px; overflow: hidden; } .winnersList .contestTtl img { position: absolute; height: 100%; min-width: 100%; z-index: -1; left: 0px; top: 0px; opacity: .5; max-width: initial; } .winnersList .contestTtl h5, .winnersList .contestTtl p { color: #FFF; } .winnerBlock { display: inline-block; text-align: left; position: relative; padding: 20px 20px 20px 40px; background-color: #FFF; border-radius: 15px; margin: 5px 15px; float: left; width: calc(50% - 30px); } /*.winPosition { position: absolute; background-color: #bf2026; width: 60px; height: 60px; border-radius: 50%; left: 0px; top: 0px; text-align: center; }*/ .winPosition { position: absolute; background-image: url(../images/trophy_icon_small.png); width: 60px; height: 60px; left: -25px; top: 9px; text-align: center; background-size: cover; color: #1b4763; font-weight: bold; font-size: 14px; padding-top: 0px; } .winnerBlock h5 { font-size: 16px; line-height: 1em; margin-bottom: 5px; } .winnerBlock h6 { font-size: 12px; line-height: 1em; color: #f29b0f; letter-spacing: 0px; } .winnersWrp .winnerBlock:first-child { width: calc(100% - 30px); margin-bottom: 20px; padding: 20px 20px 20px 72px; } .winnersWrp .winnerBlock:first-child .winPosition { position: absolute; background-image: url(../images/trophy_icon.png); width: 90px; height: 90px; left: -10px; top: -10px; text-align: center; background-size: cover; color: #1b4763; font-weight: bold; font-size: 18px; padding-top: 10px; font-size: 0px; } .winnersWrp .winnerBlock:first-child h5 { font-size: 20px; } .winnersWrp .winnerBlock:first-child h6 { font-size: 14px; } #dvTerms { font-size: 14px; line-height: 1.8em; } #dvTerms p { margin-bottom: 10px; } #dvTerms ul { list-style: disc; padding-left: 20px; } #dvTerms ul li { margin-bottom: 10px; } #dvTerms ol { list-style: decimal; padding-left: 20px; } #dvTerms ol li { margin-bottom: 10px; } .contestHdr .col-md-3, .contestHdr .col-md-4 { text-align: center; } .contestHdr .col-md-3 .dateGrid, .contestHdr .col-md-4 .dateGrid { display: inline-block; } .backLnk { display: flex; line-height: 1em; align-items: center; } .cntstSubmt .fix-8-12 p span { display: block; font-size: 40px; line-height: 1.3; color: #de214c; margin-bottom: 10px; } .show555 { display: none; } .blogDtlPage .calories_sec .nutriIcn img { height: 35px; vertical-align: middle; } .blogDtlPage .nutriTable li { width: 103px; padding: 10px; margin-right: 5px; } .blogDtlPage .nutriTable li .nutriIcn { width: 26px; margin-top: 4px; } .blogDtlPage .nutriTable li .nutriDtl { padding-left: 7px; font-size: 15px; } .blogDtlPage .calories_sec { padding: 10px; float: left; text-align: center; } .blogDtlPage .tlt_nutri .float-right { float: none !important; } .blogDtlPage .mad-entities.single-entity .row:not(.col-no-space) > [class*="col"] { padding-bottom: 0.5rem; } .ingredients { padding-left: 12%; margin-bottom: 0px; } .prep i.material-icons { color: #4ba69c; margin-right: 2px; margin-top: 2px; font-size: 15px; } .prep ul { display: flex; } .prep li { width: 50%; padding-left: 20px; text-align: center; } .prep li span { color: #4ba69c; margin-right: 2px; font-size: 13px; font-weight: 600; } .prep li small { display: block; margin-top: -1px; font-size: 14px; } .prep { /* margin-top: 11px; */ border-top: 1px solid #d4d4d4; padding-top: 5px; /* background: #d7fffb; */ padding: 10px; } .receipeInfo { height: 700px; min-height: 700px; padding-bottom: 40px; overflow: hidden; position: relative; transition: 2s; } .receipeInfo.infoOpen { height: auto; position: relative; transition: 2s; } .moreInfoBtn { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; z-index: 999; display: none; } .receipeInfo:after { display: none; opacity: 1; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 9; transition: opacity 200ms ease-in; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ecf6f5); pointer-events: none; } .receipeInfo .toggleMore { display: inline-block; font-size: 13px; line-height: 1.4; min-height: 36px; min-width: 36px; padding-top: 9px; padding-bottom: 9px; padding-left: 25px; padding-right: 25px; border: 2px solid #1b4763; border-radius: 30px; color: #1b4763; background-color: transparent; font-weight: 700; } .showReadMore .moreInfoBtn, .showReadMore.receipeInfo:after { display: block; } .receipeInfo.infoOpen:after { opacity: 0; } .blogDtlPage .single-entity .e_imageslide .imagesection .grid .col-8-12 { max-width: 100% !important; } li.show555.dwnldBtn .lnkAdd { height: min-content; width: max-content; margin-top: 2px; } .blogDtlPage .e_imagewithtext { margin: 10px 0px; } .blogDtlPage .paraFormat.ucText { line-height: normal; } .e_tabs .Uctabs .mad-panels--style-3 .blrContent ul { margin-left: 20px; } .rowEl[style*="background"] { padding-top: 20px; padding-bottom: 20px; } .richCoinsHistory .totalBalance { background-image: url(../images/total-cp.jpg); border-radius: 4px; background-size: cover; display: grid; background-repeat: repeat; text-align: center; } .richCoinsHistory .totalBalance .total__coins { margin-top: 0; margin-left: 10px; font-size: 2rem; font-weight: 700; margin-bottom: 5px; color: #00719f; } .richCoinsHistory .totalBalance .total__coins img { width: 28px; } .richCoinsHistory .totalBalance h2 { color: #006f89; letter-spacing: normal; text-align: center; font-weight: 700; } .richCoinsHistory .coupon-code { min-height: 110px; margin-bottom: 15px; display: flex; border-radius: 4px; border: 3px dashed #ebebeb; position: relative; overflow: hidden; align-items: center; } .richCoinsHistory .coupon-code .first-box { margin-right: 20px; padding: 10px; width: 20%; text-align: center; float: left; } .richCoinsHistory .coupon-code .first-box p { line-height: 20px; } .richCoinsHistory .coupon-code .s-box { border-left: 1px dashed #000; text-align: center; width: 60%; float: left; padding: 10px; } .richCoinsHistory .coupon-code .s-box p { font-size: 23px; line-height: 1em; } .richCoinsHistory .coupon-code .last-box { padding: 0px; position: absolute; right: -29px; width: 113px; display: block; float: right; margin: 0; font-size: 0px; } .richCoinsHistory .coupon-code .last-box p { text-align: center; padding: 20px 0px; transform: rotate(270deg); width: 100%; left: 0; margin: 0px; background: #e5e5e5; position: relative; top: 0; bottom: 0; height: 100%; font-size: 14px; line-height: 1.2em; } .datepaginator .dp-selected { background-color: #24aeb1!important; } .lnkAdd span { vertical-align: middle; margin-left: 2px; margin-bottom: 3px; } .healthrec.mad-products:not(.mad-product-small) .mad-product { box-shadow: 0px 0px 13px rgb(169 169 169 / 25%); } .healthrec.mad-products:not(.mad-product-small) .mad-product:hover { box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 10%); } .myAccountTab .mad-tabs--style-2 .mad-tabs--style-1.tabbedinfo .resp-tab-content { padding: 0px; } /*---------------------------------------------------------------------------- AI BLOCK ELEMENT -----------------------------------------------------------------------------*/ .purchase-section { line-height: normal; } .purchase-section .fix-12-12 { /*max-width: 1200px!important;*/ padding-left: 20px; padding-right: 20px; } .purchase-section .row.fixedSpaces { margin-left: -10px; margin-right: -10px; } .purchase-section .row.fixedSpaces > [class*="col-"] { padding-left: 10px; padding-right: 10px; } .purchase-section-bg { padding: 20px; padding-bottom: 0px; border-radius: 4px; margin-bottom: 50px; } .purchase-section-bg.style1 { background: linear-gradient(266deg, #c5f4f5 0%, rgb(143 185 197) 100%); } .purchase-section-bg.style2 { background: linear-gradient(266deg, #e9f2bb 0%, #73c5bd 100%); } .purchase-section-heading { margin-bottom: 20px; display: inline-block; text-align: left; font-size: 20px; font-weight: 700; color: #fff; } .purchase-section .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; } .purchase-section .swiper { border-radius: 4px; width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .purchase-section .swiper .swiper-slide { min-height: initial; } .purchase-section .swiper-buttons { display: flex; margin: auto; align-items: center; justify-content: flex-start; margin-bottom: 10px; position: absolute; top: -45px; right: 10px; } .purchase-section .swiper-button-next, .purchase-section .swiper-button-prev { line-height: normal; margin: 0; position: initial; background: #fff; width: 2rem; height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1 !important; margin-left: 10px; } .purchase-section .swiper-button-prev:after { content: "chevron_left"; } .purchase-section .swiper-button-next:after { content: "chevron_right"; } .purchase-section .swiper-button-prev:hover:after, .purchase-section .swiper-button-next:hover:after { color: inherit; } .purchase-section .swiper-button-next.swiper-button-disabled, .purchase-section .swiper-button-prev.swiper-button-disabled { opacity: 0.3 !important; cursor: default; } .purchase-section .swiper-pagination-bullet { background: #fff; } .purchase-section .swiper-pagination-bullet-active { background-color: #fff !important; } .purchase-section .swiper-pagination { line-height: 1; bottom: 0 !important; top: auto; display: flex; justify-content: center; align-items: center; } .purchase-block { padding: 2.125rem 2.5rem; border-radius: 4px; display: flex; flex-direction: column; position: relative; height: 340px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; } .purchase-block:after { opacity: 1; content: ""; left: 0; right: 0; bottom: 0; position: absolute; transition: opacity 200ms ease-in; background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,0), rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(0deg, rgba(255,255,255,0), rgba(0, 0, 0, 0.8) 100%); pointer-events: none; height: 100%; width: 100%; z-index: 0; border-radius: 5px; } .purchase-heading { font-size: 2.5rem; line-height: 2.5rem; font-weight: 600; color: #fff; letter-spacing: normal; position: relative; z-index: 1; } .purchase-section .style1 .swiper-slide { display: block !important; margin-top: 0px !important; margin-bottom: 19px !important; } .purchase-section .style1 .purchaseSldimg { display: none; } .purchase-section .style1 .purchaseSldBg { height: auto; background: transparent; display: inline-block; vertical-align: middle; } .purchase-section .style1 .purchaseSldTitle { position: relative; display: flex; justify-content: flex-start; align-items: center; line-height: normal; font-weight: 800; border-radius: 10px; font-size: 16px; padding-left: 18px; -webkit-transition: 0.35s; transition: 0.35s; } .purchase-section .style1 .purchaseSldTitle::after { content: ''; position: absolute; bottom: -6px; right: 0; width: 0; height: 2px; background-color: #46a49c; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .purchase-section .style1 .purchaseSldBg:hover { padding-left: 5px; } .purchase-section .style1 .purchaseSldTitle i { position: absolute; top: 2px; left: 0; font-size: 18px; -webkit-transition: 0.35s; transition: 0.35s; } @media (hover: hover) and (pointer: fine) { .purchase-section .style1 .purchaseSldTitle:hover::after { left: 20px; right: auto; width: calc(100% - 20px); } } .purchase-section .style2 .swiper-slide { margin-top: 0px !important; margin-bottom: 20px !important; } .purchase-section .style2 .purchaseSldBg { border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 160px; width: 100%; background: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 10px; } .purchase-section .style2 .purchaseSldimg { height: calc(100% - 27px); background: #f2f3f5; overflow: hidden; } .purchase-section .style2 .purchaseSldimg img { width: 100%; } .purchase-section .style2 .purchaseSldTitle { padding: 11px 10px 0px 10px; background: #fff; font-weight: 800; text-transform: uppercase; height: 27px; line-height: 1; display: flex; align-items: flex-start; } .purchase-section .style2 .purchaseSldTitle i { display: none; } .col-12 > .purchase-block { margin-bottom: 60px; height: 160px; } .ucEBooks { padding-top: 2rem; padding-bottom: 2rem; } .eBooksRpt { margin-bottom: 20px; padding: 2.125rem 2.5rem; border-radius: 9px; display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 480px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .eBooks-heading { font-size: 2.5rem; line-height: 2.5rem; font-weight: 600; color: #fff; background: #141414; padding: 10px; opacity: 0.6; padding-left: 30px; margin-left: -40px; } .eBooks-download { transform: translateY(0px); transition: all .2s ease-in; background: #fff; display: inline-flex; width: 50px; height: 50px; justify-content: center; align-items: center; font-size: 25px; border-radius: 50%; color: #2e3133; box-shadow: 0px 8px 7px 0px rgba(0,0,0,.25); } .eBooksRpt:hover .eBooks-download { transform: translateY(-5px); } .catDetailContent { margin-bottom: 20px; } .rptSubCat { border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 100%; background: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 10px; box-shadow: 0px 0px 13px rgb(169 169 169 / 25%); margin-bottom: 20px; } .rptSubCat .subCat-img { /*height: 113px; overflow: hidden;*/ } .rptSubCat .subCat-img img { width: 100%; } .rptSubCat .subCat-title { padding: 11px 10px 0px 10px; background: #fff; font-weight: 800; text-transform: uppercase; height: 27px; line-height: 1; display: flex; align-items: flex-start; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*.slick-track { margin-left: -10px; margin-right: -10px; }*/ .slick-list { margin-left: -10px; margin-right: -10px; } .slick-track:before, .slick-track:after { } .slick-track:after { } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; height: 100%; min-height: 100px; flex-direction: column; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: flex; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-track { display: flex; align-items: flex-start; justify-content: flex-start; /*margin-left: -10px; margin-right: -10px;*/ } .slick-slide { } .slide-item { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } .slick-arrow { line-height: normal; margin: 0; background: #fff; width: 2rem; height: 2rem; font-size: 1.3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: -45px; right: 0px; } .slick-arrow.slick-disabled { opacity: .25; } .slick-arrow i { font-size: 20px; font-weight: bold; color: #2e3133; } .slick-arrow.slick-next { } .slick-arrow.slick-prev { right: 42px; } .recomPlan { width: 90px; position: absolute; right: 0px; top: 2px; } .ucGiftCards .mad-product-image { position: relative; } .ucGiftCards .topHead { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: 33.33%; justify-content: center; align-items: center; } .ucGiftCards .topHead .mad-coupon { display: inline-block; line-height: 1; font-weight: 900; font-size: 25px; color: #f34770; text-align: center; } .ucGiftCards .topHead h2 { line-height: 1; margin-top: 1rem; font-weight: 900; font-size: 50px; color: #1b4763; margin-bottom: 1rem; } .ucGiftCards .topHead h2 span:first-child { } .ucGiftCards .topHead p { text-align: center; line-height: normal; font-weight: 600; font-size: 17px; } .ucGiftCards .mad-product-info { margin-top: 1rem; } .ucGiftCards .mad-product-info p { margin-bottom: 1rem !important; line-height: normal; font-weight: 600; color: #1b4763; font-size: 17px; } .ucGiftCards .mad-info-item { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .ucGiftCards .quantity { width: auto; } .ucGiftCards .pro-price { font-size: 30px; line-height: 20px; margin-bottom: 0 !important; } .ucGiftCards .cartCount .minus, .ucGiftCards .cartCount .plus { height: 50px; line-height: 50px; } .ucGiftCards .cartCount input[type="text"] { height: 50px !important; } .consult .mad-custom-select.size-2 { width: 100%; } .box-consult { border-radius: 4px; padding: 20px; box-shadow: 0px 0px 16px 0px #efefef; } .infobodypop { color: #000; text-align: center; margin-bottom: 10px !important; } .infobodypop span { color: #3bb67d; } .registerWrap .fix-12-12.pt-20.pb-20 .col-12-12 .row:not(.col-no-space) > [class*="col"], .registerWrap .fix-12-12.pt-20.pb-20 .col-12-12 .row:not(.col-no-space) { margin-bottom: 1rem !important; margin-bottom: 0px !important; } #tab_Basket .shop-cart-form.shopping-cart-full .mad-product-description { flex: 1; } .trackDietWrp .addBtn { display: none; } .mad-custom-select.size-2 .mad-selected-option { background: transparent; } /* new-css-strat-30-6-23 */ .dual_action .infoRow { width: 100% !important; } .DietPlan_sec #accountAddrDiet.accountAddr .addInfo li:first-child, #accountAddrDiet.accountAddr ul.addInfo li { display: flex; align-items: center; } .trackDietWrp .foodAccord .tracfreq { margin-top: 20px; } .richCoinsHistory .activityWrap .blrAccrCntnr .blrAccrList .blrHead label { margin-bottom: 0px; padding-right: 10px; } .richCoinsHistory .activityWrap .blrAccrCntnr .blrAccrList .blrHead { margin-bottom: 0px; } .blrAccrList a.addItemBtn { font-size: 12px; padding: 10px; display: none; color: #fff; background: #3bb67d; line-height: 1em; border-radius: 4px; position: absolute; right: 40px; top: 7px; z-index: 2; } /*.noticeSec { display: block; position: absolute; top: 10px; left: auto; right: 0; padding: 10px 20px; width: calc(66.6666% - 10px); font-size: 16px; border: 2px solid #3bb67d; border-radius: 5px; font-weight: bold; color: #1d4764; padding-left: 45px; line-height: 1.2em; }*/ .noticeSec { display: block; position: relative; top: 10px; left: auto; right: 0; padding: 10px 20px; padding-left: 20px; width: 100%; font-size: 16px; border: 2px solid #3bb67d; border-radius: 5px; font-weight: bold; color: #1d4764; padding-left: 45px; line-height: 1.2em; margin-bottom: 10px; } .noticeSec span { font-size: 26px; vertical-align: middle; color: #3bb67d; margin-right: 10px; position: absolute; left: 10px; top: calc(50% - 10px); height: 20px; } .subsNotice { padding: 10px; font-size: 15px; background-color: #3bb67d; color: #FFF; font-weight: bold; border-radius: 4px; margin-bottom: 5px; } .subsNotice span { font-size: 21px; vertical-align: middle; margin-right: 10px; } .pwdField { position: relative; } .pwdField input { padding-right: 40px; } .passEye { display: flex; width: auto; text-align: center; position: absolute; right: 0px; top: 0px; z-index: 2; cursor: pointer; color: #3bb67d; height: 100%; padding: 10px; align-items: center; border-left: 1px solid #dce3e6; } .rQuiz-banner { color: #002b3c; background-color: #002b3c; background-image: url(../images/rQuiz-banner.jpg); background-position: center; background-size: auto 100%; background-repeat: no-repeat; padding: 50px 0; text-align: center; margin-bottom: 50px; height: 350px; display: flex; align-items: center; } .rQuiz-banner [class*='fix-'] { width: 800px !important; max-width: 90% !important; } .rQuiz-banner * { color: inherit; } .rQuiz-banner h2 { font-size: 1.8em; font-weight: 700; } .rQuiz-banner h3 { margin-top: 25px; } .quiz-head { font-family: 'Merienda', cursive; color: #275979; } .flex-Quiz { display: flex; align-items: center; } .flex-Quiz.sec2 { background: #f2f9fd; padding: 20px; border-radius: 20px; } .pluseBtn { background-color: #1b4763; color: #ffffff; -webkit-animation: qickPulse 1.35s infinite; } @keyframes qickPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .canWinWrap { margin-left: -10px; margin-right: -10px; } .canWinWrap [class*='col-'] { padding-left: 10px; padding-right: 10px; } .canWinWrap h4 { margin-bottom: 20px; } .canWinRpt { border-radius: 9px; font-weight: bold; padding: 1.5rem; position: relative; z-index: 1; height: 100%; color: #fff; text-align: center; margin-bottom: 30px; /*background-color: #24aeb1; background-image: linear-gradient(182deg, #c8f3df 0%, #1d8e91 100%);*/ background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradientBG 15s ease infinite; } .canWinRpt:hover { /*background-color: #1d8e91;*/ /*background-image: linear-gradient(182deg, #9bd8ca 0%, #1d8e91 100%);*/ } @keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .canWinRpt .material-icons-outlined { font-size: 44px; display: inline-flex; align-items: center; justify-content: center; line-height: normal; background-color: #fff; border-radius: 50px; margin-right: 20px; color: #f34770; } .canWinRpt label { color: inherit; margin-bottom: 0; } .canWinRpt label i { width: 60px; height: 60px; font-style: normal; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 2em; font-weight: 900; margin-bottom: 0.5rem; /*background-color: #24aeb1; background-image: linear-gradient(182deg, #c8f3df 0%, #1d8e91 100%);*/ background: #fff; color: #6582b8; } .canWinRpt label span { color: #fff; display: block; font-weight: 800; } .canWinRpt p { border-top: 1px dashed rgb(255 255 255 / 25%); margin-top: 15px; padding-top: 15px; min-height: 95px; } .whyQuiz { margin-top: 20px; } .whyQuiz .col-12 { background: #ffffffab; margin: 20px; width: 50%; padding: 10px; } .whyQuiz ul, .quizDetails ul { list-style: disc; padding-left: 22px; } .whyQuiz ul li, .quizDetails ul li { margin-bottom: 10px; } .quizDetails { margin-bottom: 30px; } .readyKnot { text-align: center; background-color: #f2f1dd; padding: 20px 20px 25px; border-radius: 10px; margin: 50px 0; height: 250px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; } .readyKnot h2 { text-align: center; margin-bottom: 17px; font-size: 35px; font-weight: 700; line-height: 1.1; } .readyKnot .btn { font-size: 16px; letter-spacing: normal; } .richQuiz .quizWrp { padding: 0; min-height: initial; } .richQuiz .quizTitle { /*max-width: 100%; border-radius: 9px 9px 0px 0px; background-color: #f2f3f5; padding-left: 30px; padding-right: 30px;*/ } .richQuiz .textQuizItms { /*background: #f2f3f5;*/ /* border-radius: 0px 0px 9px 9px; */ padding-top: 0; /* padding-bottom: 10px; */ padding-left: 30px; padding-right: 30px; } .richQuiz .quizText label, .richQuiz .quizText a { height: 50px; display: flex; align-items: center; justify-content: center; padding: 10px 20px !important; } .richQuiz .quizText label:after { top: 0 !important; bottom: 0 !important; margin: auto !important; right: 20px !important; } .quizText { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .quizTitle h4 { margin-bottom: 0; } .richQuiz .quizText .animatedBtn { background: #529f52; border: none; font-weight: 600; } .rQuiz-2 .canWinRpt { color: #000; display: flex; text-align: left; align-items: center; padding: 15px 20px; font-size: 16px; margin-bottom: 10px; border: 2px solid #f34770; background: #fff; } .rQuiz-2 .canWinRpt > div { width: 100%; } .rQuiz-2 .canWinRpt label span { color: inherit; } .rQuiz-2 .canWinRpt p { min-height: initial; border-top: 1px dashed rgb(243 71 112 / 20%); padding-top: 10px; margin-top: 10px; line-height: normal; } .richQuiz .mad-popup.thankPopup .mad-popup-inner { max-height: initial; height: auto; margin: 0; width: 800px; min-width: auto; max-width: 100%; } .richQuiz .modal-container { position: fixed; top: 0; width: 100%; display: block; overflow-x: hidden; overflow-y: auto; } .richQuiz .modal-container .mad-popup { position: initial; background: transparent; width: 100%; } .richQuiz .modal-container .modal-background { display: flex; align-items: center; min-height: 100%; justify-content: center; padding: 2rem; } .richQuiz .mad-popup .popupContent { height: 100%; } .richQuiz .mad-popup .popupContent .mad-popup { display: initial; } .richQuiz .mad-popup .popupContent .mad-popup { } .richQuiz .mad-popup .mad-popup-inner:after { opacity: 0 !important; } .clickQuiz { font-weight: bold; font-size: 16px; color: #3bb67d; } .qQRpt { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; text-align: left; font-weight: 600; } .qQRpt:last-child { border: none; } .qQRpt-head { display: flex; align-items: center; justify-content: space-between; } .qQRpt-head label { margin: 0; display: inline; line-height: 1; margin-right: 5px; } .qRpt-status { display: inline-flex; align-items: center; line-height: 1; font-weight: 700; } .qRpt-status i { margin: 0 10px; } .qQRpt .fa-times, .qQRpt .fa-times + span { color: #de214c; } .qRpt-status .fa-check, .qRpt-status .fa-check + span { color: #3bb67d; } .qQRpt-qui { font-weight: 500; display: inline-flex; align-items: center; } .qQRpt-Ans { display: flex; align-items: center; justify-content: space-between; padding-left: 16px; } .qQRpt-Ans > div { display: flex; line-height: normal; } .qQRpt-Ans label { margin: 0; line-height: inherit; margin-right: 5px; } @media screen and (min-width:1024px) and (max-width:1199px) { .richQuiz .textQuizItms { padding-left: 20px; padding-right: 20px; } } @media screen and (min-width:768px) and (max-width:1199px) { .qz-oues .row.alignItems { margin: 0; } .qz-oues .row.alignItems .col-md-12 { padding-left: 0; padding-right: 0; } .rQuiz-1 .canWinWrap .col-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rQuiz-2 .fix-12-12 > .grid > [class*='col-'] { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width:767px) { .quiz-head { font-size: 22px; } .flex-Quiz { display: block; margin-bottom: 20px; } .flex-Quiz img { height: 300px; } .rQuiz-banner h2 { font-size: 1.5em; font-weight: 700; margin-top: 59px; } .hide-767 { display: none; } .richQuiz .grid { } .canWinRpt p { min-height: auto; } .readyKnot h2 { font-size: 30px; } .richQuiz .fix-12-12 { width: 95%!important; } .richQuiz .textQuizItms { padding-left: 12px; padding-right: 12px; } .richQuiz .grid .col-md-12 { padding-left: 0; padding-right: 0; } .quizDetails { } .richQuiz .grid { } .qQRpt { display: flex; flex-wrap: wrap; } .qQRpt-head { display: flex; flex-direction: column; align-items: flex-start; } .qQRpt-qui { display: flex; align-items: flex-start; } .qQRpt-head label { margin-top: 4px; } .qQRpt-qui p { line-height: normal; } .qRpt-status { margin: 5px 0px 6px 6px; width: 100%; } .qQRpt-Ans { display: flex; flex-direction: column; align-items: flex-start; } .qQuizResult { margin-top: 10px; } .richQuiz .modal-container .modal-background { padding: 1rem; } .richQuiz .mad-popup.thankPopup .mad-popup-inner { padding: 1rem; } .quizWithLogin .fix-12-12 .fix-12-12 { width: 100%!important; } } .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #005fe2 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } @charset "UTF-8"; /* CSS Document */ html.modal-active, body.modal-active { overflow: hidden; } .modal-container { position: fixed; display: table; height: 100%; width: 100%; top: 0; left: 0; z-index: 99999; } /*.modal-container.popupDDL { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .modal-container.popupDDL .modal-background .modal { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .modal-container.popupDDL.out { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .modal-container.popupDDL.out .modal-background .modal { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }*/ .modal-container .modal-background { display: table-cell; text-align: center; vertical-align: middle; } .modal-container .modal-background .modal { background: white; padding: 20px; margin: 20px; display: inline-block; border-radius: 4px; max-width: 800px; position: relative; box-shadow: 0px 0px 84px #00000094; } .modal-container .modal-background .modal h2 { } .modal-container .modal-background .modal p { } .modal-container .modal-background .modal .modal-svg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 4px; } .modal-container .modal-background .modal .modal-svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778; } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes zoomOut { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes fadeIn { 0% { background: rgba(255, 255, 255, 0); } 100% { background: rgba(255, 255, 255, 0.7); } } @keyframes fadeOut { 0% { background: rgba(255, 255, 255, 0.7); } 100% { background: rgba(255, 255, 255, 0); } } @keyframes scaleUp { 0% { transform: scale(0.8) translateY(1000px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.8) translateY(1000px); opacity: 0; } } @keyframes scaleBack { 0% { transform: scale(1); } 100% { transform: scale(0.85); } } @keyframes scaleForward { 0% { transform: scale(0.85); } 100% { transform: scale(1); } } @keyframes quickScaleDown { 0% { transform: scale(1); } 99.9% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes slideUpLarge { 0% { transform: translateY(0%); } 100% { transform: translateY(-100%); } } @keyframes slideDownLarge { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @keyframes moveUp { 0% { transform: translateY(150px); } 100% { transform: translateY(0); } } @keyframes moveDown { 0% { transform: translateY(0px); } 100% { transform: translateY(150px); } } @keyframes blowUpContent { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowUpContentTwo { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes roadRunnerIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes roadRunnerOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes sketchIn { 0% { stroke-dashoffset: 778; } 100% { stroke-dashoffset: 0; } } @keyframes sketchOut { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 778; } } @keyframes modalFadeIn { 0% { background-color: transparent; } 100% { background-color: white; } } @keyframes modalFadeOut { 0% { background-color: white; } 100% { background-color: transparent; } } @keyframes modalContentFadeIn { 0% { opacity: 0; top: -20px; } 100% { opacity: 1; top: 0; } } @keyframes modalContentFadeOut { 0% { opacity: 1; top: 0px; } 100% { opacity: 0; top: -20px; } } @keyframes bondJamesBond { 0% { transform: translateX(1000px); } 80% { transform: translateX(0px); border-radius: 75px; height: 75px; width: 75px; } 90% { border-radius: 4px; height: 182px; width: 247px; } 100% { border-radius: 4px; height: 162px; width: 227px; } } @keyframes killShot { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(300px) rotate(45deg); opacity: 0; } } @keyframes fadeToRed { 0% { box-shadow: inset 0 0 0 rgba(201, 24, 24, 0.8); } 100% { box-shadow: inset 0 2000px 0 rgba(201, 24, 24, 0.8); } } @keyframes slowFade { 0% { opacity: 1; } 99.9% { opacity: 0; transform: scale(1); } 100% { transform: scale(0); } } .modal-background .wrap { padding-top: 20px!important; height: 100vh; } .modal-background .content { overflow: auto!important; } /*================================== RESPONSIVE LAYOUTS ===============================================*/ @media only screen and (min-width: 1880px) { .swiper-slide { min-height: 500px; } } @media only screen and (min-width: 1480px) { .container, .catTitle { max-width: 90rem; margin: auto; } /*.menu-item.mad-special .menu-item .mad-banners { min-width: 36.5625rem; }*/ .myAccountTab .dvDetailBREAKFAST.trkD .addInfo .tlt_nutri .nutriTable li { display: block; min-width: 40%; } .swiper-slide { min-height: 412px; } .e_bannerslider .swiper-wrapper > li { min-height: 450px; } .slideContent { max-width: 475px; } .homeWrp .fix-12-12 { max-width: 90rem!important; } } @media only screen and (max-width: 1440px) { .promo-close { top: 0.25rem; right: 0.25rem; } .header-2 .mad-cat-toggle { min-width: 100%; } .mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--tour-sections) .mad-tabs-nav:not(.style-2), .mad-filter { overflow-x: auto; white-space: nowrap; width: -webkit-fill-available; width: -moz-available; overflow-y: hidden; justify-content: flex-start!important; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:last-child { width: 50%; max-width: 50%; flex: 50%; order: 1; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:first-child, .mad-header.header-4 .mad-header-section--sticky-xl .row > *:nth-child(2) { width: 25%; max-width: 25%; flex: 25%; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:nth-child(2) { order: 1; } .mad-header.header-4 .mad-header-section--sticky-xl .mad-navigation-container { justify-content: center; } .mad-products.hr-type .mad-product-description { flex: inherit; } .mad-products.hr-type .mad-product-description .mad-product-title, .mad-products .mad-product-description .mad-product-title { max-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .mad-products .mad-product-description .mad-product-title, .mad-products .mad-product.big-type .mad-product-title { max-height: 4rem; } .container.extra-width { padding-left: 1rem; padding-right: 1rem; } .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item { width: 33.3333%; } .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item:last-child { display: none; } .header-2 .mad-icon-boxes.our-info .mad-icon-box { padding-left: 2.5rem; } .row.hr-size-2:not(.col-no-space) { margin-left: -1rem; margin-right: -1rem; } .row.hr-size-2:not(.col-no-space) > [class*="col"] { padding-left: 1rem; padding-right: 1rem; } .mad-page-title br { display: none; } .mad-xxl > [class*="col-"] { flex: 100%; max-width: 100%; } #rev-slider-3 .tp-bgimg { background-position: center top!important; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider .tp-bullets { margin-left: -17rem!important; } .mad-sponsors.owl-carousel.owl-carousel.mad-grid--cols-3 .owl-stage .mad-owl-item > a:last-child { display: none; } .mad-sponsors.owl-carousel.owl-carousel.mad-grid--cols-3 .mad-owl-item a:not(:last-child) { margin-bottom: 0; } } @media (max-width: 1400px) and (min-width: 992px) { .mad-banners.masonry .mad-banner.banner-full-width .mad-banner-inner { max-width: 33%; } .mad-banners.masonry .mad-banner.banner-full-width { background-position: left -140px top; } .mad-header.header-4 .row:not(.col-no-space) > .col-xl-7 { width: 100%; max-width: 100%; flex: 100%; } .mad-header.header-4 .row:not(.col-no-space) > .col-lg-6 { max-width: 50%; flex: 50%; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:nth-child(2) { order: 3; } .btn-huge { padding-left: 2rem; padding-right: 2rem; } .mad-section--stretched-content { padding-left: 1rem; padding-right: 1rem; } .single-entity .mad-entity .mad-testimonials { max-width: 31rem; } .mad-rating.size-big .mad-rating-bottom-level > * { font-size: 2.3rem; } } @media (max-width: 1400px) and (min-width: 1200px) { .mad-header-section { padding: 0.7rem 0; } .mad-pre-header { font-size: 13px; line-height: 1.3rem; padding: 0.2rem 0; } .mad-header.header-3 .mad-header-section--sticky-xl { padding: 0.7rem 0; } .proDescLines .mad-info-item { justify-content: unset; } .productList a.mad-tab-link.dashicon { padding-left: 5px !important; padding-right: 5px !important; } .ucGiftCards .topHead { width: 45%; } .ucGiftCards .mad-product-image img { width: 70%; } } @media only screen and (min-width: 1200px) { .mad-paycards a { width: 50px; } .mad-navigation .mega-menu { position: static; } .mad-navigation .mega-menu > .sub-menu, .mad-navigation .mad-special.mega-menu .sub-menu.with-aside { text-align: center; left: 0; right: 0; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex: 1; column-gap: 2rem; padding-bottom: 0.5rem; } .mad-navigation .mega-menu > .sub-menu > li { text-align: initial; padding: 0; } .mad-navigation .mega-menu > .sub-menu > li:not(:last-child) { margin-bottom: 0; } .mad-navigation .mega-menu > .sub-menu > li > a { font-size: 1rem; font-weight: 500; background: none!important; } .mad-navigation .mega-menu > .sub-menu > li::after { display: none; } .mad-navigation .mega-menu > .sub-menu > li .sub-menu { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: auto; margin-top: 0; border-radius: 0; -webkit-transform: none; transform: none; padding-top: 0; padding-bottom: 0; margin: 0; border: none; } .mad-navigation .mega-menu > .sub-menu > li .sub-menu > li { padding-left: 0; padding-right: 0; } .mad-navigation .mega-menu:hover > .sub-menu > li .sub-menu { opacity: 1; visibility: visible; } .mad-navigation .mega-menu > .sub-menu > li .sub-menu { background: none; box-shadow: none; padding: 0; } .mad-navigation .mega-menu > .sub-menu > li .sub-menu:not(:last-child) { margin-bottom: 2rem; } .mad-navigation .sub-menu > li > a.sub-title { display: block; border-bottom: none; font-size: 1rem; font-weight: bold; color: #2e3133!important; border: none; margin-bottom: 1rem; } .mad-navigation .sub-menu > li > a.sub-title.no-title { opacity: 0; } .sub-menu-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .mad-navigation .mega-menu > .sub-menu > li.sub-wrap .sub-menu { display: flex; flex-wrap: wrap; align-content: baseline; justify-content: space-between; column-gap: 2.5rem; } .mad-navigation .home-menu.mega-menu > .sub-menu > li { text-align: center; } .home-menu .sub-menu > li .home-menu-img { margin-bottom: 1rem; } .mad-navigation .home-menu.mega-menu > .sub-menu { justify-content: flex-start; column-gap: 2rem; padding-top: 3.75rem; } .mad-home-title { position: absolute; top: 1.5rem; left: 2rem; } .home-menu > .sub-menu .mad-home-menu-title { font-weight: bold; font-size: 1rem; color: #2e3133; } .header-2 .mad-navigation .mega-menu > .sub-menu, .header-4 .mad-navigation .mega-menu > .sub-menu { margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem; width: calc(100% - 2rem); -webkit-box-shadow: 0px 16px 16px 0px rgb(46 49 51 / 15%); -moz-box-shadow: 0px 16px 16px 0px rgba(46, 49, 51, 0.15); box-shadow: 0px 16px 16px 0px rgb(46 49 51 / 15%); } .header-2 .mad-navigation .mega-menu > .sub-menu { margin-top: 0; } .header-3 .mad-navigation > li.mad-special:hover > a { background: #fff; } .menu-item .sub-menu.with-aside { display: flex; width: 820px; margin-left: -16.25rem; overflow: hidden; } .menu-item.mad-special.mega-menu > .sub-menu { overflow: hidden; } .menu-item.mad-special .sub-menu.with-aside { margin-left: 0; margin-right: 0; } .menu-item.mad-special .menu-item.sub-menu-aside { margin-top: -1.5rem; margin-right: -2rem; margin-bottom: -1.5rem; width: auto; } .menu-item.mad-special .menu-item .mad-banners .mad-banner { padding-top: 2rem; } .sub-menu.with-aside > ul { min-width: 13.5rem; } .header-2 .mad-navigation > li > a, .header-3 .mad-navigation > li > a, .header-4 .mad-navigation > li > a { background: none; color: #2e3133; padding: 0; } .header-2 .mad-navigation > li:hover > a, .header-2 .mad-navigation > li.current-menu-item > a { color: #50bfb4; } .mad-header.header-3 .mad-navigation > li > a { color: #000; line-height: 2.5rem; } .mad-header.header-3 .mad-navigation > li:not(.mad-special):hover > a, .mad-header.header-3 .mad-navigation > li.current-menu-item > a { color: #50bfb4; } .col-offset-item { padding-left: 4.5rem!important; } .sub-title .no-title { display: none; } .mad-promo-row .mad-col img:last-child { display: none; } .container.extra-width .mad-sidebar .mad-banners .mad-banner.banner-small { max-width: 100%; } .mad-header.header-2 .mad-cat-menu > li.hidden { display: block; } .mad-header.header-2 .mad-cat-menu > li:last-child { display: none; } .mad-header.header-2 .mad-cat-menu { padding-bottom: 0.5rem; } .header-2 .mad-actions .mad-col:first-child { display: none; } .CustomRequest .mad-popup .mad-popup-inner { overflow-y: auto; } .CustomRequest .mad-popup:not(.qv-popup) .mad-popup-inner:after { display: none; } } @media only screen and (max-width: 991px) { .CustomRequest .mad-popup .mad-popup-inner { overflow-y: auto; } .CustomRequest .mad-popup:not(.qv-popup) .mad-popup-inner:after { display: none; } .mad-sidebar.CartTtl { margin-top: 30px; } } @media only screen and (max-width: 1199px) { /* Mobile Menu /* -------------------------------------------------- */ .mad-header-items { flex-direction: row; padding-bottom: 0; } .mad-header .mad-navigation-container { text-align: center; } .mad-header:not([class*="header-"]) .mad-navigation-container { order: 3; } .mad-header .mad-mobile-nav-btn { display: inline-block; z-index: 3; position: relative; } .mad-header.header-2 .mad-mobile-nav-btn { margin-top: 0; } .mad-navigation { margin: 0; } .mad-navigation--vertical-sm > li, .mad-navigation:not(.side-menu) { display: block; margin: 0; padding: 0; margin-top: -1px; } .mad-navigation--vertical-sm { background: #f5f6f7; position: absolute; top: 100%; left: 0; right: 0; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; overflow: hidden; } .mad-header.header-3 .mad-navigation:not(.side-menu) { margin-top: 1rem!important; } .header-2 .mad-navigation--vertical-sm, .header-4 .mad-navigation--vertical-sm { left: 1rem; right: 1rem; } .header-4 .mad-navigation--vertical-sm { margin-top: 0.8125rem; } .mad-header.header-4 .mad-navigation > li > a { line-height: inherit; } .sub-menu.with-aside > ul { padding: 0; } .mad-navigation--vertical-sm > li > a, .header-3 .mad-navigation > li.mad-special > a, .header-3 .mad-navigation > li.mad-special:hover > a { color: #fff; display: block; padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; background: #26658c; border-radius: 0; transition: all .5s ease; line-height: 1em; /*font-size: 20px;*/ } .mad-navigation > li:not(:last-child) { border-right: 0; } .mad-header .mad-navigation > li > a { } .mad-navigation:not(.side-menu) > li:hover > a, .mad-navigation:not(.side-menu) > li.current-menu-item > a, .mad-navigation:not(.side-menu) > li.mad-tapped > a { background: #07c7f2; color: #fff; } .mad-navigation:not(.side-menu) > li.menu-item-has-children > a:after { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); } .mad-navigation .sub-menu .sub-menu { border-top: none; } .mad-navigation:not(.side-menu) > li.menu-item-has-children.toggled > a:after { content: 'keyboard_arrow_up'; } .mad-navigation:not(.side-menu) > li .sub-menu li.mad-tapped > a, .mad-navigation:not(.side-menu) > li .sub-menu li.current-menu-item > a { border-bottom-color: inherit; font-weight: normal; } .mad-navigation:not(.side-menu) > li .sub-menu li.menu-item-has-children.toggled > a:after { content: 'keyboard_arrow_up'; } .mad-navigation .menu-item-has-children:hover, .mad-navigation .menu-item-has-children.mad-seleceted, .mad-navigation .menu-item-has-children.mad-tapped { z-index: initial; } .mad-navigation > li > a:before { display: none; } .mad-navigation--vertical-sm .sub-menu { display: flex; position: static; width: 100%; border-radius: 0!important; opacity: 1; visibility: visible; transform: none!important; margin: 0!important; padding: 1rem; background: #edf1f2; } .mad-navigation > li > .sub-menu { border: none; } .mad-navigation .sub-menu > li:not(:last-child) { margin-bottom: 1rem; } .mad-navigation .sub-menu .menu-item-has-children a { position: relative; display: block; } .mad-navigation .sub-menu .menu-item-has-children > a:after, .mad-navigation .sub-menu .menu-item-has-children > a:not(.sub-title)::after { /*font-family: 'Material Icons'; position: absolute; top: 0; right: 0; font-size: 1.125rem; max-width: 0.875rem; content: 'keyboard_arrow_down';*/ } .mad-navigation .sub-menu .menu-item-has-children > a { padding-right: 0; padding-left: 0; } .mad-navigation .sub-menu .menu-item-has-children a.sub-title + .sub-menu + a.sub-title { margin-top: 1rem; } .mad-navigation--vertical-sm .sub-menu .sub-menu { padding: 0; padding-top: 0.5rem; background: none; box-shadow: none!important; flex-direction: column; } .mad-navigation > li > a::before { top: auto; bottom: 0; } .mad-navigation .sub-menu > li { padding-right: 10px!important; padding-left: 10px!important; width: 100%; } .mad-navigation .sub-menu > li .inner-sub-menu li { padding-left: 0 !important; padding-right: 0 !important; } .rpt-li .sub-title span { } .rpt-li { margin-bottom: 3px !important; } .mad-navigation--vertical-sm .navSub.sub-menu { background: #26658c; padding: 0rem; padding-left: 4rem; } .mad-navigation--vertical-sm .navSub.sub-menu a:not(.btn) { color: #fff; } .mad-navigation--vertical-sm .navSub.sub-menu li { margin-bottom: 5px; } .mad-navigation--vertical-sm .navSub.sub-menu li:last-child { margin-bottom: 0; } /* \-----------------------------------------------\ */ .mad-navigation-container .mad-navigation.mad-navigation--vertical-sm { display: none; } .menu-item-has-children .sub-menu { /*display: none;*/ } .header-3 .mad-navigation > li:nth-child(2) { margin-left: 0; } /* cart */ } @media only screen and (min-width: 992px) and (max-width: 1200px) { /*custom*/ .mad-header.header-3 .mad-navigation > li > a { /*color: #fff; line-height: 2.5rem;*/ } .header-2 .mad-navigation > li > a, .header-3 .mad-navigation > li > a, .header-4 .mad-navigation > li > a, .mad-navigation > li > a { /*background: none; padding: 0;*/ } .mad-navigation .mega-menu { /*position: static;*/ } .header-2 .mad-navigation > li:not(:last-child), .header-3 .mad-navigation > li:not(:last-child), .header-4 .mad-navigation > li:not(:last-child) { /*border: none;*/ } .header-3 .mad-navigation { /*column-gap: 0;*/ } .headerFix .mad-header-section--sticky-xl .mad-navigation > li > a { /*font-size: 0.8rem;*/ } } @media only screen and (min-width: 1200px) { body:not(.headerFix) .mad-header.header-3 .mad-header-section--sticky-xl .mad-header-items { display: block!important; } body:not(.headerFix) .mad-header.header-3 .mad-header-section--sticky-xl .mad-header-items .mad-navigation-container { justify-content: space-around; } } @media only screen and (min-width: 993px) and (max-width: 1200px) { .mad-fixed-bar .proDesc1 { font-size: 26px !important; } .mad-fixed-bar .proDesc1.offAvlbl { font-size: 21px!important; } .mad-fixed-bar .addBasket { padding: 17px 10px!important; } .mad-fixed-bar-inner .mad-col { column-gap: 1rem!important; } } @media only screen and (max-width: 1200px) { .mad-popup.qv-popup .mad-popup-holder .mad-product-single .lastcol { padding-top: 10px; } .mad-product-single .mad-product-info p { font-size: 17px; line-height: 1.6rem; } .image-preview img { width: auto; height: 100%; } .e_texttype .paraFormat.ucText .textWrap div { padding: 10px; } .mad-testimonials .swiper-button-next { right: 20px; } .mad-testimonials .swiper-button-prev { right: 65px; } .e_bannerslider .swiper-wrapper > li { min-height: 275px; } .nutriTable li .nutriDtl label, .daytotal label { display: block; } .tlt_nutri .float-right { display: flex; float: none !important; } .accountAddr ul.addInfo { width: 100% !important; } .tlt_nutri .nutriTable li { /*width: 148px;*/ margin-bottom: 5px; } .addInfo .tlt_nutri { position: relative !important; right: 0 !important; top: 0px !important; } .dayTotalSec { position: relative; top: 4%; right: 0px; } /*----------- Facebook--------------*/ .fb-page { max-width: 100% !important; } .mad-navigation .mega-menu > .sub-menu > li.sub-wrap .sub-menu ul:not(:last-child) { margin-bottom: 1rem; } .home-menu .sub-menu > li .home-menu-img, .home-menu > .sub-menu .mad-home-menu-title, .sub-menu-aside, .mad-home-title { display: none; } .mad-special .sub-menu { padding-bottom: 1rem; } .mad-header-section--sticky-xl .mad-header-items > *:last-child { flex: inherit; } .mad-header-section--sticky-xl .mad-header-items { justify-content: space-between; } .mad-panels img[class*="align"] { margin: 0; margin-bottom: 1.5rem; width: 100%; } .mad-sub-wrap { flex-direction: column; align-items: flex-start; white-space: inherit; } .mad-sub-wrap .mad-page-title:not(:last-child) { margin-bottom: 1rem; } .mad-cat-menu li .sub-menu { width: 100%; height: 100%; flex-wrap: nowrap; flex-direction: column; background: none; background-color: #fff; overflow: auto; background-image: none!important; } .btns-set > ul { min-width: 200px; flex: 1; } /* .mad-banner.banner-full-width .mad-banner-inner, .mad-banners.two-coll > .mad-banner.banner-full-width .mad-banner-inner { max-width: 100%; width: 100%; justify-content: space-between; } */ .mad-banner.banner-full-width:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.6; z-index: -1; } .mad-banners.masonry > .mad-col, .mad-banners.masonry > .mad-col:last-child, .mad-banners.three-coll > .mad-banner, .mad-entities.type-2 .mad-entity > *, .mad-products.hr-type.with-border.item-col-3 > * { width: 100%; } .mad-instafeed.style-2 .item-col-6 > *, .mad-products.item-col-6 > * { width: 33.3333%; } .mad-entities.type-2 .mad-entity { flex-direction: column; } .mad-entities.type-2 .mad-entity:nth-child(2n) .mad-entity-content, .mad-entities.type-2 .mad-entity .mad-entity-content { padding-left: 0; padding-right: 0; } .mad-counters.hr-type.item-col-4 > *, .mad-icon-boxes.hr-type.item-col-4 > *, .mad-entities.item-col-4 > *, .mad-pricing-tables.item-col-4 > *, .mad-pricing-tables.item-col-3 > *, .mad-team.item-col-4 > *, .mad-products.item-col-4 > *, .mad-products.item-col-5 > *, .mad-product-categories.item-col-4 > *, #main.col-xl-9 .mad-products.item-col-3 > * { width: 50%; } .mad-icon-box p br, .mad-entity p br { /*display: none;*/ } .mad-sponsors:not(.owl-carousel) > .mad-grid-item { width: 25%; } .mad-products.style-2:not(.type-2):not(.owl-carousel):not(.hr-type) .mad-grid-item .mad-product { padding-top: 2rem; } .mad-products.hr-type:not(.owl-carousel):not(.item-col-2) .mad-grid-item:not(:last-child) .mad-product { padding-bottom: 2rem; margin-bottom: 2rem; } .mad-products.hr-type:not(.owl-carousel) .mad-grid-item:last-child .mad-product:last-child:after { display: none; } .mad-products.hr-type:not(.owl-carousel).item-col-3 .mad-grid-item .mad-product:last-child:after { content: ''; position: absolute; left: 1.875rem; right: 1.875rem; height: 1px; bottom: 0; background: #dce3e6; } .mad-header.header-2 .mad-navigation-container { justify-content: center; } .mad-header.header-2 .mad-header-section .row > *:first-child { order: 1; } .mad-header.header-2 .mad-header-section .row > *:nth-child(2) { order: 2; display: none; } .mad-header.header-2 .mad-header-section .row > *:nth-child(3) { order: 3; } .mad-page-title br, .mad-entity-title br, p br { /*display: none;*/ } .mad-spec-list > li .mad-col { width: 100%; position: relative; } .mad-spec-list > li .mad-col:not(:last-child) { padding-bottom: 1rem; margin-bottom: 1rem; } .mad-spec-list > li .mad-col:not(:last-child):after { content: ''; position: absolute; top: 100%; left: -2rem; right: -2rem; height: 1px; background: #dce3e6; } .mad-flex-responsive { display: flex; flex-wrap: wrap; column-gap: 2rem; } /* .mad-sidebar > * { width: calc(50% - 2rem); } */ .mad-flex-responsive > * { flex: 1; } .mad-page-404 .mad-section:first-child { text-align: center; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-child(-n+4) .mad-product, .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-child(-n+5) .mad-product, .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-child(-n+6) .mad-product { padding-top: 1.875rem; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+4) .mad-product, .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+5) .mad-product, .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+6) .mad-product { padding-bottom: 1.875rem; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+4) .mad-product:after, .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+5) .mad-product:after, .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+6) .mad-product:after { display: block; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-child(-n+2) .mad-product { padding-top: 0; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+2) .mad-product { padding-bottom: 0; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+2) .mad-product:after { display: none; } .mad-fixed-bar-inner { justify-content: space-between; } .shop-cart-form table tr th:nth-child(3) { width: 22%; } .shop-cart-form table tr th:last-child { width: 15%; } .shop-cart-form.wishlist table tr th:last-child { width: 25%; } .shop-cart-form.wishlist table tr th:first-child { width: 40%; } .mad-sidebar .mad-instafeed.size-2 .item-col-3 > * { width: auto; flex: 1; min-width: 6rem; } .mad-sides { justify-content: flex-start; } .mad-cat-menu li .sub-menu > *:not(:last-child) { margin-bottom: 1rem; } .mad-our-info br { display: none; } .mad-promo-row .mad-col img:first-child { display: none; } .mad-promo-row .mad-col:nth-child(3) { display: none; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider .tp-bullets { margin-left: 3rem!important; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider.dots-center .tp-bullets { justify-content: flex-start!important; } .mad-cat-menu > li.hidden { display: none; } .header-2 .mad-icon-boxes.our-info .mad-icon-box { padding-left: 0; justify-content: flex-end; } .mad-tabs .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item:nth-last-child(-n+2) { display: none; } .mad-media-inner { padding-left: 0; } .mad-header:not([class*="header-"]).mad-pre-header .mad-header-items { flex-direction: column; } #rev-slider-3.rev-slider .tp-bgimg { background-position: right -200px center!important; } .mad-pricing-table { margin-top: 0; } .mad-pricing-table.mad-pt-selected .pt-label { bottom: auto; top: 0; } .mad-pricing-table.mad-pt-selected { border-radius: 4px; } .mad-products.style-2.item-col-4 .mad-grid-item:nth-child(-n+2) .mad-product, .mad-products.style-2.item-col-5 .mad-grid-item:nth-child(-n+2) .mad-product, .mad-products.style-2.item-col-6 .mad-grid-item:nth-child(-n+3) .mad-product { padding-bottom: 2rem; } .mad-products.style-2.item-col-4 .mad-grid-item:nth-child(-n+2) .mad-product:after, .mad-products.style-2.item-col-5 .mad-grid-item:nth-child(-n+2) .mad-product:after, .mad-products.style-2.item-col-6 .mad-grid-item:nth-child(-n+3) .mad-product:after { content: ''; position: absolute; bottom: 0; left: 1.875rem; right: 1.875rem; height: 1px; background: #dce3e6; } .mad-products.style-2.item-col-5 .mad-grid-item:last-child { display: none; } .single-entity .mad-entity .mad-testimonials { float: none; margin: 0; max-width: 100%; margin-bottom: 1.5rem; } #main.col-xl-9 .mad-sorting-section { flex-direction: column; } .mad-big-banner { background-position-x: -90px; } .mad-icon-boxes.size-2 .mad-icon-box .mad-icon-box-title br { display: none; } .mad-bought-together-actions .mad-toggled-fields .mad-product-price { padding: 0; } .bg-mobile .mad-colorizer-bg-image { background-position: right -260px center; } .mad-banner.banner-full-width .mad-banner-inner { flex-direction: column; justify-content: flex-start; align-items: flex-start; max-width: 100%; } .mad-banner.banner-size-2 { background-position-x: -70px; } .mad-products.one-line .mad-product { flex-direction: column; } .mad-products.one-line .mad-product .mad-product-image { max-width: 100%; } .mad-fixed-bar-inner.mad-product .mad-product-title { max-width: 12rem; max-height: 4.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #main #rev-slider-1.rev-slider .tp-bullets { padding-left: 2.5rem!important; } #rev-slider-1.rev-slider .tp-bullets { padding-left: 3.75rem!important; } .no-label { align-items: flex-start; } .rev-slider .btn-huge { padding: 1rem 1.5rem 1rem!important; font-size: 1.125rem!important; line-height: 1rem!important; } .tp-layer-section-title span { font-size: 1.25rem!important; line-height: 1.25rem!important; } .tp-layer-section-title span:last-child { font-size: 1rem!important; line-height: 1rem!important; } .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item { width: 50%; } .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item .mad-product:last-child { padding-bottom: 0; margin-bottom: 0; } .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item .mad-product:last-child:after { display: none; } .quesTable tr th:first-child, .quesTable tr td:first-child { border-radius: 4px 0px 0px 4px; width: calc(100% - 400px); } .customer-diet .quesTable td:not(:first-child), .customer-diet .quesTable th:not(:first-child) { width: 80px; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .dashHdr [class*='col-'] { max-width: 50%; width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .mad-header.header-3 .mad-navigation > li > a { /*color: #fff; line-height: 2.5rem; padding: 0 0.8rem;*/ } .grid.fixedSpaces [class*="col-3-12"] { max-width: 50%!important; width: 50%!important; } .contestCorner { width: 102px; height: 100px; padding: 41px 29px 10px 7px; right: -35px; top: -45px; } .dateGrid img { width: 30px; } .dateGrid > div > a { font-size: 16px; } .dateGrid span { font-size: 16px; } .prizeVoucher { width: 200px; } .prizeVoucher h6 { font-size: 20px; } .nLayout .col-4-12 .e_aiblock .mad-banner { height: 377px; } .nLayout .col-4-12 .ucVideo iframe { min-height: 377px!important; } .dealOfMnth .deal-top { padding-left: 0px; padding-right: 0px; } .productList .product-slider { width: calc(100% - 40px); margin-left: 20px; } .purchase-section .productList .grid.fixedSpaces [class*='col-'] { max-width: 100%; } .catDetailSubCat .grid.fixedSpaces [class*='col-'] { max-width: 33.33% !important; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .proDesc .proDescLines .proDecTop .mad-info-item .mad-progress-bars { position: initial!important; float: none!important; } .myAccountTab .mad-tabs-nav a { padding: 0px 10px!important; font-size: 13px!important; } .accInfo .accInfoTxt .col-4-12 { max-width: 50%; } .subscol.col-6-12 { max-width: 80%; } .contestList .contestWrp .contestTtl .col-8 { max-width: 100%; } .contestList .contestWrp .contestTtl .col-8 { max-width: 100%; padding: 0px; } .contestList .contestWrp .contestTtl .col-12 { max-width: 100%; padding: 0px; } .contestList .row > [class*="col-"] { padding-right: 10px; } .contestList .contestWrp { padding-top: 45px; } #dvAddCart .cartCount { margin-bottom: 10px; width: 170px; } #dvAddCartBar .cartCount { margin-bottom: 10px; } #dvAddCart { margin-top: 10px; } .richCoinsHistory .grid.fixedSpaces [class*="col-3-12"] { max-width: 25% !important; } .DietPlan_sec .accountAddr .addInfo li:first-child, .accountAddr ul.addInfo li { margin-bottom: 10px; display: flex; align-items: center; } } @media (max-width: 1024px) { .tracfreq { margin-top: 0px; } .dietTotalsub.dayTotalSec { position: relative; top: 0; } } @media (min-width: 992px) { .mad-pre-header .mad-our-info .mad-info { white-space: nowrap; } .mad-category-common { width: 32%; } .mad-banners.masonry > .mad-col > .mad-banner[data-bg-image-src="images/584x840_banner1.jpg"] { padding-top: 11.25rem; } } @media only screen and (max-width: 992px) { .blogDtlPage .row:not(.col-no-space) > [class*="col"] { padding-bottom: 3rem; max-width: 100% !important; width: 100%; flex: auto; } .blogDtlPage .tlt_nutri .nutriTable li { width: 115px; margin-bottom: 5px; } .blogDtlPage .mad-share-wrap { margin-top: 5px; } .e_bannerslider .swiper-wrapper > li { min-height: 237px; } .shop-cart-form.shopping-cart-full .cartCount { width: auto; } .mad-popup-inner { overflow-y: auto; } .mad-header-non-sticky { position: inherit; margin-right: 230px; } .copyright_center { display: block; } .copyright_center p { padding: 0px 0px; } .mad-testimonial { padding: 5.7rem 2rem; } /* tables change*/ table:not(.mad-table--vertical) { table-layout: fixed; } .mad-table--responsive-md { border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .mad-table--responsive-md thead, .mad-table--responsive-md tfoot tr td:first-child { /*display: none;*/ } .calendar_wrap .mad-table--responsive-md tbody tr:first-child td:first-child { border-top-width: 2px; border-top-style: solid; border-top-color: #cfe3e9; } .big-calendar.calendar_wrap table tr td:not(:last-child), table.mad-table--responsive-md tbody tr td:not(:last-child) { border-bottom: 1px solid #cfe3e9; } .mad-table--responsive-md th, .mad-table--responsive-md td { display: block; } .mad-table--responsive-md th:empty, .mad-table--responsive-md td:empty { display: none; } .mad-table--responsive-md th[data-cell-title], .mad-table--responsive-md td[data-cell-title] { position: relative; overflow: hidden; padding-left: 55%; padding-right: 1rem; } .mad-table--responsive-md th[data-cell-title]::before, .mad-table--responsive-md td[data-cell-title]::before { content: attr(data-cell-title); position: absolute; width: 50%; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: 1rem; display: block; overflow: hidden; font-weight: 600; color: #040a1c; text-overflow: ellipsis; white-space: nowrap; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mad-table--responsive-md th[data-cell-title]::after, .mad-table--responsive-md td[data-cell-title]::after { content: ""; display: block; position: absolute; left: 50%; top: 0; height: 100%; border-width: 0 1px 0 0; border-style: inherit; border-color: inherit; } .mad-table--responsive-md > tr:last-child, .mad-table--responsive-md > thead:last-child > tr:last-child, .mad-table--responsive-md > tbody:last-child > tr:last-child, .mad-table--responsive-md > tfoot:last-child > tr:last-child { border-bottom-width: 0; } .calendar_wrap table tr td:not(:last-child) { border: none; } .shop-cart-form .mad-product .mad-close-item { margin-right: 1rem; } /* -------------------------------- */ .mad-pre-header .mad-our-info { justify-content: center; } .mad-pre-header .mad-header-items { flex-direction: column; } .mad-header.header-2 .mad-pre-header .mad-header-items { flex-direction: row; } .mad-header:not(.header-3) .mad-header-section--sticky-xl .mad-header-items > *:last-child { order: 1; width: 100%; } .mad-header:not(.header-2):not(.header-3) .mad-shipping { text-align: center; padding: 1rem 0; } .mad-banners.two-coll > .mad-banner, .mad-entities.item-col-3 > *, .mad-entities.item-col-4 > * { width: 100%; } .mad-banner.banner-full-width .mad-banner-inner { flex-direction: column; } .mad-banner.banner-full-width .mad-banner-inner { align-items: flex-start; } .mad-counters.item-col-4 > *, .mad-countdown:not(.size-2) .countdown-section, .mad-icon-boxes.item-col-4 > *, .mad-team.item-col-3 > *, .mad-products.item-col-5 > *, .mad-products.item-col-6 > *, .mad-products.item-col-3 > * { width: 50%; } .mad-sponsors:not(.owl-carousel) > .mad-grid-item, .mad-instafeed .item-col-6 > * { width: 33.3333%; } .mad-icon-boxes.item-col-3 > *, .mad-pricing-tables.item-col-4 > *, .mad-pricing-tables.item-col-3 > *, .mad-products.hr-type.item-col-4 > *, .mad-entities.with-shift.item-col-2 > *, .mad-grid--isotope.item-col-2 > *, .mad-products.hr-type.item-col-2 .mad-grid-item { width: 100%; } .mad-sub-wrap, .mad-team.big-type .mad-team-member .mad-team-member-info { padding-left: 0; padding-right: 0; } .mad-team.big-type .mad-team-member > .mad-team-member-info { max-width: 100%; } .mad-team.big-type .mad-team-member, .mad-team.big-type .mad-col:nth-child(2n) .mad-team-member { flex-direction: column; } .mad-review.two-cols .align-right { text-align: left; } .mad-cat-menu li .sub-menu { position: initial; box-shadow: none; max-height: 18.75rem; overflow: auto; display: none; padding: 1rem; padding-left: 0.5rem; opacity: 1; visibility: visible; height: auto; transition: none; } .mad-cat-menu > li > a { padding-right: 1rem; } .mad-header.header-2 .mad-header-section--sticky-xl .row > *:nth-child(2) { order: 3; } .mad-header.header-2 .mad-navigation-container { justify-content: flex-end; } .mad-header.header-3 .mad-header-section .row > *:nth-child(2) { order: 2; } .mad-header.header-3 .mad-pre-header .mad-header-item { width: 100%; } .mad-header.header-3 .mad-pre-header .mad-header-item:nth-child(3) { justify-content: center; } .container.extra-width, .mad-section--stretched-content { padding-left: 1.5rem; padding-right: 1.5rem; } .arcticmodal-close { right: 1rem; top: 1rem; } .mad-modal--search, .mad-sorting-section { flex-direction: column; } .mad-modal--search .mad-title, .mad-modal--search .mad-title:not(:last-child) { margin-right: 0; margin-bottom: 1rem; } .mad-modal--search form { width: calc(100% - 2rem); } .mad-sub-wrap:after { opacity: 0.3; } .with-shift:before { display: none; } .mad-section.no-pt.shift-section { padding-top: 5rem; } .mad-sorting-section > .mad-col { width: 100%; } .mad-big-banner { padding-left: 2rem; padding-right: 2rem; } .shop-cart-form .mad-product .mad-close-item { margin: 0; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:last-child { width: 60%; max-width: 60%; flex: 60%; order: 1; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:first-child, .mad-header.header-4 .mad-header-section--sticky-xl .row > *:nth-child(2) { width: 20%; max-width: 20%; flex: 20%; } .mad-section.with-backplate .mad-colorizer-bg-image:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #fff; opacity: 0.8; z-index: -1; } .hide-mobile { display: none; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider .tp-bullets { margin-left: -8.5rem!important; } .mad-header:not(.header-2):not(.header-3):not(.header-4) .mad-header-section .row > *:nth-child(2) { order: 3; } .mad-cta-inner { flex-direction: column; text-align: center; } .mad-products.hr-type.item-col-2:not(.owl-carousel) .mad-grid-item:not(:last-child) .mad-product { padding-bottom: 2rem; margin-bottom: 2rem; } .mad-products.hr-type.item-col-2:not(.owl-carousel) .mad-grid-item:not(:last-child) .mad-product:after { content: ''; position: absolute; left: 30px; right: 30px; height: 1px; bottom: 0; background: #dce3e6; } .bg-mobile .mad-colorizer-bg-image { background-position: center; } .mad-widget-bg .mad-icon-boxes.item-col-1 > *:not(:last-child) { width: 50%; } .container { max-width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; } .mad-cat-toggle span { display: none; } .mad-cat-toggle { min-width: inherit; } .mad-banner { width: 100%; } .mad-banners.two-coll .mad-banner { background-position: left; } .mad-promo-row .mad-col:nth-child(2) { display: none; } #rev-slider-1.rev-slider .tp-bullets { padding-left: 3rem!important; } .mad-fixed-bar-inner .mad-col:last-child { flex-direction: column; row-gap: 0.625rem; align-items: flex-end; } .mad-fixed-bar-inner .mad-col:last-child .btn { width: 3rem; height: 3rem; line-height: 3rem; padding: 0; text-align: center; border-radius: 50%; } .mad-fixed-bar-inner .mad-col:last-child .btn span { display: none; } .mad-fixed-bar-inner .mad-col:last-child [class*="btn"] > i:not(:only-child):first-child { margin: 0; } .mad-review { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; column-gap: 1rem; row-gap: 0.5rem; padding-bottom: 2rem; } .mad-review-title:not(:last-child), .mad-review .mad-rating:not(:last-child) { margin-bottom: 0; } .mad-review.two-cols .mad-col { display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 0.5rem; align-items: center; } .mad-review.two-cols .mad-col:last-child { align-items: flex-end; } .mad-review.two-cols .mad-review-head:not(:last-child), .mad-review .content-element-2:not(:last-child), .mad-review .content-element:not(:last-child) { margin-bottom: 0; } .mad-products.hr-type.owl-carousel.mad-grid--cols-3 .mad-product:not(.big-type) { flex-direction: column; } .mad-banner.banner-full-width { justify-content: flex-start; background-image: url(../images/736x328_bg1.jpg)!important; } .mad-banner[data-bg-image-src="images/584x840_banner1.jpg"] { background-image: url(../images/736x530_bg1.jpg)!important; } #rev-slider-1.rev-slider .tp-bullets, #main #rev-slider-1.rev-slider .tp-bullets { padding-left: 3rem!important; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider .tp-bullets { margin-left: 1.75rem!important; } #sidebar.toggle-sidebar { max-width: 100%!important; } .mad-products.style-2.item-col-4 .mad-grid-item:nth-child(-n+2) .mad-product.big-type:last-child { margin-bottom: 2rem; padding-bottom: 2rem; } .mad-products.style-2.item-col-4.hr-type .mad-product.big-type:after { content: ''; position: absolute; bottom: 0; left: 1.875rem; right: 1.875rem; height: 1px; background: #dce3e6; display: block!important; } .mad-products.hr-type.with-border.style-2.owl-carousel.mad-grid--cols-3 .mad-grid-item .mad-product:nth-child(3) { display: none; } .mad-products.hr-type.with-border.style-2.owl-carousel.mad-grid--cols-3 .mad-grid-item .mad-product:nth-child(2) { margin-bottom: 0; padding-bottom: 0; } .mad-products.hr-type.with-border.style-2.owl-carousel.mad-grid--cols-3 .mad-grid-item .mad-product:nth-child(2):after { display: none; } .tp-layer-section-title span { font-size: 1rem!important; line-height: 1rem!important; } .tp-layer-section-title span:last-child { font-size: 0.9rem!important; line-height: 0.9rem!important; } #rev-slider-2 .tp-bgimg { background-position: right -90px top!important; } .mad-products.hr-type.with-border.style-2.item-col-4 > .mad-grid-item { width: 100%; } /*.shop-cart-form .pro-table,.shop-cart-form .pro-table tr { display:block!important; width:100%!important;} .shop-cart-form .pro-table .tbl-item { display:block!important; width:100%!important;}*/ .shop-cart-form table td, .shop-cart-form table th { padding: 5px 10px!important; } .proDesc1 { font-size: 24px !important; /* line-height: 1em; */ } .respd { padding-bottom: 30px !important; } /*.ucSpecialDeal .imgSpan { display: inline-block; width: 100%; height: 100%; max-height: 300px; overflow: inherit; }*/ } @media screen and (min-width:768px) and (max-width:1199px) { .total__coins { flex-wrap: wrap; font-size: 2rem; flex-direction: column; } .total__coins img { margin: auto; margin-bottom: 0.5rem; } .totalBalance h2 { line-height: 1.1; } .myAccountTab .productList .col-3-12, .productList .prdctList .col-3-12 { max-width: 50% !important; } /*.e_categoryslider .sliderWrap .grid.mn .offrGrids {max-width: 40% !important; }*/ /*.e_categoryslider .sliderWrap .grid.mn .col-9-12.offrGrids { max-width: 60% !important;}*/ .e_categoryslider .sliderWrap .grid.mn .offrGrids .dealOfMnth .col-4-12.mad-products { max-width: 50%; } .e_categoryslider .sliderWrap .grid.mn .offrGrids .dealOfMnth .col-4-12.mad-products:last-child { display: none; } .mad-footer .social-col .mad-widget { border: none; padding-left: 0; } } @media screen and (min-width:768px) and (max-width:1025px) { #dvAddCart { margin-top: 5px; } .cartCount { width: 114px; } .mad-fixed-bar-inner .mad-inner .btn-set .addBasket i { display: none; } .detailimg.row .col-md-2 { max-width: 100%; flex: 100%; } .productDetail .carousel-nav .carousel-cell { transform: none; width: 33.33%; } .detailimg.row [class*="col"]:first-child { padding-bottom: 0; } .detailimg .carousel-nav .flickity-viewport { min-height: auto !important; } .productDetail .carousel-nav .flickity-slider { margin: 0 !important; width: 100%; } .productDetail .carousel-nav .flickity-prev-next-button.next { right: 0; } .productDetail .carousel-nav .flickity-prev-next-button.previous { left: 0; } .detailimg.row { margin-bottom: 0; flex-direction: column-reverse; } .detailimg .flickity-viewport { min-height: 300px; } .detailimg.row .ipadLeft { max-width: 100%; } .productDetail .carousel-nav { transform: none; margin: 0; width: 100%; padding-left: 40px; padding-right: 40px; } } @media screen and (min-width:768px) and (max-width:1023px) { .e_productslider .sliderWrap .mad-products .productBlock { overflow: initial; } .subscol.col-6-12 { max-width: 80%; } .accInfo .accInfoTxt .col-4-12 { max-width: 50%; } /*for all grid width change*/ .mad-category-common { width: 32%; } .grid.fixedSpaces [class*="col-3-12"] { max-width: 50%!important; width: 50%!important; } .cookieBox .grid.fixedSpaces [class*="col-3-12"] { max-width: 25%!important; width: 25%!important; } .richCoinsHistory .grid.fixedSpaces [class*="col-3-12"] { max-width: 25%!important; width: 25%!important; } .grid.fixedSpaces [class*="col-3-12"]:nth-child(2n+1) { /*clear: both!important;*/ } .grid_3_9.grid.fixedSpaces .col-3-12 { max-width: 25% !important; } .row_center .grid.fixedSpaces [class*="col-3-12"] { display: block!important; float: left!important; margin: auto; vertical-align: top; } .grid.fixedSpaces [class*="col-6-12"] { max-width: 100%!important; width: 100%!important; display: block!important; } .grid.fixedSpaces.later.grid_6_6.row_flex { display: block!important; } .row_center .grid.fixedSpaces [class*="col-6-12"] { float: left!important; margin: auto; vertical-align: top; } .grid.fixedSpaces [class*="col-3-12"] .e_imagewithtext, .grid.fixedSpaces [class*="col-6-12"] .e_imagewithtext { margin-bottom: 20px !important; } .e_aiblock .mad-banner { padding: 1.125rem 1.5rem; padding-right: 20%; } .nLayout .col-4-12 .e_aiblock .mad-banner { height: 269px; } .e_aiblock h2.mad-title.big-title { font-size: 1.5rem; line-height: 1; } .e_aiblock h2.mad-title.style-2 { font-size: 1rem; letter-spacing: normal; } .e_aiblock h6.mad-title.style-3 { font-size: 0.9rem; line-height: normal; } .e_aiblock .btn { font-size: 0.9rem; } .myAccountTab .productBlock .proImg a.addRecIcon { height: 170px; } .healthrec .productBlock { min-height: 265px; } .trackDietWrp .dayTotalSec, .trackDietWrp .dateSelection { max-width: 100%!important; } .trackDietWrp .foodAccord .container { padding-left: 0px!important; padding-right: 0px!important; } .trackDietWrp .dateSelection .pagination { display: block; padding-left: 0; margin-bottom: 0px; } .dayTotalSec .daytotal li:last-child { padding-right: 0px; } .prdctList > .grid.fixedSpaces .col-4-12.mad-products { max-width: 50%; } .accInfoTxt .col-md-4 { flex: 0 0 45.33333%; max-width: 45.33333%; } .grid.fixedSpaces [class*="col-3-12"].offrGrids { max-width: 100%!important; width: 100%!important; } .grid.fixedSpaces [class*="col-9-12"].offrGrids { max-width: 100%!important; width: 100%!important; } .offrGrids .col-9-12 .col-4-12 { max-width: 100%; } .offrGrids:after { content: ""; display: block; clear: both; } .grid.fixedSpaces [class*="col-3-12"].offrGrids .offrProCtnt { width: 60%; float: left; } .grid.fixedSpaces [class*="col-3-12"].offrGrids .mad-product-image { width: 40%; float: left; } .offrGrids .productBlock.mad-product:after { content: ""; display: block; clear: both; } .dealOfDay { /*border: 2px solid #8bc34a; border-radius: 4px; position: relative; padding: 40px 20px; margin-top: 30px;*/ } .dealOfDay .mad-countdown.size-2 { border-radius: 0.5rem 0.5rem 0.5rem 0.5rem; } .dateGrid img { width: 40px; margin-right: 0px; margin-bottom: 10px; } .dateGrid > div > a { font-size: 16px; } .dateGrid span { font-size: 16px; } .prizeVoucher { width: 140px; } .prizeVoucher h6 { font-size: 15px; } .dateGrid { text-align: center; } .dateGrid > div { display: block; text-align: center; } .backLnk { display: block; } .dateGrid h4 { text-align: center; } .dateGrid .backLnk > div { display: block; text-align: center; } .col-4-12 .ucVideo iframe { min-height: 269px !important; } .product-slider { width: calc(100% - 40px) !important; margin-left: 20px; padding: 0; } .ucAlsoLike .swiper-container { padding-left: 10px; padding-right: 10px; } .catDetailSubCat .grid.fixedSpaces [class*='col-'] { max-width: 33.33% !important; } .theiaStickySidebar .content-element { width: calc(50% - 1rem); float: left; } .theiaStickySidebar .content-element:nth-child(2) { margin-left: 2rem; } .theiaStickySidebar .mad-widget-bg { clear: both; } .theiaStickySidebar .mad-widget:after { content: ""; clear: both; display: block; } .noticeSec { width: calc(50% - 10px)!important; font-size: 14px!important; padding-left: 45px; line-height: 1.2em; } .noticeSec span { position: absolute; left: 10px; top: 10px; } .col-md-6.dvVerify.twoVerify .bgImgBlock { width: calc(100% - 20px); } .userVerify p { padding-right: 0px; } .userVerify { padding: 13px 20px; } .dvVerify:not(.twoVerify) .userVerify p { flex-direction: column; align-items: flex-start; } .dvVerify:not(.twoVerify) .userVerify .btn { margin-bottom: 10px; } } @media screen and (max-width:1023px) { .detailimg .carousel-nav .carousel-cell { height: 100px !important; padding: 14px; } .accountAddr .addInfo .tlt_nutri { position: relative; width: 100%; right: 0; top: 0; } .nutriTable li .nutriDtl label { line-height: 1em; color: #46a69c; width: 100%; display: block; } .accInfoTxt ul.nutriTable { display: flex; flex-flow: wrap; } .DietPlan_sec .accountAddr .addInfo li:first-child, .accountAddr ul.addInfo li { margin-bottom: 10px; } .DietPlan_sec #accountAddrDiet.accountAddr .addInfo li:first-child, #accountAddrDiet.accountAddr ul.addInfo li { display: flex; align-items: center; } .nutriTable li .nutriDtl label { width: 100%; margin: auto; } .enquireForm .wrap.spaces { overflow: auto; } .enquireForm .blueBtnAro.wide { margin-top: 0px; } .ucAlsoLike h3.mad-page-title.with-carousel:not(:last-child) { font-size: 30px; } .ucAlsoLike .owl-nav { right: 0; left: auto; margin-bottom: 0px; } .mad-sidebar .theiaStickySidebar .mad-widget-bg { /*padding: 0px;*/ } .mad-products-with-countdown:not(.type-2) .owl-carousel.nav-top .owl-nav { right: 10px !important; left: auto !important; } /*.productDetail .content-element-10 { margin-bottom: 30px; } .productDetail #main { padding-bottom: 0px; }*/ .myAccountTab .mad-tabs-nav a { padding: 5px 10px!important; font-size: 13px!important; line-height: 1em!important; color: #FFF!important; border-radius: 5px; background-color: #1b4763; } .myAccountTab .mad-tabs-nav > span { border-right: none; margin-right: 5px; margin-bottom: 5px; } .myAccountTab .mad-tabs-nav a:hover, .myAccountTab .mad-tabs-nav .mad-active > a { color: #fff!important; background-color: #46a69c!important; } .myAccountTab .mad-tabs-nav .mad-active > a:before, .myAccountTab .mad-tabs-nav .mad-active > a:after { display: none; } .myAccountTab .productList .mad-section .sideTabView .tabbedinfo .resp-tabs-list li { font-size: 14px; line-height: 1em; } .myAccountTab .mad-tabs-nav > span:first-child a { padding-left: 10px!important; } .customer-diet .quesTableFirst.quesDislike > label:before, .customer-diet .quesChk > label:before, .customer-diet .quesTable td label:before, .customer-diet .quesLike > label:before { font-size: 32px; } .customer-diet .quesTableFirst.quesTable tr td:first-child p { font-size: 15px; } .customer-diet .quesTableFirst.quesTable td, .customer-diet .customer-diet .quesTableFirst.quesTable th { padding: 10px 10px; } .customer-diet .mad-col { padding: 20px 20px; } /*.customer-diet .quesTable td:not(:first-child), .customer-diet .quesTable th:not(:first-child) { text-align: center; } .quesLike, .quesDislike, .quesChk { margin: auto; }*/ .nutriTable li { width: 180px; } .mad-widget .mad-products.hr-type .mad-product:not(.big-type) .mad-product-image { margin-right: 10px; height: 70px; } .detailimg .carousel.carousel-main img { height: auto!important; width: auto!important; max-height: 100%!important; max-width: 100%!important; } .contestList > div > .row { display: block!important; } .contestList > div > .row .col-md-4 { display: block!important; max-width: 100%!important; } .winnersWrp .winnerBlock { width: calc(100% - 30px)!important; } .purchase-heading { font-size: 2rem; line-height: 1; } .purchase-block { padding: 1.5rem; } } @media screen and (min-width:767px) and (max-width:895px) { .accountAddr ul.addInfo { width: 70% !important; } #accountAddrDiet.accountAddr ul.addInfo { width: 100% !important; } .calc_section .md-calc-section .btn { padding: 10px 15px !important; font-size: 15px !important; } } @media screen and (max-width:770px) { .mad-footer .mad-footer-bottom { display: block; padding: 1rem 0 0rem 0 !important; margin-top: 3.625rem !important; } .mad-footer .mad-footer-main .mad-widget-title { margin-bottom: 10px; } .mad-footer-bottom p { display: inline-block; padding-right: 10px; border-right: 1px solid #ccc; } /*.copyright_center p { margin: 10px 10px 10px 0px; }*/ .mad-footer-bottom p:last-child { padding-right: 0px; border-right: none; margin-right: 0px; font-size: 13px; /*line-height: normal;*/ } } @media screen and (max-width:767px) { .fixedSpaces.pSecion { width:100%;margin: 0;} .mobileStockSec { display: flex; justify-content: space-between; } .mobileStockSec .onlyMobile { display: block !important; } .focus-heading, .catTitle { font-size: 25px; } .respd.servRev .col-lg-12 { padding: 0px; } .productDetail .mad-product-single .dtimgsec .col-md-6.pl32 { padding-bottom: 0.5rem; } .Description.panel .accordiansec div { padding-bottom: 0px; } .productDetail .mad-product-single .dtimgsec > .col-md-6, .productDetail .mad-product-single .dtimgsec > .col-md-6 > .detailimg > .col-md-2, .detailimg.row .ipadLeft { padding-left: 0rem; padding-right: 0rem; } .productDetail .mad-product-single .dtimgsec > .col-md-6 > .detailimg > .col-md-2 img { height: 100%; } #sidebar > .theiaStickySidebar .mad-widget { margin-bottom: 0px; } .ucAlsoLike.prdctList { margin-top: 0rem; } .respd > .content-element-10 { margin-bottom: 1rem !important; } .subscribe_fixed .bg-img-news .mad-sub-wrap .col-md-11 .mad-page-title { font-size: 28px; margin-bottom: 0px !important; } .mad-fixed-bar-inner .col-md-6 { padding-left: 0px; padding-right: 0px; } .mad-fixed-bar-inner .mad-inner .btn-set, .mad-fixed-bar-inner.mad-product .mad-actions { margin: 0px; } .productDetail .coin-sec { display: none; } .mad-fixed-bar-inner { padding: 0px; } .productDetail .mad-fixed-bar-inner .mad-inner.right { justify-content: space-between; } .mad-fixed-bar-inner .btn-big { padding: 1rem 1rem 1rem; width: auto; } .addBasket { letter-spacing: 0px; text-transform: capitalize; line-height: 1.2rem; } .mad-sidebar .theiaStickySidebar .mad-widget-bg { display: none; } .productDetail .row.vr-size-2:not(.col-no-space) > [class*="col"] { padding-left: 0.5rem; padding-right: 0.5rem; } .userVerify .material-icons { opacity: .2; } .dvVerify:not(.twoVerify) .userVerify p { padding: 0px; } .htryftr .spanbtn a:last-child { border-right: none; } .img-magnifier-glass { display: block; } .mad-footer-main .footerNavRes .mad-widget .mad-vr-list ul li p:nth-child(odd) { margin-right: 5px; width: 45%; } #mad-footer .mad-footer-main .social { display: flex; flex-wrap: wrap; } #mad-footer .mad-footer-main .social-col .social li { width: 50%; } .headerFix { padding-top: 130px; } .sitemapContent > table:before { left: 25px; } .sitemapContent > div { margin-left: 73px; padding-left: 16px; } .sitemapContent > div:after { width: 28px; left: -46px; } .sitemapContent > div > table:after { left: -35px; width: 36px; } .sitemapContent div table td:nth-child(2) { padding-left: 0px; } .sitemapContent > div:before { height: 21px; left: -19px; top: 20px; height: 15px; } .sitemapContent > div > table:before { left: -35px; height: 31px; } .sitemapContent div table td a { white-space: break-spaces; padding-top: 3px!important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 16px; } .sitemapContent table td { vertical-align: top; } .sitemapContent div table:last-child { margin-bottom: 10px!important; } .myAccountTab .productList .mad-section .sideTabView .tabbedinfo { overflow: auto; } .productList .col-3-12.mad-products { height: auto !important; } .myAccountTab .productList .mad-section .sideTabView .resp-tabs-container { float: none;; } .trackDietWrp .addBtn { /*display: block;*/ width: 100px; margin: auto; text-align: center; } .avlcouponCode .box { width: 50%; } .e_bannerslider { padding: 0; } .box-consult { padding: 0px; margin-bottom: 20px; } .consult .box-consult .col-sm-12:last-child { padding-bottom: 1rem; } .box-consult p { font-size: 25px; padding-left: 15px; padding-top: 20px; } .helpmeBot .barStepCheck .mad-entity-about { width: 53%; } .helpmeBot .mad-entity-about p { font-size: 12.5px; line-height: 1rem; } .helpmeBot .mad-entity-about { width: 44%; } .body_fat ul li { font-size: 12px; } .accInfoEdit .ordrNextBtn { /*margin: auto;*/ display: block; width: fit-content; /*margin-top: 5px;*/ } .htryPrdct .htryPrice .rich-coins { float: none; display: block; } .diseaseRpt p:nth-child(2n):not(:last-child) { padding-right: 20px; } .diseaseRpt .toolTip { right: 0px !important; } .rightOrder .panel-head ul li { justify-content: center; } .rightOrder .panel-head label { min-width: 120px; font-weight: 600 !important; font-size: 1.1em !important; } .panel-head .head-icon { height: 42px !important; } .loginType a.button { margin: 10px 10px; } .homeWrp { margin-top: 5px; } .mad-sub-wrap h2 { font-size: 40px; } .shop-cart-form .mad-shop-footer { display: flex; padding: 5px 0px; } .thankPopup .shopping-cart .btn-set { justify-content: space-between; } .helpmeBot { width: 100%; right: -100%; } .registerWrap .registerpage .hidden-section.regForm .market_email .mad-toggled-fields { margin-top: 0px; } .blogDtlPage .single-entity .table.blogTbl tr td:last-child { border-top: none; } .blogDtlPage .single-entity .table.blogTbl tr td:first-child { padding-bottom: 0px; } .blogDtlPage .single-entity .table.blogTbl tr th, .table.blogTbl tr td { display: block; } .prep { padding: 0px; } .mad-entities.type-3 .mad-entity { padding: 0.5rem; } .receipeInfo { min-height: auto; height: auto; padding-bottom: 0px; } .showReadMore .moreInfoBtn, .showReadMore.receipeInfo:after { display: none; } .prep li { padding-left: 0; position: relative; margin-bottom: 5px; } .blogDtlPage .row > [class*="col-"] { padding-bottom: 1rem; max-width: 100% !important; width: 100%; flex: auto; } .FAQ.panel.mad-tab .blrAccrCntnr .blrAccrList { padding: 15px 0; } .FAQ.panel.mad-tab .blrHead { width: calc(100% - 35px); margin-bottom: 0; } .FAQ.panel.mad-tab .blrAccrCntnr .blrAccrList i { top: 15px; } .FAQ.panel.mad-tab .blrContent { padding-top: 15px; } .paraFormat.ucText .textWrap.Pformat table { table-layout: initial; } .addrM0 { padding-left: 0px !important; padding-right: 0px !important; } .addrM0.pr-0 { margin-top: 10px; } .e_productslider .mad-tabs-nav > span { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .mad-header.header-3 .mad-header-section .row, .mad-footer-main .row { margin-right: 0px !important; margin-left: 0px !important; } .about-mad-section, .mad-social-icons { overflow: hidden; } .foodItmPop.mad-popup .mad-popup-inner .nutriTable li { margin-bottom: 5px; } .gpppopup .form .btn-big { width: 45%; margin-bottom: 0px; } .quesTable.lastquestion .float-right { float: none !important; display: block; margin-top: 10px; margin-bottom: 10px; } .quesTable.lastquestion .row { margin: 0 !important; width: 100%; } .quesTable.lastquestion .row .col-xl-12 { padding: 0 !important; } .fixlastques { margin-bottom: 20px; overflow-x: hidden; padding-right: 14px; } .mad-col.quesTable.lastquestion { padding: 10px 0px !important; } .mad-tabs-nav.stepTabs .mad-tb, .progressStepsNav .mad-tb a:after, .progressStepsNav .mad-tb a.stepTab-Done:after { display: none; } .mad-tabs-nav.stepTabs .mad-tb.active { display: block; width: 100%; margin: 0px; padding-left: 15px; } .cstmr_tabs.progressStepsNav .mad-tabs-nav { border-bottom: none; } /*.divCustDiet .mad-contact-form.customer-diet {border-top:1px solid #ddd; }*/ .mad-tabs-nav.stepTabs .mad-tb.active::after { content: ""; display: block; height: 1px; width: 100%; background: #ddd; position: absolute; bottom: 6px; left: 0; } .progressStepsNav .mad-tb a:before { position: absolute; top: 17px; } .progressStepsNav .mad-tabs-nav.stepTabs { padding-left: 0px; } .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav a { position: relative; padding: 15px; } .ucCal-btn { margin-top: 10px; } .productList .prdctList { margin-bottom: 10px; margin-bottom: 20px; } .grid.later > [class*='col-'] { max-width: 100%!important; width: 100%!important; padding: 0px!important; } .helpBotBtn { z-index: 999; width: 100px; right: 26px; } .theiaStickySidebar .mad-icon-boxes article .mad-icon-box-content { padding-left: 10px; } .mad-products.hr-type .mad-product:not(.big-type) { display: flex; flex-direction: row; column-gap: 0 !important; row-gap: 1rem; } .mad-popup.chartPopup .mad-popup-inner { width: 100% !important; } .mad-entities.mad-entity-hr .mad-entity { display: flex; column-gap: 0; row-gap: 1rem; } .mad-entities.mad-entity-hr .mad-entity.blog_image .col-5-12 { padding-right: 10px; } .Uctabs .blrAccrCntnr .blrHead span { max-width: 90%; display: block; } .Uctabs .blrAccrCntnr .blrHead { position: relative; } .Uctabs .blrAccrCntnr .blrAccrList .blrContent { line-height: 1.5em; } .Uctabs .blrAccrCntnr .blrHead i { position: absolute; top: 0; right: 0; } .container { padding-left: 10px !important; padding-right: 10px !important; } .Uctabs .container { padding: 0px !important; } .mad-footer-main .footerNavRes .mad-widget .mad-vr-list ul li p { width: 33.3%; float: left; margin-bottom: 5px !important; } .mad-footer .mad-footer-main .row:not(.col-no-space) > [class*="col"] { padding: 0px 10px 10px 10px; } .e_reviews .mad-testimonials { /*padding-left: 40px !important; padding-right: 40px !important;*/ } .Billing_Sec { padding: 20px 0px; } .Billing_Sec .pb-20 { padding-bottom: 10px !important; } .trackDietWrp .mad-content.foodAccord .mad-section { padding: 0; margin-bottom: 10px; } .nutriTable li { width: 130px; } .blrContent .grid.later.fixedSpaces { margin-top: 10px; } .catBanner .container { padding-left: 0px; padding-right: 0px; } .catBanner.background_banner .container { padding-left: 1.5rem; padding-right: 1.5rem; } .e_blogs .container, .e_recipes .container { padding-left: 0px; padding-right: 0px; } .mad-col.mad-grid-item.mad-category-common { left: 0 !important; } .float_right.AskQuestionCol .blueBtnAro { float: none; } .customer-diet .lastquestion.quesTable tr td:first-child p { font-size: 16px; line-height: 20px; } .quesTable.lastquestion > p { line-height: 20px; } .quesTable.lastquestion tr { background: #fff; } .quesTable.lastquestion .chklistItm > label:before { font-size: 35px; } .quesTable.lastquestion tr th:last-child, .quesTable tr td:last-child { padding: 10px; } .quesTable.lastquestion tr td:first-child p { line-height: 20px; font-size: 15px; } .customer-diet .inline-Left { width: 30%; } .customer-diet .size-2 .btn-big { font-size: 0.8rem; padding: 0.7rem 1rem 0.7rem; } .customer-diet .inline-Right { width: 70%; } .customer-diet .quesTableFirst.quesTable tr td { min-height: 45px; } .customer-diet .quesTableFirst.quesTable tr th:first-child, .customer-diet .quesTableFirst.quesTable tr td:first-child { border-radius: 0; width: 100%; padding-bottom: 0px; } .customer-diet .quesTableFirst.quesTable td:not(:first-child), .customer-diet .quesTable th:not(:first-child) { width: 20%; padding-top: 0; } .customer-diet .display-desktop { display: none; } .customer-diet .display-mobile { display: block; font-size: 13px; font-weight: 700; } /*.customer-diet .mad-col { padding: 20px 20px; }*/ .mad-popup.madAddRecord .mad-popup-inner { overflow-y: auto!important; } .odrCnlPopup .emailInpt { display: block; } .offerPopup .popupContent .pad { margin: 0; } .modal-background .wrap { padding: 0px; } .modal-container .close.clspopup { right: 10px !important; } .odrCnlPopup .emailInpt input { margin-bottom: 15px; } .dayTotalSec, .dietTotalsub.dayTotalSec { position: relative; top: 4%; right: 0px; margin-bottom: 10px; } .AskQuestionCol { float: none; margin-top: 10px !important; padding: 0px; } .forumLst .mad-entity-tags { float: none; margin-top: 5px; } .mad-header .mad-header-item.mad-header-non-sticky { margin: 0; } .mad-category-common { width: 100%!important; } .mad-category-common .mad-entity-footer { padding-left: 0px; } .mad-entities.type-3 .mad-entity .mad-read-more { font-size: 0.9rem; } .mad-sorting-section > .mad-col:last-child .mad-custom-select { width: 100%; } .videoThumbnail { max-width: 100%; width: 100%; } .e_videoslide .grid [class*='col-'] { max-width: 100%; width: 100%; } .popupContent { top: 5%; } .addInfo .tlt_nutri { position: relative; } .addthnk .mad-popup-inner { width: 100%; } .mobileShow { display: block; } .mobileHide, .mobileHideTab { display: none !important; } /*responsive grid later*/ .grid.later { margin-left: auto; margin-right: auto; } .grid.later > [class*='col-'] { max-width: 100%!important; width: 100%!important; padding: 0px!important; } .grid.later > [class*='col-2-12b'] { max-width: 100%!important; width: 44%!important; } .grid.later > [class*='col-'] .mobileLeft { text-align: left; } .grid.later > [class*='col-'] .mobileRight { text-align: right; } .row_flex, .ele_flex { display: block!important; } .e_aiblock h2.mad-title.big-title { font-size: 20px; line-height: 1em; max-width: 50%; } .e_aiblock h2.mad-title.style-2 { font-size: 18px; } /*.paraFormat.ucText h1 { line-height: normal; }*/ .e_bannerslider .cd-full-width { max-width: 100% !important; } /*Responsive Tabs*/ .responsive-tabs .mad-tab { display: block; } .responsive-tabs .custom-table td { width: 100%; display: block; border-top: none; } .responsive-tabs .mad-tab .accordiansec { overflow: hidden; opacity: 0; height: 0px; transition: .3s; } .mad-tabs--style-2:not(.mad-tabs--unstyled) .responsive-tabs .mad-tab { padding: 15px 20px; } /*.mad-page-title + .owl-carousel.nav-top .owl-nav { right:10px;left:auto;}*/ .panel.active .accordiansec { height: auto; opacity: 1; transition: .3s; width: 100%; padding-top: 20px; } .mad-tabs .responsive-tabs { box-shadow: none; padding: 0; margin: 0; } .accordianprod { font-weight: 600; } .accordiansec { padding-top: 5px; } .productDetail .mad-tabs--style-2 { border: none!important; } .productDetail .mad-tabs--style-2 .responsive-tabs .panel { border: 1px solid #eee; border-radius: 10px; padding: 15px; margin-bottom: 15px; } .accordianprod .fa-minus { display: none; } .active > .accordianprod .fa-minus { display: inline-block; } .active > .accordianprod .fa-plus { display: none; } .accordiansec .mad-table-wrap { border: none!important; border-radius: 0px!important; } .responsive-tabs .custom-table tr { display: block; border-bottom: 1px solid #dce3e6; padding-bottom: 15px; margin-bottom: 15px; } .responsive-tabs .custom-table tr:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .accordiansec .custom-table td { padding: 0!important; border: none!important; } .grid.fixedSpaces [class*="col-6-12"] { max-width: 100%!important; width: 100%!important; display: block!important; } .shop-cart-form .mad-product { column-gap: 0; } .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title { font-size: 14px; line-height: 1em; } .quantity input { padding: 0 10px!important; font-size: 12px!important; font-weight: bold; } .cartCount .minus, .cartCount .plus { width: 22px; font-size: 20px; } .shop-cart-form table tr td.tbl-unit, .shop-cart-form table tr td.tbl-ttl { font-size: 12px; } .productCart .container { padding-left: 20px!important; padding-right: 20px!important; } .productCart > .fix-12-12 { padding-left: 0px!important; padding-right: 0px!important; } .shop-cart-form.shopping-cart-full { border: none; border-radius: 0px; } .shop-cart-form table th { font-size: 14px!important; } .mad-table-wrap.shop-cart-form tr { position: relative; } .mad-table-wrap.shop-cart-form .mad-close-item { position: absolute; right: 0; top: 5px; z-index: 1; width: 20px; height: 20px; text-align: center; background-color: #d94945; border-radius: 50%; font-size: 14px; line-height: 21px; color: #fff; } .catBanner .catTitle { font-size: 20px; line-height: 1.3rem; margin-bottom: 5px !important; } .mad-breadcrumb-path { font-size: 14px; } .cartForms { line-height: 1.2em; } .cartCradit { padding: 20px 0px 10px 0; } .catBanner .row .col-md-9 { padding-bottom: 0px!important; } .e_productslider .mad-tabs-nav.style-2 a { font-size: 14px; } .tabbedinfo:before { display: none; } .myAccountTab main.col-xl-12 /*, .myAccountTab .container*/ { padding: 0px!important; } .myAccountTab .mad-section { padding-left: 10px; padding-right: 10px; } .myAccountTab .mad-tabs-nav > span:first-child a { padding-left: 10px!important; } .myAccountTab .mad-tabs-container { padding-top: 10px; } .myAccountTab h2.resp-accordion { font-size: 16px; line-height: 1em; padding: 10px 0px; margin-bottom: 0px; border-bottom: 1px solid #ccc; letter-spacing: normal; display: block!important; color: #26658c; font-weight: 600; cursor: pointer; } .myAccountTab h2.resp-accordion.cstmTab6 { border-bottom: none; } .myAccountTab .mad-tabs-container > .sideTabView > .mobileHideTab { display: block!important; } .myAccountTab .sideTabView .resp-tabs-container { width: 100%!important; } .myAccountTab .sideTabView .resp-tabs-container .resp-tab-content { /*height:auto!important;*/ } .myAccountTab h2.resp-accordion.resp-tab-active { border-bottom: none; color: #000; } .myAccountTab .sideTabView .resp-tabs-container .resp-tab-content-active { border-bottom: 1px solid #ccc; } .odrUlTotal { width: 100%; border-top: 1px solid #ccc; } .odrHtryUl .htryImg { width: 20%; } .odrHtryUl .htryPrdct { width: 80%; } .htryPrdct .htryPrice .htryTotal { display: table-cell; } .odrHtryUl { width: 100%; border-right: none; } .odrUlTotal li { margin-bottom: 0px; } .odrHtry { margin-bottom: 10px; border-radius: 20px; overflow: hidden; } .accountAddr { margin-bottom: 10px; } /*.circDiv span { margin: auto; position: relative; margin-bottom: 15px; }*/ .circDiv span { margin: auto; position: relative; margin-left: auto; margin-bottom: 0; } .circDiv span:before { height: 1px; width: 1px; border-left: 65px solid #ccc; position: absolute; top: 22px; left: -65px; } .circDiv span:after { content: ""; display: block; height: 1px; width: 1px; border-left: 66px solid #ccc; position: absolute; top: 22px; left: 100%; } .Description.panel .infoRow { display: block!important; width: 100%!important; } .Description.panel .infoTxt, .infoImg { display: block!important; text-align: left; padding-top: 10px; padding-bottom: 10px; } .Description.panel .infoTxt h4 { color: #46a69c; margin-top: 0px; margin-bottom: 10px; font-size: 18px; } .Description.panel .infoTxt { width: 100%!important; } .Description.panel .infoImg { width: 100%!important; order: 1!important; text-align: center; } .Description.panel .infoRow:nth-child(odd) .infoTxt { width: 100%!important; } .Description.panel .infoRow:nth-child(odd) .infoImg { width: 100%!important; } .Description.panel .accordiansec div { width: 100% !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; } .Description.panel .accordiansec img { /*width: 100%;*/ height: auto; } .mad-header-section .hdrmbl-logo { width: 40%; } .mad-header-section .hdrmbl-search { width: 60%; padding-left: 0.5rem; padding-right: 0; padding-top: 1rem; padding-bottom: 1rem; } h1 { font-size: 25px; } h2 { font-size: 23px; line-height: 1.3em; } h3 { font-size: 21px; font-weight: 500; line-height: 1.3em; } h4 { font-size: 19px; line-height: 1.3em; font-weight: 500; } h5 { font-size: 17px; } h6 { font-size: 15px; } p:not(:last-child):not([class*="content-element"]) { margin-bottom: 0.5rem; } .rowSP_bottom { margin-bottom: 15px!important; } .about-mad-section { padding-top: 3.5rem; padding-bottom: 2rem; } .imgTxt { height: auto !important; } .e_imagewithtext { margin-bottom: 10px; } .e_imagewithtext .ImgsBlcs .parraSEC { padding-bottom: 0; } .e_imagewithtext .ImgsBlcs .parraSEC p { font-size: 15px; line-height: 1.5em; } .e_imageslide .contDBox.cAlignMid { padding-top: 10px; padding-bottom: 20px; } .e_imageslide .contDBox { padding: 10px 10px 10px; margin: 0px; } .title-77 { font-size: 25px; line-height: 1.2; } .mad-counters.hr-type .mad-counter-icon:after { margin-right: 2rem; width: 3.5rem; height: 3.5rem; } .mad-counters.hr-type .mad-counter .mad-counter-icon { margin-bottom: 0; min-width: 5.75rem; width: 16%; } .mad-counters .mad-counter-content { width: 45%; } .mad-counter-count { font-size: 2.5rem; line-height: 2rem; } .mad-counter-icon .svg { height: 3.5rem; } .mad-counters[class*="item-col-"]:not(.no-gutters) > * { padding-top: 2rem; } .ImgsBlcs.Img-B.ucImage .fullthumbnail { height: 100%; /*width: 300px !important;*/ margin: auto; } .grid.fixedSpaces [class*="col-3-12"].offrGrids { max-width: 100%!important; width: 100%!important; } .grid.fixedSpaces [class*="col-9-12"].offrGrids { max-width: 100%!important; width: 100%!important; } .grid.fixedSpaces [class*="col-9-12"].offrGrids .grid.fixedSpaces [class*="col-4-12"] { max-width: 100%!important; width: 100%!important; } .productBlock.mad-product .mad-product-description { flex: none; } .mad-products:not(.mad-product-small):not(.hr-type) .mad-product .mad-product-image:not(:last-child), .mad-products:not(.mad-product-small) .mad-product.big-type .mad-product-image:not(:last-child) { margin-bottom: 1rem; margin-top: 0px; } .mad-products .productBlock { height: 400px !important; } .prdctList .mad-products .mad-product-description .product_des { min-height: unset !important; padding: 5px 0px; } .dnone-rating { display: none !important; } .sliderWrap .mad-product-description .product_des, .prdctList .mad-products .mad-product-description .product_des { min-height: unset !important; padding: 5px 0px; } .hdrmbl-logo { padding-left: 0px !important; padding-right: 0px !important; max-width: 100%; } .mad-search-section { border-radius: 0.5rem; } .hdrmbl-search { padding-right: 0px; } .header-3 .mad-mobile-nav-btn { border-radius: 0.3rem; height: 2.4rem; width: 2.5rem; line-height: 2.4rem; display: none; } .header-3 .mad-header-section--sticky-xl .mad-header-items > *:last-child { flex: unset; display: block; width: 100%; } .mad-search-section > button { position: relative; padding: 0 9px; } .mad-header-item.mb-odr-2 { order: 2; } .mad-header-non-sticky { right: 0; } .mad-header-non-sticky .m-auto { padding: 0px 0px 0px 0px; max-width: 100%; } .mad-header-item .mad-actions > .mad-col, .mad-header-item .mad-actions > #lnkBasket { width: auto; } .mad-header-item .mad-actions > .mad-col { margin: auto; display: grid; margin: auto 5px; } .mad-header-item .mad-actions > #lnkBasket { /*width: 40px; padding: 0 5px;*/ margin: auto 10px; position: unset; } .mad-header-non-sticky .acc a i { margin-bottom: -2px; } .mad-dropdown-cart .shopping-cart { width: 100%; } .hdrmbl-search { display: none; position: absolute; width: 100% !important; padding-left: 2%!important; padding-right: 2%!important; left: 0; top: 99%; z-index: 1; background-color: #1b4763; padding-bottom: 5px; max-width: 100%!important; } .headerFix .hdrmbl-search { position: fixed; top: 121px; z-index: 9; } .mad-search-section { width: 96%; margin: auto; } .mad-header-item .mad-actions > #lnkBasket > a { margin: auto; text-align: center; display: flex; color: rgb(255 255 255 / 50%); } .mad-header-item .mad-actions > #lnkBasket span { color: #ffffff; margin-top: 0px; } .mad-header-item .mad-actions { justify-content: space-around !important; } .mad-actions > .mad-col.hidedesktop { display: flex !important; } .mad-navigation--vertical-sm > li > a, .header-3 .mad-navigation > li.mad-special > a { padding-top: 5px; padding-bottom: 5px; padding-left: 2rem; padding-right: 2rem; font-size: 15px; } .mad-navigation--vertical-sm .sub-menu { padding: 5px 2rem; } .header-3 .mad-navigation > li.mad-special > a { padding: 10px 2rem !important; font-size: 15px !important; } .mad-header .mad-navigation > li > a { line-height: 1.5rem; } .hidedesktop { display: block !important; } .mad-header.header-3 .mad-header-section--sticky-xl { background: #1b4763; padding: 1rem 0; } .mad-header-non-sticky .menu-icon { float: right; text-align: right; margin: 6px 0px 0px 10px; position: relative; padding-top: 8px; } .mad-header-sticky .acc { display: block; } .mad-header-item .mad-actions #lnkWish { margin-left: 25px; } .mad-header-non-sticky .menu-icon .mblmenuNav { color: #8bc34a; border-radius: 6px; padding: 1px 4px; font-size: 30px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; } .mad-header-non-sticky .hdrmbl-logo .grid { display: flex; padding: 0px 8px; } .mad-header-non-sticky .mad-logo { display: flex; } .mbl-lbl { font-size: 12px; line-height: 1em; font-weight: 500; } .mad-header-non-sticky #mb-drp-serch .mbl-lbl { font-size: 14px; line-height: 16px; font-weight: 400; margin-left: 4px; margin-bottom: 0px; } .mblNAv { height: 100%; width: 0; position: fixed; z-index: 99; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 40px; text-align: left; } .mblNAv a { padding: 8px 8px 8px 24px; text-decoration: none; font-size: 16px; color: #26658c; display: block; transition: 0.3s; line-height: 15px; } .m-auto .AccountDll .myAcc i { margin: auto; } .mblNAv .navSub a { padding: 8px 8px 8px 40px; font-size: 14px; } .mblNAv a:hover { color: #46a69c; background: #eee; } .mblNAv .closebtn { display: block; height: 30px; width: 30px; position: absolute; top: 15px; right: 15px; cursor: pointer; z-index: 2; } .mblNAv .closebtn svg { fill: #CCC; max-width: 100%; width: 30px; height: 30px; } .mad-header-non-sticky #mb-drp-serch .mbl-lbl, .mad-header.header-3 .mad-actions .mad-col > a { color: rgb(255 255 255 / 50%); } .mad-breadcrumb { display: none; } .AccDll li { font-size: 15px; padding: 2px 0px; } .AccountDll .AccDll i { margin-right: 11px; font-size: 22px; } .hello_acc { font-size: 16px; } .productList .proImg.mad-product-image { margin-bottom: 0px; } .dnone-rating { display: none; } .registerpage { padding-bottom: 10px !important; } .AccDll .closebtn { display: block; height: 30px; width: 30px; position: absolute; top: 15px; right: 15px; cursor: pointer; z-index: 2; } .AccDll .closebtn svg { fill: #CCC; max-width: 100%; width: 30px; height: 30px; } .AccDll { margin-top: 0px; transform: none !important; height: 100%; width: 0; min-width: 250px !important; position: fixed; z-index: 99; top: 0!important; left: 0 !important; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 40px !important; text-align: left; margin-left: 0; padding: 10px 30px; } #dvPrevImg .carousel.carousel-main { height: 300px; } .detailimg .carousel-nav .flickity-viewport { min-height: 89px; } .detailimg .flickity-viewport { min-height: 250px; } #dvPrevImg .carousel-cell { /*height: 290px;*/ } .cartCount .minus { left: 4px; } .cartCount .plus { right: 4px; } .ucAlsoLike h3.mad-page-title.with-carousel:not(:last-child) { font-size: 21px !important; } .content-element-10:not(:last-child) { margin-bottom: 2rem; } .mad-product-single .product-meta { font-size: 15px; } .theiaStickySidebar .mad-widget:not(:last-child) { margin-bottom: 2rem; } #ltrNameMob { font-size: 20px; font-weight: bold; } .reviewStar .mad-rating-top-level > * { font-size: 1.5rem; } .cartNotifi { font-size: 11px; line-height: 1rem; padding: 5px; margin: 10px 0px; } .background_banner .catSubTitle { font-size: 14px; } .background_banner { padding: 20px 0px; } .mad-product .mad-product-image .mad-actions { opacity: 1; visibility: visible; margin: 0; position: absolute; bottom: 0.5rem; right: 0; } .offAvlbl { text-decoration: line-through; color: #8b9599!important; } .proDesc1.offAvlbl { font-size: 18px!important; margin-left: 5px; vertical-align: middle; margin-top: 0; } .mad-colors > * { width: 2rem; height: 2rem; line-height: 2rem; } .catBanner p { line-height: 17px; font-size: 15px; padding-left: 0; } p { font-size: 14px; line-height: 1.4rem; } .loginSec .content-element { max-width: 100%; } .loginSec .content-element a { margin-top: 0px; } .signupBtn .material-icons { display: inline-block; font-size: 22px; width: auto; margin-bottom: 0px; } .signupBtn span { display: inline-block; width: auto; text-align: center; } .forum-que { border-radius: 5px !important; padding: 10px!important; margin-bottom: 10px; background: #eee; } .forum-que .mad-entity-footer .cAlignRight.mad-link { font-size: 13px; } .forum-que .mad-entity-footer { margin-bottom: 0px; } .forum-que .mad-entity-footer .mad-share-wrap { column-gap: 0; } .signupBtn.blueBtnAro { padding: 15px; } .loginSec .nopadding a.btn-big { width: 100%; } .hidden-section { padding: 0.875rem; } .infoDiet:after, .infoDiet:before { display: none; } .infoDiet { width: auto; } .upBooking { background-image: url(../images/appointment_bg.png); background-repeat: no-repeat; background-size: cover; } .infoDiet_mAuto { order: 2; } .totalBalance.coinBanner { height: auto; } .richCoinsHistory .grid.fixedSpaces [class*='col-'] { max-width: 100%!important; width: 100%!important; } .activityWrap > .grid.fixedSpaces [class*='col-'] { padding-left: 0; padding-right: 0; } .activityWrap > .grid.fixedSpaces .col-8-12 { max-width: 66.66666667%!important; } .activityWrap > .grid.fixedSpaces .col-4-12 { max-width: 33.33333333%!important; } .dvVerify .bgImgBlock, .welcomeBlock .bgImgBlock, .dvAppointment .bgImgBlock { min-height: initial; } .contestGrid { padding: 15px; } .contestList > div > .row { display: block!important; } .contestList > div > .row .col-md-4 { display: block!important; max-width: 100%!important; } .contestWrp { padding: 10px; padding-top: 45px; } .contestList .contestWrp .contestTtl .col-8 { max-width: 100%; padding: 0px; } .contestList .contestWrp .contestTtl .col-12 { max-width: 100%; padding: 0px; } .contestList .contestDtl { width: 100%; margin-left: 0px; padding: 15px; } .contestList .contestDtl:before, .contestList .contestDtl:after { display: none; } .contestList > div > .row .col-md-4 { padding-left: 0px!important; } .contestCorner { width: 102px; height: 100px; padding: 41px 29px 10px 7px; right: -35px; top: -45px; } .contestHdr .col-md-3, .contestHdr .col-md-4 { text-align: left; } .mad-footer .border-right .mad-widget { border: none; padding: 0; } .mad-footer .social-col .mad-widget { border: none; padding: 0; } .header-3 .mad-header-section:first-child { padding: 0px; } .headerFix .header-3 .mad-header-section:first-child { display: none; } .e_aiblock h6.mad-title.style-3 { font-size: 17px; line-height: 1; } .dealOfDay .productBlock { flex-direction: column; padding: 25px; } .dealOfDay .mad-product-image { width: 100% !important; padding: 0; margin-left: 0!important; } .dealOfDay .mad-product-info { width: 100%; } .dealOfDay .offrProCtnt { width: 100%; margin: 0; } .dealOfMnth .deal-top > div:not(.month_pre_btn) { flex-direction: column; align-items: flex-start !important; } .dealOfMnth .deal-top h4 { margin-bottom: 15px; } .dealOfMnth .deal-top { align-items: flex-start; } .dealOfMnth { padding-top: 90px; } .best-seller-section { display: flex; flex-direction: column; } .best-seller-section .best_btn { display: inline-flex; flex-direction: row-reverse; margin-bottom: 15px; justify-content: center; } .best-seller-section .best_btn .swiper-button-next { position: initial; margin: 0; margin-left: 10px; } .best-seller-section .best_btn .swiper-button-prev { position: initial; margin: 0; margin-left: 10px; } .best-seller-section .focus-heading { padding-bottom: 0; } .mad-testimonial { padding: 1rem 0; margin: 0; } .e_reviews .mad-testimonials .swiper-slide { min-height: auto !important; } .mad-testimonials .swiper-buttons { position: relative; display: flex; flex-direction: row-reverse; margin-bottom: 5px; justify-content: center; } .mad-testimonials .focus-heading { text-align: center; } .mad-testimonials .swiper-button-next { position: initial !important; margin: 0; margin-left: 10px; } .mad-testimonials .swiper-button-prev { position: initial !important; margin: 0; margin-left: 10px; } .purchase-section .dealOfDay { margin: 0; width: 100%; } .servRev .ucReview { padding: 15px; } .respd.servRev { padding: 15px !important; } .productDetail .Reviews .ucReview .mad-contact-form .col-12:first-child { margin-bottom: 1rem; } .blrAccrList a.addItemBtn { display: inline-block!important; } .noticeSec { position: relative; width: calc(100% - 20px); margin-left: 10px; margin-bottom: 10px; font-size: 14px; line-height: 1.2em; padding-left: 45px; top: auto; } .noticeSec span { position: absolute; left: 10px; top: 10px; } .subsNotice { padding-left: 40px; line-height: 1.2em; } .subsNotice span { position: absolute; left: 10px; top: 10px; } .col-md-6.dvVerify.twoVerify .bgImgBlock { width: calc(100% - 20px); } .dvVerify.twoVerify .userVerify p { display: flex; flex-direction: column; padding-right: 0; text-align: center; } .dvVerify.twoVerify .userVerify p span { padding-right: 0px; text-align: center; margin-top: 10px; } .dvVerify:not(.twoVerify) .userVerify p { display: flex; flex-direction: column; padding-right: 0; text-align: center; } .dvVerify:not(.twoVerify) .userVerify p span { padding-right: 0px; text-align: center; margin-top: 10px; font-size: 14px; } } @media screen and (min-width:556px) and (max-width:767px) { .prdctList > .grid.fixedSpaces .col-4-12.mad-products { max-width: 50%; } .productList .col-3-12.mad-products { max-width: 50%; } .dealOfMnth .col-3-12.mad-products { max-width: 50%; } .dealOfDay, .dealOfMnth { width: calc(100% - 100px); margin: 30px auto auto auto; } .servRev .ucReview .mad-contact-form .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dashHdr [class*='col-'] { max-width: 50%; } .dvVerify, .welcomeBlock, .dvAppointment { max-width: 100% !important; } .bgImgBlock .acntBlock { height: 135px; } .progressDiv { left: 20px; width: 135px; } .contestHdr .row > [class*="col-"] { max-width: 50%!important; } .quizWrp { padding: 0px; } .timerWrp { min-width: 180px; } .purchase-section .row.fixedSpaces > [class*="col-"] { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .catDetailSubCat .grid.fixedSpaces [class*='col-'] { max-width: 33.33%; } } @media (max-width: 680px) { .sliderWrap .mad-product-description .product_des, .prdctList .mad-products .mad-product-description .product_des { min-height: unset !important; padding: 5px 0px; } .mad-products .mad-product-description { flex: none; } .mad-products .productBlock { padding: 15px!important; } .mad-products:not(.mad-product-small):not(.hr-type) .mad-product .mad-product-image:not(:last-child), .mad-products:not(.mad-product-small) .mad-product.big-type .mad-product-image:not(:last-child) { margin-bottom: 0rem; margin-top: 0px; } .mad-popup.chartPopup .mad-popup-inner { min-width: auto; padding: 3rem 1rem; } .nutriTable li { width: 180px; } .mad-popup.show-popup.showCookie .mad-popup:not(.qv-popup) .mad-popup-inner:after { opacity: 0.3; } .mad-counters.hr-type.item-col-4 > * { width: 100%; } .mad-newsletter-form.one-line > input:first-child { padding-right: 1rem; } .trackDietWrp .col-5-12.dayTotalSec { max-width: 100%; margin-bottom: 20px; } .accInfoTxt ul.nutriTable { display: flex; flex-flow: wrap; } .DietPlan_sec .accountAddr .addInfo li:first-child, .accountAddr ul.addInfo li { margin-bottom: 10px; } .accountAddr .addInfo .tlt_nutri { position: relative; width: 100%; right: 0; top: 0; } .accountAddr ul.addInfo { width: 100% !important; } .mad-page-title + .owl-carousel.nav-top .owl-nav { right: 0 !important; position: absolute; margin-bottom: 15px; left: auto !important; } /**/ .blogDtlPage .tlt_nutri .float-right { display: block; } .blogDtlPage .calories_sec { width: 100%; } .blogDtlPage .calories_sec label { margin: auto; padding-left: 10px; width: 100%; text-align: left; } .recipe-ingre-ul ul { padding: 20px 5px; width: 80%; margin-left: 15px; } .mad-share-wrap { margin-top: 10px; } .blogDtlPage .calories_sec .nutriDtl { /*display: flex; width: 100%; margin: auto;*/ } .blogDtlPage .headingdiet { padding-left: 10px; } .blogDtlPage .nutriTable li .nutriDtl { padding-left: 10px; font-size: 19px; margin-top: 2px; } .blogDtlPage .nutriTable li .nutriDtl label { font-size: 16px; } .blogDtlPage .nutriTable li .nutriIcn { margin-top: 7px; } .blogDtlPage .tlt_nutri .nutriTable li { width: 23% !important; margin: 2px; border-radius: 10px; position: relative; max-width: 100% !important; } .calories_sec { position: relative; padding: 10px; float: none; border-radius: 0; margin-right: 10px; margin-bottom: 5px !important; text-align: left; display: flex; } .calories_sec::after { content: ""; width: 100%; height: 1px; background: #c3c3c3; position: absolute; left: 0; top: 100%; bottom: 0px; } } @media (max-width: 555px) { .daytotal .viewChart { line-height: 2.2em; } .row.hr-size-2:not(.col-no-space), .row { margin-left: 0; margin-right: 0; } .btn { padding: 15px 15px; font-size: 15px; border-radius: 4px; } .content-element-4:not(:last-child) { margin-bottom: 1rem; } /*.nLayout .e_aiblock .ImgGrid.dbl.mad-banner { height: auto !important; }*/ .gender-radio span { margin-right: 10px; width: 50%; } .gender-radio { display: inline-flex; margin-left: 10px; width: 100%; } .commentSec.hidden-section { padding: 20px 15px !important; } .container.nopd-mobile { padding-left: 0px !important; padding-right: 0px !important; } .chartContent .activity .legends .legend label { margin: auto; display: inline-block; vertical-align: middle; font-size: 13px; } .chartContent .activity .legends .legend { width: 50%; text-align: center; } .mad-footer-main .footerNavRes .mad-widget .mad-vr-list ul li p { width: 50%; float: left; margin-bottom: 5px !important; } .odrHtryUl .htryImg { width: 30%; } .odrHtryUl .htryPrdct { width: 70%; } .actBox { padding: 20px; } .actBox.DietPlan_sec { padding: 0px; background: none; } .grid:not(.later) > [class*='col-'] { max-width: 100%!important; width: 100%!important; } .grid:not(.later) > [class*='col-1-12-8'] { max-width: 25%!important; width: 25%!important; } .e_bannerslider, .bx_bannerslider { /*display: none;*/ } .mad-pre-header { /*display: none;*/ } .e_productslider .mad-tabs-nav { padding: 0rem 0px; overflow-x: auto; white-space: nowrap; width: -webkit-fill-available; width: -moz-available; overflow-y: hidden; /*justify-content: flex-start!important;*/ } .e_productslider { margin-bottom: 10px; } .product-slider, .rltdProduct { width: calc(100% - 0px); margin: 0px !important; padding: 0 10px; } .designfff .product-slider { /*padding: 0 20px; width: calc(100% - 20px); margin: auto !important;*/ } .designfff .mad-product-cat-link { padding-left: 10px; padding-right: 10px; } .cat_pre_btn .swiper-button-next { right: 0px; } .cat_pre_btn .swiper-button-prev { left: 0; } .mad-header:not(.header-4):not(.header-2) .mad-logo, .mad-promo { text-align: center; } .mad-header .mad-actions { justify-content: center; } .mad-header .mad-cat-toggle { min-width: 100%; } .mad-sub-wrap { padding-left: 0; padding-right: 0; } .shopping-cart.mad-dropdown-element { right: 0; width: 100%!important; min-width: unset; padding-left: 0rem; padding-right: 0rem; } .mad-actions .mad-dropdown-cart:not(.mad-lang) { position: static; } .tp-layer-section-title span { margin-right: 0.25rem!important; } .rev-slider .btn-huge { padding: 0.75rem 1rem!important; font-size: 0.875rem!important; line-height: 1rem!important; } .owl-carousel .owl-dots, .tp-bullets { padding-left: 2rem; } .mad-banner.banner-small { max-width: 100%; } .mad-sponsors:not(.owl-carousel) > .mad-grid-item { width: 50%; } .e_aiblock .mad-banner { /*padding-left: 1rem !important; padding-right: 1rem !important;*/ } .e_aiblock .mad-banner { padding: 1rem 1rem; padding-right: 1rem; } .mad-counters.item-col-4 > *, .mad-countdown:not(.size-2) .countdown-section, .mad-counters.hr-type.item-col-4 > *, .mad-product-categories .mad-product-category { width: 100%; } .mad-instafeed .item-col-6 > *, .mad-instafeed.style-2 .item-col-6 > * { width: 50%; } .mad-icon-boxes[class*="item-col-"] > *, .mad-team[class*="item-col-"] > *, .mad-products[class*="item-col-"] > *, .mad-product-categories[class*="item-col-"] > * { width: 100%!important; } table.mad-table--vertical tbody th { width: auto; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav { float: none; width: 100%; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab { padding: 0; } .mad-products-with-countdown.type-2 { margin: 0; } .owl-carousel:not(.no-nav):not(.nav-top):not(.mad-simple-slideshow) { padding-left: 3rem; padding-right: 3rem; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav a { border-right: none; border-left: none; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-container { border: none; } .mad-page-title .mad-read-more { padding-left: 0; display: block; } .mad-products.hr-type .mad-product:not(.big-type) { flex-direction: column; } .shopping-cart .mad-products.hr-type .mad-product:not(.big-type) { flex-direction: row; } .mad-products.hr-type.nav-top .mad-product:not(.big-type) .mad-product-image, .mad-products.hr-type .mad-product:not(.big-type) .mad-product-image { max-width: 100%; } .mad-header.header-2 .mad-icon-boxes.our-info .mad-icon-box, .mad-header.header-2 .mad-navigation-container { padding: 0; justify-content: center; } .mad-promo-row .mad-col { width: 100%; } .mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--tour-sections) .mad-tabs-nav { overflow-x: auto; white-space: nowrap; width: -webkit-fill-available; width: -moz-available; overflow-y: hidden; justify-content: flex-start!important; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:first-child, .mad-header.header-4 .mad-header-section--sticky-xl .row > *:last-child { width: 100%; flex: 100%; max-width: 100%; } .mad-header.header-4 .mad-actions { flex-wrap: wrap; row-gap: 1rem; } .mad-icon-boxes.hr-type.mad-reverse .mad-icon-box { text-align: inherit; flex-direction: row; } #menu2 .mad-colorizer-bg-image { opacity: 0.1; } .mad-spec-list > li .mad-col span:first-child { min-width: auto; min-width: 53%; } .mad-spec-list > li .mad-col { column-gap: 1rem; row-gap: 1rem; } form.one-line .btn { position: initial; margin-top: 1rem; } .mad-testimonials.type-2 .mad-testimonial { padding-left: 0; padding-right: 0; } .mad-testimonials.type-2 .mad-testimonial:after { display: none; } .mad-media-inner h1.mad-title { font-size: 4rem; } .mad-pre-header .mad-header-item { justify-content: center; } .mad-our-info-box .mad-our-info-item { flex-direction: column; } .mad-gmap { min-height: 35rem; } .mad-flex-responsive, .mad-products.one-line .mad-product .mad-product-col { flex-direction: column; } .mad-flex-responsive > * { flex: 100%; } .mad-coming-soon h1.mad-page-title { font-size: 4rem; line-height: 4.5rem; } .mad-404-title { font-size: 10rem; line-height: 8rem; } .mad-sorting-section > .mad-col { flex-direction: column; align-items: center; width: 100%; } .mad-sorting-section > .mad-col .mad-custom-select { min-width: 100%; width: 100%; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-child(-n+2) .mad-product { padding-top: 1.875rem; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+2) .mad-product { padding-bottom: 1.875rem; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+2) .mad-product:after { display: block; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-child(-n+1) .mad-product { padding-top: 0; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+1) .mad-product { padding-bottom: 0; } .mad-products.style-2.type-2[class*="item-col-"] .mad-grid-item:nth-last-child(-n+1) .mad-product:after { display: none; } .mad-filter-inner { padding-left: 1rem; padding-right: 1rem; width: 100%; } .mad-product-single .image-preview-container:not(.type-2) .mad-thumb-holer { max-width: 5rem; max-height: 100%; overflow: auto; } /*.mad-fixed-bar-inner { display: none; }*/ .mad-widget .mad-products.hr-type .mad-product { flex-direction: row; } .shop-cart-form .mad-product { flex-direction: column; align-items: flex-start; } .mad-order.mad-table-wrap table:not(.mad-table--vertical) tr th:last-child { width: 50%; } table td, table th { padding-left: 1rem; padding-right: 1rem; } .video_wrapper_full.image-2 { padding-top: 15rem; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:nth-child(2) { order: 1; max-width: 50%; flex: 50%; } .mad-header.header-4 .mad-header-section--sticky-xl .mad-navigation-container, .mad-header.header-2 .mad-navigation-container { justify-content: flex-end; } .mad-header.header-4 .mad-header-section--sticky-xl .row > *:first-child { max-width: 50%; flex: 50%; } .mad-promo .mad-countdown.size-2 .countdown-row { justify-content: center; } .mad-header.header-2 .mad-header-section--sticky-xl .row > *:nth-child(2), .mad-header.header-2 .mad-header-section--sticky-xl .row > *:first-child { order: 1; } .mad-header.header-2 .mad-header-section--sticky-xl .row > *:last-child { order: 2; } .mad-author-img { display: none; } .mad-video-link:before { display: none; } .mad-cat-toggle { padding-left: 1rem; padding-right: 1rem; } .mad-cat-toggle:after { right: 1rem; } .mad-header:not([class*='header-']) .mad-header-item:first-child { min-width: calc(100% - 5rem); } .mad-header .mad-cat-menu { padding-left: 1rem; padding-right: 1rem; } .mad-products.style-2.item-col-4 .mad-grid-item:not(:last-child) .mad-product, .mad-products.style-2.item-col-5 .mad-grid-item:not(:last-child) .mad-product, .mad-products.style-2.item-col-6 .mad-grid-item:not(:last-child) .mad-product { padding-bottom: 2rem; } .mad-products.style-2.item-col-4 .mad-grid-item:not(:last-child) .mad-product:after, .mad-products.style-2.item-col-6 .mad-grid-item:not(:last-child) .mad-product:after { content: ''; position: absolute; bottom: 0; left: 1.875rem; right: 1.875rem; height: 1px; background: #dce3e6; } .mad-widget-bg .mad-icon-boxes.item-col-1 > * { width: 100%; } .mad-header:not(.header-3) .mad-header-section--sticky-xl .mad-header-items > *:not(:last-child) { order: 2; } .mad-header:not(.header-3) .mad-header-section--sticky-xl .mad-header-items { flex-wrap: wrap; } .mad-header.header-2 .mad-header-section .row > *:nth-child(3) { order: 1; } .mad-header.header-2 .mad-header-section .row > *:first-child { order: 3; } .mad-header.header-2 .mad-pre-header .mad-header-items { flex-direction: column; } .container.extra-width, .container, .mad-section--stretched-content { /*padding-left: 1rem; padding-right: 1rem;*/ } .nLayout .e_aiblock .mad-banner { /*margin-bottom: 20px; height: auto;*/ } .homeWrp .fix-12-12 .container { padding-left: 0px; padding-right: 0px; } .mad-header .container, .subscribe_fixed .container, .mad-footer-main .container { padding-left: 1rem; padding-right: 1rem; } .nLayout.rowSP_bottom [class*='col-']:last-child .e_aiblock .mad-banner { margin-bottom: 0px; } .mad-modal--search { margin: 0 1rem; width: auto; } .mad-header.header-2 + .forcefullwidth_wrapper_tp_banner .rev-slider .tp-bullets { margin-left: 2rem!important; } .mad-products.hr-type.with-border.style-2.owl-carousel.mad-grid--cols-3 .mad-grid-item .mad-product:nth-child(2) { display: none; } .mad-products.hr-type.with-border.style-2.owl-carousel.mad-grid--cols-3 .mad-grid-item .mad-product { margin-bottom: 0; padding-bottom: 0; } .mad-products.hr-type.with-border.style-2.owl-carousel.mad-grid--cols-3 .mad-grid-item .mad-product:after { display: none; } .mad-navigation:not(.side-menu) { margin-top: 0; } .mad-header.header-2 .mad-navigation--vertical-sm, .mad-header.header-4 .mad-navigation--vertical-sm { top: 0; margin-top: 3.5rem; } .mad-tabs.sort-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--tour-sections) .mad-tabs-nav:not(.style-2) { justify-content: center!important; } .mad-products:not(.mad-product-small).one-line .mad-product-description:not(:last-child) { margin-bottom: 0.5rem; } .btn-set.justify-content-between > *:last-child .tags { justify-content: flex-start; } .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav { max-width: 100%; } .tp-bgimg, #rev-slider-3.rev-slider .tp-bgimg { background-position: left top!important; } #rev-slider-1.rev-slider .tp-bullets, #main #rev-slider-1.rev-slider .tp-bullets { padding-left: 2.75rem!important; } .mad-banner[data-bg-image-src="images/688x480_banner1.jpg"], .mad-banner[data-bg-image-src="images/584x480_banner2.jpg"] { background: #27668c!important; } .mad-banner[data-bg-image-src="images/584x480_banner1.jpg"] { background: #fbecec!important; } .mad-banner[data-bg-image-src="images/584x840_banner1.jpg"], .mad-banner[data-bg-image-src="images/688x480_banner2.jpg"], .mad-banner[data-bg-image-src="images/584x480_banner4.jpg"] { background: #4abfd9!important; } .tp-revslider-mainul > li .tp-bgimg { background: #daedeb!important; } .tp-revslider-mainul > li:nth-child(2) .tp-bgimg { background: #dcf2f7!important; } .tp-revslider-mainul > li:nth-child(3) .tp-bgimg { background: #faebeb!important; } .mad-products.style-2:not(.type-2):not(.owl-carousel):not(.hr-type) .mad-grid-item:not(:last-child) .mad-product:after { content: ''; position: absolute; bottom: 0; left: 1.875rem; right: 1.875rem; height: 1px; background: #dce3e6; } .mad-products.style-2.item-col-5 .mad-grid-item:last-child { display: block; } .mad-tabs.mad-tabs--style-2 .mad-table--vertical tr { display: grid; } .mad-tabs.mad-tabs--style-2 .mad-table--vertical tr:last-child td { border-top: 1px solid #dce3e6; } .mad-page-title.with-carousel, .mad-title.with-carousel { padding: 0; } h5.mad-page-title.with-carousel:not(:last-child) { margin-bottom: 4.5rem; } h3.mad-page-title.with-carousel:not(:last-child) { margin-bottom: 4.5rem; } .mad-page-title + .row .owl-carousel.nav-top .owl-nav, .mad-page-title + .owl-carousel.nav-top .owl-nav, .mad-tabs.with-carousel .owl-carousel.nav-top .owl-nav, .mad-testimonials .owl-carousel.nav-top .owl-nav { right: auto; left: 0; } .mad-products-with-countdown h5.mad-page-title + .owl-carousel.nav-top .owl-nav { left: 1.875rem; } .mad-popup.qv-popup .mad-popup-holder [class*="mad-nav"] { display: none; } .mad-footer-bottom p:not(:last-child) { display: inline-block; } .shop-cart-form .mad-product { row-gap: 5px; } .shop-cart-form table td, .shop-cart-form table th { padding: 5px 5px!important; } .shop-cart-form table th { font-size: 12px!important; } .shop-cart-form .mad-products.mad-product-small .mad-product-description .mad-product-title { font-size: 12px!important; margin-top: 10px; } .shop-cart-form table tr th:first-child { width: 100px!important; } .shop-cart-form table tr th:nth-child(2) { width: 65px!important; } .shop-cart-form table tr th:nth-child(4) { width: 65px!important; } .shop-cart-form .tbl-item { max-width: 100px!important; } .cartCradit { padding: 20px 0px 10px 0; text-align: center; } .mad-products:not(.mad-product-small) .mad-product { height: auto!important; } .mad-popup:not(.qv-popup) .mad-popup-inner:after { width: 10rem; height: 10rem; right: -3rem; } #dvOTP.mad-popup .mad-popup-inner, #dvEmailOTP.mad-popup .mad-popup-inner, #dvDontGo.mad-popup .mad-popup-inner, .mad-popup.thankPopup .mad-popup-inner { width: 100%; min-width: auto; max-width: 90%; font-size: 0.95em; line-height: 1.5em; padding: 2rem; } #dvOTP.mad-popup .mad-nl-title, #dvEmailOTP.mad-popup .mad-nl-title, #dvDontGo.mad-popup .mad-nl-title, .mad-popup.thankPopup .mad-nl-title { font-size: 1.3rem; line-height: 1.5rem; max-width: calc(100% - 30px); } #mdlConMsg h4.color_theme { font-size: 1.3rem; line-height: normal; } #dvOTP.mad-popup .mad-nl-title, #dvError.mad-popup .mad-nl-title, #dvEmailOTP.mad-popup .mad-nl-title, #dvOTPSuccess .mad-popup-inner .mad-nl-title, #dvDietFormStatus.mad-popup .mad-nl-title { max-width: 100%; } #dvDietFormStatus.mad-popup .mad-newsletter-form { margin: auto; padding: 0px !important; } #dvDietFormStatus.mad-popup .mad-newsletter-form .btn-big { margin-bottom: 15px; } #dvDietFormStatus.mad-popup .mad-newsletter-form a { display: inline-block; width: 100%; text-align: center; padding: 0px; letter-spacing: normal; margin-left: 0px !important; } #dvOTP.mad-popup .popupContent p, #dvEmailOTP.mad-popup .popupContent p, #dvOTPSuccess .mad-popup-inner p, #dvDietFormStatus.mad-popup .popupContent p { font-size: 0.95em; } #dvOTP.mad-popup .mad-newsletter-form.one-line b, #dvEmailOTP.mad-popup .mad-newsletter-form.one-line b { margin-bottom: 0.1rem; display: inline-block; font-size: 0.95em; line-height: normal; } #dvOTP.mad-popup .form.one-line .btn, #dvEmailOTP.mad-popup .form.one-line .btn, #dvDontGo.mad-popup .form.one-line .btn, .mad-popup.thankPopup .form.one-line .btn { position: initial; width: 100%; margin-top: 10px; font-size: 0.9rem; line-height: 1rem; padding: 1rem 1.5rem 1rem; border-radius: 0.4rem; letter-spacing: 0.01em; } .mad-popup.thankPopup .mad-newsletter-form.one-line > input { height: 3rem; line-height: 3rem; } .mad-popup.recordPopup .mad-popup-inner { height: 100%; } .popupContent h2 { font-size: 2rem; } .productList .col-3-12.mad-products { max-width: 100%!important; } .myAccountTab .productBlock .proImg a.addRecIcon { height: auto; } .shopping-cart .btn-set > .btn { width: auto; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-description { padding-right: 0rem; } .shopping-cart .mad-products.hr-type .mad-product:not(.big-type) { column-gap: 15px; } /*.shopping-cart .mad-close-item { position: absolute; right: 0; top: 0; }*/ .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec { display: flex; flex-wrap: wrap; margin-bottom: 5px; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .mad-custom-select.selectFood .dropSelect, .selectFood .dropSelect .select { width: 100%; } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .mad-custom-select.selectFood { width: calc(100% - 95px); } .myAccountTab .mad-tabs--tour-sections .foodItmPop.mad-popup .food_form .food_sec .cartCount { /*margin-bottom: 5px;*/ width: 90px; } .e_productslider .sliderWrap { width: 100%!important; margin-left: 0px!important; } .item_name label { font-size: .8rem; } .item__thumb { width: 35px; min-width: 35px; } .totalBalance { height: auto; padding: 2rem 1rem; } .appblck, .userInfo { min-height: initial; } .progressDiv { left: 15px; } .sidebar { width: 100%; } #dvAssist .button-group .btn { min-width: 110px; padding: 0.8rem 1rem 0.8rem; font-size: 1rem; } .contestHdr [class*="col"] { padding-bottom: 20px!important; } .contestHdr { padding-bottom: 30px; } .quizWrp { padding: 0px; } .quizHdr > img { max-width: unset; position: absolute; top: 0px; min-width: 100%; opacity: .5; min-height: 100%; left: -50%; right: -50%; max-height: 100%; } .show555 { display: block; } .hide555 { display: none; } .contestHdr .col-md-2, .contestHdr .col-md-3 { max-width: 33.33%!important; padding-left: 10px; padding-right: 10px; } .dateGrid span { font-size: 16px; } .dateGrid > div > a { font-size: 16px; } .dateGrid img { width: 30px; } .mad-popup.foodItmPop .mad-popup-inner { padding: 20px; } .mad-popup.foodItmPop .nutriTable li { max-width: 180px; width: calc(50% - 10px)!important; } .DietPlan_sec .accountAddr { padding: 0px; box-shadow: none; border-bottom: 2px solid #8bc34a; border-radius: 0px; margin-bottom: 0px; } .DietPlan_sec .accountAddr .addInfo li:first-child, .accountAddr ul.addInfo li { margin-bottom: 0px; } .nutriTable li .nutriIcn { width: 25px; } .nutriTable li .nutriDtl label { margin-top: 5px; } .Total-Section .nutriTable li .nutriDtl { font-size: 12px; } .accInfoTxt ul.nutriTable { margin-top: 0px; } .dietTotalsub .dwnldBtn a.lnkAdd { background: #1b4763; color: #FFF; line-height: 1em; margin-top: 0px; display: block; text-align: center; padding: 10px; margin: auto; } .dietTotalsub .dwnldBtn a.lnkAdd span { display: inline-block!important; width: auto!important; margin-left: 5px; } .DietPlan_sec .accInfo .mad-section { min-height: initial!important; padding-top: 0px; padding-bottom: 0px; } .mad-product-cat-link .round-img { /*width: 100px; height: 100px;*/ } .homeWrp .fix-12-12 { max-width: 100% !important; padding-left: 10px; padding-right: 10px; } .e_categoryslider .sliderWrap { padding: 0; } .e_bannerslider { padding-left: 0; padding-right: 0; } .e_aiblock { padding-left: 0; padding-right: 0; } .grid.fixedSpaces .e_categoryslider [class*='col-'] { padding-left: 0; padding-right: 0; } .offrGrids .grid.fixedSpaces { margin-left: 0; margin-right: 0; } .nLayout .grid.later > [class*='col-']:not(:last-child) .e_image { margin-bottom: 15px; } .ucVideo iframe { min-height: 160px !important; } .e_video .prmBlcs.ucVideo { padding-left: 0; padding-right: 0; } .nLayout .e_aiblock .mad-banner { height: auto; min-height: 150px; } .mad-footer-bottom .d-flex-sec { display: flex; flex-direction: column; } .mad-footer-bottom .d-flex-sec span { margin-bottom: 10px; width: 100%; } .mad-sub-wrap .margin-auto { padding: 40px 10px; } .mad-footer-bottom .rpt-menu-btm { margin: 0; flex-direction: column; } .mad-footer-bottom .rpt-menu-btm li { padding: 0; margin-bottom: 5px; } .mad-footer .mad-widget { margin-bottom: 0; } .purchase-section .row.fixedSpaces > [class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .purchase-block { height: 250px; padding: 2rem; } .purchase-heading { font-size: 2rem; line-height: 1; } .slick-slider { /*margin-top: 45px;*/ } .slick-arrow.slick-prev { position: initial; margin: auto; margin-bottom: 15px; margin-right: 50px; } .slick-arrow.slick-next { top: 0; } .dealOfDay .mad-product-image .imgSpan img { max-height: initial; width: 100%; } .prdctList .dealOfDay .productBlock .mad-label { top: -40px; left: -15px; } .offrGrids.btmOffer .dealOfDay .productBlock .mad-label { top: -28px; left: -70px; z-index: 1; } .catBanner .catTitleWrp { width: calc(100% - 110px); } .proDesc .proDescLines .proDecTop .mad-info-item > .mad-progress-bars { top: 7px; right: 0; } .proDesc .proDescLines .proDecTop .mad-info-item .mad-progress-bars > #dvAvailability { display: flex; flex-direction: column; } .proDesc .proDescLines .proDecTop .mad-info-item .mad-progress-bars .mad-progress-bars { position: initial; } .theiaStickySidebar ul.btn-set.mad-paycards { display: flex; justify-content: space-between; } .theiaStickySidebar ul.btn-set.mad-paycards li { width: 33.33%; text-align: center; } .mad-sidebar .theiaStickySidebar .mad-widget-bg { padding-left: 0px; padding-right: 0px; } .mad-sidebar .theiaStickySidebar .mad-widget-bg .mad-col { padding-left: 0; padding-right: 0; } .mad-icon-boxes.size-2.hr-type .mad-icon-box { padding-left: 10px; padding-right: 10px; } .productDetail .row.vr-size-2:not(.col-no-space) > [class*="col"] { padding-bottom: 1rem; } .productDetail .carousel-nav { transform: none; margin: 0; width: 100%; padding-left: 40px; padding-right: 40px; } .productDetail .carousel-nav .carousel-cell { transform: none; width: 33.33%; } .productDetail .carousel-nav .flickity-prev-next-button.previous { left: 0; } .productDetail .carousel-nav .flickity-prev-next-button.next { right: 0; } .productDetail .carousel-nav .flickity-slider { margin: 0 !important; width: 100%; } .detailimg.row { margin-bottom: 0; flex-direction: column-reverse; } .detailimg.row [class*="col"]:first-child { padding-bottom: 0; } .detailimg .carousel-nav .carousel-cell { height: 100px !important; padding: 14px; } #accountAddrDiet.accountAddr .addInfo .tlt_nutri li { max-width: 125px!important; width: calc(25% - 5px)!important; display: block!important; border: 0px; border-radius: 0px; } #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec { display: block; } #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec::after { content: ""; width: 1px; height: 100%; background: #c3c3c3; position: absolute; left: auto; top: 0; bottom: 0px; } } /*@media (max-width: 555px) { .mad-page-title + .owl-carousel.nav-top .owl-nav { right:10px;left:auto;} }*/ @media (max-width: 480px) { #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec { display: flex; } .Total-Section .nutriTable li { padding-top: 0px; } #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec::after { display: none; } .feedbot { width: 100%; padding: 10px 10px 10px 10px; } .suggest li label { padding: 10px 10px; } .hdrmbl-search { padding-top: 1.5rem !important; top: 92%; } .detailimg .carousel-nav .carousel-cell { padding: 0px; height: 80px !important; } #dvCoupanFtr .shop-cart-form.shopping-cart-full .avlcouponCode label { padding: 10px 10px 0px 30px; align-items: center; } #dvCoupanFtr .shop-cart-form.shopping-cart-full .avlcouponCode label * { margin-right: 3px; padding-top: 3px; } .myAccountTab .mad-tabs-nav a { padding: 8px 10px!important; } /*#dvFoodItem .mad-popup-inner .col-md-6{ padding-left:0px; padding-right:0px;}*/ .trackDietWrp .foodAccord .blrAccrCntnr .blrAccrList { padding: 10px; } .myAccountTab .mad-section { padding-left: 0px; padding-right: 0px; } .mobilePad-20 { padding-right: 0px; padding-left: 0px; } .nopd-mobile { padding: 0px; } .userInfo { padding: 14px; } .bgImgBlock .acntBlock { height: 150px; } .bgImgBlock { margin-bottom: 1rem; } .dvVerify:not(.twoVerify) .userVerify { padding: 20px; } .userInfo > .material-icons { font-size: 100px; opacity: .3; } #lnkAddBasket { padding: 13px 10px; } .cartCount { width: 125px; } .myAccountTab .mad-tabs-nav > span { border-right: none; margin-right: 5px; margin-bottom: 10px; } .headaddr { width: 80%; display: inline-flex !important; } .clsenergy { width: 100%; } .trackedFood span.trackedfname { width: calc(100% - 84px ); } .chartContent .panel1 .header { display: flex; padding: 7px; } .chartContent .panel1 .header h2 { width: 23%; } .chartContent .activity .legends .legend label { margin: auto; display: inline-block; vertical-align: middle; font-size: 10px; } .chartContent .activity .legends .legend { width: 50%; text-align: center; } .subscribe_fixed .one-line .btn { position: relative; top: 0; right: 0; width: 100%; margin-top: 10px; } .daytotal .viewChart { font-size: 15px; padding: 10px; height: 100%; white-space: pre-wrap; line-height: 1em; } .daytotal .viewChart i { margin-top: 8px; } .trackDietWrp .dietTotalsub .daytotal .viewChart i { margin-top: 0px; } .odrHtryUl { padding: 15px; } .odrDate { float: none; font-weight: 500; line-height: 1.5em; text-align: right; } .odrDate .numbers { display: block; } .odrInvc { padding: 10px 13px; } .odrHtry .odrHtryUl li:last-child { padding-bottom: 0px; } .htryPrdct .htryPrice { width: 100%; } .mad-page-title + .owl-carousel.nav-top .owl-nav { right: 0 !important; position: absolute; margin-bottom: 10px; left: auto !important; } .shop-cart-form table tr th:first-child { width: 67px!important; } .shop-cart-form.shopping-cart-full .cartCount { margin-right: 0px; } .quickprod { flex-wrap: unset; } .mobile-pad-10p { padding: 40px 20px 20px !important; } .mobile-pad-10p .lastcol { padding-bottom: 10px !important; } .dayTotalSec .daytotal { display: inline-flex; flex-wrap: wrap; } .dayTotalSec .daytotal label { display: block; width: 100%; margin: auto; font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 5px; } .daytotal li span.ttlTD { font-size: 14px; } .dayTotalSec .daytotal li span:last-child { font-size: 12px; width: 100%; text-align: right; } .dayTotalSec .daytotal li { display: block !important; line-height: 1.3rem !important; padding: 6px !important; width: 100% !important; border-right: none !important; text-align: center !important; border-bottom: 1px solid #ddd !important; } .dayTotalSec .daytotal li:last-child { border-bottom: 0px !important; } .mad-product-single .image-preview #dvPrevImg .carousel.carousel-main { height: auto !important; } .mad-product-single .image-preview #dvPrevImg .carousel-cell { height: 297px; } .mad-popup-holder .mad-popup-wrap .mad-product-single .row.vr-size-2 { padding-bottom: 0px; } .mad-popup-holder .mad-popup-wrap .mad-product-single .col-xl-6.lastcol { margin-bottom: 20px; } .swiper-slide { min-height: 300px!important; } .myAccountTab .mad-tabs-nav > span:nth-child(4), .myAccountTab .mad-tabs-nav > span:nth-child(5), .myAccountTab .mad-tabs-nav > span:nth-child(6), .myAccountTab .mad-tabs-nav > span:nth-child(7), .myAccountTab .mad-tabs-nav > span:nth-child(8), .myAccountTab .mad-tabs-nav > span:nth-child(9) { display: none!important; } .trackDietWrp .dietTotalsub.dayTotalSec .daytotal li:last-child { /*width: 100%!important; display: block!important;*/ margin-top: 5px; } .trackDietWrp .dayTotalSec .daytotal li { display: block!important; width: calc(50% - 10px) !important; margin-right: 10px; } .tracksearch .srchWrp .searchFoodIc { padding-top: 15px!important; min-width: 100px; } .tracksearch .srchWrp .searchFoodIc span.show599 { display: none!important; } .DietPlan_sec .dayTotalSec .daytotal li { width: calc(50% - 10px) !important; margin-right: 10px; } .productList .trackDietWrp > .mad-section { padding-top: 0px!important; padding-bottom: 0px!important; } .productList .trackDietWrp > .mad-section .dateSelection .pagination { margin-bottom: 0px!important; } .tracfreq .chartContent { display: none!important; } .tlt_nutri .nutriTable li { max-width: 125px!important; width: calc(25% - 5px)!important; display: block!important; border: 0px; border-radius: 0px; } .trackDietWrp .tlt_nutri .nutriTable li { width: calc(50% - 5px)!important; border-radius: 5px!important; } .DietPlan_sec .dateSelection .pagination { margin-bottom: 0px; } .foodSelectr .frequentlyQue { display: none; } .foodSelectr { position: fixed; background-color: #ffffff; top: 0px; z-index: 99999; padding-top: 30px; padding-bottom: 30px!important; box-shadow: 0px 3px 11px 3px rgba(0,0,0,0.46); left: 0px; width: 100%; transform: translate(0px,-445px); transition: .5s; border-bottom: 4px solid #f95549; } .openSrch .foodSelectr { transform: translate(0px,0px); transition: .5s; } .addBtn { font-size: 15px; padding: 10px; display: inline-block; color: #fff; position: relative; background: #3bb67d; line-height: 1em; border-radius: 4px; } .closeIt { display: block!important; padding: 10px 15px; background-color: #f95549; position: absolute; color: #FFF; line-height: 1em; border-radius: 0px 0px 4px 4px; bottom: -36px; right: 10px; font-size: 15px; font-weight: bold; letter-spacing: 0px; } .blogDtlPage .nutriTable li .nutriDtl { padding-left: 25px; font-size: 14px; margin-top: 2px; } .blogDtlPage .nutriTable li .nutriDtl label { font-size: 12px; margin-left: -24px; display: block; margin-bottom: 8px; } .blogDtlPage .tlt_nutri .nutriTable li { width: 23% !important; margin: 2px; border-radius: 10px; position: relative; max-width: 100% !important; } .blogDtlPage .recipe-ingre-ul ul { padding: 20px 5px; width: calc(100% - 20px); } .blogDtlPage .nutriTable li .nutriIcn { margin-top: 4px; width: 20px; position: absolute; bottom: 7px; } } @media only screen and (min-width:380px) and (max-width:415px) { #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec { display: block; border-right: 1px solid #ddd; } #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec::after { /*display:none;*/ } #accountAddrDiet.accountAddr .addInfo .Total-Section .nutriTable li .nutriDtl { margin-top: 10px; } } @media only screen and (max-width:380px) { #accountAddrDiet.accountAddr .addInfo .Total-Section .calories_sec { border-bottom: 1px solid #ddd; } #trackDietId .nutriDtl .dtTotalPlus { display: block; } .homeWrp .e_bannerslider .swiper-wrapper > li { min-height: 260px!important; } .dashHdr [class*="col"] { padding-bottom: 10px!important; } .bgImgBlock .acntBlock { height: 130px; } .headerFix .hdrmbl-search { position: fixed; z-index: 9; padding-top: 15px; } .headaddr { width: 80%; display: inline-flex !important; } .blogDtlPage .tlt_nutri .nutriTable li { width: 23% !important; margin: 2px; border-radius: 10px; position: relative; max-width: 100% !important; } .blogDtlPage .calories_sec { width: 100%; } .blogDtlPage .calories_sec label { margin: auto; padding-left: 10px; width: 100%; text-align: left; } .recipe-ingre-ul ul { padding: 20px 5px; width: 80%; margin-left: 15px; } .mad-share-wrap { margin-top: 10px; } .blogDtlPage .calories_sec .nutriDtl { /*display: flex; width: 100%; margin: auto;*/ } .blogDtlPage .headingdiet { padding-left: 10px; } .blogDtlPage .nutriTable li .nutriDtl { padding-left: 25px; font-size: 14px; margin-top: 2px; } .blogDtlPage .nutriTable li .nutriDtl label { font-size: 12px; margin-left: -24px; display: block; margin-bottom: 8px; } .blogDtlPage .nutriTable li .nutriIcn { margin-top: 4px; width: 20px; position: absolute; bottom: 7px; } .Total-Section .calories_sec .nutriDtl { display: flex; margin: auto 0; width: 100%; } .Total-Section { display: block; } .Total-Section .calories_sec label { width: 100%; padding: 0 10px; } .Total-Section .nutriTable li { display: flex; width: 100%; } .Total-Section .calories_sec .nutriIcn img { height: auto; vertical-align: middle; } /*.nutriTable li .nutriIcn { width: 20%; float: none; vertical-align: middle; }*/ .Total-Section .nutriTable li .nutriDtl { /*font-size: 17px; display: inline-flex; margin: auto; vertical-align: middle;*/ /*float: initial;*/ padding-left: 2px!important; } .calories_sec::after { content: ""; width: 100%; height: 1px; background: #c3c3c3; position: absolute; left: 0; top: 100%; bottom: 0px; } .tlt_nutri .float-right { display: block; float: none !important; } .calories_sec { position: relative; padding: 10px; float: none; border-radius: 0; margin-right: 10px; margin-bottom: 5px !important; text-align: left; display: flex; } .myAccountTab .searchFoodIc span.show599 { display: none; } .quickprod { flex-wrap: wrap; } .quickprod .cartCount { width: 200px; } .mobilePad-20 { padding-bottom: 30px !important; } .nopd-mobile { padding: 0px; } .fixedSpaces.productList .mad-section .nopd-mobile { padding-left: 0px !important; padding-right: 0px !important; } /*.dayTotalSec .daytotal { display: block !important; border: 2px solid #ededed; width: 100%; margin-left: 10px; } .dayTotalSec .daytotal li { display: inherit; line-height: 1.3rem; padding: 10px; width: 100%; border-bottom: 1px solid #cccc; } .dayTotalSec .daytotal li:last-child { border-bottom: none; }*/ .htryftr .CnclOrder { text-align: center; float: right; } .htryftr { display: flex; flex-direction: row-reverse; } .odrHtryUl .htryImg { width: 28%; } .odrHtryUl .htryPrdct { width: 65%; } .mad-spec-list > li .mad-col { flex-direction: column; } .btn { white-space: inherit; } .mad-header:not(.header-3) .mad-header-item { width: 100%; } .mad-header:not([class*='header-']) .mad-header-item { width: auto; } .mad-search-section > .mad-col:not(:first-child), .mad-header:not([class*='header-']) .mad-cat-toggle span { display: none; } .header-2 .mad-actions { column-gap: 1rem; } .mad-404-title { font-size: 9rem; line-height: 10rem; } .mad-breadcrumb .mad-page-title { font-size: 3rem; line-height: 3.5rem; } /*h2 { font-size: 2.5rem; line-height: 3rem; }*/ .mad-pricing-tables .mad-pricing-table ul li { line-height: 1.5rem; } .mad-pricing-tables .mad-pricing-table ul li:not(:last-child) { margin-bottom: 0.5rem; } .monkeysan-tooltip-right, .monkeysan-tooltip-left { margin-top: -2rem!important; } .float_right.AskQuestionCol .blueBtnAro span { line-height: normal; } .float_right.AskQuestionCol .blueBtnAro { font-size: 13px; } .nutriTable li { width: 80%; } .shopping-cart .btn-set > .btn { width: auto; } .shopping-cart .mad-products.hr-type .mad-product .mad-product-description { padding-right: 0rem; } /*.shopping-cart .mad-products.hr-type .mad-product:not(.big-type) { flex-direction: column; }*/ .mad-header-item .mad-actions > .mad-col, .mad-header-item .mad-actions > #lnkBasket a { /*width: 35px; text-align: center; margin: 0px 10px;*/ } } /*@media only screen and (max-width:320px) { .mad-header-item .mad-actions > .mad-col .navRight, .mad-header-non-sticky #mb-drp-serch .mbl-lbl { display: none; } .mad-header-non-sticky .mad-logo { width: 97px; } }*/ @media (max-width: 320px) { .userVerify p { padding-right: 0px; } .userVerify .material-icons { opacity: .2; } .accInfo .shipInfo { padding: 15px 10px; } .mad-header-non-sticky .mad-logo { width: 82px; } .mad-sub-wrap h2 { font-size: 29px; } .foodAccord .trkDiteHdr span { display: block; } .trackDietWrp .tlt_nutri .nutriTable li { width: 100%!important; max-width: 80% !important; } .mad-header-item .mad-actions > .mad-col .navRight, .mad-header-non-sticky #mb-drp-serch .mbl-lbl { display: none; } #MainContent_upCustdiet .foodAccord .trkD .addInfo .tlt_nutri .nutriTable { display: flex; flex-wrap: wrap; justify-content: center; } .richCoinsDiv p { flex-wrap: wrap; justify-content: center; line-height: 2rem; } .bgImgBlock .acntBlock { height: 108px; } .catBanner .catImage { max-width: 100%; } .catBanner .catTitleWrp { max-width: 100%; margin-left: 0px; margin-top: 10px; } .dealOfMnth .month_pre_btn { position: absolute; right: 0px; top: 3px; } .mad-testimonials .focus-heading { font-size: 24px; } .e_aiblock h2.mad-title.big-title { font-size: 26px; line-height: 2rem; letter-spacing: 0; } .e_aiblock h6.mad-title.style-3 { font-size: 17px; line-height: 1; letter-spacing: 0; } .homeWrp .e_bannerslider { padding: 0; } .homeWrp .e_bannerslider .swiper-slide { min-height: 230px!important; } .detailimg.row [class*="col"], .mad-product-single .autoheight.row > [class*="col-"] { padding: 0px; } .detailimg .flickity-viewport { min-height: 200px; } #lnkAddBasket i { display: none; } .cartCount { width: 108px; } .mad-product.mad-product-single .mad-info-item:nth-last-child(2) .product-meta { margin-bottom: 20px !important; } .loginType { padding: 0px !important; margin-bottom: 10px; } .loginType a.button { margin: 5px 0px; font-size: 17px; } .registerWrap .row > [class*="col-"] { padding: 0px !important; } #divLogin .clsResetPass { margin-left: 5px; font-size: 13px; } .subscribe_fixed #ucFooter_upFooter .bg-img-news .mad-sub-wrap p { font-size: 15px; } .subscribe_fixed .one-line .btn { height: 2.5rem; font-size: 13px; } .loginType { margin-top: 5px; margin-bottom: 10px !important; } .shopping-cart-full .mad-shop-footer .form.one-line .btn.btn-style-3 { width: 100%!important; position: relative; top: 4px; margin-bottom: 10px; } #dvCoupanFtr .shop-cart-form.shopping-cart-full .avlcouponCode label { flex-wrap: wrap; } .shopping-cart.clsOpen .mad-products.hr-type .mad-product .mad-product-description { min-height: 20px !important; } .mad-table-wrap.shop-cart-form .mad-close-item { right: auto; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .cartCount .quantity input { height: 2.5rem !important; } .cartForms .shop-cart-form.shopping-cart-full .pro-table .cartCount .quantity * { top: -8px !important; } #dvPrevImg .carousel-cell { height: 290px; } .coin-sec { padding: 20px 15px; margin-bottom: 20px; } .proDesc .proDescLines .proDecTop .mad-info-item > .mad-progress-bars { top: -6px; right: 0; } .mad-product-single.mad-product .mad-rating-top-level > * { font-size: 1.2rem; } .Description.panel .accordiansec img { width: auto; } .servRev .comments-list, .servRev .ucReview { padding: 0px !important; } .respd.servRev { padding: 0px !important; background: #fff; } .respd.servRev .row > [class*="col-"] { padding: 0px; } .mad-contact-form .row:not(.col-no-space), .respd.servRev .row:not(.col-no-space) { margin: 0px; } .Reviews.panel .content-element-10 .align-right .btn { margin-top: 10px; } .sitemapContent > table:before { left: 25px; } .sitemapContent > div { margin-left: 73px; padding-left: 16px; } .sitemapContent > div:after { width: 28px; left: -46px; } .sitemapContent > div > table:after { left: -35px; width: 36px; } .sitemapContent div table td:nth-child(2) { padding-left: 0px; } .sitemapContent > div:before { height: 21px; left: -19px; top: 20px; height: 15px; } .sitemapContent > div > table:before { left: -35px; height: 31px; } .sitemapContent div table td a { white-space: break-spaces; padding-top: 3px!important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 16px; } .sitemapContent table td { vertical-align: top; } .sitemapContent div table:last-child { margin-bottom: 10px!important; } #lnkBasket .navRight { display: none; } .catBanner .catTitleWrp { width: 100%; } }