/* input(48,1): run-time error CSS1019: Unexpected token, found '@import' input(48,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@200;400;700;900&display=swap')' input(141,23): run-time error CSS1063: Expected calculation unit, found 'false' input(141,23): run-time error CSS1064: Expected calculation product, found 'false' input(141,23): run-time error CSS1065: Expected calculation sum, found 'false' input(141,23): run-time error CSS1034: Expected closing parenthesis, found 'false' input(141,23): run-time error CSS1042: Expected function, found 'false' input(141,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' input(144,23): run-time error CSS1063: Expected calculation unit, found 'false' input(144,23): run-time error CSS1064: Expected calculation product, found 'false' input(144,23): run-time error CSS1065: Expected calculation sum, found 'false' input(144,23): run-time error CSS1034: Expected closing parenthesis, found 'false' input(144,23): run-time error CSS1042: Expected function, found 'false' input(144,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' input(147,23): run-time error CSS1063: Expected calculation unit, found 'false' input(147,23): run-time error CSS1064: Expected calculation product, found 'false' input(147,23): run-time error CSS1065: Expected calculation sum, found 'false' input(147,23): run-time error CSS1034: Expected closing parenthesis, found 'false' input(147,23): run-time error CSS1042: Expected function, found 'false' input(147,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' input(150,23): run-time error CSS1063: Expected calculation unit, found 'false' input(150,23): run-time error CSS1064: Expected calculation product, found 'false' input(150,23): run-time error CSS1065: Expected calculation sum, found 'false' input(150,23): run-time error CSS1034: Expected closing parenthesis, found 'false' input(150,23): run-time error CSS1042: Expected function, found 'false' input(150,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' input(8632,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}} /** * Swiper 6.7.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 8, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.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:flex;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-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{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:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (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:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.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:'prev'}.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:'next'}.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:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.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:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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 4px}.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:10px;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:10px;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%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.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} @charset "UTF-8"; /* 1. config 2. mixins 3. plugins 4. base 5. components 6. header 7. footer 8. demo */ /* 1. color */ /* 2. config */ /*---------------------------------------- Variables -----------------------------------------*/ /* 3. mixins */ /* 4. plugins */ /* ------------------------------------------- Swiper Container ---------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@200;400;700;900&display=swap'); * { font-family: 'Vazirmatn', sans-serif !important; } h1, h2, h3, h4, h5, h6 { /* font-family: 'Vazirmatn', sans-serif !important;*/ } .swiper { position: relative; } .swiper > .swiper-container { position: static; } .swiper > .swiper-container > .swiper-pagination { bottom: -4.5rem; } .swiper-pagination { position: static; margin-top: 1.5rem; } .swiper-pagination .swiper-pagination-bullet { background-color: transparent; border: 1px solid #d7d7d7; opacity: 1; } .swiper-pagination .swiper-pagination-bullet:hover { background-color: #ccc; border-color: #ccc; } .swiper-pagination .swiper-pagination-bullet-active { background-color: #f32100; border-color: #f32100; } .swiper-container-rtl .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: ""; } .swiper-container-rtl .swiper-button-next::before { content: ""; } .swiper-container-rtl .swiper-button-prev::before { content: ""; } .swiper-button-next, .swiper-button-prev { padding: 0; z-index: 99; border: none; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .swiper-button-next::after, .swiper-button-prev::after { content: ""; } .swiper-button-next::before, .swiper-button-prev::before { font-family: "Wolmart"; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: default; color: #ccc; } .swiper-button-next::before { content: ""; } .swiper-button-prev::before { content: ""; } .swiper-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; width: auto; } .swiper-container:not(.swiper-container-initialized) .swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; } .swiper-slide img { display: block; width: 100%; } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper.row { width: calc(100% + 2rem); } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-no { width: 100%; } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-xs { width: calc(100% + 2*false); } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-sm { width: calc(100% + 2*false); } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-md { width: calc(100% + 2*false); } .swiper-container:not(.swiper-container-initialized) .swiper-wrapper.gutter-lg { width: calc(100% + 2*false); } .swiper-theme .swiper-button-prev, .swiper-theme .swiper-button-next { margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 30px; height: 30px; border-radius: 50px; font-size: 20px; font-weight: 400; color: #f32100; } .swiper-theme .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper-theme .swiper-button-prev:not(.swiper-button-disabled):active, .swiper-theme .swiper-button-prev:not(.swiper-button-disabled):focus, .swiper-theme .swiper-button-next:not(.swiper-button-disabled):hover, .swiper-theme .swiper-button-next:not(.swiper-button-disabled):active, .swiper-theme .swiper-button-next:not(.swiper-button-disabled):focus { color: #fff; background-color: #f32100; border-color: #f32100; } .swiper-theme .swiper-button-prev.swiper-button-disabled, .swiper-theme .swiper-button-next.swiper-button-disabled { color: #ccc; opacity: 0.6; } .swiper-theme .swiper-button-prev { right: -40px; } .swiper-theme .swiper-button-next { left: -40px; } .swiper-theme .swiper-pagination .swiper-pagination-bullet { margin: 5px; } .swiper-theme .swiper-pagination .swiper-pagination-bullet-active { background-color: #f32100; border-color: #f32100; width: 8px; } @media (max-width: 1300px) { .swiper-theme .swiper-button-prev { right: 20px; } .swiper-theme .swiper-button-next { left: 20px; } } .nav-inner > .swiper-button-prev, .nav-inner > .swiper-button-next { opacity: 0; visibility: hidden; } .nav-inner > .swiper-button-prev { right: 0; } .nav-inner > .swiper-button-next { left: 0; } .nav-inner:hover > .swiper-button-prev, .nav-inner:hover > .swiper-button-next { opacity: 1; visibility: visible; } .nav-inner:hover > .swiper-button-prev { right: 2rem; } .nav-inner:hover > .swiper-button-next { left: 2rem; } .nav-top > .swiper-button-next, .nav-top > .swiper-button-prev { position: absolute; width: 15px; top: -5.3rem; right: auto; color: #777; font-size: 1.4rem; font-weight: 400; } .nav-top > .swiper-button-next:not(.swiper-button-disabled):hover, .nav-top > .swiper-button-next:not(.swiper-button-disabled):active, .nav-top > .swiper-button-next:not(.swiper-button-disabled):focus, .nav-top > .swiper-button-prev:not(.swiper-button-disabled):hover, .nav-top > .swiper-button-prev:not(.swiper-button-disabled):active, .nav-top > .swiper-button-prev:not(.swiper-button-disabled):focus { background-color: transparent; border-color: transparent; color: #f32100; } .nav-top > .swiper-button-next.swiper-button-disabled, .nav-top > .swiper-button-prev.swiper-button-disabled { color: #666; } .nav-top > .swiper-button-next { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 3.7rem; } .nav-top > .swiper-button-prev { -webkit-transform: translateX(50%); transform: translateX(50%); left: 3.5rem; } .nav-right .swiper-button-prev, .nav-right .swiper-button-next { position: absolute; left: 3rem; top: auto; bottom: 2.8rem; right: auto; } .nav-right .swiper-button-prev { left: 5.5rem; } .pg-white > .swiper-pagination .swiper-pagination-bullet { background-color: #fff; border-color: #fff; opacity: 0.8; } .pg-white > .swiper-pagination .swiper-pagination-bullet-active { background-color: #f32100; border-color: #f32100; opacity: 1; } .pg-grey > .swiper-pagination .swiper-pagination-bullet { background-color: #eee; border-color: #eee; } .pg-grey > .swiper-pagination .swiper-pagination-bullet-active { background-color: #f32100; border-color: #f32100; } .swiper-theme > .swiper-pagination .swiper-pagination-bullet { -webkit-transition: all 0.3s; transition: all 0.3s; } .swiper-theme > .swiper-pagination .swiper-pagination-bullet-active { width: 18px; border-radius: 9rem; } .pg-inner .swiper-pagination { position: absolute; bottom: 4.5rem; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .pg-right .swiper-pagination { position: absolute; bottom: 4.2rem; left: 3rem; right: auto; width: unset; } .swiper-img-dots { z-index: 1000; } .swiper-img-dots a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; margin: 0 1.5rem 1rem; border-radius: 50%; border: 3px solid transparent; -webkit-box-shadow: 0 0 0 2px #ccc; box-shadow: 0 0 0 2px #ccc; overflow: hidden; -webkit-transition: padding 0.4s, -webkit-box-shadow 0.4s; transition: padding 0.4s, -webkit-box-shadow 0.4s; transition: padding 0.4s, box-shadow 0.4s; transition: padding 0.4s, box-shadow 0.4s, -webkit-box-shadow 0.4s; } .swiper-img-dots a.active, .swiper-img-dots a:hover { -webkit-box-shadow: 0 0 0 2px #f32100; box-shadow: 0 0 0 2px #f32100; } .swiper-img-dots a img { border-radius: 50%; } .brands-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .swiper-container .slide-animate { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); will-change: filter, transform, opacity; opacity: 0; } .swiper-container .slide-animate.show-content { opacity: 1; } .shadow-swiper { margin: -20px; padding: 20px; } @media (max-width: 575px) { .shadow-swiper { margin: -15px; padding: 15px; } } .swiper-nav-lg > .swiper-button-next, .swiper-nav-lg > .swiper-button-prev, .swiper-nav-md > .swiper-button-next, .swiper-nav-md > .swiper-button-prev { background-color: transparent; border: none; } .swiper-nav-lg > .swiper-button-next:not(.swiper-button-disabled):hover, .swiper-nav-lg > .swiper-button-next:not(.swiper-button-disabled):focus, .swiper-nav-lg > .swiper-button-next:not(.swiper-button-disabled):active, .swiper-nav-lg > .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper-nav-lg > .swiper-button-prev:not(.swiper-button-disabled):focus, .swiper-nav-lg > .swiper-button-prev:not(.swiper-button-disabled):active, .swiper-nav-md > .swiper-button-next:not(.swiper-button-disabled):hover, .swiper-nav-md > .swiper-button-next:not(.swiper-button-disabled):focus, .swiper-nav-md > .swiper-button-next:not(.swiper-button-disabled):active, .swiper-nav-md > .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper-nav-md > .swiper-button-prev:not(.swiper-button-disabled):focus, .swiper-nav-md > .swiper-button-prev:not(.swiper-button-disabled):active { background-color: transparent; border: none; } .swiper-nav-lg > .swiper-button-next, .swiper-nav-lg > .swiper-button-prev { font-size: 4.8rem; } .swiper-nav-md > .swiper-button-next, .swiper-nav-md > .swiper-button-prev { font-size: 3.3rem; } @media (max-width: 575px) { .swiper-img-dots a { margin-right: 1rem; margin-left: 1rem; } } .pg-show > .swiper-pagination { display: block; } @media (min-width: 1200px) { .pg-xl-hide > .swiper-pagination { display: none; } } @media (min-width: 1600px) { .pg-xxl-hide > .swiper-pagination { display: none; } } .nav-hide > .swiper-button-prev, .nav-hide > .swiper-button-next { display: none; } @media (min-width: 1200px) { .nav-xl-show > .swiper-button-prev, .nav-xl-show > .swiper-button-next { display: block; } } @media (min-width: 1600px) { .nav-xxl-show > .swiper-button-prev, .nav-xxl-show > .swiper-button-next { display: block; } } /* 5. base */ /*---------------------------------------- Base -----------------------------------------*/ *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; } html { font-size: 62.5%; font-size-adjust: 100%; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; overflow-x: hidden; font-family: Poppins, sans-serif; font-size: 1.4rem; line-height: 1.6; color: #666; background: #fff; } main { display: block; position: relative; } body:not(.loaded) * { -webkit-transition: all 0s !important; transition: all 0s !important; } .page-wrapper { position: relative; -webkit-transition: margin 0.4s, opacity 0.5s; transition: margin 0.4s, opacity 0.5s; } .loaded > .page-wrapper { opacity: 1; } ul { padding-right: 1.5em; } .menu, .menu ul, .mobile-menu, .mobile-menu ul, .nav, .nav ul, .breadcrumb, .widget-body, .widget-body ul, .dropdown-box, .category-list, .product-details ul, .pagination, .filter-items, .product-tabs > div ul, .nav-filters, .shipping-methods, .shipping-methods ul, .fee-description { margin: 0; padding: 0; list-style-type: none; } input, .btn { margin: 0; } a { text-decoration: none; color: #f32100; -webkit-transition: color 0.3s; transition: color 0.3s; } a:hover { color: #ff3b00; } :focus { outline: 0; } figure { margin: 0; } hr { margin: 0.5rem 0 1.5rem; border: 0; border-top: 1px solid #eee; } img { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; vertical-align: middle; } table { width: 100%; border-collapse: collapse; } .scrollable { -webkit-overflow-scrolling: touch; } .scrollable::-webkit-scrollbar { height: 7px; width: 4px; } .scrollable::-webkit-scrollbar-thumb { margin-left: 2px; background: rgba(0, 0, 0, 0.25); border-radius: 5px; cursor: pointer; } .scrollable-light::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); } .scrollable:hover::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); } .sticky-content.fix-top { top: 0; } .sticky-content.fix-bottom { bottom: 0; } .sticky-content.fixed { position: fixed; left: 0; right: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); z-index: 1051; -webkit-box-shadow: 0 0 18px 8px rgb(157 106 106 / 17%); box-shadow: 0 0 18px 8px rgb(157 106 106 / 17%); } .sticky-content.fixed.fix-top { -webkit-animation: fixedTopContent 0.4s; animation: fixedTopContent 0.4s; } .sticky-content.fixed.fix-bottom { -webkit-animation: fixedBottomContent 0.4s; animation: fixedBottomContent 0.4s; border-radius: 26px 26px 0 0; border: 2px solid #c5c5c5; } #scroll-top { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: -4rem; left: 1.5rem; z-index: 9999; width: 4.6rem; height: 4.6rem; font-size: 1.4rem; font-weight: 700; color: #222; opacity: 0; -webkit-transition: bottom 0.3s, opacity 0.3s; transition: bottom 0.3s, opacity 0.3s; } #scroll-top.show { opacity: 1; bottom: 98px; } #scroll-top:focus, #scroll-top:hover { text-decoration: none; } #scroll-top:hover { opacity: 0.8; } #scroll-top i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.6rem; height: 3.6rem; color: #fff; background-color: #333; border: 2px solid #333; border-radius: 50%; z-index: 1; } #scroll-top svg { position: absolute; width: 44px; height: 44px; border-radius: 50%; top: 1px; right: 1px; z-index: -1; } #scroll-top svg circle { stroke: #999; stroke-width: 4px; stroke-linecap: round; stroke-dasharray: 1, 400; } @media (max-width: 768px) { #scroll-top { display: none; } } .loading:not(.load-more-overlay), .load-more-overlay.loading::after { -webkit-animation: spin 650ms infinite linear; animation: spin 650ms infinite linear; border: 2px solid transparent; border-radius: 32px; border-top: 2px solid #f32100 !important; border-left: 2px solid rgba(51, 102, 153, 0.4) !important; border-bottom: 2px solid #f32100 !important; border-right: 2px solid rgba(51, 102, 153, 0.4) !important; content: ""; display: block; height: 20px; top: 50%; margin-top: -10px; right: 50%; margin-right: -10px; left: auto; position: absolute; width: 20px; } .load-more-overlay { position: relative; } .load-more-overlay.loading::after { content: ""; } .load-more-overlay::before { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: #fff; opacity: 0.8; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @media (min-width: 768px) { .scroll-top.show { visibility: visible; opacity: 0.7; -webkit-transform: translateY(0); transform: translateY(0); } } /*---------------------------------------- Helper Class -----------------------------------------*/ .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-normal { text-transform: none !important; } .d-none { display: none !important; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-1 { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .p-sticky { position: sticky !important; } .p-relative { position: relative !important; } .x-50 { right: 50% !important; -webkit-transform: translateX(50%) !important; transform: translateX(50%) !important; } .x-50.y-50 { -webkit-transform: translate(50%, -50%) !important; transform: translate(50%, -50%) !important; } .y-50 { top: 50% !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-block { display: block !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-block { display: block !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (max-width: 1199px) { .d-xl-show { display: none !important; } } @media (max-width: 991px) { .d-lg-show { display: none !important; } } @media (max-width: 767px) { .d-md-show { display: none !important; } } @media (max-width: 575px) { .d-sm-show { display: none !important; } } @media (max-width: 479px) { .d-xs-none { display: block !important; } .d-xs-show { display: none !important; } .d-xs-block { display: block !important; } .d-xs-inline-block { display: inline-block !important; } } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: 700 !important; } .font-weight-normal { font-weight: 400 !important; } .font-size-md { font-size: 1.3rem !important; } .font-size-sm { font-size: 1.2rem !important; } .font-size-normal { font-size: 1.4rem !important; } .font-size-lg { font-size: 2.2rem !important; } .font-size-xl { font-size: 2.4rem !important; } .font-primary { font-family: Poppins, sans-serif !important; } .font-secondary { font-family: "Open Sans", sans-serif !important; } .text-left { text-align: right !important; } .text-center { text-align: center !important; } .text-right { text-align: left !important; } .text-white { color: #fff !important; } .text-light { color: #999 !important; } .text-lighter { color: #ccc !important; } .text-primary { color: #f32100 !important; } .text-secondary { color: #f77c29 !important; } .text-dark { color: #333 !important; } .text-default { color: #666 !important; } .text-hover-underline::after { display: block; margin-top: 1px; margin-right: auto; margin-left: auto; width: 100%; height: 1px; border-bottom: 1px solid; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; content: ""; } .text-hover-underline:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .ls-25 { letter-spacing: -0.025em !important; } .ls-15 { letter-spacing: -0.015em !important; } .ls-10 { letter-spacing: -0.01em !important; } .ls-50 { letter-spacing: -0.05em !important; } .ls-normal { letter-spacing: 0 !important; } .bg-white { background-color: #fff !important; } .bg-dark { background-color: #333 !important; } .bg-primary { background-color: #f32100 !important; } .bg-secondary { background-color: #f77c29 !important; } .bg-grey { background-color: #f5f5f5 !important; } .bg-image { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .br-lg { border-radius: 1.3rem !important; overflow: hidden !important; } .br-sm { border-radius: 0.5rem !important; overflow: hidden !important; } .br-xs { border-radius: 0.3rem !important; overflow: hidden !important; } .br-50 { border-radius: 50% !important; overflow: hidden !important; } .border-no { border: none !important; } .bb-no { border-bottom: none !important; } .bt-no { border-top: none !important; } .lh-1 { line-height: 1 !important; } .lh-2 { line-height: 2 !important; } .order-reverse { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .overflow-hidden { overflow: hidden !important; } .after-none::after { display: none !important; } .before-none::before { display: none !important; } /*---------------------------------------- Typography -----------------------------------------*/ h1, h2, h3, h4, h5, h6, p { font-weight: 400; margin: 0 0 2rem; } h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; font-weight: 700; line-height: 1.2; color: #333; letter-spacing: 0; } h1 { font-size: 4rem; } h2 { font-size: 3rem; } h3 { font-size: 2.4rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.5rem; } h6 { font-size: 1.3rem; } p { font-size: 1.4rem; line-height: 1.86; } .typo-grid { margin-bottom: 4.7rem; } blockquote { margin: 0; } .list-style-none { list-style: none; } .list-type-check li { position: relative; padding-right: 2rem; line-height: 2; } .list-type-check li::before { position: absolute; display: block; right: 0; top: 1px; content: ""; font-family: "wolmart"; font-weight: 600; font-size: 1.3rem; } .list-circle li { padding-right: 1rem; margin-bottom: 1rem; } .list-circle i { margin-left: 1.2rem; width: 4rem; height: 4rem; border: 1px solid #e1e1e1; border-radius: 50%; text-align: center; line-height: 3.8rem; font-size: 1.1rem; } /*---------------------------------------- Layout -----------------------------------------*/ .container, .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (max-width: 479px) { .container, .container-fluid { padding-right: 15px; padding-left: 15px; } } .container-fluid { max-width: 1820px; } .container { max-width: 1280px; } /*---------------------------------------- Grid -----------------------------------------*/ .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .row > * { position: relative; width: 100%; padding-left: 10px; padding-right: 10px; } .gutter-lg { margin-right: -15px; margin-left: -15px; } .gutter-lg > * { padding-right: 15px; padding-left: 15px; } .gutter-sm { margin-right: -5px; margin-left: -5px; } .gutter-sm > * { padding-right: 5px; padding-left: 5px; } .gutter-xs { margin-right: -1px; margin-left: -1px; } .gutter-xs > * { padding-right: 1px; padding-left: 1px; } .gutter-no { margin-right: 0; margin-left: 0; } .gutter-no > * { padding-right: 0; padding-left: 0; } .cols-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cols-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cols-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .cols-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .cols-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cols-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .cols-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; } .cols-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } @media (min-width: 480px) { .cols-xs-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cols-xs-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cols-xs-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .cols-xs-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .cols-xs-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cols-xs-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .cols-xs-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; } .cols-xs-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } } @media (min-width: 576px) { .cols-sm-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cols-sm-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cols-sm-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .cols-sm-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .cols-sm-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cols-sm-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .cols-sm-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; } .cols-sm-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } } @media (min-width: 768px) { .cols-md-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cols-md-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cols-md-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .cols-md-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .cols-md-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cols-md-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .cols-md-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; } .cols-md-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } } @media (min-width: 992px) { .cols-lg-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cols-lg-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cols-lg-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .cols-lg-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .cols-lg-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cols-lg-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .cols-lg-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; } .cols-lg-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } } @media (min-width: 1200px) { .cols-xl-1 > * { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cols-xl-2 > * { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cols-xl-3 > * { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .cols-xl-4 > * { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .cols-xl-5 > * { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cols-xl-6 > * { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .cols-xl-7 > * { max-width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 14.2857%; flex: 0 0 14.2857%; } .cols-xl-8 > * { max-width: 12.5%; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } .cols-xl-9 > * { max-width: 11.1111%; -webkit-box-flex: 0; -ms-flex: 0 0 11.1111%; flex: 0 0 11.1111%; } .cols-xl-10 > * { max-width: 10%; -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; } .cols-xl-11 > * { max-width: 9.0909%; -webkit-box-flex: 0; -ms-flex: 0 0 9.0909%; flex: 0 0 9.0909%; } .cols-xl-12 > * { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } } .col-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } .col-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .col-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .col-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; } .col-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; } .col-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; } .col-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; } .col-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; } .col-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 480px) { .col-xs-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } .col-xs-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .col-xs-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-xs-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .col-xs-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; } .col-xs-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-xs-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; } .col-xs-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; } .col-xs-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-xs-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; } .col-xs-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; } .col-xs-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 576px) { .col-sm-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } .col-sm-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .col-sm-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-sm-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .col-sm-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; } .col-sm-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-sm-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; } .col-sm-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; } .col-sm-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-sm-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; } .col-sm-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; } .col-sm-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 768px) { .col-md-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } .col-md-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .col-md-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-md-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .col-md-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; } .col-md-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-md-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; } .col-md-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; } .col-md-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-md-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; } .col-md-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; } .col-md-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 992px) { .col-lg-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } .col-lg-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .col-lg-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-lg-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .col-lg-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; } .col-lg-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-lg-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; } .col-lg-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; } .col-lg-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-lg-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; } .col-lg-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; } .col-lg-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1200px) { .col-xl-1 { max-width: 8.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 8.3333%; flex: 0 0 8.3333%; } .col-xl-2 { max-width: 16.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; } .col-xl-3 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-xl-4 { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .col-xl-5 { max-width: 41.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 41.6667%; flex: 0 0 41.6667%; } .col-xl-6 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-xl-7 { max-width: 58.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 58.3333%; flex: 0 0 58.3333%; } .col-xl-8 { max-width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; } .col-xl-9 { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-xl-10 { max-width: 83.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; } .col-xl-11 { max-width: 91.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 91.6667%; flex: 0 0 91.6667%; } .col-xl-12 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1200px) { .col-xl-5col { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px; } .col-xl-5col2 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-left: 10px; padding-right: 10px; } .col-xl-5col3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-left: 10px; padding-right: 10px; } .col-xl-5col4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-left: 10px; padding-right: 10px; } } @media (min-width: 1600px) { .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333%; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; } } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } @media (min-width: 576px) { .order-sm-auto { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media (min-width: 768px) { .order-md-auto { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media (min-width: 992px) { .order-lg-auto { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } .grid { margin: -1rem; } .grid .banner, .grid .category, .grid .category > a, .grid figure, .grid .banner img, .grid .category img { height: 100%; } .grid img { -o-object-fit: cover; object-fit: cover; } .grid .grid-item { padding: 1rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .grid.gutter-sm { margin: -0.5rem; } .grid.gutter-sm .grid-item { padding: 0.5rem; } .grid.gutter-no { margin: 0; } .grid.gutter-no .grid-item { padding: 0; } .grid::after { content: ""; display: block; clear: both; } .grid.grid-float { display: block !important; } .grid.grid-float .grid-item { float: right; } /*---------------------------------------- Spacing -----------------------------------------*/ .mt-0 { margin-top: 0rem !important; } .mb-0 { margin-bottom: 0rem !important; } .pt-0 { padding-top: 0rem !important; } .pb-0 { padding-bottom: 0rem !important; } .mt-1 { margin-top: 0.5rem !important; } .mb-1 { margin-bottom: 0.5rem !important; } .pt-1 { padding-top: 0.5rem !important; } .pb-1 { padding-bottom: 0.5rem !important; } .mt-2 { margin-top: 1rem !important; } .mb-2 { margin-bottom: 1rem !important; } .pt-2 { padding-top: 1rem !important; } .pb-2 { padding-bottom: 1rem !important; } .mt-3 { margin-top: 1.5rem !important; } .mb-3 { margin-bottom: 1.5rem !important; } .pt-3 { padding-top: 1.5rem !important; } .pb-3 { padding-bottom: 1.5rem !important; } .mt-4 { margin-top: 2rem !important; } .mb-4 { margin-bottom: 2rem !important; } .pt-4 { padding-top: 2rem !important; } .pb-4 { padding-bottom: 2rem !important; } .mt-5 { margin-top: 2.5rem !important; } .mb-5 { margin-bottom: 2.5rem !important; } .pt-5 { padding-top: 2.5rem !important; } .pb-5 { padding-bottom: 2.5rem !important; } .mt-6 { margin-top: 3rem !important; } .mb-6 { margin-bottom: 3rem !important; } .pt-6 { padding-top: 3rem !important; } .pb-6 { padding-bottom: 3rem !important; } .mt-7 { margin-top: 3.5rem !important; } .mb-7 { margin-bottom: 3.5rem !important; } .pt-7 { padding-top: 3.5rem !important; } .pb-7 { padding-bottom: 3.5rem !important; } .mt-8 { margin-top: 4rem !important; } .mb-8 { margin-bottom: 4rem !important; } .pt-8 { padding-top: 4rem !important; } .pb-8 { padding-bottom: 4rem !important; } .mt-9 { margin-top: 4.5rem !important; } .mb-9 { margin-bottom: 4.5rem !important; } .pt-9 { padding-top: 4.5rem !important; } .pb-9 { padding-bottom: 4.5rem !important; } .mt-10 { margin-top: 5rem !important; } .mb-10 { margin-bottom: 5rem !important; } .pt-10 { padding-top: 5rem !important; } .pb-10 { padding-bottom: 5rem !important; } .ml-0 { margin-right: 0rem !important; } .mr-0 { margin-left: 0rem !important; } .pl-0 { padding-right: 0rem !important; } .pr-0 { padding-left: 0rem !important; } .ml-1 { margin-right: 0.5rem !important; } .mr-1 { margin-left: 0.5rem !important; } .pl-1 { padding-right: 0.5rem !important; } .pr-1 { padding-left: 0.5rem !important; } .ml-2 { margin-right: 1rem !important; } .mr-2 { margin-left: 1rem !important; } .pl-2 { padding-right: 1rem !important; } .pr-2 { padding-left: 1rem !important; } .ml-3 { margin-right: 1.5rem !important; } .mr-3 { margin-left: 1.5rem !important; } .pl-3 { padding-right: 1.5rem !important; } .pr-3 { padding-left: 1.5rem !important; } .ml-4 { margin-right: 2rem !important; } .mr-4 { margin-left: 2rem !important; } .pl-4 { padding-right: 2rem !important; } .pr-4 { padding-left: 2rem !important; } .ml-5 { margin-right: 2.5rem !important; } .mr-5 { margin-left: 2.5rem !important; } .pl-5 { padding-right: 2.5rem !important; } .pr-5 { padding-left: 2.5rem !important; } .ml-6 { margin-right: 3rem !important; } .mr-6 { margin-left: 3rem !important; } .pl-6 { padding-right: 3rem !important; } .pr-6 { padding-left: 3rem !important; } .ml-7 { margin-right: 3.5rem !important; } .mr-7 { margin-left: 3.5rem !important; } .pl-7 { padding-right: 3.5rem !important; } .pr-7 { padding-left: 3.5rem !important; } .ml-8 { margin-right: 4rem !important; } .mr-8 { margin-left: 4rem !important; } .pl-8 { padding-right: 4rem !important; } .pr-8 { padding-left: 4rem !important; } .ml-9 { margin-right: 4.5rem !important; } .mr-9 { margin-left: 4.5rem !important; } .pl-9 { padding-right: 4.5rem !important; } .pr-9 { padding-left: 4.5rem !important; } .ml-10 { margin-right: 5rem !important; } .mr-10 { margin-left: 5rem !important; } .pl-10 { padding-right: 5rem !important; } .pr-10 { padding-left: 5rem !important; } .ml-auto { margin-right: auto !important; } .mr-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } @media (min-width: 576px) { .mt-sm-0 { margin-top: 0rem !important; } .mt-sm-1 { margin-top: 0.5rem !important; } .mt-sm-2 { margin-top: 1rem !important; } .mt-sm-3 { margin-top: 1.5rem !important; } .mt-sm-4 { margin-top: 2rem !important; } .mt-sm-5 { margin-top: 2.5rem !important; } .mt-sm-6 { margin-top: 3rem !important; } .mt-sm-7 { margin-top: 3.5rem !important; } .mt-sm-8 { margin-top: 4rem !important; } .mt-sm-9 { margin-top: 4.5rem !important; } .mt-sm-10 { margin-top: 5rem !important; } .mb-sm-0 { margin-bottom: 0rem !important; } .mb-sm-1 { margin-bottom: 0.5rem !important; } .mb-sm-2 { margin-bottom: 1rem !important; } .mb-sm-3 { margin-bottom: 1.5rem !important; } .mb-sm-4 { margin-bottom: 2rem !important; } .mb-sm-5 { margin-bottom: 2.5rem !important; } .mb-sm-6 { margin-bottom: 3rem !important; } .mb-sm-7 { margin-bottom: 3.5rem !important; } .mb-sm-8 { margin-bottom: 4rem !important; } .mb-sm-9 { margin-bottom: 4.5rem !important; } .mb-sm-10 { margin-bottom: 5rem !important; } .pt-sm-0 { padding-top: 0rem !important; } .pt-sm-1 { padding-top: 0.5rem !important; } .pt-sm-2 { padding-top: 1rem !important; } .pt-sm-3 { padding-top: 1.5rem !important; } .pt-sm-4 { padding-top: 2rem !important; } .pt-sm-5 { padding-top: 2.5rem !important; } .pt-sm-6 { padding-top: 3rem !important; } .pt-sm-7 { padding-top: 3.5rem !important; } .pt-sm-8 { padding-top: 4rem !important; } .pt-sm-9 { padding-top: 4.5rem !important; } .pt-sm-10 { padding-top: 5rem !important; } .pb-sm-0 { padding-bottom: 0rem !important; } .pb-sm-1 { padding-bottom: 0.5rem !important; } .pb-sm-2 { padding-bottom: 1rem !important; } .pb-sm-3 { padding-bottom: 1.5rem !important; } .pb-sm-4 { padding-bottom: 2rem !important; } .pb-sm-5 { padding-bottom: 2.5rem !important; } .pb-sm-6 { padding-bottom: 3rem !important; } .pb-sm-7 { padding-bottom: 3.5rem !important; } .pb-sm-8 { padding-bottom: 4rem !important; } .pb-sm-9 { padding-bottom: 4.5rem !important; } .pb-sm-10 { padding-bottom: 5rem !important; } } @media (min-width: 768px) { .mt-md-0 { margin-top: 0rem !important; } .mt-md-1 { margin-top: 0.5rem !important; } .mt-md-2 { margin-top: 1rem !important; } .mt-md-3 { margin-top: 1.5rem !important; } .mt-md-4 { margin-top: 2rem !important; } .mt-md-5 { margin-top: 2.5rem !important; } .mt-md-6 { margin-top: 3rem !important; } .mt-md-7 { margin-top: 3.5rem !important; } .mt-md-8 { margin-top: 4rem !important; } .mt-md-9 { margin-top: 4.5rem !important; } .mt-md-10 { margin-top: 5rem !important; } .mb-md-0 { margin-bottom: 0rem !important; } .mb-md-1 { margin-bottom: 0.5rem !important; } .mb-md-2 { margin-bottom: 1rem !important; } .mb-md-3 { margin-bottom: 1.5rem !important; } .mb-md-4 { margin-bottom: 2rem !important; } .mb-md-5 { margin-bottom: 2.5rem !important; } .mb-md-6 { margin-bottom: 3rem !important; } .mb-md-7 { margin-bottom: 3.5rem !important; } .mb-md-8 { margin-bottom: 4rem !important; } .mb-md-9 { margin-bottom: 4.5rem !important; } .mb-md-10 { margin-bottom: 5rem !important; } .pt-md-0 { padding-top: 0rem !important; } .pt-md-1 { padding-top: 0.5rem !important; } .pt-md-2 { padding-top: 1rem !important; } .pt-md-3 { padding-top: 1.5rem !important; } .pt-md-4 { padding-top: 2rem !important; } .pt-md-5 { padding-top: 2.5rem !important; } .pt-md-6 { padding-top: 3rem !important; } .pt-md-7 { padding-top: 3.5rem !important; } .pt-md-8 { padding-top: 4rem !important; } .pt-md-9 { padding-top: 4.5rem !important; } .pt-md-10 { padding-top: 5rem !important; } .pb-md-0 { padding-bottom: 0rem !important; } .pb-md-1 { padding-bottom: 0.5rem !important; } .pb-md-2 { padding-bottom: 1rem !important; } .pb-md-3 { padding-bottom: 1.5rem !important; } .pb-md-4 { padding-bottom: 2rem !important; } .pb-md-5 { padding-bottom: 2.5rem !important; } .pb-md-6 { padding-bottom: 3rem !important; } .pb-md-7 { padding-bottom: 3.5rem !important; } .pb-md-8 { padding-bottom: 4rem !important; } .pb-md-9 { padding-bottom: 4.5rem !important; } .pb-md-10 { padding-bottom: 5rem !important; } } @media (min-width: 992px) { .mt-lg-0 { margin-top: 0rem !important; } .mt-lg-1 { margin-top: 0.5rem !important; } .mt-lg-2 { margin-top: 1rem !important; } .mt-lg-3 { margin-top: 1.5rem !important; } .mt-lg-4 { margin-top: 2rem !important; } .mt-lg-5 { margin-top: 2.5rem !important; } .mt-lg-6 { margin-top: 3rem !important; } .mt-lg-7 { margin-top: 3.5rem !important; } .mt-lg-8 { margin-top: 4rem !important; } .mt-lg-9 { margin-top: 4.5rem !important; } .mt-lg-10 { margin-top: 5rem !important; } .mb-lg-0 { margin-bottom: 0rem !important; } .mb-lg-1 { margin-bottom: 0.5rem !important; } .mb-lg-2 { margin-bottom: 1rem !important; } .mb-lg-3 { margin-bottom: 1.5rem !important; } .mb-lg-4 { margin-bottom: 2rem !important; } .mb-lg-5 { margin-bottom: 2.5rem !important; } .mb-lg-6 { margin-bottom: 3rem !important; } .mb-lg-7 { margin-bottom: 3.5rem !important; } .mb-lg-8 { margin-bottom: 4rem !important; } .mb-lg-9 { margin-bottom: 4.5rem !important; } .mb-lg-10 { margin-bottom: 5rem !important; } .pt-lg-0 { padding-top: 0rem !important; } .pt-lg-1 { padding-top: 0.5rem !important; } .pt-lg-2 { padding-top: 1rem !important; } .pt-lg-3 { padding-top: 1.5rem !important; } .pt-lg-4 { padding-top: 2rem !important; } .pt-lg-5 { padding-top: 2.5rem !important; } .pt-lg-6 { padding-top: 3rem !important; } .pt-lg-7 { padding-top: 3.5rem !important; } .pt-lg-8 { padding-top: 4rem !important; } .pt-lg-9 { padding-top: 4.5rem !important; } .pt-lg-10 { padding-top: 5rem !important; } .pb-lg-0 { padding-bottom: 0rem !important; } .pb-lg-1 { padding-bottom: 0.5rem !important; } .pb-lg-2 { padding-bottom: 1rem !important; } .pb-lg-3 { padding-bottom: 1.5rem !important; } .pb-lg-4 { padding-bottom: 2rem !important; } .pb-lg-5 { padding-bottom: 2.5rem !important; } .pb-lg-6 { padding-bottom: 3rem !important; } .pb-lg-7 { padding-bottom: 3.5rem !important; } .pb-lg-8 { padding-bottom: 4rem !important; } .pb-lg-9 { padding-bottom: 4.5rem !important; } .pb-lg-10 { padding-bottom: 5rem !important; } .ml-lg-0 { margin-right: 0rem !important; } .mr-lg-0 { margin-left: 0rem !important; } .pl-lg-0 { padding-right: 0rem !important; } .pr-lg-0 { padding-left: 0rem !important; } .ml-lg-1 { margin-right: 0.5rem !important; } .mr-lg-1 { margin-left: 0.5rem !important; } .pl-lg-1 { padding-right: 0.5rem !important; } .pr-lg-1 { padding-left: 0.5rem !important; } .ml-lg-2 { margin-right: 1rem !important; } .mr-lg-2 { margin-left: 1rem !important; } .pl-lg-2 { padding-right: 1rem !important; } .pr-lg-2 { padding-left: 1rem !important; } .ml-lg-3 { margin-right: 1.5rem !important; } .mr-lg-3 { margin-left: 1.5rem !important; } .pl-lg-3 { padding-right: 1.5rem !important; } .pr-lg-3 { padding-left: 1.5rem !important; } .ml-lg-4 { margin-right: 2rem !important; } .mr-lg-4 { margin-left: 2rem !important; } .pl-lg-4 { padding-right: 2rem !important; } .pr-lg-4 { padding-left: 2rem !important; } .ml-lg-5 { margin-right: 2.5rem !important; } .mr-lg-5 { margin-left: 2.5rem !important; } .pl-lg-5 { padding-right: 2.5rem !important; } .pr-lg-5 { padding-left: 2.5rem !important; } .ml-lg-6 { margin-right: 3rem !important; } .mr-lg-6 { margin-left: 3rem !important; } .pl-lg-6 { padding-right: 3rem !important; } .pr-lg-6 { padding-left: 3rem !important; } .ml-lg-7 { margin-right: 3.5rem !important; } .mr-lg-7 { margin-left: 3.5rem !important; } .pl-lg-7 { padding-right: 3.5rem !important; } .pr-lg-7 { padding-left: 3.5rem !important; } .ml-lg-8 { margin-right: 4rem !important; } .mr-lg-8 { margin-left: 4rem !important; } .pl-lg-8 { padding-right: 4rem !important; } .pr-lg-8 { padding-left: 4rem !important; } .ml-lg-9 { margin-right: 4.5rem !important; } .mr-lg-9 { margin-left: 4.5rem !important; } .pl-lg-9 { padding-right: 4.5rem !important; } .pr-lg-9 { padding-left: 4.5rem !important; } .ml-lg-10 { margin-right: 5rem !important; } .mr-lg-10 { margin-left: 5rem !important; } .pl-lg-10 { padding-right: 5rem !important; } .pr-lg-10 { padding-left: 5rem !important; } } @media (min-width: 1200px) { .mt-xl-0 { margin-top: 0rem !important; } .mt-xl-1 { margin-top: 0.5rem !important; } .mt-xl-2 { margin-top: 1rem !important; } .mt-xl-3 { margin-top: 1.5rem !important; } .mt-xl-4 { margin-top: 2rem !important; } .mt-xl-5 { margin-top: 2.5rem !important; } .mt-xl-6 { margin-top: 3rem !important; } .mt-xl-7 { margin-top: 3.5rem !important; } .mt-xl-8 { margin-top: 4rem !important; } .mt-xl-9 { margin-top: 4.5rem !important; } .mt-xl-10 { margin-top: 5rem !important; } .mb-xl-0 { margin-bottom: 0rem !important; } .mb-xl-1 { margin-bottom: 0.5rem !important; } .mb-xl-2 { margin-bottom: 1rem !important; } .mb-xl-3 { margin-bottom: 1.5rem !important; } .mb-xl-4 { margin-bottom: 2rem !important; } .mb-xl-5 { margin-bottom: 2.5rem !important; } .mb-xl-6 { margin-bottom: 3rem !important; } .mb-xl-7 { margin-bottom: 3.5rem !important; } .mb-xl-8 { margin-bottom: 4rem !important; } .mb-xl-9 { margin-bottom: 4.5rem !important; } .mb-xl-10 { margin-bottom: 5rem !important; } } @media (min-width: 992px) { .ml-lg-auto { margin-right: auto !important; } .mr-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } } @media (min-width: 768px) { .ml-md-auto { margin-right: auto !important; } .mr-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } } /* 6. components */ /*---------------------------------------- Animation - Sticky Content -----------------------------------------*/ .appear-animate { visibility: hidden; opacity: 0; } .appear-animation-visible { visibility: visible; opacity: 1; } @-webkit-keyframes fixedTopContent { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fixedTopContent { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fixedBottomContent { from { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fixedBottomContent { from { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: center top 0px; transform-origin: center top 0px; } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes showMsgFirst { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes showMsgFirst { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes showMsg { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes showMsg { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes navItemArrow { 0% { position: relative; right: -3px; } 50% { position: relative; right: 2px; } 100% { position: relative; right: -3px; } } @keyframes navItemArrow { 0% { position: relative; right: -3px; } 50% { position: relative; right: 2px; } 100% { position: relative; right: -3px; } } @-webkit-keyframes fadeInLeftShorter { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); -webkit-transform-origin: 0, 0; transform-origin: 0, 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftShorter { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); -webkit-transform-origin: 0, 0; transform-origin: 0, 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftShorter { -webkit-animation-name: fadeInLeftShorter; animation-name: fadeInLeftShorter; } @-webkit-keyframes fadeInRightShorter { from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); -webkit-transform-origin: 0, 0; transform-origin: 0, 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShorter { from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); -webkit-transform-origin: 0, 0; transform-origin: 0, 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightShorter { -webkit-animation-name: fadeInRightShorter; animation-name: fadeInRightShorter; } @-webkit-keyframes fadeInUpShorter { from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShorter { from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpShorter { -webkit-animation-name: fadeInUpShorter; animation-name: fadeInUpShorter; } @-webkit-keyframes fadeInDownShorter { from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownShorter { from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownShorter { -webkit-animation-name: fadeInDownShorter; animation-name: fadeInDownShorter; } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: perspective(400px); transform: perspective(400px); } to { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: perspective(400px); transform: perspective(400px); } to { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @-webkit-keyframes blurIn { from { opacity: 0; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.2); transform: scale(1.2); } to { opacity: 1; -webkit-filter: blur(0); filter: blur(0); -webkit-transform: none; transform: none; } } @keyframes blurIn { from { opacity: 0; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.2); transform: scale(1.2); } to { opacity: 1; -webkit-filter: blur(0); filter: blur(0); -webkit-transform: none; transform: none; } } .blurIn { -webkit-animation-name: blurIn; animation-name: blurIn; } @-webkit-keyframes grayOut { from { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } 15% { -webkit-filter: grayscale(100%); filter: grayscale(100%); } to { opacity: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); } } @keyframes grayOut { from { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } 15% { -webkit-filter: grayscale(100%); filter: grayscale(100%); } to { opacity: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); } } .grayOut { -webkit-animation-name: grayOut; animation-name: grayOut; } @-webkit-keyframes brightIn { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-filter: brightness(0%); filter: brightness(0%); } to { -webkit-filter: brightness(100%); filter: brightness(100%); } } @keyframes brightIn { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-filter: brightness(0%); filter: brightness(0%); } to { -webkit-filter: brightness(100%); filter: brightness(100%); } } .brightIn { -webkit-animation-name: brightIn; animation-name: brightIn; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes slideX { 0% { -webkit-transform: none; transform: none; right: 100%; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; } } @keyframes slideX { 0% { -webkit-transform: none; transform: none; right: 100%; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; } } /*------------------------------------------------ Banner - Default - Video Banner - Newsletter Banner - Simple - With Dark Background - Banner Divider ------------------------------------------------*/ .banner { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 1rem; overflow: hidden; } .banner figure img { display: block; width: 100%; } .banner .banner-content { position: relative; z-index: 1; } .banner .banner-content a:not(.btn) { color: inherit; } .banner .banner-content a:not(.btn):hover, .banner .banner-content a:not(.btn).active { color: #f32100; } .banner .banner-info { line-height: 1.45; margin-bottom: 1rem; } .banner-fixed > .container, .banner-fixed > .container-fluid, .banner-fixed > .banner-content { position: absolute; z-index: 1; } .banner-fixed > .container, .banner-fixed > .container-fluid { right: 0; left: 0; bottom: 0; top: 0; } .banner-fixed.content-middle .banner-content { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .banner-fixed.content-center .banner-text { text-align: center; right: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .banner-fixed.content-center.content-middle .banner-content { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .banner-background { background-repeat: no-repeat; background-position: center; background-size: cover; } .banner-newsletter-2 .banner-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-newsletter-2 { font-size: 1rem; } .banner-newsletter-2 .banner-content { padding: 0 1.5rem; max-width: 49.8rem; min-width: 30rem; } .banner-newsletter-2 .banner-title { font-size: 3em; margin-bottom: 0.5rem; } .banner-newsletter-2 p { font-size: 1.3em; margin-bottom: 3.5rem; } .banner-newsletter-2 .form-control { font-size: 1.4em; border: 0; border-bottom: 2px solid #88817b; max-width: 37.7rem; margin: 0 auto 2rem auto; text-align: center; } .banner-newsletter-2 img { min-height: 33rem; } .banner-newsletter-2 .btn { height: 4.8rem; } .banner-newsletter-2 .input-wrapper { max-width: 38rem; width: 100%; } .banner-newsletter-4 { background-color: #eeeeee; } .banner-newsletter-4 .banner-content { margin: 1rem; padding: 3.5rem 2rem 1rem; } .banner-newsletter-4 input { border: 2px solid #cccccc; } .banner-newsletter-5 { background-color: #cccccc; padding: 4rem; } .banner-newsletter-5 .banner-content { max-width: 56rem; padding: 1.5rem 1.5rem 2rem; margin-right: auto; margin-left: auto; } .banner-newsletter-5 .banner-title { margin-bottom: 0.5rem; } .banner-newsletter-5 p { font-size: 1.3rem; text-align: center; line-height: 1.8; max-width: 49rem; margin-bottom: 2.5rem; } .banner-newsletter-5 input.form-control { background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .banner-border-gradient::before { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 69%; padding-top: 30%; background: linear-gradient(30deg, #999999 0%, #999999 50%, transparent 50.1%); } .banner-divider { width: 4rem; height: 0.4rem; border: 0; margin-right: 0; margin-bottom: 1.2rem; } .banner-video .btn-play-video { position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 6rem; height: 6rem; background-color: #fff; border-radius: 50%; z-index: 1000; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .banner-video .btn-play-video:hover { background-color: #333; } .banner-video .btn-play-video:hover::before { color: #fff; } .banner-video .btn-play-video::before { content: ""; position: absolute; margin-left: 0.2rem; font-family: "Font Awesome 5 Free"; font-size: 2.8rem; font-weight: 600; color: #333; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: color 0.3s; transition: color 0.3s; z-index: 1; } .banner-video video { display: none; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banner-video.playing .btn-play-video, .banner-video.paused .btn-play-video { visibility: hidden; opacity: 0; -webkit-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; } .banner-video.playing:hover .btn-play-video, .banner-video.paused:hover .btn-play-video { visibility: visible; opacity: 1; } .banner-video.playing video, .banner-video.paused video { display: block; } .banner-video.playing .btn-play-video::before { content: ""; } @media (max-width: 1199px) { .widget-banner .banner-title { margin-bottom: 4rem; } } @media (max-width: 767px) { .banner-newsletter-2 { font-size: 0.8rem; } } @media (max-width: 479px) { .banner-newsletter-4 .input-wrapper, .banner-newsletter-5 .input-wrapper { display: block; text-align: center; height: auto; } .banner-newsletter-4 .input-wrapper .btn, .banner-newsletter-5 .input-wrapper .btn { margin: 2rem; } .banner-newsletter-4 .input-wrapper-round .form-control, .banner-newsletter-4 .input-wrapper-round .btn { border-radius: 3rem; } } /*------------------------------------ Blog - Default - List - Mask - Widget ------------------------------------*/ .post { font-size: 1rem; } .post .btn { font-weight: 400; text-transform: capitalize; } .post .btn i { font-size: 1.8rem; margin-right: 8px; } .post .btn i::before { margin: 0; } .post .post-details > *:last-child { margin-bottom: 0; } .post-calendar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 4.1rem; height: 4.2rem; background: #fff; color: #333; font-weight: 600; line-height: 1; z-index: 3; border-radius: 8px; } .post-calendar .post-day { display: block; margin-bottom: 0.1rem; font-size: 1.4rem; } .post-calendar .post-month { display: block; font-size: 1rem; text-transform: uppercase; } .post-media { position: relative; width: 100%; margin-bottom: 0; overflow: hidden; } .post-media img { display: block; width: 100%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .post-media .post-calendar { position: absolute; top: 1.5rem; right: 1.5rem; } figure.post-media { border-radius:20px; height:250px; } figure.post-media img { height:100%; } .post-details { padding: 1.7rem 0 2.5rem; padding-top: 1.6rem; } .post-title { font-weight: 600; font-size: 1.5rem; line-height: 1.2; letter-spacing: -0.025em; margin-bottom: 1.3rem; } .post-title:hover { color: #f32100; } .post-title a { color: inherit; } .post-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.3rem; line-height: 1.9; letter-spacing: -0.025em; margin-bottom: 1.8rem; } .post-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999999; font-size: 1.3rem; font-weight: 600; font-family: Poppins, sans-serif; line-height: 1.7; margin-bottom: 0.3rem; } .post-meta a { font-weight: 600; font-size: 1.4rem; color: #333; white-space: nowrap; } .post-meta a:hover { color: #f32100; } .post-meta a:hover span { color: inherit; } .post-meta .post-author { margin: 0 0.4rem; } .post-meta .post-date { margin: 0 0.4rem 0 2rem; font-weight: 400; } .post-meta .post-comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; font-weight: 400; } .post-meta .post-comment i { font-size: 1.8rem; } .post-meta .post-comment span { margin: 0 0.8rem 0 0.4rem; font-weight: 600; color: #333; -webkit-transition: inherit; transition: inherit; } .post-cats { margin-bottom: 0.6rem; color: #fff; } .post-cats a { color: inherit; font-size: 1.4rem; } .post-cats a:not(:first-child) { margin-right: 0.3rem; } .post-date { font-weight: 400; } .post-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-list .post-media { max-width:37.1%; -webkit-box-flex: 0; -ms-flex: 0 0 43.1%; flex: 0 0 43.1%; margin-left: 2rem; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .post-list img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post-list .post-details { padding: 2.3rem 0 2.4rem; } @media (min-width: 768px) { .post-list .post-title { white-space: normal; } } .post-grid .post-details { padding-top: 1.6rem; } .post-mask { position: relative; } .post-mask::before { content: ""; display: block; height: 50%; position: absolute; bottom: 0; right: 0; left: 0; opacity: 0.75; background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#000)); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #000 100%); -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none; z-index: 1; } .post-mask .post-details { position: absolute; bottom: 2.5rem; right: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); padding: 0 3rem; z-index: 2; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .post-mask .post-details-visible { position: absolute; bottom: 100%; right: 3rem; left: 3rem; } .post-mask .post-title { letter-spacing: 0; } .post-mask .post-meta { color: #fff; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .post-mask .post-meta i { margin-left: 0.8rem; } .post-mask a { position: relative; color: inherit; } .post-mask a:hover { color: #fff; text-decoration: underline; } .post-mask .post-comment { padding-right: 2.8rem; } .post-mask .post-comment::before { content: ""; font-family: "wolmart"; position: absolute; font-size: 1.8rem; right: 0; } .post-mask:hover .post-details { -webkit-transform: translateY(0); transform: translateY(0); } .post-mask:hover .post-meta { opacity: 1; } .post-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-widget .post-media { -webkit-box-flex: 0; -ms-flex: 0 0 28.6%; flex: 0 0 28.6%; max-width: 28.6%; } .post-widget .post-details { margin-right: 1.6rem; padding: 0; } .post-widget .post-meta { margin-bottom: 0.5rem; } .post-widget .post-date { margin: 0; font-size: 1.3rem; color: #666; } .post-widget .post-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0.1rem; font-size: 1.3rem; font-weight: 500; line-height: 1.45; white-space: normal; } .post-md .post-details { padding-top: 1.8rem; } .post-md .post-content p { -webkit-line-clamp: 3; } @media (min-width: 576px) { .post-list .post-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (max-width: 991px) { .post-lg.text-center .post-details, .post-md.text-center .post-details { padding-right: 1.5rem; padding-left: 1.5rem; } .post-details { padding-bottom: 0; } } @media (max-width: 767px) { .post-list { display: block; } .post-list .post-media { margin-left: 0; max-width: none; } } /*-------------------------------------- Buttons - Button - Default - Primary - Success - Secondary - Outline Button - Primary - Success - Secondary - Icon Button - Icon Right, Left - Reveal Right, Left - Rounded - Round - Other Button Styles - Slide Left, Right, Top, Bottom - Infinite Loop --------------------------------------*/ .btn { display: inline-block; border: 2px solid #ccc; background-color: #fff; color: #666; outline: 0; border-radius: 0; font-family: inherit; font-weight: 600; font-size: 1.4rem; padding: 0.93em 1.98em; line-height: 1; text-transform: uppercase; text-align: center; -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; white-space: nowrap; cursor: pointer; } .btn:hover, .btn:active, .btn:focus { color: #666; border-color: gainsboro; background-color: gainsboro; } .btn i { display: inline-block; vertical-align: middle; font-size: 1.6rem; line-height: 0; margin-bottom: 0.2rem; } .btn i::before { margin: 0; } .btn.btn-icon-right i { margin-left: 0; margin-right: 0.6rem; } .btn.btn-icon-left i { margin-left: 0.6rem; margin-right: 0; } .btn svg { margin-left: 0.5rem; stroke: #fff; stroke-width: 3px; fill: #fff; -webkit-transition: stroke 0.4s, fill 0.4s; transition: stroke 0.4s, fill 0.4s; } .btn-outline { background-color: transparent; border: 1px solid !important; } .btn-outline.light { padding: 0.996em 2em; border: 1px solid; } .btn-reveal-left i { opacity: 0; margin-right: -1em; -webkit-transform: translate(-0.5em); transform: translate(-0.5em); margin-left: 0; -webkit-transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; } .btn-reveal-left:hover i, .btn-reveal-left:active i, .btn-reveal-left:focus i { opacity: 1; margin-right: 0; -webkit-transform: translateX(0); transform: translateX(0); margin-left: 0.7rem; } .btn-reveal-right i { opacity: 0; margin-left: -1em; -webkit-transform: translateX(0.5em); transform: translateX(0.5em); margin-right: 0; -webkit-transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s; transition: transform 0.3s, opacity 0.3s, margin 0.3s, -webkit-transform 0.3s; } .btn-reveal-right:hover i, .btn-reveal-right:active i, .btn-reveal-right:focus i { opacity: 1; margin-left: 0; -webkit-transform: translateX(0); transform: translateX(0); margin-left: 0.7rem; } .btn-simple::after { display: block; margin-top: 3px; margin-right: auto; margin-left: auto; width: 100%; border-top: 3px solid; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; content: ""; } .btn-link { padding: 0; border: 0; background: transparent; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn-link { overflow: visible; } } .btn-link:not(.btn-underline) { padding-bottom: 3px; } .btn-link:hover, .btn-link.active, .btn-link:focus { background: transparent; } .btn-shadow { -webkit-box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); } .btn-shadow:hover, .btn-shadow:active, .btn-shadow:focus { -webkit-box-shadow: 0 17px 20px -7px rgba(0, 0, 0, 0.2); box-shadow: 0 17px 20px -7px rgba(0, 0, 0, 0.2); } .btn-underline:hover::after, .btn-underline:active::after, .btn-underline:focus::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .btn-underline::after { display: block; margin-top: 3px; margin-right: auto; margin-left: auto; width: 100%; border-top: 3px solid; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; content: ""; } .btn-underline.sm::after { width: 46%; } .btn-underline.lg::after { margin-right: -16.5%; margin-left: -16.5%; width: 133%; } .btn-like { font-size: 1.4rem; font-weight: 400; padding: 0.429em 0.874em; border-radius: 3px; } .btn-primary { color: #fff; border-color: #f77c29 !important; background: rgb(255,38,0)!important; background: linear-gradient(231deg, rgba(255, 38, 0, 1) 55%, rgba(255, 189, 0, 1) 100%) !important; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border-color: #f77c29; color: #fff; background: linear-gradient(231deg, rgb(245 25 15) 35%, #ffc800 100%); } .btn-primary.btn-solid { color: #f32100; border-color: #f77c29; background-color: #f77c29; } .btn-primary.btn-solid:hover, .btn-primary.btn-solid:active, .btn-primary.btn-solid:focus { border-color: #f77c29; background-color: #f77c29; color: #fff; } .btn-primary.btn-outline { color: #f32100; border-color: #f77c29; background-color: transparent; } .btn-primary.btn-outline:hover, .btn-primary.btn-outline:active, .btn-primary.btn-outline:focus { background-color: #f32100; color: #fff; } .btn-primary.btn-link { background-color: transparent; color: #f32100; border-color: #f32100; } .btn-primary.btn-link:hover, .btn-primary.btn-link:active, .btn-primary.btn-link:focus { color: #f32100; background-color: transparent; } .btn-primary.btn-underline:hover, .btn-primary.btn-underline:active, .btn-primary.btn-underline:focus { color: #f32100; } .btn-dark { color: #fff; border-color: #333; background-color: #333; } .btn-dark:hover, .btn-dark:active, .btn-dark:focus { color: #fff; border-color: #454545; background-color: #454545; } .btn-dark.btn-solid { color: #333; border-color: #fff; background-color: #fff; } .btn-dark.btn-solid:hover, .btn-dark.btn-solid:active, .btn-dark.btn-solid:focus { border-color: #333; background-color: #333; color: #fff; } .btn-dark.btn-outline { color: #333; border-color: #333; background-color: transparent; } .btn-dark.btn-outline:hover, .btn-dark.btn-outline:active, .btn-dark.btn-outline:focus { background-color: #333; color: #fff; } .btn-dark.btn-link { background-color: transparent; color: #333; border-color: #333; } .btn-dark.btn-link:hover, .btn-dark.btn-link:active, .btn-dark.btn-link:focus { color: #333; background-color: transparent; } .btn-dark.btn-underline:hover, .btn-dark.btn-underline:active, .btn-dark.btn-underline:focus { color: #333; } .btn-dark-light { color: #fff; border-color: #666; background-color: #666; } .btn-dark-light:hover, .btn-dark-light:active, .btn-dark-light:focus { color: #fff; border-color: #787878; background-color: #787878; } .btn-dark-light.btn-solid { color: #666; border-color: #fff; background-color: #fff; } .btn-dark-light.btn-solid:hover, .btn-dark-light.btn-solid:active, .btn-dark-light.btn-solid:focus { border-color: #666; background-color: #666; color: #fff; } .btn-dark-light.btn-outline { color: #666; border-color: #666; background-color: transparent; } .btn-dark-light.btn-outline:hover, .btn-dark-light.btn-outline:active, .btn-dark-light.btn-outline:focus { background-color: #666; color: #fff; } .btn-dark-light.btn-link { background-color: transparent; color: #666; border-color: #666; } .btn-dark-light.btn-link:hover, .btn-dark-light.btn-link:active, .btn-dark-light.btn-link:focus { color: #666; background-color: transparent; } .btn-dark-light.btn-underline:hover, .btn-dark-light.btn-underline:active, .btn-dark-light.btn-underline:focus { color: #666; } .btn-white { color: #fff; border-color: #fff; background-color: #fff; color: #333; } .btn-white:hover, .btn-white:active, .btn-white:focus { color: #fff; border-color: white; background-color: white; } .btn-white.btn-solid { color: #fff; border-color: #fff; background-color: #fff; } .btn-white.btn-solid:hover, .btn-white.btn-solid:active, .btn-white.btn-solid:focus { border-color: #fff; background-color: #fff; color: #fff; } .btn-white.btn-outline { color: #fff; border-color: #fff; background-color: transparent; } .btn-white.btn-outline:hover, .btn-white.btn-outline:active, .btn-white.btn-outline:focus { background-color: #fff; color: #fff; } .btn-white.btn-link { background-color: transparent; color: #fff; border-color: #fff; } .btn-white.btn-link:hover, .btn-white.btn-link:active, .btn-white.btn-link:focus { color: #fff; background-color: transparent; } .btn-white.btn-underline:hover, .btn-white.btn-underline:active, .btn-white.btn-underline:focus { color: #fff; } .btn-white.btn-outline:hover, .btn-white.btn-outline:active, .btn-white.btn-outline:focus { color: #f32100; border-color: #fff; } .btn-white:hover, .btn-white:active, .btn-white:focus { color: #fff; background-color: #333; border-color: #333; } .btn-success { color: #fff; border-color: #799b5a; background-color: #799b5a; } .btn-success:hover, .btn-success:active, .btn-success:focus { color: #fff; border-color: #8bab6e; background-color: #8bab6e; } .btn-success.btn-solid { color: #799b5a; border-color: #fff; background-color: #fff; } .btn-success.btn-solid:hover, .btn-success.btn-solid:active, .btn-success.btn-solid:focus { border-color: #799b5a; background-color: #799b5a; color: #fff; } .btn-success.btn-outline { color: #799b5a; border-color: #799b5a; background-color: transparent; } .btn-success.btn-outline:hover, .btn-success.btn-outline:active, .btn-success.btn-outline:focus { background-color: #799b5a; color: #fff; } .btn-success.btn-link { background-color: transparent; color: #799b5a; border-color: #799b5a; } .btn-success.btn-link:hover, .btn-success.btn-link:active, .btn-success.btn-link:focus { color: #799b5a; background-color: transparent; } .btn-success.btn-underline:hover, .btn-success.btn-underline:active, .btn-success.btn-underline:focus { color: #799b5a; } .btn-warning { color: #fff; border-color: #ffa800; background-color: #ffa800; } .btn-warning:hover, .btn-warning:active, .btn-warning:focus { color: #fff; border-color: #ffb424; background-color: #ffb424; } .btn-warning.btn-solid { color: #ffa800; border-color: #fff; background-color: #fff; } .btn-warning.btn-solid:hover, .btn-warning.btn-solid:active, .btn-warning.btn-solid:focus { border-color: #ffa800; background-color: #ffa800; color: #fff; } .btn-warning.btn-outline { color: #ffa800; border-color: #ffa800; background-color: transparent; } .btn-warning.btn-outline:hover, .btn-warning.btn-outline:active, .btn-warning.btn-outline:focus { background-color: #ffa800; color: #fff; } .btn-warning.btn-link { background-color: transparent; color: #ffa800; border-color: #ffa800; } .btn-warning.btn-link:hover, .btn-warning.btn-link:active, .btn-warning.btn-link:focus { color: #ffa800; background-color: transparent; } .btn-warning.btn-underline:hover, .btn-warning.btn-underline:active, .btn-warning.btn-underline:focus { color: #ffa800; } .btn-secondary { color: #fff; border: 0; background: rgb(255,38,0); background: linear-gradient(72deg, #ffb100 0, #ff0505 100%); box-shadow: 0 1px 3px 0 rgba(36, 161, 219, .2), 0 2px 10px 0 rgba(36, 161, 219, .1); } .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { color: #fff; border-color: 0; background-color: #f8914b; } .btn-secondary.btn-solid { color: #f77c29; border-color: #fff; background-color: #fff; } .btn-secondary.btn-solid:hover, .btn-secondary.btn-solid:active, .btn-secondary.btn-solid:focus { border-color: #f77c29; background-color: #f77c29; color: #fff; } .btn-secondary.btn-outline { color: #f77c29; border-color: #f77c29; background-color: transparent; } .btn-secondary.btn-outline:hover, .btn-secondary.btn-outline:active, .btn-secondary.btn-outline:focus { background-color: #f77c29; color: #fff; } .btn-secondary.btn-link { background-color: transparent; color: #f77c29; border-color: #f77c29; } .btn-secondary.btn-link:hover, .btn-secondary.btn-link:active, .btn-secondary.btn-link:focus { color: #f77c29; background-color: transparent; } .btn-secondary.btn-underline:hover, .btn-secondary.btn-underline:active, .btn-secondary.btn-underline:focus { color: #f77c29; } .btn-error { color: #fff; border-color: #6d1a17; background-color: #6d1a17; } .btn-error:hover, .btn-error:active, .btn-error:focus { color: #fff; border-color: #8a211d; background-color: #8a211d; } .btn-error.btn-solid { color: #6d1a17; border-color: #fff; background-color: #fff; } .btn-error.btn-solid:hover, .btn-error.btn-solid:active, .btn-error.btn-solid:focus { border-color: #6d1a17; background-color: #6d1a17; color: #fff; } .btn-error.btn-outline { color: #6d1a17; border-color: #6d1a17; background-color: transparent; } .btn-error.btn-outline:hover, .btn-error.btn-outline:active, .btn-error.btn-outline:focus { background-color: #6d1a17; color: #fff; } .btn-error.btn-link { background-color: transparent; color: #6d1a17; border-color: #6d1a17; } .btn-error.btn-link:hover, .btn-error.btn-link:active, .btn-error.btn-link:focus { color: #6d1a17; background-color: transparent; } .btn-error.btn-underline:hover, .btn-error.btn-underline:active, .btn-error.btn-underline:focus { color: #6d1a17; } .btn-grey { color: #fff; border-color: #00baa3; background-color: #00baa3; } .btn-grey:hover, .btn-grey:active, .btn-grey:focus { color: #fff; border-color: #00dec2; background-color: #00dec2; } .btn-grey.btn-solid { color: #00baa3; border-color: #fff; background-color: #fff; } .btn-grey.btn-solid:hover, .btn-grey.btn-solid:active, .btn-grey.btn-solid:focus { border-color: #00baa3; background-color: #00baa3; color: #fff; } .btn-grey.btn-outline { color: #00baa3; border-color: #00baa3; background-color: transparent; } .btn-grey.btn-outline:hover, .btn-grey.btn-outline:active, .btn-grey.btn-outline:focus { background-color: #00baa3; color: #fff; } .btn-grey.btn-link { background-color: transparent; color: #00baa3; border-color: #00baa3; } .btn-grey.btn-link:hover, .btn-grey.btn-link:active, .btn-grey.btn-link:focus { color: #00baa3; background-color: transparent; } .btn-grey.btn-underline:hover, .btn-grey.btn-underline:active, .btn-grey.btn-underline:focus { color: #00baa3; } .btn.btn-rounded { border-radius: 3px; } .btn.btn-ellipse { border-radius: 30px; } .btn.btn-block { display: block; padding-right: 0; padding-left: 0; width: 100%; } .btn.btn-block svg { display: inline-block; vertical-align: middle; margin-top: -4px; } .btn.btn-sm { font-size: 1.3rem; padding: 0.77em 1.4em; } .btn.btn-lg { font-size: 1.8rem; padding: 0.95em 1.835em; } .btn.btn-xl { font-size: 2.4rem; padding: 0.84em 1.8em; } .btn svg { width: 16px; height: 16px; } .btn-slide-left:hover i, .btn-slide-left:active i, .btn-slide-left:focus i { -webkit-animation: 0.5s ease slideLeft; animation: 0.5s ease slideLeft; } .btn-slide-right:hover i, .btn-slide-right:active i, .btn-slide-right:focus i { -webkit-animation: 0.5s ease slideRight; animation: 0.5s ease slideRight; } .btn-slide-up:hover i, .btn-slide-up:active i, .btn-slide-up:focus i { -webkit-animation: 0.5s ease slideUp; animation: 0.5s ease slideUp; } .btn-slide-down:hover i, .btn-slide-down:active i, .btn-slide-down:focus i { -webkit-animation: 0.5s ease slideDown; animation: 0.5s ease slideDown; } .btn-infinite:hover i { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(0.5em); transform: translateX(0.5em); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(0.5em); transform: translateX(0.5em); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(-0.5em); transform: translateX(-0.5em); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(-0.5em); transform: translateX(-0.5em); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(0.5em); transform: translateY(0.5em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(0.5em); transform: translateY(0.5em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-0.5em); transform: translateY(-0.5em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-0.5em); transform: translateY(-0.5em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /*------------------------------------ Category - Base - Default - Group Category - Image - Icon - Category Banner -------------------------------------*/ .category { position: relative; font-size: 1rem; color: #666; } .category a { color: inherit; } .category a:hover { color: #f32100; } .category img { display: block; height: auto; } .category .category-name { margin-bottom: 0; text-align: center; font-size: 1.6rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: -0.025em; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .category .category-count { font-size: 1.4rem; } .category p { text-align: start; font-size: 1.4rem; line-height: 1.25; letter-spacing: 0; color: #666; } .category-content .category-list { color: #666666; text-align: start; font-size: 1.3em; } .category-content .category-list li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; line-height: 1.9; } .category-content .category-list li::before { content: ""; color: inherit; font-family: "wolmart"; font-size: 1.3rem; margin-left: 0.3rem; margin-right: -0.3rem; -webkit-transition: color 0.4s; transition: color 0.4s; } .category-content .category-list li:hover::before { color: #f32100; -webkit-animation: navItemArrow 0.6s linear infinite; animation: navItemArrow 0.6s linear infinite; } .category-absolute .category-content { position: absolute; cursor: pointer; } .category-default .category-content { padding-bottom: 0.2rem; -webkit-transition: padding-bottom 0.3s; transition: padding-bottom 0.3s; } .category-default .btn { position: absolute; margin-top: -2rem; opacity: 0; visibility: hidden; -webkit-transition: margin-top 0.3s, opacity 0.3s, visibility 0.3s; transition: margin-top 0.3s, opacity 0.3s, visibility 0.3s; } .category-default:hover .category-content { padding-bottom: 3.2rem; } .category-default:hover .btn { margin-top: 1rem; opacity: 1; visibility: visible; } .category-default1 .category-content { right: 0; left: 0; bottom: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(38, 38, 38, 0.8); height: 20%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; } .category-default1 .category-content .category-name { padding-bottom: 0; color: #fff; font-size: 1.4rem; letter-spacing: 0.035em; -webkit-transition: padding-bottom 0.3s; transition: padding-bottom 0.3s; } .category-default1 .category-content .category-count { position: absolute; font-size: 1.2rem; line-height: 1.3; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .category-default1:hover .category-name { padding-bottom: 1.7rem; } .category-default1:hover .category-count { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; visibility: visible; } .category-group-image, .category-group-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #eee; } .category-group-image > *, .category-group-icon > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .category-group-image .category-content ul, .category-group-icon .category-content ul { padding-right: 0; } .category-group-image { padding: 1rem; font-size: 1rem; height: 100%; } .category-group-image .category-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: start; padding: 1.1rem 3rem 0.8rem 0; } .category-group-image .category-content ul { margin: 0; } .category-group-image .category-name { font-size: 1.6em; font-weight: 400; text-transform: none; margin-bottom: 1.1rem; line-height: 1.4; text-align: start; letter-spacing: 0; } .category-group-image a { white-space: nowrap; } .category-ellipse .category-media { border-radius: 50%; overflow: hidden; border: 0px solid #fff; -webkit-transition: border-width 0.1s, -webkit-box-shadow 0.1s; transition: border-width 0.1s, -webkit-box-shadow 0.1s; transition: box-shadow 0.1s, border-width 0.1s; transition: box-shadow 0.1s, border-width 0.1s, -webkit-box-shadow 0.1s; } .category-ellipse .category-content { margin-top: 1.7rem; } .category-ellipse .category-name:hover { color: #f32100; } .category-ellipse:hover .category-media { border-width: 8px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12); } .category-classic { -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .category-classic .category-content { right: 0; left: 0; bottom: 1.5rem; overflow: hidden; text-align: center; } .category-classic .category-name { font-size: 1.4rem; line-height: 1.45; text-transform: capitalize; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .category-classic .btn { position: absolute; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); top: 100%; -webkit-transition: top 0.3s, -webkit-transform 0.3s; transition: top 0.3s, -webkit-transform 0.3s; transition: top 0.3s, transform 0.3s; transition: top 0.3s, transform 0.3s, -webkit-transform 0.3s; } .category-classic:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); } .category-classic:hover .category-name { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .category-classic:hover .btn { top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .category-icon .category-media { padding: 2.4rem 0.5rem; border: 1px solid #eee; width: 130px; height: 130px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 5rem; border-radius: 50%; margin: 0 auto 2rem auto; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; } .category-icon .category-name { font-size: 1.4rem; text-transform: capitalize; letter-spacing: 0; } .category-icon:hover .category-media { border-color: #fff; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } .category-icon:hover .category-name { color: #f32100; } .category-banner .category-content { right: 0; bottom: 2rem; background-color: rgba(38, 38, 38, 0.8); border-radius: 5rem 0 0 5rem; padding: 1.3rem 3rem; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .category-banner .category-name { font-size: 1.4rem; color: #fff; letter-spacing: 0.035em; } .category-banner:hover .category-content { background-color: rgba(51, 102, 153, 0.8); } .category-center .category-content { position: absolute; cursor: pointer; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .category-center .btn { visibility: hidden; opacity: 0; line-height: 0; -webkit-transition: visibility 0.3s, opacity 0.3s, line-height 0.3s; transition: visibility 0.3s, opacity 0.3s, line-height 0.3s; } .category-center:hover .btn { visibility: visible; opacity: 1; line-height: 1; } .category-lg .category-name { font-size: 2.8rem; font-weight: 700; letter-spacing: -0.015em; line-height: 1.3; white-space: nowrap; } .category-lg .category-count { font-size: 1.8rem; letter-spacing: 0; margin-bottom: 1rem; } .category-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .category-image a { display: block; width: 100%; -webkit-transition: color 0.3s; transition: color 0.3s; } .category-image .category-media { overflow: hidden; margin-right: auto; margin-left: auto; } .category-image .category-media img { display: block; } .category-image p { font-size: 1.3rem; line-height: 1; color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; } .category-image.media-circle .category-media { width: 10rem; height: 10rem; border-radius: 50%; } .category-image.text-center p { text-align: center; } .category-image:hover { cursor: pointer; } .category-image:hover a { color: #f32100; } @media (max-width: 767px) { .category-group-image .category-content { padding-right: 1.5rem; } } /* ----------------------------------------------- Comments ------------------------------------------------- */ .comments .comment { position: relative; font-size: 1.3rem; padding: 3rem 0; border-top: 1px solid #eee; padding: 4rem 0; } .comments .comment:last-child { padding-bottom: 2rem; } .comments > li { position: relative; border-top: 1px solid #eee; font-size: 1.3rem; padding: 3rem 0; } .comments ul.children { margin-right: 10rem; } .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment-body .comment-content p { margin-bottom: 1.6rem; line-height: 1.9; } .comment-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem; max-width: 9rem; margin-left: 2rem; } .comment-author { margin: 0.5rem 0 1rem; font-size: 1.8rem; color: #333; line-height: 1; } .comment-author a { margin-left: 0.4rem; color: inherit; } .comment-date { font-size: 1.2rem; font-weight: 400; letter-spacing: 0; color: #999; } .ratings-container.comment-rating { margin-bottom: 1.3rem; } .comment-action > * { margin-left: 2.4rem; } .comment-action .btn i { font-size: 1.4rem; } .review-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .review-image figure { max-width: 6rem; margin-top: 2rem; margin-left: 0.6rem; border-radius: 0.3rem; overflow: hidden; } @media (max-width: 575px) { .comments .comment-action span { display: none; } .comments ul.children { margin-right: 3rem; } .comment-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 7rem; flex: 0 0 7rem; max-width: 7rem; } } /*---------------------------------------- Wolmart Font icon -----------------------------------------*/ @font-face { font-family: "wolmart"; src: url("../../../fonts/wolmart.eot?png09e"); src: url("../../../fonts/wolmart.woff?png09e") format("woff"), url("../../../fonts/wolmart.eot?png09e#iefix") format("embedded-opentype"), url("../../../fonts/wolmart.ttf?png09e") format("truetype"), url("../../../fonts/wolmart.svg?png09e#wolmart") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=w-icon-], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "wolmart" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-shipping:before { content: ""; } .w-icon-truck2:before { content: ""; } .w-icon-comments-solid:before { content: ""; } .w-icon-heart-full:before { content: ""; } .w-icon-instagram:before { content: ""; } .w-icon-youtube:before { content: ""; } .w-icon-pinterest:before { content: ""; } .w-icon-pinterest-p:before { content: ""; } .w-icon-google:before { content: ""; } .w-icon-twitter:before { content: ""; } .w-icon-facebook:before { content: ""; } .w-icon-minus:before { content: ""; } .w-icon-plus:before { content: ""; } .w-icon-angle-down:before { content: ""; } .w-icon-angle-up:before { content: ""; } .w-icon-angle-left:before { content: ""; } .w-icon-angle-right:before { content: ""; } .w-icon-hamburger:before { content: ""; } .w-icon-star-square-full:before { content: ""; } .w-icon-exclamation-triangle:before { content: ""; } .w-icon-times-circle:before { content: ""; } .w-icon-cog:before { content: ""; } .w-icon-star-square:before { content: ""; } .w-icon-exclamation-circle:before { content: ""; } .w-icon-check-solid:before { content: ""; } .w-icon-check:before { content: ""; } .w-icon-comments:before { content: ""; } .w-icon-envelop:before { content: ""; } .w-icon-envelop2:before { content: ""; } .w-icon-youtube-solid:before { content: ""; } .w-icon-times-solid:before { content: ""; } .w-icon-call:before { content: ""; } .w-icon-call2:before { content: ""; } .w-icon-cart:before { content: ""; } .w-icon-category:before { content: ""; } .w-icon-bars:before { content: ""; } .w-icon-compare:before { content: ""; } .w-icon-computer:before { content: ""; } .w-icon-electronics:before { content: ""; } .w-icon-tshirt:before { content: ""; } .w-icon-account:before { content: ""; } .w-icon-search2:before { content: ""; } .w-icon-android:before { content: ""; } .w-icon-ios:before { content: ""; } .w-icon-art-class:before { content: ""; } .w-icon-bag:before { content: ""; } .w-icon-basketball:before { content: ""; } .w-icon-bathtub:before { content: ""; } .w-icon-bed:before { content: ""; } .w-icon-birthday-cake:before { content: ""; } .w-icon-bow:before { content: ""; } .w-icon-bridge-lamp:before { content: ""; } .w-icon-calendar:before { content: ""; } .w-icon-camera:before { content: ""; } .w-icon-cart2:before { content: ""; } .w-icon-dots-circle:before { content: ""; } .w-icon-chat:before { content: ""; } .w-icon-desktop:before { content: ""; } .w-icon-dish:before { content: ""; } .w-icon-display:before { content: ""; } .w-icon-download:before { content: ""; } .w-icon-envelop-closed:before { content: ""; } .w-icon-fax:before { content: ""; } .w-icon-furniture:before { content: ""; } .w-icon-gamepad:before { content: ""; } .w-icon-gift:before { content: ""; } .w-icon-grid:before { content: ""; } .w-icon-headphone:before { content: ""; } .w-icon-heartbeat:before { content: ""; } .w-icon-home:before { content: ""; } .w-icon-honour:before { content: ""; } .w-icon-hotline:before { content: ""; } .w-icon-ice-cream:before { content: ""; } .w-icon-list:before { content: ""; } .w-icon-mobile:before { content: ""; } .w-icon-money:before { content: ""; } .w-icon-motocycle:before { content: ""; } .w-icon-net-world:before { content: ""; } .w-icon-orders:before { content: ""; } .w-icon-phone:before { content: ""; } .w-icon-return:before { content: ""; } .w-icon-rice-cooker:before { content: ""; } .w-icon-ruby:before { content: ""; } .w-icon-search:before { content: ""; } .w-icon-search-minus:before { content: ""; } .w-icon-search-plus:before { content: ""; } .w-icon-service:before { content: ""; } .w-icon-shopify:before { content: ""; } .w-icon-sofa:before { content: ""; } .w-icon-sport:before { content: ""; } .w-icon-star:before { content: ""; } .w-icon-star-full:before { content: ""; } .w-icon-table:before { content: ""; } .w-icon-table2:before { content: ""; } .w-icon-truck:before { content: ""; } .w-icon-tshirt2:before { content: ""; } .w-icon-user:before { content: ""; } .w-icon-wallet:before { content: ""; } .w-icon-heart:before { content: ""; } .w-icon-gift2:before { content: ""; } .w-icon-dashboard:before { content: ""; } .w-icon-power-off:before { content: ""; } .w-icon-wallet2:before { content: ""; } .w-icon-products:before { content: ""; } .w-icon-reports:before { content: ""; } .w-icon-return2:before { content: ""; } .w-icon-reviews:before { content: ""; } .w-icon-return3:before { content: ""; } .w-icon-cog2:before { content: ""; } .w-icon-ship-station:before { content: ""; } .w-icon-social:before { content: ""; } .w-icon-store-seo:before { content: ""; } .w-icon-store:before { content: ""; } .w-icon-support:before { content: ""; } .w-icon-tools:before { content: ""; } .w-icon-vendor-store:before { content: ""; } .w-icon-verification:before { content: ""; } .w-icon-visit:before { content: ""; } .w-icon-withdraw:before { content: ""; } .w-icon-rotate-3d:before { content: ""; } .w-icon-movie:before { content: ""; } .w-icon-prev:before { content: ""; } .w-icon-play:before { content: ""; } .w-icon-next:before { content: ""; } .w-icon-map-marker:before { content: ""; } .w-icon-long-arrow-down:before { content: ""; } .w-icon-long-arrow-left:before { content: ""; } .w-icon-long-arrow-right:before { content: ""; } .w-icon-long-arrow-up:before { content: ""; } .w-icon-comment:before { content: ""; } .w-icon-envelop3:before { content: ""; } .w-icon-logout:before { content: ""; } .w-icon-envelop4:before { content: ""; } .w-icon-orders2:before { content: ""; } .w-icon-quote:before { content: ""; } .w-icon-sale:before { content: ""; } .w-icon-heart2:before { content: ""; } .w-icon-zoom:before { content: ""; } /*------------------------ Form - Form Control - Input Wrapper -------------------------*/ .form .form-control { margin-bottom: 2rem; } input:-internal-autofill-selected { background-color: #fff !important; background-image: none !important; color: black !important; } .form-control { display: block; width: 100%; min-height: 4.7rem; padding: 0.85rem 2rem; border: 1px solid #b5b5b5; font-size: 1.6rem; line-height: 1.5; font-weight: 400; color: #000; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: 0; border-radius: 8px; } .form-control::-webkit-input-placeholder { color: inherit; font-family: inherit; } .form-control::-moz-placeholder { color: inherit; font-family: inherit; } .form-control:-ms-input-placeholder { color: inherit; font-family: inherit; } .form-control::-ms-input-placeholder { color: inherit; font-family: inherit; } .form-control::placeholder { color: inherit; font-family: inherit; } .form-control::-webkit-input-placeholder { color: inherit; } .form-control::-moz-placeholder { color: inherit; } .form-control.form-solid { background-color: #fff; border: 0; color: #8d8d8d; } .form-control.form-control-md { font-size: 1.3rem; min-height: 4.4rem; } .form-control.form-control-sm { font-size: 1.2rem; min-height: 4rem; } textarea { font-family: inherit; min-width: 100%; max-width: 100%; } .select-box, .select-menu { position: relative; } .select-box select, .select-menu select { position: relative; max-width: 14.6rem; min-height: auto; width: 100%; height: 100%; padding-right: 32px; padding-left: 27px; border: 1px solid #e3e3e3; color: inherit; background-color: transparent; font-size: 1.2rem; font-family: inherit; letter-spacing: inherit; z-index: 1; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } .select-box select:focus, .select-menu select:focus { outline: none; } .select-box::before, .select-menu::before { content: ""; font-family: "Wolmart"; font-size: 9px; font-weight: 600; line-height: 1; position: absolute; left: 2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .select-box option { font-size: 1.4rem; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { select::-ms-expand { display: none; } select:focus::-ms-value { background: transparent; color: currentColor; } } .input-wrapper input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 40px; font-size: 1.4rem; font-family: Poppins, sans-serif; border-width: 1px 1px 1px 0; } .input-wrapper-inline { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; max-width: 67.5rem; width: 100%; } .input-wrapper-inline .btn { line-height: 1; } .input-wrapper-rounded .form-control { border-radius: 0.4rem; } .input-wrapper-round .form-control { position: relative; border-radius: 3rem; } .input-wrapper-round .btn { border-radius: 3rem; line-height: 1; } .input-wrapper-round .form-control { border-radius: 0 3rem 3rem 0; } .input-wrapper-round .btn { border-radius: 3rem 0 0 3rem; } .input-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 4.4rem; position: relative; width: 100%; } .input-group .form-control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.3rem; padding: 0 1.8rem 0 1.4rem; height: inherit; min-height: auto; max-width: 100%; -webkit-appearance: textfield; border: solid #ccc; border-width: 1px; color: #666; } .input-group .form-control:hover::-webkit-outer-spin-button, .input-group .form-control:hover::-webkit-inner-spin-button, .input-group .form-control:focus::-webkit-outer-spin-button, .input-group .form-control:focus::-webkit-inner-spin-button { -webkit-appearance: none; } .input-group button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1.5rem; padding: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: #eee; color: #666; font-size: 1.4rem; border: none; } .input-group button + button { margin-left: 3.3rem; } .input-group button:hover { cursor: pointer; } .custom-radio { position: relative; } .custom-radio .custom-control-input { position: absolute; opacity: 0; z-index: -1; } .custom-radio .custom-control-label { padding-right: 3rem; } .custom-radio .custom-control-label::after { content: ""; position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid; border-radius: 2px; color: #999; font-family: "Font Awesome 5 Free"; font-size: 1rem; font-weight: 900; width: 1.8rem; height: 1.8rem; cursor: pointer; -webkit-transition: color 0.3s, background-color 0.3s, content 0.3s, border 0.3s; transition: color 0.3s, background-color 0.3s, content 0.3s, border 0.3s; } .custom-radio .custom-control-label.round::after { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { content: ""; background-color: #f32100; color: #fff; border: 2px solid #f32100; padding-right: 2px; } .custom-radio .custom-control-input:checked ~ .custom-control-label.color-dark::after { background-color: #333; border-color: #333; } .custom-checkbox { position: absolute; opacity: 0; z-index: 1; width: 1.8rem; height: 1.8rem; cursor: pointer; } .custom-checkbox + label { display: inline-block; position: relative; padding-right: 2.5rem; cursor: pointer; } .custom-checkbox + label::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 18px; height: 18px; line-height: 15px; border: 1px solid #ccc; border-radius: 2px; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .custom-checkbox + label::before { line-height: 14px; } } .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before { content: ""; border-color: #222; background: #222; color: #fff; font-size: 9px; font-weight: 600; font-family: "Font Awesome 5 Free"; text-align: center; } .btn-absolute input.form-control { width: 100%; padding-right: 2rem; color: #999; font-size: 1.4rem; } .btn-absolute .btn { position: absolute; width: auto; height: 100%; min-width: 4.4rem; left: 0; font-size: 1.3rem; } .btn-absolute .btn:hover { color: #f32100; } /* ----------------------------------- Custom Icons - User Icon - Minicart Icon - Menu Icon -------------------------------------*/ .user-icon { display: block; padding-bottom: 2px; } .user-icon::before, .user-icon::after { content: ""; display: block; margin-right: auto; margin-left: auto; } .user-icon::before { width: 12px; height: 12px; border-radius: 50%; margin-bottom: 1px; border: 1px solid #333; -webkit-box-shadow: 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 2px #333; box-shadow: 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 2px #333; } .user-icon::after { width: 22px; height: 12px; border-radius: 7px 7px 0 0; border: 1px solid #333; -webkit-box-shadow: 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333; box-shadow: 0px 0px 2px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333, 0px 0px 1px #333; } .minicart-icon { position: relative; height: 2.167em; text-align: center; } .minicart-icon::before, .minicart-icon::after { border: solid 2px; border-color: #333333; } .minicart-icon::before { content: ""; display: block; position: absolute; top: -0.3em; right: 50%; -webkit-transform: translateX(50%) scale(0.7); transform: translateX(50%) scale(0.7); width: 1.32em; height: 1.2em; border-radius: 10px 10px 0 0; border-bottom: none; } .minicart-icon::after { content: ""; display: inline-block; width: 29px; height: 24px; background-color: transparent; border-radius: 0 0 5px 5px; -webkit-transform: scale(0.8); transform: scale(0.8); margin-top: 1px; } .menu-icon { display: inline-block; color: #fff; width: 1.7rem; } .menu-icon::before, .menu-icon::after { display: block; content: ""; width: 100%; } .menu-icon::before { height: 6px; border-top: 2px solid; border-bottom: 2px solid; } .menu-icon::after { height: 4px; border-bottom: 2px solid; } .icon-angle-left::before { content: ""; } .icon-angle-right::before { content: ""; } .icon-angle-left, .icon-angle-right { font-family: "wolmart"; font-style: normal; } .close-icon { display: block; position: relative; width: 30px; height: 30px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); background-color: #5e5e5e; border-radius: 50%; border: 4px solid #5e5e5e; } .close-icon::before, .close-icon::after { display: block; position: absolute; background-color: #ccc; content: ""; } .close-icon::before { height: 2px; width: 100%; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .close-icon::after { height: 100%; width: 2px; top: 0; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } /* --------------------------------------- Icon Box --------------------------------------- */ .icon-box .icon-box-title { font-size: 1.4rem; text-transform: capitalize; letter-spacing: -0.025em; margin-bottom: 0.4rem; } .icon-box p { font-size: 1.3rem; word-break: break-word; margin: 0; line-height: 1.2; color: #666; } .icon-box .icon-box-content { text-align: center; } .icon-box.text-center .icon-box-icon { margin-bottom: 1.6rem; } .icon-box.text-center .icon-box-icon.icon-bag { margin-bottom: 1.8rem; } .icon-box.text-center .icon-box-icon.icon-money { margin: 0.1rem 0 2.2rem; } .icon-box.text-center .icon-box-icon.icon-chat { margin-bottom: 1.2rem; } .icon-box.icon-box-lg .icon-box-title { font-size: 1.8rem; } .icon-box.icon-colored-circle .icon-box-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; width: 8rem; height: 8rem; border-radius: 50%; background-color: #f32100; color: #fff; margin-bottom: 2rem; } .icon-box-icon { display: inline-block; margin-bottom: 1.4rem; } .icon-box-primary .icon-box-icon i { color: #f32100; } .icon-box-secondary .icon-box-icon i { color: #f77c29; } .icon-box-white .icon-box-icon svg { fill: #fff; } .icon-box-white .icon-box-icon i { color: #fff; } .icon-box-light .icon-box-icon svg { fill: #999; } .icon-box-icon i { font-size: 2.9rem; font-weight: 400; line-height: 1; } .icon-box-icon i.w-icon-truck { font-size: 3.9rem; } .icon-box-icon i.w-icon-bag { font-size: 3.7rem; } .icon-box-icon i.w-icon-money { font-size: 3.2rem; } .icon-box-icon i.w-icon-chat { font-size: 4.4rem; } .icon-box-lg .icon-box-icon i { font-size: 6rem; } .icon-box.icon-box-secondary .icon-box-icon i { font-size: 3rem; } .icon-box-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .icon-box-side .icon-box-content { text-align: start; } .icon-box-side .icon-box-content p { line-height: 1; } .icon-box-side .icon-box-icon { margin-left: 1.5rem; margin-bottom: 0; } .icon-box-side i { display: inline-block; vertical-align: middle; } .icon-border-circle .icon-box-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 50%; border: 1px solid #ccc; } .circle-icon-section { margin: 0.7rem 0 5.7rem; padding: 5.7rem 0 3.2rem; background-color: #f8f8f8; } .circle-icon-section .iconbox-wrap { margin-bottom: 4.9rem; } .icon-box.icon-border-box { border: 1px solid #eeeeee; padding: 4rem 1rem 3.4rem; -webkit-transition: -webkit-box-shadow 0.4s; transition: -webkit-box-shadow 0.4s; transition: box-shadow 0.4s; transition: box-shadow 0.4s, -webkit-box-shadow 0.4s; border-radius: 0.5rem; } .icon-box.icon-border-box .icon-box-icon { margin-bottom: 2.5rem; } .icon-box.icon-border-box .icon-box-title { margin-bottom: 0.7rem; } .icon-box.icon-border-box p { margin-bottom: 1.6rem; line-height: 1.9; } .icon-box.icon-border-box a { color: #f32100; font-weight: 600; font-size: 1.4rem; } .icon-box.icon-border-box a i { font-size: 1.6rem; vertical-align: middle; line-height: 0; } .icon-box.icon-border-box:hover { -webkit-box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); } .iconbox-boxed-section .row { margin: 0 -3rem; } .iconbox-boxed-section .row > * { padding: 0 3rem; } .iconbox-boxed-section .shadow-swiper { overflow-y: auto; padding: 4rem; margin: -4rem; } @media (max-width: 1320px) { .iconbox-boxed-section .shadow-swiper { padding: 4rem 2rem; margin: -4rem -2rem; } } @media (min-width: 768px) { .icon-box-side.icon-box-money { margin-top: 0.2rem; } .icon-box-side.icon-box-chat { margin-top: -0.3rem; } } @media (max-width: 767px) { .icon-box-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .icon-box-side .icon-box-icon { margin-left: 0; margin-bottom: 1rem; } .icon-box-side .icon-box-content { text-align: center; } .icon-box-side.icon-box-money { margin-top: 0.6rem; } .icon-box-side.icon-box-chat .icon-box-icon { margin-bottom: 0.4rem; } } /*---------------------------- Overlay -----------------------------*/ .overlay-dark figure, .overlay-dark .banner, .overlay-light figure, .overlay-light .banner { position: relative; } .overlay-dark figure::after, .overlay-dark figure > a::after, .overlay-dark.banner::after, .overlay-light figure::after, .overlay-light figure > a::after, .overlay-light.banner::after { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: #333; opacity: 0; -webkit-transition: opacity 0.3s, background 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background 0.3s, transform 0.3s; transition: opacity 0.3s, background 0.3s, transform 0.3s, -webkit-transform 0.3s; } .overlay-dark:hover figure::after, .overlay-dark:hover figure > a::after, .overlay-dark.banner:hover::after, .overlay-light:hover figure::after, .overlay-light:hover figure > a::after, .overlay-light.banner:hover::after { opacity: 0.1; } .overlay-dark.banner-fixed::after, .overlay-dark.post > figure::after, .overlay-light.banner-fixed::after, .overlay-light.post > figure::after { content: none; } .overlay-dark.post > figure > a::after, .overlay-light.post > figure > a::after { z-index: 1; } .overlay-light figure::after, .banner.overlay-light::after { background: #ccc; } .overlay-zoom { overflow: hidden; } .overlay-zoom img { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .overlay-zoom:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } .overlay-rotate { overflow: hidden; } .overlay-rotate img { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .overlay-rotate:hover { -webkit-transform: rotateZ(3deg) scale(1.08); transform: rotateZ(3deg) scale(1.08); } /*------------------------- Page Header - Page Header - Page Title - Page Subtitle --------------------------*/ .page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 18rem; text-align: center; text-transform: capitalize; background:linear-gradient(112deg, rgb(255 244 204 / 38%) 0%, rgb(255 222 221 / 53%) 100%); } .page-title { font-size: 3.4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 0.2rem; } .page-subtitle { margin-bottom: 0; font-size: 1.8rem; font-weight: normal; letter-spacing: 0; line-height: 1.6; color: #666; } .cart .page-header, .checkout .page-header { height: 134px; background: #fff; } /*-------------------------------- Pagniation ---------------------------------*/ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.2rem; color: #666; letter-spacing: 0.025em; } .pagination > * { font-size: 1.4rem; } .pagination a { color: inherit; } .pagination .prev, .pagination .next { height: 4rem; min-width: 8rem; padding: 1.2rem; line-height: 1; text-align: center; letter-spacing: 0; } .pagination .prev.disabled, .pagination .next.disabled { color: #aaa; } .pagination .prev { margin-left: 0.5rem; } .pagination .prev i { margin-left: 0.5rem; } .pagination .next i { margin-right: 0.5rem; } .page-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 3rem; height: 4rem; background-color: transparent; border: 1px solid transparent; -webkit-transition: background-color 0.4s, border 0.4s, color 0.4s; transition: background-color 0.4s, border 0.4s, color 0.4s; line-height: 1; } :hover:not(.disabled) > .page-link, .active:not(.disabled) > .page-link { background-color: transparent; border-color: #eee; color: #f32100; border-radius: 0.3rem; } .page-item:not(:last-child) { margin-left: 0.5rem; } .page-item-dots { white-space: nowrap; } .page-item-dots::before { content: "..."; display: inline-block; vertical-align: middle; font-size: 0.9rem; font-weight: 600; margin-left: 0.1rem; margin-top: -6px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; right: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; right: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; right: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: start; z-index: 1045; } .mfp-fade.mfp-wrap .mfp-content { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; right: 8px; left: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; left: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 10px 18px 0; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: transparent; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; left: -6px; text-align: end; padding-left: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; left: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; right: 0; top: 0; margin-top: 35px; margin-right: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { right: 0; } .mfp-arrow-left:after { border-left: 17px solid #FFF; margin-right: 31px; } .mfp-arrow-left:before { margin-right: 25px; border-left: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-right: 17px solid #FFF; margin-right: 39px; } .mfp-arrow-right:before { border-right: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; right: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; right: 0; top: 40px; bottom: 40px; display: block; left: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; right: 0; width: 100%; cursor: auto; } .mfp-title { text-align: start; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-left: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-right: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { left: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; left: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-right: 6px; padding-left: 6px; } } /*--------------------------------- Popup - Popup - Popup Close - Popup Arrow - Popup Content - Popup - Login - Popup - Image PhotoSwipe -----------------------------------*/ .mfp-wrap { z-index: 2500; } .mfp-bg { z-index: 2500; background: #000; opacity: 0.4; -webkit-transition: opactiy 0.3s ease-out; transition: opactiy 0.3s ease-out; } .mfp-bg.mfp-ready.mfp-fade { opacity: 0.4; } .mfp-bg.mfp-remove { opacity: 0; } .mfp-container { padding: 4rem 2rem; } .mfp-content > * { position: relative; margin: auto; background: #fff; opacity: 0; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; transition: all 0.3s; } .mfp-ready .mfp-content > * { opacity: 1; } .mfp-remove .mfp-content > * { opacity: 0; } .pswp__button--arrow--left, .pswp__button--arrow--right { color: #fff; font-size: 1.6rem; font-weight: 500; font-family: "wolmart"; border: 0; opacity: 0.5; left: 10%; right: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .pswp__ui > button::before { background: transparent; position: static; } .pswp__ui > button:hover { opacity: 1; } .pswp__button--arrow--right::before { content: ""; } .pswp__button--arrow--left { right: 10%; left: auto; } .pswp__button--arrow--left::before { content: ""; } .pswp { z-index: 3010; } .pswp .pswp__bg { background-color: rgba(0, 0, 0, 0.7); } .pswp__scroll-wrap { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .pswp__top-bar, .pswp__caption { -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1), background-color 0.3s 0.5s; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1), background-color 0.3s 0.5s; } .pswp:not(.pswp--animated-in) .pswp__top-bar, .pswp:not(.pswp--animated-in) .pswp__caption { background-color: transparent; } .pswp--visible .pswp__scroll-wrap { -webkit-transform: none; transform: none; opacity: 1; } .pswp__img { border-radius: 3px; } .pswp__img--placeholder--blank { background-color: #F2F3F5; } .pswp__caption { min-height: auto; } .pswp__caption__center { text-align: center; } .pswp__counter { right: 0; } .pswp__button { float: left; } .pswp__button--arrow--left, .pswp__button--arrow--right { width: 4.8rem; height: 4.8rem; margin-top: -2.4rem; color: #fff; border-radius: 50%; font-size: 1.6rem; font-weight: 900; font-family: "Font Awesome 5 Free"; text-align: center; opacity: 0.5; right: 10%; left: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; border: 2px solid; } .pswp__ui > button::before { background: transparent; position: static; } .pswp__ui > button:hover { opacity: 1; } .pswp__button--arrow--right::before { content: ""; } .pswp__button--arrow--left { left: 10%; right: auto; } .pswp__button--arrow--left::before { content: ""; } .newsletter-popup { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 78rem; padding: 8.1rem 4.8rem; margin: auto; background-position: center; background-size: cover; border-radius: 1rem; background-image: url(../../../../assets/images/newsletter-1.jpg); } .newsletter-popup .popup-media { margin-bottom: 1.7rem; } .newsletter-popup h4 { margin-bottom: 0.4rem; font-size: 2rem; } .newsletter-popup h4 span { display: inline-block; margin-right: 0.4rem; font-weight: 800; } .newsletter-popup h2 { margin-bottom: 1.1rem; font-weight: 800; font-size: 2.8rem; line-height: 1.2; } .newsletter-popup p { margin-bottom: 2.3rem; line-height: 1.75; } .newsletter-popup .input-wrapper-inline { max-width: 34rem; margin-bottom: 3rem; } .newsletter-popup .input-wrapper-inline .form-control { min-height: 4.4rem; border-color: #ccc; color: #666; } .newsletter-popup .input-wrapper-inline .btn { padding-top: 0.9em; padding-bottom: 0.9em; } .newsletter-popup label { padding-right: 2.7rem; } .newsletter-popup label::before { border-color: #999; } .newsletter-content { max-width: 36rem; } .mfp-product .mfp-container { padding: 4rem 3rem 2rem; } .mfp-product .mfp-content { max-width: 88rem; margin: auto; } .mfp-product .product-popup { display: block; margin-bottom: 3rem; padding: 2rem; } .mfp-product .product-details { overflow-x: hidden; overflow-y: auto; } body .product-popup { display: none; } .login-popup { max-width: 50rem; padding: 3.3rem 5rem 2.6rem; } .login-popup .nav.nav-tabs .nav-item { width: calc(50% - .5rem); margin: 0; } .login-popup .nav.nav-tabs .nav-item:first-child { margin-left: 1rem; } .login-popup .nav-item .nav-link { padding: 1.3rem 0; font-size: 1.6rem; font-weight: 700; } .login-popup .nav-item .nav-link::after { border-top-width: 2px; -webkit-transform: none; transform: none; } .login-popup .tab-pane { padding-top: 3.3rem; padding-bottom: 2.6rem; } .login-popup .tab-pane a:not(.btn):hover { text-decoration: underline; } .login-popup #sign-in { font-size: 1.4rem; } .login-popup .form-group { margin-bottom: 2.6rem; } .login-popup .form-group label { display: block; margin-bottom: 0.5rem; } .login-popup .form-control { min-height: 4.4rem; } .login-popup .form-checkbox { margin-top: 2.2rem; margin-bottom: 2.3rem; } .login-popup .form-checkbox a { font-size: 1.2rem; color: #a94442; } .login-popup .btn { display: block; padding-top: 0.79em; padding-bottom: 0.79em; } .login-popup p { margin-bottom: 1.9rem; } .login-popup #sign-up p { margin-bottom: 2.1rem; line-height: 1.84; } .login-popup .social-icon { margin-left: 0.8rem; } @media (min-width: 768px) { .product-popup .product-details { position: absolute; overflow-y: auto; top: 0; right: 2rem; width: calc(100% - 3rem); height: 100%; } } .mfp-close { width: 18px; height: 18px; -webkit-transform: rotateZ(45deg) scale(1); transform: rotateZ(45deg) scale(1); top: -2.7rem; left: 0; right: auto; opacity: 1; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .mfp-close span { display: none; } .mfp-close:active { top: -2.7rem; } .mfp-close::before, .mfp-close::after { content: ""; display: block; position: absolute; width: 2px; height: 100%; top: 0; right: calc(50% - 1px); background-color: #fff; } .mfp-close::after { width: 100%; height: 2px; top: calc(50% - 1px); right: 0; } .mfp-close:hover { -webkit-transform: rotateZ(135deg) scale(1.5); transform: rotateZ(135deg) scale(1.5); } .mfp-ready.mfp-zoom-popup .mfp-content { -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-popup .mfp-content, .mfp-removing.mfp-zoom-popup .mfp-content { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-ready.mfp-fadein-popup .mfp-content { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .mfp-fadein-popup .mfp-content, .mfp-removing.mfp-fadein-popup .mfp-content { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-name: fadeOut; animation-name: fadeOut; } .mfp-video-popup .mfp-content { max-width: 100rem; } .mfp-video-popup video { width: 100%; } .mfp-video-popup .mfp-close { top: 2rem; left: 2rem; } @media (min-width: 768px) { .mfp-product .product-popup { padding: 3rem; } .mfp-product .product-popup .product-form-group { display: block; } .mfp-product .product-popup .action-group { margin-right: 0; } } @media (max-width: 767px) { .newsletter-popup { max-width: 40rem; min-height: 40rem; padding: 0rem 2rem; background-image: url(../../../../assets/images/newsletter-2.jpg); text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .newsletter-popup .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .newsletter-popup .input-wrapper-inline { display: block; margin-right: auto; margin-left: auto; max-width: 24rem; } .newsletter-popup .input-wrapper-inline .form-control { margin-bottom: 1rem; border-radius: 3rem; border-width: 1px; } .newsletter-popup .input-wrapper-inline .btn { border-radius: 3rem; width: 100%; } } @media (max-width: 479px) { .mfp-product .mfp-container { padding-right: 1.5rem; padding-left: 1.5rem; } .login-popup { padding-right: 2rem; padding-left: 2rem; } } /*----------------------------------------- Product Single Component ------------------------------------------*/ .product-nav { margin: 0 auto 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-nav .product-nav-prev, .product-nav .product-nav-next { position: relative; } .product-nav .product-nav-prev a, .product-nav .product-nav-next a { display: inline-block; padding: 1.1rem 0.4rem 1.3rem; } .product-nav .product-nav-prev i, .product-nav .product-nav-next i { display: inline-block; border-radius: 50%; width: 2em; color: var(--wolmart-body-color, #666); border: 1px solid #eee; line-height: calc(2em - 2px); text-align: center; font-size: 1.3rem; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; } .product-nav .product-nav-prev:hover i, .product-nav .product-nav-next:hover i { border-color: #f32100; background-color: #f32100; color: #fff; } .product-nav .product-nav-prev:hover .product-nav-popup, .product-nav .product-nav-next:hover .product-nav-popup { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } .product-nav .product-nav-popup { position: absolute; top: 100%; left: 0; z-index: 30; width: 120px; padding: 0 5px 9px; line-height: 1.5; text-align: center; background-color: #fff; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } .product-nav .product-nav-popup img { position: relative; width: 100%; padding-top: 5px; background-color: #fff; } .product-nav .product-nav-popup::before { content: ""; position: absolute; top: -0.8rem; left: 1rem; width: 1.6rem; height: 1.6rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; -webkit-box-shadow: inherit; box-shadow: inherit; } .product-nav .product-nav-prev .product-nav-popup { left: -3.4rem; } .product-nav .product-nav-prev .product-nav-popup::before { left: 4.2rem; } .product-nav .product-nav-next .product-nav-popup { left: 0; } .product-nav .product-name { position: relative; color: #666; font-size: 1.2rem; font-weight: 400; line-height: 1.2; padding: 1.1rem 0 0; margin: 0; background: inherit; z-index: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } .product-thumbs-wrap, .product-single-swiper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .product-single-swiper img { display: block; } .product-single-swiper .swiper-button-prev, .product-single-swiper .swiper-button-next { background-color: transparent; border: 0; font-size: 2rem; } .product-image { position: relative; overflow: hidden; } .product-thumbs-wrap { position: relative; margin-top: 1rem; overflow: hidden; } .product-thumbs-wrap img { display: block; width: 100%; } .product-thumbs-wrap button, .product-thumbs-wrap .swiper-button-prev, .product-thumbs-wrap .swiper-button-next { bottom: 0; top: unset; width: 2rem; height: 100%; background-color: #fff; border: none; color: #999; font-size: 1.8rem; font-weight: 600; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; } .product-thumbs-wrap .swiper-button-prev { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .product-thumbs-wrap .swiper-button-next { right: auto; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .product-thumbs-wrap .swiper-button-disabled { opacity: 0; } .product-thumbs-wrap:hover .swiper-button-prev:not(.swiper-button-disabled), .product-thumbs-wrap:hover .swiper-button-next:not(.swiper-button-disabled) { opacity: 0.9; -webkit-transform: none; transform: none; } .product-thumbs-wrap button, .product-thumb::before { position: absolute; right: 0; left: 0; bottom: 0; top: 0; } .product-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-gallery:not(.product-gallery-vertical) .swiper-slide img { width: 100%; } .product-gallery:not(.product-gallery-vertical) .product-thumbs:not(.swiper-wrapper) { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-gallery:not(.product-gallery-vertical) .product-thumbs:not(.swiper-wrapper) .product-thumb { margin: 0; } .product-gallery:not(.product-gallery-vertical) .product-thumbs:not(.swiper-wrapper) .product-thumb::before { content: none; } .product-thumb { position: relative; cursor: pointer; } .product-thumb::before { content: ""; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; border: 1px solid transparent; } .product-thumb.active::before { border-color: #f32100; } .swiper-slide-thumb-active::before { border-color: #f32100; } .rating-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.4rem; } .rating-form label { font-size: 1.4rem; } .rating-stars { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 14px; font-size: 1.2rem; margin-right: 1rem; } .rating-stars a { color: #333; text-indent: -9999px; letter-spacing: 1px; width: 1.4rem; } .rating-stars a:before { content: ""; position: absolute; right: 0; height: 14px; line-height: 1; font-family: "wolmart"; text-indent: 0; overflow: hidden; white-space: nowrap; letter-spacing: 0.2em; } .rating-stars a.active:before, .rating-stars a:hover:before { content: ""; color: #f77c29; } .rating-stars .star-1 { z-index: 10; } .rating-stars .star-2 { z-index: 9; } .rating-stars .star-3 { z-index: 8; } .rating-stars .star-4 { z-index: 7; } .rating-stars .star-5 { z-index: 6; } .rating-stars .star-1:before { width: 20%; } .rating-stars .star-2:before { width: 40%; } .rating-stars .star-3:before { width: 60%; } .rating-stars .star-4:before { width: 80%; } .rating-stars .star-5:before { content: ""; } .stock { margin-bottom: 3rem; font-size: 1.3rem; line-height: 1; } .product-single { color: inherit; } .product-single .product-categories { margin-bottom: 1.1rem; } .product-single .product-details { padding: 0; } .product-single .product-title { margin-bottom: 0.9rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.6; } .product-single .product-title a { color: inherit; } .product-single .product-bm-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-single .brand { margin: 0 0 1rem 2rem; border: 1px solid #eee; border-radius: 0.5rem; } .product-single .product-meta { margin-bottom: 1rem; } .product-single .product-divider { margin: 1.4rem 0 2rem; } .product-single .social-icon { margin-left: 0.8rem; } .product-single .product-categories, .product-single .product-sku { color: #666; font-size: 1.3rem; font-weight: normal; line-height: 1; letter-spacing: 0; } .product-single .product-categories span, .product-single .product-sku span { color: #999; } .product-single .product-categories span:not(:last-child)::after, .product-single .product-sku span:not(:last-child)::after { content: ","; display: inline-block; vertical-align: middle; } .product-single .product-categories a, .product-single .product-sku a { color: inherit; } .product-single .product-categories a:hover, .product-single .product-sku a:hover { color: #f32100; } .product-single .product-price { margin-bottom: 1.1rem; font-size: 3rem; color: #333; font-weight: 700; line-height: 1.2; } .product-single .old-price { font-size: 2.4rem; } .product-single .ratings-container { margin-bottom: 1.6rem; font-size: 1.4rem; } .product-single .ratings-full { font-weight: 600; } .product-single .ratings-full::before { color: rgba(0, 0, 0, 0.2); } .product-single .ratings::before { color: #f77c29; } .product-single .ratings-full, .product-single .ratings { letter-spacing: 0.18em; } .product-single .rating-reviews { color: #999; } .product-single .product-short-desc { margin-bottom: 1.6rem; font-size: 1.3rem; } .product-single .product-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .product-single .product-form .product-size { -webkit-box-flex: 0; -ms-flex: 0 0 18rem; flex: 0 0 18rem; max-width: 18rem; } .product-single .product-form select { border: 1px solid #ccc; color: #999; font-size: 1.3rem; max-width: none; width: 100%; padding: 0.88em 2rem; } .product-single .product-form label { display: block; max-width: 7.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 7.5rem; flex: 0 0 7.5rem; padding: 0.6rem 0; font-size: 1.4rem; color: #333; line-height: 1; } .product-single .product-variations { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-single .product-variation-price { display: none; font-size: 2.4rem; font-weight: 600; color: #333; line-height: 1; margin-bottom: 1.2rem; padding-top: 2.8rem; } .product-single .product-color-swatch { margin-left: 4rem; margin-bottom: 2rem; } .product-single .product-color-swatch .color { display: block; text-align: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: none; margin-left: 0; } .product-single .product-color-swatch .color + .color { margin-right: 0.8rem; } .product-single .product-color-swatch .color::before { content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 2.2; } .product-single .product-color-swatch .color.active::before { content: ""; } .product-single .product-size-swatch { margin-bottom: 2rem; } .product-single .product-size-swatch .size { display: block; text-align: center; margin-bottom: 0.5rem; padding: 9px 14px 6px 14px; width: auto; height: auto; font-size: 1.5rem; border: 1px solid #bdbdbd; border-radius: 4px; color: #666; -webkit-transition: border-color 0.35s, color 0.35s; transition: border-color 0.35s, color 0.35s; } .product-single .product-size-swatch .size.active, .product-single .product-size-swatch .size:hover { border-color: #ff6c00; color: #fff; background: #ff8100; } .product-single .product-image-swatch { margin-bottom: 2rem; } .product-single .product-image-swatch .image { margin-left: 0.8rem; border: 1px solid #ccc; border-radius: 0.2rem; overflow: hidden; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .product-single .product-image-swatch .image img { width: 2.6rem; height: 2.6rem; } .product-single .product-image-swatch .image.active { border-color: #f32100; } .product-single .quantity, .product-single .btn-cart, .product-single .btn-product-icon { border-radius: 3px; } .product-single .btn-cart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; padding-right: 0; padding-left: 0; min-width: 14rem; } .product-single .btn-cart i { margin: 0 0 0.2rem 0.4rem; font-size: 1.7rem; } .product-single .btn-cart.disabled { background-color: #eee; border-color: #eee; color: #666; cursor: not-allowed; } .product-single .product-qty-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 14rem; flex: 0 0 14rem; max-width: 14rem; margin-bottom: 1rem; margin-left: 2rem; } .product-single .social-links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.3rem; } .product-single .social-links-wrapper > * { margin-left: 2rem; margin-bottom: 1rem; } .product-single .social-links-wrapper .btn-product-icon { width: 1.8rem; height: auto; margin-left: 1.6rem; margin-bottom: 0; font-size: 1.8rem; border: none; color: #333; overflow: initial; background-color: transparent; } .product-single .social-links-wrapper .btn-product-icon.btn-compare { font-size: 2rem; } .product-single .social-links-wrapper .btn-product-icon:hover { background-color: transparent; color: #f32100; } .product-single .social-links-wrapper .divider { width: 1px; height: 1.8rem; background: #e1e1e1; margin-top: 1rem; } .product-single .social-icons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-single.product-grid .product-image-full { left: 2.5rem; } .product-single .product-variation-clean { display: none; font-size: 1.2rem; background: #f4f4f4; padding: 0.3em 1em; color: #333; position: absolute; top: 100%; margin-top: 1rem; z-index: 1; } .product-thumbs-sticky .product-image-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 10rem); flex: 0 0 calc(100% - 10rem); max-width: calc(100% - 10rem); } .product-thumbs-sticky .product-thumbs-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem; max-width: 9rem; margin-left: 1rem; margin-top: 0; } .product-thumbs-sticky .product-thumbs { -webkit-transition: none; transition: none; } .product-thumbs-sticky .product-image { margin-bottom: 2rem; } .product-gallery-vertical.product-thumbs-sticky .product-thumbs-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .product-gallery-vertical.product-thumbs-sticky .product-thumbs { display: block; position: absolute; top: 0; right: 0; left: 0; margin: -1rem 0; max-width: 100%; bottom: auto; } .product-gallery-vertical.product-thumbs-sticky .product-thumb { margin: 1rem 0; } .single-product .nav-top > .swiper-button-prev { right: 0.5rem; } .single-product .nav-top > .swiper-button-next { right: 0.2rem; } .single-product .nav-top > .swiper-button-next, .single-product .nav-top > .swiper-button-prev { width: 15px; top: -6.2rem; color: #666; font-size: 1.3rem; font-weight: 600; } .single-product .nav-top > .swiper-button-next:not(.swiper-button-disabled):hover, .single-product .nav-top > .swiper-button-prev:not(.swiper-button-disabled):hover { color: #f32100; } @media (min-width: 992px) { .product-gallery-vertical .product-thumbs-wrap:not(.swiper-container-initialized) .product-thumb { margin-bottom: 1rem; } .product-gallery-vertical .product-thumbs-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; max-width: 9rem; margin: 0 0 0 1rem; } .product-gallery-vertical .product-thumbs-wrap:hover .swiper-button-prev:not(.swiper-button-disabled), .product-gallery-vertical .product-thumbs-wrap:hover .swiper-button-next:not(.swiper-button-disabled) { opacity: 0.9; -webkit-transform: none; transform: none; } .product-gallery-vertical .product-thumbs-wrap .swiper-button-prev, .product-gallery-vertical .product-thumbs-wrap .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; width: 100%; height: 2.5rem; } .product-gallery-vertical .product-thumbs-wrap .swiper-button-prev { top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .product-gallery-vertical .product-thumbs-wrap .swiper-button-prev::before { content: ""; } .product-gallery-vertical .product-thumbs-wrap .swiper-button-next { bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .product-gallery-vertical .product-thumbs-wrap .swiper-button-next::before { content: ""; } .product-gallery-vertical .product-single-swiper { max-width: calc(100% - 10rem); } .product-gallery-vertical .product-thumbs { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 0; max-width: 100%; } .product-gallery-vertical .product-thumb { padding: 0; height: auto; } } @media (max-width: 991px) { .product-single .product-form .product-size { -webkit-box-flex: 0; -ms-flex: 0 0 14rem; flex: 0 0 14rem; max-width: 14rem; } } @media (min-width: 768px) { .product-single .product-details { padding: 0.2rem 1rem 0 0; } } @media (max-width: 479px) { .product-single:not(.product-popup) .product-qty-form { margin-left: 1rem; } } /*------------------------------------------- Products - Default - Simple - Slide Up - Image Gap - Widget - List --------------------------------------------*/ .product { position: relative; font-family: Poppins, sans-serif; font-size: 1rem; color: #020101; -webkit-transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, opacity 0.3s; transition: box-shadow 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s; } .product:hover .product-action, .product:hover .product-action-vertical, .product:hover .product-action-horizontal { visibility: visible; opacity: 1; } .product:hover .product-action-horizontal { bottom: 1.5rem; } .product .product-price { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .product-media { position: relative; margin-bottom: 0; -webkit-transition: -webkit-box-shadow 0.35s; transition: -webkit-box-shadow 0.35s; transition: box-shadow 0.35s; transition: box-shadow 0.35s, -webkit-box-shadow 0.35s; border-radius:10px; overflow:hidden; } .product-media img { display: block; width: 100%; height: auto; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .category-icon .category-media img { width:78%; } .product-media img:last-child { /*position: absolute;*/ /*opacity: 0;*/ right: 0; left: 0; bottom: 0; top: 0; -o-object-fit: cover; object-fit: cover; } .product-media img:first-child { position: relative; opacity: 1; } .product-media:hover img:last-child { opacity: 1; } .product-label-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; right: 2rem; top: 2rem; max-width: 11rem; z-index: 1; } .product-label { display: inline-block; text-align: center; margin-bottom: 0.5rem; font-size: 1.2em; letter-spacing: -0.005em; color: #fff; line-height: 1; padding: 0.6rem 1rem; border-radius: 0.3rem; text-transform: uppercase; } .product-label.label-new { background: #f32100; padding: 0.6rem 1rem; } .product-label.label-discount { background: #f77c29; } .product-label.label-hot { background: #799b5a; } .product-sales-wrapper { position: relative; margin-bottom: 1.4rem; } .product-sales-wrapper .progress-bar { height: 1rem; background: #eee; margin-bottom: 0.7rem; } .product-sales-wrapper .product-sales-count { color: #666; font-size: 1.3rem; } .product-sales-wrapper .product-sales-count mark { background-color: transparent; color: inherit; } .btn-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1.14em 0; line-height: 1.2; background-color: #f32100; color: #fff; font-size: 1.4em; font-weight: 600; letter-spacing: -0.025em; text-transform: uppercase; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .btn-product:hover, .btn-product:active { color: #fff; } .btn-product.btn-link { display: inline-block; font-weight: 600; font-size: 1.3rem; line-height: 1.6; -webkit-box-flex: 0; -ms-flex: none; flex: none; background-color: transparent; padding: 0; } .btn-product.btn-link::after { margin-top: 0; } .btn-product.btn-sm { padding: 0.693em 0; } .btn-wishlist { line-height: 1; } .btn-wishlist i::before { margin: 0; } .btn-cart { font-weight: 600; } .btn-primary{ transition: all 0.2s ease 0s; } .btn-primary i { transition: all 0.2s ease 0s;} .btn-primary:hover i{ margin-left:10px; } .btn-cart.btn-link { color: #f32100; } .btn-cart.btn-link:hover, .btn-cart.btn-link:active { color: #f32100; } .btn-cart:not(.btn-product-icon) i.w-icon-cart { font-size: 1.8rem; margin-bottom: 0.4rem; } .btn-product-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.6rem; height: 3.6rem; margin-bottom: 0.5rem; background-color: #fff; border: 1px solid #eee; color: #999; font-size: 1.8em; font-weight: 400; line-height: 3.5rem; overflow: hidden; -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, transform 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } .btn-product-icon:hover, .btn-product-icon:active { border-color: #f32100; color: #fff; background-color: #f32100; } .btn-product-icon.btn-cart, .btn-product-icon.btn-quickview { font-size: 1.6em; } .btn-product-icon.btn-compare { font-size: 2em; } .product-action-vertical .btn-product-icon { border-radius: 50%; } .btn-product-icon.btn-cart { margin-bottom: 0.2rem; } .btn-product-icon.loading { background-color: rgba(255, 255, 255, 0.2); } .btn-product-icon.loading::before { opacity: 0.4; } .product-action { position: absolute; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; z-index: 10; -webkit-transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; opacity: 0; visibility: hidden; } .product-action-vertical { position: absolute; top: 1.5rem; left: 1.5rem; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; opacity: 0; visibility: hidden; } .product-action-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.08); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.08); right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); bottom: 0; width: 166px; max-width: 80%; border-radius: 3px; padding: 5px; opacity: 0; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; transition: opacity 0.3s, visibility 0.3s, bottom 0.3s; } .product-action-horizontal .btn-product-icon { margin-bottom: 0; border: none; color: #333; } .product-action-horizontal .btn-product-icon.btn-wishlist { font-size: 1.7em; } .product-action-horizontal .btn-product-icon.btn-compare { font-size: 1.9em; } .product-action-horizontal .btn-product-icon:hover, .product-action-horizontal .btn-product-icon:active, .product-action-horizontal .btn-product-icon:focus, .product-hidden-details .btn-product-icon:hover, .product-hidden-details .btn-product-icon:active, .product-hidden-details .btn-product-icon:focus, .product-list .product-details .btn-product-icon:hover, .product-list .product-details .btn-product-icon:active, .product-list .product-details .btn-product-icon:focus { background-color: transparent; color: #f32100; } .product-details { position: relative; padding-top: 1.6rem; background-color: #fff; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .product-details > .btn-wishlist { position: absolute; top: 1.7rem; left: 0; color: #999999; font-size: 1.8em; z-index: 1; } .product-details > .btn-wishlist.loading { left: 1.8rem; } .product-details > .btn-wishlist.loading::after { right: 0.9rem; top: 0.9rem; } .product-details > .btn-wishlist:hover { color: #f32100; } .product-details > .btn-wishlist:hover i { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .product-hidden-details .product-action { position: relative; visibility: hidden; opacity: 0; } .product-hidden-details .product-action .btn-wishlist { position: static; } .product-hidden-details .btn-cart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 9.5rem; max-width: 12.3rem; height: 3.5rem; padding: 0.92em 0; font-size: 1.3rem; font-weight: 600; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; z-index: 1; background-color: #454545; border-radius: 0.3rem; } .product-hidden-details .btn-cart:hover { background-color: #f32100; border-color: #f32100; } .product-hidden-details .btn-cart i { margin: 0; display: none; } .product-hidden-details .btn-product-icon { visibility: hidden; opacity: 0; } .product-hidden-details .btn-product-icon, .product-list .product-details .btn-product-icon { width: 3rem; height: 3.5rem; margin: 0 1rem 0 0; border: none; color: #333; text-align: center; } .product-hidden-details .btn-product-icon.btn-compare, .product-list .product-details .btn-product-icon.btn-compare { margin-right: 0.8rem; } .product-hidden-details .btn-wishlist, .product-list .btn-wishlist { font-size: 1.8rem; } .product-hidden-details .btn-compare, .product-list .btn-compare { font-size: 2rem; } .product-name { margin-bottom: 0.8rem; font-size: 1.3rem; font-weight: 500; white-space: nowrap; /* overflow: hidden;*/ text-overflow: ellipsis; } .product-name a { color: inherit; } .product-name a:hover { color: #f32100; } .product-cat { margin-bottom: 0.5rem; font-size: 1.1rem; color: #999; line-height: 1; text-transform: uppercase; } .product-cat a { display: inline-block; color: inherit; } .product-cat a:hover { color: #f32100; } .product-variations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-variations > a { border: 1px solid #ccc; background-position: center; background-repeat: no-repeat; background-color: #fff; width: 2.6rem; height: 2.6rem; border-radius: 0.3rem; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .product-variations > a:not(:last-child) { margin-left: 0.8rem; } .product-variations > a:not(.color).active, .product-variations > a:not(.color):hover { border: 1px solid #f32100; } .ratings-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-bottom: 0.3rem; font-size: 1.2rem; } .ratings-full, .ratings { position: relative; font-family: "wolmart"; letter-spacing: 0.2em; } .ratings-full { cursor: pointer; margin-left: 0.5rem; } .ratings-full::before { content: "" "" "" "" ""; color: rgba(0, 0, 0, 0.16); white-space: nowrap; } .ratings-full:hover .tooltiptext { visibility: visible; opacity: 1; } .ratings { position: absolute; top: 0; right: 0; white-space: nowrap; overflow: hidden; } .ratings::before { content: "" "" "" "" ""; color: #f77c29; } .rating-reviews { margin: 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; font-size: 1.2rem; color: #aaa; } .rating-reviews:hover { color: #f32100; } .product-price { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.6; -webkit-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; } .product-price .old-price { font-weight: 300; color: #aaa; } .product-price .new-price { color: #333; text-decoration: none; } .product-price .new-price:not(:last-child) { margin-right: 0.6rem; } .product-price:not(:last-child) { margin-bottom: 0.9rem; } .sold-by { margin-bottom: 0.5rem; font-size: 1.2rem; color: #666; } .sold-by a { color: #f32100; } .product-wrap { margin-bottom: 2rem; } .product-simple:hover .product-price { visibility: hidden; opacity: 0; } .product-slideup-content { overflow: hidden; } .product-slideup-content .product-hidden-details { position: absolute; top: 100%; right: 0; width: 100%; padding-top: 6px -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background-color: #fff; } .product-slideup-content .product-details { background-color: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .product-slideup-content .btn-wishlist { -webkit-transform: translateX(150%); transform: translateX(150%); } .product-slideup-content .btn-compare { -webkit-transform: translateX(300%); transform: translateX(300%); } .product-slideup-content:hover .product-details, .product-slideup-content:hover .product-hidden-details { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .product-slideup-content:hover .btn-product-icon { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; } .product-image-gap { padding: 0.9rem; border: 1px solid #eee; background-color: #fff; } .product-image-gap .product-details { padding: 1.8rem 1rem 1rem; } .product-image-gap.product-classic .product-action { right: 0; bottom: 0; } .product-image-gap:hover { -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); } .product-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-widget .product-name { font-size: 1.3rem; white-space: normal; line-height: 1.45; margin-bottom: 0.6rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-widget { padding: 1rem 0; } .product-widget .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 11rem; flex: 0 0 11rem; margin: 0 0 0 1rem; max-width: 11rem; padding: 0 0 0 1rem; } .product-widget .product-details { padding: 0 0 0 1rem; } .product-widget .product-name { margin-bottom: 0.7rem; color: #666; } .product-widget .product-price { font-size: 1.5rem; } .sidebar .product-widget { padding: 1rem 0; } .sidebar .product-widget .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 35.73%; flex: 0 0 35.73%; max-width: 35.73%; min-width: 33.33%; margin-left: 1rem; padding: 0; } .sidebar .product-widget .product-name { margin-bottom: 0.6rem; color: #333; } .sidebar .product-widget .ratings-container { margin-bottom: 0.5rem; } .product.text-center .ratings-container { text-align: start; } .product.text-center .ratings-container, .product.text-center .product-action { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product .product-pa-wrapper { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product .product-pa-wrapper .product-price { margin-bottom: 0; } .product .product-pa-wrapper .product-action { bottom: -1rem; } .product .product-pa-wrapper .load-more-overlay.loading::after { top: 0; } .product:hover .product-pa-wrapper .product-action { bottom: 0; } .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 2rem; } .product-list .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 26rem; flex: 0 0 26rem; max-width: 26rem; margin-left: 2rem; } .product-list .product-details { padding: 0; } .product-list .product-name { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.5rem; } .product-list .ratings-container { margin-bottom: 0.9rem; } .product-list .product-price { margin-bottom: 0.6rem; font-size: 1.8rem; } .product-list .product-action { position: relative; visibility: visible; opacity: 1; } .product-list .product-desc { margin-bottom: 3.9rem; font-size: 1.3rem; color: #666; line-height: 1.9; } .product-list .product-desc li { position: relative; padding-right: 2rem; line-height: 1.86; } .product-list .product-desc li::before { position: absolute; display: block; right: 0; top: 1px; content: ""; font-family: "wolmart"; font-weight: 700; } .product-list .btn-product { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0.86em 0.5em; max-width: 17.6rem; background-color: transparent; border: 2px solid #ccc; color: #333; font-size: 1.4rem; border-radius: 0.3rem; -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .product-list .btn-product:hover { background-color: #f32100; border-color: #f32100; color: #fff; } .product-list .btn-product i.w-icon-cart { margin: 0 0 0 0.8rem; font-size: 1.7rem; } .product-absolute::before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.6); opacity: 0; z-index: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .product-absolute .product-name { position: absolute; right: 0; left: 0; padding: 0 1rem; white-space: normal; margin-bottom: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; margin-top: 1rem; -webkit-transition: margin-top 0.3s, opacity 0.3s; transition: margin-top 0.3s, opacity 0.3s; opacity: 0; z-index: 1; } .product-absolute .product-name:hover a { text-decoration: underline; } .product-absolute:hover { -webkit-box-shadow: 0 2rem 1.6rem -1.6rem rgba(0, 0, 0, 0.5); box-shadow: 0 2rem 1.6rem -1.6rem rgba(0, 0, 0, 0.5); } .product-absolute:hover::before { opacity: 1; } .product-absolute:hover .product-name { margin-top: 0; opacity: 1; } .product-absolute:hover .product-name a { color: #fff; } @media (max-width: 575px) { .product-list { display: block; margin-bottom: 2rem; } .product-list .product-media { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 2rem 0; } } @media (max-width: 479px) { .product:not(.product-list) { font-size: 0.8rem; } .product:not(.product-list) .btn-product-icon { width: 3rem; height: 3rem; } .product:not(.product-list) .product-label-group { top: 1rem; right: 1rem; } .product:not(.product-list) .product-action-vertical { top: 1rem; left: 1rem; } .product-hidden-details .btn-cart { max-width: 3.5rem; min-width: auto; } .product-hidden-details .btn-cart i { display: block; } .product-hidden-details .btn-cart span { display: none; } } /*------------------------------------------- Progress Bar - Rounded --------------------------------------------*/ .progress-bar { background-color: #eee; margin-bottom: 1rem; height: 1rem; width: 100%; } .progress-bar span { display: block; height: 100%; background-color: #999; } .progress-bar.rounded { border-radius: 0.8rem; } .progress-bar.rounded span { border-radius: 0.8rem; } .progress-bar.progress-bar-sm { height: 0.8rem; } .progress-value mark { background: transparent; } /* ------------------------------------------- Mini Popup ---------------------------------------------- */ .minipopup-area { position: fixed; right: 30px; bottom: 30px; z-index: 3000; } .minipopup-box { position: absolute; right: -8rem; width: 300px; padding: 2rem; background-color: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: opacity 0.3s, right 0.3s ease-out, -webkit-transform 0.3s; transition: opacity 0.3s, right 0.3s ease-out, -webkit-transform 0.3s; transition: opacity 0.3s, right 0.3s ease-out, transform 0.3s; transition: opacity 0.3s, right 0.3s ease-out, transform 0.3s, -webkit-transform 0.3s; z-index: 3000; } .minipopup-box.show { opacity: 1; right: 0; } .minipopup-box.focus { -webkit-transform: scale(0.98) translateY(-100%); transform: scale(0.98) translateY(-100%); } .minipopup-box .product.product-cart { padding-top: 0; margin-bottom: 1.5rem; } .minipopup-box .product.product-cart .product-name { margin-bottom: 0.9rem; font-weight: 400; } .minipopup-box .product-details { padding: 0 1.2rem 0 0; } .minipopup-box p { margin-bottom: 0; font-size: 1.3rem; color: #666; line-height: 1.4; } .minipopup-box .product-action { position: relative; opacity: 1; visibility: visible; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .minipopup-box .product-action a:first-child { background-color: #eee; border-color: #eee; color: #333; } .minipopup-box .product-action a:first-child:hover, .minipopup-box .product-action a:first-child:focus, .minipopup-box .product-action a:first-child:active { background-color: #dcdcdc; border-color: #dcdcdc; } .minipopup-box .product-action .btn { padding-right: 1.9em; padding-left: 1.9em; } @media (max-width: 479px) { .minipopup-area { right: 10px; } } /* ------------------------------------ Sidebar - Base - Sidebar Elements - Fixed Sidebar - Right Sidebar - Tag - Blog Sidebar ------------------------------------- */ .sidebar-active .sidebar .sidebar-overlay, .right-sidebar-active .right-sidebar .sidebar-overlay { visibility: visible; opacity: 0.5; } .sidebar-active .sidebar .sidebar-close, .right-sidebar-active .right-sidebar .sidebar-close { opacity: 1; visibility: visible; } .sidebar-active .sidebar .sidebar-content, .right-sidebar-active .right-sidebar .sidebar-content { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .sidebar-overlay, .sidebar-toggle, .sidebar-content, .sidebar-close { position: fixed; top: 0; right: 0; z-index: 2200; } .sidebar-overlay { left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; } .sidebar-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 206px; width: 40px; height: 40px; font-size: 1.4rem; color: #fff; background-color: #222; opacity: 0.6; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .sidebar-toggle:hover { opacity: 0.8; color: #fff; } .right-sidebar .sidebar-toggle { border-radius: 0 0.3rem 0.3rem 0; } .left-sidebar .sidebar-toggle { border-radius: 0.3rem 0 0 0.3rem; } .sidebar-close { opacity: 0; visibility: hidden; margin: 0; right: calc(100vw - 50px); top: 25px; z-index: 2201; -webkit-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .sidebar-content { bottom: 0; width: 31rem; padding: 2rem; -webkit-transform: translateX(100%); transform: translateX(100%); overflow: auto; background-color: #fff; opacity: 0; line-height: 1.3; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; scrollbar-color: #4c4c4c #e7e7e7; } .widget:not(.widget-collapsible) .widget-title { border: none; } .sidebar .widget:last-child .widget-body { padding-bottom: 0; } .right-sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .right-sidebar .sidebar-toggle { right: auto; left: 0; } .right-sidebar .sidebar-close { right: 10px; padding: 10px; } .right-sidebar .sidebar-content { -webkit-transform: translateX(-100%); transform: translateX(-100%); right: auto; left: 0; } .right-sidebar .sidebar-content::-webkit-scrollbar { width: 0; } .filter-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem 0 1.7rem; } .filter-actions label { font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: #333; } .filter-actions .filter-clean { padding-bottom: 0; text-transform: capitalize; font-weight: 400; } .price-range { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.3rem 0 1rem; } .price-range input { padding: 0.5rem; font-family: Poppins, sans-serif; color: #999; border: 1px solid #ccc; border-radius: 3px; width: 62px; height: 37px; line-height: 37px; vertical-align: middle; -webkit-appearance: textfield; } .price-range input::-webkit-outer-spin-button, .price-range input::-webkit-inner-spin-button { -webkit-appearance: none; } .price-range input::-webkit-input-placeholder { color: inherit; } .price-range input::placeholder, .price-range input::-webkit-input-placeholder, .price-range input::-moz-placeholder { color: inherit; } .price-range .delimiter { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0.65rem; font-size: 1.9rem; font-weight: 600; color: #999; } .price-range .btn { padding: 0; font-size: 1.3rem; font-weight: 400; width: 4.8rem; height: 3.7rem; vertical-align: middle; line-height: 2.6; margin-right: 1rem; text-transform: none; } .filter-items { font-size: 1.4rem; } .filter-items a { position: relative; display: block; color: inherit; padding: 7px 0.2rem 7px 0; } .filter-items a:hover { color: #f32100; padding: 7px 9px 7px 0; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .filter-items.item-check a { padding-right: 2.8rem !important; } .filter-items.item-check a::before { content: ""; position: absolute; border: 1px solid; border-radius: 2px; width: 18px; height: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2px; color: #999; font-size: 1rem; font-weight: 900; font-family: "Font Awesome 5 Free"; text-align: center; text-indent: 1px; line-height: 1.3em; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { .filter-items.item-check a::before { text-indent: 0; } } .filter-items.item-check .active > a::before { content: ""; background-color: #f32100; width: 20px; height: 20px; color: #fff; border-radius: 3px; right: 1px; padding-top: 3px; font-weight: 600; } .filter-items.search-ul a::before { content: none; } .filter-items .show > a { color: #f32100; } .filter-items .show > a i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .filter-items li span { position: absolute; left: 0; color: #ccc; } .filter-items .with-ul > a > i { position: absolute; left: 0; line-height: 0; font-size: 1.2rem; font-weight: 600; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; top: 50%; } .filter-items ul { display: none; position: relative; padding-right: 1.2rem; margin: 0.2rem 0; } .filter-items ul::before { content: ""; position: absolute; right: 0px; top: 7px; bottom: 7px; border-right: 1px solid #eee; } .filter-items ul a { font-size: 1.3rem; color: #999; padding: 0.45rem 0; } .toolbox-horizontal .sidebar-fixed { max-width: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .toolbox-horizontal.toolbox .left-sidebar-toggle { padding: 0.65em; margin-bottom: 0; } .toolbox-horizontal .select-menu select, .toolbox-horizontal .toolbox-show select { padding-top: 0.65em; padding-bottom: 0.65em; } .toolbox-horizontal .toolbox-show select { padding-right: 1.4rem; padding-left: 3.1rem; } .toolbox-horizontal .select-box::before { left: 0.9rem; } .toolbox-horizontal .toolbox-layout { margin-right: 2rem; } .toolbox-horizontal .select-menu:not(.toolbox-sort) { display: block; } .toolbox-horizontal .select-menu:not(.toolbox-sort)::before { content: none; } .toolbox-horizontal .select-menu-toggle { font-size: 1.6rem; font-weight: 600; color: #333; padding: 1.3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; } .toolbox-horizontal .filter-items { padding: 0.7rem 0 1rem; } .toolbox-horizontal .filter-items a:not(.btn) { padding: 1rem 0; color: #333; } .toolbox-horizontal .filter-items .btn { color: #fff; } @media (min-width: 992px) { .toolbox-horizontal { padding: 2rem; margin: -2rem; } .toolbox-horizontal .sidebar-fixed .sidebar-content.toolbox-left { padding-bottom: 0; } .toolbox-horizontal .toolbox-left .toolbox-item { margin-left: 1rem; margin-bottom: 1rem; } .toolbox-horizontal .toolbox-left .toolbox-item.opened .filter-items { opacity: 1; visibility: visible; } .toolbox-horizontal .filter-items { position: absolute; top: 100%; margin-top: 0.5rem; min-width: 23rem; padding: 1rem 2rem 2rem; font-size: 1.2rem; color: #333; visibility: hidden; opacity: 0; z-index: 100; -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12); background-color: #fff; } .toolbox-horizontal .filter-items li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 1rem 0 0 0.5rem; } .toolbox-horizontal .filter-items a:not(.btn) { background: #f5f5f5; padding: 0.5em 1em; border-radius: 0.3rem; } .toolbox-horizontal .filter-items .active > a { background-color: #f32100; color: #fff; } .toolbox-horizontal .select-menu::before { font-size: 1.1rem; left: 1rem; color: #333; } .toolbox-horizontal .select-menu-toggle { position: relative; border: 1px solid #ccc; font-weight: 400; font-size: 1.2rem; color: #222; line-height: 1.5; padding: 0.65em 1.2em 0.65em 4.3em; text-transform: none; border-radius: 0.3rem; -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; } .toolbox-horizontal .select-menu-toggle::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0.9rem; font-family: "wolmart"; content: ""; font-size: 1.1rem; font-weight: 600; line-height: 1; } .toolbox-horizontal .filter-items.item-check a { padding-right: 1em !important; } .toolbox-horizontal .filter-items.item-check a::before { content: none; } .toolbox-horizontal .price-range { margin: 0; } } .shop-sidebar { position: relative; } .shop-sidebar .widget-body { margin-bottom: 1rem; } .shop-sidebar .filter-price-text { font-size: 1.3rem; letter-spacing: -0.025em; } .widget-icon-box { padding: 0 2rem; border-radius: 0.5rem; border: 1px solid #eee; } .widget-icon-box .icon-box-side { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; padding: 2rem 0; } .widget-icon-box .icon-box-side:not(:last-child) { border-bottom: 1px solid #eee; } .widget-icon-box i.w-icon-truck { font-size: 3.4rem; } .widget-icon-box i.w-icon-bag, .widget-icon-box i.w-icon-money { font-size: 3rem; } .widget-icon-box .icon-box-title { font-weight: 600; } .widget-icon-box p { color: #999; } .widget-banner .banner-content { right: 10.7%; bottom: 12.5%; } .widget-banner .banner-price-info { margin-right: -2px; margin-bottom: 0.2rem; font-size: 4.6em; } .widget-banner sup { margin-right: 1px; vertical-align: 12px; font-size: 0.652em; } .widget-banner sub { margin-right: -1.7em; vertical-align: 0; font-size: 0.26em; } .widget-banner .banner-subtitle { font-size: 1.6rem; } .widget.widget-products .title { margin-bottom: 0.7rem; font-size: 1.6rem; } .widget.widget-products .title.title-link::before { height: 2px; background-color: #666; bottom: -0.7rem; } .widget.widget-products .swiper-button-next, .widget.widget-products .swiper-button-prev { top: -4.5rem; left: -0.5rem; font-size: 1.6rem; font-weight: 600; } .widget.widget-products .swiper-button-prev { left: 0.3rem; } .widget.widget-products .swiper-button-next { left: 0.2rem; } .blog-sidebar .widget .widget-title { cursor: default; } .blog-sidebar .widget .widget-body { padding: 0; } .blog-sidebar .widget:not(:last-child) .widget-body { margin-bottom: 2.5rem; } .blog-sidebar .widget:last-child .widget-body { margin-bottom: 1rem; } .blog-sidebar .widget .widget-title { margin-bottom: 1rem; } .widget-search-form .form-control { border-radius: 0 0.3rem 0.3rem 0; font-size: 1.2rem; color: #777; } .widget-search-form .btn-search { padding: 0.9em 1.07em 1em; border-width: 1px 0 1px 1px; border-color: #eee; border-radius: 0.3rem 0 0 0.3rem; } .widget-search-form .btn-search i { font-size: 1.8rem; } .widget-search-form .btn-search:hover, .widget-search-form .btn-search:active, .widget-search-form .btn-search:focus { background-color: #fff; color: #f32100; } .widget-posts .swiper-button-next, .widget-posts .swiper-button-prev { top: -4.2rem; border: none; width: auto; height: auto; font-size: 1.5rem; font-weight: 600; } .widget-posts .swiper-button-next:not(.swiper-button-disabled):hover, .widget-posts .swiper-button-prev:not(.swiper-button-disabled):hover { background-color: #fff; color: #f32100; } .widget-posts .swiper-button-prev { left: 0.4rem; } .widget-posts .swiper-button-next { left: 0.3rem; } .widget-custom-block p { line-height: 1.6; } .tags .tag { display: inline-block; margin: 0.5rem 0 0.5rem 1rem; padding: 0.5rem 0.9rem; font-size: 1.3rem; border: 1px solid #ccc; line-height: 1.35; text-transform: capitalize; color: #333; border-radius: 0.3rem; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .tags .tag:hover { border-color: #f32100; color: #f32100; } .vendor-sidebar .widget-collapsible .widget-body { padding-top: 2rem; padding-bottom: 3rem; } .vendor-sidebar .widget-categories .widget-body { padding: 0.7rem 0 2rem; } .vendor-sidebar .widget-time .widget-body { padding: 0.3rem 0 2rem; } .vendor-sidebar .widget.widget-products .widget-body { padding: 1rem 0 2rem; } .vendor-sidebar .product-widget .product-media { padding-right: 0.2rem; } .vendor-sidebar .product-widget .product-details { padding-bottom: 0.8rem; } .vendor-sidebar .product-widget .product-name { margin-bottom: 0.6rem; } .vendor-sidebar .product-widget .ratings-container { margin-bottom: 0.4rem; } .vendor-sidebar .product-widget .product-price { font-size: 1.6rem; } .widget-contact .form-control { padding-right: 1.5rem; padding-left: 1.5rem; font-size: 1.3rem; border-color: #e1e1e1; border-radius: 0.3rem; } .widget-contact input { min-height: 4.4rem; padding-top: 0.9rem; padding-bottom: 1rem; margin-bottom: 1rem; } .widget-contact textarea { min-height: 17.4rem; padding-top: 1.1rem; padding-bottom: 1.1rem; margin-bottom: 2rem; } .widget-time li { padding: 1rem 0; } .widget-time label::after { content: "-"; display: inline-block; margin-right: 0.4rem; } .widget-time .widget-body span { display: inline-block; width: 11rem; font-weight: 600; color: #333; } .widget-wcmp-contact .form-control { margin-bottom: 2rem; border-radius: 0.3rem; color: #666; } .widget-wcmp-contact input { min-height: 4rem; } .widget-wcmp-contact textarea { max-height: 12.4rem; } .widget-search-products input { min-height: 4rem; margin-left: 0.5rem; color: #666; border-radius: 0.3rem; } .widget-search-products .btn { padding: 0.86em 1em; background-color: #eee; border-color: #eee; color: #333; } .widget-search-products .btn:hover, .widget-search-products .btn:focus, .widget-search-products .btn:active { background-color: #333; border-color: #333; color: #fff; } @media (min-width: 992px) { .sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 31rem; flex: 0 0 31rem; max-width: 31rem; } .main-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .row .main-content { max-width: calc( 100% - 31rem ); } .shop-sidebar.sidebar-fixed .sidebar-content { padding: 0 0 2rem; } .sidebar-fixed .sidebar-toggle, .sidebar-fixed .sidebar-overlay { display: none; } .sidebar-fixed .sidebar-content { position: relative; overflow: visible; padding: 0; opacity: 1; z-index: 2; width: auto; -webkit-transform: none; transform: none; } .shop-content { overflow: hidden; } } @media (max-width: 991px) { .sidebar-active .page-wrapper { margin-right: 310px; margin-left: -310px; } .right-sidebar-active .page-wrapper { margin-right: -310px; margin-left: 310px; } } @media (max-width: 479px) { .sidebar-content { width: 27rem; } .sidebar-active .page-wrapper { margin-right: 27rem; margin-left: -27rem; } .right-sidebar-active .page-wrapper { margin-right: -27rem; margin-left: 27rem; } .widget-icon-box .icon-box-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .widget-icon-box .icon-box-icon { margin: 0 0 0.5rem; } .widget-icon-box .icon-box-content { text-align: center; } } /*------------------------------- Social Links - Default Style - Other Styles - No Border - Inline Style --------------------------------*/ .social-icons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-icon { font-size: 1.4rem; width: 32px; height: 32px; margin: 2px 0 2px 10px; line-height: 28px; border: 2px solid #ccc; border-radius: 50%; color: inherit; -webkit-transition: color 0.4s, border 0.4s, background-color 0.4s; transition: color 0.4s, border 0.4s, background-color 0.4s; text-align: center; } .border-thin .social-icon { border-width: 1px; line-height: 3rem; } .social-icon:last-child { margin-left: 0; } .social-icon.social-facebook { color: #1b4f9b; } .social-icon.social-twitter { color: #00adef; } .social-icon.social-instagram { color: #cc0001; } .social-icon.social-youtube { color: #2c567e; } .social-icon.social-pinterest { color: #f96a02; } .social-icon.social-google { color: #dd4b39; } .social-icon.social-linkedin { color: #0073b2; } .social-icon.social-email { color: #dd4b39; } .social-icon.social-whatsapp { color: #3c8a38; } .social-icons-colored .social-icon { color: #fff; } .social-icons-colored .social-icon.social-facebook { border-color: #1b4f9b; background-color: #1b4f9b; } .social-icons-colored .social-icon.social-twitter { border-color: #00adef; background-color: #00adef; } .social-icons-colored .social-icon.social-instagram { border-color: #ff33b7; background-color: #ff33b7; } .social-icons-colored .social-icon.social-youtube { border-color: #f32100; background-color: #f32100; } .social-icons-colored .social-icon.social-pinterest { border-color: #f96a02; background-color: #f96a02; } .social-icons-colored .social-icon.social-google { border-color: #dd4b39; background-color: #dd4b39; } .social-icons-colored .social-icon.social-linkedin { border-color: #0073b2; background-color: #0073b2; } .w-icon-linkedin:before { content: "in"; font-family: arial; font-weight: 700; } .social-icons-colored .social-icon.social-email { border-color: #dd4b39; background-color: #dd4b39; } .social-icons-colored .social-icon.social-whatsapp { border-color: #3c8a38; background-color: #3c8a38; } .social-no-color .social-icon { border-color: #cdcdcd; color: #666; } .social-no-color .social-icon:hover, .social-no-color .social-icon:focus { color: #fff; } .social-no-color .social-icon:hover.social-facebook, .social-no-color .social-icon:focus.social-facebook { background-color: #1b4f9b; border-color: #1b4f9b; } .social-no-color .social-icon:hover.social-twitter, .social-no-color .social-icon:focus.social-twitter { background-color: #00adef; border-color: #00adef; } .social-no-color .social-icon:hover.social-instagram, .social-no-color .social-icon:focus.social-instagram { background-color: #cc0001; border-color: #cc0001; } .social-no-color .social-icon:hover.social-youtube, .social-no-color .social-icon:focus.social-youtube { background-color: #2c567e; border-color: #2c567e; } .social-no-color .social-icon:hover.social-pinterest, .social-no-color .social-icon:focus.social-pinterest { background-color: #f96a02; border-color: #f96a02; } .social-no-color .social-icon:hover.social-google, .social-no-color .social-icon:focus.social-google { border-color: #dd4b39; background-color: #dd4b39; } .social-no-color .social-icon:hover.social-linkedin, .social-no-color .social-icon:focus.social-linkedin { border-color: #0073b2; background-color: #0073b2; } .social-no-color .social-icon:hover.social-email, .social-no-color .social-icon:focus.social-email { border-color: #dd4b39; background-color: #dd4b39; } .social-no-color .social-icon:hover.social-whatsapp, .social-no-color .social-icon:focus.social-whatsapp { border-color: #3c8a38; background-color: #3c8a38; } .social-icon-border-color .social-icon { background-color: #fff; border-width: 1px; } .social-icon-border-color .social-icon.social-facebook { color: #1b4f9b; border-color: #1b4f9b; } .social-icon-border-color .social-icon.social-twitter { color: #00adef; border-color: #00adef; } .social-icon-border-color .social-icon.social-instagram { color: #cc0001; border-color: #cc0001; } .social-icon-border-color .social-icon.social-youtube { color: #2c567e; border-color: #2c567e; } .social-icon-border-color .social-icon.social-pinterest { color: #f96a02; border-color: #f96a02; } .social-icon-border-color .social-icon.social-google { border-color: #dd4b39; color: #dd4b39; } .social-icon-border-color .social-icon.social-linkedin { border-color: #0073b2; color: #0073b2; } .social-icon-border-color .social-icon.social-email { border-color: #dd4b39; color: #dd4b39; } .social-icon-border-color .social-icon.social-whatsapp { border-color: #3c8a38; color: #3c8a38; } .social-icon-border-color .social-icon:hover { color: #fff; } .social-icon-border-color .social-icon:hover.social-facebook { background-color: #1b4f9b; } .social-icon-border-color .social-icon:hover.social-twitter { background-color: #00adef; } .social-icon-border-color .social-icon:hover.social-instagram { background-color: #cc0001; } .social-icon-border-color .social-icon:hover.social-youtube { background-color: #2c567e; } .social-icon-border-color .social-icon:hover.social-pinterest { background-color: #f96a02; } .social-icon-border-color .social-icon:hover.social-google { background-color: #dd4b39; } .social-icon-border-color .social-icon:hover.social-linkedin { background-color: #0073b2; } .social-icon-border-color .social-icon:hover.social-email { background-color: #dd4b39; } .social-icon-border-color .social-icon:hover.social-whatsapp { background-color: #3c8a38; } /* ------------------------------------------- Tab ---------------------------------------------- */ .tab-content { background-color: #fff; } .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #eee; color: #333; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item:hover .nav-link { color: #f32100; } .nav-link { display: block; position: relative; font-size: 1.4rem; font-weight: 600; color: inherit; line-height: 1; letter-spacing: 0; text-align: center; text-transform: uppercase; border-radius: 0; border: 0; padding: 1.5rem 2.85rem; -webkit-transition: border 0.3s, color 0.3s, background-color 0.3s; transition: border 0.3s, color 0.3s, background-color 0.3s; } .nav-item:not(:last-child) { margin-left: 3rem; } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tab-content { position: relative; } .tab-content > .tab-pane { position: absolute; right: 0; left: 0; top: 0; bottom: 0; height: 0; opacity: 0; z-index: -1; -webkit-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; overflow: hidden; visibility: hidden; } .tab-content > .active { visibility: visible; opacity: 1; height: auto; position: relative; z-index: auto; } .tab-pane { font-size: 1.3rem; line-height: 1.7; padding: 1.3rem 0; color: #666; } .tab-pane p { margin-bottom: 0; font-size: inherit; letter-spacing: 0; line-height: 2; } .tab-nav-boxed .nav-item:not(:last-child) { margin-left: 0.5rem; } .tab-nav-solid .nav-tabs { border-bottom: 0; } .tab-nav-solid .nav-item.show .nav-link, .tab-nav-solid .nav-item .nav-link.active, .tab-nav-solid .nav-item:hover .nav-link { color: #fff; background-color: #f32100; border-color: #f32100; } .tab-nav-solid .nav-link { background-color: #f5f5f5; border-color: #f5f5f5; margin-bottom: 0.5rem; } .tab-nav-solid .tab-pane { padding: 0.8rem 0 1.4rem; } .tab-nav-solid2 .nav-item.show .nav-link, .tab-nav-solid2 .nav-item .nav-link.active, .tab-nav-solid2 .nav-item:hover .nav-link { color: #f32100; background-color: #f5f5f5; border-color: #f5f5f5; } .tab-nav-solid2 .nav-item:not(:last-child) { margin-left: 2rem; } .tab-nav-solid2 .nav-link { color: #333; } .tab-nav-solid2 .tab-content { border: 1px solid #eee; } .tab-boxed .nav-tabs { border-bottom: 0; } .tab-boxed .nav-link { padding: 1.45rem 2.95rem 1.55rem; margin-bottom: -0.1rem; z-index: 1; } .tab-boxed .tab-pane { padding: 1.3rem 2rem 0; } .tab-boxed .tab-pane.active p { margin-bottom: 1.3rem; } .tab-nav-outline .nav-tabs { border-bottom: 0; } .tab-nav-outline .nav-item.show .nav-link, .tab-nav-outline .nav-item .nav-link.active, .tab-nav-outline .nav-item:hover .nav-link { border: 2px solid #f32100; border-radius: 0.3rem; } .tab-nav-outline .nav-link { color: #333; border: 2px solid transparent; padding: 1.3rem 2.85rem; } .tab-nav-outline2 .nav { position: relative; z-index: 1; } .tab-nav-outline2 .nav-item.show .nav-link, .tab-nav-outline2 .nav-item .nav-link.active, .tab-nav-outline2 .nav-item:hover .nav-link { border: 1px solid #eee; border-bottom-color: #fff; } .tab-nav-outline2 .tab-content { border: 1px solid #eee; } .tab-nav-outline2 .nav-item:not(:last-child) { margin-left: 0.7rem; } .tab-nav-outline2 .nav-link { border: 1px solid transparent; padding: 1.4rem 2.85rem; margin-bottom: -1px; } .tab-nav-outline3 .nav-tabs { border-bottom: 0; } .tab-nav-outline3 .nav-item .nav-link::before { content: ""; display: block; position: absolute; right: 0; width: 3px; height: 100%; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); background-color: transparent; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: 1; } .tab-nav-outline3 .nav-item.show .nav-link::before, .tab-nav-outline3 .nav-item .nav-link.active::before, .tab-nav-outline3 .nav-item:hover .nav-link::before { background-color: #f32100; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .tab-nav-outline3 .nav-link { color: #333; border: 1px solid #eee; padding: 1.4rem 2rem 1.4rem 0; } .tab-nav-underline .nav-item:not(:last-child) { margin-left: 3rem; } .tab-nav-underline .nav-link { padding: 1.4rem 0; } .tab-nav-underline .nav-link::after { content: ""; display: block; position: absolute; bottom: -1px; right: 0; width: 100%; border-top: 3px solid transparent; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: border-color 0.3s, -webkit-transform 0.3s; transition: border-color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, border-color 0.3s; transition: transform 0.3s, border-color 0.3s, -webkit-transform 0.3s; } .tab-nav-underline .nav-item.show .nav-link::after, .tab-nav-underline .nav-item .nav-link.active::after, .tab-nav-underline .nav-item:hover .nav-link::after { border-color: #f32100; -webkit-transform: scaleX(1); transform: scaleX(1); } .tab-nav-underline.type2 .nav-item { margin-left: 0; } .tab-nav-underline.type2 .nav-link { padding: 1.4rem 1.5rem; } .tab-nav-center .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-nav-center .nav .nav-item { margin: 0 1.5rem; } .tab-nav-center.tab-nav-outline2 .nav-item { margin: 0 0.5rem; } .tab-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; } .tab-vertical .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 26.3%; } .tab-vertical .nav-item { margin-left: 0; } .tab-vertical .nav-link { position: relative; padding-right: 2.2rem; padding-left: 2rem; text-align: right; width: 100%; margin-bottom: 0.5rem; } .tab-vertical .tab-content { width: 73.7%; border-top: 1px solid #eee; padding-right: 2rem; } .tab-vertical .tab-pane { padding-top: 1.3rem; } .tab-vertical.tab-nav-outline3 .nav { width: 27%; } .tab-vertical.tab-nav-outline3 .nav-link { padding-right: 2.1rem; } .tab-vertical.tab-nav-outline3 .tab-content { padding-right: 1.7rem; } .tab-line-grow .tab-pane { padding: 1.7rem 0; } .nav-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.5rem; font-size: 1.4rem; color: #666; line-height: 1; } .nav-filters li:not(:last-child) { margin-left: 1rem; } .nav-filter { display: inline-block; position: relative; padding: 0.6rem 0 0.7rem; color: inherit; -webkit-transition: color 0.4s; transition: color 0.4s; } .nav-filter.active, .nav-filter:hover { color: #f32100; } .nav-filter span { color: #aaa; margin-right: 0.6rem; } .filter-underline .nav-filter::after { content: ""; display: block; height: 2px; border: 1px solid; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .filter-underline .nav-filter.active::after, .filter-underline .nav-filter:hover::after { -webkit-transform: scale(1); transform: scale(1); } .filter-boxed li { margin-bottom: 0.5rem; } .filter-boxed .nav-filter { padding: 1.1rem 1.9rem; border: 1px solid #ccc; border-radius: 0.3rem; text-transform: uppercase; font-size: 1.3rem; font-weight: 600; color: #333; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .filter-boxed .nav-filter.active, .filter-boxed .nav-filter:hover { color: #f32100; border-color: #f32100; } @media (max-width: 991px) { .filter-boxed { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter-boxed li { margin: 0 0.5rem 0.5rem !important; } } @media (max-width: 767px) { .tab-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .tab-vertical .tab-content, .tab-vertical .nav-tabs, .tab-vertical.tab-nav-outline3 .nav { width: 100%; } .tab-line-grow .tab-content { padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 575px) { .tab-nav-outline2 .nav-link { padding-right: 1rem; padding-left: 1rem; } } .link-section { margin-bottom: 2.8rem; } .link-section .title { margin-bottom: 0.9rem; } .side-tab-section { margin-bottom: 1.1rem; } /*---------------------------- Titles - Default - Simple - Link icon - Tab boxed - Tab link - Center -----------------------------*/ /* Default */ .title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-bottom: 1rem; font-size: 2rem; font-weight: 700; line-height: 1.2; } .title.title-link::before { position: absolute; content: ""; width: 100%; height: 3px; right: 0; bottom: -0.8rem; background-color: #f32100; z-index: 1; } .title.title-sm { font-size: 1.6rem; } .title.title-md { font-size: 2rem; } .title.title-lg { font-size: 3rem; } /* Simple */ .title-underline { position: relative; padding-bottom: 1.6rem; } .title-underline::before { content: none; } .title-underline::after { content: ""; position: absolute; right: 0; bottom: 0; margin-right: 0; width: 100%; height: 1px; background-color: #eee; } .title-cross::before, .title-cross::after { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; content: ""; height: 2px; background-color: #eeeeee; } .title-cross::before { margin-left: 3rem; } .title-cross::after { margin-right: 3rem; } @media (max-width: 479px) { .title-cross::before { margin-left: 1.5rem; } .title-cross::after { margin-right: 1.5rem; } } .title-link-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.3rem; } .title-link-wrapper .title { position: relative; margin-bottom: 0.8rem; padding: 0.8rem 0; } .title-link-wrapper a { margin-bottom: 0.7rem; margin-right: auto; text-transform: capitalize; } .title-link-wrapper a:hover { color: #f32100; } .title-link-wrapper a i { vertical-align: middle; margin-right: 0.5rem; font-size: 1.35rem; } .title-link-wrapper::after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; border-bottom: 1px solid #eee; } .title-link-wrapper.no-link .title-link { margin-bottom: 0.8rem; } .tab-with-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tab-with-title .nav-tabs { border-bottom: 0; } .tab-with-title .nav-item:not(:last-child) { margin-left: 2rem; } .tab-with-title .nav-link { font-size: 1.3rem; font-weight: 400; letter-spacing: 0; color: #333; text-transform: capitalize; padding: 0; } .tab-with-title.tab-nav-boxed { padding: 0.3rem 0; } .tab-with-title.tab-nav-boxed .title { margin-bottom: 0; margin-left: 2rem; } .tab-with-title.tab-nav-boxed .nav-item:not(:last-child) { margin-left: 1rem; } .tab-with-title.tab-nav-boxed .nav-item:last-child { margin: 0; } .tab-with-title.tab-nav-boxed .nav-link { border: 1px solid #ccc; border-radius: 0.3rem; padding: 0.85em 1.42em; font-weight: 600; text-transform: uppercase; } .tab-with-title.tab-nav-boxed .nav-link.active, .tab-with-title.tab-nav-boxed .nav-link:hover { border-color: #f32100; } .tab-with-title.tab-nav-link { padding: 1.6rem 2rem 0.6rem; background: #f5f5f5; } .tab-with-title.tab-nav-link .title, .tab-with-title.tab-nav-link .nav-link { margin-bottom: 1rem; } .tab-with-title.tab-nav-link .title { margin-left: 2rem; } .tab-with-title.tab-nav-underline .nav-link::after { bottom: -1px; } .tab-with-title .nav-item.show .nav-link, .tab-with-title .nav-item .nav-link.active, .tab-with-title .nav-item:hover .nav-link { color: #f32100; } .title-separator { margin: 0 0.5rem; } /* Center */ .title-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-with-title.tab-nav-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.2rem; } .tab-with-title.tab-nav-center .nav-tabs { margin: 0; } .tab-with-title.tab-nav-center .nav-item { margin: 0 1rem; } .tab-with-title.tab-nav-center .nav-link { padding: 0.8rem 0; } .tab-with-title.tab-nav-center .nav-link::after { bottom: 0; height: 0.3rem; border: none; background-color: #f32100; } .filter-with-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; } .filter-with-title .title { margin-bottom: 0.5rem; } .title-section p { font-size: 1.3rem; color: #666; line-height: 2; letter-spacing: 0; } @media (max-width: 991px) { .tab-with-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tab-with-title .nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-with-title.tab-nav-boxed .title { margin-bottom: 1rem; margin-left: 0; } .tab-with-title.tab-nav-boxed .nav-item { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .tab-with-title.tab-nav-boxed .nav-link { margin-bottom: 0.5rem; } .tab-with-title.tab-nav-link .nav-item { margin: 0 1rem !important; } .tab-with-title.tab-nav-link .title { margin-left: 0; } .filter-with-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-with-title .title { margin-bottom: 1rem; } .filter-with-title .nav-filters { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter-with-title .nav-filters li { margin: 0 1.5rem; } } @media (max-width: 575px) { .title-link-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .title-link-wrapper .title-link { margin-bottom: 2rem; } .title-link-wrapper a { margin-right: 0; } } /*----------------------------- Tooltip -----------------------------*/ .tooltiptext { position: absolute; padding: 1rem 0.7rem; bottom: 125%; right: 50%; background-color: #333; color: #fff; font: 400 1.3rem Poppins, sans-serif; letter-spacing: 0.01em; text-align: center; visibility: hidden; opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); z-index: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .tooltip-top::after { content: ""; position: absolute; top: 96%; right: 50%; margin-right: -6px; border-width: 6px; border-style: solid; border-color: #333 transparent transparent transparent; } /*------------------------------------- Widget -------------------------------------*/ .widget-title { margin-bottom: 2rem; padding: 1.1rem 0; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: -0.025em; } .widget-products .widget-title { font-size: 1.4rem; font-weight: 600; letter-spacing: -0.025em; padding-bottom: 0.8rem; } .widget-products .widget-body { padding: 0 2rem; } .widget-products.widget-products-bordered .widget-body { border: 1px solid #eee; } .widget-products.widget-products-bordered .product-widget:not(:last-child) { border-bottom: 1px solid #eee; } .widget-products .swiper-button-prev, .widget-products .swiper-button-next { top: -1.7rem; left: -1rem; border: 0; color: #747474; font-weight: normal; width: 15px; height: 15px; } .widget-products .swiper-button-prev:not(.swiper-button-disabled):hover, .widget-products .swiper-button-prev:not(.swiper-button-disabled):focus, .widget-products .swiper-button-prev:not(.swiper-button-disabled):active, .widget-products .swiper-button-next:not(.swiper-button-disabled):hover, .widget-products .swiper-button-next:not(.swiper-button-disabled):focus, .widget-products .swiper-button-next:not(.swiper-button-disabled):active { background: transparent; border: 0; color: #f32100; } .widget-products .swiper-button-prev { -webkit-transform: translateX(50%); transform: translateX(50%); } .widget-products .swiper-button-next { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .sidebar .widget-products .widget-body { border: 0; padding: 0; } .widget .widget-title { position: relative; margin: -0.1rem 0; padding: 1.4rem 0 1.4rem 2.5rem; font-weight: 600; font-size: 1.6rem; color: #333; letter-spacing: 0; border-bottom: 1px solid #eee; text-transform: capitalize; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget .widget-body { padding: 0.7rem 0 1rem; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; color: #333; } .widget-collapsible .widget-title label { position: relative; padding: 0 0.2rem; } .widget-collapsible .widget-title label::after { position: absolute; content: ""; right: 0; bottom: -1.2rem; width: 100%; height: 2px; background-color: #666; } .widget-collapsible .toggle-btn { left: 0.4rem; margin-top: -0.1rem; width: 10px; padding: 0; opacity: 1; } .widget-collapsible .toggle-btn::before, .widget-collapsible .toggle-btn::after { content: ""; position: absolute; border-top: 2px solid #666; width: 12px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .widget-collapsible > .collapsed .toggle-btn::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .widget-collapsible > .collapsed .toggle-btn::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .widget-collapsible .collapsed + .widget-body { display: none; } .widget-collapsible .collapsed ~ .widget-body { opacity: 0.1; } /*--------------------------- Breadcrumb --------------------------*/ .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #eeeeee; color: #333; font-size: 1.3rem; line-height: 1.5; padding: 1.5rem 0.2rem 1.6rem; } .breadcrumb a { color: inherit; } .breadcrumb li:not(:last-child) { padding-left: 0.4rem; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.8; } .breadcrumb li:not(:last-child)::after { content: ">"; position: relative; display: inline-block; margin-right: 0.5rem; font-size: 1rem; font-weight: 500; font-family: "wolmart"; } .breadcrumb li:not(:last-child):hover { opacity: 1; } .breadcrumb li:last-child { color: #333333; } .breadcrumb.shop-breadcrumb { padding: 1rem 0; margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumb.shop-breadcrumb li { padding-right: 0.5rem; padding-left: 0.5rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; opacity: 1; color: #666; } .breadcrumb.shop-breadcrumb li.active { color: #f32100; } .breadcrumb.shop-breadcrumb li.passed { color: #333; } .breadcrumb.shop-breadcrumb li:not(:last-child)::after { margin-right: 1rem; font-size: 2rem; font-weight: 700; color: #999; bottom: 3px; line-height: 1; vertical-align: middle; } .breadcrumb-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5rem !important; } /* ---------------------------------------- Element Category Page ------------------------------------------*/ .category-default img { min-height: 20rem; } .category-default .category-content { right: 3rem; } .category-default .category-title { margin-bottom: 0; font-size: 2.2em; } .category-default .category-count { opacity: 0.6; line-height: 1.2; } .category-ellipse-section { margin-bottom: 5.2rem; } .category-classic-section { background-color: #f8f8f8; } .category-masonry-section { padding-bottom: 3.7rem; } .category-masonry-section .category-grid { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, calc( 100% / 4 )); margin: -1rem; } .category-masonry-section .category-grid > * { padding: 1rem; } .category-masonry-section .grid-item1 { -ms-grid-column-span: 2; grid-column-end: span 2; -ms-grid-row-span: 2; grid-row-end: span 2; } .category-masonry-section .grid-item2 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } .category-masonry-section .grid-item3 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 2; grid-row-end: span 2; } .category-masonry-section .grid-item3 .category-banner, .category-masonry-section .grid-item3 figure, .category-masonry-section .grid-item3 img { height: 100%; } @media (max-width: 991px) and (min-width: 768px) { .category-masonry-section .category-grid { grid-template-columns: repeat(auto-fill, calc( 100% / 3 )); } .category-masonry-section .grid-item3 { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 3; grid-column-start: 3; -ms-grid-row-span: 3; grid-row-end: span 3; } } @media (max-width: 767px) { .category-masonry-section .category-grid { grid-template-columns: repeat(auto-fill, calc( 100% / 2 )); } } @media (max-width: 575px) { .page-title { font-size: 3rem; } .page-subtitle { font-size: 1.2rem; } } @media (max-width: 479px) { .category-masonry-section .grid-item2, .category-masonry-section .grid-item3 { -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-span: 2; grid-column-end: span 2; } } /*------------------------- Compare page -------------------------*/ .compare-popup { position: fixed; top: 100%; right: 0; left: 0; padding: 2rem 0; background: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: 2400; } .compare-popup .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2.1rem; padding-bottom: 3.1rem; } .compare-popup .btn-clean { margin-left: 1.8rem; padding: 0; border: none; text-transform: capitalize; font-weight: 400; } .compare-popup .btn-clean:hover, .compare-popup .btn-clean:active, .compare-popup .btn-clean:focus { color: #f32100; background-color: #fff; } .compare-popup.show { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .compare-popup.show + .compare-popup-overlay { opacity: 0.7; visibility: visible; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .compare-title { margin-top: 0.8rem; } .compare-title .title { margin-bottom: 0.3rem; font-size: 2.4rem; font-weight: 700; white-space: nowrap; } .compare-product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.9rem 2rem 0; padding: 0; } .compare-product-list li { position: relative; width: 8vw; max-width: 138px; min-height: 8vw; } .compare-product-list li:not(:first-child) { margin-right: 3rem; } .compare-product-list li:empty::before { content: "+"; position: absolute; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); text-align: center; line-height: 5rem; font-size: 3rem; color: #eee; width: 5rem; height: 5rem; border-radius: 50%; -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.12); box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.12); } .compare-product-list li::after { content: ""; position: absolute; border: 1px solid #eee; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; } .compare-product-list .btn-remove { position: absolute; padding: 0; left: -1rem; top: -1rem; line-height: 1.2; width: 20px; height: 20px; font-size: 1.5rem; border-radius: 50%; border: none; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); overflow: hidden; } .compare-product-list .btn-remove i { font-size: 1.2rem; font-weight: 600; margin-bottom: 0; } .compare-product-list .btn-remove:hover, .compare-product-list .btn-remove:active, .compare-product-list .btn-remove:focus { background-color: #fff; } .compare-popup-overlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; z-index: 2399; } .compare-table { overflow-x: auto; } .compare-table > div:nth-child(2n) .compare-col { background-color: #fbfbfb; } .compare-table .compare-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .compare-product .product-media { border: 1px solid #f5f5f5; } .compare-col { padding: 2.5rem 2rem 2.5rem 0; } .compare-col.compare-product { text-align: center; } .compare-col.compare-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; padding-left: 5rem; font-weight: 400; color: #999; } .compare-col.compare-value { padding-left: 1rem; } .compare-col .remove-product { margin-bottom: 2.4rem; padding: 0; border: none; color: #333; } .compare-col .remove-product i { font-size: 2.2rem; } .compare-col .remove-product:hover, .compare-col .remove-product:focus, .compare-col .remove-product:active { background-color: transparent; color: #f32100; } .compare-col .product-details { padding: 1.6rem 0 0.7rem; } .compare-col .product-price { font-size: 1.4rem; font-weight: 400; letter-spacing: 0; } .compare-col .new-price { margin-left: 0; color: #f32100; } .compare-col .old-price { color: #999; } .compare-availability .compare-value { color: #ffa800; } .compare-description ul { margin: 0; padding: 0; } .compare-description li { color: #333; line-height: 1.6; } .compare-description li::before { font-size: 1.4rem; } .compare-rating { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-rating .ratings-container { width: 100%; margin-bottom: 0; font-size: 1.4rem; } .compare-category .compare-value, .compare-meta .compare-value, .compare-size .compare-value, .compare-brand .compare-value { color: #333; } .compare-color .swatch { vertical-align: middle; margin-left: 0.4rem; width: 1.5rem; height: 1.5rem; display: inline-block; border-radius: 50%; } @media (min-width: 1921px) { .compare-product-list li { max-height: 15.5rem; max-width: none; } .compare-product-list li figure, .compare-product-list li img { height: 100%; width: 100%; } } @media (max-width: 991px) { .compare-popup .container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; padding-bottom: 0; } .compare-product-list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 2rem 0; } .compare-product-list li { width: 18vw; min-height: 11rem; } } @media (max-width: 991) and (min-width: 480px) { .compare-title { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .compare-col.compare-field { max-width: 15rem; padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 575px) { .compare-product-list li { min-height: 6rem; } .compare-product-list li:not(:first-child) { margin-right: 1.5rem; } } @media (max-width: 479px) { .compare-product-list li:empty::before { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 2rem; } } /*------------------------------------ Element Product Page -------------------------------------*/ .product-list-section { margin-bottom: 4.2rem; } .product-list-section .title-link-wrapper .title::after { height: 2px; background-color: #666; } .product-wrapper.row [class*=col-] { margin-bottom: 2rem; } .product:not(.product-single) .product-countdown-container { position: absolute; right: 10px; left: 10px; bottom: 10px; white-space: nowrap; overflow-x: auto; background-color: rgba(34, 34, 34, 0.8); color: #fff; letter-spacing: -0.025em; text-align: center; border-radius: 0.3rem; padding-right: 0; padding-left: 0; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; display:none; } .product:not(.product-single) .countdown-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .product:not(.product-single) .countdown-section { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.9em 0 0.8em; } .product:not(.product-single) .countdown-amount, .product:not(.product-single) .countdown-period { display: inline-block; } .product:not(.product-single) .countdown-amount { font-size: 1.4em; font-weight: 700; line-height: 1.3; } .product:not(.product-single) .countdown-period { font-size: 1em; font-weight: 500; opacity: 0.9; letter-spacing: -0.035em; } .product:not(.product-single):hover .product-countdown-container { opacity: 0; visibility: hidden; } .product:not(.product-single) .product-list .product-desc { margin-bottom: 3.9rem; line-height: 1.9; } .product-sticky-content .product-list-sm { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-sticky-content .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 8.5rem; flex: 0 0 8.5rem; max-width: 8.5rem; height: 8.5rem; } .product-sticky-content .product-media img { height: 100%; } .product-sticky-content .product-name { font-size: 1.4rem; } .product-sticky-content .product-price { font-size: 1.6rem; } .product-sticky-content .old-price { font-size: 1.9rem; } .product-sticky-content .product-form.container { padding: 0; } .product-sticky-content.fixed .product-list-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .product-sticky-content.fixed .product-form { padding: 2rem; } .product-sticky-content.fixed .product-qty-form, .product-sticky-content.fixed .btn-cart { margin-bottom: 0; } .product-sticky-content.fixed .product-qty-form { margin-left: 0.8rem; max-width: 14rem; -webkit-box-flex: 0; -ms-flex: 0 0 14rem; flex: 0 0 14rem; } .product-sticky-content.fixed .product-qty-form label { display: none; } .product-sticky-content.fixed .btn-cart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 21rem; } .product-sticky-content.fix-top.fixed .product-form { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 1rem; padding-bottom: 1rem; } .product-sticky-content.fix-top.fixed .product-media { max-width: 4.4rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.4rem; flex: 0 0 4.4rem; height: 4.4rem; } .product-sticky-content.fix-top.fixed .product-name { display: none; } .product-sticky-content.fix-top.fixed .btn-cart { min-width: 14rem; } .product-single .col-md-6 .product-bm-wrapper { margin-bottom: 0.8rem; } .sticky-both-content .product-single { margin-top: 0.4rem; } .sticky-both-content .product-title { margin-bottom: 1.2rem; line-height: 1.4; } .sticky-both-content .product-color-swatch { margin-top: 0.3rem; } .sticky-both-content .product-size-swatch { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-qty-form.with-label { -webkit-box-flex: 0; -ms-flex: 0 0 21.5rem; flex: 0 0 21.5rem; max-width: 21.5rem; } @media (max-width: 1199px) { .shop-content .product-list .product-desc { margin-bottom: 2rem; } } @media (max-width: 575px) { .shop-content .product-list { display: block; margin-bottom: 2rem; } .shop-content .product-list .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 2rem 0; } } @media (max-width: 479px) { .product-sticky-content.fix-top.fixed .product-media, .product-sticky-content.fix-top.fixed .product-details { display: none; } .product-sticky-content.fix-top.fixed .btn-cart { max-width: none; } .product-sticky-content.fix-top.fixed .product-form { padding-right: 1.5rem; padding-left: 1.5rem; } .product-sticky-content.fixed .product-list-sm { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } /*-------------------------------------------- Single Product Page ----------------------------------------------*/ .product-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: sticky; } .product-gallery.row > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-gallery.product-gallery-sticky { top: 2rem; } .product-gallery-btn { position: absolute; padding: 1rem; width: 4rem; height: 4rem; left: 1.5rem; bottom: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; border-radius: 50%; color: #999; background: #fff; font-size: 2rem; line-height: 1; opacity: 0.7; -webkit-transition: opacity 0.3s, color 0.3s; transition: opacity 0.3s, color 0.3s; z-index: 1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); cursor: pointer; } .product-gallery-btn.product-degree-viewer { bottom: 6.5rem; } .product-gallery-btn.product-video-viewer { bottom: 11.5rem; } .product-gallery-btn:hover { opacity: 1; color: #333; } .product-sticky-content.fixed { background-color: #fff; } .bought-together-products > * { width: auto; } .bought-together-products .product-wrap { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 15.8rem; flex: 0 0 15.8rem; max-width: 15.8rem; } .bought-together-products .product-wrap:not(:first-child) { margin-right: 3rem; } .bought-together-products .product-wrap:not(:first-child) .product-media::before, .bought-together-products .product-wrap:not(:first-child) .product-media::after { content: ""; position: absolute; right: -2.5rem; top: 50%; background-color: #999; } .bought-together-products .product-wrap:not(:first-child) .product-media::before { width: 17px; height: 1px; -webkit-transform: translateX(8px); transform: translateX(8px); } .bought-together-products .product-wrap:not(:first-child) .product-media::after { width: 1px; height: 17px; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .bought-together-products .product-details { padding: 1.5rem 0.2rem 0; } .bought-together-products .product-button { position: relative; margin: 1.3rem 10rem 2.5rem 0; } .bought-together-products .product-button::before, .bought-together-products .product-button::after { content: ""; position: absolute; right: -5rem; top: 70px; width: 17px; height: 1px; -webkit-transform: translateX(8px); transform: translateX(8px); background-color: #999; } .bought-together-products .product-button::before { margin-top: -12px; } .bought-together-products .bought-price { font-size: 2.4rem; } .bought-together-products .bought-count { margin-bottom: 2.7rem; line-height: 1.3; } .bought-together-products .product-media:hover img { opacity: 1; } .bought-together-products .product-checkbox { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .bought-together-products .product-checkbox label { position: static; padding-right: 0; } .bought-together-products .custom-checkbox { cursor: pointer; width: 100%; height: 100%; right: 0; top: 0; } .bought-together-products .custom-checkbox + label::before { top: 1.5rem; right: 1.5rem; -webkit-transform: none; transform: none; } .product-tabs .nav-item:not(:last-child) { margin-left: 4rem; } .product-tabs .nav-link { padding: 1.5rem 0 1.3rem; font-size: 2rem; font-weight: 700; color: #999; text-transform: capitalize; } .product-tabs .nav-link::after { border-top: 2px solid transparent; } .product-tabs .nav-tabs .nav-link:hover, .product-tabs .nav-tabs .nav-link.active { color: #333; } .product-tabs .tab-pane { padding: 3.5rem 0 2.7rem; } .product-tabs ul { font-size: 1.4rem; color: #666; } .product-tabs .product-video img { min-height: 20rem; } #product-tab-description .sub-title { margin: 0.4rem 0 0.4rem; font-size: 1.4rem; } #product-tab-description .sub-title span { margin-left: 1.2rem; } #product-tab-description .detail { line-height: 1.6; } #product-tab-description ul { font-size: 1.3rem; } #product-tab-description.card-body .col-md-6 { margin-bottom: 1.7rem; } #product-tab-specification ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0rem 0 1rem; } #product-tab-specification ul label { -webkit-box-flex: 0; -ms-flex: 0 0 20rem; flex: 0 0 20rem; max-width: 20rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; z-index: 1; color: #333; } #product-tab-specification ul p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } #product-tab-vendor .vendor-banner img { min-height: 29.5rem; width: 100%; } #product-tab-vendor .vendor-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.7rem; } #product-tab-vendor .vendor-logo img { border: 1px solid #eee; border-radius: 5px; } #product-tab-vendor .vendor-name { margin: 0.3rem 0; font-size: 1.8rem; font-weight: 600; color: #333; } #product-tab-vendor .vendor-name a { color: inherit; } #product-tab-vendor .ratings-full { margin-left: 0.8rem; } #product-tab-vendor .rating-reviews { font-size: 1.4rem; color: #666; } #product-tab-vendor .vendor-info { margin-bottom: 3.1rem; font-size: 1.4rem; } #product-tab-vendor .vendor-info li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.75rem 0; } #product-tab-vendor .vendor-info label { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 12rem; flex: 0 0 12rem; max-width: 12rem; padding-left: 1rem; color: #333; } #product-tab-vendor .store-address { font-size: 1.4rem; color: #666; opacity: 1; } #product-tab-vendor .store-phone a { color: #333; } #product-tab-vendor .store-phone a:hover { color: #f32100; } #product-tab-vendor p { font-size: 1.4rem; line-height: 1.75; } #product-tab-description.card-body, #product-tab-vendor.card-body, #product-tab-specification.card-body, #product-tab-reviews.card-body { padding-top: 2.2rem; padding-bottom: 2rem; } .accordion-simple:not(.accordion-icon) .card-header a::after { font-size: 1.6rem; } @media (min-width: 768px) { #product-tab-vendor .pl-md-6 { padding-right: 3rem !important; } } #product-tab-reviews { border-bottom-width: 0; } #product-tab-reviews p { font-size: 1.4rem; } #product-tab-reviews .avg-rating-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1rem; margin-bottom: 0.2rem; } #product-tab-reviews .avg-mark { font-size: 6em; font-weight: 600; color: #f32100; letter-spacing: -0.025em; line-height: 1; margin-bottom: 0; } #product-tab-reviews .avg-rating { margin-right: 1.8rem; } #product-tab-reviews .avg-rating p { font-size: 1.4rem; line-height: 1.4; } #product-tab-reviews .avg-rating .ratings-container { margin-bottom: 0.3rem; } #product-tab-reviews .avg-rating .ratings-full { margin-left: 0.8rem; } #product-tab-reviews .ratings-value { margin-bottom: 1.6rem; font-size: 1.4rem; } #product-tab-reviews .ratings-value span:first-child { margin-left: 2.1rem; font-size: 2.5rem; } #product-tab-reviews .ratings-value .count { margin-right: 0.6rem; font-size: 1.2rem; color: #aaa; } #product-tab-reviews .ratings-list .ratings-container { margin-bottom: 1.5rem; } #product-tab-reviews .ratings-list .progress-bar { max-width: 20rem; margin-right: 1.3rem; margin-bottom: 0; border-radius: 0.4rem; } #product-tab-reviews .ratings-list .progress-bar span { border-radius: 0.4rem; } #product-tab-reviews .ratings-list .progress-value { margin-right: 2rem; min-width: 4rem; } #product-tab-reviews .ratings-list .progress-value mark { font-size: 1.2rem; color: #666; } #product-tab-reviews .title-link { font-size: 1.4rem; } #product-tab-reviews .review-form { padding-top: 0.3rem; } #product-tab-reviews .review-form .form-control { min-height: 4rem; margin-bottom: 2rem; font-family: Poppins, sans-serif; font-size: 1.3rem; border-color: #eee; color: #777; } #product-tab-reviews .review-form .form-control::-webkit-input-placeholder { color: inherit; } #product-tab-reviews .review-form .form-control::-moz-placeholder { color: inherit; } #product-tab-reviews .review-form .form-control:-ms-input-placeholder { color: inherit; } #product-tab-reviews .review-form .form-control::-ms-input-placeholder { color: inherit; } #product-tab-reviews .review-form .form-control::placeholder { color: inherit; } #product-tab-reviews .review-form textarea { height: 13.3rem; } #product-tab-reviews .review-form .btn { background-color: #454545; border-color: #454545; } #product-tab-reviews .form-group { margin: 0.4rem 0 4.1rem; font-size: 1.4rem; } #product-tab-reviews .form-group label { padding-right: 2.7rem; } #product-tab-reviews .form-group .custom-checkbox + label::before { top: 0; -webkit-transform: none; transform: none; margin-top: 0.2rem; } #product-tab-reviews .tab-nav-boxed .nav-item { margin: 0 1rem 0.5rem 1rem; } #product-tab-reviews .tab-nav-boxed .nav-link { font-size: 1.3rem; font-weight: 600; color: #333; border-width: 1px; padding: 0.9em 1.5em; border-radius: 2rem; } #product-tab-reviews .tab-nav-boxed .nav-link::after { content: none; } #product-tab-reviews .tab-nav-boxed .nav-link:hover, #product-tab-reviews .tab-nav-boxed .nav-link.active { color: #f32100; } #product-tab-reviews .tab-nav-boxed .tab-pane { padding: 1.5rem 0 0; } .vendor-product-section { margin-bottom: 4.2rem; } .vendor-product-section .ratings-container, .related-product-section .ratings-container { margin-bottom: 0.3rem; } .product-single .product-countdown-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -0.7rem 0 1.3rem; font-size: 1.5rem; } .product-single .product-countdown-container .countdown-amount { font-weight: 700; color: #f32100; } .description-section .title.title-link::before, .review-section .title.title-link::before { height: 0.2rem; } aside .service-list { padding: 0 2rem; border: 1px solid #eee; } aside .service-list > * { padding: 1.6rem 0; } aside .service-list > *:not(:last-child) { border-bottom: 1px solid #eee; } aside .service-list .icon-box svg { width: 3rem; height: 3rem; } aside .service-list .icon-box-title { font-size: 1.3rem; line-height: 1.3; letter-spacing: 0; } aside .service-list p { font-size: 1.2rem; line-height: 1.2; } aside .sp-sidebar-banner .banner-content { top: 9%; right: 6.5%; } aside .sp-sidebar-banner .banner-title, aside .sp-sidebar-banner .banner-subtitle { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 0.5rem; } aside .sp-sidebar-banner span { font-size: 2.4rem; margin-left: 0.5rem; } @media (min-width: 992px) { .sticky-both-content .product-details-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .hotspot-banner { overflow: visible; } .hotspot-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 3em; height: 3em; border-radius: 50%; background-color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .hotspot-product .product { position: absolute; opacity: 0; width: 20em; padding: 1rem; visibility: hidden; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.06); box-shadow: 0 0 30px rgba(0, 0, 0, 0.06); border-radius: 0.5rem; overflow: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0.3s, -webkit-transform 0.3s; z-index: -1; } .hotspot-product .product .product-action-vertical { opacity: 1; visibility: visible; } .hotspot-product:hover { background-color: #333; } .hotspot-product:hover .btn-hotspot { color: #fff; } .hotspot-product:hover .product { opacity: 1; visibility: visible; z-index: 1; } .hotspot-product.hotspot-product-1 { right: 22.6%; top: 10.9%; } .hotspot-product.hotspot-product-2 { right: 23.8%; top: 82%; } .hotspot-product.hotspot-product-3 { right: 71.1%; top: 36.1%; } .hotspot-right .product { right: 100%; top: -6rem; } .hotspot-right:hover .product { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); } .hotspot-top .product { bottom: 100%; right: -40px; } .hotspot-top:hover .product { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } .hotspot-left .product { left: 100%; top: -60px; } .hotspot-left:hover .product { -webkit-transform: translateX(1rem); transform: translateX(1rem); } .btn-hotspot { font-size: 1.2em; line-height: 1; color: #333; -webkit-transition: color 0.3s; transition: color 0.3s; } .pswp img { border-radius: 0.3rem; } @media (min-width: 768px) { body.addtocart-fixed .footer { padding-bottom: 12.5rem; } } @media (max-width: 767px) { .hotspot-banner { font-size: 0.8rem; } } @media (max-width: 575px) { .bought-together-products .product-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 12rem; flex: 0 0 12rem; max-width: 12rem; } .bought-together-products .product-button { margin: -1rem 3rem 3rem 0; } .bought-together-products .product-button::before, .bought-together-products .product-button::after { right: -1.5rem; } } @media (max-width: 479px) { .hotspot-banner { font-size: 0.6rem; } } @media (max-width: 375px) { #product-tab-specification ul li::before { width: calc(44% - 1rem); } #product-tab-specification ul label { -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } } /*----------------------------------------------- Shop Page - Default Shop Banner - List - Category Wrapper - Toolbox (toolbox toolbox-left toolbox-right select-box) - Toolbox Item - Select Menu - Selected Items - Toolbox Pagination - Toolbox Horizontal - Toolbox Navigation ------------------------------------------------*/ .shop-default-banner { padding: 7.4em 8.7em 7.6em; } .shop-default-banner .banner-subtitle { margin-bottom: 0.2rem; font-size: 2.8em; } .shop-default-banner .banner-title { margin-bottom: 1.9rem; font-size: 4em; } .shop-default-banner .btn { padding: 1.25em 1.98em; font-size: 1.4em; } .shop-default-banner .btn i { font-size: 1.7rem; } .shop-boxed-banner { padding-right: 4.8em; padding-left: 4.8em; } .shop-boxed-banner .banner-subtitle { letter-spacing: -0.02em; } .shop-default-brands { padding: 0.5rem 0; } .shop-default-category { border-bottom: 1px solid #eee; padding-bottom: 3.5rem; } .shop-default-category .category-name { text-transform: capitalize; font-size: 1.4rem; font-weight: 700; letter-spacing: 0; } .shop-default-category .category-media { border: none; -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s; } .shop-default-category .category-ellipse:hover .category-media { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.1); transform: scale(1.1); } .shop-default-category .category-ellipse:hover .category-name { color: #f32100; } .product-lists .product-list { border-top: 1px solid #eee; } .product-lists .product-list .product-short-desc { margin-bottom: 1.5rem; } .product-lists .product-wrap:last-child .product-list { margin-bottom: 0; } .toolbox, .toolbox-right, .toolbox-left, .toolbox-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .toolbox label, .toolbox-right label, .toolbox-left label, .toolbox-item label { font-weight: 600; margin-left: 1rem; line-height: 1.5; } .toolbox-right { margin-right: auto; } .toolbox { padding-bottom: 1rem; } .toolbox.toolbox-pagination { padding: 2.5rem 0; border-top: 1px solid #f4f4f4; } .toolbox > :not(.toolbox-pagination)*:not(:last-child), .toolbox-left > :not(.toolbox-pagination)*:not(:last-child), .toolbox-right > :not(.toolbox-pagination)*:not(:last-child) { margin-left: 1rem; } .toolbox .showing-info { font-size: 1.3rem; color: #aaa; } .toolbox .showing-info span { margin: 0 0.9rem; color: #333; } .toolbox .select-box { color: #333; } .toolbox .select-box::before { font-size: 1.1rem; left: 1rem; margin-top: 0.1rem; } .toolbox select { max-width: none; width: 15.4rem; padding: 0.75em 1.4rem 0.75em 2.7rem; border-radius: 0.3rem; cursor: pointer; border: 1px solid #d7d7d7; } .toolbox .toolbox-show select { padding-right: 1.3rem; padding-left: 2.8rem; width: 9.4rem; } .toolbox .item-found { color: #a9a9a9; font-size: 1.4rem; letter-spacing: 0; } .toolbox .item-found span { color: #333; margin-left: 0.4rem; } .toolbox .left-sidebar-toggle, .toolbox .right-sidebar-toggle { padding: 0.78em 1.05em; font-size: 1.3rem; } .toolbox .left-sidebar-toggle i, .toolbox .right-sidebar-toggle i { margin-left: 0.7rem; margin-right: 0.3rem; font-size: 1.4rem; } .toolbox .left-sidebar-toggle { margin: 0 0 1rem 2rem; } .toolbox .right-sidebar-toggle { margin-right: 2rem; } .toolbox-item { margin-bottom: 1rem; } .sticky-toolbox.fixed { background: #fff; padding: 1rem 2rem 0 !important; } .selected-items { display: none; } .toolbox + .selected-items { font-size: 1.2rem; } .selected-items > * { display: inline-block; margin: 0 0 0.5rem 0.8rem; } .selected-items .filter-clean { margin-right: 1.2rem; } .selected-item { line-height: 1; letter-spacing: 0; background-color: #f5f5f5; color: #666; padding: 8px 1rem; } .selected-item i { margin-right: 1.1rem; vertical-align: middle; } .toolbox-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1.9rem; } .btn-layout { line-height: 1; color: #dadada; -webkit-transition: color 0.4s; transition: color 0.4s; } .btn-layout + .btn-layout { margin-right: 1rem; } .btn-layout i { font-size: 1.9rem; color: inherit; } .btn-layout.active, .btn-layout:hover { color: #333; } @media (max-width: 991px) { .shop-content .main-content { width: 100%; } .toolbox .sidebar-fixed { margin-left: 0; } .toolbox .sidebar-content { display: block; } } @media (max-width: 767px) { .shop-default-banner { padding: 5em; font-size: 0.9rem; } } @media (max-width: 575px) { .shop-default-banner { padding: 4rem 3rem; font-size: 0.8rem; } .toolbox-left label, .toolbox-right .toolbox-layout { display: none; } .toolbox-right .toolbox-item.toolbox-show { margin-left: 0; } .toolbox-pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-lists .product-list { border-top: 0; } .toolbox .left-sidebar-toggle { padding: 0.79em 0.83em; } .toolbox .left-sidebar-toggle i { margin: 0; } .toolbox .left-sidebar-toggle span { /* display: none;*/ } } @media (max-width: 479px) { .shop-default-banner { font-size: 0.7rem; } .sticky-toolbox.fixed { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .toolbox .left-sidebar-toggle { margin-left: 1rem; } .toolbox select { max-width: 13.6rem; } } /* Unused components @import '../../components/accordion'; @import '../../components/alerts'; @import '../../components/breadcrumb'; @import '../../components/instagram'; @import '../../components/page-header'; @import '../../components/pagination'; @import '../../components/sidebar'; @import '../../components/sidebar-shop'; @import '../../components/testimonials'; */ /* 7. header */ /*-------------------------------- Header -Header -Welcom-msg -Header Search -Main Menu -Other - Login - Wishlist -Stick Header -Other Options --------------------------------*/ .header { font-family: Poppins, sans-serif; background: #fff; color: #333; } .header .container, .header .container-fluid, .header .inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .inner-wrap { width: 100%; } .header a:not(.btn) { color: inherit; } .header a:not(.btn):hover { color: #f32100; } .header-top, .header-middle, .header-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-left, .header-center, .header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-right { margin-right: auto; } .has-center .header-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .has-center .header-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .has-center .header-center { margin-right: 2rem; margin-left: 2rem; } .header-top { background: #f5f6f8; font-size: 1.1rem; letter-spacing: -0.027em; text-transform: capitalize; } .header-top .header-right { padding-left: 0.2rem; } .header-top .header-right > .dropdown:first-child { margin-right: 0; } .header-top .header-right > .dropdown:hover .dropdown-box::before { visibility: visible; opacity: 1; top: auto; bottom: 100%; } .header-top .header-right .dropdown-box::before { content: ""; position: absolute; z-index: 1002; right: 50%; top: -9999px; -webkit-transform: translateX(50%); transform: translateX(50%); border: 11px solid transparent; border-bottom: 11px solid #fff; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; visibility: hidden; opacity: 0; cursor: pointer; pointer-events: none; } .header-top .header-right a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top .header-right i { margin-left: 0.8rem; font-size: 1.5rem; } .header-top .header-right > * { margin-right: 2rem; } .header-top .header-right .delimiter { margin: 0 0.3rem; color: #aaa; } .header-top .header-right .divider { width: 1px; height: 1.5rem; background-color: #ccc; } .logo { min-width: 14.4rem; margin-left: 2rem; } .logo img { display: block; } .header h1 { line-height: 0; margin-bottom: 0; } .header-bottom { color: #333; background: #fff; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.025em; border-top: 1px solid #eee; } .header-bottom .main-nav { margin-right: 2.1rem; } .header-bottom .header-right { padding-left: 0.2rem; } .header-bottom .header-right > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.4rem 0 1.3rem; } .header-bottom .header-right > a i { vertical-align: middle; } .header-bottom .header-right > a i.w-icon-map-marker { font-size: 2.2rem; margin-top: -0.5rem; } .header-bottom .header-right > a i.w-icon-sale { font-size: 2.4rem; margin-left: 0.8rem; } .header-bottom .header-right > a:first-child { margin-left: 3.2rem; } .header-bottom:not(.fixed) .show-dropdown .dropdown-box { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; -webkit-box-shadow: none !important; box-shadow: none !important; margin-top: 2rem; } .welcome-msg { margin: 0; font-size: inherit; font-weight: inherit; letter-spacing: -0.022em; line-height: 1.5; white-space: nowrap; padding: 14px 0; text-transform: uppercase; } .header-middle { padding-top: 3.2rem; padding-bottom: 3.2rem; color: #333; background: #fff; font-size: 1.2rem; border-bottom: 1px solid #eee; border: none; } .header-middle .header-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .account { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 2rem; } .account .login { font-size: 1.3rem; line-height: 1.5em; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; } .account .w-icon-account { color: white; width: 5.3rem; height: 5.3rem; border: 1px solid rgba(238, 238, 238, 0.5); font-size: 2.6rem; -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; } .account span { color: #ccc; -webkit-transition: color 0.3s; transition: color 0.3s; } .account b { color: white; font-size: 1.5rem; -webkit-transition: color 0.3s; transition: color 0.3s; } .account:hover .login, .account:hover span, .account:hover b { color: #f32100; } .account:hover .w-icon-account { color: #f32100; border-color: #f32100; } .header-search { position: relative; width: 100%; max-width: 38rem; } .header-search input.form-control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 40px; padding: 0.9rem; border: 2px solid #f32100; border-left: 0; font-size: 1.2rem; letter-spacing: 0; font-family: Poppins, sans-serif; } .header-search input.form-control::-webkit-input-placeholder { color: inherit; } .header-search input.form-control::-moz-placeholder { color: inherit; } .header-search input.form-control:-ms-input-placeholder { color: inherit; } .header-search input.form-control::-ms-input-placeholder { color: inherit; } .header-search input.form-control::placeholder { color: inherit; } .header-search .btn-search { margin: 0; padding: 0; min-width: 4.9rem; color: #333; border-right: 0; border-color: #f32100; font-size: 1.5rem; font-weight: normal; letter-spacing: -0.025em; text-transform: none; } .header-search .btn-search i { font-size: 1.7rem; line-height: 1; letter-spacing: -0.01em; font-weight: 500; } .header-search .btn-search:hover, .header-search .btn-search:active, .header-search .btn-search:focus { color: #f32100; background-color: transparent; } .header-search .select-box::before { left: 1.2rem; margin-top: -0.1rem; font-weight: 400; } .header-search .select-box select { position: relative; padding: 0 1.5rem 0 2rem; border: 0; font-weight: 400; z-index: 1; } .header-search.hs-toggle .input-wrapper { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: -2.5rem; top: 100%; min-width: 30rem; padding: 1.5rem; height: auto; background-color: #fff; -webkit-box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); z-index: 100; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, visibility 0.3s, opacity 0.3s; transition: transform 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .header-search.hs-toggle:hover { color: #f32100; } .header-search.hs-toggle .form-control { padding: 1.4rem 2rem; font-size: 1.3rem; color: #777; background-color: #f4f4f4; border: none; height: 5rem; } .header-search.hs-toggle .btn-search { background-color: #f4f4f4; min-width: 5rem; font-size: 1.8rem; color: #222; border: none; } .header-search.hs-toggle .btn-search i { margin-bottom: 0.3rem; font-size: inherit; } .header-search.hs-toggle.show .input-wrapper { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-search.hs-toggle.show .search-toggle::after { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .header-search.hs-expanded { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 auto; min-width: auto; max-width: 55.6rem; } .header-search.hs-expanded .select-box { width: 14.6rem; border: 2px solid #f32100; border-left: none; color: #666666; } .header-search.hs-expanded .select-box::after { content: ""; height: 35px; width: 1px; background: #e5e5e5; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header-search.hs-expanded input.form-control { color: #666; border-left: none; border-right: none; } .header-search.hs-expanded .btn-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.4s, color 0.4s; transition: opacity 0.4s, color 0.4s; } .header-search.hs-expanded .btn-search i { margin: 0; } .header-search.hs-expanded .btn-search span { margin-left: 0.5rem; letter-spacing: -0.03em; } .header-search.hs-simple { min-width: 35rem; } .header-search.hs-simple input.form-control { border: none; background-color: #f5f5f5; } .header-search.hs-simple .btn-search { position: absolute; left: 0; height: 100%; min-width: 4.5rem; background: transparent; color: #666; } .header-search.hs-rounded .select-box, .header-search.hs-rounded .form-control { border-radius: 0 0.5rem 0.5rem 0; } .header-search.hs-rounded .btn-search { border-radius: 0.5rem 0 0 0.5rem; } .header-search.hs-rounded.hs-simple input.form-control { border-radius: 5rem; } .header-search.hs-rounded.hs-expanded .form-control { border-radius: 0; } .header-search.hs-round .select-box, .header-search.hs-round .form-control { border-radius: 0 0.3rem 0.3rem 0; } .header-search.hs-round .btn-search { border-radius: 0.3rem 0 0 0.3rem; } .header-search.hs-round.hs-simple input.form-control { border-radius: 3rem; } .header-search.hs-round.hs-expanded .form-control { border-radius: 0; } .dir-up.hs-toggle .input-wrapper { top: auto; bottom: 100%; margin-bottom: 2rem; } .main-nav .menu > .has-submenu { padding-left: 1.5rem; } .mobile-menu-toggle { display: none; font-size: 2.4rem; line-height: 1; } .compare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -0.4rem 0 0 3rem; color: #333; margin-top: -0.3rem; } .compare span.compare-label { cursor: pointer; margin-top: 0.1rem; font-weight: inherit; color: inherit; } .compare i { font-size: 3.3rem; color: inherit; } .compare:hover { color: #f32100; } .wishlist { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.3s; transition: color 0.3s; margin-left: 2.3rem; color: #333; } .wishlist span { margin-top: 0.3rem; font-weight: inherit; color: inherit; cursor: pointer; } .wishlist i { font-size: 2.7rem; color: inherit; } .wishlist:hover { color: #f32100; } .header-call { position: relative; margin-left: 4.8rem; } .header-call .w-icon-call { margin: 0 0 0.2rem 0.6rem; font-size: 3rem; } .header-call .call-info { margin-top: 0.4rem; } .header-call .phone-number { font-size: 2rem; line-height: 1.7; } .header-call .chat a { color: #333; } .header-call .chat a:hover { color: #f32100; } .header-call:hover .w-icon-call, .header-call:hover .phone-number { color: #f32100; } .header-call::after { position: absolute; /** content: "";**/ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -2.5rem; width: 1px; height: 4.1rem; background-color: #e5e5e5; } .cart-dropdown { color: #333; } .cart-dropdown > a i { font-size: 2.6rem; color: inherit; } .label-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .label-down i { display: inline-block; } .label-down span { display: block; } .label-down i + span { margin-top: 0.3rem; letter-spacing: -0.03em; line-height: 1; } .header-border .header-bottom { border-bottom: 1px solid #eee; } @media (max-width: 991px) { .header .main-nav { display: none; } .header .sticky-content-wrapper { display: none; } .header-top .header-left { margin-left: 2rem; } .header-middle .header-right > *:not(:last-child) { margin-left: 2rem; } .header-bottom { display: none; } .mobile-menu-toggle { display: block; } .header-call { margin-left: 1rem !important; } .header-call::after { content: none; } } @media (max-width: 991px) and (min-width: 480px) { .header-middle .logo { margin-right: 2rem; } } @media (max-width: 479px) { .header-top .header-left { position: relative; overflow: hidden; } .welcome-msg { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation: 6s linear 2s 1 showMsgFirst, 12s linear 8s infinite showMsg; animation: 6s linear 2s 1 showMsgFirst, 12s linear 8s infinite showMsg; } .header-middle .logo { margin: 0 auto; width:43%; } .header-middle .header-right { margin-right: 0 !important; } } /*------------------------ Dropdowns - Dropdown - Dropdown-expandex - Cart Dropdown - Category Dropdown -------------------------*/ .dropdown { position: relative; } .dropdown:hover .dropdown-box, .dropdown.show .dropdown-box { visibility: visible; opacity: 1; top: 100%; } .dropdown:hover::after, .dropdown.show::after { visibility: visible; opacity: 1; top: calc(100% - 20px); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .dropdown:hover .dropdown-box, .dropdown.show .dropdown-box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dropdown:hover > a, .dropdown.show > a { color: #f32100; } .dropdown a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown a .dropdown-image { max-width: 1.4rem; margin-left: 0.6rem; margin-top: -1px; height: auto; } .dropdown > a { line-height: 1.1; padding: 11px 0; } .dropdown > a::after { display: inline-block; margin-right: 6px; content: ""; font-family: "Font Awesome 5 Free"; font-size: 8px; font-weight: 900; } .dropdown li.active > a, .dropdown li:hover > a { color: #f32100; } .dropdown-box { position: absolute; left: 0; top: -9999px; padding: 0.5rem 0; color: #666; background-color: #fff; -webkit-box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.3); z-index: 1000; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .dropdown-box a { padding: 0.6rem 1rem; font-size: inherit; line-height: 1.1; } .cart-dropdown .cart-toggle { padding: 0; } .cart-dropdown .cart-toggle::after { content: none; } .cart-dropdown .cart-label { display: block; margin: 0.5rem 0 0; font-weight: inherit; letter-spacing: -0.025em; } .cart-dropdown .cart-count { position: absolute; width: 1.9rem; height: 1.9rem; border-radius: 50%; font-style: normal; z-index: 1; left: -8px; top: -5px; font-family: Poppins, sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.8rem; background: #f32100; color: #fff; text-align: center; left: -9px; } .cart-dropdown .cart-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; margin-bottom: 1.4rem; } .cart-dropdown .cart-header span { font-size: 1.6rem; font-weight: bold; line-height: 1; color: #333; } .cart-dropdown .cart-header a { padding: 0; font-size: 1.4rem; font-weight: 400; color: #666; text-transform: capitalize; } .cart-dropdown .cart-header i { margin-right: 0.6rem; font-size: 1.8rem; } .cart-dropdown .cart-action { display: -webkit-box; display: -ms-flexbox; display: flex; } .cart-dropdown .cart-action .btn { width: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; line-height: 1; padding: 1rem; } .cart-dropdown .cart-action .btn:last-child { margin-right: 1rem; } .cart-dropdown .cart-action .btn-dark:hover, .cart-dropdown .cart-action .btn-dark:active, .cart-dropdown .cart-action .btn-dark:focus { border-color: #f32100; background-color: #f32100; color: #fff; } .cart-dropdown .cart-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; padding: 1.8rem 0; font-size: 1.4rem; font-weight: 600; color: #333333; line-height: 1; text-transform: capitalize; letter-spacing: -0.025em; } .cart-dropdown .cart-total .price { font-size: 1.6rem; } .cart-dropdown .dropdown-box { padding: 1rem 3rem 3rem; min-width: 30rem; margin-top: 0.5rem; } .cart-dropdown .product-price { color: #f32100; overflow: visible; } .cart-dropdown .products { max-height: 28rem; border-bottom: 1px solid #eee; padding-bottom: 2.1rem; } .cart-dropdown.cart-offcanvas .dropdown-box { position: fixed; top: 0; left: -34rem; max-width: 34rem; margin-top: 0; padding: 2.4rem 2rem 2rem; width: 100%; height: 110vh; min-width: auto; padding: 2.9rem 3rem; opacity: 1; visibility: visible; -webkit-transition: left 0.3s; transition: left 0.3s; -webkit-transform: none; transform: none; z-index: 2499; -webkit-box-shadow: none; box-shadow: none; } .cart-dropdown.cart-offcanvas .products { border-top: 1px solid #eee; } .cart-dropdown.cart-offcanvas.opened .dropdown-box { left: 0; } .cart-dropdown.cart-offcanvas.opened .cart-overlay { opacity: 1; visibility: visible; } .cart-dropdown .cart-overlay { position: fixed; right: 0; width: 100vw; top: -10vh; height: 120vh; background: rgba(0, 0, 0, 0.3); z-index: 2498; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .product.product-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 2rem 0 0; } .product.product-cart .product-media { max-width: 8rem; -webkit-box-flex: 0; -ms-flex: 0 0 8rem; flex: 0 0 8rem; } .product.product-cart .product-media a { display: block; padding: 0; } .product.product-cart .product-detail { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .product.product-cart .product-name { white-space: normal; padding: 0; font-size: 1.4rem; line-height: 1.4; margin-bottom: 1rem; } .product.product-cart .price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product.product-cart .product-quantity { margin-left: 0.7rem; font-size: 1.6rem; font-weight: 400; color: #999; } .product.product-cart .product-quantity::before { content: "x"; font-size: 1.8rem; font-weight: 400; margin-right: 0.7rem; text-transform: none; line-height: 0; } .product.product-cart .btn-close { position: absolute; top: 0.9rem; left: -1rem; width: 2rem; height: 2rem; border-radius: 50%; -webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2); color: #333; background-color: #fff; padding-bottom: 0; } .product.product-cart .btn-close:hover { color: #f32100; } .product.product-cart .btn-close i { font-size: 1.2rem; font-weight: 600; margin: 0; line-height: 1.7rem; } .category-dropdown > a { background: #fff; min-width: 28rem; padding: 1.9rem 2rem 1.7rem 1.8rem; letter-spacing: -0.025em; -webkit-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; } .category-dropdown > a i { margin-bottom: 0.1rem; font-size: 1.7rem; line-height: 0; } .category-dropdown > a span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.7rem; } .category-dropdown > a::after { font-family: "wolmart"; content: ""; font-weight: 600; font-size: 0.9rem; } .category-dropdown > a:not(.btn):hover { color: #fff; } .category-dropdown:hover > a, .category-dropdown.show > a { color: #fff; background-color: #f32100; } .category-dropdown .dropdown-box { padding: 0; right: 0; min-width: 24rem; color: #333; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: #fff; -webkit-transition: z-index 0.3s, -webkit-transform 0.3s; transition: z-index 0.3s, -webkit-transform 0.3s; transition: z-index 0.3s, transform 0.3s; transition: z-index 0.3s, transform 0.3s, -webkit-transform 0.3s; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); top: 100%; } .category-dropdown::before, .category-dropdown::after { right: 25px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .category-dropdown::after { border-bottom-color: #f4f4f4; visibility: hidden; opacity: 0; top: calc(100% - 20px); } .category-dropdown.menu-fixed .dropdown-box, .category-dropdown.menu-fixed::after { visibility: hidden; opacity: 0; } .category-dropdown.dropdown.show .dropdown-box { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .category-dropdown.dropdown.show .dropdown-box, .category-dropdown.dropdown.show::after { visibility: visible; opacity: 1; } .category-dropdown.has-border .category-toggle { border-right: 1px solid #eee; border-left: 1px solid #eee; } .category-dropdown.show-dropdown .dropdown-box { border-radius: 0.5rem; } .category-dropdown.show-dropdown .dropdown-box::before { content: ""; position: absolute; bottom: 100%; right: 1.7rem; border: 10px solid transparent; border-bottom: 10px solid #f5f5f5; } .category-dropdown.show-dropdown .dropdown-box .category-menu { background-color: #f5f5f5; border-radius: 0.5rem; } @media (max-width: 1199px) { .category-dropdown > a { min-width: 24rem; } } @media (max-width: 991px) { .cart-dropdown .cart-label { display: none; } } @media (max-width: 479px) { .cart-dropdown.cart-offcanvas .dropdown-box { max-width: 28rem; } } /*------------------------------------------ Menu - Default - Menu(Main Menu) - Megamenu - Menu Banner - Tips -Mobile Menu - MobileMenuWrapper - MobileMenuContainer - MobileMenu - MobileMenuOverlay - MobileMenuCloseButtonn - Vertical Menu - Category Menu -----------------------------------------*/ .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu a { display: inline-block; color: inherit; } .menu a:hover { color: #f32100; } .menu .menu-title { margin-bottom: 2rem; font-size: 1.4rem; font-weight: 600; line-height: 1; letter-spacing: -0.025em; text-transform: uppercase; } .menu .submenu { padding: 2rem 0; background: #fff; font-family: Poppins, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: 0; color: #666666; } .menu .submenu .has-submenu > a::after { content: ""; font-weight: 600; font-size: 0.9rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .menu li { position: relative; line-height: 1; } .menu li a { padding: 0.7rem 0 0.8rem 0; } .menu li ul, .menu li .megamenu { position: absolute; top: -9999px; right: 100%; margin: 0; -webkit-box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1); z-index: 1001; visibility: hidden; opacity: 1; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .menu li .megamenu { padding: 0 1rem; } .menu li > .submenu { min-width: 21.5rem; } .menu li > .submenu li { padding: 0 1.9rem; } .menu li:hover > .submenu, .menu li:hover .megamenu, .menu .show > .submenu, .menu .show .megamenu { visibility: visible; top: -2rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu > li { margin-left: 3rem; } .menu > li:last-child { margin-left: 0; } .menu > li > a { position: relative; padding: 1.8rem 0 1.7rem 0; font-weight: 600; font-size: 1.5rem; line-height: 1.1; text-transform: capitalize; } .menu > li > a::after { margin-right: 0.6rem; } .menu > li > .submenu, .menu > li .megamenu { right: -1.5rem; } .menu > li:hover > a:not(.menu-title), .menu > li.active > a:not(.menu-title) { color: #f32100; } .menu > li:hover > .submenu, .menu > li:hover .megamenu, .menu > li.show > .submenu, .menu > li.show .megamenu { top: 100%; } .menu .has-submenu > a { display: block; position: relative; } .menu > .has-submenu > a::after { margin-top: 1px; left: -16px; } .menu.no-arrow > li > a::after { content: none; } .menu .megamenu ul { position: static; -webkit-box-shadow: none; box-shadow: none; visibility: visible; opacity: 1; } .active-underline > li > a::before { content: ""; position: absolute; right: 0; margin-top: 17px; width: 100%; border-top: 3px solid; border-color: inherit; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .active-underline > li:hover > a::before, .active-underline > li.active > a::before { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .has-submenu > a::after { display: inline-block; position: absolute; left: 0; top: 50%; line-height: 0; vertical-align: middle; font-family: "Font Awesome 5 Free"; font-size: 1rem; color: inherit; content: ""; } /* Mega Menu */ .megamenu { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 80rem; background: #fff; } .megamenu > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2.7rem 1rem 0; } .megamenu > li.row:last-child { padding: 0 0 2rem 2rem; } .megamenu ul { font-size: 1.4rem; font-weight: 400; color: #666; padding: 0; letter-spacing: 0; } .megamenu ul:last-child { margin-bottom: 1rem; } .megamenu-sm { min-width: 40rem; } /* Menu Baner */ .megamenu .menu-banner { height: calc(100% + 2.7rem); margin: -2.7rem -1rem 0; overflow: hidden; } .megamenu .menu-banner figure { height: 100%; } .megamenu .menu-banner img { height: 100%; -o-object-fit: cover; object-fit: cover; } .megamenu .menu-banner .btn:not(.btn-outline) { padding: 0; letter-spacing: 0.005em; } .menu-banner1 .banner-content { right: 10%; bottom: 5%; } .menu-banner1 .banner-subtitle { font-size: 7.187rem; letter-spacing: -0.05em; -webkit-transform: rotateZ(-90deg) translate(-2%, -50%); transform: rotateZ(-90deg) translate(-2%, -50%); margin-bottom: 35px; } .menu-banner1 .banner-title { position: relative; margin-bottom: 1.1rem; font-size: 2.4rem; letter-spacing: -0.05em; line-height: 1.3; } .menu-banner1 .banner-title span { display: block; font-size: 2.6rem; color: #547ca5; } .menu-banner2 .banner-content { top: 8%; right: 12.7%; } .menu-banner2 .banner-price-info { font-weight: 500; } .menu-banner2 .banner-title { font-size: 2.5rem; line-height: 1.2; margin-bottom: 1.4rem; } .menu-banner3 .banner-content { bottom: 2.8rem; right: 12.8%; } .menu-banner3 .banner-subtitle { font-size: 1.6rem; } .menu-banner3 .banner-title { margin-bottom: 0.1rem; font-size: 2.4rem; line-height: 1.25; } .menu-banner3 .banner-price-info { margin-bottom: 2.3rem; font-size: 2rem; } .menu-banner4 .banner-content { top: 6.9%; right: 12.7%; } .menu-banner4 .banner-subtitle { margin-bottom: 1.1rem; font-size: 1.4rem; color: #ccc; } .menu-banner4 .banner-title { margin-bottom: 0.3rem; font-size: 2.2rem; line-height: 1.1; } .menu-banner4 .banner-price-info { margin-bottom: 1.6rem; font-size: 2.2rem; } .menu-banner4 .btn-outline { padding: 0.75em 1.45em; letter-spacing: 0; } .menu-banner4 .btn-outline:hover, .menu-banner4 .btn-outline:active, .menu-banner4 .btn-outline:focus { color: #f32100; background-color: #fff; border-color: #fff; } .menu-banner5 .banner-content { margin-top: -0.2rem; right: 2rem; } .menu-banner5 .banner-content.text-right { left: 2rem; } .menu-banner5 .banner-subtitle { font-size: 1.3rem; margin-bottom: 0.4rem; } .menu-banner5 .banner-title { margin-bottom: 1.4rem; font-size: 2rem; } .menu-banner5 .banner-price-info { font-size: 1.3rem; } .tip { display: inline-block; position: relative; top: -1px; right: 7px; padding: 0.3rem 0.5rem 0.2rem; border-radius: 0.2rem; font-size: 1rem; font-weight: 600; line-height: 1; color: #fff; text-transform: uppercase; } .tip.tip-new { background-color: #f32100; } .tip.tip-hot { background-color: #ff9742; } .mobile-menu-wrapper { visibility: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 2400; font-family: Poppins, sans-serif; -webkit-transition: visibility 0.4s; transition: visibility 0.4s; } .mobile-menu-container { max-width: 296px; padding: 2rem 1.5rem; width: 100%; height: 100%; overflow-y: auto; background: #222; -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); -webkit-transform: translateX(296px); transform: translateX(296px); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; border-radius: 34px 0 0 34px; } .mobile-menu-container .input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-menu-container .input-wrapper .form-control { min-height: 4rem; padding-top: 0.9rem; padding-bottom: 0.8rem; color: #777; border: 1px solid; border-color: #333; border-left: 0; background-color: transparent; font-size: 1.2rem; border-radius: 0 0.3rem 0.3rem 0; } .mobile-menu-container .input-wrapper .btn-search { padding: 0; min-width: 4.8rem; background-color: transparent; color: #fff; font-size: 2rem; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; border: 1px solid #333; border-right: 0; border-radius: 0.3rem 0 0 0.3rem; } .mobile-menu-container .input-wrapper .btn-search i { margin: 0 0 0.4rem 0; } .mobile-menu-container .mobile-menu { margin-top: 0.4rem; margin-bottom: 0.5rem; background: #222; } .mobile-menu-container .tab-content { background-color: transparent; } .mobile-menu-container .nav { border: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mobile-menu-container .nav .nav-item { margin: 0; width: 50%; } .mobile-menu-container .nav-link { margin-bottom: -2px; padding: 1rem; font-size: 1.3rem; color: #fff; border-bottom: 2px solid; } .mobile-menu-container .nav-item.show .nav-link, .mobile-menu-container .nav-item .nav-link.active { color: #f32100; border-color: #f32100; } .mobile-menu-container.scrollable::-webkit-scrollbar-thumb, .mobile-menu-container .sidebar-content::-webkit-scrollbar-thumb { margin-left: 2px; background: rgba(255, 255, 255, 0.1); border-radius: 7px; cursor: pointer; } .mobile-menu-container .tab-pane { font-size: 1.2rem; font-weight: 400; color: #fff; } .mobile-menu { line-height: 1.5; color: #eeeeee; text-transform: capitalize; font-size: 1.2rem; font-weight: 400; line-height: 1.5; } .mobile-menu ul { display: none; width: 100%; } .mobile-menu > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-menu > li a svg { width: 15px; height: 15px; margin-left: 10px; stroke: #fff; fill: #fff; vertical-align: middle; -webkit-transition: color 0.3s; transition: color 0.3s; } .mobile-menu > li:hover svg, .mobile-menu > li.active svg { stroke: #f77c29; fill: #f77c29; } .mobile-menu > li:last-child { padding-bottom: 0.5rem; } .mobile-menu > li:not(:last-child) { border-bottom: 1px solid #2E3237; } .mobile-menu li a { display: block; position: relative; padding: 1.3rem 1rem 1.3rem 0.6rem; color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; } .mobile-menu li i { display: inline-block; margin-top: -0.3rem; margin-left: 1rem; font-size: 1.8rem; line-height: 0; vertical-align: middle; } .mobile-menu li li a { padding-right: 2.4rem; } .mobile-menu li li li a { padding-right: 3.6rem; } .mobile-menu li.expanded > a, .mobile-menu li.show > a, .mobile-menu li:hover > a { color: #f32100; } .mobile-menu-title { margin-bottom: 0.5rem; text-transform: uppercase; font-size: 1.4rem; font-weight: 600; color: #fff; } .mobile-menu-overlay { position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: #000; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .mobile-menu-close { position: fixed; right: calc(100vw - 35px); top: 25px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; z-index: 1; } .mobile-menu-close i { font-size: 2.8rem; color: #e1e1e1; } .mmenu-active { overflow: hidden; } .mmenu-active .mmenu-anim > li, .mmenu-active .mmenu-anim { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .mmenu-active .page-wrapper { margin-right: 296px; margin-left: -296px; } .mmenu-active .mobile-menu-wrapper { visibility: visible; } .mmenu-active .mobile-menu-container { -webkit-transform: translateX(0); transform: translateX(0); } .mmenu-active .mobile-menu-overlay { opacity: 0.5; } .mmenu-active .mobile-menu-close { opacity: 1; } .toggle-btn { display: block; position: absolute; padding: 6px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.6; } .toggle-btn::before { content: ""; display: block; font-size: 0.8rem; font-weight: 600; font-family: "wolmart"; line-height: 1; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .show > a .toggle-btn::before { -webkit-transform: rotate(630deg); transform: rotate(630deg); } /* Category Menu */ .category-menu { padding: 1rem 0; background: #fff; } .category-menu i { display: inline-block; vertical-align: middle; line-height: 0; margin-left: 0.7rem; font-size: 1.7rem; width: 1.7rem; } .category-menu > li > a { display: block; padding: 1.3rem 1rem; text-transform: capitalize; font-size: 1.3rem; font-weight: 500; line-height: 1.1; letter-spacing: -0.007em; color: #666666; } .category-menu > li > a::before { content: none; } .category-menu > li:not(:last-child) > a { border-bottom: 1px solid #eeeeee; } .category-menu > li:last-child > a i { margin: 0 0.4rem 0 0; font-size: 1.2rem; font-weight: 600; } .category-menu li .megamenu { padding: 0 2rem 0 0; } .category-menu li:last-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .category-menu li:hover > a:not(.menu-title) { color: #f32100; } .category-menu li:hover > a:not(.menu-title) i { color: inherit; } .category-menu > .has-submenu:hover > a::after { left: 0.5rem; } .category-menu .megamenu { min-width: 68.5rem; } .category-menu .megamenu > li:not(:last-child) { padding: 2.8rem 0rem 0 2rem; } .category-menu .megamenu .menu-title { font-size: 1.4rem; margin-bottom: 1.3rem; } .category-menu .megamenu .divider { border: 1px solid #eeeeee; border-bottom: 0px; margin: 0.5rem 0 2rem; } .category-menu .megamenu li a:not(.btn) { padding-top: 0.8rem; } .category-menu .megamenu.type2 { display: block; } .category-menu .megamenu.type2 figure { text-align: center; } /* Vertical Menu */ .vertical-menu { display: block; min-width: 24rem; } .vertical-menu i.w-icon-electronics, .vertical-menu i.w-icon-furniture { font-size: 1.5rem; text-align: center; } .vertical-menu > li { margin-left: 0; padding: 0 1rem; } .vertical-menu > li > ul, .vertical-menu > li .megamenu { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } .vertical-menu > li > a { display: block; } .vertical-menu > li > a::after { content: none; } .vertical-menu > li:hover > ul, .vertical-menu > li:hover .megamenu, .vertical-menu > li.active > ul, .vertical-menu > li.active .megamenu { right: 100%; top: 0rem; } .vertical-menu > li:first-child:hover > ul, .vertical-menu > li:first-child:hover .megamenu, .vertical-menu > li:first-child.active > ul, .vertical-menu > li:first-child.active .megamenu { top: -1rem; } .vertical-menu > .has-submenu > a::after { content: ""; position: absolute; left: 1rem; line-height: 0; font-weight: 600; font-size: 1.2rem; -webkit-transition: left 0.3s; transition: left 0.3s; } /* Horizontal Menu */ .horizontal-menu { width: 100%; padding: 1rem 3.2rem; background-color: #333; border-radius: 0.5rem; color: #fff; overflow-x: auto; } .horizontal-menu > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 3.05rem; text-align: center; } .horizontal-menu > li:not(:last-child) > a { border-bottom: none; } .horizontal-menu > li > a { padding: 0.8rem 1rem; font-size: 1.2rem; font-weight: 400; letter-spacing: 0; } .horizontal-menu > li:hover i { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .horizontal-menu > li:last-child > a i { margin: 0 0 0.9rem; font-size: 3rem; font-weight: 400; } .horizontal-menu i { display: block; width: auto; height: 3rem; margin: 0 0 0.9rem; font-size: 3rem; line-height: inherit; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .horizontal-menu::-webkit-scrollbar { width: 7px; height: 7px; } .horizontal-menu::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 10px; } @media (min-width: 1200px) { .category-menu .megamenu.type2 { min-width: 88rem; } } @media (max-width: 1199px) { .main-nav .menu .megamenu { right: -18rem; } .category-menu .megamenu.type2 { min-width: 70rem; } } /* 8. footer */ /*------------------------------------- Footer - Footer top - Footer middle - Footer bottom - Copyright - Widget newsletter - Sticky Footer --------------------------------------*/ .footer { font-family: Poppins, sans-serif; font-size: 1.3rem; background: #f8f8f8; } .footer a { color: #666; } .footer a:hover, .footer a:active, .footer a.active { color: #f32100; } .footer.footer-dark a:hover, .footer.footer-dark a:active, .footer.footer-dark a.active { color: #fff; } .footer p { font-size: inherit; } .footer .category-name { font-weight: 600; font-size: 1.4rem; color: #666; line-height: 1; letter-spacing: 0; padding-left: 2rem; margin-bottom: 1rem; -ms-flex-negative: 0; flex-shrink: 0; } .footer .category-box { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .category-box:not(:last-child) { margin-bottom: 1.4rem; } .footer .category-box a { font-weight: normal; font-size: 1.3rem; letter-spacing: 0; color: #666; line-height: 1; margin-bottom: 1rem; position: relative; } .footer .category-box a:hover, .footer .category-box a:active, .footer .category-box a:focus { color: #f32100; } .footer .category-box a:last-child::before { width: 100%; } .footer .category-box a::after { content: ""; display: inline-block; width: 1px; height: 13px; border-right: 1px solid #ccc; margin: 0px 1rem 0 0.9rem; vertical-align: bottom; } .footer .category-box a:last-child::after { content: none; } .footer .social-icons-colored .social-icon { color: #fff; } .logo-footer, .logo-footer img { display: block; } .footer-newsletter { padding: 2.8rem 0; } .footer-newsletter .icon-box-side { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .footer-newsletter .icon-box-title { margin-bottom: 0.2rem; font-size: 1.6rem; } .footer-newsletter .icon-box-icon { margin-left: 2rem; margin-bottom: 0.4rem; } .footer-newsletter .icon-box-icon i { font-size: 4.7rem; } .footer-newsletter .icon-box-content p { line-height: 1.6; } .footer-newsletter .input-wrapper-inline { max-width: 100%; } .footer-newsletter .btn { padding: 0.93em 1.85em; } .footer-newsletter .btn i { margin: -0.2rem 0.9rem 0 0; font-size: 1.6rem; } .footer-top { padding: 6.8rem 0 0.8rem; border-bottom: 1px solid #eee; } .footer-top .widget { margin-bottom: 4rem; } .footer-top .widget-title { padding: 0 0 0.6rem 0; margin-bottom: 2rem; font-family: inherit; font-size: 1.4rem; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: uppercase; color: #333; border: none; cursor: text; } .footer-top .widget-body { padding: 0; color: #666; } .footer-top .widget-body li { line-height: 1.2; margin-bottom: 1.5rem; } .footer-middle { padding: 4.5rem 0 3.8rem; border-bottom: 1px solid #eee; } .footer-bottom { padding: 3rem 0; color: #666; } .footer-bottom, .footer-bottom .container, .footer-bottom .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-bottom .footer-left, .footer-bottom .footer-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-bottom .footer-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer .widget-about { margin-top: 0.2rem; } .footer .widget-about .logo-footer { margin-bottom: 1rem; } .footer .widget-about .widget-about-title { line-height: 2.1; margin-bottom: 1rem; color: #333; font-weight: 500; } .footer .widget-about .widget-about-call { display: block; color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1; margin-bottom: 0.9rem; } .footer .widget-about .widget-about-call:hover { color: #f32100; } .footer .widget-about .widget-about-desc { line-height: 2.15; margin-bottom: 2.1rem; max-width: 28rem; } .footer .copyright { font-size: 1.3rem; line-height: 1.92; margin-bottom: 0; text-align: center; } .payment img { display: block; } .payment-label { margin-left: 2rem; } .sticky-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4rem; background: #fff; } .sticky-footer > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sticky-footer .cart-dropdown { position: relative; } .sticky-footer .cart-dropdown .dropdown-box { top: auto; bottom: 100%; left: 0; min-width: 34rem; padding: 2rem 3rem 3rem; margin-bottom: 2.1rem; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; } .sticky-footer .cart-dropdown:hover .dropdown-box { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .sticky-footer .products { border: none; } .sticky-footer .product-name a { padding: 0; } .sticky-footer .cart-total { padding-top: 1rem; } .sticky-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; margin: 1.4rem 0 1.3rem; } .sticky-link i, .cart-dropdown .sticky-link i { font-size: 2.3rem; color: #666; } .sticky-link p { margin-top: 0.9rem; margin-bottom: 0; font-size: 1rem; line-height: 1; letter-spacing: 0.025em; text-transform: uppercase; } .sticky-link.search-toggle p { margin-top: 1rem; } .sticky-link:hover { color: #f32100; } .sticky-link:hover i { color: inherit; } .footer-dark { background-color: #222; } .footer-dark .footer-top, .footer-dark .footer-middle, .footer-dark .category-box a::after { border-color: #454545; } .footer-dark a, .footer-dark .widget-about .widget-about-title, .footer-dark .category-name { color: #999; } .footer-dark .widget-about .widget-about-call, .footer-dark .widget-title { color: #fff; } @media (min-width: 992px) { .footer-top .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 22.22%; flex: 0 0 22.22%; max-width: 22.22%; } } @media (min-width: 768px) { .sticky-footer { display: none; } } @media (max-width: 991px) { .footer-top { padding-bottom: 2.7rem; } .footer-middle .category-box a:first-child { margin-right: 0; } .footer-newsletter .icon-box-side { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .footer-newsletter .icon-box-icon { margin-left: 0; } .footer-bottom, .footer-bottom > .container { display: block; } .footer-bottom .footer-left, .footer-bottom .footer-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-bottom .footer-left { margin-bottom: 0.2rem; } .footer-bottom .footer-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-bottom .payment-label { margin: 0 0 1rem 0; } } @media (max-width: 479px) { .sticky-footer { padding: 0; } .sticky-footer .hs-toggle .input-wrapper { left: 1rem; } .sticky-footer .cart-dropdown .dropdown-box { min-width: 30rem; left: -5.4rem; } .footer-newsletter .icon-box-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-newsletter .icon-box-icon { margin: 0 0 2rem; } .footer-newsletter .icon-box-content { text-align: center; } .footer-newsletter .form-control { text-align: center; } .footer-newsletter .input-wrapper-inline { display: block; text-align: center; } .footer-newsletter .btn { margin-top: 2rem; } } /* 9. Demo */ /* Demo 1 */ /* Header */ .header-top .login { padding-left: 0.6rem; margin-right: 2.2rem; } .header-top .header-right { margin-left: -0.6rem; } .vertical-menu i.w-icon-electronics, .vertical-menu i.w-icon-furniture { font-size: 1.7rem; } .header-top .dropdown > a::after { margin-top: 0.2rem; } /* Header */ .header-bottom.show-dropdown:not(.fixed) .category-dropdown.has-border > a { background: #f1f1f1; } .header-bottom.show-dropdown:not(.fixed) .dropdown-box { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } .vertical-menu > .has-submenu > a::after, .menu .submenu .has-submenu > a::after { content: ""; font-size: 0.9rem; } .toggle-btn::before { content: ""; } .header-bottom.show-dropdown .category-dropdown:hover > a, .header-bottom.show-dropdown .category-dropdown.show > a { background-color: #f1f1f1; } .menu-banner5 .banner-content { left: 2rem; } /* Intro-section */ body:not(.loaded) .intro-section .swiper-button-next, body:not(.loaded) .intro-section .swiper-button-prev { opacity: 0; visibility: hidden; } .intro-section .swiper-button-prev, .intro-section .swiper-button-next { top: 48.4%; margin-top: -0.2rem; font-size: 3.3rem; color: #666; background-color: transparent; opacity: 0; -webkit-transition: color 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: color 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: color 0.3s, transform 0.3s, opacity 0.3s; transition: color 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .intro-section .swiper-button-next { left: 13.8%; -webkit-transform: translate(-400%, -50%); transform: translate(-400%, -50%); } .intro-section .swiper-button-prev { right: 13.8%; -webkit-transform: translate(400%, -50%); transform: translate(400%, -50%); } .intro-section .swiper-container:hover .swiper-button-prev { right: 12%; } .intro-section .swiper-container:hover .swiper-button-next { left: 12%; } .intro-section .swiper-container:hover .swiper-button-prev, .intro-section .swiper-container:hover .swiper-button-next { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .intro-section .swiper-container .swiper-button-prev:not(.swiper-button-disabled):hover, .intro-section .swiper-container .swiper-button-next:not(.swiper-button-disabled):hover { color: #f32100; background-color: transparent; } .intro-slide { min-height: 520px; height: 100%; } .intro-slide .banner-content { margin-top: -0.3rem; } .intro-slide .banner-subtitle { font-size: 4em; } .intro-slide .banner-title { font-size: 5em; margin-bottom: 0.1rem; } .intro-slide p { margin-bottom: 2.1rem; font-size: 2.4em; } .intro-slide .btn { padding: 1.23em 2.35em; font-size: 1.4em; } .intro-slide .btn i { font-size: 1.35em; } .intro-slide .slide-image { position: absolute; width: 47.4rem; } .intro-slide1 .banner-content { left: 3.9%; } .intro-slide1 .banner-subtitle span::after { position: absolute; bottom: 0; right: -0.4rem; content: ""; width: 2.8em; height: 0.3rem; background-color: #f77c29; } .intro-slide1 .slide-image { left: 36%; top: 12%; } .intro-slide2 .banner-content { right: 27.4%; margin-top: -0.5rem; } .intro-slide2 .banner-subtitle { margin-bottom: 0.3rem; font-size: 3.8em; } .intro-slide2 .banner-title { line-height: 1.08; } .intro-slide2 .slide-image { left: 1.3%; top: -5.8%; } .intro-slide3 .banner-content { left: 4.6%; margin-top: -0.7rem; } .intro-slide3 .banner-subtitle { margin-bottom: 0.3rem; } .intro-slide3 .banner-title { margin-bottom: 2.3rem; } .intro-slide3 .banner-title::before, .intro-slide3 .banner-title::after { position: absolute; content: ""; background-color: #f77c29; } .intro-slide3 .banner-title::before { top: 50%; -webkit-transform: translateY(-50%) matrix(1, 0, -0.35, 1, 0, 0); transform: translateY(-50%) matrix(1, 0, -0.35, 1, 0, 0); left: 3.34em; width: 3.14em; height: 0.92em; border-radius: 0.3rem; z-index: -1; } .intro-slide3 .banner-title::after { left: 0; bottom: 0.15em; width: 3.62em; height: 0.3rem; } .intro-slide3 p { font-size: 2.2em; line-height: 1.6; } .intro-slide3 .slide-image { left: 44%; top: 10%; width: 31rem; } /* Iconbox Wrapper */ .icon-box-wrapper { border: 1px solid #eee; padding: 2.3rem 0 2.2rem; } .icon-box-wrapper .icon-box-money { margin-top: 0.2rem; } @media (min-width: 768px) { .icon-box-wrapper .icon-box-icon { margin-left: 1.3rem; } } /* Category Banner Wrapper */ .category-banner-wrapper .banner-content { right: 6.4%; } .category-banner-wrapper .banner-subtitle { margin-bottom: 0.7rem; font-size: 1.8em; color: #c4c4c5; } .category-banner-wrapper .banner-title { font-size: 2.6em; font-weight: 800; line-height: 1.17; } .category-banner-wrapper .banner-price-info { font-size: 1.4em; } .category-banner-wrapper img, .category-cosmetic-lifestyle img { min-height: 20rem; } /* Deals Wrapper */ .deals-wrapper .title-underline { padding: 0 0 1.7rem 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .deals-wrapper .widget-products .swiper-button-next, .deals-wrapper .widget-products .swiper-button-prev { top: -4.6rem; font-size: 1.3rem; font-weight: 400; left: 0.7rem; } .deals-wrapper .widget-products .swiper-button-prev { left: 0.4rem; } .deals-wrapper .product-form label { max-width: 4rem; -webkit-box-flex: 0; -ms-flex: 0 0 4rem; flex: 0 0 4rem; } .deals-wrapper .social-links-wrapper { margin-top: 1.2rem; } .deals-wrapper .swiper-button-next.swiper-button-disabled, .deals-wrapper .swiper-button-prev.swiper-button-disabled { opacity: 0.3; } .title-sm { font-size: 1.8rem; } @media (min-width: 992px) { .product-gallery-vertical .product-thumbs-wrap { max-width: 6rem; -webkit-box-flex: 0; -ms-flex: 0 0 6rem; flex: 0 0 6rem; } .product-gallery-vertical .product-single-swiper { max-width: calc( 100% - 7rem ); } } .single-product { padding: 2.6rem 1.8rem 2rem 1.9rem; border: 1px solid #eee; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .single-product .nav-top > .swiper-button-prev { left: 0.2rem; right: unset; } .single-product .nav-top > .swiper-button-next { left: 0.6rem; right: unset; } .single-product .nav-top > .swiper-button-next, .single-product .nav-top > .swiper-button-prev { width: 15px; top: -6.4rem; color: #666; font-size: 1.3rem; font-weight: 400; } .single-product .nav-top > .swiper-button-next:not(.swiper-button-disabled):hover, .single-product .nav-top > .swiper-button-prev:not(.swiper-button-disabled):hover { color: #f32100; } .single-product .product-title { font-size: 2rem; } .single-product .new-price { font-size: 2.4rem; line-height: 1.1; } .single-product .product-details { padding-right: 0; padding-top: 2.3rem; overflow-y: auto; } .single-product .product-divider { margin: 1.2rem 0 1.4rem; } .single-product .product-price { margin-bottom: 0.9rem; } .single-product .ratings-container { margin-bottom: 1.9rem; } .single-product .product-qty-form { -webkit-box-flex: 0; -ms-flex: 0 0 15.2rem; flex: 0 0 15.2rem; max-width: 15.2rem; } .single-product .product-form:not(.product-variation-form) { border-top: 1px solid #eee; } .ratings-full::before { color: #ccc; } .rating-reviews { color: #999; } .product-widget { padding: 1rem 0; } .product-widget .product-media { -webkit-box-flex: 0; -ms-flex: 0 0 11.5rem; flex: 0 0 11.5rem; max-width: 11.5rem; } .product-widget .product-details { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 11.5rem); flex: 0 0 calc(100% - 11.5rem); max-width: calc(100% - 11.5rem); } .product-widget .product-name { margin-bottom: 0.6rem; color: #333; font-weight: 500; } .product-widget .ratings-container { margin-bottom: 0.7rem; margin-right: 0.1rem; } .product-widget .product-price { font-size: 1.6rem; } .widget-products .widget-body { padding: 2.6rem 2rem 2.3rem; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .single-product:hover, .widget-products.widget-products-bordered .widget-body:hover { border-color: #f32100; } @media (min-width: 1200px) { .deals-wrapper .product-details { max-height: 40.8rem; } } @media (max-width: 1200px) and (min-width: 991px) { .deals-wrapper .single-product .product-gallery, .deals-wrapper .single-product .product-single-swiper, .deals-wrapper .single-product .product-single-swiper .product-image, .deals-wrapper .single-product .product-single-swiper img { min-height: 36rem; } .deals-wrapper .single-product .product-details { max-height: 36rem; } } .product-countdown-container .product-countdown, .product-countdown-container label { white-space: nowrap; } /* Product Wrapper */ .product-wrapper { margin: 0.1rem 0 2.4rem 0; } .product-wrapper .ratings-full { margin-top: -0.1rem; } .tab-nav-outline .nav-item .nav-link { padding: 1.1rem 1.9rem; border: 1px solid #ccc; } .tab-nav-outline .nav-item .nav-link.active, .tab-nav-outline .nav-item .nav-link:hover { border-width: 1px; } /* Category Banner Wrapper */ .category-cosmetic-lifestyle .banner-content { right: 6.5%; } .category-cosmetic-lifestyle .banner-subtitle { margin-bottom: 0.8rem; font-size: 1.4em; opacity: 0.8; } .category-cosmetic-lifestyle .banner-title { font-size: 2.8em; line-height: 1.1; margin-bottom: 3rem; } .category-banner-1 .banner-subtitle { color: #eee; } .category-banner-2 .banner-subtitle { color: #333; opacity: 0.8; } /* Product Wrapper 1 */ .product-wrapper-1 .banner { min-height: 21rem; } .product-wrapper-1 .ratings-full { margin-top: -0.2rem; } .title-link-wrapper .title { padding: 1.1rem 0; } .title-link-wrapper a { color: #333; } .content-top { padding: 12.4% 13%; } .content-top .banner-subtitle { font-size: 1.8em; } .content-top .banner-title { margin-bottom: 2.3rem; font-size: 3em; line-height: 1.15; } .content-top .banner-divider { width: 3.5rem; height: 0.3rem; } /* Banner Fashoin */ .banner-fashion { padding: 4.5rem 7rem 2.5rem; } .banner-fashion .banner-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .banner-fashion .content-left { white-space: nowrap; } .banner-fashion .banner-price-info { margin-left: 8.7rem; font-size: 7em; } .banner-fashion sup, .banner-fashion sub { position: relative; line-height: 0; } .banner-fashion sup { margin-left: 0.8rem; top: 0.15em; font-size: 0.64em; } .banner-fashion sub { margin-right: -13.8rem; vertical-align: baseline; font-size: 0.286em; } .banner-fashion .banner-title { margin-bottom: 0.2rem; font-size: 3em; } .banner-fashion p { font-size: 1.8em; } .banner-fashion p span { line-height: 1.4; } .banner-fashion .banner-divider { width: 2px; height: 7.5rem; opacity: 0.15; } /* Home & Garden Product Wrapper */ .product-wrapper-home .banner-subtitle { font-size: 1.6em; } /* Brands Wrapper */ .brand-wrapper { border: 1px solid #eee; } .brand-wrapper:last-child { margin-top: -1px; } .brand-col .brand-wrapper { border-right: none; } .brand-col:first-child::before { position: absolute; content: ""; width: 1px; height: 100%; right: 0; background-color: #eee; } /* Brands Wrapper */ .footer-newsletter .btn { padding: 0.93em 1.75em; } .footer-newsletter .form-control { padding: 0.85rem 1.6rem; } /* Blog Wrapper */ .post-meta .post-date { margin-left: 0; } /* Newsletter Popup */ .newsletter-popup { background-image: url(../../../../assets/images/demos/demo-rtl/newsletter-bg.jpg); } .newsletter-popup h4 { margin-bottom: 0.4rem; } .newsletter-popup h4 span { display: inline; margin-left: -0.2rem; } /* Responsive */ @media (max-width: 1199px) { .product-widget .product-media { max-width: 10.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 10.5rem; flex: 0 0 10.5rem; } .product-widget .product-details { max-width: calc(100% - 10.5rem); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 10.5rem); flex: 0 0 calc(100% - 10.5rem); } } @media (max-width: 991px) { .intro-slide1 .slide-image { left: 48%; } .intro-slide2 .banner-content { right: 2%; } .intro-slide3 .slide-image { left: 62%; } .post-wrapper { padding-bottom: 2rem; } } @media (min-width: 992px) { .footer-newsletter .input-wrapper { margin-right: -0.9rem; } } @media (max-width: 767px) { .intro-slide { font-size: 0.9rem; } .intro-slide1 .banner-content { left: 0; } .intro-slide1 .slide-image { left: 50%; } .intro-slide2 .slide-image { left: auto; right: 50%; } .intro-slide3 .banner-content { left: 0; } .product-wrapper-1 .banner, .banner-fashion { font-size: 0.8rem; } .banner-fashion { padding-right: 5rem; padding-left: 5rem; } .banner-fashion .banner-content { display: block; } .banner-fashion .banner-divider { display: none; } .banner-fashion sub { margin-right: -11.3rem; } .icon-box-side.icon-box-chat .icon-box-icon { margin-bottom: 0.1rem; } } @media (max-width: 575px) { .intro-slide { font-size: 0.8rem; background-size: 117% 100%; width: 100% !important; height: 175px !important; background-position: center center; min-height: auto; } .intro-slide2 .banner-content { right: 0; } .banner-content.content-top { padding: 2rem; } .clenning-section-compare .swiper-wrapper{ justify-content: right !important; } } @media (max-width: 479px) { .category-banner-wrapper .banner, .category-cosmetic-lifestyle .banner { font-size: 0.9rem; } .banner-fashion { padding-right: 3rem; padding-left: 3rem; } .title-link-wrapper { display: block; text-align: right; } .title-link-wrapper .title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display:inline-block; } .title-link-wrapper .btn-link, .title-link-wrapper a { padding-bottom: 1.5rem; } } .widget-banner sub { margin-left: -2.1rem; margin-right: 0; } .product-single .product-categories p, .product-single .product-sku p { display: inline-block; line-height: 1; margin: 0; } .product-single .input-group .form-control { padding: 0 1.4rem 0 8rem; } /*--------------------- Alert - Default - Simple Alert - Success Alert - Primary Alert ----------------------*/ .alert-rounded { border-radius: 0.4rem; } .alert { position: relative; padding: 1.4rem 3.5rem 1.4rem 2rem; font-size: 1.4rem; font-family: Poppins, sans-serif; line-height: 1.75; border: 1px solid; letter-spacing: -0.003em; border-radius: 0.3rem; } .alert .close-icon { width: 1.6rem; height: 1.6rem; vertical-align: middle; } .alert .close-icon::before { height: 1px; } .alert .close-icon::after { width: 1px; } .alert ul { font-size: 1.3rem; margin-top: 1.5rem; margin-bottom: 0; padding-left: 3.9rem; list-style-type: none; } .alert ul li { position: relative; line-height: 1.9; } .alert ul li::before { position: absolute; content: ""; font-family: "wolmart"; font-weight: 600; font-size: 1.3rem; left: -1.9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0.1rem; } .alert ul a { color: inherit; } .alert ul a:hover { color: #336699; } .alert-title { font-size: 1.4rem; color: inherit; line-height: inherit; margin-bottom: 0; letter-spacing: 0.01em; font-weight: 600; } .btn-close .close-icon::before, .btn-close .close-icon::after { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-close:hover .close-icon::before, .btn-close:hover .close-icon::after { background-color: #000; } .alert-success { border-color: #c4df9b; color: #799b5a; } .alert-success.alert-bg { background-color: #c4df9b; } .alert-primary { border-color: #d7e8f8; color: #336699; } .alert-primary.alert-bg { background-color: #d7e8f8; } .alert-primary .close-icon::before, .alert-primary .close-icon::after { background-color: #336699; } .alert-warning { border-color: #ffcc6d; color: #ffa800; } .alert-warning.alert-bg { background-color: #fff1d7; border-color: #fff1d7; } .alert-warning .close-icon::before, .alert-warning .close-icon::after { background-color: #f93; } .alert-error { border-color: #f7e5e5; color: #6d1a17; } .alert-error.alert-bg { background-color: #f7e5e5; color: #a94442; } .alert-error .close-icon::before, .alert-error .close-icon::after { background-color: #6d1a17; } .alert-dark { border-color: #333; color: #fff; } .alert-dark.alert-bg { background-color: #333; } .alert-dark .close-icon::before, .alert-dark .close-icon::after { background-color: #fff; } .alert-inline .alert-title { display: inline-block; } .alert-inline.alert-block { padding-top: 1.5rem; padding-bottom: 1.2rem; } .alert-inline.alert-block .alert-title { margin-right: 1rem; } .alert-inline.alert-block .alert-title i { font-size: 1.6rem; margin-right: 1rem; } .alert-icon { padding: 1.4rem 2.2rem 1.4rem 1.9rem; } .alert-icon i { display: inline-block; vertical-align: middle; margin: 0 0.8rem 0 0.1rem; font-size: 1.8rem; line-height: 1; } .alert-icon i.w-icon-cog { margin: 0 0.8rem 0rem 0.1rem; } .alert-icon i.fas, .alert-icon i.far { margin-bottom: 0.3rem; margin-left: 0.1rem; } .alert-icon i.w-icon-exclamation-triangle { font-size: 1.8rem; } .alert-button { padding: 1.2rem 1.9rem 1.9rem; letter-spacing: 0; } .alert-button .btn:not(:last-child) { margin-right: 0.6rem; } .alert-button:not(.alert-block) { padding: 1rem 2.2rem 1rem 1rem; } .alert-button:not(.alert-block) .btn { margin-right: 1.5rem; } .alert-button p { max-width: 49rem; margin-bottom: 2.2rem; font-size: 1.3rem; } .alert-button .alert-title { margin-bottom: 0.6rem; letter-spacing: -0.01em; } .alert-button.alert-block .btn-rounded { padding-left: 1.9em; padding-right: 1.9em; } .alert-button .btn-error { background-color: #fff; border-color: #fff; color: #6d1a17; } .alert-block { display: block; } .alert-block .alert-title { letter-spacing: -0.01em; } .alert-block .btn-close { position: absolute; top: 1.9rem; right: 1.9rem; } .alert-block.alert-bg .alert-title i { margin-right: 0.8rem; font-size: 1.5rem; } .alert-cart-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem; border-style: dashed; } .alert-cart-product .btn-success { padding: 0.86em 1.37em; margin-right: 1.9rem; } .alert-cart-product .btn-close.btn-link { margin: 0 1rem 0 auto; padding-bottom: 0; } .alert-cart-product .btn-close.btn-link i::after, .alert-cart-product .btn-close.btn-link i::before { background-color: #799b5a; } .summary-section { margin-bottom: 3.7rem; } /** custom CSS ************************************************/ .box-container { width:100%; display:inline-block; } .margin-top { margin-top:30px; } .green-txt { color: #05b105; } .yellow-txt { color:#F90; } .red-txt { color:#F00; } .handyman-a { } .handyman-a img { } .handyman-media-a { border-radius:18px 18px 0 0 !important; } .handyman-content-a { border-radius: 0 0 18px 18px !important; margin-top: 0 !important; background: #fff; padding: 12px 6px; } .padding-box { padding:50px 10px; } .post-media .post-calendar { bottom:1.5rem; top:auto; } .post-calendar .post-month { font-size: 2rem; } .post-calendar .post-day { font-size: 2.4rem; } .post-calendar { width: 5.6rem; height: 5.5rem; background: #fff; } /*-------------------------------- Instagram ---------------------------------*/ .instagram { position: relative; overflow: hidden; } .instagram a { display: block; position: relative; height: 100%; } .instagram a::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 1; } .instagram a::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(2); transform: translate(-50%, -50%) rotate(90deg) scale(2); font-size: 3rem; font-family: "wolmart"; color: #fff; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; z-index: 1; } .instagram img { display: block; width: 100%; height: auto; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .instagram:hover a::before { opacity: 0.5; } .instagram:hover a::after { opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1); transform: translate(-50%, -50%) rotate(0deg) scale(1); } .instagram:hover img { -webkit-transform: scale(1.15); transform: scale(1.15); } .instagram-info .instagram-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.6rem; letter-spacing: 0; color: #fff; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .instagram-info .instagram-content i { display: inline-block; margin-right: 0.8rem; } .instagram-info .instagram-content a { display: inline-block; color: #fff; } .instagram-info .instagram-content a:not(:last-child) { margin-right: 2rem; } .instagram-info .instagram-content a::before { content: none; } .instagram-info a::after { content: none; } .instagram-info:hover .instagram-content { opacity: 1; } .my-brandwrapeer .brand-wrapper { border: none; text-align: center; margin-bottom: 31px; } .downloadapp-div { background-image: url(../../../frontimg/blue-pattern.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; color: #fff; display: block; margin-bottom: 70px; padding: 51px 0; } .downloadapp-div a, .downloadapp-div p, .downloadapp-div h2, .downloadapp-div h3, .downloadapp-div h4, .downloadapp-div h5 { color:#fff; } .downloaditems { font-size: 1.8rem; margin-top: 26px; font-weight: 100; } .appimg-div { text-align:center; } .rightapp-div { margin: 68px 0; margin-bottom: 56px; } .psubtdown { font-size: 1.8rem; font-weight: 400; margin-bottom: 43px; } .downloadapp-div .banner-title { font-size: 3.3rem; margin-bottom: 4px; } .downloadapp { display:inline-block; } .instagram-imgmy img { height:178px; } .product-media img { height:200px; } .brand-wrapper img { width: 110px; text-align: center; display: inline-block; } .my-overlay-black { right: 0 !important; left: 0 !important; bottom: 0 !important; padding-top: 4px !important; padding-bottom: 5px !important; font-size: 14px !important; padding-right:10px !important; padding-left:10px !important; text-align:right !important; } .handyman-a img { height:120px; } .category-icon .category-media { border-radius: 22px; /* border: 1px solid #e5e5e5; */ box-shadow: 2px 2px 8px #e7e7e7; position: relative; overflow: hidden; } .title { font-size: 3rem; } .subtitle-p { font-size: 21px; font-weight: 400; color: #858585; line-height: 1.3; } .divider { margin-bottom:30px; } .product-name { white-space: normal; font-weight:bold; font-size: 1.8rem; margin-bottom:16px; } .product-price { font-size: 1.9rem; } .product-price .new-price { color: #f57608; } .post-content p { font-size: 1.4rem; line-height: 1.5; font-weight: 300; color: #2e2e2e; } .offer-item-img img { border-radius: 16px; } .offer-item-img img:hover { transition: transform 0.35s; filter: brightness(110%); } .product-slideup-content .product-details { border-radius: 14px; } .category-ellipse:hover .category-media { transition: transform 0.35s; border:none; } .overlay-imgzoom-mine:hover img { transform: scale(1.08); transition: transform 0.35s; filter: brightness(110%); } h4 { font-size: 2.3rem; } .category-icon:hover .category-media { transform: scale(1.08); transition: transform 0.35s; background: linear-gradient(white, white) padding-box, linear-gradient(to right bottom, #f70909, #ffc900) border-box; border: 1px solid transparent; } .product-details { padding-top: 1.9rem; } .product .product-price , .regular-price, .regu-price , .offers-item-inpage .product-price{ white-space: normal; color: #000000; } .padding-box { padding:80px 0; } .afterwork-section .tab-content { background:none; } .post-calendar { padding: 11px; display: inline-table; text-align: center; } .post-calendar .post-month { font-size: 1.7rem; line-height: 16px; } .post-calendar .old-price { margin-top: 10px; display: inline-block; color: #767676; font-size: 1.5rem; } .product-cat { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight:300; } .dissc-price { color:#f57608; } .dissc-price + .post-month { color:#f57608; } .color-orange { color:#F60; } .pswp__caption__center { text-align:center !important; color:#fff !important; } .fancybox-captionarea { font-size:16px; } .social-icon { font-size: 2.2rem; line-height: 35px; width: 40px; height: 40px; } /*---------------------- Vendor ----------------------*/ .vendor-widget { margin-bottom: 2rem; } .vendor-widget .vendor-name { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%; margin-bottom: 0.5rem; font-weight: 600; font-size: 1.5rem; text-transform: capitalize; letter-spacing: -0.025em; line-height: 1.4; } .vendor-widget .vendor-name a { /*color: inherit;*/ } .vendor-widget .vendor-name:hover { color: #f32100; } .vendor-products.grid-type { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, calc(100% / 3)); margin: -2.5px; width: calc(100% + 5px); grid-auto-rows: 1fr; } .vendor-products.grid-type > * { padding: 2.5px; } .vendor-products .lg-item { -ms-grid-column-span: 2; grid-column-end: span 2; -ms-grid-row-span: 2; grid-row-end: span 2; } .vendor-products .sm-item { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } .vendor-products .product-media { height: 100%; border-radius: 0.5rem; border: 1px solid transparent; overflow: hidden; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .vendor-products .product-media img { height: 100%; } .vendor-logo { max-width: 7rem; -webkit-box-flex: 0; -ms-flex: 0 0 7rem; flex: 0 0 7rem; margin-right: 1rem; } .vendor-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.8rem 0; } .vendor-product-count { font-size: 1.2rem; display: inline-block; vertical-align: middle; margin-bottom: 0.5rem; } .vendor-banner { min-height: 18rem; } .vendor-banner a, .vendor-banner img { min-height: inherit; } .vendor-banner a { display: block; } .visit-vendor-btn { display: block; margin-bottom: 2rem; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; color: #ff9933; } .visit-vendor-btn:hover { color: #f32100; } .vendor-widget-1 .product-media:hover { border-color: #f32100; } .vendor-widget-1 .vendor-personal { margin-top: 0.2rem; } .vendor-widget-1 .ratings-container { margin-bottom: 0; } .vendor-widget-2 { padding: 2rem; border: 1px solid #eee; border-radius: 0.5rem; overflow: hidden; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .vendor-widget-2:hover { border-color: #f32100; } .vendor-widget-2 .vendor-details { padding-top: 0; padding-bottom: 2rem; } .vendor-widget-2 .product-media { border: none; } .vendor-widget-2 .ratings-container { margin-bottom: 0; } .vendor-widget-3 .vendor-logo { border-radius: 0.5rem; overflow: hidden; } .vendor-widget-3 .vendor-details { padding: 2rem 0; } .vendor-widget-3 .vendor-personal { padding-top: 0.3rem; } .vendor-widget-3 .ratings-container { margin-bottom: 0; } .vendor-widget-3 .ratings-container:not(:last-child) { margin-bottom: 0.5rem; } .vendor-widget-banner { border: 1px solid #e3e3e3; border-radius: 12px; overflow: hidden; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; box-shadow: 0px 1px 7px #f1f1f1; } .vendor-widget-banner .product-media { border: none; } .vendor-widget-banner .vendor-details { display: block; text-align: center; padding-top: 0; margin-top: -4.5rem; padding-bottom: 2rem; padding-right: 2rem; padding-left: 2rem; } .vendor-widget-banner .vendor-logo { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); max-width: 9rem; margin: 0 auto 1.3rem auto; border-radius: 50%; background-color: #f32100; } .vendor-widget-banner .vendor-logo img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; border-radius: 50%; } .vendor-widget-banner .vendor-name { margin-bottom: 1.5rem; font-size: 1.8rem; text-transform: uppercase; letter-spacing: 0; } .vendor-widget-banner .ratings-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; } .vendor-widget-banner .ratings-container .ratings-full { margin-right: 0; } .vendor-widget-banner .vendor-product-count { display: block; margin-bottom: 0.6rem; font-size: 1.4rem; } .vendor-widget-banner:hover { -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.08); box-shadow: 5px 0 20px rgba(0, 0, 0, 0.08); border-color: #ff9e26a8; } .vendor-widget-banner:hover .vendor-banner img { transform: scale(1.08); transition: transform 0.35s; filter: brightness(110%); } .vendor-widget-banner .vendor-banner img { -webkit-transform: translateY(-4rem); transform: translateY(-4rem); } .mycompare-offer-item { overflow: hidden; padding-bottom: 31px; border-radius: 36px; /*background: linear-gradient(white, white) padding-box, linear-gradient(to top right, #f78609, #ffc900) border-box; border: 1px solid transparent;*/ box-shadow: 0 4px 12px #e6e6e6; } .mycompare-offer .vendor-details { margin-top: -120px; background: #fff; border-radius: 14px; padding: 41px; position:relative; z-index:1; padding-bottom: 15px; } .mycompare-offer-item img { height: 258px;/*filter: blur(8px); -webkit-filter: blur(5px);*/ } .comparetitle-offer { margin-bottom: 1.5rem; font-size: 3rem; min-height: 79px; } .cat-comapre-font { font-size:1.5rem; font-weight: 300; color: #7f7f7f; } .cat-comapre-font a { font-weight: 300; color: #7f7f7f; } .compareprice-offer { font-size: 4rem; font-weight: bold; line-height: 1; margin: 11px 0; margin-bottom: 27px; color:#ff3b00; } .comparetitle-offer a { color:#000; } .compareprice-offer-label { font-size: 2rem; display: block; } .compare-desc-offer { font-size: 1.5rem; margin-bottom: 20px; } .compare-btn-offer { width: 71%; font-size: 1.9rem; padding: 15px; } .swiper-pagination .swiper-pagination-bullet { border: 1px solid #646464; background:#fff; } .swiper-pagination-bullet { width: 9px; height: 9px; } .swiper-theme .swiper-pagination .swiper-pagination-bullet-active { background-color: #f39000; border-color: #f39000; } .video-foter { float:left; } .phone-mob-menynav { font-size: 1.4rem; color: #fff; font-weight: bold } .phone-mob-menynav a { color:#fff; } .phone-mob-sidebar-whatsapp { font-size: 1.4rem; color: #fff; font-weight: bold; bottom: 47px; right: 14px; position: fixed; } .mobile-menu-container a, .mobile-menu-container, .mobile-menu-container div { font-size:1.5rem; } .clenning-section-compare .swiper-button-next, .clenning-section-compare .swiper-button-prev { top: 50%; } .clenning-section-compare .swiper-theme .swiper-button-prev, .clenning-section-compare .swiper-theme .swiper-button-next { font-size: 39px; } .innerpagescontent { padding-bottom:100px; } .page-header { height: 13rem; } .appdownload-icn-contact, .socialcontacts-icn { margin-top:40px; } .servicesicon-div{ margin-top:100px; } .servicesicon-divin { margin-bottom:20px; } .servicesicon-divin .category { margin-bottom:45px; } .category-icon .category-name { font-size: 1.8rem; } .vendor-product-count{} .post-content p { display:block; } .product-name-offer { font-size: 2.3rem !important; margin-bottom: 1.5rem !important; } .offers-item-inpage .product-price { font-size: 2.3rem !important; } .post-list .post-media { } .post-details-offers { } .post-list .post-details { padding: 0 2px 3px 2.4rem; } .mywidgetitle .toggle-btn { display:none; } .serivcefiter { right: calc(316px - -9px); } .serivcefiter .close-icon::before, .serivcefiter .close-icon::after { background-color: #fff; } .filter-items { font-size: 1.6rem; } .page-title-metadesc { margin-bottom:0; margin-top:10px; font-weight:100; color:#424242; } .page-header { height: auto; padding: 27px 0; } .servce-sectiontitle { text-align:right; font-size: 2.3rem; } .aservice-sectionoffers { margin-bottom:20px; } .myservicepage-box { overflow:visible; height:100%; } .myservicepage-box-icon { background-color:#fff; padding: 2.4rem 0.5rem; border: 1px solid #eee; width: 130px; height: 130px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 5rem; border-radius: 50%; margin: 0 auto 2rem auto; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; border-radius: 29px; border: 1px solid #e5e5e5; box-shadow: 1px 3px 5px #f5f5f5; position: relative; overflow: hidden; } .scategory-list { color: #666666; text-align: start; font-size: 1.3em; padding: 0; } .scategory-list li { display: flex; position: relative; line-height: 1.9 } .scategory-list li i { color: inherit; font-family: "wolmart"; font-size: 1.3rem; margin-right: 0.3rem; margin-left: -0.3rem; transition: color 0.4s } .scategory-list li:hover i { color: #000; animation: navItemArrow 0.6s linear infinite } .scategory-list a { color: #000; font-size: 1.3rem; } .scategory-list a i { color:#000; } .scategory-list a:hover i { color: #ff3b00; } .scategory-list a:hover { color:#000; font-weight: 600; } .myservbox-container { margin-bottom:8rem; height: auto; } .vendor-product-count{color:#8b8b8b;} .vendor-details:hover .myservicepage-box-icon { transform: scale(1.08); transition: transform 0.35s; background: linear-gradient(white, white) padding-box, linear-gradient(to right bottom, #f70909, #ffc900) border-box; border: 1px solid transparent; } .myservc-box-name { font-size:2.1rem; color: #ff3b00; } .offer-big-details { font-size:1.8rem; } .product-single .product-title { font-size: 2.9rem; } .afterwork-section-inoffer .my-overlay-black { display:none; } .sticky-offerdiv { } .offer-imgsliders { /*margin-top:5rem;*/ } .offer-imgsliders .intro-slide { min-height:auto; height: 335px; } .offer-imgsliders { border-radius: 25px; overflow: hidden; } .offer-imgsliders .swiper-slide img { height: 100%; object-fit: cover; object-position: top; } .offer-imgsliders .swiper-pagination{ bottom: 0.5rem; } .product-price-big { font-size: 3rem; font-weight:bold; } .new-price { color: #f57608; } .old-price { font-weight: 300; color: #aaa; } .offers-detailspage-temp .breadcrumb-nav { /*margin-bottom:7px !important;*/ } .phone-mob-infofer { font-size: 20px; display: inline-block; margin: 0 2rem; } .noheader-pages { border-bottom: 1px solid #bbbbbb; box-shadow: 0 0 8px #cdcdcd; } .noheader-pages .header-middle { padding-top: 2rem; padding-bottom: 2rem; } .v-divider { width: 1px; height: 1.8rem; background: #e1e1e1; margin-top: 1rem; display: inline-block; } .gt-left { margin-top: 4rem; } .phone-mob-infofer a { color:#333; } .whatsappinoffer { font-size: 2.2rem; } .gt-left { display:none; } .stickyOffer-div.fixed .product-cat { display:none; } .stickyOffer-div.fixed .product-title { font-size: 1.7rem; margin-bottom: 1px; font-weight: 400; } .stickyOffer-div.fixed .product-price-big { font-size: 1.7rem; } .stickyOffer-div.fixed { padding: 23px; padding-bottom: 25px; border-right: 4px solid #f57608; } .stickyOffer-div.fixed div, .stickyOffer-div.fixed h1, .stickyOffer-div.fixed h5 { display: flex; justify-content: flex-start; } .stickyOffer-div.fixed .alert-title { font-weight: 300; margin-bottom: 0; font-size: 1.4rem; } .stickyOffer-div .btn-cart { display:none; } .stickyOffer-div.fixed .btn-cart { padding: 15px 54px; display: block; position: absolute; left: 70px; font-size: 16px; top: 23px; } .product-title { font-size:3.5rem; } .offers-detailspage-temp .innerpagescontent { padding-bottom:10px; } /*------------------------------------ Checkout Page -------------------------------------*/ .checkout .shop-breadcrumb { margin-bottom: 2.2rem; } .checkout .login-toggle, .checkout .coupon-toggle { line-height: 1.1; } .checkout .login-toggle { margin-bottom: 1.5rem; } .checkout .coupon-toggle { margin-bottom: 2.8rem; } .checkout .show-login:hover, .checkout .show-coupon:hover { text-decoration: underline; } .checkout .login-content, .checkout .coupon-content, .checkout .checkbox-content { display: none; margin-bottom: 2.4rem; padding: 3rem; border: 1px solid #eee; border-top-width: 3px; } .checkout .login-content p { font-size: 1.3rem; margin-bottom: 1.6rem; } .checkout .login-content .form-group label { margin-bottom: 0.2rem; } .checkout .login-content .form-control { margin-bottom: 1.7rem; } .checkout .login-content .checkbox { margin-bottom: 1.7rem; } .checkout .login-content .checkbox label { padding-left: 2.6rem; } .checkout .login-content .checkbox a { color: #336699; } .checkout .login-content .checkbox a:hover { text-decoration: underline; } .checkout .btn-login { padding-left: 1.88em; padding-right: 1.88em; background: #f1f1f1; border-color: #f1f1f1; color: #333; } .checkout .coupon-content { padding-bottom: 2rem; } .checkout .coupon-content p { margin-bottom: 1.9rem; line-height: 1.7; } .checkout .coupon-content .input-wrapper-inline { max-width: 40rem; } .checkout .btn-coupon { border-color: #eee; background-color: #eee; color: #333; } .checkout .btn-login:hover, .checkout .btn-login:active, .checkout .btn-login:focus, .checkout .btn-coupon:hover, .checkout .btn-coupon:active, .checkout .btn-coupon:focus { background-color: #336699; border-color: #336699; color: #fff; } .checkout .form-control { margin-bottom: 1.3rem; padding-left: 2rem; border-radius: 0.3rem; font-size: 1.4rem; } .checkout .form-group label { display: inline-block; margin-bottom: 0.1rem; line-height: 2.1; } .checkout .form-group .select-box::before { font-size: 1.1rem; right: 1.4rem; margin-top: -0.2rem; color: #999; } .checkout .form-group select { padding-left: 1.4rem; max-width: 100%; } .checkout .custom-checkbox + label { padding-left: 2.8rem; } .checkout select { -webkit-appearance: auto; } .checkout textarea { padding-top: 1.5rem; min-height: 13rem; } .checkout .order-summary-wrapper { padding: 2.5rem 3rem 3rem; border: 1px solid #eee; border-radius: 13px; box-shadow: 0 0 8px #b1b1b1; } .checkout .order-summary-wrapper > .title { margin-bottom: 0.9rem; padding-bottom: 0; } .checkout .checkbox-content { border: none; padding: 0; } .checkout .form-control:focus { border-color: #999; } .order-table tr { border-bottom: 1px solid #eee; } .order-table th { text-align: start; padding: 0.9rem 0; } .order-table td { padding-left: 0; padding-right: 0; } .order-table b { font-size: 1.6rem; font-weight: 600; color: #333; letter-spacing: 0; margin-bottom: 0; } .order-table td { padding-top: 1.5rem; } .order-table td:last-child { text-align: end; vertical-align: top; } .order-table .product-name { font-size: 1.4rem; font-weight: 400; } .order-table .product-name i { font-size: 11px; margin-left: 0.5rem; margin-right: 0.5rem; } .order-table .product-total { /*font-size: 1.4rem; letter-spacing: -0.05em;*/ } .order-table .shipping-methods .title { font-size: 1.5rem; } .order-table .cart-subtotal td { padding-top: 2rem; padding-bottom: 0.9rem; } .order-table .order-total th, .order-table .order-total td { padding-top: 1.8rem; padding-bottom: 1.9rem; } .order-summary .payment-methods { padding-top: 2.5rem; border-bottom: 1px solid #eee; } .order-summary .payment-methods .title { font-size: 1.6rem; } .order-summary .card-header a { padding: 1rem 2.7rem; font-size: 1.4rem; color: #666; font-weight: 400; } .order-summary .card-header a::before { content: ""; position: absolute; left: 0; width: 18px; height: 18px; border: 1px solid #ccd; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .order-summary .card-header a::after { content: ""; position: absolute; left: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #333; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .order-summary .card-header a.collapse::after { opacity: 1; } .order-summary .card-body { padding: 0 0 1.5rem; } .order-summary .card-body p { padding-left: 2.7rem; font-size: 1.4rem; line-height: 1.7; letter-spacing: -0.025em; } .payment-accordion { margin-bottom: 1.7rem; } .paypal-que { position: absolute; top: 1rem; left: 8rem; } .paypal-que:hover { text-decoration: underline; } .plus2-label { display: block; } .plus2-input { width: 88%; display: inline-block; } .plus2-2 { } .red-border { border-color:red !important; } .form-group { margin-bottom:18px; } .guarntee1step { margin-top: 28px; color:#000; text-align: center; } .guarntee1step i { } .guarntee1step .guarntee1step-icn { } .mainofer-1step { font-size: 18px !important; color: #000; font-weight: bold !important; } .myordersumry .order-table b { font-weight: normal; color: #707070; } .quizlabel { font-size:19px; font-weight:bold; color:#000; } .hint { font-weight: 400; color: #8d8d8d; margin-bottom: 13px; } .numric-c-box { } .numric-c-box .input-group { width:200px; } .numric-c-label { margin-right: 11px; display: inline-block; } .dynamic-f-text { width:auto; } .offer-cost-hint { text-align:right; } .order-total { border-top: 1px solid #eee; font-size:18px; } .order-total-price { font-weight:bold; color:#000; } .roundstep { border: 1px solid #ccc; border-radius: 50%; padding: 2px 12px; text-align:center; margin-left: 7px; } .summary-items { font-size: 15px; margin-top: 13px; } .mainofer-1step-price { font-size: 18px; } .checkbox{ font-size:1.5rem; } .offer-itms-price{ font-size: 15px; font-weight: bold; } .stepsps { margin-bottom:49px; } .step { list-style: none; margin: 0; width: 100%; padding:0; } .step .step-item { flex: 1 1 0; margin-top: 0; min-height: 1rem; position: relative; text-align: center; border-top: 3px solid #cdcdcd; } /* .step .step-item:not(:first-child)::before { background: #b9b9b9; content: ""; height: 3px; right: -50%; position: absolute; top: 5px; width: 100%; } */ .step-item.active { border-color:#666; } /* .step .step-item:not(:first-child) { border-color: #dbdbdb }*/ .step-item.active a { color:#ff6c00 !important; } .step .step-item a { color: #7c7c7c; display: inline-block; padding: 20px 10px 0; text-decoration: none; } .step .step-item a::before { background: #535353; border: 3px solid #fff; border-radius: 50%; content: ""; display: block; height: 2rem; left: 50%; position: absolute; top: -11px; transform: translateX(-50%); width: 2rem; z-index: 1; } .step .step-item.active ~ .step-item::before { background: #e7e9ed; } .step .step-item.active ~ .step-item a::before { background: #e7e9ed; } .cart .coupon-title { font-size: 1.6rem; } .cart .coupon .form-control { border: none; border-bottom: 1px solid #cbcbcb; border-radius: 0; } .cart .coupon .form-control:focus { border-color: #999; } .cart .coupon .btn { padding:16px 12px; border-width: 1px; border-radius: 0; } .dis-codeinput { width: auto; font-size: 17px !important; padding: 6px !important; font-weight: bold; text-align: center; } .thanks-div { text-align: center; margin: 90px 0; color: #000; margin-bottom: 120px; } .titlethaks { font-size:2.7rem; margin-top:20px; } .sub-titlethanks { font-size:1.8rem; margin-top:10px; } .ordrnmbr { font-size:1.4rem; color:#999; } .occa-title { color:#F30; margin-top:10px; font-size:1.9rem; } .pssubtdown { text-align:right; font-size:18px; } .thanks-downloadapp { background-color: #f5f5f5; border-radius: 33px; padding: 35px; padding-bottom: 15px; } .thanks-downloadapp .rightapp-div { margin: 23px 0; } .thanks-downloadapp .pssubtdown { text-align: center; } .thanksapp-img-div { text-align: right; margin-top: -14px; } .intro-section .pg-inner .swiper-pagination { bottom:0; } .sticky-header.fixed .menu > li > a { font-size: 1.3rem; } .price-sufix { font-weight:normal !important; font-size:15px; } .top-category { padding:80px 0; } .side-ser-icon img { width: 35px; } .post-details-offers .post-content{ margin-top: 8px; } .flashbanner-bnr-item{ margin-bottom:20px; } .appoint-availble{ font-size:15px; } .regu-price{ /*color:#ff3b00;*/ } .new-price{text-decoration:none;} .text-primary.phone-number{color:#000 !important;} .viewmore-serv-offrs{margin-top:7px; font-weight:normal;} .viewmore-serv-offrs a{font-weight:100;} .discount-servs-flag-h1 , .discount-servs-flag{ background-color: red; color: #fff700; } .discount-servs-flag{ font-size: 16px; text-align: center; top: 12px; font-weight: bold; position: absolute; right: -41px; rotate: 41deg; padding: 1px 52px; } .discount-servs-flag-h1{ font-size: 15px; text-align: center; font-weight: bold; padding: 5px 14px; display: inline-block; border-radius: 50px; } .privcy-btn{ background: none; border: 0; padding: 0; cursor: pointer; } /*-------- popup style ---*/ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ } /* The Close Button */ .close { color: #fff; font-size: 21px; background: #d3d3d3; font-weight: bold; padding: 3px 15px; border-radius: 32px; display: inline-block; } .close:hover, .close:focus { background: #dd4b39; text-decoration: none; cursor: pointer; } /*---- end of popup style ----*/ .hidden { display: none !important } /** media mobile 768 ***************************/ @media (max-width: 768px) { .post-media .post-calendar { bottom:0; } figure.post-media { height:160px; } .thanks-downloadapp { padding: 15px; } .category-icon .category-media { height: 110px; } .title.title-link::before{ bottom: -20px; } .product-single .product-size-swatch .size { padding: 9px 10px 6px 14px; } .breadcrumb.shop-breadcrumb li { font-size: 1.5rem; } .logo img { width:100%; } .product-title { font-size:2.7rem; } .page-title-metadesc { display:none; } .stickyOffer-div.fixed { padding: 14px; padding-bottom: 15px; border-right: 4px solid #f57608; border-radius: 0 0 19px 19px; } .stickyOffer-div.fixed .btn-cart { display:none; } .stickyOffer-div.fixed .product-title { font-size: 1.7rem; } .btnorder-sticky { position: fixed; bottom: 0; width: 100%; right: 0; left: 0; z-index: 2; background: #fff; border-top: 2px solid #e5e5e5; padding: 11px 0; box-shadow: 0 0 12px #c7c7c7; margin-bottom:0 !important; } .btnorder-sticky .btn.btn-xl { font-size: 1.5rem; width: 54%; font-weight: 400; } .offers-detailspage-temp .breadcrumb-nav { margin-bottom:5px !important; } .offers-detailspage-temp .breadcrumb-nav.pb-8 { padding-bottom: 1rem !important; } .offers-detailspage-temp .page-header { } .offers-detailspage-temp .page-title-metadesc { display:none; } .offers-detailspage-temp .page-title { text-align: right; font-size: 2rem } .header-middle { padding-top: 1.2rem; padding-bottom: 1.2rem; } .afterwork-section-inoffer .afterwork-item { margin-bottom:0; padding:6px; } .afterwork-section-inoffer .product-media img { height:106px; } .product-media img { height:120px; } .comparetitle-offer { font-size: 2.7rem; } .mycompare-offer .vendor-details { padding: 30px; margin-top: -160px; } .downloadapp-div { height: 650px; overflow: hidden; } .appimg-div img { width: 267px; } .post-list .post-media { margin-bottom: 22px; height:170px; } .offers-item-inpage { margin-bottom: 4rem !important; } .myservicepage-box-icon { width: 100px; height: 100px; margin-right: -20px; margin-left: 17px; float: right; border-radius: 24px; } .vendor-widget-banner .vendor-name { text-align:right; display:block; padding-top:7px; } .vendor-widget-banner .vendor-product-count { display:flex; text-align:right; } } @media (max-width: 1300px) { .clenning-section-compare .swiper-theme .swiper-button-next { left: -2px; } .clenning-section-compare .swiper-theme .swiper-button-prev { right: -2px; } } @media (max-width: 479px) { .coupon-content .input-wrapper-inline { display: block; } } /** END media mobile 768 ***************************/ [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute !important; clip: rect(0,0,0,0) !important; pointer-events: none !important; } .space-div-selector.active, .space-div-selector:active, .space-div-selector:focus { background-color: #F60 !important; border: 1px solid #F60 !important; color: #fff !important; } .space-div-selector{ display: block; text-align: center; margin-bottom: 0.5rem; padding: 9px 14px 6px 14px; width: auto; height: auto; font-size: 1.5rem; border: 1px solid #bdbdbd; border-radius: 4px; color: #666; -webkit-transition: border-color 0.35s, color 0.35s; transition: border-color 0.35s, color 0.35s; margin-left: 6px; } /*.space-div-selector { float: right !important; margin-bottom: 7px; padding: 10px 15px; background-color: #fff; border-radius: 5px !important; border: 1px solid #CCC; margin-left: 10px !important; cursor: pointer; color: #000; }*/ /*.horizontal-btn.active, .horizontal-btn:active { background-color: #F60 !important; border: 1px solid #F60 !important; color: #fff !important; }*/ /*label.active.space-div-selector{ border-color: #ff6c00; color: #fff; background: #ff8100; }*/ .space-div-selector:hover{ border-color: #ffd900; color: #000000; background: #ffd900; } .myradio { display: block !important; } .dynamicform-container .contactForm hr{ display:none; } .offer-hint-instructons{margin:15px 0 36px 0} .intro-section{ border-radius: 18px; overflow: hidden; margin: 6px; } .flashbanner-bnr img { border-radius: 8px; } .item-right-order { float: right; display: inline-block; } .item-left-order { font-size: 15px; font-weight: bold; display: inline-block; float: left; } .item-ul-order{ margin: 0; padding: 0; border-top: 1px solid #eee; margin-top: 8px; padding-top: 16px; } .item-ul-order li { width: 100%; display: inline-block; } .totalpricee .item-right-order , .subtotalpric-text{ font-weight: bold; color: #000; font-size: 21px; } .totalpricee{ border-bottom: 1px solid #eee; border-top: 1px solid #eee; font-size: 18px; padding: 10px 0; } .offer-hint-instructons-sumry { margin: 16px 0 0 0; } .smk-alert-content-top-left{display:none !important;} .contactForm .btn.btn-block{ width: auto; min-width: 70%; margin: 0 auto; } .sw-main , #orderWizard{ margin-bottom: 26px; } .space-div-selector:has(>input[type="radio"]:checked){ background-color: rgb(100, 255, 133); } /** Placeholder style **/ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #909; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #909; } ::placeholder , input::placeholder { /* Most modern browsers support this now. */ color: #999 !important; } /** END Placeholder style **/ .dynamic-f-select-a{ cursor: default; } .compareprice-offer .old-price{font-size: 21px;} .btnorder{ margin-bottom: 5rem; } .form-group.dynmc-rowinput { margin-bottom: 0; } .col2-middle.dynamccells { margin-bottom: 24px; } .product-single .product-size-swatch{ margin-bottom: 0; } .btn-secondary:hover { background: linear-gradient(170deg, #ffb100 0, #ff0505 100%); transition: all 0.3s ease; -webkit-box-shadow: inset 0px 0px 10px 3px rgba(255,191,0,0.9); -moz-box-shadow: inset 0px 0px 10px 3px rgba(255, 191, 0, 0.9); box-shadow: inset 0px 0px 10px 3px rgba(255,191,0,0.9); } .discount-imgthumb-label{ text-align: center; background: red; color: #fff; position: absolute; right: 17px; top: 0; padding: 8px 7px; font-size: 24px; font-weight: bold; z-index: 1; border-radius: 0 0 10px 10px; font-family: system-ui; } .discount-imgthumb-label::before { content: "%"; } .btn-secondary:active, .btn-primary:active , .btn-solid:active , .btn-dark:active , .btn-outline:active { -webkit-box-shadow: 0px 0px 0px 4px #818181; -moz-box-shadow: 0px 0px 0px 4px #818181; box-shadow: 0px 0px 0px 4px #818181; } .clenning-section-compare .swiper-wrapper { justify-content: center; } .black-txt{color:#444;} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .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%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -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 { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .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; } /* Prevent selection and tap highlights */ .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; /* for open/close transition */ -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; /* for open/close transition */ -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; will-change: transform; } .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; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .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; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*