==================================:: WOW CSS Start ::==================================*/ .animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);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);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;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-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-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-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-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:none;transform:none}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:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}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:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}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:none;transform:none}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;animation-name:jello;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@-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%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);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%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(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%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);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%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;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%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);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:none;transform:none}}@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%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);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:none;transform:none}}.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%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);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:none;transform:none}}@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%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);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:none;transform:none}}.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%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);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:none;transform:none}}@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%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);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:none;transform:none}}.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%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);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%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);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%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,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%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,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%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(10%,0,0) skewX(-30deg);transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(10%,0,0) skewX(-30deg);transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(10%,0,0) skewX(30deg);transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(10%,0,0) skewX(30deg);transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0) rotate(-120deg);transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0) rotate(-120deg);transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0) rotate(120deg);transform:translate3d(10%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0) rotate(120deg);transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,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(-10%,0,0);transform:translate3d(-10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,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(10%,0,0);transform:translate3d(10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,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,10%,0);transform:translate3d(0,10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,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{visibility:hidden;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*==================================:: WOW CSS End ::==================================*/ /*Slick Slider Css Start*/ .slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;} .slick-list.dragging{cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative; top:0; left: 0;display: block; min-width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex;} .slick-track:before, .slick-track:after{display:table; content:"";} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none; min-height:1px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: inherit; flex: inherit;} .slick-initialized .slick-slide{display: block; list-style:none;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;} .slick-arrow{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; position:absolute; top:50%; margin-top:-20px; z-index:2; padding:0; width:40px; height:40px; text-align:center; font-size:0; background:none; border:0; color: #eee; cursor:pointer; opacity:1;border-radius:50%;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .slick-arrow:before{display: block; content:"\f104"; font-family: 'Line Awesome Free';font-weight: 900; font-size: 32px;} .slick-arrow.slick-next:before{content:"\f105";} .slick-arrow.slick-prev{left:0;} .slick-arrow.slick-next{right:0;} .slick-arrow:hover{background: none; color: #301908;} .slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:-20px; text-align:center;} .slick-dots li{margin:0 2px; padding:0; list-style:none; display:inline-block; vertical-align:top;} .slick-dots li button{display:block; width:12px; height:12px; font-size:0; padding: 0; background:none; border:1px solid transparent; cursor:pointer; position: relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius: 50%;} .slick-dots li button:before{display: block; content: ""; background: #301908; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;border-radius: 50%;} .slick-dots li.slick-active button{border-color: #301908;} .slide-number {display:inline-block; vertical-align:middle; position:relative; font-size:14px; line-height:30px; color:#262d33; text-align:center; width:80px;} .slide-number .slick-dots {position:relative; bottom:0;} .slide-number .slick-dots li button {display:block; width:15px; height:30px; background:none; border:none;border-radius:0; font-size:14px; line-height:30px; color:#ddd;} .slide-number .slick-dots li button:hover {background:none;} .slide-number .f-l {position:relative; z-index:1;} .slide-number .f-l .slick-dots li {display:none;} .slide-number .f-l .slick-dots li:first-child {display:inline-block; position:relative; padding-right:0;} .slide-number .f-l .slick-dots li:first-child button {opacity:0;} .slide-number .f-l .slick-dots li:first-child:after {display:inline-block; content:"/"; font-size:14px; line-height:30px; color:#aaabad; position:absolute; right:-2px; top:0;} .slide-number .f-l .slick-dots li:last-child {display:inline-block; margin:0;} .slide-number .f-f {position:absolute; left:14px; top:0; width:20px; height:30px; z-index:2;} .slide-number .f-f .slick-dots li {position:absolute; left:0; top:0; opacity:0; visibility:hidden;} .slide-number .f-f .slick-dots li.slick-active {opacity:1; visibility:visible;} /*Slick Slider Css End*/ /*Easy Responsive Tab Css*/ h4.resp-accordion{display:none; cursor:pointer; text-align:left; position:relative; background: #fff !important; padding:10px 40px 10px 20px; margin: 0 0 10px;} h4.resp-accordion .resp-arrow{display:none;} h4.resp-accordion:after{display:block; content:"\f107"; font-family:'Line Awesome Free'; font-weight: 900; font-size: 16px; color: #064265; position:absolute; right:10px; top:50%; width:30px; line-height:normal; -ms-transform: translate(0, -50%); transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);} h4.resp-accordion.resp-tab-active:after{content:"\f106";} .resp-tab-content{display:none;} .resp-tab-content:after{clear:both; content:""; display:block;} .resp-content-active, .resp-accordion-active{display:block} @media only screen and (max-width:767px){ ul.resp-tabs-list{display:none;} h4.resp-accordion{display:block;} } /*=========== Mobile Menu STYLE Start ========*/ /*body.mobile-menu-open{overflow:hidden;}*/ .menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:#000; display:none; z-index:12; opacity:0.5;} .mobile-menu-open .menu-open-overlay{display:block;} .mobile-menu-block{background:#fff; bottom:0; color:#000; position:fixed; top:0; left:-400px; width:380px; z-index:-4; font-size:16px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .mobile-menu-open .mobile-menu-block{left:0; z-index:20;} .mobile-menu-inner{height:calc(100% - 152px); overflow:auto; padding:10px 10px; position: relative; z-index: 3;} .mobi-logo {padding: 0 15px; border-bottom: 1px solid rgba(0,0,0,0.1); height: 80px;} .mobi-logo a, .mobi-logo img{display: block; width: 56px;} .mobile-menu-block .btnbox .btn {display: block; margin: 0 5px; } .mobile-nav ul{margin:0; padding: 0; list-style: none;} .mobile-nav li{margin: 0; padding: 10px 0; color:#000; font-weight:500; font-size:16px; line-height:22px; text-transform:none; position:relative;} .mobile-nav ul li a{display:block; color:#000; font-weight:500; font-family: "Roboto", sans-serif; font-size:16px; line-height:18px; text-transform:none; letter-spacing:0; padding:0;} .mobile-nav li.menu-item-has-children > a{padding-right: 40px;} .mobile-nav > ul > li.current-menu-item > a, .mobile-nav > ul > li.current-menu-ancestor > a, .mobile-nav > ul > li.current-page-ancestor > a{color:#512f16;} .mobile-nav li li{border:none; padding:5px 0;} .mobile-nav li li a{font-size:16px; text-transform:none; font-weight:400; padding:0;} .mobile-nav li li.current-menu-item a{color:#512f16;} .mobile-nav li li li a{padding-left:0;} .mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;} .hitarea{display:block; width:40px; height:38px; text-align:center; position:absolute; right:0; top:0;} .hitarea:before{display:block; content:"\f107"; font-family:'Line Awesome Free'; font-size: 18px; font-weight: 900; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .collapsable-hitarea.hitarea:before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .mobile-nav .collapsable-hitarea + a{color:#512f16;} .mobi-bottom-inner{padding: 10px 10px;} .mobile-menu-block .mobi-bottom-inner .btn{margin: 0 2px; padding: 10px 10px; font-size: 14px; letter-spacing: 0; width: 100%;} .mobi-bottom-inner .btn i{font-size: 16px; margin-right: 5px;} .mobi-btnbox {padding: 10px 15px;} .mobi-btnbox .btn {width: 100%;} /*========== Mobile Menu STYLE End==============*/ /*Mobile Menu Css Start*/ .mobi-iconbox{display:none; width:24px; height:24px; position:absolute; right:0; top:0; bottom: 0; margin: auto; z-index:40; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;border-radius:0;} .menuicon{display: block; width: 100%; height: 100%; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .icon-bar{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 100%; height: 18px; position: relative; cursor: pointer;} .icon-bar:before, .icon-bar:after{display: block; content: ""; width: 100%; height: 2px; background: #512f16; position: absolute; left: 0; top: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:5px;} .icon-bar:after{top: auto; bottom: 0;} .icon-bar .line{display: block; width: 100%; height: 2px; background: #512f16; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:5px;} .icon-bar.active .line{width: 1px; opacity: 0;} .icon-bar.active:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: 8px;} .icon-bar.active:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 8px;} .mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;} /*Mobile Menu Css End*/ /* ===== RESET ================================================== */ abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;} html{scroll-behavior: smooth;-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);} /* ===== GLOBAL ================================================== */ body{margin:0; padding:0; background:#fff; font-family:"Roboto", sans-serif; font-size:16px; color:#111; line-height:24px; font-weight:400; overflow-x:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} :focus, button:focus{outline:none;} a{text-decoration:none; color:#301908; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} a:hover{text-decoration:none; color:#512f16;} ::-webkit-input-placeholder{color:#000; opacity:0.7;} :-moz-placeholder{color:#000; opacity:0.7;} /* Firefox 18- */ ::-moz-placeholder{color:#000; opacity:0.7;} /* Firefox 19+ */ :-ms-input-placeholder{color:#000; opacity:0.7;} img{max-width:100%; height:auto; border:none; outline:none;} b, strong{font-weight:600;} /* Ul Li & Ol Li CSS */ ul, ol{margin:0 0 20px; padding:0;} ul ul, ol ol, ul ol, ol ul{margin-top:10px;} ul li, ol li{margin:0; padding:0; font-size:16px; line-height:1.5; color:#111; font-weight:400; letter-spacing:0;} .entry-content ul{padding:0; margin:0 0 20px;} .entry-content ol{padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;} .entry-content ul li{position:relative; padding: 0 0 0 36px; margin:0 0 12px;} .entry-content ul li:before{content:"\f00c"; font-family:'Line Awesome Free'; font-weight: 900; position: absolute; left: 0; top: 0; width: 24px; height: 24px; color: #fff; background: #512f16; border: 1px solid #512f16;border-radius: 50%; 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: 14px; line-height: 18px;} .entry-content ul li li{list-style:disc;} .entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 12px;} .entry-content ol li::before{content: counter(my-awesome-counter) ". "; font-weight:400;} /* Heading CSS */ h1, .h1, h2, .h2, h3, h4, h5, h6{color:#111; line-height:1.3; font-weight:600; letter-spacing:0.02em; font-family: "Roboto", sans-serif; letter-spacing:0; margin:0 0 15px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#512f16;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#301908;} h1, .h1{font-size:44px; line-height: 54px; font-weight: 600; margin:0 0 15px;} h2, .h2{font-size:36px; line-height: 44px; margin:0 0 15px;} h2 strong, .h2 strong{background: -webkit-linear-gradient(45deg, #512f16, #301908 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} h3{font-size:32px;} h4{font-size:24px;} h5{font-size:20px;} h6{font-size:18px;} /* Paragraph CSS */ p{font-size:16px; line-height:1.5; color:#111; font-weight:400; letter-spacing:0.05em; margin:0 0 20px;} hr{border:none; margin:30px 0; background:#999; height:1px; width:100%; clear:both; opacity: 0.5;} blockquote{border-left:10px solid #eee; background: #fafafa; font-size:20px; line-height: 1.4; font-weight: 500; padding:20px 30px; margin:0 0 30px;} /*table structure*/ table, .entry-content table{ border-right:1px solid #eee; border-top:1px solid #eee; } table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td{ background:#fff; border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:15px; line-height: 1.3; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle; } table th, .entry-content table th{color:#111; font-weight:400; background:#ddd;} .table-striped th, .table-striped td{position:relative;} .table-striped tbody tr:nth-of-type(even) td{background:#fafafa;} .wpDataTables{margin-bottom: 20px; overflow: auto;} /*Form Input Field*/ input, textarea, select{background:#f5f5f5; border:1px solid #dfdfdf; width:100%; padding:2px 15px; margin:0; font-size:16px; color:#333; font-weight:400; line-height:normal; letter-spacing:0; font-family:"Roboto", sans-serif; height:50px; outline:none;border-radius:5px;} input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;} input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;} textarea {height:auto; padding:10px 15px; min-height: 100px; height: 100px; resize: none;} input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;} input#addressSubmit {-webkit-appearance:none !important ; } input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;} .checkbox, .radiobox{display: inline-block; position: relative; padding-left: 28px; font-size: 15px; line-height: 14px; color: #676767;} .checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;} .checkbox .checkmark{display: block; width: 18px; height: 18px; border: 1px solid #999; position: absolute; left: 0; top: 0;} .checkmark:before{display:block; content:"\f00c"; font-family:'FontAwesome'; position:absolute; left:0; right:0; top:0; text-align:center; font-size:13px; color:#fff; line-height:16px; padding-left:1px; opacity:0;} .checkbox input:checked ~ .checkmark{background:#301908; border-color:#301908;} .checkbox input:checked ~ .checkmark:before{opacity:1;} .radiobox .checkmark{display: block; width: 18px; height: 18px; background: #fff; border: 1px solid #999;border-radius: 50%; position: absolute; left: 0; top: 1px;} .radiobox .checkmark:before{display: none;} .radiobox .checkmark:after{display: block; content: ""; background: #301908;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;} .radiobox input:checked ~ .checkmark{border-color: #301908;} .radiobox input:checked ~ .checkmark:after{opacity: 1;} .input-checkbox .wpcf7-not-valid-tip{display: none; position: absolute; left: 0; top: 100%; white-space: nowrap;} .selectbox{position: relative;background:#f5f5f5;border: 1px solid #dfdfdf;border-radius:5px;} .selectbox select{background: none;border: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: #333; padding:0 40px 0 15px; width: 100%; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .selectbox:after{position:absolute; top:0; right:0; content:"\f107"; font-family:'FontAwesome'; font-size: 24px; z-index:0; width: 40px; height: 50px; line-height: 50px; text-align: center;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; opacity: 0.8;} .selectbox.reversed:after{content:"\f0ec"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 14px;} /* Button styling */ .button, .btn{ 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:14px 24px; background-color: #fff; border:0 solid #dedede; color: #512f16; font-size:16px; line-height:22px; font-weight:500; font-family:"Roboto", sans-serif; text-transform: none; cursor:pointer; letter-spacing:0.01em; text-align:center; position:relative; min-width:120px;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s;border-radius:40px; overflow:hidden;z-index: 1; } .button span, .btn span { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button:hover, .btn:hover, .button:focus, .btn:focus{ color:#fff; background: #301908; border-color: #301908; } .button:focus, .btn:focus{ box-shadow: 0 0 0 .2rem rgb(81 47 22 / 20%) !important; } .btn:after{ content: ""; position: absolute; background-color: #512f16; left: auto; right: 0; top: 0; height: 100%; width: 0; border-radius: inherit; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;z-index: -1; } .btn:hover:after{ width: 100%; right: auto; left: 0 } .btn .la-angle-right{ 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; text-align: center; width: 24px; height: 24px; background: #fff; color: #512f16;border-radius: 50%; margin: 0 -7px 0 10px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .secondary .la-angle-right{ background: #fff; color: #512f16; } .secondary:hover .la-angle-right{ background: #fff; color: #512f16; } .btn .la-arrow-right { font-size: 20px; } .btn.small .la-arrow-right { font-size: 18px; } .btnbox a + a{ margin-left: 5px; } .primary { background: #512f16; border-color: #512f16; color: #fff; } .primary.btn:after{ background: #301908; border-color: #301908; } .primary:hover{ background: #301908; border-color: #301908; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.1); } .secondary { background: #301908; border-color: #301908; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.1); } .white-btn{background: #fff; border-color: #fff; color: #512f16;} .white-btn .la-angle-right {background: #512f16; color: #fff;} .btn.small{padding: 10px 20px; font-size: 14px; min-width:80px;} .main-wrapper{overflow:hidden;} .container{margin:0 auto; width:100%; max-width:1170px; padding:0 20px;} .container.relative{z-index: 2;} .max-container{margin:0 auto; width:100%; max-width:1480px; padding:0 30px;} section{position: relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} section *:last-child{margin-bottom:0;} .hide{display:none;} .v-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .j-center{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .ptb-100{padding:100px 0;} .ptb-80{padding:80px 0;} .ptb-60{padding:60px 0;} .ptb-40{padding:40px 0;} .ptb-30{padding:30px 0;} .ptb-20{padding:20px 0;} .bg1{background: -webkit-linear-gradient(45deg, #512f16, #301908 80%);} .bg2{background: -o-linear-gradient(45deg, #000, #512f16);background: linear-gradient(45deg, #000, #512f16);} .bg3{background: #d5d5d5;} .bg-black{background: #313131;} .bg-gray{background: #efefef;} .relative{position: relative;} .trans{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;} .mw_220{min-width: 220px;} .form-inner{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .input-field{ padding: 0 10px; margin: 0 0 20px; -ms-flex-preferred-size:50%; flex-basis:50%;min-width:50%;max-width:50%; position: relative; } .input-field.full-width{ -ms-flex-preferred-size:100%; flex-basis:100%;min-width:100%;max-width:100%; } .input-checkbox p { font-size: 14px; } .form-btnbox .btn { width: 100%; } /*============= GLOBAL CSS END ================*/ /*Header & Banner Section*/ .header-top { padding: 5px 0; } .header{ position:fixed; left:0; right:0; top:0 !important; z-index:10; padding:0; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .header .max-container{ /*max-width: 100%; padding: 0 40px;*/ } .header-inner{ height: 100px; position: relative; } .site-logo{ width:70px; position:relative; z-index:4; margin:0; } .site-logo a{ display: block; } .site-logo img{ display: block; margin: 0; width: 240px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .header-right{ margin-left: 40px; } .head-btnbox{ margin-left: 20px; } .add-to-cart-btn { position: relative; display: block; } .add-to-cart-btn .la-shopping-cart { font-size: 36px; color: #000; } .add-to-cart-btn .cart-count { position: absolute; right: -3px; top: -3px; color: #fff; background: #503018; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 10px; border-radius: 50px; } .dropleft .hd-icon.dropdown-toggle:before{ display: none; } .head-search { position: relative; z-index: 5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-search .la-search:before{ opacity: 0; } .head-search .la-search{ display: block; background:url('../images/search-icon.png') no-repeat center; background-size: 100% auto; min-width: 20px; height: 20px; cursor: pointer; } .head-search.show .hd-icon .la-search{ background: none; } .head-search.show .hd-icon .la-search:before{ content: "\f00d"; opacity: 1; } .append-search { position: absolute; right: 0; top: -12px !important; border: 0; background: none; padding: 0; } .append-search input{ padding: 0 50px 0 15px; font-size: 14px; font-weight: 400; display: block; background: #fff; border: 1px solid #ccc; width: 260px; height: 44px; border-radius: 30px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); } .search-btn { 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; font-size: 18px; line-height: 20px; color: #1A3965; position: absolute; right: 0; top: 0; z-index: 2; width: 44px; height: 44px; padding: 0; background: none; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /*Nav Css*/ .nav-main{text-align:left;} .nav-main ul{margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex;} .nav-main nav ul > li{margin:0; padding:0; list-style:none; position:relative;} .nav-main nav ul > li + li{margin-left:30px;} .nav-main nav ul > li a{display:block; color:#000; font-size:18px; font-weight:600; text-transform: capitalize; font-family: "Roboto", sans-serif; line-height:26px; text-transform:none; letter-spacing:0; padding:12px 0; position:relative; z-index:2;} .nav-main nav ul > li.current-menu-item > a, .nav-main nav ul > li:hover > a, .nav-main nav ul > li a:hover, .nav-main nav ul > li a:focus{color:#512f16;} .nav-main nav ul > li > a:before{display: block; opacity:1; content: ""; background: currentColor; width: 0%; height: 1px; position: absolute; bottom: 0; left: auto; right: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .nav-main nav ul > li:hover > a:before, .nav-main nav ul > li.active > a:before, .nav-main nav ul > li.current-menu-item > a:before{left: 0; width: 100%; opacity: 1;} /*.nav-main nav ul > li.menu-item-has-children > a{padding-right:18px;} .nav-main nav ul > li.menu-item-has-children > a:after{display: block; content: "\f107"; font-family: 'FontAwesome'; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: 0; top: 16px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .nav-main nav ul > li.menu-item-has-children:hover > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}*/ .nav-main .sub-menu{display:block; position:absolute; left:0; top:100%; z-index:1; background:#fff; min-width:240px; padding:15px 10px; margin:0; opacity: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top; -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%); box-shadow: 0 5px 40px rgb(0 0 0 / 15%); border-radius: 0;} .nav-main nav ul > li:hover > .sub-menu{opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);} .nav-main nav ul > li:last-child .sub-menu{left: auto; right: 0;} .nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0; padding: 0;} .nav-main .sub-menu li a:before{display: none;} .nav-main .sub-menu li a{display:block; text-transform:none; color:#111; font-size:15px; line-height:22px; font-weight:400; padding:8px 15px;} .nav-main .sub-menu li a:hover, .nav-main .sub-menu li a:focus, .nav-main .sub-menu li.current-menu-item a{background: #f3f3f3; color:#512f16;} .nav-main .sub-menu .sub-menu {left:100%; top:0;} .nav-main .sub-menu li:hover .sub-menu {display:block;} .nav-main .two-coll-menu .sub-menu{min-width: 580px; margin-left: -120px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap;} .nav-main .two-coll-menu .sub-menu > li{width: 50%; margin: 0; padding: 0;} .nav-main nav ul > li .sub-menu li:last-child .sub-menu { left: 100%; right: auto; } /*Sticy header*/ .header-blank{width: 100%; height: 100px;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;} .navbar_fixed.header + .header-blank{height: 100px;} .navbar_fixed.header{background:#fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); border-color: transparent;} .navbar_fixed .header-inner {height: 100px;} /*Home page Banner Css*/ .home .header-blank{ height: 100px; } .home-banner{ position:relative; z-index:1; overflow: hidden; background: #dedede; } .home-banner .items{ padding: 0; height: 500px; position: relative; overflow: hidden; } .home-banner .bg-img{ background-repeat: no-repeat !important; } .home-banner .bg-img:before { background: linear-gradient(45deg, #000000, #0000005c); opacity: 1; } .hero-imgbox-inn{ overflow: hidden; background: #000; } .hero-imgbox-inn:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 100%; opacity: 1; background: -o-linear-gradient(left, rgb(6 20 56) 0%,rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgb(6 20 56)),to(rgba(0,0,0,0))); background: linear-gradient(to right, rgb(6 20 56) 0%,rgba(0,0,0,0) 100%); } .hero-banner-inner{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .caption{ position: relative; min-width: 580px; max-width: 580px; } .banner-sub-title{ display: inline-block; font-size: 16px; line-height: 20px; color: #fff; font-weight: 500; letter-spacing: 0.05em; font-family:"Roboto", sans-serif; text-transform: uppercase; position: relative; padding-left: 40px; margin: 0 0 10px; } .banner-sub-title:before{ content: ''; width: 30px; height: 3px; background-color: #fff; border-radius: 3px; position: absolute; left: 0; top: calc(50% - 4px); } .hero-title{ margin-bottom: 20px; } .caption .h1{ font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; margin: 0; } .caption p{ font-size: 18px; line-height: 28px; color: #fff; } .home-banner .slick-dots { bottom: 20px; } .home-banner .slick-dots li button:before, .product-slider .slick-dots li button:before{ background: #fff; } .home-banner .slick-dots li.slick-active button, .product-slider .slick-dots li.slick-active button { border-color: #fff; } /*===Footer Start===*/ .footer{ padding: 0; margin:0; position:relative; background: #503018; } .footer .bg-img:before{ opacity: 0.97; } .footer .container{ z-index: 2; } .footer-inn{ padding: 80px 0; } .footer-inn .items ul { margin-bottom: 0; } .f-logo > a { max-width: 110px; display: block; } .f-logo .social-icon { display: none !important; } .f-links li + li { margin-top: 5px; } .f-links li{ list-style: none; font-size: 15px; line-height: 22px; color: rgba(255,255,255,0.7); } .f-links li a { display: inline-block; position: relative; padding: 2px 0; color: rgba(255,255,255,0.7); } .f-links li a:hover { color: #fff; } .footer h5 { color: #fff; font-weight: 500; margin: 0 0 20px; } .footer h5:after{ display: block; content: ""; width: 40px; height: 1px; background: #301908; margin: 10px 0 0; } .f-contact li { font-size: 18px; line-height: 28px; color: rgba(255,255,255,0.8); } .f-contact li + li { margin-top: 15px; } .f-contact li p { margin: 0; font-size: 16px; line-height: 26px; color: rgba(255,255,255,0.8); } .f-contact li a { color: rgba(255,255,255,0.7); } .f-contact li a:hover { color: #fff; } .f-bottom-inner { border-top: 1px solid rgba(255,255,255,0.1);padding: 30px 0; } .social-icon a { color: #512f16; font-size: 20px; min-width: 40px; max-width: 40px; height: 40px; 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; background: #301908; border-radius: 50%; } .social-icon a:hover { background: rgb(23, 115, 234);color: #fff; } .social-icon .instagram:hover { color: #fff; background: -o-linear-gradient(305deg, rgb(52, 80, 247) 0%, rgb(228, 21, 134) 54%, rgb(246, 199, 97) 90%); background: linear-gradient(145deg, rgb(52, 80, 247) 0%, rgb(228, 21, 134) 54%, rgb(246, 199, 97) 90%); } .social-icon .facebook:hover { color: #fff; background: #4a98ff; } .social-icon .linkedin:hover { color: #fff; background: #0077b5; } .social-icon a + a { margin-left: 5px; } .fb-link { margin: 0; padding: 0; } .fb-link li{ margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.5; color: #111; font-weight: 400; } .fb-link li + li{ margin-left: 20px; } .fb-link li a{ color: #fff; } .footer-bottom p { font-size: 14px; line-height: 1.5; color: #fff; font-weight: 400; } .footer-bottom p, .footer-bottom .link-text{ font-size: 15px;color: #fff; } .fb-link li a:hover, .footer-bottom .link-text:hover{ color: #301908; } .f-contact-info .iconbox { font-size: 24px; color: rgb(255, 255, 255); position: relative; margin-right: 15px; top: 2px; } .f-contact ul .f-contact-info + .f-contact-info { margin-top: 10px; } .scrollup{ position: fixed; right: -20px; bottom: 20px;border: 1px solid rgb(255 255 255 / 30%); z-index: 4; width: 34px; height: 34px; border-radius: 50%; font-size: 20px; color: #fff; line-height: 34px; background: rgba(0,0,0,0.3); text-align: center; cursor: pointer; opacity: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .scrollup.active{ right: 10px; opacity: 1; } /*Footer End*/ /*Midlle Section css*/ .middle-section{position:relative; min-height:400px; overflow:hidden;} img.alignleft{float:left; margin:0 20px 20px 0; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} img.alignright{float:right; margin:0 0 20px 20px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} img.aligncenter, img.alignnone{margin:0 0 20px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} iframe.alignleft{float:left; margin:0 20px 20px 0;} iframe.alignright{float:right;margin:0 0 20px 20px;} iframe.iframe-embed.alignright{max-width:500px;height:315px !important;} .bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-size: cover !important;} .bg-img:before{display: block; content: ""; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.6; mix-blend-mode: multiply;} .bg-img img{display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;} .before-none:before{display: none;} .bg-fixed{background-attachment: fixed !important;} .bg-auto{background-size: auto !important;} .no-img.d-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: 24px;line-height: normal; color: #999; background: #ddd;} .btnbox{padding:20px 0 0;} .block-title{ position:relative; margin-bottom: 30px; } .block-title strong{ /* -webkit-text-stroke-width: 1px; -moz-text-stroke-width: 1px; -webkit-text-stroke-color: #512f16; -moz-text-stroke-color: #512f16; color: transparent;*/ } .block-title .h1.text-white { text-shadow: 10px 5px 5px rgba(0,0,0,0.2); } .line_tl:before{ display: block; content: ""; margin: 0 auto 20px; width: 2px; height: 30px; background: #111; } .bg-black .line_tl:before{ background: #fff; } .bg-black .block-title p{ color: rgba(255,255,255,0.8); } .small-title { display: inline-block; font-size: 18px; line-height: 20px; color: #512f16; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; margin: 0 0 20px; border: 1px dashed currentColor; padding: 12px 20px; border-radius: 10px; } .card-link{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; } .more-link{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; color: #301908; font-weight: 400; } .more-link i{ margin-left: 5px; font-size: 18px; } .page-line{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; opacity: 0.05; } .page-col, .page-line .container { height: 100%; } .page-line_inner { height: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-col { width: 33.3333333333%; border-right: 1px solid #ddd; } .page-line_inner .page-col:last-child{ border: none; } .bounce-y{ -webkit-animation: bounce-y 10s infinite linear; animation: bounce-y 10s infinite linear; } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounce-y { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounce-y { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .scroll-sign{ position:absolute;width:40px;height:30px; left:0; right:0; margin:0 auto; bottom:10px; z-index:99999; text-align:center;font-size:0;font-family:"Roboto", sans-serif;font-weight:400;color:#fff; text-transform:uppercase; letter-spacing:0.1em;-o-transition: all 0.4s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.4s cubic-bezier(0.7, 0.01, 0.3, 1);transition: all 0.4s cubic-bezier(0.7, 0.01, 0.3, 1); cursor: pointer; z-index: 9999; } .scroll-sign:after{ display:block; font-size:18px; content:""; font-family:'elegant-icons'; position:absolute; top:0; left:0; right:0; margin:0 auto 0; background:url('../images/mouse-icon.png') no-repeat center; width:21px; height:30px; -webkit-animation-name: bounce;animation-name: bounce;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-fill-mode:both;-webkit-animation-duration:2s;animation-duration:2s; } /*About Section*/ .abt-section .bg-img { width: 40%; } /* Gallery Section */ .gallery-flex { margin: 0 -3px; } .gallery-flex .items { padding: 3px; } .gallery-flex .items .imgbox { position: relative; width: 100%; overflow: hidden; padding: 0 0 100%;cursor: pointer; } .gallery-flex .items .imgbox img { width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: top;object-position: top;display: block;position: absolute;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .gallery-flex .items:hover .imgbox img { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .gallery-flex .items .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 60%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: auto; 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; outline: 1px solid rgb(255 255 255 / 35%); opacity: 0; } .gallery-flex .items:hover .overlay { opacity: 1; } .gallery-flex .items:hover .overlay i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .gallery-flex .items .overlay i { font-size: 24px;width: 40px;height: 40px;border-radius: 50%;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;background: rgb(255 255 255 / 30%); color: #fff;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .lg-start-zoom .lg-sub-html{ display: none; } /* Internal Banner */ .internal-banner { min-height: 300px; 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; } .internal-banner .bg-img:before { opacity: 0.8;background: #512f16; } .internal-banner .page-breadcrumb { background: rgb(255 255 255 / 20%);padding: 13px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin: 0 auto;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px); } .internal-banner .page-breadcrumb span{ font-size: 12px;line-height: 1.4; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;color: #fff;position: relative; } .internal-banner .page-breadcrumb span a { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .internal-banner .page-breadcrumb span a i { font-size: 18px; margin-right: 5px; position: relative; top: -1px; } .internal-banner .page-breadcrumb span > a:hover { color: #301908; } .internal-banner .page-breadcrumb span > span { padding-right: 40px; } .internal-banner .page-breadcrumb span > span:last-child { padding: 0; } .internal-banner .page-breadcrumb span > span:after { content: "\f061"; position: absolute; right: 10px; top: -4px; font-size: 18px; font-weight: 900; font-family: 'Line Awesome Free'; } .internal-banner .page-breadcrumb span > span:last-child:after { display: none; } /*Contact Page*/ .contact-inn .imgbox { width: 100%; height: 100%; overflow: hidden; border-radius: 10px 0 0 10px; } .contact-info ul li + li{ margin-top: 15px; } .contact-info ul li a, .contact-info ul li p{ color: #fff; } .contact-inn .imgbox img { display: block;width: 100%;height: 100%;object-fit: cover;object-position: center; } .contact-info { border-radius: 10px 0 0 10px; } .contact-form { padding: 40px; background: #fff; box-shadow: 0 0 20px rgb(30 107 125 / 20%); border-radius: 0 10px 10px 0; margin-left: -30px; height: 100%; } /* Map Section */ .map_block-contact{ width: 100%; height: 400px; } .map_block-contact iframe{ width: 100%; height: 100%; } /* FAQ Section */ .faq-section + .mobi-hide { display: none; } .faq-flex .imgbox { padding: 0 30px; } .faq-list{ border-top: 1px solid #e1e1e1; } .faq-card { background: #fff; border-bottom: 1px solid #e1e1e1; } .faq-card .acc_title { padding: 16px 45px 16px 0; font-size: 20px; font-weight: 700; margin: 0; cursor: pointer; position: relative; } .faq-card .acc_title:after { display: block; content: "\f067"; font-family: 'Line Awesome Free'; font-weight: 900; width: 20px; height: 26px; text-align: center; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-card .acc_title[aria-expanded="true"]:after{ content: "\f068"; } .faq-card .content-box { padding: 0 40px 20px 10px; } .faq-card .content-box p { line-height: 1.6; } /* Product Section */ .product-box { background: #512f17; padding: 15px; border-radius: 5px; overflow: hidden; transition: all ease 0.3s; height: 100%; display: flex; flex-direction: column; align-items: center; } .product-box:hover { box-shadow: 0 3px 6px rgb(255 106 0 / 30%); } .product-text{ padding-top: 15px; text-align: center; } .product-box .imgbox { display: block; width: 100%; height: 160px; } .product-box .imgbox img { display: block; width: 100%; height: 100%; object-fit: contain; } .product-text h3 a { color: #fff; font-size: 24px; display: block; } .product-text h3 a { color: #fff; font-size: 24px; display: block; } .product-text .price { display: block; margin-bottom: 20px; font-size: 22px; color: #fff; } .add-to-cart a { display: block; font-size: 20px; } .product-text .price del { color: #c7c7c7; font-weight: 300; } .product-text .price ins { color: #fff; } /**/ .natural-section { background: #f8faf7; padding: 80px 0; position: relative; } .container { max-width: 1200px; margin: auto; padding: 0 20px; } .natural-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 40px; } .content-box { background: transparent; text-align: center; } .content-box h3 { font-size: 22px; margin-bottom: 15px; font-weight: 600; color: #2b2b2b; } .content-box p { font-size: 15px; line-height: 1.7; color: #555; } .natural-grid .icon { width: 45px; height: 45px; margin: 0 auto 15px; background: #e6f5ec; color: #2aa36b; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; } .natural-grid .image-box { text-align: center; } .natural-grid .image-box img { max-width: 100%; height: auto; } /*vision-section*/ .subtitle { font-style: italic; font-size: 14px; opacity: 0.8; } .title { font-size: 36px; font-weight: 600; margin: 10px 0; } .drop-icon { font-size: 18px; margin-top: 5px; } .vision-card { background: #523118; padding: 40px 30px; border-radius: 10px; text-align: center; } .vision-card .icon { font-size: 54px; margin-bottom: 20px; } .vision-card h3 { font-size: 24px; margin-bottom: 15px; color: #fff; } .vision-card p { font-size: 14.5px; line-height: 1.7; opacity: 0.9; color: #fff; } /*=====Cart/Checkout/Order/MyAccount Pages==== START*/ .woocommerce .woocommerce-breadcrumb { margin: 50px 0 20px !important; text-align: center; } .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{ padding: 30px 20px; background: rgb(81 47 22 / 10%); border-radius: 10px; } .wc-block-components-totals-coupon-link { display: inline-block; font-size: 18px; text-decoration: underline; color: #010101; } .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:first-child { border-top: 0; padding-top: 0; } body .wc-block-components-order-summary .wc-block-components-order-summary-item__image { padding-bottom: 0; width: 48px; height: 48px; background: #fff; } body .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus, body .wc-block-components-radio-control .wc-block-components-radio-control__input:focus{ outline: 0px solid hsla(0, 0%, 7%, .8); outline-offset: 0px; } body .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content>:last-child{ margin-bottom: 0; padding-bottom: 0; } .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked{ background: #f8f0ed; } body .wc-block-components-radio-control-accordion-content{ padding-top: 15px; font-size: 15px; } body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: inset 0 0 0 1px #54321a; } body .wc-block-components-totals-item__value { font-weight: 600; font-size: 14px; } .woocommerce-checkout .wc-block-checkout__terms.wc-block-checkout__terms--with-separator { padding-top: 20px; margin-bottom: 20px; } .woocommerce-checkout .is-large .wc-block-checkout__actions { padding: 0; } body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { padding: 0; } body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: #512f16; font-size: 34px; } .woocommerce-checkout .wc-block-components-button:not(.is-link) .wc-block-components-button__text, body.woocommerce div.product form.cart .button, body.woocommerce #review_form #respond .form-submit .submit{ display: block; background: #512f16; max-width: 100%; padding: 16px; border-radius: 10px; font-size: 15px; text-transform: uppercase; font-weight: 500; color: #fff; letter-spacing: 0.2px; } .woocommerce-message .button, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{ background: #512f16 !important; color: #fff !important; } .product-listing .product-box .add-to-cart a{ background: #fff !important; color: #512f16 !important; width: 100%; border-radius: 50px; padding: 15px; } .components-button.wc-block-components-button, .wishlist-title-with-form .btn.button.show-title-form, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){ background: #512f16; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border: 0; box-shadow: none !important; color: #fff; text-transform: uppercase; font-size: 14px; } .components-button.wc-block-components-button:hover, .components-button.wc-block-components-button:focus, .wishlist-title-with-form .btn.button.show-title-form:hover, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover, body.woocommerce div.product form.cart .button:hover, body.woocommerce #review_form #respond .form-submit .submit:hover, .woocommerce-message .button:hover, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover, .product-listing .product-box .add-to-cart a:hover { background: #301908 !important; color: #fff !important; } .comment-form-rating{ margin-top: 20px; } .woocommerce #review_form #respond p { margin: 10px 0 10px; } .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label{ margin-top: -5px; } .wc-block-components-totals-coupon__form .components-button.wc-block-components-button{ -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .components-base-control ul li:before{ display: none; } .components-flex-item input[aria-expanded="false"]{ background-image: url('../images/angle-down.png') !important; background-repeat: no-repeat !important; background-position: right 24px !important; } del.wc-block-components-product-price__regular{ opacity: 0.5; } .wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block { margin: 20px 0 0; } .wc-block-components-product-badge { padding: 5px 10px; background: #f7f7f7; border: 0; color: #512f16; margin: 5px 0 0; } .wc-block-cart-item__quantity { display: flex; flex-wrap: wrap; align-items: center; position: relative; } .wc-block-components-quantity-selector + .wc-block-cart-item__remove-link { margin-left: 10px !important; font-size: 18px !important; } body .wc-block-components-product-name { font-size: 16px; line-height: normal; font-weight: 500; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link{ text-decoration: underline; } .is-large.wc-block-cart .wc-block-cart-items td.wc-block-cart-item__image { padding-left: 0; } .woocommerce ul.order_details { padding: 10px 30px; background: #f8f0ed; width: 100%; margin: 0 0 20px; } .woocommerce ul.order_details li { padding-left: 0; margin-bottom: 10px; margin-top: 10px; } .woocommerce ul.order_details li:before, body ul.wc-block-grid__products li:before{ display: none; } .woocommerce .col2-set, .woocommerce-page .col2-set{ width: 100%; display: flex; } .woocommerce .col2-set > div, .woocommerce-page .col2-set > div{ max-width: 100%; flex: 100%; } body .woocommerce .woocommerce-customer-details address { padding: 30px; height: calc(100% - 34px); background: linear-gradient(45deg, #512f16, #010101); border: 0; color: #fff; line-height: 28px; } .woocommerce .woocommerce-customer-details address p{ color: #fff; } ul.wc-block-grid__products{ display: flex; justify-content: center; flex-wrap: wrap; } body ul.wc-block-grid__products li { padding: 0 0 20px; margin: 0 10px 20px; background: #fff; border: 1px solid #e5e5e5; display: flex; flex-direction: column; } body ul.wc-block-grid__products .woocommerce-Price-amount.amount { font-size: 26px; font-weight: 600; } body ul.wc-block-grid__products li .wp-block-button{ margin-top: auto; } body .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { background: #512f16; font-size: 16px; line-height: normal; padding: 10px 20px;color: #fff; border-radius: 10px !important; } body .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover { color: #fff; } .woocommerce-MyAccount-navigation { padding: 30px; background: rgb(81 47 22 / 10%); border-radius: 10px; } .woocommerce table.my_account_orders { border-left: 0; border-bottom: 0; } .woocommerce table.shop_table td{ border-top: 0; line-height: normal; } .woocommerce-MyAccount-content .button { padding: 12px 20px !important; background: #512f16 !important; color: #fff !important; font-weight: 400 !important; font-size: 14px !important; border-radius: 10px !important; } .woocommerce-MyAccount-content form .form-row label { min-width: 100%; text-transform: capitalize; } .woocommerce-MyAccount-content form .form-row input.input-text, .woocommerce-MyAccount-content form .form-row textarea{ border: 1px solid #ccc; } .woocommerce form .password-input, .woocommerce-page form .password-input { width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ color: #512f16; } .woocommerce-MyAccount-navigation ul{ display:inline-block;padding:0;margin:0 0 20px; } .woocommerce-MyAccount-navigation ul li{ position:relative; padding:0 0 0 30px;margin:0 0 5px; } .woocommerce-MyAccount-navigation ul li:before{ content: "\f058"; position: absolute; left: 0; top: 0; border-radius: 50%; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 21px; line-height: 1.4; color: #512f16; } .woocommerce-Address{ margin: 0 10px; padding: 30px !important; background: #563217; border: 0; border-radius: 10px; color: #fff; } .woocommerce-Address address { line-height: 28px; } .woocommerce-Address .woocommerce-Address-title { padding: 0 0 10px; margin: -10px 0 15px; border-bottom: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; } .woocommerce-Address .woocommerce-Address-title h3 { font-size: 20px; text-transform: uppercase; margin: 0; color: #fff; } .woocommerce-account .addresses .title .edit { background: rgba(255, 255, 255, 0.2); padding: 8px 20px; font-size: 16px; color: #fff; border-radius: 20px; margin-left: auto; } .woocommerce-account .woocommerce-info { border-color: #010101; display: flex; align-items: center; justify-content: space-between; } .woocommerce-account .woocommerce-info .button { text-align: right; margin-left: auto; } .woocommerce-account .woocommerce-info::before { color: #010101; top: 30px; } .woocommerce form .password-input, .woocommerce-page form .password-input { width: 100%; } .woocommerce-address-fields .woocommerce-input-wrapper { width: 100%; } .woocommerce-address-fields .woocommerce-input-wrapper .select2-selection--single { background: var(--white_clr); border: 1px solid #d5d5d5; width: 100%; padding: 2px 15px; margin: 0; font-size: 20px; color: #010101; font-weight: 400; line-height: normal; letter-spacing: 0; height: 44px; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: flex; align-items: center; } .woocommerce-address-fields .woocommerce-input-wrapper .select2-selection--single .select2-selection__rendered { width: 100%; height: 100%; padding: 0; display: flex; align-items: center; } /*=====Cart/Checkout/Order/MyAccount Pages==== END*/ /*Product Detail*/ .product-magnifier { position: relative; overflow: hidden; cursor: crosshair; } .product-magnifier img { width: 100%; display: block; } .magnifier-lens { position: absolute; border: 2px solid #000; width: 120px; height: 120px; background-repeat: no-repeat; pointer-events: none; border-radius: 50%; display: none; } .related-products .price { font-size: 22px !important; } .single-list .imgbox { border: 1px solid #512f16; border-radius: 5px; } .pdt-content { padding-left: 40px; } .pdt-content form.cart { margin: 20px 0 !important; } .related-products .add-to-cart a { background: #fff !important; border-radius: 50px !important; width: 100%; padding: 15px !important; color: #512f17 !important; } .woocommerce-Tabs-panel { display: none; } .wc-tabs li.active a { font-weight: bold; } .related-products ul.tabs.wc-tabs { padding: 0 !important; } .related-products ul.tabs.wc-tabs li.active { background: #503018 !important; color: #ffffff !important; border-bottom: 0 !important; border-radius: 0 !important; } .related-products ul.tabs.wc-tabs li:before, .related-products ul.tabs.wc-tabs li:after{ display: none; } /*Testimonials Section*/ .testimonial-section{ overflow: hidden; } .testimonial-inner{ padding: 80px 20px; border: 2px solid #512f16; } .card-testi{ position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .card-testi p { font-size: 20px; line-height: 28px; color: #666; } .client-name{ display: block; font-size: 16px; line-height: 20px; color: #512f16; } .client-name:before{ display: block; content: ""; width: 30px; height: 2px; background: #512f16; margin: 0 0 10px; } .client-post{ display: block; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; margin-top: 5px; } .star-box { font-size: 18px; color: #512f16; letter-spacing: 0.05em; margin: 0 0 20px; } .testi-imgbox { display: block; min-width: 75px; max-width: 75px; height: 75px; background: #fff; /*border: 2px solid #666;*/ overflow: hidden;border-radius: 50%; } .testi-imgbox img{ display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .custom-arrow .slick-arrow{ position: relative; min-width: 40px; height: 40px; background: #fff; color: #512f16; margin: 0; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-shadow: 0 3px 5px rgba(0,0,0,0.2); } .custom-arrow .slick-arrow.slick-prev:before{ font-size: 20px; content: "\f060"; } .custom-arrow .slick-arrow.slick-next:before{ font-size: 20px; content: "\f061"; } .custom-arrow .slick-arrow:hover{ background: #512f16; color: #fff; } .testimonial-slider .slick-dots { left: 100%; right: auto; top: 0; bottom: 0; margin: 0 0 0 60px; width: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .testimonial-slider .slick-dots li{ margin: 2px 0; } /*testimonial-page*/ .testimonial-page .card-testi { border: 1px solid #ccc; border-radius: 10px; padding: 15px; } .testimonial-page .card-testi { border: 1px solid #ccc; border-radius: 10px; padding: 15px; } .testimonial-page .card-testi p { font-size: 18px; line-height: 26px; color: #666; } /*banner-post-block*/ .banner-post-block .imgbox { width: 100%; margin: 0 auto; display: flex; justify-content: center; } .banner-post-block .imgbox img { display: block; } /* Blog Page */ .post-list .items, .testimonial-list .items { padding-top: 15px; padding-bottom: 15px; } .blog-section .blog-card { padding: 0; height: 100%; display: flex; flex-direction: column; } .blog-section .blog-card a img { height: 210px; border-radius: 10px; object-fit: cover; display: block; } .blog-section .blog-card .blog-textbox { padding: 20px 0; } .blog-section .blog-card .blog-textbox .date { color: #512f16; font-size: 16px; line-height: 16px; margin-bottom: 12px; font-style: italic; } .blog-section .blog-card .btnbox { display: inline-block; } .more-link { font-weight: 600; } .content-detail-box .bg-img { width: 100%; height: 400px; background-size: cover !important; position: relative; border-radius: 20px; overflow: hidden; } .blog-detail .block-content { background: var(--white_clr); margin: -40px 20px 0; position: relative; padding: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.2); } .pagination-single { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 40px 20px 0; } .blog-detail-caption{ position: absolute; bottom: 20px; left: 20px; } /*About Us Page*/ .about-caption { max-width: 700px; } .about-caption *{ color: #fff; } /*Shop Page*/ /* ================= SHOP FILTER BAR ================= */ .shop-filter-bar .woocommerce-message { margin: 0 !important; } .product-listing .product-box .add-to-cart { display: block; width: 100%; } .shop-filter-bar { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 15px 20px; margin-bottom: 30px; background: #512f17; border-radius: 5px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); } /* Result Count */ .shop-filter-bar .woocommerce-result-count { margin: 0; font-size: 15px; color: #fff; } /* Ordering Select */ .shop-filter-bar .woocommerce-ordering { margin: 0; } .shop-filter-bar select { padding: 8px 14px; border-radius: 6px; border: 1px solid #ddd; font-size: 14px; cursor: pointer; background: #fff; } .shop-filter-bar select:focus { outline: none; border-color: #000; } .product-listing { gap: 30px 0; } /* Faq Css */ .faq-list { border-top: 1px dashed #ddd; } .faq-card { border-bottom: 1px dashed #ddd; } .acc_title { padding: 20px 20px 20px 0; font-size: 26px; line-height: 28px; color: #000; font-weight: 600; margin: 0; cursor: pointer; position: relative; } .acc_title:after { display: block; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; width: 20px; height: 26px; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease; } .acc_title[aria-expanded="true"] { color: #512f16; } .acc_title[aria-expanded="true"]:after{ transform: rotate(180deg); } .faq-card .content-box { padding: 0 0 20px; text-align: left; } .comment-form-rating select option { color: #503018; } div#gt_float_wrapper { right: 0px !important; top: 117px !important; } .f-bottom-inner p a { color: #fff; text-decoration: underline; } .f-bottom-inner p a:hover { text-decoration: none; } .f-bottom-inner .right-block { padding-right: 40px; } .payment-logo { max-width: 300px; } /*========================================== ===============:: MEDIA CSS ::============== ============================================*/ @media screen and (max-width:1499px){ .max-container{max-width: 1270px; padding: 0 20px;} .container{max-width: 1140px;} } /* iPad 1024px View */ @media screen and (max-width:1199px){ .container, .max-container{width:100%; max-width:100%; padding:0 20px;} .ptb-100{padding:80px 0;} .ptb-80, .ptb-90{padding:60px 0;} .ptb-60 {padding: 40px 0; } h1, .h1{font-size: 40px; line-height: 1.2;} h2, .h2{font-size: 34px;line-height: 40px; margin: 0 0 15px;} h3 {font-size: 26px;line-height: 34px;} h4 {font-size: 20px;line-height: 24px;} h5 {font-size: 16px;line-height: 24px;} p{font-size: 16px;line-height: 24px; margin-bottom: 15px;} ul li, ol li{font-size: 16px;line-height: 24px;} blockquote{padding: 10px 20px; font-size: 18px; line-height: 1.3;} .block-title{margin-bottom: 20px;} .block-title h2:not(.h1) br{display: none;} /*Header and banner*/ .header-blank {height: 80px; } .header-nav{display:none !important;} .mobi-iconbox{display:block;} .header-inner, .navbar_fixed .header-inner{ height: 80px; } .home .header-blank { height: 80px; } .site-logo { width: 56px; } .header-right{ margin: 0 40px 0 0; } .head-social-icons{ margin-left: 15px; padding: 0; border: 0; } .head-btnbox { margin-left: 20px; } /*Middle*/ .abt-box { padding-left: 100px; } .home-banner .items { height: 440px; } .footer-inn { padding: 80px 0 40px; } } @media screen and (max-width:991px){ .ptb-60 {padding: 40px 0; } h1, .h1{font-size: 40px; line-height: 1.2;} h2, .h2{font-size: 32px;line-height: 40px; margin: 0 0 15px;} h3 {font-size: 22px;line-height: 30px;} .contact-inn .imgbox { border-radius: 10px 10px 0 0; } .contact-form { border-radius: 0 0 10px 10px; margin-left: 0; } .vision-inner .items { padding: 15px; } .testimonial-inner { padding: 40px 20px; } .natural-section { padding: 60px 0; } .footer-inn .items:nth-child(4){ margin-top: 20px; } .f-logo > a { max-width: 90px; } .contact-info { border-radius: 10px 10px 0 0; } .pdt-content { padding-left: 0; } .woocommerce div.product .product_title { font-size: 36px; } body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { font-size: 28px; } } /* iPhone-6 plus 736 (Landscape) view */ @media screen and (max-width:767px){ body{-webkit-text-size-adjust:none;} .container{padding-left: 20px; padding-right: 20px;} .ptb-100 {padding: 40px 0; } .ptb-80, .ptb-90 {padding: 40px 0; } h2, .h2{font-size: 28px;line-height: 36px;} p{margin:0 0 15px;} img.alignleft, img.alignright, img.alignnone, iframe, iframe.alignleft, iframe.alignright, iframe.iframe-embed.alignright{ float: none; max-width: 100%; margin: 0 0 20px; } .scroll-sign{ display: none; } .line_tl:before{ margin-bottom: 20px; } /*Header and banner*/ .mobile-menu-block{ width: 85%; left: -105%; } .header-right { margin: 0 45px 0 0; } .head-search .dropdown-menu{ position: fixed !important; left: 0 !important; right: 0 !important; top: 80px !important; width: 100%; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; z-index: 99; } .navbar_fixed .head-search .dropdown-menu{ display: none; } .append-search input { height: 40px; border-radius: 0; width: 100%; border: 0; background: #fff; color: #000; } .append-search .search-btn { height: 40px; width: 40px; } .head-search .hd-icon { top: 2px; } /*Banner*/ .home-banner .items { height: 406px; } .hero-slider [data-slick-index="0"] .bg-img{ background: url('../images/mobile-banner-orange.jpg') no-repeat center !important; } .hero-slider [data-slick-index="1"] .bg-img{ background: url('../images/mobile-banner-peppermint.jpg') no-repeat center !important; } .hero-slider [data-slick-index="2"] .bg-img{ background: url('../images/mobile-peppermint-banner.jpg') no-repeat center !important; } .hero-slider [data-slick-index="3"] .bg-img{ background: url('../images/mobile-eucalyptus-banner.jpg') no-repeat center !important; } .caption { min-width: 100%; max-width: 100%; } .banner-sub-title:before { width: 20px; height: 2px; } .banner-sub-title { font-size: 12px; line-height: 18px; padding-left: 30px; } .caption .h1 { font-size: 30px; line-height: 38px; } .caption p { font-size: 14px; line-height: 20px; } .button, .btn { padding: 12px 22px; font-size: 15px; line-height: 22px; } .abt-section .bg-img { display: none; } .block-title .h1.text-white { color: #000 !important; font-size: 32px; } .abt-box { padding-left: 0; margin-top: 20px; } .abt-inner .block-title h2>br { display: none; } .contact-form { padding: 20px; } .input-field { flex-basis: 100%; min-width: 100%; max-width: 100%; } .testi-sec-tl { padding-bottom: 20px; } .testimonial-inner .block-title { padding-bottom: 15px; } .testi-sec-inn { padding: 0; } .card-testi p { font-size: 16px; line-height: 26px; } .client-info { padding-top: 20px; } .natural-section { padding: 40px 0; } .natural-grid { grid-template-columns: auto; } .footer-inn { padding: 40px 0; } .f-logo > a { max-width: 80px; } .footer-text p { margin: 0; } .footer-inn .items:nth-child(1), .footer-inn .items:nth-child(2), .footer-inn .items:nth-child(3) { margin-top: 20px; } .shop-filter-bar { flex-direction: column; align-items: flex-start; } .contact-info { padding: 30px 20px !important; } .product-list .items{ padding-top: 15px; padding-bottom: 15px; } .pdt-content { margin-top: 20px; } .woocommerce div.product .product_title { font-size: 30px; } .f-bottom-inner { flex-direction: column; } .f-bottom-inner .right-block { padding-right: 0; padding-bottom: 20px; } .payment-logo { max-width: 80%; } }/*767 End