/* #tb-top-header Start*/ html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -moz-osx-font-smoothing: grayscale; } .top-header { /* background: #f37166;*/ } #tb-top-header-cms .proudly { width: 90%; text-align: center; margin-left: auto; margin-right: auto; } #tb-top-header-cms .proudly img { position: relative; width: 30px; } #tb-top-header-cms .tb-top-header-cms-wrapper { background: repeating-linear-gradient(to right, #1f7d83, #fcbb81, #ffeebe, #f37166); } #tb-top-header-cms .tb-top-header-cms-wrapper p i { font-size: 18px; margin: 0 3px 0 0; } #tb-top-header-cms .tb-top-header-cms-wrapper p{ margin: 0; font: 700 16px / 35px "Titillium Web", sans-serif; color: #0b303e; padding: 5px 0 5px 0; position: relative; letter-spacing: 1px } @media (max-width: 767px){ #tb-top-header-cms .tb-top-header-cms-wrapper p{ font-size: 16px; line-height: 16px; } .top-header{ padding: 0 ; } #tb-top-header-cms .tb-top-header-cms-wrapper p i { font-size: 17px; } .multilingual { position: absolute !important; z-index: 10000 !important; top: 17% !important; left: 47% !important; width: 35% !important; } #tb-top-header-cms .proudly img { position: relative; width: 30px; } } @media (max-width: 480px){ #tb-top-header-cms .tb-top-header-cms-wrapper p { font-size: 16px; line-height: 13px; } #tb-top-header-cms .tb-top-header-cms-wrapper p i { font-size: 15px; } #tb-top-header-cms .proudly img { position: relative; width: 30px; } } @media (max-width: 1199px){ } @media (max-width: 1199px){ } /* #tb-top-header End*/ /* TB-Services-CMS Start*/ #tb-services-cms { margin: 0; padding: 35px 0; background: #030303; background: url(../images/services-bg.jpg); background-repeat: no-repeat; background-size: cover; } #tb-services-cms .owl-item .tb-services-cms-col { display: flex; align-items: center; justify-content: center; cursor: pointer; } #tb-services-cms .owl-item.active .tb-services-cms-col{ border-right: 1px solid #dcdcdc; } #tb-services-cms .owl-item:last-child .tb-services-cms-col{ border-right: none; } #tb-services-cms .tb-services-cms{ padding: 0 0 80px 0; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content { position: relative; padding: 8px 0 8px 88px; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content h4{ font: 500 17px/19px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px 0; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-services-cms .tb-services-cms-col:hover .tb-services-cms-content h4{ color: #0b303e; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content p { font: 400 14px/22px "Titillium Web", sans-serif; color: #fff; margin: 0; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content::after { position: absolute; content: ""; left: 0; right: auto; top: 0; bottom: 0; margin: auto; width: 75px; height: 75px; background: url(../images/services.png); transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content.tb-services-cms-content-01::after{ background-position: 250px 479px; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content.tb-services-cms-content-02::after{ background-position: 250px 381px; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content.tb-services-cms-content-03::after{ background-position: 250px 287px; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content.tb-services-cms-content-04::after { background-position: 250px 192px; } #tb-services-cms .tb-services-cms-col .tb-services-cms-content.tb-services-cms-content-05::after { background-position: 250px 97px; } #tb-services-cms .tb-services-cms-col:hover .tb-services-cms-content.tb-services-cms-content-01::after{ background-position: 126px 479px; } #tb-services-cms .tb-services-cms-col:hover .tb-services-cms-content.tb-services-cms-content-02::after{ background-position: 126px 381px; } #tb-services-cms .tb-services-cms-col:hover .tb-services-cms-content.tb-services-cms-content-03::after{ background-position: 126px 287px; } #tb-services-cms .tb-services-cms-col:hover .tb-services-cms-content.tb-services-cms-content-04::after { background-position: 126px 192px; } #tb-services-cms .tb-services-cms-col:hover .tb-services-cms-content.tb-services-cms-content-05::after { background-position: 126px 97px; } @media (max-width: 1199px) { #tb-services-cms { margin: 0 0 60px 0; } } @media (max-width: 991px) { #tb-services-cms { margin: 0 0 40px 0; } } @media (max-width: 543px) { #tb-services-cms .owl-item.active .tb-services-cms-col { border-right: none; } } @media (max-width: 480px) { #tb-services-cms { margin: 0 0 20px 0; padding: 10px 0; } } /* TB-Services-CMS End*/ /*sub-banner-start*/ /*sub-banner-end*/ /* TB-peralex-banner-CMS Start*/ #tb-paralex-cms { margin: 0 0 40px 0; padding: 120px 0; background:#000 url(https://mykoppie.co.za/image/catalog/categories/current/Cat-All-0001.1.png); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; height: 400px; } #tb-paralex-cms .tb-paralex-text{ width: 70%; } #tb-paralex-cms .tb-paralex-text h2{ font: 600 60px/80px "Titillium Web", sans-serif; color: #fff; text-transform: uppercase; } #tb-paralex-cms .tb-paralex-text h3{ font: 600 50px/50px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px 0; text-transform: uppercase; } #tb-paralex-cms .tb-paralex-text p{ font: 400 25px/30px "Titillium Web", sans-serif; color: #fff; margin: 0 0 20px 0; } @media only screen and (max-width: 1399px){ #tb-paralex-cms .tb-paralex-text h2{ font-size: 46px; line-height: 55px; } } @media only screen and (max-width: 1299px){ #tb-paralex-cms .tb-paralex-text h2{ font-size: 43px; line-height: 48px; } } @media only screen and (max-width: 1199px){ #tb-paralex-cms .tb-paralex-text h2 { font-size: 39px; line-height: 51px; } #tb-paralex-cms .tb-paralex-text p{ font-size: 14px; line-height: 25px; } #tb-paralex-cms{ padding: 90px 0; } } @media only screen and (max-width: 991px){ #tb-paralex-cms .tb-paralex-text { width: 80%; margin: 0 auto; text-align: center; padding: 30px; background: rgba(0,0,0,0.6); margin-left: auto; margin-right: auto; } #tb-paralex-cms { padding: 115px 0; } #tb-paralex-cms .tb-paralex-text h2 { font-size: 55px; margin: 0 0 10px 0; } #tb-paralex-cms .tb-paralex-text p { font-size: 13px; line-height: 20px; } #tb-paralex-cms { margin: 0 0 30px 0; padding: 60px 0; background:#000 url(../images/peralex-banner-bg-mobile.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; } #tb-paralex-cms .tb-paralex-text h3 { font: 600 35px/38px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px 0; text-transform: uppercase; } } @media only screen and (max-width: 767px){ #tb-paralex-cms .tb-paralex-text { width: 80%; margin: 0 auto; text-align: center; padding: 30px; background: rgba(0,0,0,0.6); margin-left: auto; margin-right: auto; } #tb-paralex-cms { padding: 115px 0; } #tb-paralex-cms .tb-paralex-text h2 { font-size: 55px; margin: 0 0 10px 0; } #tb-paralex-cms .tb-paralex-text p { font-size: 13px; line-height: 20px; } #tb-paralex-cms { margin: 0 0 30px 0; padding: 60px 0; background:#000 url(../images/mothers-day-mobile.gif); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; } #tb-paralex-cms .tb-paralex-text h3 { font: 600 35px/38px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px 0; text-transform: uppercase; } } @media only screen and (max-width: 575px){ #tb-paralex-cms .tb-paralex-text{ width: 100%; padding: 35px 10px; } } @media only screen and (max-width: 480px){ #tb-paralex-cms .tb-paralex-text h2 { font-size: 40px; line-height: 30px; margin: 0 0 10px; text-align: center; } #tb-paralex-cms .tb-paralex-text p { font-size: 12px; line-height: 18px; } #tb-paralex-cms .tb-paralex-text { padding: 15px; } } /* TB-peralex-banner-CMS End*/ /* TB-Banner-CMS Start*/ #tb-banner-cms { margin: 0; padding:0; } #tb-banner-cms .tb-banner-bg{ position: relative; } #tb-banner-cms .tb-banner-text { text-align: center; position: absolute; top: 15px; left: 0; right: 0; bottom: auto; margin: auto; } #tb-banner-cms .tb-banner-text h2{ font: 600 70px/100px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px; letter-spacing: 0.20px; text-transform: uppercase; } #tb-banner-cms .tb-banner-text p{ font: 400 20px/30px "Titillium Web", sans-serif; color: #fff; margin: 0 0 20px; } @media only screen and (max-width: 1399px){ #tb-banner-cms .tb-banner-text{ top: 45px; } } @media only screen and (max-width: 1299px){ #tb-banner-cms .tb-banner-text{ top: 14px; } } @media only screen and (max-width: 1199px){ #tb-banner-cms .tb-banner-text h2{ font-size: 48px; line-height: 60px; } #tb-banner-cms .tb-banner-text p{ font-size: 16px; line-height: 20px; } #tb-banner-cms { margin: 0 0 60px 0; } } @media only screen and (max-width: 991px){ #tb-banner-cms .tb-banner-text h2 { font-size: 37px; line-height: 44px; } #tb-banner-cms .tb-banner-text p { font-size: 13px; line-height: 15px; } #tb-banner-cms { margin: 0 0 40px 0; } } @media only screen and (max-width: 767px){ #tb-banner-cms .tb-banner-text h2 { font-size: 29px; line-height: 31px; } #tb-banner-cms .tb-banner-text p { font-size: 11px; line-height: 13px; } } @media only screen and (max-width: 575px){ #tb-banner-cms .tb-banner-text h2 { font-size: 23px; line-height: 20px; } } @media only screen and (max-width: 480px){ #tb-banner-cms .tb-banner-text p{ display: none; } #tb-banner-cms .tb-banner-text{ top: 10px; } #tb-banner-cms .tb-banner-text h2 { font-size: 17px; line-height: 19px; } #tb-banner-cms .tb-banner-text a{ font-size: 14px; line-height: 16px; padding: 9px 17px; } #tb-banner-cms { margin: 0 0 20px 0; } } /* TB-Banner-CMS End*/ /* TB-Testimonial-CMS Start*/ #tb-testimonial-cms { margin: 0 0 40px 0; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-img { width: 100px; height: 100px; margin: 14px auto ; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border: 3px solid #c4c4c4; position: relative; box-shadow: 0px 0px 17.009999999999998px 3.99px rgba(39, 39, 39, 0.15); } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-img img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } #tb-testimonial-cms .tb-testimonial-section { text-align: center; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section { cursor: pointer; margin: 0 0 10px 0; } #tb-testimonial-cms .tb-testimonial-flex { background-size: cover; background-repeat: no-repeat; padding: 15px 300px; border-bottom: 2px solid #0b303e; } #tb-testimonial-cms .tb-testimonial-flex .owl-stage-outer{ overflow: hidden; } #tb-testimonial-cms .owl-item{ float: left; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text { position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h2 { font: 500 22px/24px "Work Sans", "Titillium Web", sans-serif; color: #0b303e; letter-spacing: 0.20px; margin: 0 0 10px 0; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h3 { font: 400 12px/14px "Titillium Web", sans-serif; color: #0b303e; letter-spacing: 0.50px; text-transform: uppercase; margin: 0 0 10px 0; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text .star { margin: 0 0 20px 0; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text .star i{ color: #555555; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text .star .color { color: #ffdf00; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text .star { font-size: 18px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text p{ font: 400 15px/28px "Titillium Web", sans-serif; color: #0b303e; letter-spacing: 0.50px; margin: 0; position: relative; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-testimonial-cms .owl-nav.disabled{ display: none; } #tb-testimonial-cms .owl-dots { text-align: center; } #tb-testimonial-cms .owl-dots .owl-dot{ width: 11px; height: 11px; border: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50px; background-color: #0b303e; margin: 3px; } #tb-testimonial-cms .owl-dots .owl-dot.active{ background-color: #f37166; } .review-icon { width: 50px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 10px; } /* end */ /* media */ @media screen and (max-width: 1399px){ #tb-testimonial-cms .tb-testimonial-flex { padding: 0 120px 20px 120px; } } @media screen and (max-width: 1299px){ #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h2{ font-size: 26px; line-height: 28px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h3{ font-size: 15px; line-height: 17px; } #tb-testimonial-cms .tb-testimonial-flex { padding: 40px 190px; } } @media screen and (max-width: 1199px){ #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h2 { font-size: 23px; line-height: 24px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text p { font-size: 15px; line-height: 26px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section{ padding: 20px; } #tb-testimonial-cms .tb-testimonial-flex { padding: 30px 110px; } #tb-testimonial-cms { margin: 0 0 60px 0; } } @media screen and (max-width: 991px){ #tb-testimonial-cms .tb-testimonial-flex { padding: 30px 60px; } #tb-testimonial-cms { margin: 0 0 40px 0; } } @media screen and (max-width: 767px){ #tb-testimonial-cms .tb-testimonial-flex { padding: 30px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section { padding: 0; margin: 0; } } @media screen and (max-width: 480px){ #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h2 { font-size: 20px; line-height: 22px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text .star { margin: 0 0 10px 0; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text h3 { font-size: 14px; line-height: 16px; } #tb-testimonial-cms .tb-testimonial-flex { padding: 0 10px 10px; } #tb-testimonial-cms .tb-testimonial-flex .tb-testimonial-section .tb-testimonial-text p { font-size: 13px; line-height: 22px; } #tb-testimonial-cms .owl-dots { margin: 20px 0 0 0; } #tb-testimonial-cms { margin: 0 0 20px 0; } } /* TB-Testimonial-CMS End*/ /* TB-Footer-CMS Start*/ #TB-Footer-cms .tb-footer-desc { font: 400 13px/26px "Titillium Web", sans-serif; color: #fff; } #TB-Footer-cms { margin-right: auto; width: 80%; text-align: center; } @media (min-width: 992px) and (max-width: 1199px) { #TB-Footer-cms .tb-footer-desc{ font-size: 12px; } #TB-Footer-cms .tb-footer-desc{ padding: 0; } } @media (max-width: 991px){ #TB-Footer-cms { text-align: center; padding: 0 100px 0; margin: 0 0 20px 0; } #TB-Footer-cms .tb-footer-desc{ padding: 0; } } @media (max-width: 575px){ #TB-Footer-cms{ padding: 0; margin-right: auto; width: 70%; text-align: center; margin-left: auto; } } /* TB-Footer-CMS End*/ /* TB-Contact-US-CMS Start*/ #Tb-contact-us .tb-contact-list { display: flex; align-items: start; margin: 0 0 15px 0; } #Tb-contact-us .tb-contact-list:last-child{ margin: 0; } #Tb-contact-us .tb-contact-list p { margin: 0; font: 400 14px/26px "Titillium Web", sans-serif; color: #fff; } #Tb-contact-us .tb-contact-list a { color: #fff; } #Tb-contact-us .tb-contact-list i { font-size: 18px; line-height: 20px; margin: 4px 10px 0 0; width: 20px; } #Tb-contact-us .tb-contact-list p a{ transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #Tb-contact-us .tb-contact-list p a:hover { color: #F37066; } @media (min-width: 992px) and (max-width: 1199px) { #Tb-contact-us .tb-contact-list p{ font-size: 13px; } .footer-column.footer-right-cms { padding: 0; } #Tb-contact-us .tb-contact-list i{ margin: 4px 7px 0 0; } #Tb-contact-us { margin: 0 0 0 -40px; } } /* TB-Contact-US-CMS End*/ /* Tb-social-media-cms Start*/ #Tb-social-media-cms .Tb-social-media-icon { text-align: right; } #Tb-social-media-cms .Tb-social-media-icon a { margin: 10px 0 0 10px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; width: 30px; height: 30px; text-align: center; } #Tb-social-media-cms .Tb-social-media-icon a i{ font-size: 18px; line-height: 20px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #Tb-social-media-cms .Tb-social-media-icon a.facebook:hover i, #Tb-social-media-cms .Tb-social-media-icon a.facebook:active i, #Tb-social-media-cms .Tb-social-media-icon a.facebook:focus i{ color: #fff; } #Tb-social-media-cms .Tb-social-media-icon a.instagram:hover i, #Tb-social-media-cms .Tb-social-media-icon a.instagram:active i, #Tb-social-media-cms .Tb-social-media-icon a.instagram:focus i{ color: #fff; } #Tb-social-media-cms .Tb-social-media-icon a.x-twitter:hover i, #Tb-social-media-cms .Tb-social-media-icon a.x-twitter:active i, #Tb-social-media-cms .Tb-social-media-icon a.x-twitter:focus i{ color: #fff; font-size: 15px; font-weight: 600; } #Tb-social-media-cms .Tb-social-media-icon a.youtube:hover i, #Tb-social-media-cms .Tb-social-media-icon a.youtube:active i, #Tb-social-media-cms .Tb-social-media-icon a.youtube:focus i{ color: #fff; } @media (max-width: 991px) { #Tb-social-media-cms .Tb-social-media-icon{ text-align: center; margin: 10px 0 0 0; } } @media (max-width: 480px) { #Tb-social-media-cms .Tb-social-media-icon{ margin: 5px 0 0 0; } } /* Tb-social-media-cms End*/ /* TB-About-Us Start*/ /* TB-About-Us End*/ /* tb-manufacture Start*/ #tb-manufacture { background: #1f7d83; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; padding: 5px 0; } #tb-manufacture .swiper-slide{ display: flex; align-items: center; justify-content: center; width: 80%; margin: 4px auto 1px auto; } #tb-manufacture .swiper-slide img{ transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; cursor: pointer; } #tb-manufacture .swiper-slide:hover img, #tb-manufacture .swiper-slide:active img, #tb-manufacture .swiper-slide:focus img{ transform: scale(0.95); } #tb-manufacture .owl-nav .owl-prev, #tb-manufacture .owl-nav .owl-next { position: absolute; top: 0; bottom: 0; margin: auto; font-size: 0px; width: 30px; height: 30px; background: #fff; border: 1px solid #111; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; line-height: 28px; text-align: center; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } #tb-manufacture .owl-nav .owl-prev::before, #tb-manufacture .owl-nav .owl-next::before{ font-family: "IcoFont"; font-size: 22px; color: #111; line-height: 30px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-manufacture .owl-nav .owl-prev::before { content: "\eab5"; } #tb-manufacture .owl-nav .owl-next::before{ content: "\eab8"; } #tb-manufacture .owl-nav .owl-prev { left: -15px; } #tb-manufacture .owl-nav .owl-next { right: -15px; } #tb-manufacture:hover .owl-nav .owl-prev, #tb-manufacture:active .owl-nav .owl-prev, #tb-manufacture:focus .owl-nav .owl-prev, #tb-manufacture:hover .owl-nav .owl-next, #tb-manufacture:active .owl-nav .owl-next, #tb-manufacture:focus .owl-nav .owl-next{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #tb-manufacture .owl-nav .owl-prev.disabled:hover::before, #tb-manufacture .owl-nav .owl-next.disabled:hover::before, #tb-manufacture .owl-nav .owl-prev.disabled:active::before, #tb-manufacture .owl-nav .owl-next.disabled:active::before, #tb-manufacture .owl-nav .owl-prev.disabled:focus::before, #tb-manufacture .owl-nav .owl-next.disabled:focus::before { color: #111; } #tb-manufacture .owl-nav .owl-prev:hover::before, #tb-manufacture .owl-nav .owl-next:hover::before, #tb-manufacture .owl-nav .owl-prev:active::before, #tb-manufacture .owl-nav .owl-next:active::before, #tb-manufacture .owl-nav .owl-prev:focus::before, #tb-manufacture .owl-nav .owl-next:focus::before { color: #fff; } #tb-manufacture:hover .owl-nav .owl-prev, #tb-manufacture:active .owl-nav .owl-prev, #tb-manufacture:focus .owl-nav .owl-prev{ left: 0; } #tb-manufacture:hover .owl-nav .owl-next, #tb-manufacture:active .owl-nav .owl-next, #tb-manufacture:focus .owl-nav .owl-next{ right: 0; } #tb-manufacture .owl-nav .owl-prev.swiper-button-disabled, #tb-manufacture .owl-nav .owl-next.swiper-button-disabled{ opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; cursor: not-allowed; } #tb-manufacture:hover .owl-nav .owl-prev.disabled, #tb-manufacture:active .owl-nav .owl-prev.disabled, #tb-manufacture:focus .owl-nav .owl-prev.disabled, #tb-manufacture:hover .owl-nav .owl-next.disabled, #tb-manufacture:active .owl-nav .owl-next.disabled, #tb-manufacture:focus .owl-nav .owl-next.disabled{ opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; cursor: not-allowed; background: #fff; border: 1px solid #111; } #tb-manufacture .owl-nav .owl-prev.disabled:hover i, #tb-manufacture .owl-nav .owl-prev.disabled:active i, #tb-manufacture .owl-nav .owl-prev.disabled:focus i, #tb-manufacture .owl-nav .owl-next.disabled:hover i, #tb-manufacture .owl-nav .owl-next.disabled:active i, #tb-manufacture .owl-nav .owl-next.disabled:focus i{ color: #111; } #tb-manufacture .swiper-viewport { margin: 0; background: none; border: 0; border-radius: 4px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; overflow: hidden; } #tb-manufacture .swiper-pagination{ display: none; } #tb-manufacture .swiper-pager { position: absolute; top: 0; bottom: 0; margin: auto; display: none; } #tb-manufacture .owl-nav .owl-prev i, #tb-manufacture .owl-nav .owl-next i{ font-size: 20px; line-height: 30px; color: #111; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-manufacture .owl-nav .owl-prev:hover, #tb-manufacture .owl-nav .owl-prev:active, #tb-manufacture .owl-nav .owl-prev:focus, #tb-manufacture .owl-nav .owl-next:hover, #tb-manufacture .owl-nav .owl-next:active, #tb-manufacture .owl-nav .owl-next:focus{ background: #111; } #tb-manufacture .owl-nav .owl-prev:hover i, #tb-manufacture .owl-nav .owl-prev:active i, #tb-manufacture .owl-nav .owl-prev:focus i, #tb-manufacture .owl-nav .owl-next:hover i, #tb-manufacture .owl-nav .owl-next:active i, #tb-manufacture .owl-nav .owl-next:focus i{ color: #fff; } @media (max-width: 991px){ #tb-manufacture{ margin: 0; height: 50px; } } @media (max-width: 767px){ #tb-manufacture .owl-nav .owl-prev, #tb-manufacture .owl-nav .owl-next{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #tb-manufacture .owl-nav .owl-prev.swiper-button-disabled, #tb-manufacture .owl-nav .owl-next.swiper-button-disabled{ opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; } #tb-manufacture .owl-nav .owl-prev { left: 0; } #tb-manufacture .owl-nav .owl-next { right: 0; } } @media (max-width: 480px){ #tb-manufacture .swiper-pager { align-items: center; margin: 10px 0 0 0; display: flex; position: static; text-align: center; justify-content: center; } #tb-manufacture .owl-nav .owl-prev, #tb-manufacture .owl-nav .owl-next{ position: static; display: inline-block; margin: 0 5px; } #tb-manufacture .owl-nav { text-align: center; margin: 5px 0; } } /* tb-manufacture End*/ /* footer */ #tb-footer { margin-top: 30px; padding: 0; background-color: #0b303e; border-top: 5px solid #f37166; color: #f37166; } .common-home #tb-footer{ margin: 0; } #tb-footer .footer-top-cms { /* background: #0b303e; */ position: relative; background: url(../images/newsletter-subscribe-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 50px 0; } #tb-footer ul li a { font: 400 14px/16px "Titillium Web", sans-serif; color: #fff; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; position: relative; padding: 0 0 0 18px; text-decoration: none; } #tb-footer ul li a::after { content: "\eaa0"; font-family: "IcoFont"; font-size: 18px; position: absolute; left: -5px; right: auto; bottom: 0; /*top: 0;*/ margin: auto; width: auto; } #tb-footer .footer-bottom-left p{ margin: 0; font: 400 14px/26px "Titillium Web", sans-serif; color: #fff; text-align: left; } #tb-footer .footer-bottom p a{ font-size: 14px; font-weight: 600; color: #fff; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-footer .footer-bottom p a:hover{ color: #fff; } #tb-footer .footer-bottom { border-top: 2px solid #ffeebe; padding: 12px 0; background: #f37166; } #tb-footer .footer-commen h5 { font: 700 19px/21px "Titillium Web", sans-serif; color: #fff; margin: 0 0 25px 0; text-transform: uppercase; } #tb-footer ul{ margin: 0; padding: 0; } #tb-footer .tb-comen-row { padding: 40px 0; } #tb-footer ul li a:hover, #tb-footer ul li a:active, #tb-footer ul li a:focus{ color: #f37166; } #tb-footer ul li{ margin: 0 0 15px 0; } #tb-footer ul li:last-child{ margin: 0; } #tb-footer a { color: #fff; } #tb-footer a:hover, #tb-footer a:active, #tb-footer a:focus { color: #fff; } @media (max-width: 1499px){ #tb-footer .footer-top-cms{ padding: 50px 0; } #TB-newletter-subscribe .box { width: 50%; } } @media (min-width: 992px) and (max-width: 1199px) { #tb-footer ul li a{ font-size: 13px; } #tb-footer .tb-comen-row { padding: 60px 0; } #TB-Footer-cms .tb-footer-desc{ padding: 0; font-size:13px; } } @media (max-width: 991px){ #tb-footer .footer-bottom-left p{ text-align: center; } #tb-footer .footer-commen h5 { cursor: pointer; transition: all 0.5s; margin: 0; padding: 12px; font-size: 16px; list-style: 18px; position: relative; font-weight: 500; } #tb-footer .footer-commen h5:hover { background: rgba(0, 0, 0, 0.4); } #tb-footer ul{ padding: 12px; display: none; } #tb-footer .footer-commen h5::after { content: "\efc2"; display: block; font-family: "IcoFont"; font-size: 14px; font-weight: 500; position: absolute; right: 12px; left: auto; top: 0; font-style: normal; bottom: 0; margin: auto; height: 46px; line-height: 46px; } #tb-footer .footer-commen.active h5::after{ content: "\ef9a"; } #tb-footer .tb-comen-row { padding: 30px 0; } } @media (max-width: 480px){ #tb-footer .footer-bottom-left p{ font-size: 13px; } #tb-footer .footer-commen h5{ font-size: 14px; line-height: 16px; } #tb-footer .footer-commen h5::after { font-size: 12px; } } /* footer End*/ /* TB-Product-Tab Start*/ #TB-top-product-tab { text-align: center; margin: 0 0 10px 0; } .tb-home .nav-tabs { border: medium none; display: inline-block; margin: 0 0 25px; text-align: center; vertical-align: top; width: auto; } .TB-Commen-Heading h3 { position: relative; font: 600 40px/50px "Titillium Web", sans-serif; color: #1f7d83; padding: 0 0 10px 0; margin: 20px 0; text-align: center; text-transform: uppercase; } .TB-Commen-Heading h3::after { /*background-image: url(../images/separator-img.png);*/ width: 167px; height: 34px; margin: auto; left: 0; right: 0; bottom: 0; top: auto; content: ""; position: absolute; border-bottom: solid 4px #f37166; } #TB-category-tab{ text-align: center; margin: 0 0 40px 0; } @media (max-width: 1199px){ .TB-Commen-Heading h3{ font-size: 40px; line-height: 50px; } #TB-category-tab, #TB-top-product-tab{ margin: 0 0 60px 0; } } @media (max-width: 991px){ #TB-category-tab, #TB-top-product-tab{ margin: 0 0 40px 0; } } @media (max-width: 480px){ .TB-Commen-Heading h3 { font-size: 25px; line-height: 37px; } #TB-category-tab, #TB-top-product-tab{ margin: 0 0 20px 0; } } /* TB-top-product-tab & .tb-category-tab css Start*/ #TB-top-product-tab .TBProduct-Tab .nav-tabs, #TB-category-tab .tb-category-Tab .nav-tabs { border: none; margin: 0 0 40px 0; text-align: center; width: auto; float: none; display: inline-block; vertical-align: top; padding: 0; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li, #TB-category-tab .tb-category-Tab .nav-tabs > li { padding: 0; margin: 0 5px; position: relative; display: inline-block; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li > a, #TB-category-tab .tb-category-Tab .nav-tabs > li > a { line-height: 32px; margin: 0; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; z-index: 1; background: #ffeebe; overflow: hidden; border: none; position: relative; display: block; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li > a .tab-title, #TB-category-tab .tb-category-Tab .nav-tabs > li > a .tab-title { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border: none; color: #111; font: 400 16px/14px "Titillium Web", sans-serif; margin: 0; outline: medium none; padding: 14px 40px; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; overflow: hidden; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li > a::after, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li.active > a::after, #TB-category-tab .tb-category-Tab .nav-tabs > li > a::after, #TB-category-tab .tb-category-Tab .nav-tabs > li.active > a::after { background: #0b303e; transition: all 0.4s ease; content: ""; position: absolute; bottom: 0; left: 0; height: 0; width: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; z-index: -1; right: 0; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:hover > a, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:active > a, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:focus > a, #TB-category-tab .tb-category-Tab .nav-tabs > li:hover > a, #TB-category-tab .tb-category-Tab .nav-tabs > li:active > a, #TB-category-tab .tb-category-Tab .nav-tabs > li:focus > a{ border: none; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:hover > a h3, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:active > a h3, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:focus > a h3, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li.active > a h3, #TB-category-tab .tb-category-Tab .nav-tabs > li:hover > a h3, #TB-category-tab .tb-category-Tab .nav-tabs > li:active > a h3, #TB-category-tab .tb-category-Tab .nav-tabs > li:focus > a h3, #TB-category-tab .tb-category-Tab .nav-tabs > li.active > a h3{ color: #fff; background-color: #f37166; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:hover > a::after, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:active > a::after, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:focus > a::after, #TB-top-product-tab .TBProduct-Tab .nav-tabs > li.active > a::after, #TB-category-tab .tb-category-Tab .nav-tabs > li:hover > a::after, #TB-category-tab .tb-category-Tab .nav-tabs > li:active > a::after, #TB-category-tab .tb-category-Tab .nav-tabs > li:focus > a::after, #TB-category-tab .tb-category-Tab .nav-tabs > li.active > a::after{ height: 100%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } @media (max-width: 767px) { #TB-top-product-tab .TBProduct-Tab .nav-tabs > li > a .tab-title, #TB-category-tab .tb-category-Tab .nav-tabs > li > a .tab-title{ padding: 12px 30px; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li, #TB-category-tab .tb-category-Tab .nav-tabs > li{ margin: 0 auto 15px; display: block; width: auto; float: none; } #TB-top-product-tab .TBProduct-Tab .nav-tabs > li:last-child, #TB-category-tab .tb-category-Tab .nav-tabs > li:last-child{ margin-bottom: 0; } #TB-top-product-tab .TBProduct-Tab .nav-tabs, #TB-category-tab .tb-category-Tab .nav-tabs{ margin: 0 0 20px 0; } } /* TB-top-product-tab & .tb-category-tab css Start*/ .product-thumb { display: block; position: relative; text-align: center; margin-bottom: 30px; overflow: hidden; } .tab-content > .fade { opacity: 1; } .product-thumb .image { position: relative; overflow: hidden; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; width: 100%; } .product-thumb .image img { width: 100% !important; display: block; margin: 0 auto; } .product-thumb .image img.image_thumb_swap { left: auto; height: auto; position: absolute; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; top: 0; right: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-thumb:hover .image img.image_thumb_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-layout, .product-layouts { padding: 0 30px; position: relative; margin: 0 auto; } .product-thumb .sale-icon, .product-sale-icon { color: #fff; font: 500 25px / 21px "Titillium Web", sans-serif; padding: 15px; border-bottom-left-radius: 0px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 0px; right: auto; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: absolute; left: -40px; top: 10px; vertical-align: top; z-index: 1; transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; background: red; } .product-thumb:hover .sale-icon { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; left: 15px; } .product-thumb h4{ margin: 0; } .product-layouts .product-thumb .thumb-description, .product-thumb .thumb-description { position: relative; text-align: center; border-bottom: 0.5px solid #aeaeae; padding-bottom: 15px; width: 100%; } .product-thumb .price a:hover { color: #1f7d83; } .product-thumb .price a { color:#0b303e; font: 600 18px/20px "Titillium Web", sans-serif; margin: 0; text-align: center; -webkit-transition: all 0.3s 0.1s; -moz-transition: all 0.3s 0.1s; -ms-transition: all 0.3s 0.1s; -o-transition: all 0.3s 0.1s; transition: all 0.3s 0.1s; display: flex; align-items: center; justify-content: center; } .starting-mk { color: #0b303e; font: 500 15px / 20px "Titillium Web", sans-serif; margin: 0; } .product-thumb .price-old { color: #fff; font: 14px "Titillium Web", sans-serif; text-decoration: line-through; margin: 0 0 0 5px; background: red; padding: 2px 7px; border-radius: 10px; } .product-thumb h4 a { color: #0b303e; font: 600 18px/28px "Titillium Web", sans-serif; text-transform: uppercase; white-space: nowrap; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; display: block; overflow: hidden; text-overflow: ellipsis; } .product-thumb h4 a:hover, .product-thumb:hover h4 a { color: #1f7d83; font-weight: 700; } .product-thumb .price-tax{ display: none; } .product-thumb .percent, .product-percent { position: absolute; bottom: 25px; padding: 5px; color: red; font: 500 25px / 20px "Titillium Web", sans-serif; right: 0px; font-weight: 700; } /*@media (max-width: 480px){ .product-layout .product-layouts { padding: 0 5px; position: relative; width: 48%; display: inline-block; } } */ @media (max-width: 767px) { .product-thumb .sale-icon, .product-sale-icon{ left: 15px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-thumb .percent, .product-percent{ right: 15px; } /* .product-layout .product-layouts { padding: 0 10px; position: relative; width: 48%; display: inline-block; } */ } /* 4 button CSS Start*/ .product-thumb .button-group { right: -50px; margin: auto; position: absolute; top: 50%; bottom: auto; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; height: 45px; } .product-thumb:hover .button-group { right: 10px; } .product-thumb .button-group button { background: #f37166; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border: none; outline: none; color: #fff; display: block; cursor: pointer; vertical-align: top; position: relative; padding: 0; margin: 0 0 10px 0; z-index: 1; overflow: hidden; text-align: center; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .product-thumb .button-group button:hover,.product-thumb .button-group button:active,.product-thumb .button-group button:focus{ color: #fff; background-color: #0b303e; } @media (max-width: 991px) { .product-thumb .button-group { display: none; } } @media (max-width: 767px) { .product-thumb .button-group { right: 15px; display: none; } .product-thumb:hover .button-group { right: 15px; transition: all 0.4s ease; } .product-thumb .rating { bottom: 20px; } .product-thumb:hover .rating { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } } @media (max-width: 543px) { .product-thumb .button-group { display: none; } } .product-thumb .rating { display: block; position: absolute; top: 3px; margin: 0 auto; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; right: 3px; }.product-thumb .rating .rating-star i, .rating .rating-star i{ font-size: 18px; line-height: 20px; } .product-thumb .rating .rating-star.checked i, .rating .rating-star.checked i{ color: #e2a500; } .product-thumb .rating .rating-star i, .rating .rating-star i{ color: #848484; } .product-thumb .button-group i { height: 45px; width: 45px; line-height: 45px; margin: 0; font-size: 20px; text-align: center; display: inline-block; color: #fff; vertical-align: top; border: none; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .product-thumb .button-group button::before { background: #0b303e; transition: all 0.4s ease; content: ""; position: absolute; bottom: 0; left: 0; height: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; z-index: -1; right: 0; } .product-thumb .button-group button:hover i,.product-thumb .button-group button:active i,.product-thumb .button-group button:focus i{ color: #fff; background-color: #f37166; } .product-thumb .button-group button:hover::before, .product-thumb .button-group button:active::before, .product-thumb .button-group button:focus::before { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; height: 100%; } .product-thumb .button-group button:hover, .product-thumb .button-group button:focus, .product-thumb .button-group button:active, .product-list .product-thumb .button-group .btn-cart:hover, .product-list .product-thumb .button-group .btn-cart:focus, .product-list .product-thumb .button-group .btn-cart:active { background-color: #0b303e; } .button-group button.btn-cart span, .button-group button.btn-wishlist span, .button-group button.btn-compare span, .button-group button.btn-quickview span { display: none; } .button-group button .loading i { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block !important; } /* 4 button CSS End*/ /* TB-Product-Tab End*/ /* Next / Prev Icon Start*/ .owl-nav.disabled{ display: none !important; } #TB-testimonial-cms .tb-testimonial .owl-nav, #TB-top-product-tab .tb-top-product-carousel .owl-nav, #TB-special-products .tb-special-products .owl-nav, #TB-home-blog .tb-home-blog-carousel .owl-nav, #TB-category-featured .tb-category-featured-carousel .owl-nav, #TB-category-tab .tb-category-tab-carousel .owl-nav, .related-carousel .products-carousel .owl-nav{ position: relative; display: inline-block; vertical-align: top; } #TB-testimonial-cms .tb-testimonial .owl-nav button::after, #TB-testimonial .tb-testimonial .owl-nav button::before, #TB-top-product-tab .tb-top-product-carousel .owl-nav button::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button::before, #TB-special-products .tb-special-products .owl-nav button::after, #TB-special-products .tb-special-products .owl-nav button::before, #TB-home-blog .tb-home-blog-carousel .owl-nav button::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button::before, #TB-category-featured .tb-category-featured-carousel .owl-nav button::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button::before, #TB-category-tab .tb-category-tab-carousel .owl-nav button::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button::before, .related-carousel .products-carousel .owl-nav button::after, .related-carousel .products-carousel .owl-nav button::before{ position: absolute; font-size: 22px; line-height: 37px; font-family: "IcoFont"; height: 35px; width: 35px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #111; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transition: 400ms ease-in-out; font-weight: 400; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-prev::before, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-prev::before, #TB-special-products .tb-special-products .owl-nav button.owl-prev::before, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-prev::before, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-prev::before, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-prev::before, .related-carousel .products-carousel .owl-nav button.owl-prev::before{ left: 10px; right: auto; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; color: #ffffff; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-prev::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-prev::after, #TB-special-products .tb-special-products .owl-nav button.owl-prev::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-prev::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-prev::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-prev::after, .related-carousel .products-carousel .owl-nav button.owl-prev::after{ content: "\eab5"; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-next::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-next::after, #TB-special-products .tb-special-products .owl-nav button.owl-next::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-next::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-next::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-next::after, .related-carousel .products-carousel .owl-nav button.owl-next::after{ content: "\eab8"; } #TB-testimonial-cms .tb-testimonial .owl-nav button, #TB-top-product-tab .tb-top-product-carousel .owl-nav button, #TB-special-products .tb-special-products .owl-nav button, #TB-home-blog .tb-home-blog-carousel .owl-nav button, #TB-category-featured .tb-category-featured-carousel .owl-nav button, #TB-category-tab .tb-category-tab-carousel .owl-nav button, .related-carousel .products-carousel .owl-nav button{ vertical-align: top; text-shadow: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; height: 35px; width: 35px; margin: 0; padding: 0; font-size: 0; position: relative; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 0; left: 0; right: 0; /*background: #fff;*/ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border: 1px solid #111; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; margin: 0 5px; } #TB-testimonial-cms .tb-testimonial .owl-nav button:hover, #TB-testimonial-cms .tb-testimonial .owl-nav button:active, #TB-testimonial-cms .tb-testimonial .owl-nav button:focus, #TB-top-product-tab .tb-top-product-carousel .owl-nav button:hover, #TB-top-product-tab .tb-top-product-carousel .owl-nav button:active, #TB-top-product-tab .tb-top-product-carousel .owl-nav button:focus, #TB-special-products .tb-special-products .owl-nav button:hover, #TB-special-products .tb-special-products .owl-nav button:active, #TB-special-products .tb-special-products .owl-nav button:focus, #TB-home-blog .tb-home-blog-carousel .owl-nav button:hover, #TB-home-blog .tb-home-blog-carousel .owl-nav button:active, #TB-home-blog .tb-home-blog-carousel .owl-nav button:focus, #TB-category-featured .tb-category-featured-carousel .owl-nav button:hover, #TB-category-featured .tb-category-featured-carousel .owl-nav button:active, #TB-category-featured .tb-category-featured-carousel .owl-nav button:focus, #TB-category-tab .tb-category-tab-carousel .owl-nav button:hover, #TB-category-tab .tb-category-tab-carousel .owl-nav button:active, #TB-category-tab .tb-category-tab-carousel .owl-nav button:focus, .related-carousel .products-carousel .owl-nav button:hover, .related-carousel .products-carousel .owl-nav button:active, .related-carousel .products-carousel .owl-nav button:focus{ background: #0b303e; color: #fff; border: 1px solid #0b303e; } #TB-testimonial-cms .tb-testimonial .owl-nav button:hover::after, #TB-testimonial-cms .tb-testimonial .owl-nav button:active::after, #TB-testimonial-cms .tb-testimonial .owl-nav button:focus::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button:hover::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button:active::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button:focus::after, #TB-special-products .tb-special-products .owl-nav button:hover::after, #TB-special-products .tb-special-products .owl-nav button:active::after, #TB-special-products .tb-special-products .owl-nav button:focus::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button:hover::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button:active::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button:focus::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button:hover::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button:active::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button:focus::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button:hover::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button:active::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button:focus::after, .related-carousel .products-carousel .owl-nav button:hover::after, .related-carousel .products-carousel .owl-nav button:active::after, .related-carousel .products-carousel .owl-nav button:focus::after{ color: #fff; } #TB-testimonial-cms .tb-testimonial .owl-nav button.disabled, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.disabled, #TB-special-products .tb-special-products .owl-nav button.disabled, #TB-home-blog .tb-home-blog-carousel .owl-nav button.disabled, #TB-category-featured .tb-category-featured-carousel .owl-nav button.disabled, #TB-category-tab .tb-category-tab-carousel .owl-nav button.disabled, .related-carousel .products-carousel .owl-nav button.disabled{ -webkit-opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; background: none; border: 1px solid #111; cursor: not-allowed; } #TB-testimonial-cms .tb-testimonial .owl-nav button.disabled::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.disabled::after, #TB-special-products .tb-special-products .owl-nav button.disabled::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button.disabled::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button.disabled::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button.disabled::after, .related-carousel .products-carousel .owl-nav button.disabled::after{ color: #111; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-prev span::before, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-prev span::before, #TB-special-products .tb-special-products .owl-nav button.owl-prev span::before, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-prev span::before, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-prev span::before, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-prev span::before, .related-carousel .products-carousel .owl-nav button.owl-prev span::before { border-top: 1px solid #111; content: ""; height: 1px; left: -61px; position: absolute; text-align: left; top: 14px; width: 60px; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-prev span::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-prev span::after, #TB-special-products .tb-special-products .owl-nav button.owl-prev span::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-prev span::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-prev span::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-prev span::after, .related-carousel .products-carousel .owl-nav button.owl-prev span::after{ border-bottom: 1px solid #111; content: ""; height: 1px; left: -41px; position: absolute; top: 18px; width: 40px; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-next span::before, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-next span::before, #TB-special-products .tb-special-products .owl-nav button.owl-next span::before, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-next span::before, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-next span::before, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-next span::before, .related-carousel .products-carousel .owl-nav button.owl-next span::before{ border-top: 1px solid #111; content: ""; height: 1px; position: absolute; right: -61px; top: 14px; width: 60px; } #TB-testimonial-cms .tb-testimonial .owl-nav button.owl-next span::after, #TB-top-product-tab .tb-top-product-carousel .owl-nav button.owl-next span::after, #TB-special-products .tb-special-products .owl-nav button.owl-next span::after, #TB-home-blog .tb-home-blog-carousel .owl-nav button.owl-next span::after, #TB-category-featured .tb-category-featured-carousel .owl-nav button.owl-next span::after, #TB-category-tab .tb-category-tab-carousel .owl-nav button.owl-next span::after, .related-carousel .products-carousel .owl-nav button.owl-next span::after{ border-bottom: 1px solid #111; content: ""; height: 1px; position: absolute; right: -41px; top: 18px; width: 40px; } /* Next / Prev Icon End*/ /* Special Product Start*/ .special-carousel{ text-align: center; margin: 0 0 80px 0; } @media (max-width: 1199px) { .special-carousel{ margin: 0 0 60px 0; } } @media (max-width: 991px) { .special-carousel{ margin: 0 0 40px 0; } } @media (max-width: 480px) { .special-carousel{ margin: 0 0 20px 0; } } /* Special Product End*/ /* Tb-goToTop Start*/ #tb-goToTop { bottom: 80px; cursor: pointer; height: 40px; padding: 3px 7px; position: fixed; left: 11px; line-height: 42px; text-align: center; width: 40px; z-index: 20; overflow: hidden; border: 2px solid #fff; display: none; background: #f37166; } #tb-goToTop::after { color: #fff; content: "\eab9"; font-family: "IcoFont"; font-size: 20px; font-weight: 500; line-height: 36px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; text-align: center; top: 0; bottom: 0; margin: auto; left: 0; right: 0; position: absolute; display: block; } #tb-goToTop:hover:after, #tb-goToTop:active:after, #tb-goToTop:focus:after { color: #fff; } /* Tb-goToTop End*/ /* TB-Slideshow-CMS Start*/ #tb-home-slideshow{ overflow: hidden; position: relative; } #tb-home-slideshow .swiper-viewport{ margin: 0; } #tb-home-slideshow .slideshow{ border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: #040404; } #tb-home-slideshow .slideshow .owl-nav .owl-prev{ left: -50px; } #tb-home-slideshow .slideshow .owl-nav .owl-next{ right: -50px; } #tb-home-slideshow:hover .slideshow .owl-nav .owl-prev{ left: 50px; } #tb-home-slideshow:hover .slideshow .owl-nav .owl-next{ right: 50px; } #tb-home-slideshow .swiper-pagination{ display: none; } #tb-home-slideshow .slideshow .owl-nav { width: 100%; position: absolute; top: 50%; line-height: 45px; margin: 0 auto; text-align: center; justify-content: space-between; display: flex; transform: translate(0, -50%); } #tb-home-slideshow .slideshow .owl-nav .owl-prev, #tb-home-slideshow .slideshow .owl-nav .owl-next { font-size: 0px; color: #111; background-color: #fff; width: 50px; height: 50px; line-height: 50px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; display: inline-block; text-align: center; z-index: 1; position: relative; } #tb-home-slideshow .slideshow .owl-nav .owl-prev.disabled, #tb-home-slideshow .slideshow .owl-nav .owl-next.disabled{ opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; cursor: not-allowed; } #tb-home-slideshow .slideshow .owl-nav .owl-prev.disabled::after, #tb-home-slideshow .slideshow .owl-nav .owl-next.disabled::after{ display: none; } #tb-home-slideshow .slideshow .owl-nav .owl-prev.disabled::before, #tb-home-slideshow .slideshow .owl-nav .owl-next.disabled::before{ color: #111; } #tb-home-slideshow .slideshow .owl-nav .owl-prev.disabled:hover::before, #tb-home-slideshow .slideshow .owl-nav .owl-next.disabled:hover::before, #tb-home-slideshow .slideshow .owl-nav .owl-prev.disabled:active::before, #tb-home-slideshow .slideshow .owl-nav .owl-next.disabled:active::before, #tb-home-slideshow .slideshow .owl-nav .owl-prev.disabled:focus::before, #tb-home-slideshow .slideshow .owl-nav .owl-next.disabled:focus::before{ color: #111; } #tb-home-slideshow .slideshow .owl-nav .owl-prev span, #tb-home-slideshow .slideshow .owl-nav .owl-next span{ display: none; } #tb-home-slideshow .slideshow .owl-nav .owl-prev:hover, #tb-home-slideshow .slideshow .owl-nav .owl-next:hover, #tb-home-slideshow .slideshow .owl-nav .owl-prev:active, #tb-home-slideshow .slideshow .owl-nav .owl-next:active, #tb-home-slideshow .slideshow .owl-nav .owl-prev:focus, #tb-home-slideshow .slideshow .owl-nav .owl-next:focus{ color: #fff; background:#0b303e; } #tb-home-slideshow .slideshow .owl-nav .owl-prev::after, #tb-home-slideshow .slideshow .owl-nav .owl-next::after{ background:#0b303e; position: absolute; content:""; bottom: 0; left: 0; height: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; z-index: -1; right: 0; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-home-slideshow .slideshow .owl-nav .owl-prev:hover::after, #tb-home-slideshow .slideshow .owl-nav .owl-next:hover::after, #tb-home-slideshow .slideshow .owl-nav .owl-prev:active::after, #tb-home-slideshow .slideshow .owl-nav .owl-next:active::after, #tb-home-slideshow .slideshow .owl-nav .owl-prev:focus::after, #tb-home-slideshow .slideshow .owl-nav .owl-next:focus::after{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; height: 100%; } #tb-home-slideshow .slideshow .owl-nav .owl-prev::before, #tb-home-slideshow .slideshow .owl-nav .owl-next::before{ font-family: "IcoFont"; font-size:22px; color: #111; line-height:50px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #tb-home-slideshow .slideshow .owl-nav .owl-prev::before{ content:"\eab5"; } #tb-home-slideshow .slideshow .owl-nav .owl-next::before{ content:"\eab8"; } #tb-home-slideshow .slideshow .owl-nav .owl-prev:hover::before, #tb-home-slideshow .slideshow .owl-nav .owl-next:hover::before, #tb-home-slideshow .slideshow .owl-nav .owl-prev:active::before, #tb-home-slideshow .slideshow .owl-nav .owl-next:active::before, #tb-home-slideshow .slideshow .owl-nav .owl-prev:focus::before, #tb-home-slideshow .slideshow .owl-nav .owl-next:focus::before{ color: #111; } /* TB-Home SlideShow content Start*/ #tb-home-slideshow .slideshow .slider-description { position: absolute; left: 13%; right: auto; top: 59%; bottom: auto; transform: translate(0, -50%); width: 70%; text-align: left; } /*#tb-home-slideshow .slideshow .Slider-02 .slider-description{ left: 13%; right: auto; }*/ #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title { font: 300 45px/47px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px; text-shadow: 2px 2px #0673b5; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font: 700 70px/65px "Titillium Web", sans-serif; color: #fff; margin: 0 0 10px; text-transform: uppercase; text-shadow: 2px 2px #1f7d83; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title span { color: #f37166; } #tb-home-slideshow .slideshow .slider-description .tb-slider-desc { font: 400 45px/47px "Titillium Web", sans-serif; color: #fff; margin: 0 0 20px 0; text-transform: uppercase; text-shadow: 2px 2px #0673b5; } /*#tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a:hover,#tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a:active,#tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a:focus{ color: #fff; }*/ .quickview-container { z-index: 99999; position: relative; } /* #tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a:hover #tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a:active, #tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a:focus, #tb-banner-cms .tb-banner-text a:hover, #tb-banner-cms .tb-banner-text a:active, #tb-banner-cms .tb-banner-text a:focus,#tb-peralex-banner-cms .tb-peralex-banner-text a:hover, #tb-peralex-banner-cms .tb-peralex-banner-text a:active, #tb-peralex-banner-cms .tb-peralex-banner-text a:focus{ color: #fff; } */ #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-title, #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-sub-title, #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-desc, #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-slider-button { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s; } #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-sub-title { animation-name: fadeInDown; } #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-title { animation-name: fadeInLeft; } #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-desc, #tb-home-slideshow .slideshow .owl-item.active .slider-description .tb-slider-slider-button{ animation-name: fadeInUp; } @media (max-width: 1899px) { } @media (max-width: 1699px) { } @media (max-width: 1599px){ } @media (max-width: 1499px) { #tb-home-slideshow .slideshow .slider-description .tb-slider-desc{ font-size: 39px; line-height: 41px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title{ font-size: 82px; line-height: 84px; } } @media (max-width: 1399px) { #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title{ font-size: 38px; line-height: 40px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font-size: 55px; line-height: 50px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-desc { font-size: 35px; line-height: 37px; } } @media (max-width: 1199px) { #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font-size: 53px; line-height: 55px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-desc { font-size: 28px; line-height: 29px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title { font-size: 33px; line-height: 35px; } } @media (max-width: 991px) { #tb-home-slideshow .slideshow .slider-description .tb-slider-desc { font-size: 21px; line-height: 22px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title { font-size: 28px; line-height: 30px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font-size: 44px; line-height: 46px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a{ font-size: 13px; line-height: 18px; padding: 12px 24px; } #tb-home-slideshow:hover .slideshow .owl-nav .owl-prev { left: 30px; } #tb-home-slideshow:hover .slideshow .owl-nav .owl-next { right: 30px; } } @media (max-width: 767px) { #tb-home-slideshow .slideshow .owl-nav .owl-prev, #tb-home-slideshow:hover .slideshow .owl-nav .owl-prev{ left: 20px; } #tb-home-slideshow .slideshow .owl-nav .owl-next, #tb-home-slideshow:hover .slideshow .owl-nav .owl-next { right: 20px; } #tb-home-slideshow .slideshow .owl-nav .owl-prev, #tb-home-slideshow .slideshow .owl-nav .owl-next{ width: 30px; height: 30px; } #tb-home-slideshow .slideshow .owl-nav .owl-prev, #tb-home-slideshow .slideshow .owl-nav .owl-next{ width: 30px; height: 30px; line-height: 30px; } #tb-home-slideshow .slideshow .owl-nav .owl-prev::before, #tb-home-slideshow .slideshow .owl-nav .owl-next::before { line-height: 30px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-desc{ display: none; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font-size: 33px; line-height: 35px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title { font-size: 24px; line-height: 26px; } } @media (max-width: 575px) { #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font-size: 27px; line-height: 29px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title { font-size: 20px; line-height: 22px; } } @media (max-width: 480px) { #tb-home-slideshow .slideshow .slider-description .tb-slider-slider-button a { font-size: 12px; line-height: 18px; padding: 7px 12px; } #tb-home-slideshow .slideshow .slider-description .tb-slider-title { font-size: 17px; line-height: 20px; margin: 0 0 5px 0; } #tb-home-slideshow .slideshow .slider-description .tb-slider-sub-title { font-size: 14px; line-height: 16px; margin: 0 0 5px 0; } #tb-home-slideshow .slideshow .slider-description{ width: 40%; } #tb-home-slideshow .slideshow .owl-nav .owl-prev, #tb-home-slideshow:hover .slideshow .owl-nav .owl-prev{ left: 10px; } #tb-home-slideshow .slideshow .owl-nav .owl-next, #tb-home-slideshow:hover .slideshow .owl-nav .owl-next { right: 10px; } } @media (max-width: 360px){ #tb-home-slideshow .slideshow .slider-description { width: 45%; } } /* TB-Home SlideShow content End*/ /* TB-Home SlideShow CSS End*/ /* search Start */ .search { display: inline-block; margin: 8px 0; position: relative; } .tbsearch { display: inline-block !important; width: 50px; height: 50px; position: relative; padding: 0 !important; text-align: center; cursor: pointer; vertical-align: top; } #search .tbsearch_button{ width: 50px; height: 50px; display: inline-block; } #search .tbsearch_button .icofont-search-1 { color: #0b303e; font-size: 20px; height: 50px; width: 50px; line-height: 50px; position: relative; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; display: inline-block; } #search .tbsearch_button .icofont-close { color: #0b303e; display: none; font-size: 26px; height: 100%; line-height: 50px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #search.active .tbsearch_button .icofont-close { display: block; } #search .tbsearch_button .icofont-close:hover{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #search .tbsearch_button:hover .icofont-search-1 { color: #0b303e; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #search.active .tbsearch_button .icofont-search-1{ display: none; } #search.active .tbsearch_button .icon-search { display: none; } #search.active .tbsearch_button .icon-close { display: block; } .tbsearchtoggle { display: none; height: 46px; padding: 0; position: absolute; right: 0; top: 85px; width: 320px; z-index: 99; } #search { width: 50px; height: 50px; } #search .select-wrapper { width: 160px; } #search .select-wrapper select { height: 40px; margin: 0 -1px 0 0; } #search .select-wrapper::after { padding: 3px; } #search .input-lg { margin: 0; height: 46px; line-height: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; padding: 5px 35px 5px 10px; background: transparent none repeat scroll 0 0; border: none; color: #111; font-size: 14px; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; letter-spacing: 1px; border: 1px solid #e5e5e5; border-top: 3px solid #0b303e !important; background: #ffffff none repeat scroll 0 0; } #search .live-search { position: absolute; z-index: 1000; padding: 10px; background-color: #FFF; left: 0; display: none; border-radius: 0; width: 100%; } #search .live-search ul { list-style-type: none; margin: 0; padding: 0; } #search .live-search ul li { background-color: #ffffff; cursor: pointer; } #search .live-search ul li a { padding: 10px; text-decoration: none; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; display: flex; } #search .live-search .result-text { font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; padding: 8px 0; text-transform: capitalize; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #search .live-search .result-text a{ color: #666; text-align: left; font: 500 14px/26px "Titillium Web", sans-serif; } #search .live-search .result-text:hover { background: #f5f5f5; } #search .live-search ul li .product-image { padding: 0; width: auto; margin: 0; } #search .live-search ul li .product-image img{ border: 2px solid #e5e5e5; } #search .live-search ul li .search-description { text-align: left; padding: 0 0 0 15px; } #search .live-search ul li .product-name { padding: 0; font: 400 13px/20px "Titillium Web", sans-serif; color: #555; margin: 0 0 6px; } #search .live-search ul li .product-name p{ display: none; } #search .live-search ul li .product-price { color: #8d1127; font: 700 16px/22px "Titillium Web", sans-serif; display: flex; align-items: center; } #search .live-search ul li:hover a { background: #eaeaea; } #search .live-search ul li .product-price .price { display: block; color: #000; font: 600 16px/18px "Titillium Web", sans-serif; margin: 0 5px 0 0; } #search .live-search ul li .product-price .special { display: block; color: #666; text-decoration: line-through; font: 400 14px/16px "Titillium Web", sans-serif; } #search .form-control::-moz-placeholder { color: #666; text-indent: 0.625rem; } #search .form-control { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #search .btn-lg { font-size: 13px; color: #666; line-height: 18px; padding: 0; width: 30px; height: 30px; background: none; border: none; position: absolute; right: 5px; top: 0; left: auto; z-index: 1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: none; outline: none; bottom: 0; margin: auto; } #search .btn-lg i { font-size: 16px; color: #111; line-height: 18px; } #search .btn-lg .material-icons.icon-search { line-height: 24px; font-size: 22px; } #search .btn-lg:hover { color: #111111; } #search .btn-lg::before { display: none; } @media (max-width: 991px) { .tbsearchtoggle { top: 70px; } } @media (max-width: 767px) { #search .input-lg { background: #fff; } .tbsearchtoggle { width: 300px; } .tbsearchtoggle::after{ right: 15px; } } @media (max-width: 480px) { #search { position: static; } #top-links > ul > li.header_user_info{ margin:0; } #search, #search .tbsearch_button, #search .tbsearch_button .icofont-search-1, .tbsearch { width: 40px; height: 40px; } #search .tbsearch_button .icofont-search-1{ line-height: 40px; } #search.active .tbsearch_button .icofont-close{ line-height: 40px; } .tbsearchtoggle { top: 55px; right: -85px; left: auto; } } /* Search End */ /* cart Start */ #top-links > ul .tbcart { cursor: pointer; display: block; padding: 0; position: relative; } #cart .header-cart-toggle .cart-product .table > tbody > tr > td.text-right{ font-size: 13px; line-height: 20px; width: 30px; text-align: left; } #cart .dropdown-menu li.cart-product { max-height: 400px; overflow-y: auto; min-height: 50px; overflow-x: visible; max-width: 350px; } #cart { padding: 0; position: relative; } #cart .dropdown-menu .btn.btn-danger i { font-size: 18PX; padding: 0px; width: 22px; height: 22px; line-height: 24px; font-weight: 500; display: inline-block; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #cart > .btn { padding: 0px; width: 50px; height: 50px; display: inline-block; border: none; background: none; position: relative; text-shadow: none; box-shadow: none; } #cart > .btn:hover i{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #cart > .btn i { font-size: 26px; color: #0b303e; display: inline-block; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; width: 50px; height: 50px; line-height: 50px; } #cart > .btn::after{ display: none; } /* #cart > .btn::after { content: ""; height: 50px; left: 0; position: absolute; top: 0; right: auto; width: 50px; transition: transform 400ms ease-in-out 0s; -webkit-transition: transform 400ms ease-in-out 0s; -moz-transition: transform 400ms ease-in-out 0s; -o-transition: transform 400ms ease-in-out 0s; -ms-transition: transform 400ms ease-in-out 0s; } #cart:hover > .btn::after { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); background-position:-26px -170px; } */ #cart.open > .btn { color: #666666; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } .tbcart #cart .cart-heading{ display: none; } .tbcart #cart #cart-total { background: #0b303e; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; display: block; height: 20px; line-height: 20px; position: absolute; right: 1px; text-align: center; top: 5px; width: 20px; color: #fff; z-index: 1; font-size: 12px; font-weight: 600; } #cart > button > i.shopping-cart { color: #111; font-size: 26px; height: 100%; line-height: 50px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cart > button:hover > i.shopping-cart { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); color: #111; } #cart .dropdown-menu { border: 1px solid #eee; border-top: 3px solid #0b303e; min-width: 360px; padding: 15px; top: 85px; left: auto; z-index: 1001; display: none; right: 0; right: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; box-shadow: 0 6px 12px rgba(174, 174, 174, 0.18); } #cart .dropdown-menu li.cart-product::-webkit-scrollbar { width: 5px; height: 5px; } #cart .dropdown-menu li.cart-product::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } #cart .dropdown-menu li.cart-product::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px #111; -moz-box-shadow: inset 0 0 6px #111; -webkit-box-shadow: inset 0 0 6px #111; } #cart .dropdown-menu .btn.btn-danger { height: auto; padding: 0px; background: none; border: none; color: #222; box-shadow: none; } #cart .dropdown-menu .btn.btn-danger:hover{ box-shadow: none; } #cart .dropdown-menu .btn.btn-danger i{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; color: #f37166; } #cart .dropdown-menu .btn.btn-danger:hover i{ box-shadow: none; background: #eee; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 12px; padding: 4px; } #cart .dropdown-menu li p { color: #666; padding: 0; margin: 0; font-size: 14px; display: flex; align-items: center; justify-content: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cart .dropdown-menu li p.text-right { justify-content: space-between; margin: 15px 0 0 0; } #cart .dropdown-menu li p:hover{ color: #111; } #cart .dropdown-menu li p a:hover { background: #111; border: 1px solid #111; color: #ffffff; } #cart .dropdown-menu li p a strong { font-weight: 400; font-size: 13px; } #cart .dropdown-menu li p a strong i.fa { padding: 0 3px 0 0; } #cart .header-cart-toggle .text-right > strong { color: #666; font-size: 13px; font-weight: 400; } #cart .dropdown-menu li p a:first-child { background: #0b303e; border: none; color: #fff; width: 48%; z-index: 2; position: relative; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cart .dropdown-menu li p a:first-child::before{ background: #f37166; } #cart .dropdown-menu li p a:first-child:hover::before, #cart .dropdown-menu li p a:first-child:active::before, #cart .dropdown-menu li p a:first-child:focus::before{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; height:100%; } #cart .dropdown-menu li p a:first-child #cart .dropdown-menu li p a:first-child:hover, #cart .dropdown-menu li p a:first-child:focus { background: #0b303e; border: none; color: #fff; } #cart .dropdown-menu li p a { background: #0b303e; border: none; color: #fff; font: 500 14px/20px "Titillium Web", sans-serif; padding: 8px; text-transform: capitalize; width: 48%; text-align: center; overflow: hidden; z-index: 1; position: relative; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cart .dropdown-menu li p a::before{ background: #f37166; transition: all 0.4s ease; content: ""; position: absolute; bottom: 0; left: 0; height: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; z-index: -1; right: 0; } #cart .dropdown-menu li p a:hover::before, #cart .dropdown-menu li p a:active::before, #cart .dropdown-menu li p a:focus::before{ height: 100%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #cart .dropdown-menu li p a:hover, #cart .dropdown-menu li p a:focus { background:#111; border: none; color: #fff; } #cart .dropdown-menu li p a:first-child:hover { background: #0b303e; color: #fff; } #cart .dropdown-menu li p a:first-child::after{ background: #0b303e; } .header-cart-toggle .table-striped > tbody > tr:nth-child(2n+1) > td, .header-cart-toggle .table-striped > tbody > tr:nth-child(2n+1) > th { background: none; padding: 5px; } .header-cart-toggle .table.table-bordered tr:first-child td{ padding-top: 10px !important; padding-bottom: 10px !important; } #cart .table-bordered > thead > tr > th, #cart .table-bordered > tbody > tr > th, #cart .table-bordered > tfoot > tr > th, #cart .table-bordered > thead > tr > td, #cart .table-bordered > tbody > tr > td, #cart .table-bordered > tfoot > tr > td { border: none; padding: 1px 0; text-align: left; } #cart .header-cart-toggle .text-left.name > a { color: #0b303e; text-transform: capitalize; font: 500 13px/20px "Titillium Web", sans-serif; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cart .header-cart-toggle .text-left.name > a:hover { color: #f37166; } #cart .header-cart-toggle .text-left.amount > a { color: #0b303e; text-transform: capitalize; font: 500 13px/20px "Titillium Web", sans-serif; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cart .header-cart-toggle .table > tbody > tr > td.text-right.amount { color: #000; font: 600 13px/15px "Titillium Web", sans-serif; text-align: left; padding: 10px 8px !important; text-align: right; } .header-cart-toggle .table .text-center img { border-radius: 0; border: 0; background: none; padding: 0; max-width: 70px; border: 2px solid #e5e5e5; } #cart .header-cart-toggle .text-right.price-total { color: #000; text-align: right; font: 600 15px/20px "Titillium Web", sans-serif; white-space: nowrap; } .cart-form .table-bordered td.text-right.unit-price { color: #000; font: 500 15px/24px "Titillium Web", sans-serif; } .cart-form .cart_input_block.input-group { display: flex; width: auto; max-width: max-content !important; align-items: center; justify-content: center; } #cart .header-cart-toggle .table.table-bordered { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 0; border-right: 0; padding: 10px 0; } #cart .header-cart-toggle .table > tbody > tr > td { border-color: #e5e5e5; --bs-table-accent-bg: none; border: none; padding:7px 8px !important; } #cart .header-cart-toggle .table > tbody > tr > td.text-center.button, #cart .header-cart-toggle .table > tbody > tr > td.text-right { padding: 7px 0 !important; } #cart .header-cart-toggle .table.table-bordered tbody tr .text-right { padding: 3px 0 !important; } #cart .dropdown-menu table { margin: 0; } #cart .header-cart-toggle .table.table-bordered tr { border: none; } #cart .header-cart-toggle li:first-child tr:first-child td { border-bottom: none; padding: 5px 4px 10px; } #cart .dropdown-menu .btn.btn-danger i.fa-times { font-size: 14px; padding: 4px; color:#666; } #cart .dropdown-menu .btn.btn-danger:hover i.fa-times { color: #666; } #cart .table.table-striped tr { background: none; border-bottom: 1px solid #e5e5e5; } #cart .table.table-striped tr:last-child{ border: none; } #cart .header-cart-toggle .table > tbody > tr > td.image { /*padding: 10px 0 !important;*/ width: 70px; } .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 10px!important; } @media (max-width: 991px){ #cart .dropdown-menu{ top: 65px; } #cart > .btn, #cart > .btn i{ width: 40px; height: 40px; } #cart > .btn i{ line-height: 40px; } } @media (max-width: 480px){ #cart .dropdown-menu { top: 55px; right: -5px; width: 270px; } } /* cart End */ /* Account Start*/ #top-links ul { padding: 0; margin: 0; } .header-top-right { padding: 0; } #top-links > .list-inline{ display: flex; align-items: center; } #top-links ul li.account-nav { width: 50px; height: 50px; padding: 0; text-align: center; } #top-links ul li.account-nav .tbuserheading{ display: none; } #top-links ul li.account-nav a.dropdown-toggle{ display: inline-block; width: 50px; height: 50px; background: none; } #top-links ul li.account-nav a.dropdown-toggle::after{ display: none; } #top-links ul li.account-nav:hover a.dropdown-toggle i{ -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); transform: rotatey(180deg); } #top-links ul li.account-nav a.dropdown-toggle i { font-size: 20px; color: #0b303e; line-height: 50px; width: 50px; height: 50px; display: inline-block; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } #top-links ul li.account-nav a.dropdown-toggle .icofont-simple-down{ display: none; } #top-links ul li.account-nav .dropdown-menu > li > a { padding: 5px 0; background: none; color: #666; font: 400 13px/18px "Titillium Web", sans-serif; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; display: block; } #top-links ul li.account-nav .dropdown-menu > li > a > i { font-size: 16px; padding: 0 5px 0 0; line-height: 18px; } #top-links ul li.account-nav .dropdown-menu > li > a:hover{ color: #111; } #top-links ul li.account-nav > .dropdown-menu{ padding: 10px; position: absolute; top: 45px; right: -60px; left: auto; background: #fff none repeat scroll 0 0; /* border: 1px solid #e5e5e5; */ border-top: 3px solid #0b303e; -moz-border-radius: 0; -khtml-border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media (max-width: 991px){ #top-links ul li.account-nav > .dropdown-menu{ top: 70px; } .header-row { padding-bottom: 25px; } } @media (max-width: 480px){ #top-links ul li.account-nav, #top-links ul li.account-nav a.dropdown-toggle, #top-links ul li.account-nav a.dropdown-toggle i{ width: 40px; height: 40px; } #top-links ul li.account-nav a.dropdown-toggle i{ line-height: 40px; } #top-links ul li.account-nav > .dropdown-menu { top: 55px; } } @media (min-width: 992px) { #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle { border-radius: 10%; background: #fff; font-size: 13px; left: 0; min-width: 170px; border-top: 3px solid #f37166; padding: 5px 0 5px 15px; position: absolute; top: 30px; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } } /* Account Css End*/ /* tblanguage tbcurrency Start */ .header-top-row{ display: flex; align-items: center; justify-content: space-between; } .header-top-row .left-nav{ display: flex; } .header-top-row .left-nav li{ list-style: none; } .tblanguage .pull-left, .tbcurrency .pull-left{ float: none; width: auto; } .tblanguage .btn-group, .tbcurrency .btn-group{ display: block; } .tblanguage .btn-group button, .tbcurrency .btn-group button { display: block; float: none; width: 100%; color: #666; letter-spacing: 1px; font: 400 13px/18px "Titillium Web", sans-serif; text-align: left; padding: 5px 0; text-decoration: none; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; outline: none; box-shadow: none; } .tblanguage .btn-group > .btn-link, .tbcurrency .btn-group > .btn-link { border-bottom: none; color: #111; font: 400 14px/28px "Titillium Web", sans-serif; text-align: left; margin: 0; outline: none; padding: 10px; } .tblanguage .btn-group button::after, .tbcurrency .btn-group button::after{ display: none; } .tblanguage .btn-group, .tbcurrency .btn-group{ display: block; } .tblanguage .btn-group > .btn-link i::before, .tbcurrency .btn-group > .btn-link i::before { float: none; display: inline-block; font-size: 10px; content: '\eab2'; font-family: "icofont"; font-style: normal; } .tblanguage .btn-group > .btn-link strong, .tbcurrency .btn-group > .btn-link strong { font-weight: 400; } #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle { border-radius: 10%; background: #fff; font-size: 13px; right: 10px; min-width: 170px; border-top: 3px solid #f37166; padding: 5px 0 5px 15px; position: absolute; top: 30px; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } /* #form-language .btn-group > .btn-link::before { content: ""; height: 15px; left: auto; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; width: 1px; background: #111; } */ .tblanguage .btn-group button:hover, .tbcurrency .btn-group button:hover, .tblanguage .btn-group button.selected, .tbcurrency .btn-group button.selected{ color: #111; } .tblanguage .btn-group > button:hover, .tbcurrency .btn-group > button:hover{ color: #111; } .tblanguage .btn-group li, .tbcurrency .btn-group li{ list-style: none; } .tblanguage .dropdown-menu, .tbcurrency .dropdown-menu { position: static; float: none; /*display: block;*/ background: none; box-shadow: none; border: none; padding: 0; margin: 0; width: 100%; min-width: auto; } @media (max-width: 767px){ /* .header-top-row{ display: block; text-align: center; } */ .header-top-row .left-nav { justify-content: center; } .tblanguage .btn-group > .btn-link, .tbcurrency .btn-group > .btn-link{ padding: 5px 10px; } /* #form-currency .btn-group ul.dropdown-menu.currency-toggle, #form-language .btn-group ul.dropdown-menu.language-toggle { top: 39px; } */ .header-row { padding-bottom: 25px; } } @media (max-width: 480px){ .tblanguage .btn-group > .btn-link, .tbcurrency .btn-group > .btn-link{ font-size: 13px; line-height: 25px; } .header-row { padding-bottom: 0; } } /* tblanguage tbcurrency End */ /* Header Start */ .common-home .tbloader { background: #fff url("https://mykoppie.co.za/image/catalog/ajax-loader.gif") no-repeat scroll center center; background-attachment: scroll; -webkit-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -o-background-repeat: no-repeat; background-repeat: no-repeat; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; margin: 0 auto; width: 100%; z-index: 999999; } .header { position: relative; background-color: #fff; z-index: 9; border-bottom: 2px solid #f37166; padding-bottom: 5px; } .common-home .header::before { content: ""; position: absolute; top: auto; bottom: -11px; left: 0; right: 0; width: 100%; height: 11px; background-image: url(../images/slider-up-line.png); background-position: center; background-repeat: repeat; -webkit-animation: slide 80s linear infinite; animation: slide 80s linear infinite; } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: -3000px 0; } } @-moz-keyframes slide { from { background-position: 0 0; } to { background-position: -3000px 0; } } @-ms-keyframes slide { from { background-position: 0 0; } to { background-position: -3000px 0; } } @-o-keyframes slide { from { background-position: 0 0; } to { background-position: -3000px 0; } } @keyframes slide { from { background-position: 0 0; } to { background-position: -3000px 0; } } #logo img{ max-width: 100%; max-height: 100px; height: auto; width: auto; padding-bottom: 5px; } .header-row { display: flex; align-items: center; justify-content: space-between; padding-top: 5px; } .full-header.fixed { animation: 1s ease 0s normal both 1 running fixedmenu; -webkit-animation: 1s ease 0s normal both 1 running fixedmenu; -moz-animation: 1s ease 0s normal both 1 running fixedmenu; -o-animation: 1s ease 0s normal both 1 running fixedmenu; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: none; height: 108px; left: 0; position: fixed !important; right: 0; top: 0; z-index: 9; opacity: 0.9; border-bottom: 2px solid #f37166; } .full-header.fixed #menu .nav > li > a::before { display: none; } .common-home header { z-index: 11111; position: relative; } @-webkit-keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @-moz-keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @media (max-width: 991px){ .header-left { position: absolute; padding-left: 50px; width: 100%; } #logo img{ max-width: 100%; max-height: 80px; height: auto; width: auto; padding-bottom: 5px; } } @media (max-width: 480px){ .header-left { position: absolute; padding-left: 50px; width: 100%; } #logo img{ max-width: 100%; max-height: 80px; height: auto; width: auto; padding-bottom: 5px; } } .multilingual { position: absolute; z-index: 10000; top: 16%; left: 65%; width: 17%; } /* Header End */