/* Fonts start */ @font-face { font-family: 'Arial Rounded MT'; src: url('../fonts/ArialRoundedMTBold.woff2') format('woff2'), url('../fonts/ArialRoundedMTBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /*==================================:: WOW CSS Start ::==================================*/ .animated{animation-duration:0.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-10%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(10%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,10%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-10%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-10%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,10%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-10%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(10%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-10%,0)}}.slideOutUp{animation-name:slideOutUp} /*==================================:: WOW CSS End ::==================================*/ /* Loading */ .loader-wrap {background: #424098; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999;display: none !important;} .loader-wrap .spinner {top: 0; left: 0; bottom: 0; right: 0; position: absolute; width: 50px; margin: auto; height: 50px;} .loader-wrap .double-bounce1, .loader-wrap .double-bounce2 {width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 255, 255, 0.7); opacity: 1; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;} .loader-wrap .double-bounce2 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s;} .loader-wrap p {top: 50%; left: 50%; position: absolute; color: #fff; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-left: -30px; font-weight: 600; margin-top: 30px;} @-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0.0); transform: scale(0.0);} 50% {-webkit-transform: scale(1.0); transform: scale(1.0);} } @keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0.0); transform: scale(0.0);} 50% {-webkit-transform: scale(1.0); transform: scale(1.0);} } /*==================================:: Slick Slider CSS Start ::==================================*/ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after {display: table; content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slider .slick-prev:before, .slider-vertical .slick-next:before {display: none;} .slider .slick-prev, .slider .slick-next {width: 28px; height: 28px; border-style: solid; margin: 10px; display: inline-block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; cursor: pointer;} .slider .slick-prev:before, .slider .slick-next:before {display: none;} .slider .slick-prev {border-width: 14px 14px 14px 0px; border-color: transparent #ffffff; left: 0px; right: auto;} .slider .slick-next {border-width: 14px 0px 14px 14px; border-color: transparent #ffffff; right: 0px; left: auto;} .slider .slick-prev:hover, .slider .slick-next:hover {border-color: transparent #ffd200;} .slider .slick-prev.slick-disabled, .slider .slick-next.slick-disabled, .slider .slick-prev.slick-disabled:hover, .slider .slick-next.slick-disabled:hover {opacity: 0.1; cursor: default; border-color: transparent #000000;} .slider div {text-align: center; font-size: 75px; color: #ffffff;} /*==================================:: Slick Slider CSS End ::==================================*/ /* ===== RESET ================================================== */ main, abbr, acronym, address, applet, article, aside, audio,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, small, 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:normal; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; 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; max-width:100%; border:0; border-top:1px solid #adadad; margin:30px 0; padding:0;} input, select{vertical-align:middle; margin:0;} ol, ul, li{list-style:none;} html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);} html, body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;} /* ===== GLOBAL ================================================== */ html, body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} body{padding:0; margin:0; font-family: 'Poppins', sans-serif; font-weight: 400; font-size:16px; line-height:24px; color:#000;background:#fff; overflow-x:hidden; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} :focus{text-decoration:none; outline:none;} a{text-decoration:none; color:#707070; outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} a:hover{text-decoration:none; color:#893475;} a:focus{outline:0; outline: none;} blockquote, q{border-left:4px solid #ef6622; padding:15px 30px; margin:5px 0 40px 0; background: rgb(239 102 34 /10%);} blockquote p, q p{font-size:18px; line-height:24px; font-weight:400; color: #000;} /* Ul Li & Ol Li CSS */ ul, ol {margin:0 0 20px 0; padding:0;} ol {margin-left: 25px;} ol li {list-style-type: decimal; list-style-image: none; list-style-position: outside;} ul ul, ol ol, ul ol, ol ul{margin-top:15px;} ul li, ol li{margin:0 0 20px 0; padding:0; font-size:18px; line-height:24px; color:#000000; font-weight:400;} ul li:last-child, ol li:last-child {margin-bottom: 0;} li a{color:#707070;} li a:hover{color:#893475;} ul li {padding-left: 20px; position: relative;} ul li:before {content: ''; position: absolute; left: 0; width: 5px; height: 5px; background: #000; border-radius: 20px; top: 10px;} h1,h2,h3,h4,h5,h6{font-weight:bold; font-family: 'Poppins', sans-serif; color:#424098; line-height:normal; letter-spacing:0; margin:0;} h1{font-size:50px; line-height: 65px; color: #893475; font-weight: 600; margin-bottom: 0px; text-transform: uppercase; letter-spacing:0.030em;} h2{font-size:50px; margin-bottom: 40px; font-weight:600;} h3{font-size:32px; line-height: 32px; font-weight: 600; margin-bottom: 10px;} h4{font-size:26px; line-height: 30px; margin-bottom: 10px;} h5{font-size:20px; font-weight: 600; margin-bottom: 30px; text-transform: uppercase;} h6{font-size:18px; line-height: 28px; margin-bottom: 20px; font-weight: 600;} h2 span {display: block; margin-bottom: 15px;} p{font-family: 'Poppins', sans-serif; font-size:20px; line-height:32px; color:#000; font-weight:400; letter-spacing:0; margin:0 0 25px 0;} p:last-child {margin-bottom: 0;} img {max-width:100%; height:auto; border:none; outline:none;} strong{font-weight:600;} /*Form Input Field*/ input, textarea, select {background:#fff; border:1px solid #F2F2F2; width:100%; text-align:left; padding:5px 15px; margin:0; font-size:15px; color:rgba(0, 0, 0, 0.5); font-weight:400;letter-spacing:0; height:50px; outline:none; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; box-shadow:none;} 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:100px; padding:17px; vertical-align:top; resize:none; display:block;} ::-webkit-input-placeholder{color:#000; opacity:0.5;} :-moz-placeholder{color:#000; opacity:0.5;} ::-moz-placeholder{color:#000; opacity:0.5;} :-ms-input-placeholder{color:#000; opacity:0.5;} .container {max-width: 1310px; padding: 0 15px;} .gray-bg {background: #FBFBFD;} .cover-img{width:100%;} .cover-img img{width:100% !important; height:100% !important; object-fit: cover; object-position: center;display: block;} .btn {display: inline-block;font-family: 'Arial Rounded MT'; font-size: 20px; font-weight: 700; line-height: 48px; height: 50px; padding: 0 20px; border: 0; border-radius: 0; min-width: 180px; background: #424098; border-radius: 5px; color: #fff; transition: all ease 0.5s; box-shadow: none !important;} .btn:hover, .btn:focus {color: #fff; background: #893475; text-decoration:none !important;} .small-btn {height: 40px;line-height: 40px;font-size: 16px;min-width: 140px;} main {margin-top: 136px; transition: margin 0.5s;} .header-fixed main {margin-top: 80px;} /* ===== Header ============= */ #header {position: fixed; top: 0; left: 0; width: 100%; z-index: 9; background: #fff; padding: 30px 0; transition: all ease 0.5s;} .header-fixed #header {box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%); padding: 15px 0;} .header {justify-content: space-between; align-items: center;} .logo img {height: 76px !important; transition: height 0.5s; display: block;} #navigation ul {margin: 0;} #navigation ul li {padding:0; margin: 0;} #navigation ul li + li{margin-left:32px;} #navigation ul li::before {display: none;} #navigation ul li a {font-size: 20px; text-transform: uppercase; color: #000000; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 0; line-height: normal; background: transparent; display: block;} .header-right {align-items: center;} #navigation ul li a:hover, #navigation ul li:hover>a, #navigation ul li.current_page_item>a {color: #893475; text-decoration: underline;} .mobile-logo {display: none;} .header-right-box {display: flex;justify-content: space-between; align-items: center;} .header-right-box .search-cart-box {display: flex; justify-content: center; align-items: center; margin-left: 40px;} .search-cart-box .search-box {margin-right:15px; cursor: pointer;} .search-cart-box .user-icon{margin-left:15px;} .search-cart-box .user-icon {display: -webkit-flex;display: flex;align-items: center;} .search-cart-box .user-icon span {margin-left: 10px;color: #000; text-transform: capitalize;} .search-cart-box .search-box i, .search-cart-box .cart-box i {font-size:29px; color: #424098; transition: all ease 0.5s;} .search-cart-box .search-box:hover i, .search-cart-box .cart-box:hover i {color: #893475;} .search-box-main {top: 50%;transform: translate(0, -50%);width: 220px;right: 40px; transition:opacity 0.4s ease-in-out; opacity:0; z-index:-1;visibility: hidden;} .search-form input.search-field {padding-right: 30px;} .search-icon{background:url(../images/search-icon.svg) no-repeat center; width:20px !important;height:20px !important; padding: 0;border: 0; right:10px; top:50%; transform: translate(0, -50%);} .search-cart-box i{transition: all 0.4s ease;} .search-cart-box .fa-times{opacity:0;} .search-opened .search-box-main{opacity:1; visibility: visible; z-index: 9;} .search-opened .fa-search{opacity:0;} .search-opened .fa-times{opacity:1;} .search-cart-box .cart-box {cursor: pointer;} .header-fixed .logo img {height: 50px !important;} .header-right-box .language-menu {margin-left: 40px;} .language-menu .sub-menu-toggle {position: absolute;left: 0;right: 0;top: 0;font-size: 0;opacity:0; height:30px;} .language-menu .sub-menu-toggle span{display: none;} .header-right-box .language-menu ul li a {text-transform: uppercase;color: #000000;font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 500;line-height: normal;display: block;} .header-right-box .language-menu ul li a img {margin-right: 5px;} .header-right-box .language-menu>ul>li>a:after{content:"\f078";font-family: "Font Awesome 5 Free";color: #000000;font-size: 14px;font-weight: 900;width: auto;height: auto;background: none; margin-left:5px; transition: all 0.4s ease;} .header-right-box .language-menu>ul>li.active>a:after{content:"\f077";} .header-right-box .language-menu ul {margin: 0;} .header-right-box .language-menu ul li {padding: 0; margin: 0; line-height: 0;} .header-right-box .language-menu ul li:before {display: none;} .header-right-box .language-menu ul.sub-menu {display: none;position: absolute;left: 0;right: 0;top: 100%;} .header-right-box .language-menu ul.sub-menu li a{font-size:16px;color:#707070;} .header-right-box .language-menu li.active ul.sub-menu{display: block;} /* Banner start */ .banner-section {height: 660px; background:#efefef;} .banner-section .banner-content{margin-top:-35px;} .image-box img {display: block; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center;} .banner-btn-row {margin-bottom: 70px;} .banner-btn-row .btn-box {width: 410px; height: 140px; background: rgba(255, 255, 255, 0.9); border-radius: 20px;} .banner-btn-row .btn-box.buy-box {margin-right: 45px;} .buy-box-text{line-height:26px;} .banner-btn-row .btn-box a {height: 100%; font-size: 24px; color: #424098; line-height: 26px; padding:10px 20px;} .banner-btn-row .btn-box svg {margin-right: 20px;max-width: 62px;} .banner-btn-row .btn-box a strong {display: block; text-transform: uppercase; font-size:38px; line-height: 26px;} .banner-btn-row .btn-box a path {transition: fill 0.4s ease-in-out;} .banner-btn-row .btn-box a:hover path{fill:#893475;} .banner-btn-row .btn-box a:hover{color:#893475;} .banner-rdo-btn-row {min-width: 28%;max-width: 28%;flex-basis: 28%;padding-left: 30px;} .banner-rdo-btn-row .radio-box + .radio-box{margin-left:25px;} .banner-rdo-btn-row .radio-box input {width: 38px; height: 38px;} .banner-rdo-btn-row .radio-box label {color:#fff; font-size: 28px; line-height: 38px;padding-left: 48px;cursor: pointer;} .banner-rdo-btn-row .radio-box label:before {content: ''; position: absolute; left: 0; top: 0; width: 38px; height: 38px; background: #fff; border-radius: 50%; border: solid 6px #fff; box-shadow: 0px 3px 6px #00000029;} .banner-rdo-btn-row .radio-box input:checked + label:before {background: #893475;} .banner-search-row {min-width: 72%;max-width: 72%;flex-basis: 72%;} .banner-search-row .search-form{width:100%;} .banner-search-row input.search-field{height: 66px;width: 100%; padding-right: 70px; padding-left: 30px;border: solid 1px #707070; font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 400; color: rgba(0, 0, 0, 0.5);border-radius: 10px;} .banner-search-row .search-icon{right:20px; width: 24px !important; height:24px !important;} .hero-search-wrapper{margin-top:-100px;} .hero-search-wrapper .container{max-width:1014px;} .search-box-wrapper{background:#424098;border-radius:20px; padding:30px 50px;} .search-box-wrapper h1{font-size:44px;} /* Section 1 start */ .pd-slider-blog {margin-top: -20px;} .slider-blog .pd-item {padding: 20px 15px;} .slider-blog .pd-item .item-box {background: #ffffff; transition: all ease 0.5s; border: 1px solid #F2F2F2;} .slider-blog .pd-item .item-box:hover {box-shadow:0px 0px 20px #00000029;} .pd-item .pd-img {overflow: hidden; height: 320px;} .pd-item .pd-img img {width: 100% !important; transition: all ease 1s; transform: scale(1); height: 100% !important; max-width:100% !important; object-fit: scale-down; object-position: center; display: block;} .pd-item:hover .pd-img img {transform: scale(1.05);} .pd-item .pd-detail {padding: 30px 20px; text-align: center;} .pd-item .pd-detail h2, .pd-item .pd-detail .pd-name {font-size: 24px; color: #000; line-height: 30px;font-weight: 500;letter-spacing: 0.56px; display: inline-block;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin:0;} .pd-item .pd-detail .pd-btn-box {display: flex; justify-content: space-between; margin-top: 35px; align-items: center;} .pd-item .pd-detail .pd-btn-box .btn {min-width: 160px;} .pd-item .pd-detail h2:hover, .pd-item .pd-detail .pd-name:hover {color: #893475;} .pd-price-box a span.price, .pd-price-box a, .pd-price-box {font-size: 20px; line-height: 30px; color: #000; margin-top: 5px;} .pd-price-box a span.price, .pd-price-box span {color: #E31A1A;} .pd-btn-row {margin-top: 30px;} .slider-blog .slick-arrow {background: url('../images/slider-left-arrow.png') no-repeat; background-size: 32px auto; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); width: 33px; height: 33px; font-size: 0; transition: all ease 0.5s;} .slider-blog .slick-next.slick-arrow {background-image: url('../images/slider-right-arrow.png'); right: -50px; left: auto;} .slider-blog .slick-arrow:hover {background-image: url('../images/slider-left-arrow-hover.png');} .slider-blog .slick-next.slick-arrow:hover {background-image: url('../images/slider-right-arrow-hover.png');} .slider-blog {margin: 0 -15px;} /* Section 3 start */ .pt-10 {padding: 100px 0;} .data-card-box {padding: 50px 35px; text-align: center; height: 100%;} .data-card-box span {display: block; margin-bottom: 20px; min-height: 125px;} .data-card-box .btn {min-width: 210px;} .data-card-box p {color: #424098;} /* Section 4 start */ .brands-slider .pd-item {padding: 20px 20px;} .home-section4 .slider-blog {margin: 0 -20px;} .brands-slider .pd-item .item-box {background: transparent; border: solid 1px #f2f2f2;} .brands-slider .pd-item .item-box .pd-img {height: 165px;} /* Section 5 start */ .blue-bg {background: #424098;} .home-section5 .data-card-box {padding: 40px 40px;} .home-section5 .data-card-box span {min-height: auto;} .home-section5 .data-card-box h4 {color: #fff;} .home-section5 .data-card-box p {color: #fff;} /* Section 6 start */ .categories-blog {flex-wrap: wrap;} .categories-blog .pd-item {padding: 20px 15px;width: 25%;} .categories-blog .pd-item .item-box {background: #fff; border: 0;} .categories-blog .pd-item .item-box .pd-img {height: 225px; display: flex; align-items: center; justify-content: center;} .categories-blog .pd-item .item-box .pd-detail {padding: 20px 20px 25px;} .categories-blog .pd-item .item-box .pd-img svg path {fill: #323233; transition: all ease 0.5s;} .categories-blog .pd-item .item-box:hover .pd-img svg path {fill: #893475;} .categories-blog .pd-item .item-box:hover .pd-name {color:#893475;} /* Section 7 start */ .blog-section .pd-item {width: 33.3333%; padding: 0 10px; margin-bottom: 45px;} .blog-section .blog-content {margin: 0 -10px; flex-wrap: wrap;} .blog-section .pd-item .pd-img {height: 260px;border: solid 3px #fff;box-shadow: 0px 3px 15px #00000029;} .blog-section .pd-item .pd-img img {object-fit: cover;} .blog-section .pd-item .pd-detail {padding: 25px 0 0 0; text-align: left;} .blog-section .pd-item .pd-detail h4 {font-weight: 500; line-height: 32px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .blog-section .pd-item .pd-detail p {line-height: 30px; color: #9E9E9E; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .blog-section .pd-item .pd-detail a {color: #707070; font-size: 20px; text-decoration: underline; font-weight: 400;} .blog-section .pd-item .pd-detail a:hover, .blog-section .pd-item:hover .pd-detail a {color: #893475;} /* Section 8 start */ .home-section8 .content-box {background: #FBFBFD; box-shadow: 0px 3px 20px #00000029; border: 4px solid #FFFFFF; padding: 60px 55px;} .card-row {justify-content: space-between; align-items: center;} .card-row .card-box {width: 33.3333%; padding: 0 40px;} .card-row .card-box .icon-box {display: flex; width: 125px; border: 1px solid #BCBCBC; background: #fff; height: 125px; justify-content: center; align-items: center; margin: 0 auto 10px; border-radius: 50%;} .card-row .card-box p {color: #342B2B; font-size: 28px; line-height: 40px;} .desc-row {margin-top: 45px;} .desc-row p {font-size: 22px; line-height: 35px; color: #342B2B;} /* Footer start */ .footer-top h4 {line-height: 33px; margin-bottom: 25px;} .contact-info-row {display: flex; margin-bottom: 15px;} .contact-info-row:last-child {margin-bottom: 0;} .contact-info-row i {width: 40px; font-size: 24px; color: #fff; line-height: 26px;} .contact-info-row p, .contact-info-row p a {font-size: 18px; line-height: 26px; color: #fff;} .contact-info-row p a:hover {text-decoration: underline;} .quick-box ul {margin: 0;} .quick-box ul li {list-style: none; margin-bottom: 8px; padding: 0;} .quick-box ul li:last-child {margin-bottom: 0;} .quick-box ul li:before {display: none;} .quick-box ul li a {color: #fff; font-size: 18px; line-height: 28px;} .quick-box ul li a:hover {text-decoration: underline;} .subscribe-box .f-form label {font-size: 20px; line-height: 27px; color: #fff; margin-bottom: 8px;} .subscribe-box .f-form .form-box {position: relative; background: #fff; border: 1px solid #707070; border-radius: 5px; height: 56px;} .subscribe-box .f-form .form-box .alert {background: none;border: 0;padding: 0;color: red;font-size: 12px;} .subscribe-box .f-form .form-box .search-form {height: 100%;} .subscribe-box .f-form .form-box input {font-size: 18px; padding: 0 60px 0 20px; color: #707070; background: transparent; border: 0; box-shadow: none; height: 100%;} .subscribe-box .f-form .form-box .btn {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); height: 46px; width: 46px; min-width: auto; padding: 0; line-height: normal; font-size: 20px; font-weight: 600; font-family: 'Poppins', sans-serif; letter-spacing: 0.08px; background: #707070;} .subscribe-box .f-form .form-box .btn:hover, .subscribe-box .f-form .form-box .btn:focus {background: #893475; color:#fff;} .social-media {margin-top: 25px;} .social-media ul {margin: 0; display: flex;} .social-media ul li {margin: 0 25px 0 0; padding: 0;} .social-media ul li:before {display: none;} .social-media ul li:last-child {margin: 0;} .social-media ul li a {display: block; color: #fff; font-size: 24px;} .social-media ul li a:hover {color: #000;} .footer-bottom h4 {line-height: 33px;margin-bottom: 25px;} .popular-box {padding-left: 30px;} .f-menu-items ul{columns: 4;-webkit-columns: 4;-moz-columns: 4;} .f-menu-items ul li {margin-bottom: 8px; padding-left: 0;} .f-menu-items ul li:before {display: none;} .f-menu-items ul:last-child {margin-right: 0;} .f-menu-items ul li a {font-size: 16px; color: #000000; line-height: 26px;} .f-menu-items ul li:last-child {margin-bottom: 0;} .f-menu-items ul li a:hover, .f-menu-items ul li.current_page_item>a{color: #893475; text-decoration: underline;} .certifications-logo img {display: block;} .certifications-box p {color: #000000; font-size: 21px; line-height: 25px; margin: 25px 0 0 0;} .certifications-box p a {color: #000;} .certifications-box p a:hover {color: #893475; text-decoration: underline;} .copyright {padding: 12px 0;} .copyright p {text-align: center; font-size: 16px; line-height: 26px; color: #fff;} .copyright p a {color: #fff;} .copyright p a:hover {text-decoration: underline;} .subscribe-box .success-msg h4, .subscribe-box .success-msg p {color: #000;} /* Back to top*/ .back-to-top {position: fixed; bottom: 100px; right: 55px; z-index: 9999; opacity: 0; visibility: hidden; transition: all ease 0.5s; color:#424098;} .back-to-top.show {opacity: 1; visibility: visible;} /** Start Selling Page Start **/ .banner-section.internal-banner{height: 322px;} .banner-section.internal-banner .image-box img {object-position: top right;} .page-template-tpl_start-selling .home-section4.gray-bg{background:#fff;} .categories-blog .pd-item .item-box.box-bg{background:#FBFBFD;} /** Product Category Page Start **/ .tax-product_cat .home-section1.gray-bg{background:none;} .parent-category-section .woocommerce-ordering, .parent-category-section .woocommerce-result-count{display:none;} /** Product Detaiils Page Start **/ .page-title-section{background:#efefef;} .product-details-data-section .row{margin:-15px;} .product-details-data-section .row>div{padding:15px;} .data-box .icon{width:100%; height:78px; display: block;} .data-box .icon img{width:100%;height:100%; object-position: center; object-fit: contain;display: block;} .data-box p{font-size:24px; line-height:32px; letter-spacing: 0;} .cart-section2.gray-bg, .selling-banner-section .gray-bg{box-shadow:0px 3px 20px #00000029;border: 4px solid #FFFFFF;} .single-product .entry .entry-summary, .product-details-section .woocommerce-product-gallery {margin: 0 !important;} .product-details-section .flex-viewport{border:solid 1px #f2f2f2; margin-bottom:20px;} .product-details-section .flex-viewport .woocommerce-product-gallery__image {height: 542px;} .product-details-section .flex-viewport .woocommerce-product-gallery__image img {width: 100% !important;height: 100% !important;max-width:100% !important; object-fit: contain;object-position: center;display: block;} .product-details-section .flex-control-nav {display: -webkit-flex;display: flex;flex-wrap: wrap;margin: -10px;} .product-details-section .flex-control-nav li {width: calc(25% - 20px) !important;border: solid 1px #f2f2f2;margin: 10px !important;height: 124px;} .product-details-section .flex-control-nav li img {width: 100%;height: 100%;object-fit: scale-down;object-position: center;display: block; transition: all 0.4s ease; padding: 5px;} .single-product .onsale+.woocommerce-product-gallery .woocommerce-product-gallery__trigger {top: 1rem !important;right: 1rem !important;} .single-product .product-details-section .type-product.sale>.onsale {left: 23px;right: auto !important;border-radius: 4px;top: 10px;padding: 0 20px;background: #424098;font-family: 'Arial Rounded MT';line-height: 1;} .finalize-product .quantity {display:none;} .d-none {display:none !important;} .product-details-section .woocommerce-product-gallery figure a {display: flex; justify-content: center; align-items: center; border: 1px solid #F2F2F2; padding: 40px; height: 100%;} .product-details-section .woocommerce-product-gallery .woocommerce-product-gallery__trigger {font-size: 0; z-index: 8;} .product-details-section .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {content: "\f00e"; font-size: 24px; color: #424098; font-family: "Font Awesome 5 free"; font-weight: 900;} .product-details-section .summary .device-questionaries .question-section .pd-title h4 {margin: 0; display: flex; line-height: 35px;} .product-details-section .summary .device-questionaries .question-section .pd-title {margin-bottom: 35px;} .product-details-section .summary .device-questionaries .question-section .pd-title h4 span {display: inline-block; width: 35px; height: 35px; font-size: 15px; background: #424098; color: #fff; text-align: center; line-height: 35px; border-radius: 50px; margin-right: 10px; min-width: 35px;} .product-details-section .summary .device-questionaries .question-section .select-box-area {margin-bottom: 55px; display: flex; align-items: center; flex-wrap: wrap;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery {width: calc(25% - 12px); margin-right: 10px; margin-bottom: 10px; font-size: 15px;} /*.product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory:nth-child(4n+4), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery:nth-child(4n+4) {margin-right: 0;}*/ .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a{height:52px;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a img {width: 100%;height: 100%;object-position: center;display: block;object-fit: scale-down;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery a {padding: 10px 12px; border: 1px solid #F2F2F2; display: flex; justify-content: center; align-items: center; border-radius: 5px;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a img, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a img { object-fit: contain; width: auto; height: auto; max-width: 100%; max-height: 100%; display: block;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive a:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory a.selected:hover, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery a.selected:hover {background: rgba(242, 242, 242, 0.4);} .product-details-section .woocommerce-product-gallery .flex-control-thumbs li {border: 0;} .product-details-section .woocommerce-product-gallery .flex-control-thumbs li img {border: solid 1px #f2f2f2; opacity: 1;} .product-details-section .woocommerce-product-gallery .flex-control-thumbs li img.flex-active, .product-details-section .woocommerce-product-gallery .flex-control-thumbs li img:hover {border-color: #424098;} .product-details-section .summary .device-questionaries .question-section .device-condition {margin-bottom: 20px;} .product-details-section .summary .device-questionaries .question-section .device-condition strong {font-size: 18px; position: relative; padding-left: 35px; line-height: 30px; display: block;} .product-details-section .summary .device-questionaries .question-section .device-condition strong:before {content:"\f059"; display: inline-block; font-family:"Font Awesome 5 free"; font-weight: 400; font-size:28px; margin-right: 10px; position: absolute; left: 0; top: -1px;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box {display: flex; align-items: center; margin-bottom:55px;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box {margin-right: 20px; position: relative;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box:last-child { margin-right: 0;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box input {position: absolute; left: 0; top: 3px; width: 20px; height: 20px; cursor: pointer; z-index: 3; opacity: 0; width: 100%;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box label {padding-left: 30px; font-size: 16px; cursor: pointer; line-height: 20px;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box label:before, .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic a:before {content: ''; background: #fff; border-radius: 50%; border: solid 1px #333; width: 20px; height: 20px; position: absolute; left: 0; top: 3px; z-index: 1;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box input:checked + label:before, .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic input:checked + a:before {border-color: #893475;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box input:checked + label:after, .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic input:checked + a:after {content: ''; position: absolute; left: 4px;top: 7px; background: #893475; width: 12px; height: 12px; z-index: 2; border-radius: 50%;} .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box {flex-wrap: wrap;} .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic {width: 100%; margin: 0 0 10px 0;} .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic:last-child {margin-bottom: 0;} .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic a {padding-left: 30px; font-size: 16px; line-height: 20px; color: #000;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-name {margin-bottom: 10px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-name h6 {margin-bottom: 0;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-detail-box {font-size: 15px; line-height: 24px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-price-label {font-size: 17px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-price {font-size: 24px; font-weight: 700; margin-bottom: 40px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product button.btn {font-size: 20px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section {padding: 10px 0;margin-top: 50px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row {margin: 0; flex-wrap: wrap;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card {padding: 15px; width: 100%;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box {align-items: flex-start;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-icon-box {width: 40px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-icon-box .icon {height: auto;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-title-box {width: 93%; padding-left: 15px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-title-box h4 {font-size: 18px; margin: 0; line-height: 20px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-title-box p {font-size: 15px; line-height: normal;} .product-details-section .summary .device-questionaries .question-section.watch-step4 .radio-btn-box {margin-bottom: 55px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-detail-box .parameterchoosed br:first-child {display: none;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a.selected, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a:hover {background: rgba(242, 242, 242, 0.9); color: #000;} /* Cart page start */ .woocommerce-cart .cart-section1 {padding-top: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart {width: 100%;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart thead tr {border-bottom: solid 1px #cdcdcd;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart thead tr th {border:0; padding: 8px 10px; line-height: 24px; font-size: 16px; text-transform: uppercase; color: #000; font-weight: 600;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart thead tr th.product-name {width: 40%; padding-left: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart thead tr th.product-subtotal {padding-right: 0; text-align: right;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr {border-bottom: solid 1px #cdcdcd;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr:last-child {border: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td {font-size: 15px; color: #000; padding: 20px 10px; font-weight: 400; width: 20%; vertical-align: middle; box-sizing: border-box;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-subtotal {text-align: right; padding-right: 0; font-weight: 700; font-size: 18px} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail {width: 40%; display: table-cell;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail > a {width: 60px; float: left;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name {width: calc(100% - 60px); padding-left: 20px; float: left;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name > a {color: #424098; font-size: 16px; font-weight: 600;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail > a img {display: block;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .variation {font-size: 14px; padding: 5px 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .variation, .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .variation .variation-Option p {font-size: 14px; line-height: 22px; margin: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .edit-delete-items {display: flex; margin-top: 5px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .edit-delete-items .btn {font-size: 12px; line-height: 30px; height: 30px; padding: 0 10px; min-width: auto; margin-right: 5px; text-decoration: none !important;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .edit-delete-items .btn:last-child {margin-right: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-quantity .quantity {width: 60px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-quantity .quantity input {width: 100%; height: 40px; color: #000; font-size: 14px; padding: 0; text-align: center;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody .btn-row .actions {width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody .btn-row .actions .empty-cart {float: left;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody .btn-row .actions .update-qty {float: right;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody .btn-row .actions .update-qty .btn {padding: 0 20px; background: #424098 !important; color: #fff !important;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody .btn-row .actions .update-qty .btn:hover {background: #893475 !important;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals {padding-left: 15px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals {width: 100%; border: solid 1px #f2f2f2; box-shadow: 0px 3px 15px #00000029; padding: 25px 20px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals h5 {margin-bottom: 10px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table {width: 100%;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table .order-total {border-top: solid 1px #cdcdcd; border-bottom: solid 1px #cdcdcd;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table .order-total th, .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table .order-total td {padding: 12px 0; border: 0; font-size: 16px; font-weight: 600;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table .order-total td {text-align: right;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout {display: block; margin-top: 30px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn {padding: 0 20px; border: 0; text-decoration: none !important; width:100%;background:#893475;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn:hover, .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn:focus{background:#424098;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn:after {display: none;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping {margin-top: 30px; float: left; width: 100%;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping .checkout-button{background: #424098; color: #fff; border: 0; padding: 0 20px; font-weight: 700; border-radius: 5px; font-size: 16px; font-family: 'Arial Rounded MT'; line-height: 40px; height:40px; min-width: 1px; width: auto; text-decoration: none !important;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping .checkout-button:after {display: none;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping .checkout-button:hover {background: #893475;} .woocommerce-cart .cart-section2 h3 {margin-bottom: 20px;} .woocommerce-cart .cart-section2 #search-box {max-width: 650px; margin: 0 auto;} .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {border-color: #424098;} .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message .restore-item {background: transparent; color: #424098; font-weight: 500; text-decoration: none !important;} .woocommerce-info, .woocommerce-message{border-color:#424098 !important;} .woocommerce-cart .cart-empty {padding: 15px;line-height: normal;} /* Checkout page start */ .checkout-section{margin-bottom:15px;} .checkout-section .left-card-box {border: solid 1px #f2f2f2; padding: 10px; float: left; width: 100%;} .checkout-section .left-card-box .payments-title {padding: 10px 15px; margin-bottom: 15px; cursor: pointer;} .checkout-section .left-card-box .payments-title h5 {margin: 0;} .checkout-section .left-card-box .payments-content {border: solid 1px #f2f2f2; padding: 25px;} .guest-user-section .checkout-right p:first-child, .guest-user-section .p-title, .checkout-section .left-card-box .payments-content > p {text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: normal; margin: 0;} .checkout-section .left-card-box .payments-content .payment-options {margin-top: 20px;} .checkout-section .left-card-box .payments-content .payment-options .payment-option-item {justify-content: space-between; margin: 0 -5px;} .checkout-section .left-card-box .payments-content .payment-options .pay-option-title {cursor: pointer; border: solid 1px #cdcdcd; color: #000; font-size: 14px; font-weight: 600; padding: 10px 15px; line-height: 20px; margin: 0 5px; display: flex; justify-content: center; align-items: center; transition: all ease 0.5s; width: 15%;} .checkout-section .left-card-box .payments-content .payment-options .pay-option-title.pay-box1 {width: 25%;} .checkout-section .left-card-box .payments-content .payment-options .pay-option-title.pay-box5 {width: 30%;} .checkout-section .left-card-box .payments-content .payment-options .pay-option-title:hover, .checkout-section .left-card-box .payments-content .payment-options .pay-option-title.selected {background: #f2f2f2;} .checkout-section .left-card-box .payments-content .payment-options .payment-option-content .payment-option .pay-option-title {display: none;} .checkout-section .left-card-box .payments-content .payment-options .payment-option-content {margin-top: 20px;} .checkout-section .left-card-box .form-row {margin-bottom: 0;} .guest-user-section p.form-row label, .checkout-section .left-card-box .form-row label {font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: normal; margin-bottom: 5px;} .guest-user-section p.form-row input, .checkout-section .left-card-box .form-row input {width: 100%; padding: 0 15px; height: 40px; font-size: 14px; color: #000;} .checkout-section .left-card-box .form-box {justify-content: space-between; flex-wrap: wrap;} .checkout-section .left-card-box .form-box .form-row {width: calc(50% - 10px); margin-right: 20px; margin-top: 20px;} .checkout-section .left-card-box .form-box .form-row:nth-child(2n+2) {margin-right: 0;} .checkout-section .left-card-box .form-box .form-row:nth-child(1), .checkout-section .left-card-box .form-box .form-row:nth-child(2) {margin-top: 0;} .checkout-section .left-card-box .pay-option-content p {font-size: 15px; line-height: 24px;} .shipping-and-terms-section {float: left; width: 100%;} .shipping-and-terms-section .shipping-section {margin: 10px 0;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper {border: solid 1px #f2f2f2; padding: 25px; display: flex; flex-wrap: wrap;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row:nth-child(2n+2) {margin-right: 0;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row#billing_address_2_field {margin-top: 28px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper select, .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper {height: 40px; display: block;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper .select2-container {height: 40px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper .select2-container .select2-selection {height: 38px; margin: 0;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper .select2-container .select2-selection .select2-selection__rendered {line-height: 38px; font-size: 14px; color: #000; padding: 0 30px 0 15px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper .select2-container .select2-selection .select2-selection__arrow {height: 38px; top: 0;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row:nth-last-child(1), .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row:nth-last-child(2) {margin-bottom: 0;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row#order_comments_field .woocommerce-input-wrapper {height: auto;} .woocommerce-checkout .shipping-and-terms-section .shipping-section .woocommerce-billing-fields .error-message {font-size: 13px !important; display: block; line-height: normal; letter-spacing: 0.02rem; margin-top: 2px;} .woocommerce-checkout .woocommerce-checkout .shipping-and-terms-section .shipping-section .woocommerce-billing-fields span.woocommerce-input-wrapper {height: auto;} .woocommerce-checkout .select2-container .select2-search--dropdown {padding: 0;} .woocommerce-checkout .select2-container .select2-search--dropdown input {height: 40px; padding: 0 15px; color: #000; font-size: 14px; background: #fff;} .woocommerce-checkout .select2-container .select2-results {border: solid 1px #aaa;} .woocommerce-checkout .select2-container .select2-results .select2-results__options {list-style: none; padding: 10px 0;} .woocommerce-checkout .select2-container .select2-results .select2-results__options li {list-style: none; margin: 5px 0; font-size: 16px; padding: 5px 20px;} .woocommerce-checkout .select2-container .select2-results .select2-results__options li:before {display: none;} .woocommerce-checkout .select2-container .select2-results .select2-results__options li.select2-results__option--highlighted[data-selected] {background: #424098;} .options-and-terms-section .woocommerce-additional-fields {margin-bottom: 30px;} .options-and-terms-section .terms-content {border: solid 1px #f2f2f2; padding: 25px;} .options-and-terms-section .terms-content h6 {line-height: normal; margin-bottom: 5px;} .options-and-terms-section .terms-content p {margin: 0; font-size: 15px; line-height: normal;} .options-and-terms-section .terms-content .terms-options {margin-top: 30px;} .options-and-terms-section .terms-content .terms-options .terms-option {margin-bottom: 15px;} .options-and-terms-section .terms-content .terms-options .terms-option:last-child {margin-bottom: 0;} .checkout-section .left-card-box .payments-content > p.form-row .woocommerce-form__label-for-checkbox, .checkbox-style, .options-and-terms-section .terms-content .terms-options .terms-option .form-row {position: relative;} .checkbox-style input, .checkout-section .left-card-box .payments-content > p.form-row .woocommerce-form__label-for-checkbox input, .options-and-terms-section .terms-content .terms-options .terms-option .form-row input {position: absolute; left: 0; top: 0px; height: 20px; cursor: pointer; z-index: 3; opacity: 0; width: 100%;} .woocommerce-checkout .options-and-terms-section .terms-content .terms-options .terms-option .form-row input{width: auto;} .checkbox-style label, .checkout-section .left-card-box .payments-content > p.form-row .woocommerce-form__label-for-checkbox span, .options-and-terms-section .terms-content .terms-options .terms-option .form-row label {padding-left: 30px; font-size: 15px; cursor: pointer; line-height: 20px; margin: 0;} .checkbox-style label:before, .checkout-section .left-card-box .payments-content > p.form-row .woocommerce-form__label-for-checkbox span:before, .options-and-terms-section .terms-content .terms-options .terms-option .form-row label:before {content: ''; background: #fff; border-radius: 3px; border: solid 1px #333; width: 20px; height: 20px; position: absolute; left: 0; top: 0px; z-index: 1;} .checkbox-style input:checked + label:before, .checkout-section .left-card-box .payments-content > p.form-row .woocommerce-form__label-for-checkbox input:checked + span:before, .options-and-terms-section .terms-content .terms-options .terms-option .form-row input:checked + label:before {border-color: #893475; background: #893475;} .checkbox-style input:checked + label:after, .checkout-section .left-card-box .payments-content > p.form-row .woocommerce-form__label-for-checkbox input:checked + span:after, .options-and-terms-section .terms-content .terms-options .terms-option .form-row input:checked + label:after {content: ''; position: absolute; left: 5px; top: 5px; width: 10px; height: 6px; z-index: 2; border-left: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(-45deg);} .checkbox-style label{line-height:20px !important;} .woocommerce-checkout .woocommerce{position: relative;} .checkout-section form.woocommerce-checkout{width:100%;} .woocommerce-checkout .checkout-section .right-block #order_review_heading, .woocommerce-checkout .checkout-section .right-block #order_review {padding-left: 0; width: 100%;} .woocommerce-checkout .checkout-section .right-block .review-card {border: solid 1px #f2f2f2; box-shadow: 0px 3px 15px #00000029; padding: 25px 20px; float: left; position: relative; top: 0; background-color: #fff; z-index:1;} .woocommerce-checkout .checkout-section .right-block .review-card #order_review_heading {margin: 0;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {margin-top: 10px !important;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody {border-top: solid 1px #cdcdcd;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr {border-bottom: solid 1px #cdcdcd;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td.product-name {font-size: 15px; color: #424098; font-weight: 600; padding: 10px 5px 15px 0; line-height: 20px; word-break: break-all;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity {color: #000;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td.product-name .variation {margin-top: 5px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td.product-name .variation dt {font-size: 13px; color: #000; line-height: 20px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td.product-name .variation dd p {font-size: 13px; line-height: 20px; margin: 0; padding: 0;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td.product-total {padding: 10px 0 15px 5px; text-align: right; font-size: 14px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal{display:none;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tfoot tr {border-bottom: solid 1px #cdcdcd;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tfoot tr th {font-size: 15px; font-weight: 500; padding: 10px 0;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tfoot tr td {padding: 10px 0; font-size: 15px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tfoot tr.order-total td {font-size: 16px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment {margin-top: 20px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods {margin: 0; display: none;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method {padding: 0; position: relative;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method:before {display: none;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method label {margin: 0 0 15px 0; font-size: 16px; font-weight: 500; line-height: 20px; position: relative; padding-left: 30px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method label:before {width: 20px; height: 20px; border: solid 1px #333; margin: 0; position: absolute; left: 0; top: 0; transform: inherit;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method input[type=radio]:checked+label:before {border-color: #893475;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method input[type=radio]:checked+label:after {content: ''; position: absolute; left: 4px; top: 4px; background: #893475; width: 12px; height: 12px; z-index: 2; border-radius: 50%;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method .payment_box {background: #efefef; padding: 12px 15px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method .payment_box p {margin: 0; font-size: 15px; line-height: normal;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper {margin: 0;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .form-row.place-order #place_order {font-family: 'Arial Rounded MT'; font-size: 20px; font-weight: 700; line-height: 48px; height: 50px; padding: 0 20px; border: 0; border-radius: 0; min-width: 180px; background:#893475; border-radius: 5px; color: #fff; transition: all ease 0.5s; box-shadow: none !important; margin-top: 20px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .form-row.place-order #place_order:hover, .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .form-row.place-order #place_order:focus {background:#424098;color:#fff;} .woocommerce-checkout ul.woocommerce-error {background: #efefef;max-width: 74.6%;} .woocommerce-checkout ul.woocommerce-error li {padding: 5px 0; font-size: 14px; color: red; margin:0 !important;} .woocommerce-checkout ul.woocommerce-error li:before {display: none;} .guest-user-section .woocommerce-form {display: -webkit-flex !important;display: flex !important; margin:-15px;} .guest-user-section .checkout-left, .guest-user-section .checkout-right {min-width: 50%;max-width: 50%;flex-basis: 50%;padding: 15px;} .checkout-section .left-card-box .form-row{width:100%;} .guest-user-section .checkout-right p:first-child, .guest-user-section .p-title{margin-bottom:15px !important;} .checkout-section .left-card-box .payments-content > p.form-row{text-transform: none;} .guest-user-section .woocommerce-form__label-for-checkbox {display: -webkit-flex !important;display: flex; align-items: center;} .guest-user-section .woocommerce-form__label-for-checkbox input {width: auto !important;margin-right: 10px;height: auto !important;} .checkout-section .left-card-box .payments-content p.lost_password{font-size: 15px;color: rgba(0, 0, 0, 0.9);line-height: normal; text-transform: none; font-weight:500;} .guest-user-section p.lost_password a{text-decoration: underline;color: rgba(0, 0, 0, 0.9);} .guest-user-section p.lost_password a:hover{text-decoration: none;color:#000;} .login-social-media {border-top: solid 1px #f2f2f2;padding-top: 15px;} .login-social-media .mo-openid-app-icons>p {position: absolute;top: -8px;background: #fff;padding: 0 5px 0 0;font-size: 10px !important;letter-spacing: 0.1em;} .login-social-media .mo-openid-app-icons a.mo_btn.mo_btn-mo.mo_btn-block {position: relative;top: 10px; padding-right:15px;padding-left:55px !important;} .error-message {font-size: 14px !important;color: red;margin: 0;line-height: 1; margin-top:5px;} .guestloginbtn.btn {text-transform: none;} .guestloginbtn.btn:focus, .woocommerce-button.button1.btn:focus{background:#893475; color:#fff;} .woocommerce-additional-fields.form-row.form-row-wide p.form-row.notes {width: 100%;} .woocommerce-additional-fields.form-row.form-row-wide p.form-row.notes span.woocommerce-input-wrapper {height: auto;border: 0;} /* Thank You page start */ .woocommerce-order-received .woocommerce-order {background: #FBFBFD; box-shadow: 0px 3px 20px #00000029; border: 4px solid #FFFFFF; padding: 100px 50px; text-align: center;} .woocommerce-order-received .woocommerce-order h1 {color: #424098; margin-bottom: 20px;} .woocommerce-order-received .woocommerce-order p {margin: 0;} .woocommerce-order-received .woocommerce-order p strong {color: #893475;} .buybacknxt{background:#c4c1c0;cursor: not-allowed;} .buybacknxtfirst{background:#c4c1c0;cursor: not-allowed;} /** My Account Page Start **/ .woocommerce-account .woocommerce{display: -webkit-flex;display: flex; flex-wrap: wrap;} .woocommerce-account .woocommerce-MyAccount-navigation{width:30% !important; margin:0 !important;} body.woocommerce-account .woocommerce-MyAccount-content {width: 70%;padding-left: 30px;} .woocommerce-account .woocommerce-MyAccount-navigation ul{background: #efefef; border-radius:4px; overflow: hidden;} .woocommerce-account .woocommerce-MyAccount-navigation li:before{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation li{line-height:1; margin:0 !important;} .woocommerce-account .woocommerce-MyAccount-navigation li a {font-size: 18px;display: block;line-height: normal;padding:10px 20px;text-decoration: none !important;text-transform: uppercase; transition: all 0.4s ease;} .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{text-decoration: none !important;background:#424098; color:#fff !important;} body.woocommerce-account .woocommerce-MyAccount-content p{font-size:20px;} body.woocommerce-account .woocommerce-MyAccount-content p a{color:#424098;} body.woocommerce-account .woocommerce-MyAccount-content p a:hover, body.woocommerce-account .woocommerce-MyAccount-content p a:focus{color:#893475;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details, .woocommerce-account table.account-orders-table{border-left:1px solid #efefef !important;border-bottom:1px solid #efefef !important; width:100%;} .woocommerce-account table.account-orders-table thead{border:0 !important;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead th, .woocommerce-account table.account-orders-table thead th {background: #efefef;padding: 10px 15px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td, .woocommerce-account table.account-orders-table tbody td {padding: 10px 15px !important;border-right:1px solid #efefef;border-top:1px solid #efefef; line-height:1;} .woocommerce-account table.account-orders-table tbody td a{padding:0 !important;color:#424098;} .woocommerce-account table.account-orders-table tbody td a.button {margin: 0 !important;background: #424098 !important;font-size: 12px;color: #fff !important;line-height: 30px;height: 30px;padding: 0 10px !important;min-width: auto;margin-right: 5px;text-decoration: none !important;font-family: 'Arial Rounded MT';font-weight: 700;border-radius: 5px;max-width: 70px; opacity:1 !important;} .woocommerce-account table.account-orders-table tbody td a.button:hover, .woocommerce-account table.account-orders-table tbody td a.button:focus{background:#893475 !important; color:#fff !important;} .woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n+1) td{-webkit-filter: inherit !important;filter: inherit !important;} .woocommerce-account .woocommerce section.woocommerce-order-details {padding: 0;} .woocommerce-account .woocommerce section.woocommerce-customer-details h2, .woocommerce-account .woocommerce section.woocommerce-order-details h2 {margin: 0 0 5px 0;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot th, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody{border-bottom:1px solid #efefef !important;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot th{border-right:1px solid #efefef !important;padding: 10px 15px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td.woocommerce-table__product-total, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td span.woocommerce-Price-amount {font-size: 16px;font-weight: 600;color: #424098;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td {font-size: 16px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td>a{font-weight: 600;color: #424098;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta {margin-top: 20px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li p {margin: 0 !important;font-size: 16px; line-height: normal;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li{font-size:16px; line-height:normal; margin-bottom:10px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li strong{font-weight:500;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead th.woocommerce-table__product-table {width: 20%;} .woocommerce-account .woocommerce section.woocommerce-customer-details address{border:1px solid #efefef; padding:20px; font-size:18px; line-height:28px;} .woocommerce-account .woocommerce section.woocommerce-customer-details address p{font-size:18px; margin-bottom:0;line-height:28px;} .woocommerce-account .woocommerce-info {padding: 15px;} .woocommerce-account .woocommerce-info .woocommerce-Button.button {background: #424098;color: #fff;text-decoration: none !important;padding: 0 15px;border-radius: 5px;font-family: 'Arial Rounded MT';height: 40px;line-height: 40px;font-weight: 700;text-transform: capitalize;} .woocommerce-account .woocommerce-info .woocommerce-Button.button:hover, .woocommerce-account .woocommerce-info .woocommerce-Button.button:focus{background:#893475;color:#fff;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{display:-webkit-flex;display: flex;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{border:1px solid #efefef; padding:20px; margin-top:15px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title.title{position: relative;display:-webkit-flex;display: flex;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title h3{margin:0 0 10px 0;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title.title a.edit {font-size: 14px;text-transform: uppercase;color: #893475;font-weight: 600;letter-spacing: 0.05em;margin-left: auto;margin-top: auto;margin-bottom: auto;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address.col-2 {margin-left: auto;} .customer-login-main .login-box .form-row label, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label {font-size: 15px;color: rgba(0, 0, 0, 0.9);line-height: normal;margin-bottom: 5px; position: relative;} .customer-login-main .login-box .form-row input, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input {width: 100%;padding: 0 15px;height: 40px;font-size: 14px;color: #000; border: 1px solid #ddd;} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields span.woocommerce-input-wrapper {display: block;} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {float: left;width: 100%;} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper{margin:0;} .customer-login-main .login-box .form-row, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .form-row{margin-top:15px !important;margin-bottom:0 !important;} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .form-row:first-child{margin-top:5px !important;} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection{border: 1px solid #ddd;width: 100%;padding: 0 15px;height: 40px;font-size: 14px;color: #000; border-radius:0;} body.woocommerce-account .woocommerce-MyAccount-content .select2-container{display: block; margin-top:20px;} body.woocommerce-account .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px; padding:0;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection__arrow {height:40px; top: 0 !important;right: 5px;} .select2-container--default .select2-results>.select2-results__options li:before{display:none;} .select2-container--default .select2-results>.select2-results__options li {font-size: 14px;padding: 5px 10px;} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{background:#424098 !important;color:#fff !important;} .select2-search--dropdown .select2-search__field {height: 40px;} body.woocommerce-account .woocommerce-notices-wrapper{width:100%;} body.woocommerce-account .woocommerce-error, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error{background:#efefef;} body.woocommerce-account .woocommerce-error li:before, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error li:before{display: none;} body.woocommerce-account .woocommerce-error li, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error li {padding: 5px 0;font-size: 14px;color: red;} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields #billing_company_field{padding-top:0 !important;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row.form-row-last, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row.form-row-first{width:49%; margin-top:0 !important;} .woocommerce-account .woocommerce-EditAccountForm fieldset, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row.form-row-wide {display: block;float: left;width: 100%;} body.woocommerce-account .woocommerce-EditAccountForm #account_display_name+span {font-size: 13px; line-height:normal;} .woocommerce-account .woocommerce-EditAccountForm fieldset legend {font-size: 20px !important;line-height:1; font-weight: 600;color: #424098;} body.woocommerce-account .woocommerce form .show-password-input, body.woocommerce-account .woocommerce-page form .show-password-input {top: 50%;transform: translate(0, -50%);} .customer-login-main{margin:-15px; width:auto !important;} .customer-login-main>div{padding:15px; width:50% !important;} .customer-login-main .login-box{border:solid 1px #f2f2f2;padding:25px; height:100%;} .customer-login-main .woocommerce-LostPassword {font-size: 14px;line-height: 1;} .customer-login-main .login-box.register-box p a, .customer-login-main .woocommerce-LostPassword a{color: #424098;} .customer-login-main .login-box.register-box p a:hover, .customer-login-main .login-box.register-box p a:focus, .customer-login-main .woocommerce-LostPassword a:hover, .customer-login-main .woocommerce-LostPassword a:focus{color:#893475;} .customer-login-main .login-box.register-box p{font-size:14px; line-height:24px;} /*.woocommerce-account .middle-section .woocommerce-ResetPassword {max-width: 380px;}*/ .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row {width: 100%;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row label {font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: normal; margin-bottom: 5px;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row input {padding: 15px 40px 15px 15px; height: 40px; font-size: 14px; color: #000; border: 1px solid #ddd;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .button {display: inline-block; font-family: 'Arial Rounded MT'; font-size: 16px; font-weight: 700; line-height: 40px; height: 40px; padding: 0 20px; border: 0; border-radius: 0; min-width: 140px; background: #424098; border-radius: 5px; color: #fff; transition: all ease 0.5s; box-shadow: none !important;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .button:hover, .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .button:focus, .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .button:active {background: #893475;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .password-input .woocommerce-password-strength, .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .password-input .woocommerce-password-hint {font-size: 14px;margin-top: 5px;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .password-input .show-password-input {top: 0; transform: inherit; height: 40px; right: 0; width: 40px; display: flex; justify-content: center; align-items: center;} .woocommerce-account .middle-section .woocommerce-ResetPassword .woocommerce-form-row .password-input .show-password-input:after {margin: 0;} /* Loader css */ .loader-box {position: relative; display: none;} .price-fetching .loader-box {display: block; text-align: center;} .loader-18 {width: 48px; height: 48px; text-align: center; border-radius: 50%; display: inline-block; border-top: 4px solid #424098; border-right: 4px solid transparent; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite;} .loader-18:after {content: ""; position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 50%; border-bottom: 4px solid #893475; border-left: 4px solid transparent;} @-webkit-keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rotationBack { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } /** Pagination Start **/ .woocommerce-pagination {display: -webkit-flex;display: flex;align-items: center;justify-content: center;border-top: 1px solid #F2F2F2;margin-top: 20px; padding-top:40px;} .woocommerce-pagination ul.page-numbers {display: -webkit-flex;display: flex;flex-wrap: wrap;margin: -4px;} .woocommerce-pagination ul.page-numbers li {padding:4px;margin:0;} .woocommerce-pagination ul.page-numbers li:before{display: none;} .woocommerce-pagination ul.page-numbers li .page-numbers {padding: 0;width: 50px;height: 50px;background: #F2F2F2;text-align: center;line-height: 50px;font-size: 18px;color: #000000; transition: all 0.4s ease; border-radius:5px;} .woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce-pagination ul.page-numbers li .page-numbers:hover{background:#424098; color:#fff;} /* Responsive start */ @media (max-width: 1399px) { /* Global css */ h1 {font-size: 42px; line-height: 55px;} h2 {font-size: 42px;} /* Banner start */ .banner-section {height: 500px;} .banner-section .banner-content {margin-top: -28px;} .banner-btn-row .btn-box {width: 340px; height: 120px;} .banner-btn-row .btn-box svg {margin-right: 15px;max-width: 50px;} .banner-btn-row .btn-box a strong {font-size: 36px;} .banner-btn-row .btn-box a {font-size: 20px;} .banner-rdo-btn-row .radio-box label {font-size: 24px; line-height: 30px;} .banner-rdo-btn-row .radio-box input {width: 30px; height: 30px;} .banner-rdo-btn-row .radio-box label:before {width: 30px; height: 30px;} /* Section 1 start */ .slider-blog {max-width: 1280px; margin: 0 auto;} .slider-blog .slick-arrow {left: -30px;} .slider-blog .slick-next.slick-arrow {right: -30px;} } @media (max-width: 1365px) { /* Global css */ h3 {font-size: 28px;} h4 {font-size: 22px;} p {font-size: 18px; line-height: 28px;} .btn {min-width: 160px; font-size: 18px;} main {margin-top: 115px;} .header-fixed main {margin-top: 75px;} .container {max-width: 1140px;} .back-to-top {bottom: 30px; right: 20px;} .pt-10 {padding: 70px 0;} /* Header start */ .logo img {height: 55px !important;} .header-fixed .logo img {height: 45px !important;} #navigation ul li a {font-size: 18px;} .search-cart-box .user-icon span{font-size:14px; margin-left:5px;} /* Section 1 start */ .slider-blog {max-width: 1100px;} .pd-item .pd-img {padding: 15px; height: 250px;} .pd-item .pd-detail {padding: 10px 15px 25px;} .pd-item .pd-detail h2, .pd-item .pd-detail .pd-name {font-size: 20px;} .pd-price-box a span.price, .pd-price-box a, .pd-price-box {font-size: 17px; line-height: normal;} .pd-btn-row {margin-top: 20px;} /* Section 4 start */ .home-section4 .slider-blog {margin: 0 auto;} /* Section 6 start */ .categories-blog .pd-item .item-box .pd-img {height: 180px;} /* Section 7 start */ .blog-section .pd-item .pd-img {padding: 0;} .blog-section .pd-item .pd-img {height: 220px;} .blog-section .pd-item .pd-detail h4 {font-size: 23px;} .blog-section .pd-item .pd-detail a {font-size: 18px;} /* Section 8 start */ .card-row .card-box p {font-size: 24px; line-height: 32px;} .desc-row p {font-size: 20px; line-height: 30px;} .home-section8 .content-box {padding: 50px 30px;} /* Footer start */ .subscribe-box .f-form label {font-size: 18px;} .contact-info-row p, .contact-info-row p a, .quick-box ul li a {font-size: 17px;} .certifications-box p {font-size: 19px; line-height: normal; margin-top: 20px;} } @media (max-width: 1199px) { /* Global css start */ h1, h2 {font-size: 36px; line-height: 40px;} p {font-size: 16px; line-height: 24px; margin-bottom: 15px;} h3 {font-size: 24px;} h4 {font-size: 20px;} .btn {font-size: 16px; height: 45px; line-height: 45px; padding: 0 10px;} .small-btn {height: 40px;line-height: 40px;min-width: 140px; font-size:15px;} main {margin-top: 110px;} .header-fixed main {margin-top: 70px;} .container {max-width: 960px;} .pt-10 {padding: 60px 0;} /* Header start */ #navigation ul li + li{margin-left:15px;} #navigation ul li a {font-size: 16px;} .logo img {height: 50px !important;} .header-fixed .logo img {height: 40px !important;} .header-right-box .search-cart-box {margin-left: 20px;} .search-cart-box .search-box i, .search-cart-box .cart-box i {font-size: 20px;} .header-right-box .language-menu {margin-left: 20px;} .header-right-box .language-menu ul li a{font-size:16px;} .header-right-box .language-menu>ul>li>a:after{font-size:12px;margin-left:3px;} .header-right-box .language-menu ul.sub-menu li a{font-size:14px;} /* Banner start */ .banner-section {height: 380px;} .banner-btn-row .btn-box.buy-box {margin-right: 30px;} .banner-btn-row .btn-box {width: 260px; height: 90px;} .banner-btn-row .btn-box a {font-size: 16px; padding:10px 15px;} .banner-btn-row .btn-box svg {margin-right: 10px;max-width: 30px;} .banner-btn-row .btn-box a strong {font-size: 30px;} .buy-box-text {line-height: 18px;} .banner-btn-row {margin-bottom: 40px;} .banner-rdo-btn-row .radio-box label {font-size: 20px; line-height: 25px; padding-left: 35px;} .banner-rdo-btn-row .radio-box input {width: 25px; height: 25px;} .banner-rdo-btn-row .radio-box label:before {height: 25px; width: 25px; border-width: 4px;} .banner-search-row input.search-field {height: 50px;padding: 0 50px 0 15px; font-size: 16px;} .banner-search-row .search-icon{right:15px; width: 20px !important; height:20px !important;} .banner-section .banner-content {margin-top: -48px;} .hero-search-wrapper {margin-top: -86px;} .search-box-wrapper h1 {font-size: 36px;} .search-box-wrapper {padding: 30px 40px;} .banner-rdo-btn-row{padding-left:15px;} /* Section 1 start */ .pd-btn-row {margin-top: 10px;} .slider-blog {max-width: 900px;} .pd-item .pd-detail h2, .pd-item .pd-detail .pd-name {font-size: 18px; min-height:1px;} .pd-price-box a span.price, .pd-price-box a, .pd-price-box {font-size: 15px;line-height: normal;} /* Section 3 start */ .data-card-box span img {height: 70px;} .data-card-box span {min-height: auto;} .data-card-box .btn {min-width: 180px;} .data-card-box {padding: 35px 25px;} /* Section 4 start */ .brands-slider .pd-item .item-box .pd-img {height: 130px;} /* Section 5 start */ .home-section5 .data-card-box {padding: 30px 20px;} /* Section 7 start */ .blog-section .pd-item .pd-img {height: 180px;} .blog-section .pd-item .pd-detail h4 {font-size: 20px;} .blog-section .pd-item .pd-detail a {font-size: 16px;} /* Section 8 start */ .home-section8 .content-box {padding: 40px 20px;} .card-row .card-box {padding: 0 25px;} .card-row .card-box .icon-box {width: 100px; height: 100px;} .card-row .card-box .icon-box img {height: 40px;} .card-row .card-box p {font-size: 22px; line-height: 30px;} .desc-row p {font-size: 18px; line-height: 26px;} /* Footer start */ .footer-top h4, .footer-bottom h4 {font-size: 20px;} .contact-info-row p, .contact-info-row p a, .quick-box ul li a {font-size: 16px; line-height: 24px;} .subscribe-box .f-form label {font-size: 17px;} .subscribe-box .f-form .form-box {height: 50px;} .subscribe-box .f-form .form-box input {font-size: 16px;} .subscribe-box .f-form .form-box .btn {height: 40px; font-size: 18px; width: 40px;} .certifications-box p {font-size: 17px; margin-top: 15px;} .copyright p {font-size: 15px;} /** Start Selling Page Start **/ .banner-section.internal-banner{height: 255px;} /** Product Detaiils Page Start **/ .data-box .icon{height:60px;} .data-box p{font-size:20px; line-height:28px;} .product-details-section .flex-viewport{margin-bottom:15px;} .product-details-section .flex-viewport .woocommerce-product-gallery__image {height: 400px;} .product-details-section .flex-control-nav {margin: -5px;} .product-details-section .flex-control-nav li {width: calc(25% - 10px) !important;margin:5px !important;height:110px;} .product-details-section .summary .device-questionaries .question-section .pd-title {margin-bottom: 20px;} .product-details-section .summary .device-questionaries .question-section .select-box-area, .product-details-section .summary .device-questionaries .question-section .radio-btn-box, .product-details-section .summary .device-questionaries .question-section.watch-step4 .radio-btn-box {margin-bottom: 30px;} /* Cart page start */ .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart thead tr th {font-size: 15px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name {padding-left: 10px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name > a {font-size: 15px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .variation, .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .variation .variation-Option p {font-size: 13px; line-height: 20px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td {font-size: 14px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-subtotal {font-size: 16px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping .checkout-button {font-size: 15px; padding: 0 15px; line-height: 40px; height: 40px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table .order-total th, .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals table .order-total td {font-size: 15px; padding: 10px 0;} /** My Account Page Start **/ .woocommerce-account .woocommerce-MyAccount-navigation{width:25% !important;} body.woocommerce-account .woocommerce-MyAccount-content {width: 75%;} .woocommerce-account .woocommerce-MyAccount-navigation li a {font-size: 16px;padding:8px 15px;} body.woocommerce-account .woocommerce-MyAccount-content p{font-size:18px;} .woocommerce-account table.account-orders-table thead th, .woocommerce-account table.account-orders-table tbody td {font-size: 14px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td.woocommerce-table__product-total, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td span.woocommerce-Price-amount, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot th, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead th, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td {font-size: 15px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta {margin-top: 15px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li p, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li{font-size:15px;} .woocommerce-account .woocommerce section.woocommerce-customer-details address{padding:15px; font-size:16px; line-height:26px;} .woocommerce-account .woocommerce section.woocommerce-customer-details address p{font-size:16px;line-height:26px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead th.woocommerce-table__product-table {width: 24%;} } @media (max-width: 991px) { /* Global css start */ h1 {font-size: 30px; line-height: 36px;} h2 {font-size: 28px; margin-bottom: 30px;} h3 {font-size: 22px;} h4 {font-size: 19px;} p { margin-bottom: 15px;} main {margin-top: 70px;} .header-fixed main {margin-top: 70px;} /* Header Start */ .container {max-width: 720px;} #header {padding: 15px 0;} .logo img {height: 40px !important;} .header-right-box {margin-right: 20px;} .search-cart-box .search-box{margin-right:15px;} .header-right-box .search-cart-box {margin-left: 15px;} .header-right-box .language-menu {margin-left: 0;} .search-box-main{right:30px;} .search-cart-box .search-box i, .search-cart-box .cart-box i{font-size: 20px;} .mobile-icon {display: block !important; width: 30px; padding: 0; height: 26px; border: 0; margin: 0; border-radius: 0; cursor: pointer;} .mobile-icon span {display: block; position: relative; background: #424098; height: 2px; top: 13px;} .open-nav .mobile-icon span {background: transparent;} .mobile-icon span:after, .mobile-icon span:before {content: ''; width: 100%; height: 2px; background: #424098; position: absolute; top: -8px;transition: all ease 0.5s;} .mobile-icon span:before {top: auto; bottom: -8px;} .open-nav .mobile-icon {position: relative; z-index: 99999;} .open-nav .mobile-icon span:before {transform: rotate(-45deg); bottom: 0; background-color: #fff;} .open-nav .mobile-icon span:after {transform: rotate(45deg); top: 0; background-color: #fff;} .mobile-opacity-box {position: fixed; margin: 0; left: 0; z-index: 9; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); display: none;} .open-nav .mobile-opacity-box {display: block;} #navigation {position: fixed; left: -300px; transition: all ease 0.5s; top: 0; bottom: 0; background: #fff; width: 300px; z-index: 999; padding: 10px 0;} .open-nav #navigation {left: 0;} #navigation ul {flex-direction: column; margin-top:20px;} #navigation ul li {margin: 0; padding: 0;} #navigation ul li + li {margin-left: 0;} #navigation ul li a, .header-fixed #navigation ul li a {font-size: 16px; line-height: 45px; border-bottom: solid 1px #F2F2F2; padding: 0 15px; display: block;} #navigation ul li:first-child a {border-top: solid 1px #F2F2F2;} .mobile-logo {display: block; margin: 0 15px;} .mobile-logo img {display: block; width: 100%;} /* Banner start */ .banner-section {height: 300px;} .banner-section h1{font-size:24px;} .banner-btn-row .btn-box {width: 220px; height: 75px; border-radius:10px;} .banner-btn-row .btn-box a {font-size: 14px;padding: 10px 10px;} .banner-btn-row .btn-box a strong {font-size: 24px;} .banner-btn-row {margin-bottom: 30px;} .hero-search-wrapper {margin-top: -73px;} .search-box-wrapper {padding: 25px 30px;} .search-box-wrapper h1 {font-size: 30px;} /* Section 3 start */ .data-card-box span {margin-bottom: 10px;} .data-card {margin-bottom: 30px;} .data-card:last-child {margin-bottom: 0;} /* Section 4 start */ .brands-slider .pd-item {padding: 15px 15px;} .brands-slider .pd-item .item-box .pd-img {height: 100px;} /* Section 6 start */ .categories-blog .pd-item {width: 50%; padding: 15px 15px;} /* Section 7 start */ .blog-section .pd-item {width: 100%; margin-bottom: 30px;} .blog-section .pd-item .pd-img {height: auto;} .blog-section .pd-item .pd-detail {padding-top: 15px;} .blog-section .pd-item .pd-detail h4 {font-size: 19px; margin-bottom: 0;} .blog-section .pd-item .pd-detail p {line-height: normal; margin-bottom: 10px;} /* Section 8 start */ .card-row .card-box p {font-size: 17px; line-height: 26px;} .card-row .card-box {padding: 0 15px;} .desc-row p {font-size: 16px;} .desc-row p br {display: none;} /* Footer start */ .footer-top h4, .footer-bottom h4 {margin-bottom: 15px;} .quick-box {position: relative;padding-top: 15px;margin-top: 15px;padding-bottom: 15px;margin-bottom: 15px;} .quick-box:before, .quick-box:after {content: ''; position: absolute; left: 12px; right: 12px; height: 1px; background: #fff; top: 0;} .quick-box:after {top: auto; bottom: 0;} .certifications-box p {font-size: 16px; line-height: 24px; margin-top: 5px;} .certifications-logo {padding-bottom: 10px;} .popular-box {padding-left: 12px; padding-top: 20px;} .popular-box h4 {border-top: solid 1px #000; padding-top: 20px;} .f-menu-items ul li a {font-size: 15px; line-height: 24px;} .f-menu-items ul li {margin-bottom: 5px;} /** Start Selling Page Start **/ .banner-section.internal-banner{height: 200px;} /** Product Detaiils Page Start **/ .data-box .icon{height:50px;} .data-box p{font-size:16px; line-height:24px;} .product-details-section .woocommerce-product-gallery{max-width:100%;} .product-details-section .summary {padding-top: 40px !important; clear: both !important;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product hr {margin: 15px 0;} /* Cart page start */ .woocommerce-cart .cart-section1 .right-block {width: 100%; margin-top: 40px;} .woocommerce-cart .cart-section1 .left-block {width: 100%;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals {padding-left: 0;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals {padding: 20px 15px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout {margin-bottom: 20px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping {margin-top: 20px;} /* Checkout page start */ .checkout-section .left-card-box .payments-content {padding: 20px 15px;} .guest-user-section .checkout-right p:first-child, .guest-user-section .p-title, .checkout-section .left-card-box .payments-content > p {font-size: 15px;} .checkout-section .left-card-box .payments-content .payment-options {margin-top: 15px;} .checkout-section .left-card-box .payments-content .payment-options .pay-option-title {font-size: 13px; line-height: 18px; padding: 8px 12px;} .checkout-section .left-card-box .pay-option-content p {font-size: 14px; line-height: 20px;} .guest-user-section p.form-row label, .checkout-section .left-card-box .form-row label {font-size: 14px;} .checkout-section .left-card-box .form-box .form-row {margin-top: 15px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper {padding: 20px 15px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row {margin-bottom: 15px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row#billing_address_2_field {margin-top: 26px;} .options-and-terms-section .terms-content p {font-size: 14px;} .options-and-terms-section .terms-content .terms-options .terms-option .form-row label {font-size: 14px;} .woocommerce-checkout .checkout-section .right-block {margin-top: 30px;} .woocommerce-checkout .checkout-section .right-block .review-card{position: static; width:100%;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table{width:100%;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods .wc_payment_method label {font-size: 15px;} .woocommerce-checkout .checkout-section .right-block .review-card .woocommerce-checkout-review-order .woocommerce-checkout-payment .form-row.place-order #place_order {font-size: 16px; line-height: 45px; height: 45px;} .woocommerce-checkout ul.woocommerce-error {max-width: 100%;} /* Thank You page start */ .woocommerce-order-received .woocommerce-order {padding: 50px 30px;} /** My Account Page Start **/ .woocommerce-account .woocommerce-MyAccount-navigation li a {font-size: 14px;} body.woocommerce-account .woocommerce-MyAccount-content p{font-size:16px;} .woocommerce-account .woocommerce section.woocommerce-customer-details address{font-size:15px;} .woocommerce-account .woocommerce section.woocommerce-customer-details address p{font-size:15px;} .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead th.woocommerce-table__product-table {width: 24%;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{flex-wrap: wrap;} /** Pagination Start **/ .woocommerce-pagination {margin-top: 10px; padding-top:30px;} .woocommerce-pagination ul.page-numbers {margin: -2px;} .woocommerce-pagination ul.page-numbers li {padding:2px;} .woocommerce-pagination ul.page-numbers li .page-numbers {width: 40px;height: 40px;line-height:40px;font-size: 14px;} } @media (max-width: 768px) { /* Cart page start */ .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td {padding: 10px 0; border: 0; width: 100%;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr {border-top: solid 1px #cdcdcd; margin-bottom: 0;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail {width: 100%; display: flex; justify-content: space-between; max-width: 100%;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td:before {font-weight: normal; font-size: 14px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-quantity .quantity {margin-left: auto; width: 50px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-quantity .quantity input {background: transparent; height: 30px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-quantity:before {padding-top: 0; line-height: 40px;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name {text-align: left;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .edit-delete-items .button.btn {background: #424098 !important; color: #fff !important;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr td.product-thumbnail .product-name .edit-delete-items .button.btn:hover {background: #893475 !important;} .woocommerce-cart .cart-section1 .left-block .woocommerce-cart-form .cart tbody tr.btn-row td.actions {padding-top: 15px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals {float: left;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals h5 {font-size: 17px;} .woocommerce-cart .cart-section1 .right-block .cart-collaterals .cart_totals .wc-proceed-to-checkout {margin: 15px 0 0 0;} /** My Account Page Start **/ .woocommerce-account table.account-orders-table{border-top:1px solid #efefef !important;} .woocommerce-account table.account-orders-table tbody tr {border: 0 !important;} .woocommerce-account table.account-orders-table tbody td {width: 100% !important;} .woocommerce-account table.account-orders-table tbody tr{margin-bottom:0 !important;} .customer-login-main .login-box .form-row label, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label{font-size:14px;} } @media (max-width: 767px) { /* Global css start */ h1 {font-size: 24px;line-height: 30px;} h2 {font-size: 22px; line-height: 28px; margin-bottom: 20px;} h3 {font-size: 20px; margin-bottom: 15px;} h4 {font-size: 18px;} p, ul li, ol li {font-size: 15px; line-height: 22px;} input, textarea, select{height:40px; font-size: 14px;} .btn {font-size: 15px;} .container {max-width: 540px;} /** Header Start **/ .search-box-main{width:200px;} .search-icon {width: 16px !important;height: 16px !important;} .header-right-box {margin-right: 10px;} .search-cart-box .search-box {margin-right: 10px;} .search-cart-box .user-icon {margin-left: 10px;} .header-right-box .search-cart-box {margin-left: 10px;} .header-right-box .language-menu ul li a img {margin-right:0;} .header-right-box .language-menu ul.sub-menu li a, .header-right-box .language-menu ul li a {font-size: 0;} .language-menu .sub-menu-toggle{height:14px;} .search-cart-box .user-icon span {font-size: 12px;} /** Banner Start **/ .banner-section h1 {font-size: 20px;} .image-box img {object-position:top center;} .banner-section {height: 260px;} .search-box-wrapper {padding: 20px;border-radius:14px;} .search-box-wrapper h1 {font-size: 26px;} .banner-rdo-btn-row .radio-box + .radio-box {margin-left: 15px;} /* Section 8 start */ .home-section8 .content-box {padding: 30px 15px;} .card-row {flex-wrap: wrap;} .card-row .card-box {width: 100%; padding: 0; margin-bottom: 25px;} .card-row .card-box .icon-box {width: 90px; height: 90px;} .card-row .card-box .icon-box img {height: 35px;} .card-row .card-box p {font-size: 16px; line-height: 24px;} .desc-row {margin-top: 0;} .desc-row p {font-size: 15px; line-height: 22px;} /** Footer Start **/ .f-menu-items ul{columns: 2;-webkit-columns: 2;-moz-columns: 2;} /** Product Detaiils Page Start **/ .product-details-section .summary .device-questionaries .question-section .device-condition strong {font-size: 16px; padding-left: 30px;} .product-details-section .summary .device-questionaries .question-section .device-condition strong:before {font-size: 24px;} .product-details-section .summary .device-questionaries .question-section .radio-btn-box .radio-box label {font-size: 15px; padding-left: 25px;} .product-details-section .summary .device-questionaries .question-section.step-9 .radio-btn-box .device-cosmetic a {font-size: 15px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-detail-box {font-size: 14px; line-height: 22px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-price-label {font-size: 16px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-price {font-size: 20px; margin-bottom: 20px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product button.btn {font-size: 15px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-title-box h4 {font-size: 16px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-title-box p {font-size: 14px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card {padding: 10px 10px;} .single-product .product-details-section .type-product.sale>.onsale {height: 36px;font-size: 14px;} /* Checkout page start */ .checkout-section .left-card-box .payments-title h5 {font-size: 16px;} .guest-user-section .checkout-right p:first-child, .guest-user-section .p-title, .checkout-section .left-card-box .payments-content > p {font-size: 14px;} .checkout-section .left-card-box .payments-content .payment-options .payment-option-item {flex-wrap: wrap;} .checkout-section .left-card-box .payments-content .payment-options .pay-option-title {width: calc(50% - 10px) !important; margin: 5px;} .checkout-section .left-card-box .payments-content .payment-options {margin-top: 5px;} .checkout-section .left-card-box .payments-content .payment-options .payment-option-content {margin-top: 15px;} .woocommerce-checkout .checkout-section .right-block .review-card #order_review_heading {font-size: 16px;} .options-and-terms-section .terms-content h6 {font-size: 16px;} .guest-user-section .woocommerce-form{flex-wrap: wrap; margin:-10px;} .guest-user-section .checkout-left, .guest-user-section .checkout-right {min-width:100%;max-width:100%;flex-basis:100%; padding:10px;} /* Thank You page start */ .woocommerce-order-received .woocommerce-order {padding: 30px 15px;} .woocommerce-order-received .woocommerce-order h1 {margin-bottom: 10px;} /** My Account Page Start **/ .woocommerce-account .woocommerce{flex-wrap: wrap;} .woocommerce-account .woocommerce-MyAccount-navigation{width:100% !important; margin-right:0 !important;} body.woocommerce-account .woocommerce-MyAccount-content {width: 100%;padding:25px 0 0;} .woocommerce-account .woocommerce-MyAccount-navigation li{padding:0 !important;} body.woocommerce-account .woocommerce-MyAccount-content p {font-size: 15px;} .woocommerce-account table.account-orders-table{margin-bottom:15px;} .woocommerce-account .woocommerce section.woocommerce-order-details{overflow: auto;} .woocommerce-account .woocommerce section.woocommerce-customer-details address, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td.woocommerce-table__product-total, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td span.woocommerce-Price-amount, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tfoot th, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details thead th, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li p, .woocommerce-account .woocommerce section.woocommerce-order-details .order_details tbody td ul.wc-item-meta li {font-size: 14px;} .woocommerce-account .woocommerce-info .woocommerce-Button.button {height:34px;line-height:34px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title h3 {font-size: 22px; margin-bottom:0;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title.title a.edit{font-size:12px;} .customer-login-main>div{width:100% !important;} .customer-login-main .login-box.register-box p {font-size: 12px;line-height: 22px;} /** Pagination Start **/ .woocommerce-pagination {padding-top:20px;} } @media (max-width: 575px) { /* Global css start */ h1 {font-size: 22px; line-height: 24px;} h2 {font-size: 20px; line-height: 24px;} h3 {font-size: 18px; line-height: normal;} h4 {font-size: 17px;} h5 {font-size: 16px;} h6 {font-size: 15px;} .btn {height: 35px;line-height: 35px; min-width: 100px; padding: 0 10px; font-size: 15px;} .container {max-width: 100%;} main, .header-fixed main {margin-top: 56px;} .pt-10 {padding: 40px 0;} /* Header start */ .logo img, .header-fixed .logo img {height: 28px !important;} .search-cart-box .search-box i, .search-cart-box .cart-box i {font-size: 18px;} #navigation {width: 250px;} #navigation ul {margin-top: 15px;} /* Banner start */ .banner-section {height: auto; padding:30px 0;} .banner-section h1 {font-size: 18px;} .banner-btn-row .btn-box.buy-box {margin-right: 0; margin-bottom: 10px;} .banner-btn-row {flex-direction: column;} .banner-btn-row .btn-box {width: 250px; border-radius: 10px; height: 60px;} .banner-btn-row .btn-box a {font-size: 15px; line-height: normal;} .banner-btn-row .btn-box a strong {font-size: 20px;} .banner-rdo-btn-row .radio-box input {width: 20px; height: 20px;} .banner-rdo-btn-row .radio-box label {font-size: 16px; line-height: 20px; padding-left: 25px;} .banner-rdo-btn-row .radio-box label:before {width: 20px; height: 20px; border-width: 3px;} .banner-rdo-btn-row, .banner-search-row {min-width:100%;max-width:100%;flex-basis: 100%;} .banner-rdo-btn-row {padding:10px 0 0;} .banner-search-row input.search-field{height: 45px;font-size: 15px; padding-right: 40px;} .banner-search-row .search-icon {width: 16px !important;height: 16px !important;} .hero-search-wrapper {margin-top: -30px;} .banner-section .banner-content {margin-top: 0;} .search-box-wrapper h1 {font-size: 22px;} /* Section 1 start */ .slider-blog .pd-item {padding: 20px 10px;} .slider-blog {max-width: 250px; margin: 0 auto;} .pd-item .pd-img {height: 180px;} .pd-item .pd-detail h2, .pd-item .pd-detail .pd-name {font-size: 16px; line-height: normal;} .pd-price-box a span.price, .pd-price-box a, .pd-price-box {font-size: 14px;} .pd-item .pd-detail {padding: 10px 10px 20px;} .pd-btn-row {margin-top: 0;} /* Section 3 start */ .data-card-box {padding: 25px 15px;} .data-card-box span img {height: 50px; display: block; margin: 0 auto;} .data-card-box h3 {margin-bottom: 5px;} .data-card-box .btn {min-width: 150px;} .data-card {margin-bottom: 20px;} /* Section 4 start */ .brands-slider .pd-item .item-box .pd-img {height: auto;} /* Section 5 start */ .home-section5 .data-card-box {padding: 25px 15px;} /* Section 6 start */ .categories-blog .pd-item {width: 100%; padding: 20px 0 0 0;} .categories-blog .pd-item .item-box .pd-detail {padding: 10px 15px 15px;} .categories-blog {max-width: 100%;} /* Section 7 start */ .blog-section .pd-item .pd-detail h4 {font-size: 17px;} .blog-section .pd-item .pd-detail a {font-size: 15px;} /* Footer start */ .contact-info-row i {font-size: 18px; line-height: 24px; width: 30px;} .contact-info-row i img {max-width: 18px;} .subscribe-box .f-form label {font-size: 16px; line-height: 24px;} .subscribe-box .f-form .form-box input {font-size: 15px; padding: 0 50px 0 15px;} .subscribe-box .f-form .form-box .btn {font-size: 16px;} .social-media {margin-top: 20px;} .social-media ul li {margin-right: 15px;} .social-media ul li a {font-size: 20px;} .f-menu-items ul{columns: 1;-webkit-columns: 1;-moz-columns: 1;} .product-details-section .flex-viewport .woocommerce-product-gallery__image {height: 300px;} .product-details-section .flex-control-nav li {height: 80px;} /** Product Detaiils Page Start **/ .product-details-section .woocommerce-product-gallery .flex-control-thumbs li {width: calc(50% - 10px) !important;} .product-details-section .woocommerce-product-gallery .flex-control-thumbs li img {padding: 5px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box {flex-wrap: wrap;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card .data-box .pd-title-box {width: 100%; padding-left: 0; padding-top: 10px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section .row .pd-data-card {padding: 10px 0;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-price-label {font-size: 15px;} .product-details-section .summary .device-questionaries .finalize-section .finalize-product .device-price {font-size: 18px;} .product-details-section .summary .device-questionaries .finalize-section .product-details-data-section {margin-top: 30px;} .product-details-section .summary .device-questionaries .question-section .select-box-area, .product-details-section .summary .device-questionaries .question-section .radio-btn-box, .product-details-section .summary .device-questionaries .question-section.watch-step4 .radio-btn-box {margin-bottom: 20px;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery {width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory:nth-child(2n+2), .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery:nth-child(2n+2) {margin-right: 0;} .product-details-section .summary .device-questionaries .question-section .select-box-area .device-net-work a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-storage a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-sizes a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-connectivity a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-casematerial a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-manufacturer a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-models a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-year a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-screen-size a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-processor a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-harddrive a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-laptopmemory a, .product-details-section .summary .device-questionaries .question-section .select-box-area .device-battery a {font-size: 14px;} .product-details-section .summary .device-questionaries .question-section .device-condition strong {font-size: 15px; line-height: normal;} /* Cart page start */ .woocommerce-cart .cart-section1 .right-block .cart-collaterals .continue-shopping .checkout-button {line-height: 35px; height: 35px; min-width: 180px; font-size: 15px;} .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {display: flex; flex-direction: column; text-align: center;} .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message a {margin-top: 5px;} /* Checkout page start */ .checkout-section .left-card-box .payments-content .payment-options .pay-option-title {width: 100% !important;} .checkout-section .left-card-box .form-box .form-row {margin-right: 0; width: 100%; margin-top: 10px;} .checkout-section .left-card-box .form-box .form-row:nth-child(2) {margin-top: 10px;} .checkout-section .left-card-box .form-row input, .checkout-section .left-card-box .form-row input {font-size: 13px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row {margin-right: 0; width: 100%; margin-bottom: 10px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row#billing_address_2_field {margin-top: 0;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper .select2-container .select2-selection .select2-selection__rendered {font-size: 13px;} .checkout-section .left-card-box .shipping-content .woocommerce-billing-fields__field-wrapper .form-row:nth-last-child(2) {margin-bottom: 10px;} .checkout-section .left-card-box .form-row textarea {height: 80px; padding: 10px 15px; font-size: 13px; color: #000;} .options-and-terms-section .terms-content {padding: 15px 15px;} .woocommerce-checkout .checkout-section .right-block .review-card {padding: 15px 15px;} } @media (max-width: 379px) { .logo img, .header-fixed .logo img {height: 20px !important;} .search-cart-box .user-icon span{display: none;} }