:root {
    --white-color:#ffffff; /** var(--white-color) **/
    --black-color:#000000; /** var(--black-color) **/
    --primary-color:#E1342F; /** var(--primary-color) **/
    --secondary-color:#333333; /** var(--secondary-color) **/
    --light-color:#F7F7F7; /** var(--light-color) **/
    --bdr-color:#D9D9D9; /** var(--bdr-color) **/
    --primary-font:"Mona Sans", sans-serif; /** var(--primary-font) **/
}

/*==================================:: 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 ::==================================*/

/*Slick Slider Css Start*/
.slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-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; min-width: 100%;}
.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:0.063rem;}
.slick-initialized .slick-slide{display:block; list-style:none;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border:0.063rem solid transparent;}
.slick-arrow {display:block; position:absolute; top:50%; z-index:2; padding:0; width:40px; height:40px; text-align:center; font-size:0;color: var(--white-color); background:none;border:1px solid var(--primary-color);cursor:pointer; opacity:1; outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow: hidden; transform: translate(0, -50%);}
.slick-arrow:before{font-family:'Material-Design-Iconic-Font';font-size:20px;}
.slick-arrow.slick-next:before{content:'\f2fb';}
.slick-arrow.slick-prev:before{content:'\f2fa';}
.slick-arrow.slick-next{right:0;}
.slick-arrow.slick-prev {left:0;}
.slick-arrow:hover {outline:none; background-color:var(--primary-color);}
.slick-dots {display:-webkit-flex;display: flex; align-content: center; justify-content: center; position:absolute; left:0; right:0; bottom:50px; margin:0 auto; padding:0; text-align:center;}
.slick-dots li {margin:0 5px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.slick-dots li button {display:block; width:15px; height:15px; font-size:0; padding: 0; background:var(--secondary-color); position: relative; border:0; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; cursor:pointer; transition: all 0.4s ease;opacity:0.5;}
.slick-dots li.slick-active button:focus, .slick-dots li.slick-active button:hover, .slick-dots li.slick-active button,
.slick-dots li button:focus, .slick-dots li button:hover{outline:none; box-shadow:none;background:var(--primary-color);opacity:1;}
.slick-arrow.slick-disabled {cursor: not-allowed;}
/*Slick Slider Css End*/

/* Loading */
.loader-wrap {background: var(--black-color); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999;}
.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:var(--white-color); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-left: -30px !important; font-weight: 600; margin-top: 30px !important;}
@-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);}
}

/* ===== RESET ================================================== */
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;}
hr{display:block; height:0.063rem; max-width:100%; border:0; border-top:0.063rem solid var(--white-color); margin:1.25rem 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%;}
html, body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}
blockquote{padding: 15px; border-left:0.25rem solid var(--primary-color); margin:0 0 24px 0; background:rgb(0 0 0 / 5%);}

/* ===== GLOBAL ================================================== */
body{font-family:var(--primary-font); font-size:16px; line-height:1.45; letter-spacing:0; color:var(--black-color);background-color:var(--white-color); overflow-x:hidden; padding:0;margin:0; transition: all 0.4s ease;}
:focus{text-decoration:none; outline:none;}
a{text-decoration:none; color:var(--primary-color); 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:var(--black-color);}
a:focus{outline:0; outline: none;}
hr{display:block; height:0.125rem; max-width:100%; border:0; border-top:0.063rem solid #E8E8E9; margin:3.75rem 0; padding:0; opacity:1;}

/* Ul Li & Ol Li CSS */
ul, ol {margin:0; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:0.938rem;}
ul li, ol li {margin:0;padding:0;}
.entry-content li a{text-decoration:underline;}
.entry-content li a:hover{text-decoration:none; color:var(--primary-color);}
.entry-content ul, .entry-content ol {display:inline-block; padding:0; margin:0 0 24px 0;}
.entry-content ul ol, .entry-content ol ul, .entry-content ul ul, .entry-content ol ol{display:block; margin-top:0.625rem;}
.entry-content ul li{list-style:none; padding:0 0 0 20px; margin:0 0 10px 0; position: relative;}
.entry-content ul li:last-child{margin-bottom:0;}
.entry-content ul li:before{display: block; content: ""; width:5px; height:5px; background:var(--primary-color);border-radius:50px; position: absolute; left:0; top:9px;}
.entry-content ol{margin-left:0;counter-reset: item;}
.entry-content li li{padding-left:0.875rem;list-style:none !important;}
.entry-content ol li {list-style-type:none; list-style-image:none; list-style-position:outside; margin:0 0 10px 0; padding-left:24px; position: relative;}
.entry-content ol li:before{content: counter(item) ". "; counter-increment: item; font-weight: 600; position: absolute;left:0;}
.entry-content a:not(.btn){color: var(--primary-color); text-decoration: underline;}
.entry-content a:not(.btn):hover{color: var(--secondary-color); text-decoration:none;}

/*table structure*/
table{width: 100%;border:1px solid rgba(122, 112, 105, 0.3);border-top:0; border-left:0;margin-bottom:25px;}
table td{border-top:1px solid rgba(122, 112, 105, 0.3); border-left:1px solid rgba(122, 112, 105, 0.3); padding:1rem; vertical-align:middle; position: relative;}
table th{color:var(--white-color); font-weight:700; padding:1rem;}
table tbody tr{transition: all 0.4s ease;}

h1, h2, h3, h4, h5, h6{font-weight:600; color:var(--black-color); font-family:var(--primary-font); line-height:1.222222; letter-spacing:0; margin:0 0 15px;}
.h1, h1{font-size:54px;color:var(--white-color);}
.h2, h2 {font-size:40px;}
.h3, h3{font-size:32px;}
.h4, h4{font-size:28px;}
.h5, h5{font-size:22px;}
.h6, h6{font-size:20px;}

p{margin:0 0 24px;}
p:last-child {margin: 0;}
img{max-width:100%; height:auto; border:none; outline:none;}
em {font-style: italic;}

section *:last-child{margin-bottom:0;}
.container{max-width:1320px; padding:0 20px; margin:0 auto;}
.max-container{max-width:1624px;}
.img-cover{width:100%; height: auto;}
.img-cover video,
.img-cover img{width: 100% !important;height: 100% !important; transition:all 0.4s ease; transform: scale(1); max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center;display: block;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center;}
.d-flex {display: -webkit-flex;display: flex;}
.d-block{display: block;}
.flex-wrap{flex-wrap: wrap;}
.ms-auto{margin-left: auto;}
.me-auto{margin-right: auto;}
.mt-auto{margin-top: auto;}
.mx-auto{margin-left: auto;margin-right: auto;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.start-0{left:0;}
.end-0{right:0;}
.top-0{top:0;}
.bottom-0{bottom:0;}
.text-center{text-align: center;}
.d-none{display:none;}
.w-100{width:100%;}
.row{display: -webkit-flex; display: flex; flex-wrap: wrap;margin:-20px;}
.row>div{padding:20px;}
img.alignleft, img.alignright {border-radius:8px;}
img.alignleft {float: left; margin: 0 15px 15px 0;border-radius:8px;}
img.alignright {margin: 0 0 15px 15px; float: right;border-radius:8px;}

/*Form Input Field*/
input, textarea, select {background:var(--white-color);font-family: var(--primary-font); font-size:15px;font-weight:400; color: var(--black-color); border:1px solid var(--secondary-color); width:100%; text-align:left; padding:0 20px; margin:0; height:50px; outline:none; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; box-shadow:none !important;outline:none; letter-spacing:0; transition: all 0.4s ease;}
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;resize:none;display: block;padding:16px 20px;}
::-webkit-input-placeholder{color:var(--black-color); opacity:1;}
:-moz-placeholder{color:var(--black-color); opacity:1;} /* Firefox 18- */
::-moz-placeholder{color:var(--black-color); opacity:1;} /* Firefox 19+ */
:-ms-input-placeholder{color:var(--black-color); opacity:1;}

.button, .btn {display:inline-block; padding:0 35px; background: var(--primary-color); border:1px solid var(--primary-color);color:var(--white-color); font-size:15px; font-family:var(--primary-font); font-weight:bold; cursor:pointer; letter-spacing:0; text-align:center; position:relative; height:50px; line-height:48px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-webkit-border-radius: 32px;-moz-border-radius: 32px;border-radius: 32px;box-shadow:none !important;}
.button:hover, .button.alt:hover, .btn:hover,
.button:focus, .button.alt:focus, .btn:focus,
.button:active, .button.alt:active, .btn:active{background:var(--secondary-color); border-color: var(--secondary-color); color: var(--white-color); text-decoration:none;}
.bdr-btn{background:var(--white-color);color: var(--primary-color);}
.bdr-btn:hover, .bdr-btn:focus, .bdr-btn:active{background:var(--primary-color);color: var(--white-color);}

/** Header Start **/
.wrapper{padding:120px 0 0 0; transition: all 0.4s ease;flex-direction: column;min-height:100vh;}
.header{position: fixed;background:var(--white-color); top:0;left:0;right:0; z-index:9; transition:all 0.4s ease;}
.header-inner {justify-content: space-between;padding:15px 0;transition: all 0.4s ease;}
.logo {display: block; max-width:130px; width:100%;transition:all 0.4s ease;}
.logo img {width:100%; height:auto;display: block;}
.header-right-menu {position: relative;}
.header-right-menu nav ul li {margin:0;padding: 0; line-height: 1;}
.header-right-menu>nav>ul>li+li{margin-left:42px;}
.header-right-menu nav ul li a {display: block; position: relative; font-size: 16px; line-height:1; font-family: var(--primary-font); color: var(--black-color); font-weight: 500; letter-spacing:0;  padding:0;}
.header-right-menu nav ul li>a:hover, 
.header-right-menu nav ul li.current-menu-item>a,
.header-right-menu nav ul li.current-menu-parent>a, 
.header-right-menu nav ul li:hover>a {color: var(--primary-color);}
.header-right-menu nav ul li.current-menu-item>a,
.header-right-menu nav ul li.current-menu-parent>a{font-weight: bold;}
.header-right-menu nav ul li.menu-item-has-children {display: flex; align-items: center; justify-content: center;}
.header-right-menu nav ul li.menu-item-has-children {position: relative;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu {position: absolute; top: 100%; left: 0; width:200px; margin:5px 0 0; padding:22px 0; background:var(--light-color); transition:all 0.4s ease; opacity: 0; visibility: hidden;border-radius:4px;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li {margin: 0 0 5px 0; padding:0 16px;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li a {color: var(--black-color); font-size: 14px; line-height:1; position: relative; padding:6px 0 6px 16px;display: inline-block;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li a:before{content:'\f2fb'; font-family:'Material-Design-Iconic-Font'; position: absolute;left:0;top:50%; transform: translate(0, -50%);}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li:last-child {margin: 0;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li:hover>a, 
.header-right-menu nav ul li.menu-item-has-children .sub-menu li a:hover, 
.header-right-menu nav ul li.menu-item-has-children .sub-menu li.current-menu-item a {color: var(--primary-color);background:none}
.header-right-menu nav ul li:hover .sub-menu {visibility: visible; opacity: 1;}
.h-phone, .h-button{margin-left:46px;}
.h-phone a svg{margin-right:11px;}
.h-phone a{font-weight: bold; color: var(--black-color);}
.h-phone a:hover{color:var(--primary-color);}
.mobile-icon {display: none;}

.header-fixed .header-inner{padding:10px 0;}
.header-fixed .logo {max-width:100px;}
.header-fixed .wrapper{padding-top:89px;}

/** Hero Section 1 Start **/
.hero-section>.img-cover{padding-bottom:50.4%;background:var(--black-color); z-index:1;}
.hero-right-block .img-cover img,
.hero-section>.img-cover img{position: absolute;left:0;right:0;top:0;bottom:0;}
.hero-section>.img-cover:before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background:var(--black-color);opacity:0.3; z-index:1;}
.hero-section>.img-cover:after{content:"";position: absolute;left:0;right:0;top:0;bottom:0;z-index:2;background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 1%,rgba(125,185,232,0) 100%);}
.hero-bottom-shape{z-index:1;}
.hero-bottom-shape img{width:100%; height:auto;display: block;}
.hero-caption-inner{margin-top:-110px; align-items: center;}
.hero-section .hero-caption{z-index:1;}
.hero-section .hero-caption p{color: var(--white-color);}
.hero-left-block {min-width: 33.5%;max-width: 33.5%;flex-basis: 33.5%;padding-right: 50px;}
.hero-right-block{min-width: 66.5%;max-width: 66.5%;flex-basis: 66.5%;border:10px solid var(--bdr-color); background: var(--bdr-color);}
.hero-right-block .img-cover{padding-bottom:45%;}
.hero-left-block .btn {margin-top: 32px;}
.hero-right-block .img-cover img {width: auto !important; margin: 0 auto;}
.hero-right-block  .slick-slider {display: grid !important;}


/** Hero Section 2 Start **/
.home-section2{padding-top:110px;padding-bottom:120px;}
.home-section2 .container{max-width:1240px;}
.sub-title{font-size:16px;line-height:normal; font-weight:bold !important; color: var(--primary-color);margin-bottom:14px;}
.home-section2 h3{max-width:745px;width:100%;margin:0 auto 50px auto;}
.s2-content-list-wrapper .col{min-width:50%;max-width:50%;flex-basis:50%;border-radius:100%; background:var(--primary-color);min-height:600px;margin:0 -20px;position: relative;}
.s2-content-list-wrapper .col:first-child{margin-left:20px;}
.s2-content-list-wrapper .col:first-child .btn{background:var(--secondary-color);border-color:var(--secondary-color);}
.s2-content-list-wrapper .col:first-child .btn:hover, .s2-content-list-wrapper .col:first-child .btn:focus, .s2-content-list-wrapper .col:first-child .btn:active{background:var(--black-color);border-color:var(--black-color);}
.s2-content-list-wrapper .col:last-child{background:var(--black-color);}
.s2-content-list-wrapper .col:last-child:before{content:"";position: absolute;width:40px;height:217px;left:0;top:50%;background:url(../images/box-shape.png) no-repeat center; background-size:100% auto;transform:translate(0, -50%);}
.s2-content-list-wrapper .col *{color: var(--white-color);}
.s2-content-list-wrapper .col>div{max-width:440px; width:100%;margin:0 auto;}
.s2-content-list-wrapper i.icon {display: block;width: 120px;height: 120px;margin: 0 auto 35px auto;}
.s2-content-list-wrapper i.icon img{width:100%;height:100%; object-position: center; object-fit: scale-down;}
.s2-content-list-wrapper p {line-height: 1.45;margin-bottom:28px;}
.s2-content-list-wrapper h4 {margin-bottom: 30px;}
.s2-bg-img{top:496px;}
.s2-bg-img:after{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.5) 100%);}
.s2-bg-img img{width:100%; height:100%;object-fit: cover; object-position: center;}
.home-section2-inner{margin-top:120px;padding:92px;border:1px solid var(--primary-color);background:url(../images/dot-bg.png) repeat;}
.home-section2-inner h3 {margin: 0 auto 33px auto;max-width:100%;}
.home-section2-inner>div{max-width:753px;width:100%;margin:0 auto;}

/** Hero Section 3 Start **/
.home-section3{background:var(--primary-color);padding:120px 0;}
.home-section3>svg{width:100%;height: auto;}
.home-section3 *:not(.btn){color: var(--white-color);}
.home-section3 .bdr-btn{border-color:var(--secondary-color);color: var(--secondary-color);}
.home-section3 .bdr-btn:hover, .home-section3 .bdr-btn:focus, .home-section3 .bdr-btn:active{background:var(--secondary-color);border-color:var(--secondary-color);color: var(--white-color);}
.s3-content-wrapper .left-col {min-width: 58.2%;max-width: 58.2%;flex-basis: 58.2%;padding-right: 140px;}
.s3-content-wrapper .right-col{min-width:41.8%;max-width:41.8%;flex-basis:41.8%;}
.s3-content-wrapper .right-col .img-cover{width:100%; padding-bottom:100%; position: relative; z-index:1;margin-left: auto;}
.s3-content-wrapper .right-col .img-cover:after{content:"";position: absolute;left:-20px;right:0;top:0;bottom:0;border-radius:100%;border:1px solid var(--white-color); z-index:-1}
.s3-content-wrapper .right-col .img-cover img{border-radius:100%;position: absolute;left:0;right:0;top:0;bottom:0;}
.s3-content-wrapper h2{line-height:1;}
.s3-content-wrapper h3{line-height:1.4;margin-bottom:32px;}
.btn-wrapper{padding-top:15px;}

/** Hero Section 4 Start **/
.home-section4{background:var(--light-color);padding:130px 0;}
.home-section4 .container{max-width:988px;}
.home-section4 h2{margin-bottom:55px;}
.logo-list-wrapper{gap:50px 67px;justify-content:space-between;}
.logo-img{height:60px;max-width:210px;}
.logo-img a{width:100%;height: 100%;}
.logo-img img{height:100%;object-fit: scale-down;object-position: center; mix-blend-mode: multiply;display: block;}

/** Hero Section 5 Start **/
.home-section5{padding:120px 0;}
.home-section5 .container{max-width:860px;}
.s5-content-info-wrapper{max-width:580px;margin-bottom:54px;}
.form-wrapper form{margin:-10px;}
.form-wrapper .field{padding:10px; min-width:50%;flex-basis:50%;max-width:50%;}
.form-wrapper .field.w-100{min-width:100%;flex-basis:100%;max-width:100%;}
.alert{font-size:16px;line-height:normal;padding:12px 10px;border-radius:4px;margin-bottom:20px;}
.alert.alert-warning{border:1px solid #ffe69c;background:#fff3cd;color:#664d03;}
.alert.alert-success{border:1px solid #a3cfbb;background:#d1e7dd;color:#0a3622;}
.alert1.alert-success1 * {color: var(--secondary-color);}
.alert1.alert-success1 h4 {margin-bottom: 0;color: green;}
.btn-box-wrapper .spinner-border {position: absolute;left: 0;top: 4px;right: 0;}

/** Footer Start **/
.footer{background:var(--light-color);margin-top: auto;padding-top:125px;padding-bottom:18px;}
.footer *:last-child{margin-bottom:0;}
.footer h2 {margin-bottom: 40px;}
.footer a{color: var(--black-color);}
.footer a:hover{color: var(--primary-color);}
.footer-col-wrapper{margin:0 -15px !important;}
.footer-col-wrapper>div{min-width:33.333%;max-width:33.333%;flex-basis:33.333%;padding:0 15px;}
.footer-col-wrapper>div+div{border-left:1px solid rgba(51, 51, 51, 0.5);}
.footer-col-wrapper .icon{width:100px;height:100px;border-radius:100%;border:1px solid rgba(51, 51, 51, 0.5);margin-bottom:25px;}
.footer-col-wrapper p strong{font-size:20px;margin-bottom:11px;}
.footer-col-wrapper p {font-size:18px; line-height:100%;font-weight:400;}
.footer-menu-wrapper{border-top:1px solid rgba(51, 51, 51, 0.5);border-bottom:1px solid rgba(51, 51, 51, 0.5);padding:23px 0;margin-top:38px;}
.footer-menu-wrapper ul li + li:before{content:"/";margin:0 25px}
.footer-menu-wrapper ul li{font-weight:500;}
.footer-menu-wrapper ul li.current-menu-item a{font-weight:bold;color: var(--primary-color);}
.footer-menu-wrapper ul li ul{display: none;}
.copyright-strip-wrapper{margin:0 -15px !important;padding-top:18px;}
.copyright-strip-wrapper>div{padding:0 15px;}
.copyright-strip-wrapper p{font-weight:400;}
.copyright-strip-wrapper p strong{font-weight:500;}
.copyright-col {min-width: 49.2%;max-width:49.2%;flex-basis:49.2%;}
.copyright-strip-wrapper .copyright-col p a strong{font-weight:600;}
.copyright-strip-wrapper .copyright-col p a{color: var(--primary-color);}
.copyright-strip-wrapper .copyright-col p a:hover{color: var(--black-color);}
.social-media-col{margin-left: auto;}
.social-media-col p{margin:0 20px 0 0;font-weight:500;}
.social-media-col ul li + li{margin-left:10px;}
.social-media-col ul li a{font-size:18px;width:50px; height:50px; line-height:48px; border:1px solid var(--primary-color);border-radius:100%; text-align: center; color: var(--primary-color);}
.social-media-col ul li a:hover{color: var(--white-color);background: var(--primary-color);}
.scrollup{position: fixed;right:160px;bottom:104px;font-size:30px;color: var(--primary-color);cursor: pointer;}

/** 404 Page Start **/
.error404 .footer{background:var(--white-color);}

/** Demo Page Start **/
.internal-hero-section.hero-section>.img-cover{padding-bottom:30%;}
.internal-hero-section .hero-caption-inner{margin-top:-90px;}
.default-section{padding:120px 0;}
.default-section .container{max-width:1040px;}

/** Contact Page Start **/
.map-section iframe{width:100%; height:500px;display:block;border:0;}

/** Tires Page Start **/
.home-section4.tires-logo-section{background:var(--white-color);padding-top:0 !important}
.tires-logo-section .logo-list-wrapper {gap: 0;margin: -15px;}
.tires-logo-section .items {min-width: 33.333%;max-width: 33.333%;flex-basis: 33.333%;padding:15px;}
.tires-logo-section .logo-img {width: 100%;text-align: center;display: block;margin: 0 auto;}



/*======================================================================
=============================:: MEDIA CSS ::============================
=======================================================================*/
@media screen and (max-width:1499px){
/** Hero Section 1 Start **/
.hero-left-block{padding-right:40px;}
.hero-left-block .btn {margin-top: 20px;}

/** Footer Start **/
.scrollup{right:20px;}

/** Demo Page Start **/
.internal-hero-section .hero-caption-inner{margin-top:-70px;}

}

@media screen and (max-width:1399px){
.h1, h1{font-size:50px;}

/** Hero Section 1 Start **/
.hero-section>.img-cover{padding-bottom:54%;}
.hero-left-block .btn {margin-top: 15px;}

}

@media screen and (max-width:1299px){
.h1, h1{font-size:46px;}
.button, .btn{padding:0 30px;}

/** Header Start **/
.header-right-menu>nav>ul>li+li,
.h-phone, .h-button{margin-left:30px;}

/** Hero Section 1 Start **/
.hero-section>.img-cover{padding-bottom:56%;}
.hero-left-block .btn {margin-top: 10px;}

}

@media screen and (max-width:1199px){
.h1, h1{font-size:36px;}
.h2, h2 {font-size:32px;}
.h3, h3{font-size:30px;}
.h4, h4{font-size:26px;}
.h5, h5{font-size:20px;}
.h6, h6{font-size:18px;}
p {margin-bottom: 20px;}

/** Header start **/
.header-fixed .wrapper, .wrapper{padding-top:89px;}
.header, .wrapper{width:100%;border:0;}
.header-fixed .logo, .logo {max-width:100px;}
.header-fixed .header-inner, .header-inner{padding:10px 0;}
.mobile-icon {display: block !important; width: 30px; padding: 0; height: 26px; border: 0; margin: 0; border-radius: 0; cursor: pointer; position: relative; z-index:1;}
.mobile-icon span {display: block; position: relative; background: var(--black-color); 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: var(--black-color); position: absolute; top: -10px;ransition:all 0.4s ease;}
.mobile-icon span:before {top: auto; bottom: -10px;}
.open-nav .mobile-icon {position: relative; z-index: 99999;}
.open-nav .mobile-icon span:before {transform: rotate(-45deg); bottom: 0;}
.open-nav .mobile-icon span:after {transform: rotate(45deg); top: 0;}
.header-right-menu nav {position: fixed; left: 0; right: 0; transition:all 0.4s ease; top: 89px; height: calc(100% - 89px); background: var(--white-color); z-index: 99; padding:30px 0; display: block !important; overflow-y: auto; opacity: 0; visibility: hidden; align-items: center;}
.open-nav .header-right-menu nav {opacity: 1; visibility: visible;}
.header-right-menu {display: flex; align-items: center; height: 100%;}
.header-right-menu nav ul li.menu-btn {margin-left: 0;}
.header-right-menu nav ul li.menu-btn> a{padding:0 !important;}
.header-right-menu nav ul {flex-direction: column; width: 100%; text-align: center;}
.header-right-menu nav ul li.menu-item-has-children {display: block; text-align: center; position: relative;}
.header-right-menu nav>ul>li+li,
.header-right-menu nav ul li {margin: 0; padding:5px 15px; display: block; line-height: normal;}
.header-right-menu nav ul li a {font-size: 16px; line-height:1; padding:10px 14px !important;display: inline-block;}
.header-right-menu ul li.menu-item-has-children .sub-menu {position: relative; width: auto; left: auto; display: none; visibility: visible; opacity: 1;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu{padding:5px 0;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li {margin: 0; line-height: 0; padding:0;}
body .header-right-menu nav ul li.menu-item-has-children .sub-menu li a {padding: 0; font-size: 14px; line-height: 1;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu {position: static; visibility: visible; opacity: 1; background: transparent; width: 100%;}
.header-right-menu nav ul li.menu-item-has-children.active .sub-menu {display: block;}
.header-right-menu nav ul li.menu-item-has-children .sub-menu li a:before{display: none;}
.header-right-menu nav ul li.menu-item-has-children:after {content: "";position: absolute;left: 0;right: 0;top: 5px;height: 35px;max-width: 200px;margin: 0 auto;opacity:0;}
.h-phone, .h-button{margin-left:0;margin-top:20px; width:100%;text-align: center;}
.h-phone a{justify-content: center;}
.h-button{margin-top:25px;}

/** Hero Section 2 Start **/
.home-section2{padding-top:80px;padding-bottom:80px;}
.home-section2 h3{margin:0 auto 40px auto;}
.s2-content-list-wrapper h4 {margin-bottom: 20px;}
.s2-content-list-wrapper i.icon {width: 100px;height: 100px;margin: 0 auto 25px auto;}
.s2-content-list-wrapper p {margin-bottom: 18px;}
.s2-content-list-wrapper .col{min-height:492px;}
.s2-content-list-wrapper .col>div {max-width: 380px;}
.home-section2-inner{margin-top:80px;padding:70px;}
.home-section2-inner h3 {margin: 0 auto 25px auto;}

/** Hero Section 3 Start **/
.home-section3{padding:80px 0;}
.s3-content-wrapper .left-col {padding-right: 40px;}
.s3-content-wrapper h3{margin-bottom:25px;}
.btn-wrapper{padding-top:10px;}

/** Hero Section 4 Start **/
.home-section4{padding:90px 0;}
.home-section4 h2{margin-bottom:40px;}

/** Hero Section 5 Start **/
.home-section5{padding:90px 0;}
.s5-content-info-wrapper{margin-bottom:40px;}

/** Footer Start **/
.footer{padding-top:80px;}
.footer h2 {margin-bottom: 30px;}
.footer-col-wrapper .icon{width:90px;height:90px;margin-bottom:20px;}
.footer-col-wrapper p strong{font-size:18px;margin-bottom:8px;}
.footer-col-wrapper p {font-size:16px;}
.footer-menu-wrapper{padding:20px 0;margin-top:30px;}
.footer-menu-wrapper ul li + li:before{content:"/";margin:0 20px}
.copyright-col {min-width: 46.2%;max-width: 46.2%;flex-basis: 46.2%;}
.social-media-col p{margin:0 15px 0 0;}
.social-media-col ul li + li{margin-left:8px;}
.social-media-col ul li a{font-size:16px;width:44px; height:44px; line-height:42px;}
.scrollup{font-size:24px;bottom:99px;}

/** Demo Page Start **/
.internal-hero-section .hero-caption-inner{margin-top:-40px;}
.default-section{padding:80px 0;}

}

@media screen and (max-width:991px){
body{font-size:14px;}
.h1, h1{font-size:32px;}
.h2, h2 {font-size:30px;}
.h3, h3{font-size:28px;}
.h4, h4{font-size:24px;}
.h5, h5{font-size:18px;}
.h6, h6{font-size:16px;}
hr {margin: 1.5rem 0;}

/** Hero Section Start **/
.hero-section>.img-cover{padding-bottom:0;position: absolute;left:0;right:0;top:0;bottom:0;}
.hero-section .hero-caption{z-index:2;position: relative;padding-top:100px;}
.hero-caption-inner{flex-wrap: wrap;margin-top:0; align-items: flex-start;}
.hero-left-block {min-width: 100%;max-width: 100%;flex-basis: 100%;padding-right: 0;}
.hero-left-block .btn {margin-top: 0;}
.hero-right-block {min-width: 100%;max-width: 100%;flex-basis: 100%;border: 4px solid var(--bdr-color);margin-top:30px;margin-bottom:0 !important;}

/** Hero Section 2 Start **/
.home-section2{padding-top:60px;padding-bottom:60px;}
.home-section2 h3{margin:0 auto 30px auto;}
.s2-content-list-wrapper h4 {margin-bottom: 15px;}
.s2-content-list-wrapper i.icon {margin: 0 auto 20px auto;}
.s2-content-list-wrapper p {margin-bottom: 15px;}
.s2-content-list-wrapper .col{min-height:492px;min-width:492px;max-width:492px;flex-basis:492px;margin:0 auto !important;}
.s2-content-list-wrapper .col>div {max-width: 380px;}
.s2-content-list-wrapper .col+.col{margin-top:-40px !important;}
.s2-content-list-wrapper .col:last-child:before{display: none;}
.home-section2-inner{margin-top:60px;padding:40px;}
.home-section2-inner h3 {margin: 0 auto 20px auto;}

/** Hero Section 3 Start **/
.home-section3{padding:60px 0;}
.s3-content-wrapper .left-col {padding-right: 40px;}
.s3-content-wrapper h3{margin-bottom:15px;}
.btn-wrapper{padding-top:0;}

/** Hero Section 4 Start **/
.home-section4{padding:70px 0;}
.home-section4 h2{margin-bottom:30px;}
.logo-list-wrapper{gap:30px 20px;}
.logo-img{height:40px;max-width:160px;}

/** Hero Section 5 Start **/
.home-section5{padding:70px 0;}
.s5-content-info-wrapper{margin-bottom:30px;}

/** Footer Start **/
.footer{padding-top:60px;}
.footer h2 {margin-bottom:20px;}
.footer-col-wrapper .icon{width:80px;height:80px;}
.footer-col-wrapper p strong{font-size:16px;}
.footer-col-wrapper p {font-size:14px;}
.footer-menu-wrapper{padding:15px 0;margin-top:24px;}
.footer-menu-wrapper ul li + li:before{margin:0 15px}
.copyright-col {min-width:100%;max-width:100%;flex-basis:100%;order:3;margin-top:5px;}
.scrollup {bottom: 116px;}

/** Demo Page Start **/
.internal-hero-section .hero-caption-inner{margin-top:0;}
.internal-hero-section.hero-section>.img-cover{padding-bottom:0;}
.internal-hero-section.hero-section .hero-caption{padding:100px 0 130px 0;}
.default-section{padding:60px 0;}

}

/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px) {
h1, h2, h3, h4, h5, h6{margin-bottom:10px;}
.h1, h1{font-size:30px;}
.h2, h2 {font-size:28px;}
.h3, h3{font-size:26px;}
.h3, h3{font-size:24px;}
.h4, h4{font-size:22px;}
img.alignright, 
img.alignleft {margin: 15px 0; width: 100%;}
.button, .btn {padding:0 20px;font-size:14px; height:44px; line-height:42px;}

/** Hero Section Start **/
.hero-section .hero-caption{padding-top:60px;}

/** Hero Section 2 Start **/
.s2-content-list-wrapper .col {min-height: 432px;min-width: 432px;max-width: 432px;flex-basis: 432px;}
.home-section2-inner{margin-top:40px;padding:20px;}
.home-section2-inner h3 {margin: 0 auto 15px auto;}

/** Hero Section 3 Start **/
.home-section3{padding:40px 0;}
.s3-content-wrapper .left-col {padding-right: 0;min-width:100%;max-width:100%;flex-basis:100%;}
.s3-content-wrapper .right-col{min-width:calc(100% - 20px);max-width:calc(100% - 20px);flex-basis:calc(100% - 20px); margin-top:30px;margin-left: auto;}

/** Hero Section 4 Start **/
.home-section4{padding:50px 0;}
.home-section4 h2{margin-bottom:20px;}
.logo-list-wrapper{gap:20px 15px;}
.logo-img{height:36px;max-width:130px;}

/** Hero Section 5 Start **/
.home-section5{padding:50px 0;}
.s5-content-info-wrapper{margin-bottom:20px;}
.form-wrapper .field{min-width:100%;flex-basis:100%;max-width:100%;}

/** Footer Start **/
.footer{padding-top:40px;}
.footer-col-wrapper{margin:0 !important;}
.footer-col-wrapper>div{min-width:100%;max-width:100%;flex-basis:100%;padding:0;}
.footer-col-wrapper>div+div {border-left:0;border-top:1px solid rgba(51, 51, 51, 0.5);margin-top:20px;padding-top:20px;}
.footer-menu-wrapper ul{gap:0.5rem 0;}
.copyright-strip-wrapper>div{min-width:100%;max-width:100%;flex-basis:100%;text-align: center;}
.social-media-col{justify-content: center;}
.social-media-col,
.copyright-col{margin-top:12px;}
.scrollup {bottom: 66px;}


/** Demo Page Start **/
.internal-hero-section.hero-section .hero-caption{padding:100px 0 120px 0;}

}

/*View :: 320px ::*/
@media screen and (max-width:479px) {
.h1, h1{font-size:28px;}
.h2, h2 {font-size:26px;}

/** Hero Section 2 Start **/
.s2-content-list-wrapper .col{min-height: 100%;min-width: 100%;max-width: 100%;flex-basis: 100%;border-radius:10px;padding:30px;}
.s2-content-list-wrapper .col+.col {margin-top:20px !important;}

/** Tires Page Start **/
.tires-logo-section .items {min-width: 50%;max-width: 50%;flex-basis: 50%;padding:15px;}

}