/*------------------------------------- CSS INDEX =================================== #. EL: Defaults #. EL: Section Title #. EL: Post #. EL: Logo Slider #. EL: Product List #. EL: Product Box #. EL: Product Slider #. EL: Product Isotope #. EL: Product Fullscreen Grid #. EL: Text With Icon #. EL: Text With Button #. EL: Banner With Link #. EL: Sale Banner Slider #. EL: Info Box #. EL: Button #. EL: Countdown #. EL: Video #. EL: Vertical Menu #. EL: Accordion ---------------------------------------*/ /*------------------------------------- #. EL: Defaults ---------------------------------------*/ @media all and (max-width: 767.98px) { .mobile-center { text-align: center; } } @media all and (max-width: 767.98px) { .mobile-right { text-align: right; } } .rt-sec-title-area-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rt-sec-title-area-1 .rtin-sec-title { font-size: 28px; line-height: 1.3; color: #111111; position: relative; padding-bottom: 20px; margin-bottom: 30px; } .rt-sec-title-area-1 .rtin-sec-title:after { position: absolute; content: ""; height: 3px; width: 50px; background-color: #f26c4f; left: 0; bottom: 0; } .rt-sec-title-area-1 .rtin-viewall { margin-top: 10px; } .rt-sec-title-area-1 .rtin-viewall a { color: #444444; } .rt-sec-title-area-1 .rtin-viewall a i { padding-left: 10px; font-size: 13px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-sec-title-area-1 .rtin-viewall a:hover { color: #111; } .rt-sec-title-area-1 .rtin-viewall a:hover i { padding-left: 15px; } .rt-sec-title-area-1.no-after-style { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rt-sec-title-area-1.no-after-style .rtin-sec-title { font-size: 28px; line-height: 1.3; color: #111111; position: relative; padding-bottom: 0; margin-bottom: 30px; } .rt-sec-title-area-1.no-after-style .rtin-sec-title:after { display: none; } .rt-sec-title-area-1.no-after-style .rtin-viewall { margin-top: 10px; } .rt-sec-title-area-1.no-after-style .rtin-viewall a { color: #444444; } .rt-sec-title-area-1.no-after-style .rtin-viewall a i { padding-left: 10px; font-size: 13px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-sec-title-area-1.no-after-style .rtin-viewall a:hover { color: #111; } .rt-sec-title-area-1.no-after-style .rtin-viewall a:hover i { padding-left: 15px; } body .owl-theme .owl-dots { margin-top: 45px !important; } body .owl-theme .owl-dots .owl-dot span { background: rgba(242, 108, 79, 0.05); width: 16px; height: 16px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 0 5px; } body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span { background: #f26c4f; -webkit-box-shadow: 0px 8px 10px 0px rgba(131, 131, 131, 0.75); box-shadow: 0px 8px 10px 0px rgba(131, 131, 131, 0.75); } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /*------------------------------------- #. EL: Section Title ---------------------------------------*/ .rt-el-title { text-align: center; } .rt-el-title .rtin-title { font-size: 28px; line-height: 1.3; color: #111111; margin: 0; } .rt-el-title .rtin-subtitle { color: #444444; font-size: 18px; line-height: 1.3; font-weight: 400; margin: 20px 0 0; } .rt-el-title.rtin-align-left { text-align: left; } .rt-el-title.rtin-align-right { text-align: right; } .rt-el-title.rtin-style-2 .rtin-title { position: relative; padding-bottom: 20px; } .rt-el-title.rtin-style-2 .rtin-title:after { position: absolute; content: ""; height: 3px; width: 50px; background-color: #f26c4f; left: 0; right: 0; bottom: 0; margin: 0 auto; } .rt-el-title.rtin-style-2.rtin-align-left .rtin-title:after { margin: 0; right: inherit; } .rt-el-title.rtin-style-2.rtin-align-right .rtin-title:after { margin: 0; left: inherit; } /*------------------------------------- #. EL: Post ---------------------------------------*/ @media all and (max-width: 767.98px) { .rt-el-post-1 { max-width: 460px; margin: 0 auto; } } .rt-el-post-1 .rtin-item { background-color: #fff; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 4px; height: 100%; } @media all and (max-width: 767.98px) { .rt-el-post-1 .rtin-item { margin-bottom: 30px; height: inherit; } } .rt-el-post-1 .rtin-item .rtin-thumb { display: block; border-radius: 4px 4px 0 0; } .rt-el-post-1 .rtin-item .rtin-content { padding: 30px 40px 25px; } @media all and (max-width: 991.98px) { .rt-el-post-1 .rtin-item .rtin-content { padding: 15px 20px; } } .rt-el-post-1 .rtin-item .rtin-content .rtin-date { color: #444; font-weight: 400; font-size: 15px; line-height: 1.3; margin-bottom: 20px; } .rt-el-post-1 .rtin-item .rtin-content .rtin-title { font-size: 22px; line-height: 1.3; font-weight: 600; } .rt-el-post-1 .rtin-item .rtin-content .rtin-title a { color: #111111; } .rt-el-post-1 .rtin-item .rtin-content .rtin-title a:hover { color: #444444; } .rt-el-post-1 .rtin-item .rtin-content .rtin-author a { color: #111111; } .rt-el-post-1 .rtin-item .rtin-content .rtin-author a:hover { text-decoration: underline; } .rt-el-post-1 .rtin-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .rt-el-post-1.rtin-dark .rt-sec-title-area-1 .rtin-sec-title { color: #fff; } .rt-el-post-1.rtin-dark .rt-sec-title-area-1 .rtin-sec-title:after { background-color: #fff; } .rt-el-post-1.rtin-dark .rt-sec-title-area-1 .rtin-viewall a { color: #cccccc; } .rt-el-post-1.rtin-dark .rt-sec-title-area-1 .rtin-viewall a:hover { color: #ffffff; } @media all and (max-width: 767.98px) { .rt-el-post-2 { max-width: 460px; margin: 0 auto; } } .rt-el-post-2 .rtin-sec-title-area { text-align: center; } .rt-el-post-2 .rtin-sec-title-area .rtin-sec-title { font-size: 28px; line-height: 1.3; color: #111111; position: relative; padding-bottom: 20px; margin-bottom: 30px; } .rt-el-post-2 .rtin-sec-title-area .rtin-sec-title:after { position: absolute; content: ""; height: 3px; width: 50px; background-color: #f26c4f; left: 0; right: 0; bottom: 0; margin: 0 auto; } .rt-el-post-2 .rtin-item { background-color: #f2f2f2; -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); border-radius: 4px; height: 100%; } @media all and (max-width: 767.98px) { .rt-el-post-2 .rtin-item { margin-bottom: 30px; height: inherit; } } .rt-el-post-2 .rtin-item .rtin-thumb { display: block; } .rt-el-post-2 .rtin-item .rtin-thumb img { border-radius: 4px 4px 0 0; } .rt-el-post-2 .rtin-item .rtin-content { padding: 30px; } @media all and (max-width: 991.98px) { .rt-el-post-2 .rtin-item .rtin-content { padding: 15px 20px; } } .rt-el-post-2 .rtin-item .rtin-content .rtin-date { margin-bottom: 18px; } .rt-el-post-2 .rtin-item .rtin-content .rtin-title a { color: #111111; } .rt-el-post-2 .rtin-item .rtin-content .rtin-author a { color: #111111; font-weight: 500; } .rt-el-post-2 .rtin-item .rtin-content .rtin-author a:hover { text-decoration: underline; } @media all and (max-width: 767.98px) { .rt-el-post-3 { max-width: 460px; margin: 0 auto; } } .rt-el-post-3 .rtin-sec-title-area { text-align: center; margin-bottom: 40px; } .rt-el-post-3 .rtin-sec-title-area .rtin-sec-title { font-size: 28px; line-height: 1.3; color: #111111; margin: 0; } .rt-el-post-3 .rtin-sec-title-area .rtin-sec-subtitle { color: #444444; font-size: 18px; line-height: 1.3; font-weight: 400; margin: 0; padding: 20px 0; } .rt-el-post-3 .rtin-item { background-color: #ffffff; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 4px; height: 100%; } @media all and (max-width: 767.98px) { .rt-el-post-3 .rtin-item { margin-bottom: 30px; height: inherit; } } .rt-el-post-3 .rtin-item .rtin-thumb { display: block; } .rt-el-post-3 .rtin-item .rtin-thumb img { border-radius: 4px 4px 0 0; } .rt-el-post-3 .rtin-item .rtin-content { padding: 35px 40px 30px; } @media all and (max-width: 991.98px) { .rt-el-post-3 .rtin-item .rtin-content { padding: 15px 20px; } } .rt-el-post-3 .rtin-item .rtin-content .rtin-date { display: inline-block; color: #ffffff; font-size: 14px; line-height: 1.4; background-color: #f26c4f; border-radius: 4px; padding: 7px 10px; margin-bottom: 15px; } .rt-el-post-3 .rtin-item .rtin-content .rtin-title { margin-bottom: 15px; } .rt-el-post-3 .rtin-item .rtin-content .rtin-title a { color: #111111; } .rt-el-post-3 .rtin-item .rtin-content .rtin-author { font-size: 15px; line-height: 1.3; color: #333333; margin-bottom: 12px; } .rt-el-post-3 .rtin-item .rtin-content .rtin-author a { color: #999999; font-weight: 500; } .rt-el-post-3 .rtin-item .rtin-content .rtin-author a:hover { text-decoration: underline; } .rt-el-post-3 .rtin-item:hover { -webkit-transform: translateY(10px); transform: translateY(10px); } .rt-el-post-4 .rtin-item { background-color: #fff; } .rt-el-post-4 .rtin-item .rtin-thumb { display: block; margin-bottom: 25px; overflow: hidden; border-radius: 4px; } .rt-el-post-4 .rtin-item .rtin-thumb img { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-post-4 .rtin-item .rtin-thumb img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .rt-el-post-4 .rtin-item .rtin-content .rtin-title { margin-bottom: 15px; } .rt-el-post-4 .rtin-item .rtin-content .rtin-title a { color: #111; } .rt-el-post-4 .rtin-item .rtin-content .rtin-meta { font-size: 15px; line-height: 1.3; color: #888888; margin-bottom: 20px; } .rt-el-post-4 .rtin-item .rtin-content .rtin-meta .rtin-sep { color: #111111; padding: 0 10px; } .rt-el-post-4 .rtin-item .rtin-content .rtin-meta a { color: #888888; } .rt-el-post-4 .rtin-item .rtin-content .rtin-meta a:hover { text-decoration: underline; } .rt-el-post-4 .rtin-item .rtin-content .rtin-text { font-size: 18px; line-height: 1.4; } .rt-el-post-5 .rtin-item { margin: 0 auto 30px; max-width: 450px; } .rt-el-post-5 .rtin-sec-title { text-align: center; font-size: 30px; line-height: 1.5; margin-bottom: 20px; } .rt-el-post-5 .rtin-thumb-area { border-radius: 5px; position: relative; overflow: hidden; } .rt-el-post-5 .rtin-thumb-area .rtin-thumb { display: block; } .rt-el-post-5 .rtin-thumb-area .rtin-date { position: absolute; left: 25px; bottom: 25px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 20px; min-width: 70px; min-height: 70px; color: #f26c4f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rt-el-post-5 .rtin-thumb-area .rtin-date .rtin-d1 { font-weight: 400; } .rt-el-post-5 .rtin-thumb-area .rtin-date .rtin-d2 { font-weight: 700; } .rt-el-post-5 .rtin-thumb-area:hover .rtin-date { background-color: #f26c4f; color: #fff; } .rt-el-post-5 .rtin-cats { margin-top: 20px; } .rt-el-post-5 .rtin-cats a { color: #444; font-size: 15px; line-height: 1.5; } .rt-el-post-5 .rtin-cats a:hover { color: #f26c4f; } .rt-el-post-5 .rtin-title { margin: 10px 0 0; } .rt-el-post-5 .rtin-title a { color: #000; } .rt-el-post-5 .rtin-title a:hover { color: #f26c4f; } .rt-el-post-5 .elmaxwidth-300 .rtin-thumb-area .rtin-date { font-size: 13px; line-height: 1.2; min-width: 45px; min-height: 45px; left: 15px; bottom: 15px; } .rt-el-post-6 .rtin-item { margin: 0 auto 30px; max-width: 450px; } .rt-el-post-6 .rtin-sec-title { text-align: center; font-size: 30px; line-height: 1.5; margin-bottom: 20px; } .rt-el-post-6 .rtin-thumb-area { border-radius: 5px; position: relative; overflow: hidden; } .rt-el-post-6 .rtin-thumb-area .rtin-thumb { display: block; } .rt-el-post-6 .rtin-thumb-area .rtin-date { position: absolute; left: 25px; top: 25px; border-radius: 2px; background-color: #fff; text-align: center; color: #000; line-height: 1; padding: 8px 15px; font-weight: 500; font-size: 14px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rt-el-post-6 .rtin-thumb-area:hover .rtin-date { background-color: #f26c4f; color: #fff; } .rt-el-post-6 .rtin-cats { margin-top: 20px; } .rt-el-post-6 .rtin-cats a { color: #444; font-size: 15px; line-height: 1.5; } .rt-el-post-6 .rtin-cats a:hover { color: #f26c4f; } .rt-el-post-6 .rtin-title { margin: 10px 0 0; } .rt-el-post-6 .rtin-title a { color: #000; } .rt-el-post-6 .rtin-title a:hover { color: #f26c4f; } .rt-el-post-7 .rtin-item { margin: 0 auto 30px; max-width: 450px; } .rt-el-post-7 .rtin-sec-title { text-align: center; font-size: 30px; line-height: 1.5; margin-bottom: 20px; } .rt-el-post-7 .rtin-thumb-area { border-radius: 5px; position: relative; overflow: hidden; } .rt-el-post-7 .rtin-thumb-area .rtin-thumb { display: block; } .rt-el-post-7 .rtin-thumb-area .rtin-date { position: absolute; left: 25px; bottom: 25px; border-radius: 4px; background-color: #fff; text-align: center; line-height: 20px; min-width: 70px; min-height: 70px; color: #f26c4f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rt-el-post-7 .rtin-thumb-area .rtin-date .rtin-d1 { font-weight: 400; } .rt-el-post-7 .rtin-thumb-area .rtin-date .rtin-d2 { font-weight: 700; } .rt-el-post-7 .rtin-thumb-area:hover .rtin-date { background-color: #f26c4f; color: #fff; } .rt-el-post-7 .rtin-cats { margin-top: 20px; } .rt-el-post-7 .rtin-cats a { color: #444; font-size: 15px; line-height: 1.5; } .rt-el-post-7 .rtin-cats a:hover { color: #f26c4f; } .rt-el-post-7 .rtin-title { margin: 10px 0 0; font-size: 24px; } .rt-el-post-7 .rtin-title a { color: #000; } .rt-el-post-7 .rtin-title a:hover { color: #f26c4f; } .rt-el-post-7 .elmaxwidth-300 .rtin-thumb-area .rtin-date { font-size: 13px; line-height: 1.2; min-width: 45px; min-height: 45px; left: 15px; bottom: 15px; } /*-------------------------------------- #. EL: Logo Slider ---------------------------------------*/ .rt-el-logo-slider .rtin-item img { width: inherit !important; margin: 0 auto; opacity: 0.8; } .rt-el-logo-slider .rtin-item img:hover { opacity: 1; } /*-------------------------------------- #. EL: Product List ---------------------------------------*/ .rt-el-product-list .rtin-sec-title { font-size: 28px; line-height: 1.3; color: #222222; padding-bottom: 18px; margin-bottom: 30px; position: relative; } .rt-el-product-list .rtin-sec-title:after { position: absolute; content: ""; height: 3px; width: 50px; background-color: #f26c4f; left: 0; bottom: 0; } .rt-el-product-list .rtin-item { margin-bottom: 30px; } .rt-el-product-list .rtin-item .rtin-thumb { display: block; border-radius: 4px; position: relative; overflow: hidden; margin-right: 30px; max-width: 30%; outline: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media all and (max-width: 991.98px) { .rt-el-product-list .rtin-item .rtin-thumb { margin-right: 15px; } } @media all and (max-width: 767.98px) { .rt-el-product-list .rtin-item .rtin-thumb { margin-right: 30px; } } @media all and (max-width: 479.98px) { .rt-el-product-list .rtin-item .rtin-thumb { margin-right: 20px; } } .rt-el-product-list .rtin-item .rtin-thumb:after { position: absolute; content: ""; height: 100%; width: 100%; background-color: rgba(242, 108, 79, 0.0075); top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-list .rtin-item .rtin-thumb .rtin-icon { height: 100%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 2; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: rgba(0, 0, 0, 0.7); } .rt-el-product-list .rtin-item .rtin-thumb .rtin-icon i:before { color: #ffffff; margin-left: 0; font-size: 30px; line-height: 1; } .rt-el-product-list .rtin-item .rtin-thumb:hover:after, .rt-el-product-list .rtin-item .rtin-thumb:hover .rtin-icon { opacity: 1; visibility: visible; } .rt-el-product-list .rtin-item .media-body .rtin-title { font-size: 20px; line-height: 1.3; margin-bottom: 0; } .rt-el-product-list .rtin-item .media-body .rtin-title a { color: #666666; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-list .rtin-item .media-body .rtin-title a:hover { color: #444444; } .rt-el-product-list .rtin-item .media-body .rtin-cat { margin-top: 8px; } .rt-el-product-list .rtin-item .media-body .rtin-price { margin-top: 10px; color: #111111; font-weight: 600; font-size: 18px; line-height: 1.3; } .rt-el-product-list .rtin-item .media-body .rtin-price del { color: #9c9c9c; font-weight: 500; padding-right: 5px; } .rt-el-product-list .rtin-item .media-body .rtin-price ins { background-color: transparent; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-sec-title:after { display: none; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-sec-title { padding-bottom: 0; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-viewall { text-align: right; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-viewall a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-viewall a:hover { color: #f26c4f; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-viewall a:hover i { margin-left: 1px; } .rt-el-product-list.rt-el-product-grid .rtin-sec-title-area .rtin-viewall a i { margin-left: 3px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-list.rt-el-product-grid .rtin-item .rtin-thumb { max-width: 34%; } /*-------------------------------------- #. EL: Product Box ---------------------------------------*/ .rt-el-product-box .rt-product-block { max-width: inherit; margin-bottom: 0; } /*-------------------------------------- #. EL: Product Slider ---------------------------------------*/ @media all and (max-width: 479.99px) { .rt-el-product-slider .rtin-items { max-width: 300px; } } .rt-el-product-slider .rt-product-block { margin-bottom: 0; } .rt-el-product-slider.rtin-style-1 .owl-custom-nav .owl-nav button.owl-prev, .rt-el-product-slider.rtin-style-1 .owl-custom-nav .owl-nav button.owl-next { top: 130px; } /*-------------------------------------- #. EL: Product Isotope ---------------------------------------*/ @media all and (max-width: 575.98px) { .rt-el-product-isotope .rt-product-block { margin-left: auto; margin-right: auto; } } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-navs a { font-size: 24px; line-height: 1; font-weight: 500; display: inline-block; color: #646464; margin-right: 40px; position: relative; outline: none; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-navs a.current { color: #111111; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-navs a:after { content: ""; position: absolute; right: -20px; height: 20px; width: 2px; background-color: #646464; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-navs a:last-child { margin: 0; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-navs a:last-child:after { content: none; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-viewall { -ms-flex-item-align: end; align-self: flex-end; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-viewall a { color: #444444; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-viewall a i { padding-left: 10px; font-size: 13px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-viewall a:hover { color: #444444; } .rt-el-product-isotope.rtin-layout-1 .rtin-navs-area .rtin-viewall a:hover i { padding-left: 15px; } .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs { position: relative; text-align: center; margin-bottom: 40px; } @media all and (max-width: 767.98px) { .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs { margin-bottom: 20px; } } .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs:after { position: absolute; content: ""; border-bottom: 1px solid #d9d9d9; bottom: 0; left: 0; right: 0; z-index: 1; } .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs a { font-size: 24px; line-height: 1.3; font-weight: 500; display: inline-block; color: #646464; margin: 0 15px; position: relative; padding-bottom: 15px; outline: none; } @media all and (max-width: 767.98px) { .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs a { padding: 10px; } } .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs a.current { color: #111111; } .rt-el-product-isotope.rtin-layout-2 .rtin-navs-area .rtin-navs a.current:after { content: ""; position: absolute; width: 100%; height: 3px; background-color: rgba(242, 108, 79, 0.785); z-index: 2; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-isotope.rtin-layout-3 .rtin-navs-area .rtin-navs { position: relative; text-align: center; margin-bottom: 50px; } @media all and (max-width: 767.98px) { .rt-el-product-isotope.rtin-layout-3 .rtin-navs-area .rtin-navs { margin-bottom: 20px; } } .rt-el-product-isotope.rtin-layout-3 .rtin-navs-area .rtin-navs a { font-size: 18px; line-height: 1.3; font-weight: 400; display: inline-block; color: #909090; margin: 0 15px; position: relative; padding-bottom: 12px; outline: none; } @media all and (max-width: 767.98px) { .rt-el-product-isotope.rtin-layout-3 .rtin-navs-area .rtin-navs a { padding: 3px; margin: 0 6px; } } .rt-el-product-isotope.rtin-layout-3 .rtin-navs-area .rtin-navs a.current { color: #f26c4f; } .rt-el-product-isotope.rtin-layout-3 .rtin-navs-area .rtin-navs a.current:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: rgba(242, 108, 79, 0.785); z-index: 2; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-product-isotope .rtin-no-item { text-align: center; color: #222222; font-size: 18px; line-height: 1.5; font-weight: 600; } .rt-el-product-isotope .rtin-viewall-2 { text-align: center; margin-top: 10px; } .rt-el-product-isotope .rtin-viewall-2 a { color: #000; position: relative; padding-bottom: 15px; font-weight: 700; font-size: 14px; } .rt-el-product-isotope .rtin-viewall-2 a:after { content: ""; position: absolute; width: 30px; height: 2px; z-index: 2; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; right: 0; margin: 0 auto; background-color: #f26c4f; } .rt-el-product-isotope .rtin-viewall-2 a:hover:after { width: 100%; } /*-------------------------------------- #. EL: Product Fullscreen Grid ---------------------------------------*/ .rt-el-product-fullscreen-grid-1 .rtin-sec-title-area { text-align: center; margin-bottom: 30px; } .rt-el-product-fullscreen-grid-1 .rtin-sec-title-area .rtin-sec-title { font-size: 28px; line-height: 1.3; color: #111111; position: relative; margin: 0; } .rt-el-product-fullscreen-grid-1 .rtin-sec-title-area .rtin-viewall { display: block; margin-top: 10px; } .rt-el-product-fullscreen-grid-1 .rtin-sec-title-area .rtin-viewall a { color: #111111; } .rt-el-product-fullscreen-grid-1 .rt-product-block { margin-bottom: 30px; max-width: 410px; } @media all and (max-width: 767.98px) { .rt-el-product-fullscreen-grid-1 .rt-product-block { margin: 0 auto 30px; } } .rt-el-product-fullscreen-grid-2 .rtin-big .rt-product-block { max-width: 520px; } .rt-el-product-fullscreen-grid-2.fullscreen-grid-3 .rt-sec-title-area-1 .rtin-sec-title { padding-bottom: 0; } .rt-el-product-fullscreen-grid-2.fullscreen-grid-3 .rt-sec-title-area-1 .rtin-sec-title:after { display: none; } /*-------------------------------------- #. EL: Text With Icon ---------------------------------------*/ .rt-el-text-with-icon .rtin-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f8f8f8; -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); padding: 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-text-with-icon .rtin-item .rtin-icon { margin-right: 30px; border-right: 1px solid #a8a8a8; padding-right: 30px; line-height: 1; } .rt-el-text-with-icon .rtin-item .rtin-icon i { font-size: 56px; line-height: 1; color: #f26c4f; } .rt-el-text-with-icon .rtin-item .rtin-icon img { width: 56px; height: 56px; } .rt-el-text-with-icon .rtin-item .rtin-icon svg { fill: #f26c4f; width: 56px; } .rt-el-text-with-icon .rtin-item .rtin-title { font-size: 22px; line-height: 1.3; font-weight: 600; color: #222; margin: 0; } .rt-el-text-with-icon .rtin-item .rtin-subtitle { margin: 0; font-size: 14px; } .rt-el-text-with-icon .rtin-item:hover { opacity: 1; -webkit-box-shadow: 0px 10px 29px 0px rgba(194, 194, 194, 0.75); box-shadow: 0px 10px 29px 0px rgba(194, 194, 194, 0.75); background-color: #ffffff; } .rt-el-text-with-icon.rtin-style-1 .rtin-item { opacity: 0.75; } .rt-el-text-with-icon.rtin-style-1 .rtin-item:hover { opacity: 1; } .rt-el-text-with-icon.rtin-style-1.elmaxwidth-360 .rtin-item { display: block; text-align: center; } .rt-el-text-with-icon.rtin-style-1.elmaxwidth-360 .rtin-item .rtin-icon { margin: 0 0 20px; padding: 0; border: none; } .rt-el-text-with-icon.rtin-style-2 .rtin-item { border: 1px solid #dddddd; opacity: 0.8; -webkit-box-shadow: none; box-shadow: none; background: transparent; border-radius: 4px; padding: 30px 10px; } .rt-el-text-with-icon.rtin-style-2 .rtin-item:hover { opacity: 1; -webkit-box-shadow: 0px 10px 29px 0px rgba(194, 194, 194, 0.75); box-shadow: 0px 10px 29px 0px rgba(194, 194, 194, 0.75); border-color: transparent; } .rt-el-text-with-icon.rtin-style-2 .rtin-item .rtin-icon { margin-right: 15px; padding-right: 13px; line-height: 1; } .rt-el-text-with-icon.rtin-style-2 .rtin-item .rtin-icon i { color: #f26c4f; } .rt-el-text-with-icon.rtin-style-2 .rtin-item .rtin-icon svg { fill: #f26c4f; } .rt-el-text-with-icon.rtin-style-2.elmaxwidth-320 .rtin-item { display: block; text-align: center; padding: 20px 10px; } .rt-el-text-with-icon.rtin-style-2.elmaxwidth-320 .rtin-item .rtin-icon { margin: 0 0 20px; padding: 0; border: none; } .rt-el-text-with-icon.rtin-style-2.elmaxwidth-320 .rtin-item .rtin-title { font-size: 20px; } .rt-el-text-with-icon.rtin-style-2.elmaxwidth-320 .rtin-item .rtin-subtitle { margin: 0; } .rt-el-text-with-icon.rtin-style-3 .rtin-item { padding: 40px 20px; border: 1px solid #d8d8d8; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; opacity: 0.8; } .rt-el-text-with-icon.rtin-style-3 .rtin-item .rtin-icon { border: none; padding: 0; margin: 0 20px 0 0; } .rt-el-text-with-icon.rtin-style-3 .rtin-item .rtin-icon i { font-size: 42px; } .rt-el-text-with-icon.rtin-style-3 .rtin-item .rtin-icon img { width: 42px; height: 42px; } .rt-el-text-with-icon.rtin-style-3 .rtin-item .rtin-icon svg { width: 42px; } .rt-el-text-with-icon.rtin-style-3 .rtin-item .rtin-title { font-size: 20px; } .rt-el-text-with-icon.rtin-style-3 .rtin-item:hover { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .rt-el-text-with-icon.rtin-style-4 .rtin-item { padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; opacity: 1; } @media all and (max-width: 767.98px) { .rt-el-text-with-icon.rtin-style-4 .rtin-item { display: block; text-align: center; } } @media all and (max-width: 767.98px) { .rt-el-text-with-icon.rtin-style-4 .rtin-item .rtin-icon { margin: 0 0 10px 0; padding: 0; border: none; } } .rt-el-text-with-icon.rtin-style-4 .rtin-item .rtin-icon i { color: #f26c4f; } .rt-el-text-with-icon.rtin-style-4 .rtin-item .rtin-icon svg { fill: #f26c4f; } .rt-el-text-with-icon.rtin-style-4.elmaxwidth-320 .rtin-item { display: block; text-align: center; } .rt-el-text-with-icon.rtin-style-4.elmaxwidth-320 .rtin-item .rtin-icon { margin: 0 0 20px; padding: 0; border: none; } .rt-el-text-with-icon.rtin-style-5 .rtin-item { padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; opacity: 1; } @media all and (max-width: 767.98px) { .rt-el-text-with-icon.rtin-style-5 .rtin-item { display: block; text-align: center; } } .rt-el-text-with-icon.rtin-style-5 .rtin-item .rtin-icon { border: none; padding: 0; } @media all and (max-width: 767.98px) { .rt-el-text-with-icon.rtin-style-5 .rtin-item .rtin-icon { margin: 0 0 20px 0; padding: 0; border: 0; } } .rt-el-text-with-icon.rtin-style-5 .rtin-item .rtin-icon i { font-size: 52px; } .rt-el-text-with-icon.rtin-style-5 .rtin-item .rtin-icon img { width: 52px; height: 52px; } .rt-el-text-with-icon.rtin-style-5 .rtin-item .rtin-icon svg { width: 52px; } .rt-el-text-with-icon.rtin-style-5 .rtin-item .rtin-title { font-size: 18px; letter-spacing: 1px; } .rt-el-text-with-icon.rtin-style-5.rtin-bgtype-dark .rtin-item .rtin-icon i, .rt-el-text-with-icon.rtin-style-5.rtin-bgtype-dark .rtin-item .rtin-title, .rt-el-text-with-icon.rtin-style-5.rtin-bgtype-dark .rtin-item .rtin-subtitle { color: #cccccc; } .rt-el-text-with-icon.rtin-style-5.rtin-bgtype-dark .rtin-item .rtin-icon svg { fill: #cccccc; } .rt-el-text-with-icon.rtin-style-7 .rtin-item { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; opacity: 1; padding: 0; } @media all and (max-width: 767.98px) { .rt-el-text-with-icon.rtin-style-7 .rtin-item { display: block; text-align: center; } } .rt-el-text-with-icon.rtin-style-7 .rtin-item .rtin-icon { margin-right: 25px; border-right: 2px solid #646464; padding-right: 25px; line-height: 1; } @media all and (max-width: 767.98px) { .rt-el-text-with-icon.rtin-style-7 .rtin-item .rtin-icon { margin-right: 0; border-right: none; padding-right: 0; padding-bottom: 15px; margin-bottom: 10px; } } .rt-el-text-with-icon.rtin-style-7 .rtin-item .rtin-icon i { font-size: 40px; } .rt-el-text-with-icon.rtin-style-7 .rtin-item .rtin-icon img { max-width: 40px; max-height: inherit; width: inherit; height: inherit; } .rt-el-text-with-icon.rtin-style-7 .rtin-item .rtin-icon svg { width: 40px; } .rt-el-text-with-icon.rtin-style-7 .rtin-item .rtin-title { font-size: 20px; letter-spacing: 1px; } .rt-el-text-with-icon.rtin-style-7.rtin-bgtype-dark .rtin-item .rtin-icon i, .rt-el-text-with-icon.rtin-style-7.rtin-bgtype-dark .rtin-item .rtin-title, .rt-el-text-with-icon.rtin-style-7.rtin-bgtype-dark .rtin-item .rtin-subtitle { color: #cccccc; } .rt-el-text-with-icon.rtin-style-7.rtin-bgtype-dark .rtin-item .rtin-icon svg { fill: #cccccc; } .rt-el-text-with-icon.rtin-style-6 .rtin-item { text-align: center; padding: 50px 30px 45px 30px; background-color: #fff; -webkit-box-shadow: 0 1px 3px 0 rgba(202, 202, 202, 0.75); box-shadow: 0 1px 3px 0 rgba(202, 202, 202, 0.75); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 1; display: block; } .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-icon { margin: 0 0 25px 0; padding: 0; border: none; } .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-icon i, .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-icon svg { background-color: #f26c4f; border: 1px solid #f26c4f; color: #fff; fill: #fff; height: 67px; width: 67px; border-radius: 50%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-icon i { font-size: 28px; line-height: 63px; } .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-icon svg { padding: 15px; } .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-icon img { width: 67px; height: 67px; border-radius: 50%; } .rt-el-text-with-icon.rtin-style-6 .rtin-item .rtin-subtitle { margin-top: 10px; } .rt-el-text-with-icon.rtin-style-6 .rtin-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(202, 202, 202, 0.75); box-shadow: 0 0 20px 0 rgba(202, 202, 202, 0.75); } .rt-el-text-with-icon.rtin-style-6 .rtin-item:hover .rtin-icon i, .rt-el-text-with-icon.rtin-style-6 .rtin-item:hover .rtin-icon svg { color: #f26c4f; fill: #f26c4f; background-color: transparent; } .scheme-custom .rt-el-text-with-icon.rtin-style-1 .rtin-item:hover { color: #ffffff; background-color: #f26c4f; -webkit-box-shadow: 0px 10px 29px 0px rgba(242, 108, 79, 0.75); box-shadow: 0px 10px 29px 0px rgba(242, 108, 79, 0.75); } .scheme-custom .rt-el-text-with-icon.rtin-style-1 .rtin-item:hover .rtin-icon { border-color: #ffffff; } .scheme-custom .rt-el-text-with-icon.rtin-style-1 .rtin-item:hover .rtin-icon i { color: #ffffff; } .scheme-custom .rt-el-text-with-icon.rtin-style-1 .rtin-item:hover .rtin-icon svg { fill: #ffffff; } .scheme-custom .rt-el-text-with-icon.rtin-style-1 .rtin-item:hover .rtin-title { color: #fff; } .scheme-black .rt-el-text-with-icon.rtin-style-1.rtin-bgtype-light .rtin-item .rtin-title { color: #000000; } /*-------------------------------------- #. EL: Info Box ---------------------------------------*/ .rt-el-info-box { background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } @media all and (max-width: 767.98px) { .rt-el-info-box { max-width: 600px; margin: 0 auto; } } .rt-el-info-box .rtin-item { position: relative; overflow: hidden; width: 100%; height: 200px; display: block; outline: none; } .rt-el-info-box .rtin-img { position: absolute; z-index: 2; width: 100%; } .rt-el-info-box .rtin-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-info-box .rtin-img.rtin-pos-right { text-align: right; } .rt-el-info-box .rtin-content { position: absolute; bottom: 25px; left: 25px; z-index: 3; } .rt-el-info-box .rtin-title { color: #f26c4f; line-height: 1.3; font-weight: 700; margin-bottom: 0; } .rt-el-info-box .rtin-subtitle { margin: 5px 0 0; line-height: 1.3; font-weight: 400; } .rt-el-info-box .rtin-btn { font-size: 14px; line-height: 1; color: #ffffff; font-weight: 500; border-radius: 4px; padding: 15px 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; display: inline-block; background-color: #f26c4f; -webkit-box-shadow: 0px 1px 1px 0px rgba(242, 108, 79, 0.008); box-shadow: 0px 1px 1px 0px rgba(242, 108, 79, 0.008); position: absolute; bottom: 25px; left: 25px; z-index: 3; } .rt-el-info-box .rtin-btn:after { content: "\f054"; font-family: fontAwesome; padding-left: 10px; font-size: 12px; vertical-align: top; } .rt-el-info-box .rtin-btn:hover { opacity: 0.8; } .rt-el-info-box .rtin-item:hover .rtin-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .rt-el-info-box .rtin-item:hover .rtin-content:after { width: 100%; } .rt-el-info-box.rtin-left-bottom .rtin-content { left: 25px; bottom: 25px; right: inherit; top: inherit; } .rt-el-info-box.rtin-left-top .rtin-content { left: 25px; top: 25px; right: inherit; bottom: inherit; } .rt-el-info-box.rtin-right-top .rtin-content { right: 25px; top: 25px; left: inherit; bottom: inherit; text-align: right; } .rt-el-info-box.rtin-right-bottom .rtin-content { right: 25px; bottom: 25px; top: inherit; left: inherit; text-align: right; } .rt-el-info-box.rtin-style-2 { border-radius: 3px; overflow: hidden; } .rt-el-info-box.rtin-style-2 .rtin-content { padding-bottom: 10px; } .rt-el-info-box.rtin-style-2 .rtin-content:after { content: ""; height: 2px; width: 30px; background-color: #f26c4f; top: 100%; left: 0; position: absolute; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-info-box.rtin-style-2 .rtin-title { color: #000; text-align: left; } .rt-el-info-box.rtin-style-2 .rtin-subtitle { color: #000; text-align: left; } .rt-el-info-box.rtin-style-2.rtin-left-bottom .rtin-content { left: 45px; bottom: 35px; right: inherit; top: inherit; } .rt-el-info-box.rtin-style-2.rtin-left-top .rtin-content { left: 45px; top: 35px; right: inherit; bottom: inherit; } .rt-el-info-box.rtin-style-2.rtin-right-top .rtin-content { right: 45px; top: 35px; left: inherit; bottom: inherit; text-align: right; } .rt-el-info-box.rtin-style-2.rtin-right-bottom .rtin-content { right: 45px; bottom: 35px; top: inherit; left: inherit; text-align: right; } .rt-el-info-box.rtin-style-12 { border-radius: 3px; overflow: hidden; } .rt-el-info-box.rtin-style-12 .rtin-content { padding-bottom: 10px; } .rt-el-info-box.rtin-style-12 .rtin-title { color: #000; text-align: left; } .rt-el-info-box.rtin-style-12 .rtin-subtitle { color: #666; text-align: left; position: relative; display: inline-block; } .rt-el-info-box.rtin-style-12 .rtin-subtitle:after { content: ""; height: 2px; width: 30px; background-color: #666; top: 34px; left: 0; position: absolute; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-info-box.rtin-style-12.rtin-left-bottom .rtin-content { left: 45px; bottom: 35px; right: inherit; top: inherit; } .rt-el-info-box.rtin-style-12.rtin-left-top .rtin-content { left: 45px; top: 37%; right: inherit; bottom: inherit; } .rt-el-info-box.rtin-style-12.rtin-right-top .rtin-content { right: 45px; top: 50%; left: inherit; bottom: inherit; text-align: right; } .rt-el-info-box.rtin-style-12.rtin-right-bottom .rtin-content { right: 45px; bottom: 35px; top: inherit; left: inherit; text-align: right; } .rt-el-info-box.rtin-style-12 .rtin-item:hover .rtin-subtitle:after { width: 100%; } .rt-el-info-box.rtin-style-3 { border-radius: 3px; } .rt-el-info-box.rtin-style-3 .rtin-content { padding-bottom: 10px; } .rt-el-info-box.rtin-style-3 .rtin-content:after { content: ""; height: 2px; width: 30px; background-color: #f26c4f; top: 100%; left: 0; position: absolute; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-info-box.rtin-style-3 .rtin-title { color: #000; font-weight: 400; font-size: 16px; } .rt-el-info-box.rtin-style-3 .rtin-subtitle { font-weight: 700; font-size: 22px; color: #000; } .rt-el-info-box.rtin-style-3.rtin-right-top .rtin-content:after, .rt-el-info-box.rtin-style-3.rtin-right-bottom .rtin-content:after { right: 0; left: inherit; } .rt-el-info-box.rtin-style-3.rtin-left-bottom .rtin-content { left: 35px; bottom: 45px; } .rt-el-info-box.rtin-style-3.rtin-left-top .rtin-content { left: 35px; top: 45px; } .rt-el-info-box.rtin-style-3.rtin-right-top .rtin-content { right: 35px; top: 45px; } .rt-el-info-box.rtin-style-3.rtin-right-bottom .rtin-content { right: 35px; bottom: 45px; } .rt-el-info-box.rtin-style-11 .rtin-content { top: 40px; left: 40px; bottom: inherit; right: inherit; text-align: left; } .rt-el-info-box.rtin-style-11 .rtin-btn { background-color: inherit; padding: 0 0 8px; border-radius: 0; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; color: #111111; display: inline-block; font-size: 14px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; bottom: 33px; left: 40px; } .rt-el-info-box.rtin-style-11 .rtin-btn:before { content: ""; height: 2px; width: 32px; background-color: #111111; bottom: -2px; left: 0; z-index: 2; position: absolute; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-info-box.rtin-style-11 .rtin-btn:after { display: none; } .rt-el-info-box.rtin-style-11 .rtin-btn:hover:before { visibility: visible; opacity: 1; width: 100%; } .rt-el-info-box.rtin-style-11 .rtin-btn:hover:after { color: #f26c4f; } .rt-el-info-box.rtin-style-4 .rtin-content { top: 25px; left: 25px; bottom: inherit; right: inherit; text-align: left; } .rt-el-info-box.rtin-style-4 .rtin-btn { background-color: inherit; padding: 0 0 8px; border-radius: 0; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; color: #444; border-bottom: 1px solid #c1c1c1; display: inline-block; font-size: 16px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-info-box.rtin-style-4 .rtin-btn:after { content: "\f105"; font-family: fontAwesome; padding-left: 10px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; font-size: inherit; vertical-align: inherit; } .rt-el-info-box.rtin-style-4 .rtin-btn:before { content: ""; height: 2px; width: 0%; background-color: #f26c4f; bottom: -2px; left: 0; z-index: 2; visibility: hidden; opacity: 0; position: absolute; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-info-box.rtin-style-4 .rtin-btn:hover:before { visibility: visible; opacity: 1; width: 100%; } .rt-el-info-box.rtin-style-4 .rtin-btn:hover:after { color: #f26c4f; } .rt-el-info-box.rtin-style-5 .rtin-content { top: 30px; left: 40px; bottom: inherit; right: inherit; text-align: left; } .rt-el-info-box.rtin-style-5 .rtin-title { font-size: 30px; font-weight: 400; } .rt-el-info-box.rtin-style-5 .rtin-subtitle { font-size: 30px; font-weight: 700; } .rt-el-info-box.rtin-style-5 .rtin-btn { bottom: 40px; left: 40px; color: #111111; background-color: #ffffff; -webkit-box-shadow: 0px 1px 1px 0px #cecece; box-shadow: 0px 1px 1px 0px #cecece; } .rt-el-info-box.rtin-style-5 .rtin-btn:hover { color: #ffffff; background-color: #f26c4f; -webkit-box-shadow: 0px 1px 1px 0px rgba(242, 108, 79, 0.008); box-shadow: 0px 1px 1px 0px rgba(242, 108, 79, 0.008); opacity: 1; } .rt-el-info-box.rtin-style-6 .rtin-img img { -webkit-transform: inherit !inherit; transform: inherit !inherit; } .rt-el-info-box.rtin-style-6 .rtin-content-area { position: absolute; left: 40px; bottom: 40px; z-index: 3; } .rt-el-info-box.rtin-style-6 .rtin-content { position: static; text-align: left; } .rt-el-info-box.rtin-style-6 .rtin-title { font-size: 30px; font-weight: 400; } .rt-el-info-box.rtin-style-6 .rtin-subtitle { font-size: 30px; font-weight: 700; } .rt-el-info-box.rtin-style-6 .rtin-btn { position: static; margin-top: 35px; bottom: 40px; left: 40px; color: #111111; background-color: #ffffff; -webkit-box-shadow: 0px 1px 1px 0px #cecece; box-shadow: 0px 1px 1px 0px #cecece; } .rt-el-info-box.rtin-style-6 .rtin-btn:hover { color: #ffffff; background-color: #f26c4f; -webkit-box-shadow: 0px 1px 1px 0px rgba(242, 108, 79, 0.008); box-shadow: 0px 1px 1px 0px rgba(242, 108, 79, 0.008); opacity: 1; } .rt-el-info-box.rtin-style-7 .rtin-content-area { position: absolute; left: 25px; bottom: 50px; z-index: 3; } .rt-el-info-box.rtin-style-7 .rtin-content { position: static; text-align: left; } .rt-el-info-box.rtin-style-7 .rtin-title { font-size: 28px; font-weight: 600; } .rt-el-info-box.rtin-style-7 .rtin-subtitle { font-size: 28px; font-weight: 300; } .rt-el-info-box.rtin-style-7 .rtin-btn { position: relative; bottom: inherit; left: inherit; background-color: inherit; padding: 0; border-radius: 0; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; color: #646464; border-bottom: 2px solid #c1c1c1; padding-bottom: 12px; font-size: 18px; line-height: 1.3; margin-top: 20px; display: inline-block; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-info-box.rtin-style-7 .rtin-btn:after { content: "\f105"; font-family: fontAwesome; padding-left: 10px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; font-size: inherit; vertical-align: inherit; } .rt-el-info-box.rtin-style-7 .rtin-btn:before { content: ""; height: 2px; width: 0%; background-color: #f26c4f; bottom: -2px; left: 0; z-index: 2; visibility: hidden; opacity: 0; position: absolute; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-info-box.rtin-style-7 .rtin-btn:hover:before { visibility: visible; opacity: 1; width: 100%; } .rt-el-info-box.rtin-style-7 .rtin-btn:hover:after { color: #f26c4f; } .rt-el-info-box.rtin-style-8 .rtin-content-area { position: absolute; z-index: 3; top: 50%; left: 45px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rt-el-info-box.rtin-style-8 .rtin-content { position: static; text-align: left; } .rt-el-info-box.rtin-style-8 .rtin-title { font-size: 24px; font-weight: 300; } .rt-el-info-box.rtin-style-8 .rtin-subtitle { font-size: 40px; font-weight: 700; margin-top: 10px; } .rt-el-info-box.rtin-style-8 .rtin-btn { position: relative; bottom: inherit; left: inherit; background-color: inherit; padding: 0; border-radius: 0; font-size: 18px; line-height: 1.3; color: #646464; display: inline-block; margin-top: 25px; font-weight: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; } .rt-el-info-box.rtin-style-8 .rtin-btn:after { font-family: inherit; padding: 0; font-size: inherit; vertical-align: inherit; color: inherit; content: ""; position: absolute; height: 3px; width: 0%; background-color: #ffffff; left: 0; bottom: -5px; z-index: 5; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .rt-el-info-box.rtin-style-8:hover .rtin-btn:after { width: 100%; } .rt-el-info-box.rtin-style-9 .rtin-content-area { position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media all and (max-width: 991.98px) { .rt-el-info-box.rtin-style-9 .rtin-content-area { left: 20%; } } @media all and (max-width: 767.98px) { .rt-el-info-box.rtin-style-9 .rtin-content-area { left: 15%; } } .rt-el-info-box.rtin-style-9 .rtin-content { position: static; text-align: left; } .rt-el-info-box.rtin-style-9 .rtin-title { font-size: 70px; font-weight: 700; } .rt-el-info-box.rtin-style-9 .rtin-subtitle { font-size: 20px; font-weight: 400; margin-top: 10px; } .rt-el-info-box.rtin-style-9 .rtin-btn { position: relative; bottom: inherit; left: inherit; background-color: inherit; padding: 0; border-radius: 0; font-size: 18px; line-height: 1.3; color: #646464; display: inline-block; margin-top: 25px; font-weight: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; } .rt-el-info-box.rtin-style-9 .rtin-btn:after { font-family: inherit; padding: 0; font-size: inherit; vertical-align: inherit; color: inherit; content: ""; position: absolute; height: 3px; width: 0%; background-color: #ffffff; left: 0; bottom: -5px; z-index: 5; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .rt-el-info-box.rtin-style-9:hover .rtin-btn:after { width: 100%; } .rt-el-info-box.rtin-style-10 { background-size: cover; background-repeat: no-repeat; overflow: hidden; } .rt-el-info-box.rtin-style-10 .rtin-item { position: relative; overflow: hidden; width: 100%; height: 200px; display: block; outline: none; } .rt-el-info-box.rtin-style-10 .rtin-item:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 20%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.1))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .rt-el-info-box.rtin-style-10 .rtin-item .rtin-img { position: absolute; left: 0; right: 0 !important; bottom: 0; z-index: 2; text-align: center; width: 100%; } .rt-el-info-box.rtin-style-10 .rtin-item .rtin-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-info-box.rtin-style-10 .rtin-item .rtin-title { display: block; position: absolute; bottom: 20px; left: 0; right: 0; z-index: 3; padding: 0; margin: 0; font-size: 30px; line-height: 1.3; font-weight: 400; text-align: center; } .rt-el-info-box.rtin-style-10 .rtin-item .rtin-title .rtin-title-inner { color: #ffffff; } .rt-el-info-box.rtin-style-10 .rtin-item:hover:before { -webkit-animation: shine 0.75s; animation: shine 0.75s; } .rt-el-info-box-2 { padding-left: 80px; position: relative; } @media all and (max-width: 991.98px) { .rt-el-info-box-2 { padding-left: 0 !important; } } @media all and (max-width: 767.98px) { .rt-el-info-box-2 { max-width: 360px; margin: 0 auto; } } @media all and (max-width: 991.98px) { .rt-el-info-box-2:after { content: ''; position: absolute; background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; top: 0; left: 0; } } .rt-el-info-box-2 .rtin-item { background-repeat: no-repeat; background-color: #f2f2f2; background-position: center; background-size: cover; } .rt-el-info-box-2 .rtin-content { position: absolute; left: 0; bottom: 30px; z-index: 3; } @media all and (max-width: 991.98px) { .rt-el-info-box-2 .rtin-content { padding-left: 20px; } } .rt-el-info-box-2 .rtin-title { font-size: 30px; line-height: 1.2; font-weight: 600; color: #2d2d2d; margin: 0; } .rt-el-info-box-2 .rtin-subtitle { color: #444444; margin: 10px 0 0; } .rt-el-info-box-2 .rtin-btn-area .rtin-btn { font-size: 14px; color: #000; font-weight: 700; position: relative; padding-bottom: 10px; display: inline-block; margin-top: 30px; } .rt-el-info-box-2 .rtin-btn-area .rtin-btn:after { content: ""; position: absolute; height: 2px; width: 30px; background-color: #f26c4f; left: 0; bottom: 0; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-info-box-2 .rtin-btn-area .rtin-btn:hover:after { width: 100%; } .rt-el-info-box-2.rtin-style-2 .rtin-content { top: 20px; bottom: inherit; } /*-------------------------------------- #. EL: Text With Button ---------------------------------------*/ @media all and (max-width: 767.98px) { .rt-el-text-with-btn { text-align: center; } } .rt-el-text-with-btn .rtin-title { color: #000; font-weight: 600; font-size: 36px; line-height: 1.3; margin-bottom: 0; } .rt-el-text-with-btn .rtin-subtitle { margin: 20px 0 0; color: #000; } .rt-el-text-with-btn .rtin-btn { font-size: 14px; background-color: #fff; padding: 18px 35px; border-radius: 2px; display: inline-block; margin-top: 30px; line-height: 1; color: #000; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-el-text-with-btn .rtin-btn:hover { background-color: #f26c4f; color: #fff; } /*-------------------------------------- #. EL: Banner With Link ---------------------------------------*/ .rt-el-banner-with-link a.rtin-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f3f3f3; } .rt-el-banner-with-link .rtin-btn { background-color: #fff; display: inline-block; padding: 12px 40px; border-radius: 2px; font-size: 15px; line-height: 1; font-weight: 500; color: #f26c4f; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rt-el-banner-with-link .rtin-btn:hover { background-color: #f26c4f; color: #fff; } /*-------------------------------------- #. EL: Sale Banner Slider ---------------------------------------*/ .rt-el-sale-banner-slider { background-color: #f9f9f9; border-radius: 4px; overflow: hidden; } .rt-el-sale-banner-slider .rtin-item { display: -webkit-box; display: -ms-flexbox; display: flex; } @media all and (max-width: 767.98px) { .rt-el-sale-banner-slider .rtin-item { height: inherit !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .rt-el-sale-banner-slider .rtin-left { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; } @media all and (max-width: 767.98px) { .rt-el-sale-banner-slider .rtin-left { display: block; width: inherit; padding: 30px; } } .rt-el-sale-banner-slider .rtin-left-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media all and (max-width: 767.98px) { .rt-el-sale-banner-slider .rtin-left-inner { display: block; } } .rt-el-sale-banner-slider .rtin-right { width: 50%; } @media all and (max-width: 767.98px) { .rt-el-sale-banner-slider .rtin-right { display: none; } } .rt-el-sale-banner-slider .rtin-title { font-size: 48px; line-height: 1.2; color: #111; margin: 0; font-weight: 700; } .rt-el-sale-banner-slider .rtin-title span { background-color: #f26c4f; color: #fff; padding: 12px 18px 2px; } .rt-el-sale-banner-slider .rtin-subtitle { color: #111; margin: 15px 0 0; } .rt-el-sale-banner-slider a.rtin-btn { color: #111; position: relative; padding-bottom: 7px; font-weight: 700; font-size: 14px; display: inline-block; margin-top: 35px; } .rt-el-sale-banner-slider a.rtin-btn:after { content: ""; position: absolute; width: 30px; height: 2px; z-index: 2; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; right: 0; margin: 0 auto; background-color: #f26c4f; } .rt-el-sale-banner-slider a.rtin-btn:hover:after { width: 100%; } .rt-el-sale-banner-slider .owl-numbered-dots-items { position: absolute; bottom: 10%; left: 0; } @media all and (max-width: 767.98px) { .rt-el-sale-banner-slider .owl-numbered-dots-items { position: static; margin-top: 35px; } } .rt-el-sale-banner-slider .owl-numbered-dots-items span { display: inline-block; color: #aaaaaa; font-size: 16px; margin-right: 5px; cursor: pointer; line-height: 1; } .rt-el-sale-banner-slider .owl-numbered-dots-items span:after { content: '/'; padding-left: 8px; color: #aaaaaa; font-size: 16px; } .rt-el-sale-banner-slider .owl-numbered-dots-items span:last-child:after { content: none; } .rt-el-sale-banner-slider .owl-numbered-dots-items span.active { color: #f26c4f; font-size: 30px; } /*-------------------------------------- #. EL: Button ---------------------------------------*/ .rt-el-btn.rtin-style-1 a { font-size: 16px; line-height: 1.3; font-weight: 500; color: #ffffff; background-color: #f26c4f; border-radius: 4px; padding: 15px 25px; display: inline-block; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-btn.rtin-style-1 a:after { content: "\f105"; font-family: fontAwesome; padding-left: 15px; line-height: 1.3; font-size: 17px; font-weight: 700; } .rt-el-btn.rtin-style-1 a:hover { opacity: 0.8; } .rt-el-btn.rtin-style-2 a { display: inline-block; font-size: 16px; line-height: 1.3; font-weight: 700; color: #111111; background-color: #ffffff; -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); padding: 18px 25px; border-radius: 4px; text-align: center; outline: none; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .rt-el-btn.rtin-style-2 a:after { content: "\f105"; font-family: fontAwesome; padding-left: 15px; line-height: 1.3; font-size: 17px; font-weight: 700; } .rt-el-btn.rtin-style-2 a:hover { color: #ffffff; background-color: #111111; } .rt-el-btn.rtin-style-3 a { display: inline-block; font-size: 16px; line-height: 1.3; font-weight: 700; color: #111111; background-color: #ffffff; padding: 15px 30px; border-radius: 4px; text-align: center; outline: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-btn.rtin-style-3 a:hover { opacity: 0.8; } .rt-el-btn.rtin-style-4 a { display: inline-block; font-size: 16px; line-height: 1; font-weight: 700; color: #111111; background-color: #ffffff; padding: 20px 32px; border-radius: 4px; text-align: center; outline: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-box-shadow: 14px 0px 18px rgba(93, 153, 161, 0.75); box-shadow: 14px 0px 18px rgba(93, 153, 161, 0.75); } .rt-el-btn.rtin-style-4 a:hover { background-color: #111111; color: #fff; } /*-------------------------------------- #. EL: Countdown ---------------------------------------*/ .rt-el-countdown-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 { display: block; } } .rt-el-countdown-1 .rtin-left { padding: 20px 0; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-right { display: none; } } .rt-el-countdown-1 .rtin-title-area { position: relative; padding-bottom: 12px; color: #ffffff; } .rt-el-countdown-1 .rtin-title-area .rtin-title { font-size: 30px; line-height: 1.3; font-weight: 300; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-title-area .rtin-title { font-size: 24px; } } .rt-el-countdown-1 .rtin-title-area .rtin-subtitle { margin-top: 5px; font-size: 42px; line-height: 1.3; font-weight: 600; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-title-area .rtin-subtitle { font-size: 36px; } } .rt-el-countdown-1 .rtin-price { margin-top: 5px; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-price { margin-top: 15px; } } .rt-el-countdown-1 .rtin-price .rtin-reg-price { margin-right: 10px; font-size: 18px; line-height: 1.3; font-weight: 700; color: #444444; text-decoration: line-through; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-price .rtin-reg-price { font-size: 16px; } } .rt-el-countdown-1 .rtin-price .rtin-sale-price { font-size: 30px; line-height: 1.3; color: #111111; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-price .rtin-sale-price { font-size: 26px; } } .rt-el-countdown-1 .rtin-coutdown { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 35px; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-coutdown { display: block; margin-top: 25px; } } .rt-el-countdown-1 .rtin-coutdown .rt-countdown-section { background-color: #fff; margin-right: 5px; text-align: center; padding: 10px 12px; border-radius: 4px; min-width: 85px; } @media all and (max-width: 991.98px) { .rt-el-countdown-1 .rtin-coutdown .rt-countdown-section { display: inline-block; margin-bottom: 5px; } } .rt-el-countdown-1 .rtin-coutdown .rt-countdown-section .rtin-count { font-size: 24px; line-height: 1; font-weight: 600; color: #f26c4f; margin-bottom: 5px; } .rt-el-countdown-1 .rtin-coutdown .rt-countdown-section .rtin-text { font-size: 16px; line-height: 1; color: #111111; } .rt-el-countdown-1.coutdown-new-2 .rtin-title-area .rtin-subtitle { margin-top: 5px; font-size: 36px; line-height: 1.3; font-weight: 700; } @media all and (max-width: 767.98px) { .rt-el-countdown-1.coutdown-new-2 .rtin-title-area .rtin-subtitle { font-size: 30px; } } .rt-el-countdown-1.coutdown-new-2 .rtin-title-area .rtin-title { font-size: 30px; line-height: 1.3; font-weight: 500; } .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; } @media all and (max-width: 991.98px) { .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown { display: block; margin-top: 25px; } } .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown .rt-countdown-section { background-color: #fff; margin-right: 10px; text-align: center; min-width: 90px; min-height: 90px; border-radius: 50%; font-family: Josefin Sans, sans-serif; -webkit-box-shadow: 14px 0px 18px rgba(93, 153, 161, 0.75); box-shadow: 14px 0px 18px rgba(93, 153, 161, 0.75); } @media all and (max-width: 767.98px) { .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown .rt-countdown-section { display: inline-block; margin-bottom: 5px; min-width: 70px; min-height: 70px; } } .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown .rt-countdown-section .rtin-count { font-size: 30px; line-height: 1; font-weight: 600; color: #111111; margin-bottom: 3px; margin-top: 8px; } @media all and (max-width: 767.98px) { .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown .rt-countdown-section .rtin-count { font-size: 24px; } } .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown .rt-countdown-section .rtin-text { font-size: 18px; line-height: 1; } @media all and (max-width: 767.98px) { .rt-el-countdown-1.coutdown-new-2 .rtin-coutdown .rt-countdown-section .rtin-text { font-size: 15px; } } .rt-el-countdown-1.coutdown-new-3 .rtin-title-area .rtin-subtitle { margin-top: 5px; font-size: 36px; line-height: 1.3; font-weight: 700; text-transform: uppercase; position: relative; } @media all and (max-width: 767.98px) { .rt-el-countdown-1.coutdown-new-3 .rtin-title-area .rtin-subtitle { font-size: 30px; } } .rt-el-countdown-1.coutdown-new-3 .rtin-title-area .rtin-subtitle:after { position: absolute; content: ""; left: 0; bottom: -15px; height: 2px; width: 50px; background-color: #242424; } .rt-el-countdown-1.coutdown-new-3 .rtin-title-area { margin-bottom: 20px; } .rt-el-countdown-1.coutdown-new-3 .rtin-title-area .rtin-title { font-size: 30px; line-height: 1.3; font-weight: 500; } .rt-el-countdown-1.coutdown-new-3 .rtin-price.View-2 { margin-top: 30px; } .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; } @media all and (max-width: 991.98px) { .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown { display: block; margin-top: 25px; } } .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown .rt-countdown-section { background-color: #fff; margin-right: 10px; text-align: center; min-width: 90px; min-height: 90px; border-radius: 50%; font-family: Josefin Sans, sans-serif; -webkit-box-shadow: 14px 0px 18px rgba(0, 0, 0, 0.075); box-shadow: 14px 0px 18px rgba(0, 0, 0, 0.075); } @media all and (max-width: 767.98px) { .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown .rt-countdown-section { min-width: 70px; min-height: 70px; margin-right: 5px; } } @media all and (max-width: 991.98px) { .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown .rt-countdown-section { display: inline-block; margin-bottom: 5px; } } .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown .rt-countdown-section .rtin-count { font-size: 30px; line-height: 1; font-weight: 600; color: #111111; margin-bottom: 3px; margin-top: 8px; } .rt-el-countdown-1.coutdown-new-3 .rtin-coutdown .rt-countdown-section .rtin-text { font-size: 18px; line-height: 1; } .rt-el-countdown-1.coutdown-new-3 .rtin-price { padding-left: 5px; } .rt-el-countdown-1.coutdown-new-3 .rtin-price .rtin-sale-price { font-weight: 700; } .rt-el-countdown-1.coutdown-new-3 .rtin-price .rtin-reg-price { color: #8d8d8d; margin: 0 0 0 10px; } .rt-el-countdown-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media all and (max-width: 991.98px) { .rt-el-countdown-2 { display: block; text-align: center; } } .rt-el-countdown-2 .rtin-left { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media all and (max-width: 991.98px) { .rt-el-countdown-2 .rtin-left { margin-bottom: 20px; } } .rt-el-countdown-2 .rtin-middle { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 35px; } @media all and (max-width: 991.98px) { .rt-el-countdown-2 .rtin-middle { margin: 0 0 30px; } } .rt-el-countdown-2 .rtin-right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .rt-el-countdown-2 .rtin-title { font-size: 40px; line-height: 1.3; font-weight: 300; color: #111111; } .rt-el-countdown-2 .rtin-subtitle { font-size: 18px; line-height: 1.3; margin-bottom: 0; } .rt-el-countdown-2 .rtin-content { margin-top: 25px; } .rt-el-countdown-2 a.rtin-btn { padding: 20px 30px; margin-top: 30px; } .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-top, .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } @media all and (max-width: 991.98px) { .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-top, .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-bottom { display: inline-block; } } .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-top { margin-bottom: 10px; } @media all and (max-width: 991.98px) { .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-top { margin: 0 10px 0 0; } } @media all and (max-width: 575.98px) { .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section-top { margin: 0 0 10px 0; } } .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section { background-color: #fff; text-align: center; padding: 10px 12px; border-radius: 4px; min-width: 110px; min-height: 110px; -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section .rtin-count { font-size: 32px; line-height: 1; font-weight: 700; color: #111111; margin-bottom: 8px; } .rt-el-countdown-2 .rtin-coutdown .rt-countdown-section .rtin-text { font-size: 22px; line-height: 1; } .discount-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media all and (max-width: 991.98px) { .discount-area { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .discount-area .discount-area-left { font-size: 60px; line-height: 1; color: #111111; font-weight: 600; margin-right: 15px; } .discount-area .discount-area-top { font-size: 24px; line-height: 1.3; color: #111111; } .discount-area .discount-area-bottom { font-size: 20px; line-height: 1.3; color: #333333; } .rt-el-countdown-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media all and (max-width: 767.98px) { .rt-el-countdown-3 { display: block; text-align: center; } } .rt-el-countdown-3 .rtin-left img { margin-bottom: 30px; } @media all and (max-width: 767.98px) { .rt-el-countdown-3 .rtin-right { display: none; } } .rt-el-countdown-3 .rtin-coutdown { display: -webkit-box; display: -ms-flexbox; display: flex; } @media all and (max-width: 767.98px) { .rt-el-countdown-3 .rtin-coutdown { display: block; } } .rt-el-countdown-3 .rtin-coutdown .rt-countdown-section { min-width: 105px; background-color: #f26c4f; color: #fff; margin-right: 7px; text-align: center; padding: 12px 18px; border-radius: 4px; -webkit-box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); box-shadow: 0px 1px 1px 0px rgba(206, 206, 206, 0.75); } @media all and (max-width: 767.98px) { .rt-el-countdown-3 .rtin-coutdown .rt-countdown-section { display: inline-block; margin-bottom: 5px; } } .rt-el-countdown-3 .rtin-coutdown .rt-countdown-section .rtin-count { font-size: 26px; line-height: 1; font-weight: 700; margin-bottom: 5px; } .rt-el-countdown-3 .rtin-coutdown .rt-countdown-section .rtin-text { font-size: 18px; line-height: 1; } .rt-el-countdown-3 a.rtin-btn { margin-top: 30px; background-color: #111; } @media all and (max-width: 767.98px) { .rt-el-countdown-3 a.rtin-btn { margin-top: 20px; } } .scheme-black .rt-el-countdown-3 .rtin-coutdown .rt-countdown-section { color: #111; background-color: #fff; } /*-------------------------------------- #. EL: Video ---------------------------------------*/ .rt-el-video { text-align: center; position: relative; border-radius: 4px; } .rt-el-video:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border-radius: 4px; } .rt-el-video .rtin-content { position: relative; } .rt-el-video .rtin-content .rtin-title { font-size: 50px; line-height: 1.1; color: #ffffff; font-weight: 300; margin-bottom: 25px; } .rt-el-video .rtin-content .rtin-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #ffffff; border-radius: 25px; color: #ffffff; padding: 2px 3px 2px 20px; } .rt-el-video .rtin-content .rtin-btn i { font-size: 36px; line-height: 1; margin-left: 13px; background-color: transparent; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-video .rtin-content .rtin-btn:hover i { background-color: #ff0000; } /*-------------------------------------- #. EL: Vertical Menu ---------------------------------------*/ @media all and (min-width: 1025px) { .rt-el-vertical-menu .vertical-menu-area .vertical-menu-btn img.rtin-crossbar { display: none; } .rt-el-vertical-menu .vertical-menu-area .vertical-menu-btn img.rtin-menubar { opacity: 1; visibility: visible; } .rt-el-vertical-menu .vertical-menu-area .vertical-menu { opacity: 1; visibility: visible; } .rt-el-vertical-menu .vertical-menu-area .vertical-menu ul.menu { position: relative; width: 100%; -webkit-box-shadow: none; box-shadow: none; } } /*-------------------------------------- #. EL: Contact ---------------------------------------*/ .rt-el-contact ul { list-style-type: none; margin: 0; padding: 0; } .rt-el-contact ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; } .rt-el-contact ul li .rtin-icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 30px; } .rt-el-contact ul li .rtin-icon i { font-size: 35px; line-height: 1; color: #444; } .rt-el-contact ul li .rtin-content .rtin-label { font-size: 20px; line-height: 1.3; font-weight: 600; color: #111111; margin-bottom: 10px; } .rt-el-contact ul li .rtin-content .rtin-value { margin: 0; color: #444444; } .rt-el-contact ul li .rtin-content .rtin-value a { color: #444444; } /*------------------------------------- #. EL: Accordion ---------------------------------------*/ .rt-el-accordion .card { border: none; border-bottom: 1px solid #ddd; } .rt-el-accordion .card:last-child { border: none; } .rt-el-accordion .card .card-header { background: inherit; border: none; padding: 0; } .rt-el-accordion .card .card-header a { color: #111111; display: block; padding: 20px 35px 20px 0; font-size: 24px; line-height: 1.5; cursor: pointer; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position: relative; } .rt-el-accordion .card .card-header a:before { font-family: FontAwesome; content: "\f106"; font-size: 20px; line-height: 1; font-weight: 700; right: 14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #434343; z-index: 1; position: absolute; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-accordion .card .card-header a.collapsed { color: #646464; } .rt-el-accordion .card .card-header a.collapsed:hover { color: #111111; } .rt-el-accordion .card .card-header a.collapsed:before { content: "\f107"; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .rt-el-accordion .card .card-body { padding: 0 0 20px; } @media (min-width: 1200px) { .col-12.col-lg-4.col-xl-4.rtin-big { -ms-flex: 0 0 36%; -webkit-box-flex: 0; flex: 0 0 36%; max-width: 36%; } } @media (min-width: 1200px) { .col-12.col-lg-8.col-xl-8.rtin-small { -ms-flex: 0 0 64%; -webkit-box-flex: 0; flex: 0 0 64%; max-width: 64%; } }