/*== GENERAL CSS ==*/ a, .ctaArea *, .storeProduct li *, .header * { text-decoration:none; -webkit-transition:all 250ms linear; -moz-transition:all 250ms linear; -ms-transition:all 250ms linear; -o-transition:all 250ms linear; transition:all 250ms linear; } @-webkit-keyframes tyre-info7{from{-webkit-transform:translate3d(-130px, 0, 0);transform:translate3d(-130px, 0, 0);} to{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);} } @keyframes tyre-info7{from{-webkit-transform:translate3d(-130px, 0, 0);transform:translate3d(-130px, 0, 0);} to{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);} } .tyre-info7-anim{-webkit-animation-name:tyre-info7;animation-name:tyre-info7;} @-webkit-keyframes tyre-info6{from{-webkit-transform:translate3d(-70px, 0, 0);transform:translate3d(-70px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);} } @keyframes tyre-info6{from{-webkit-transform:translate3d(-70px, 0, 0);transform:translate3d(-70px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);} } .tyre-info6-anim{-webkit-animation-name:tyre-info6;animation-name:tyre-info6;} @-webkit-keyframes tyre-info3{from{-webkit-transform:translate3d(70px, 0, 0);transform:translate3d(70px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);} } @keyframes tyre-info3{from{-webkit-transform:translate3d(70px, 0, 0);transform:translate3d(70px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);} } .tyre-info3-anim{-webkit-animation-name:tyre-info3;animation-name:tyre-info3;} @-webkit-keyframes tyre-info2{from{-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);} } @keyframes tyre-info2{from{-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);} } .tyre-info2-anim{-webkit-animation-name:tyre-info2;animation-name:tyre-info2;} @-webkit-keyframes tyre-info1{from{-webkit-transform:translate3d(120px, 0, 0);transform:translate3d(120px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);} } @keyframes tyre-info1{from{-webkit-transform:translate3d(120px, 0, 0);transform:translate3d(120px, 0, 0);} to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);} } .tyre-info1-anim{-webkit-animation-name:tyre-info1;animation-name:tyre-info1;} @-webkit-keyframes l-circle-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;} to{stroke-dashoffset:0;} } @keyframes l-circle-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;} to{stroke-dashoffset:0;stroke-dasharray:0;} } .line-circle .cls-1-anim{-webkit-animation-name:l-circle-anim;animation-name:l-circle-anim;} @-webkit-keyframes blue-line-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;} to{stroke-dashoffset:0;} } @keyframes blue-line-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;} to{stroke-dashoffset:0;stroke-dasharray:0;} } .blue-line-anim{-webkit-animation-name:blue-line-anim;animation-name:blue-line-anim;} @-webkit-keyframes moveBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}} @keyframes moveBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}} @-webkit-keyframes moveLeftBounce{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}} @keyframes moveLeftBounce{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}} @-webkit-keyframes moveFor{0%,100%{width: 55px;left: -80px;right: auto;}100%{left: auto;right: 0;width: 6px;}} @keyframes moveFor{0%,100%{width: 55px;left: -80px;right: auto;}100%{left: auto;right: 0;width: 6px;}} .btn { position: relative; transition: all 0.3s; z-index: 1; border: 1px solid #000; letter-spacing: 3px; font-weight: 600; overflow: hidden; color: #000; font-size: 16px; text-transform: uppercase; min-width: 200px; display: inline-block; padding: 12px 20px; border-radius: 0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--secondary-color); z-index: -2;} .btn:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #000; transition: all 0.3s; z-index: -1;} .btn:hover { color: #fff; } .btn:hover:before { width: 100%;} .btn span { position: relative; z-index: 1; } .main{ overflow: hidden; } .main-section {padding: 70px 0; overflow: hidden; } .main-section p{font-size: 15px;color: #000;line-height: 1.7;margin-bottom: 10px;transition: .6s;font-weight: 400; } /*=== HEADER CSS ===*/ .banner .slider-nav .silder-thumb { display: inline-block;text-align: center;font-size: 0em;cursor: pointer; width: 100%; padding: 0 5px;} .banner .slider-nav .silder-thumb figure::before{ content:'';z-index: 2; position: absolute; right: 0; bottom: 0 ; width: 100%; height: 130px; left: 0; background: linear-gradient(to top, rgb(0 0 0 / 96%) 8%,rgba(255,255,255,0) 100%) ; } .banner .slider-nav .silder-thumb figcaption{ position: absolute; bottom: 100px;left: 8px; right: 8px; z-index: 3; } .main-heading { position: relative; } .main-heading h2{position: relative; font-size: 32px; color: #b10101; padding-bottom: 5px;} /*.main-heading.is-visible h2{animation-name: fadeInLeftShort; animation-duration: .5s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}*/ .main-heading h2::before{ content: ''; position: absolute; bottom: 0; background-color: #6a0201;width: 0; height: 2px; left: 0; margin: auto; } .main-heading.is-visible h2::before{ width: 150px; transition: all 1s ease-in 0s; -webkit-transition: all 1s ease-in 0s;} .main-heading h4{ text-transform: uppercase; font-size: 15px; font-weight: 400; color: #6a0201;font-family: 'Imprima', sans-serif; letter-spacing: 2px;} .main-heading.is-visible h4{animation-name: uptext; animation-duration: .5s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} @keyframes uptext{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes uptext{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes upImg{0%{-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes upImg{0%{-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes downtext{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes downtext{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeInRight{0%{-webkit-transform:translateX(150px);transform:translateX(150px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(150px);transform:translateX(150px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeInLeft{0%{-webkit-transform:translateX(-150px);transform:translateX(-150px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translateX(-150px);transform:translateX(-150px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeInbRight{0%{-webkit-transform:translateX(150px);transform:translateX(150px);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInbRight{0%{-webkit-transform:translateX(150px);transform:translateX(150px);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeReverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-150px);transform:translateX(-150px);opacity:0}}@-webkit-keyframes fadeReverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-150px);transform:translateX(-150px);opacity:0}}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-70px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-70px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort} ul.social-icons{position: absolute;top: 40%; right: 30px; z-index: 99999;} ul.social-icons.is-visible{animation-name: fadeInRight; animation-duration: .5s; animation-delay: 1.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} ul.social-icons li{ margin-bottom: 5px; } ul.social-icons li a{ font-size: 15px; } ul.social-icons li a svg{ transition: .6s;} ul.social-icons li a:hover svg {transform: rotateY(360deg);} .imgHover{overflow: hidden; position: relative; } .imgHover:before{content: ""; position: absolute; top: -50px; left: 0; right: 0; bottom: 0; background: linear-gradient(to left, rgb(0 0 0 / 20%) 0%,rgba(255,255,255,0) 100%); transform: translateX(-100%); transition: 1.2s;} .imgHover:hover:before{opacity: 1; visibility: visible; transform: translateX(100%);} .img-border span{position: absolute;height: 5px;width: 0;left: 0;background: #b10101;transition: 1s;/* animation: borderimg 6s infinite; */box-shadow: 0 0px 10px #0000007a;} .img-border span:first-child{top: 0!important;} .img-border span:nth-child(2){ bottom: 0; right: 0; left: auto; background: #6a0201; } .img-border span:nth-child(3), .img-border span:nth-child(4){/* animation: border2img 6s infinite ; */width: 5px;} .img-border span:nth-child(3){ top: 0; left: 0; height: 0; background: #b10101; } .img-border span:nth-child(4){ bottom: 0; left: auto; right: 0; background: #6a0201; height: 0; } .imgHover:hover .img-border span{width: 100%;} .imgHover:hover .img-border span:nth-child(3), .imgHover:hover .img-border span:nth-child(4){height: 100%; width: 5px;} .fixed-chat{ position: fixed;right: 0 ; bottom: 0; z-index: 9999;} .fixed-chat figcaption{ background-color: #EC4346; width:320px; line-height: 80px; height: 80px; border-top-left-radius: 10px; border-top-right-radius: 5px; text-align: center;} .fixed-chat span{ color: #fff; font-size: 22px; } .banner { position: relative; } .banner .thumb-slider img{width: 100%!important; height: 100%!important; } .banner.main-banner{ position: relative; } .banner .thumb-slider .container{position: absolute;top: 33%;left: 0;right: 0;} .banner.main-banner figure{} .banner.main-banner figure:before{} .banner.main-banner figcaption{max-width: 600px;} .banner.main-banner figcaption.is-visible{animation-name: fadeInLeftShort; animation-duration: .5s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .banner.main-banner figcaption h1{color: #6a0201;font-size: 40px; } .banner.main-banner figcaption h1 span{display: block;} .banner.main-banner figcaption h1 strong{ color: #b10101; font-weight: 400;} .banner.main-banner figcaption p{ /*color: #fff;*/ font-size: 17px; line-height: 28px; } .banner.main-banner figcaption a{ position: relative; text-transform: uppercase; font-size: 15px; padding:5px 10px; line-height: 1; overflow: hidden; display: inline-block;} .banner.main-banner figcaption a::before{content: '';transition: .8s;position: absolute;left: 0px;width: 2px;height: 23px;background-color: #6a0201;top: 5px;} .banner.main-banner figcaption a:hover::before{ height: 0; } .banner.main-banner figcaption a::after{content: '';transition: .8s;position: absolute;left: 0px; width: 100%;height: 2px;background-color: #6a0201;bottom: 0px; transform: translateX(100%);} .banner.main-banner figcaption a:hover::after{ transform: translateX(0%);} .banner .slick-slider button.slick-arrow{border: 0 ; text-indent: -999rem; transition: .8s;} .banner .slick-slider button.slick-arrow:hover{ } .banner .slick-slider button.slick-prev{ position: absolute; left: -40px; top: 50%; z-index: 1; background: none;} .banner .slick-slider button.slick-next{ position: absolute; right: -40px; top: 50%; z-index: 1; background: none;} .banner .slick-slider button.slick-prev::before{ content: url(assets/images/arrow-prev3.png); text-indent: 0rem!important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .banner .slick-slider button.slick-next::before{ content: url(assets/images/arrow-next3.png); text-indent: 0rem!important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .banner .slick-slider button.slick-prev:hover::before,.banner .slick-slider button.slick-next:hover::before{filter: invert(23%) sepia(116%) saturate(5690%) hue-rotate(347deg) brightness(95%) contrast(93%); } .banner .slick-dots{ position: absolute; right: 50px; bottom: 55px;} .banner .slick-dots li{ margin-bottom: 10px; height: 8px; } .banner .slick-dots li.slick-active{ height: 30px; } .banner .slick-dots li.slick-active button{ height: 30px; } .banner .slick-dots li button{ text-indent: -999rem; border: 0; height: 10px; width: 2px; padding: 0; background-color: #fff;} .banner .slides-numbers{position: absolute;right: 41px;bottom: 30px;color: #fff;font-size: 16px;} .custom-counter{ position: relative; } .custom-counter span.active{position: absolute;bottom: 145px;} .banner .main-banner figure figcaption a::after { content: ''; position: absolute; left: 0; width: 0px; bottom: -4px; background: #fff; height: 2px; transition: 1s;} .banner .main-banner figure figcaption a:hover::after { width: 100%;} .banner .silder-thumb img{width: 100%; height: auto!important;} .banner .slider-nav{ /*background:rgb(0 0 0 / 88%); padding: 25px;*/ margin: 30px 0 0; } /*.banner .slider-nav .slick-slide{ height: 225px; }*/ .banner .slider-nav.is-visible .slick-slide{animation-name: downtext; animation-duration: .5s; animation-delay: .25s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} /*.banner .slider-nav.is-visible .slick-slide:nth-child(2){ animation-delay:.25s;} .banner .slider-nav.is-visible .slick-slide:nth-child(3){ animation-delay:.5s;} .banner .slider-nav.is-visible .slick-slide:nth-child(4){ animation-delay:.75s;} .banner .slider-nav.is-visible .slick-slide:nth-child(5){ animation-delay:1s;} .banner .slider-nav.is-visible .slick-slide:nth-child(6){ animation-delay:1.25s;} .banner .slider-nav.is-visible .slick-slide:nth-child(7){ animation-delay:1.5s;} .banner .slider-nav.is-visible .slick-slide:nth-child(8){ animation-delay:1.75s;}*/ .banner figcaption img{/*opacity: 0.2;*/ width: 100px !important; margin: 0 auto 30px; transform: none !important;} .banner .slider-nav figcaption h3{ color: #fff; font-size: 18px; text-transform: uppercase; font-family: Imprima, sans-serif;} .banner .slider-nav figcaption p{color: #fff; margin: 0;} .imgEffct .img-wrap{ position: relative; border-radius: 10px; /*box-shadow: -8px 8px 5px rgba(11, 11, 12, .14);*/ display: block; overflow: hidden; z-index: 5} .imgEffct .img-wrap i{ display: block; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear} .imgEffct .img-wrap i.no-scale {-webkit-transition: -webkit-transform 0s;transition: transform 0s} .imgEffct .img-wrap img {width: 100%;height: auto;vertical-align: top;-webkit-transition: -webkit-transform .5s;transition: transform .5s;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%} .imgEffct a:hover .img-wrap img {-webkit-transform: scale(1.1);transform: scale(1.1)} .cycle-slideshow ul, .cycle-slideshow li { width:100%; height:100%; overflow:hidden; transform: rotate(-270deg); } .cycle-slideshow ul li img { width: 100%;} .header{padding: 20px 0;z-index: 99999;width: 100%;} .header.is-visible{animation-name: downtext; animation-duration: .5s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} a.logo {display: block; font-size: 18px; } a.logo span{ } a.logo span:nth-child(1){font-size: 40px; font-family: 'Plaster', cursive;} a.logo span:nth-child(2){font-size: 50px; font-family: 'Jacques Francois Shadow', cursive;} a.logo span:nth-child(3){font-weight: 400; font-size: 40px; font-family: 'Nosifer', cursive;} a.logo span:nth-child(4){color: #b10101;font-weight: 700;} .header .navigation {padding: 10px 0; float: right;} .header .navigation ul{ position: relative; z-index: 5; } .header .navigation ul li{display: inline-block;margin-right: 40px;position: relative;} .header .navigation ul li:last-child{ margin-right: 0; } .header .navigation ul li a{color: #b10101; } .header .navigation ul li a:hover{ color: #6a0201; } .header .navigation ul li a::after{ background:#b10101; width: 0; content: ""; position: absolute; bottom: 0px; left: 0; height: 1px; transition: all .6s ease; } .header .navigation ul li a:hover:after{ width: 100%!important; } .header .navigation a#pull {display: none; position: absolute;transition: 0.5s;color:#fff; padding: 5px 12px;font-size: 16px;top: 10px;right: 15px;background:transparent;border: 2px solid #b10101;} .header .navigation a#pull svg{ color: #b10101; } .header.scrll{position: fixed; background: #fff; border-bottom: 2px solid #b10101;} .home-section-one{ position: relative; } .home-section-one .aboutus-left{ } .home-section-one .aboutus-left .lastp{ margin-bottom: 30px; } .home-section-one figcaption h4{font-size: 24px;} .home-section-one figcaption p{ font-size: 16px;} .home-section-one figcaption.is-visible p, .home-section-one figcaption.is-visible ul{animation-name: fadeInLeftShort; animation-duration: .5s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} /*.home-section-one figcaption.is-visible p:nth-child(2){animation-delay: 0.5s;}*/ /*.home-section-one figcaption.is-visible p:last-child{animation-delay: 1.5s;}*/ .home-section-one .aboutus-left figcaption ul{padding-left: 20px;} .home-section-one .aboutus-left figcaption ul li{ list-style-type: circle; line-height: 2; font-size: 16px;} .home-section-two{} .home-section-two .main-heading{margin: 0 0 50px;} /*.home-section-two h2.head{ color: #fff; margin-bottom: 20px; font-size: 42px;}*/ .home-section-two h2.is-visible, .home-section-two .whatsnew-slider.is-visible{ animation-name: uptext; animation-duration: .5s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-two .whatsnew-slider.is-visible{animation-delay: 1s;} .home-section-two figure{ position: relative; margin: 0 10px;} .home-section-two figure img{ width: 100%; } .home-section-two figure::before{ content:''; z-index: 2; position: absolute; right: 0; bottom: 0 ; width: 100%; height: 130px; left: 0; background: linear-gradient(to top, rgb(0 0 0 / 93%) 12%,rgba(255,255,255,0) 100%);} .home-section-two figcaption {position: absolute; z-index: 3; bottom: 40px; right: 0; left: 0; } .home-section-two figcaption h2{ font-size: 20px; text-transform: uppercase; color: #fff; text-align: center; padding: 0px 0 15px; font-family: 'Imprima', sans-serif; } .home-section-two figcaption p{ line-height: 28px; margin-bottom: 25px; } .home-section-two figcaption img{opacity: 0.5; width: 100px !important; margin: 0 auto 30px; transform: none !important;} .home-section-two .slick-slider button.slick-arrow{border: 0 ; text-indent: -999rem; transition: .8s;} .home-section-two .slick-slider button.slick-arrow:hover{ } .home-section-two .slick-slider button.slick-prev{ position: absolute; right: 40px; top: -60px; z-index: 1; background: none;} .home-section-two .slick-slider button.slick-next{ position: absolute; right: 10px; top: -60px; z-index: 1; background: none;} .home-section-two .slick-slider button.slick-prev::before{ content: url(assets/images/arrow-prev3.png); transition: .5s; text-indent: 0rem!important; position: absolute; right: 0; top: 0;} .home-section-two .slick-slider button.slick-next::before{ content: url(assets/images/arrow-next3.png); transition: .5s; text-indent: 0rem!important; position: absolute; right: 0; top: 0;} .home-section-two .slick-slider button.slick-prev:hover::before,.home-section-two .slick-slider button.slick-next:hover::before{filter: invert(23%) sepia(116%) saturate(5690%) hue-rotate(347deg) brightness(95%) contrast(93%); background: url(assets/images/thumb3.jpg); transform: scale(.7); } .home-section-three .main-heading{ text-align: center; margin-bottom: 40px;} .home-section-three{padding: 90px 0; position: relative; background-image: url(assets/images/menu-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} .home-section-three ul.sec1Tab li{ display: inline-block; } .home-section-three ul.sec1Tab.is-visible li{animation-name: uptext; animation-duration: .5s; animation-delay: .25s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-three ul.sec1Tab.is-visible li:nth-child(2){ animation-delay:.25s;} .home-section-three ul.sec1Tab.is-visible li:nth-child(3){ animation-delay:.5s;} .home-section-three ul.sec1Tab.is-visible li:nth-child(4){ animation-delay:.75s;} .home-section-three ul.sec1Tab.is-visible li:nth-child(5){ animation-delay:1s;} .home-section-three ul.sec1Tab.is-visible li:nth-child(6){ animation-delay:1.25s;} .home-section-three ul.sec1Tab.is-visible li:nth-child(7){ animation-delay:1.5s;} .home-section-three ul.sec1Tab.is-visible li:nth-child(8){ animation-delay:1.75s;} .home-section-three ul.sec1Tab li a{ font-size: 18px; font-weight: 300; padding: 7px 32px; display: block;} .home-section-three .devTab{ margin-bottom: 40px; } .home-section-three .sec1TabWrp h2{ color: #fff;font-size: 70px;text-align: center;margin: 200px 0;} .home-section-three .delicious-btn{ text-align: center; margin-top: 50px;} .home-section-three .delicious-btn.is-visible{animation-name: fadeInLeftShort; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-three .delicious-btn a{ background: #6a0201; color: #fff; border-radius: 3px; padding: 10px 30px; position: relative; } .home-section-three .delicious-btn a::before{ content: ''; border-radius: 3px; position: absolute; left: 0;top: 0; height: 100%; width: 0; background: #b10101; transition: .7s;} .home-section-three .delicious-btn a:hover::before{ width: 100%; } .home-section-three .delicious-btn a span{ position: relative; } .home-section-three ul.sec1Tab li a.tablink.active {background-color: #6a0201;border-radius: 3px;} .home-section-three .tabArea figure { box-shadow: 0 0 4px #000;overflow: hidden;margin: 0 0 10px;} .home-section-three .tabArea img{display: block; } .home-section-three .tabArea.is-visible figure{ animation-name: fadeInUp; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-three .tabArea .tabPnl{ } .home-section-three .col-md-3{ padding: 0 5px; } .home-section-four .container-fluid{ padding: 0; } .home-section-four img{ width: 100%; } .home-section-five{padding-top: 0;} .home-section-five .customer-left{ } .home-section-five .customer-left h2{} .home-section-five .customer-left p{font-size: 15px; font-weight: 300; line-height: 26px;} .home-section-five .customer-left ul.stars{ margin-top: 30px; } .home-section-five .customer-left figure::before{ content:url('assets/images/customer-qoute.jpg') ; position: absolute; right: 0; top: 0; } .home-section-five .customer-left figure img{ } .home-section-five .slider-nav5 .silder-thumb{ display: inline-block; width: auto !important; vertical-align: middle; padding: 15px;} .home-section-five .customer-left.is-visible .thumb-slider5{animation-name: uptext; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-five .slider-nav5{ margin-top: 60px; } .home-section-five .slider-nav5 .silder-thumb img{ opacity: 0.25 !important; width: 85px; height: 75px;object-fit: cover; display: inline-block; vertical-align: middle;} .home-section-five .slider-nav5 .silder-thumb.slick-slide.slick-current.slick-active img{ opacity: 1 !important; margin-top: -10px; height: 100% !important; width: 100% !important; } .home-section-five .customer-right .form-group{ margin-bottom: 40px; } .home-section-five .customer-right .form-control{background: #fafafa; box-shadow: none; padding-left: 22px; height: 65px; font-size: 20px; border: 0; border-radius: 5px; font-family: 'Imprima', sans-serif; } .home-section-five .customer-right .form-control::placeholder{ color: #000; } .home-section-five .customer-right textarea.form-control{ height: 230px; padding-top: 20px; } .home-section-five .slick-slider button.slick-arrow{border: 0 ; text-indent: -999rem; transition: .8s;} .home-section-five .slick-slider button.slick-arrow:hover{ } .home-section-five .slick-slider button.slick-prev{ position: absolute; right: 140px; bottom: -160px; z-index: 1; background: none;} .home-section-five .slick-slider button.slick-next{ position: absolute; right: 100px; bottom: -160px; z-index: 1; background: none;} .home-section-five .slick-slider button.slick-prev::before{ content: url(assets/images/arrow-prev6.png); text-indent: 0rem!important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .home-section-five .slick-slider button.slick-next::before{ content: url(assets/images/arrow-next6.png); text-indent: 0rem!important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .home-section-five .slick-slider button.slick-prev:hover::before,.home-section-five .slick-slider button.slick-next:hover::before{filter: invert(49%) sepia(77%) saturate(450%) hue-rotate(86deg) brightness(95%) contrast(90%);} .home-section-five .customer-right.is-visible h2{animation-name: fadeInLeftShort; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-five .customer-right.is-visible .form-group, .home-section-five .customer-right.is-visible .share-submit{animation-name: fadeInLeftShort; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-five .customer-right.is-visible .form-group:nth-child(2){animation-delay: 1.25s;} .home-section-five .customer-right.is-visible .form-group:nth-child(3){animation-delay: 1.5s;} .home-section-five .customer-right.is-visible .share-submit{animation-delay: 1.75s;} .home-section-five .customer-right{ padding: 50px; border: 2px solid #fafafa; background: url(assets/images/footer-bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed;} .home-section-five .customer-right h2{ color: #fff; margin-bottom: 40px; } .home-section-five .share-submit{ min-width: 270px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 500; color: #fff; border-radius: 5px;transition: .6s; background-color: #b10101; } .home-section-five .share-submit:hover{ background-color: #6a0201; } .home-section-five .customer-left ul.stars li { color: #FFD800; display: inline-block; } .home-section-five .customer-left figcaption{ height: 100% ;display: flex ; flex-direction: column;justify-content: center; } .home-section-five .main-heading h2{ margin-bottom: 50px; } .home-section-five .customer-left h3{font-family: 'Imprima', sans-serif; } .home-section-six .main-heading{ text-align: center; margin-bottom: 50px;} .home-section-six .container-fluid, .home-section-six .col-md-3{ padding: 0; } .home-section-six img{ width: 100%; } .home-section-six .row.is-visible .col-md-3{animation-name: fadeInUp; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-six .row.is-visible .col-md-3:nth-child(2){animation-delay: 1s;} .home-section-six .row.is-visible .col-md-3:nth-child(3){animation-delay: 1.5s;} .home-section-six .row.is-visible .col-md-3:nth-child(4){animation-delay: 2s;} .last-main{ position: relative; } .home-section-seven{ padding: 0; } .home-section-seven .container-fluid{ padding: 0; } .home-section-seven iframe{ width: 100%; height: 100vh;} .home-section-seven .sec1Tab2{ text-align: center; display: block; margin-bottom: 20px; border: 0;} .home-section-seven .sec1Tab2 li{ display: inline-block; margin:0 10px;} .home-section-seven .sec1Tab2.is-visible li{animation-name: downtext; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-seven .sec1Tab2.is-visible li:nth-child(2){animation-delay: .75s;} .home-section-seven .sec1Tab2.is-visible li:nth-child(3){animation-delay: 1s;} .home-section-seven .sec1Tab2 li a{ background-color: #6a0201; line-height: 42px; border: 0; min-width: 275px; height: 60px; display: block; font-size: 20px; text-align: center; border-radius: 5px; } .home-section-seven .sec1Tab2 .tablink.active{ background-color: #b10101; color: #fff;} .home-section-seven figcaption{ font-family: 'Imprima', sans-serif; padding: 20px; background-color: rgb(51 51 51 / 95%); border: 1px solid #6a0201; border-radius: 5px;} .home-section-seven figcaption h2 { font-family: 'Imprima', sans-serif; font-size: 20px;color: #b10101; font-weight: 500; } .home-section-seven figcaption h3 { font-family: 'Imprima', sans-serif; color: #6a0201; font-size: 14px; text-transform: uppercase;} .home-section-seven figcaption p{ font-size: 14px; color: #fff; max-width: 250px;} .home-section-seven figcaption p span{ text-transform: uppercase; } .home-section-seven .gallery-item{ margin: 0 10px; } .home-section-seven .sec1TabWrp2{ margin:0 -50px; } .home-section-seven .sec1TabWrp2.is-visible{animation-name: uptext; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .home-section-seven .devTab2{ margin-bottom: 15px; } .home-section-seven .tabsWrapper{ position:absolute; bottom: 400px; z-index: 999; right: 0; left: 0; } .footer .footer-bg{ } .footer figcaption p{ line-height: 28px; font-size: 13px; max-width: 350px; } .footer figcaption img{ margin-bottom: 25px; } .footer ul{display: inline-block;} .footer ul li{ margin-right: 30px; display: inline-block; max-width: 250px; vertical-align: top; position: relative;} .footer ul li:last-child{margin-right: 0 !important;} .footer ul li a{ position: relative; padding: 0 0 5px;} .footer ul a:hover{ /*color: #6a0201;*/ } .footer ul li a::after{ background:#6a0201; width: 0; content: ""; position: absolute; bottom: 0px; left: 0; height: 1px; transition: all .6s ease; } .footer ul li a:hover:after{ width: 100%!important; } .footer h5{ color: #6a0201; margin: 0 0 20px; text-transform: uppercase;} .footer .footer-inner{ margin-top: 40px; } .footer .footer-inner2 span{ color: #6a0201; display: block; text-transform: uppercase; font-weight: 700;} .footer .footer-inner2 a{ } .footer .footer-inner2 a:hover{} .footer .footer-inner2 svg{ position: absolute; top: 0; left: 0; } .footer .footer-inner2 ul li{ padding-left: 50px;margin-right: 45px; } .footer .social-icons{ position: relative; top: auto; right: auto; float: right !important;} .footer .social-icons li{ display: inline-block; margin-right: 10px;} .footer .social-icons li a{} .footer .social-icons li a svg{ transition: .6s;} .footer .social-icons li a:hover svg {transform: rotateY(360deg);color: #b10101;} .footer .copy-right .cpy-ryt{ float: right; } .footer .copy-right figcaption{ padding: 8px 0; } .footer .copy-right{ border-top: 1px solid #95989A; margin-top: 20px;} .footer .copy-right p{ margin-bottom: 0;max-width: 100%; text-align: center;} .footer .copy-right a{ } @keyframes myAnim{0%,100%{transform:translate(-120px, 120px) rotate(-312deg)}50%{transform:translate(0px, 0px) rotate(-312deg)}} .footer .footer-bg.is-visible figcaption, .footer .footer-bg.is-visible .footer-inner{animation-name: fadeInLeftShort; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;} .footer .footer-bg.is-visible .footer-inner{animation-delay: 0.75s;} .footer .footer-bg.is-visible .footer-inner2{animation-delay: 1s;} .footer .footer-bg.is-visible .footer-form{animation-delay: 1.25s;} .footer .footer-bg.is-visible .copy-right figcaption{animation-name: uptext;animation-delay: 1s;} .banner figure figcaption ul li:hover {box-shadow: -10px 10px 40px #000 inset;background: #dcbc54;} .banner figure figcaption ul li:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(assets/images/exclusive.png) 0 0 repeat;transform: rotate(-312deg) translateY(250px);transition: 1s;} .banner figure figcaption ul li:hover:before {transform: rotate(-312deg) translateY(0);animation: 5s linear infinite myAnim;} .banner figure figcaption ul li:nth-child(2){ margin-top: 145px; } .banner figure figcaption ul li:nth-child(1), .banner figure figcaption ul li:nth-child(3), .banner figure figcaption ul li:nth-child(5){ top: -155px; left: -5px; } .banner figure figcaption ul li:hover a {color: #000;} .modal-backdrop{z-index: 9999;} .main-modal{ background-color: #6a0201; height: 32px; line-height: 32px; color:#fff ; min-width: 90px; display: block; text-align: center; border-radius: 3px;} .main-modal:hover{ color: #fff!important; } .main-modal::after{ height: 100%!important; border-radius: 3px;} .main-modal span{ position: relative; color: #fff; z-index: 1;} .modal-open{ padding: 0 !important;} .modal-open .modal{padding: 0 !important; z-index: 99999;} /*.modal-dialog{ margin-top: 160px!important; }*/ .modal-dialog-centered{max-width: 970px!important;} .modal-content{background-color: #fafafa;padding: 60px;border-radius: 18px;} .modal-header{border: 0;display: inline-block; padding: 0;} .modal-header h5{font-size: 24px; color: #6a0201;margin-bottom: 20px;} .modal-header .close{ font-family: 'Imprima', sans-serif; border: 0;color: #000;font-size: 35px;background: none!important;position: absolute;right: 25px;top: 10px;} .modal-body{font-weight: 200;color: #fff;line-height: 24px; padding: 0;} .modal-body .form-group{ margin-bottom: 30px;} .modal-body .form-group label{ font-size: 20px; font-weight: 400; margin: 30px 0; color: #000; } .modal-body .form-control{ height: 45px; transition: 0.5s; border-color: #707070; box-shadow: none; } .modal-body .form-control:focus{padding-left: 20px;box-shadow: 0 2px 2px #707070;} .modal-body textarea.form-control{height: 150px;} .modal-body .form-control::placeholder{ color: #000; } .modal-body h6{ font-size: 20px; color:#6a0201 ;font-family: 'Imprima', sans-serif; font-weight: 400; } .modal-body p{ color: #000; font-weight: 400; font-size:20px ;} .modal-body .modal-add li{ display: inline-block; margin-right: 35px; position: relative; } .modal-body .modal-add li::after{ content: ''; position: absolute;right: -22px; height: 18px; transition: 3px; width: 2px; background-color: #000;} .modal-body .modal-add li a{ color: #000; font-size: 18px; } .modal-body .modal-add li:last-child::after{ width: 0; } .modal-body .mdl-submit{ background-color: #b10101; color: #fff; transition: .5s; font-size: 18px; min-width: 200px; height: 45px; line-height: 1; border-radius: 5px; } .modal-body .mdl-submit:hover{ background-color: #6a0201; } .cursor{position:fixed;width:20px;height:20px;border-radius:50%;background-color:#282828;pointer-events:none;mix-blend-mode:difference;z-index:999999;transition:transform .2s} /*@media only screen and (min-width: 993px){ .header.scrll {box-shadow: 0 2px 4px #9c9c9c;background: #000;} .header.scrll ul.top-header {opacity: 0;visibility: hidden;margin: -52px 0 0;} .header a.logo img {transition: 1s;} .header.scrll .navigation ul li a {font-size: 14px;} .header.scrll .navigation {width: 100%;padding: 5px 0;} .scrll.header .navigation ul {padding: 0;} .scrll.header a.logo img {margin: -92px 0 0;} .scrll.header a.logo {height: 35px;} }*/ @media only screen and (max-width: 767px){ .banner figure figcaption{text-align: center; } .banner figure figcaption ul{ right: auto; top: auto; transform: none; width: 255px;position: relative;margin: auto;} .banner figure figcaption ul li a{ font-size: 12px; transform: none; padding: 20px;} .banner figure figcaption ul li:nth-child(2){ margin-top: 0; } .banner figure figcaption h1{ font-size: 20px!important; line-height: 25px!important; } .banner figure figcaption ul li:nth-child(1), .banner figure figcaption ul li:nth-child(3), .banner figure figcaption ul li:nth-child(5){ top: auto; left: auto; } .home-section-one .sec-one-badge{ width: 200px!important; height: 200px!important; } .home-section-one a{ padding-top: 55px; } .modal-content{ padding: 10px 30px; } .modal-body p{ font-size: 12px; line-height: 18px; } .modal-body{ padding-top: 0; } .modal-body p{ margin-bottom: 5px; } .modal-header h5{ font-size: 15px; } .modal-header .close{ right: 45px; top: -5px; font-size: 27px;} .modal-body a.mdl-bdy-btn{ margin-bottom: 10px; } .modal-body a.mdl-bdy-btn{ font-size: 12px; } .modal-body a.mdl-bdy-btn2{ padding: 5px; margin-bottom: 0; } .modal-dialog{ margin-top: 40px!important; } } @media only screen and (max-width: 992px){ .banner.main-banner figcaption h1{font-size: 32px; font-family: inherit;} .banner.main-banner figure{margin: 15px 0 0;} .main-heading h2{font-size: 24px;} .banner .slick-slider button.slick-prev{left: 0;} .banner .slick-slider button.slick-next{right: 0;} .home-section-one figcaption h4{margin: 10px 0;} .home-section-two .main-heading{margin: 0 0 30px;} .home-section-five .customer-right{padding: 30px;} .home-section-five .customer-right .form-group{margin-bottom: 15px;} .home-section-five .customer-right .form-control{height: 40px; font-size: 15px;} .home-section-five .customer-right textarea.form-control{height: 150px;} .home-section-five .share-submit{min-width: auto; height: 40px; line-height: 1;font-size: 15px;width: 100%;} .home-section-five .customer-right h2{margin-bottom: 20px;} .footer .footer-inner{margin: 0 0 20px;} .footer figcaption img{margin-bottom: 15px;} .footer .social-icons{float: none !important; margin-top: 15px;} .footer ul li{margin-right: 10px;} .footer ul li a{font-size: 14px;} .footer .footer-inner2 ul li{margin: 0 0 15px;display: block; max-width: 100%; padding-left: 40px;} .footer .footer-inner2 svg{width: 25px; height: 25px;} .footer figcaption p{max-width: 100%; font-size: 14px; line-height: 1.5;} .banner .slider-nav .silder-thumb figcaption{bottom: 50px} .home-section-two figcaption img{width: 60px !important;} .home-section-two figcaption h2{font-size: 16px;} ul.social-icons{display:none;} .sliderxs .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; display:block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; text-align:center; } .sliderxs .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; padding: 0; cursor: pointer; } .sliderxs .slick-dots li button { font-size: 0; line-height: 0; display: block;width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent; outline: none; background: #10171f; border:none; border-radius: 200px; } .sliderxs .slick-dots li.slick-active button { background: #dcbc54; border:none; } .sliderxs .slick-dots li button:before { display:none; } .sliderxs .col-lg-2:focus, .sliderxs .col-lg-3:focus, .sliderxs .col-lg-4:focus, .sliderxs .col-lg-6:focus{ outline:none; } .btn{ letter-spacing: 0; font-size: 12px; min-width: 100px; padding: 8px 5px; } .main-section .header-section h2{ font-size: 23px; } .main-section .header-section{ margin-bottom: 20px; } .column-reverse{ flex-direction: column-reverse; } .home-section-one { padding-bottom: 0!important; } .main-section{ padding: 30px 0; } .main-section h2{ font-size: 24px; } .main-section h3{ font-size: 14px; margin-bottom: 10px; } body, a, img, ul, ol, .main-section p,.home-section-one figcaption p,.home-section-one .aboutus-left figcaption ul li{ font-size: 14px; line-height: 1.5; } .header { position: relative; } .header.scrll{position: relative;} .header .navigation{ padding: 0 } .header .navigation ul li{ display: block; margin: 0 0 10px;} .header .navigation ul li:nth-child(4){ margin-right: 0; } .header .navigation ul li a{ font-size: 13px; } .header a.logo{ position: relative; text-align: left;} .header a.logo img{ } .header .navigation a#pull { display:inline-block; } .header .navigation #topMenu {text-align: left; background:#fff; border-top: 2px solid #6a0201;padding: 10px;display: none;position: absolute;top: 73px; z-index: 2;left: 0;right: 0;border-bottom: 2px solid #6a0201;} .header ul.top-header{} .header ul.top-header li span{ display: none; } .header ul.top-header li{margin: 10px 0px 0 0;font-size: 12px;} .header ul.top-header li:last-child{ float: none; margin: 10px 0 0; display: block;} .header ul.top-header li:nth-child(2){ float: right; } .header ul.top-header li a.top-btn{ text-align: center; } .header ul.top-header li a{ font-size: 12px; } .header .navigation ul li:last-child{ float: none; } .home-section-one .sec-one-badge{ margin: 0 auto; width: 240px; height: 240px;} .home-section-one figure figcaption h3{ font-size: 20px } .home-section-one .one-main{ margin-bottom: 30px; } .home-section-two figcaption a.about-btn{padding: 9px 20px; font-size: 12px;} .home-section-two figcaption{ margin-top: 20px; } .footer .footer-top figure img{ width: 130px; } .footer figcaption{ padding-top: 0; } .footer figcaption ul{ margin-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 992px){ .home-section-one .sec-one-badge{ width: 160px; height: 160px; } .home-section-one a{ padding-top: 40px; } .home-section-one figure figcaption h3{ font-size: 17px; } } @media only screen and (min-width: 993px) and (max-width: 1199px){ .home-section-two figcaption h2{font-size: 18px;} .footer .footer-inner2 ul li{max-width: 250px; margin-right: 20px;} } @media only screen and (min-width: 768px) and (max-width: 1299px){ } @media only screen and (min-width: 1200px) and (max-width: 1299px){ } @media only screen and (max-width:767px) { .addSupText{ max-width: 90%;} .addSupInnr img{ min-height: 50px; width: 50px; } } @media only screen and (min-width:768px) and (max-width:1024px) { .addSupInnr span{ font-size: 13px!important; } }