/* * Swiper 4.1.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 11, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: relative; } .tvcmsblog-slider .tvcmsmain-prev .swiper-button-prev:hover i, .tvcmsblog-slider .tvcmsmain-next .swiper-button-next:hover i{ color: #76bd42; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullet { width: 11px; height: 11px; display: inline-block; background: #bebdbd; margin: 0 6px; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #76bd42; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #222222; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #222222; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /***************************************START SWIPER_SLIDER**************************************/ /* * Custom code goes here. * A template should always ship with an empty custom.css */ #left-column{ padding-left: 0; } #left-column{ padding-left: 0; margin-top: 30px; } #pagenotfound #content-wrapper .tvpage-header-name h1{ text-align: left; } #pagenotfound #content-wrapper #main, #search #content-wrapper #main{ text-align: center; margin-top: 30px; } #content-wrapper{ padding-right: 0; margin-top: 30px; } @media (max-width: 767px){ /* #content-wrapper{ padding: 0 15px !important; }*/ #left-column{ padding: 0 15px !important; overflow: hidden; } #content-wrapper{ padding: 0 15px; } } .tvcmsgrid-view-product{ margin-left: -15px; margin-right: -15px; overflow: hidden; } .btn:focus{ outline: none !important; } #category .form-control:focus #category .input-group.focus:focus{ outline: none; } @media(max-width: 575px){ #category #left-column{ padding-left: 15px; } #category #content-wrapper{ padding-right: 15px; } } /****************************ThemeVolty START loading******************************************/ .tvcms-loading-overlay{ position: fixed; top: 0; width: 100%; height: 100%; background-color: #FFF; display: block; z-index: 10000; } .tvcms-loading-overlay .tvcms-loading-inner img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /****************************ThemeVolty END loading******************************************/ /******************START CATEGORY SLIDER********************/ .tvcmscategory { width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; cursor: url(../img/icon-move-black.png), move; } .tvcmscategory .tvcategory-wrapper-content { overflow: hidden; padding: 50px 0; } .tvcmscategory .tvcategory-info img{ width: 100%; } .tvcmscategory .tvcategory-wrapper{ position: relative; border:5px solid #fff; overflow: hidden; } .tvcmscategory .tvcategory-slider-infobox{ background-color:#76bd42; text-align: center; padding: 25px 0; position: absolute; bottom: -150px; width: 100%; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tvcmscategory .tvcategory-slider-infobox .tvcategory-titel{ font-size: 24px; color: #000; font-weight: 400; } .tvcmscategory .tvcategory-wrapper:hover .tvcategory-slider-infobox{ bottom: 0; } .tvcmscategory .tvcategory-slider-wrapper{ padding: 50px 0 0 0; } @media (max-width: 991px){ .tvcmscategory .tvcategory-slider-infobox{ bottom: 0; } } @media (max-width: 767px){ .tvcmscategory .tvcategory-slider-infobox .tvcategory-titel{ font-size: 18px; } .tvcmscategory .tvcategory-slider-infobox{ padding: 15px 0; } } @media (min-width: 768px){ .tvcmscategory .tvcategory-slider-wrapper{ margin-left: -15px; margin-right: -15px; } } /******************END CATEGORY SLIDER********************/ /***********************Start bottm space*********************/ .tvcmscustomer-services, .tvcmsspecial-product-offer-banner, .tvcmsofferbanners-two, .tvcmstab-product, .tvcmsmultibanners, .tvcmsmain-block, .tvcmsbest-seller-product, .tvcmsfeatured-product, .tvcmsnew-product, .tvcmstestimonial, .tvcmstesimonial-blog-post{ margin-bottom: 60px; overflow: hidden; } @media(max-width: 991px ){ .tvcmscustomer-services, .tvcmsspecial-product-offer-banner, .tvcmsofferbanners-two, .tvcmstab-product, .tvcmsmultibanners, .tvcmsmain-block, .tvcmsbest-seller-product, .tvcmsfeatured-product, .tvcmsnew-product, .tvcmstestimonial, .tvcmstesimonial-blog-post{ margin-bottom: 30px; } } /**********************End Bottom Space*************************/ #product_comparison .thumbnail-container img{ width: 250px; max-width: 250px; } #product_comparison .tvcmscomparison .tvcmsproduct-compare-list{ background-color: transparent; border:none; cursor: pointer; } #product_comparison .tvcmscomparison .tvcmsproduct-compare-list:focus{ outline: none; } #product_comparison .tvcompare-hover-img{ position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: 0.3s ease-in-out; } #product_comparison .tvcmscomparison .thumbnail-container{ position: relative; display: block; } #product_comparison .tvcmscomparison:hover .tvcompare-hover-img{ opacity: 1; } #product_comparison .product-description .final-price{ color: #000; font: 600 16px/18px 'IBM Plex Sans', sans-serif;} #product_comparison .product-description .price{ color: #666; font: 500 14px/18px 'IBM Plex Sans', sans-serif; text-decoration: line-through; } #product_comparison .product-description .discount{ font: 500 13px/18px 'IBM Plex Sans', sans-serif; color: #76bd42; margin: 0 3px; } #product_comparison .product-description .product-desc p{ margin:10px 0; } #product_comparison .product-description{ margin-top: 10px; } #product_comparison .product-description .product-title a{ color: #666; font: 400 16px/18px 'IBM Plex Sans', sans-serif; text-transform: capitalize; } #product_comparison .product-description .product-title a:hover{ color: #222; } #product_comparison .product-add-to-cart .btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 14px; padding: 2px 7px; line-height: 38px; letter-spacing: 0.5px; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } #product_comparison .product-add-to-cart .btn i{ font-size: 20px; } #product_comparison .product-add-to-cart .btn:hover{ background: #000; color: #ffffff; } #product_comparison .tvcmscomparison .product-description .product-desc{ font-size: 14px; color: #666; font-weight: 400; line-height: 20px; text-align: left !important; } #module-tvcmsproductcompare-productcomparelist #product_comparison{ border: none; } @media (max-width: 991px){ #product_comparison .compare_extra_information{ width: 100%; } #product_comparison td{ display: block; float: left; width: auto; margin-top: 20px; text-align: center; } #product_comparison .comparison_feature_odd.feature-name{ width: 100%; text-align: center; } #module-tvcmsproductcompare-productcomparelist .card { border :none; padding:0; } #module-tvcmsproductcompare-productcomparelist .tvproduct-add-to-cart span{ display: none; } } @media (min-width: 576px) and (max-width: 768px){ #product_comparison .tvcmscomparison{ width: 100%; } } @media (max-width: 767px){ #product_comparison .thumbnail-container img{ width: 100%; } } @media (max-width: 575px){ #product_comparison .tvcmscomparison{ width: 100%; } } @media (min-width: 768px) and (max-width: 991px){ #product_comparison .product-description .discount{ margin: 0; } #product_comparison .product-description .final-price{ font-size: 11px; } #product_comparison .product-description .price{ font-size: 11px; } } /******************END COMPARE********************/ /***************************START ALL BANNERS HOVER**********************************/ @-webkit-keyframes ani { 25% {left: 100%;} 75% {left: 200%;} 100% {left: 300%} } @keyframes ani { 0%{top:0;} 25% {left: 100%; top:100%;} 75% {left: 300%; top:400%;} 100% {left: 400%; top:200%;} } .tvbanner-hover-wrapper, .tvspecial-offer-banner{ position:relative; overflow:hidden; display:block; cursor:pointer; padding: 0; } .tvbanner-hover-wrapper .tvbanner-hover{ width:0%; height:0%; background:rgba(0,0,0,0) linear-gradient(to right,rgba(128,128,128,0) 0%,rgba(255,255,255,.3) 100%) repeat scroll 0 0; position:absolute; top:0; left:-150%; -webkit-transform:skewY(-78deg); -o-transform:skewY(-78deg); -ms-transform:skewY(-78deg); -moz-transform:skewY(-78deg); transform:skewY(-78deg); -webkit-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; transition:0.2s ease-in-out; box-shadow:7px 1px 18px 12px rgba(255,255,255,0.2); } .tvbanner-hover-wrapper img{ width: 100%; } .tvbanner-hover-wrapper:hover .tvbanner-hover{ animation-direction:2s; animation:ani 5s infinite; -webkit-animation:ani 5s infinite; width:100%; height:100%; } @media(max-width: 575px){ .tvbanner-hover-wrapper, .tvspecial-offer-banner{ margin-bottom: 15px; } } /***************************END ALL BANNERS HOVER**********************************/ /*******************START BANNER*****************/ .tvcmsofferbanners-one { padding: 30px 0; } .tvcmsofferbanners-one .tvone-banner-wrapper-info{ padding: 0; } @media (min-width: 768px){ .tvtwo-banner-wrapper-box, .tvmultibanner2-wrapper{ margin-left: -15px; margin-right: -15px; } } @media (max-width: 767px){ .tvcmsofferbanners-one .tvcmstvcmsofferbanners{ padding: 0 15px; } .tvmultibanner2-wrapper{ text-align: center; } .tvmultibanner2-wrapper img{ width: auto; border-radius: 5px; } } /*******************END BANNER*****************/ /************************************START BLO POST*******************************/ #module-tvcmsblog-archive .tvcmsblog-slider-pagination{ text-align: center; } .tvcmsblog-next-pre-btn .tvcmsmain-prev:before, .tvcmsblog-next-pre-btn .tvcmsmain-next:before{ line-height: 36px; } .tvcmsblog-slider-pagination{ position: absolute; top: 50%; width: 100%; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev, .tvcmsblog-slider-pagination .tvcmsblog-slider-next{ position: absolute; top: 0; bottom: 0; margin: auto; z-index: 1; border: none; width: 35px; height: 35px; line-height: 35px; cursor: pointer; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev:before, .tvcmsblog-slider-pagination .tvcmsblog-slider-next:before{ content: ""; width: 35px; height: 35px; background: #eeeeee; position: absolute; border-radius: 5px; left: 0; display: inline-block; vertical-align: top; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev:hover:before, .tvcmsblog-slider-pagination .tvcmsblog-slider-next:hover:before{ background-color: #76bd42; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev:after, .tvcmsblog-slider-pagination .tvcmsblog-slider-next:after{ content: ""; width: 35px; height: 35px; border: 1px solid #eeeeee; position: absolute; border-radius: 5px; top: 0; bottom: 0; cursor: pointer; opacity: 1; margin: auto; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev:hover:after, .tvcmsblog-slider-pagination .tvcmsblog-slider-next:hover:after{ border: 1px solid #76bd42; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev:after{ right: 7px; } .tvcmsblog-slider-pagination .tvcmsblog-slider-next:after{ left: 7px; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev i, .tvcmsblog-slider-pagination .tvcmsblog-slider-next i{ color: #000; font-size: 20px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position: relative; z-index: 2; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev:hover i, .tvcmsblog-slider-pagination .tvcmsblog-slider-next:hover i{ color: #ffffff; } .tvcmsblog-slider-pagination .tvcmsblog-slider-prev{ left: 15px; } .tvcmsblog-slider-pagination .tvcmsblog-slider-next{ right: 15px; } .tvcmstesimonial-blog-post .tvtestimonial-full-width{ margin-bottom: 50px; } /*******************************SENDS BLO POST*******************************/ /****************************START TESTIMONIAL*****************s***********/ .tvcmstestimonial .tvcms-main-title .tvtitle{ color: #ffffff; } .tvtestimonial-info-all-block{ overflow: hidden; margin: 0 auto; width: 90%; } .tvtestimonial-wrapper{ padding: 0 15px; } .tvcmstestimonial .tvtestimonial:after{ content: ""; position: absolute; } .tvtestimonial-inner-info-box{ text-align: center; } .tvcmstestimonial{ background-attachment: fixed; padding: 30px 0; position: relative; background-size: cover; background-repeat: no-repeat; } .tvtestimonial-title a{ font: 400 18px/normal 'IBM Plex Sans', sans-serif; color: #ffffff; display: inline-block; margin: 15px 0; text-transform: capitalize; } .tvtestimonial-title{ position: relative; background: url("../../assets/img/themevolty/Testimonial-Image.png") no-repeat center bottom; width: 100%; padding-bottom: 10px; margin: 0 auto; } .tvtestimonial-designation{ font: 400 13px/16px 'Poppins', sans-serif; color: #76bd42; font-style: italic; margin-bottom: 20px; } .tvtestimonial-img{ width: 120px; height: 120px; margin: auto; } .tvtestimonial-img img{ width: 100%; } .tvtestimonial-dec{ font: 400 13px/23px 'IBM Plex Sans', sans-serif; color: #ffffff; padding-top: 15px; } .tvtestimonial-info-box{ margin: auto; } .tvtestimonial-pagination{ text-align: center; padding-top: 20px; } @media(max-width: 1199px){ .tvtestimonial-title a:after{ height: 19px; width: 19px; bottom: -9px; } } @media(max-width: 991px){ .tvcmstestimonial{ background-position: 99%!important; } } @media(min-width: 576px) and (max-width: 767px){ .tvtestimonial{ padding: 0 15px; } } @media(max-width: 767px){ .tvtestimonial-info-all-block{ width: 100%; } } @media(max-width: 575px){ .tvtestimonial-info-box{ width: 100%; } .tvcmstestimonial{ padding: 30px 15px; } .tvtestimonial-wrapper{ padding: 0; } } @media(max-width: 360px){ .tvcmstestimonial .tvcmsmain-prev, .tvcmstestimonial .tvcmsmain-next{ top: 45%; } } /****************************END TESTIMONIAL***********************/ /****************************END NEW-EVENT***********************/ .tvcmstesimonial-blog-post{ clear: both; background: #ffffff none repeat scroll 0 0; } .tvblog-content-box{ margin-bottom: 15px; } .tvcmsnews-event .blog_pos{ overflow: hidden; background: #ffffff none no-repeat scroll 0 0; border-bottom: 1px solid #eeeeee; position: relative; } .tvnews-event-title-paging{ overflow: hidden; } .tvnews-event{ background-color: transparent; overflow: hidden; width: 100%; } .tvcmstesimonial-blog-post .tvcmsnews-event{ padding: 0; } .tvcmsnews-event .tvblog-title-background-text{ position: relative; font-weight: normal; margin-top: 10px; } .tvcmsnews-event .tvdate-time { } .tvcmsnews-event .tvdate-time .tvday-time, .tvcmsnews-event .tvdate-time .tvmonth-time, .tvcmsnews-event .tvdate-time .tvyear-time{ text-align: center; } .tvcmsnews-event .tv-main-title .tvnews-event-des-title{ display: none; } .tvcmsnews-event .tvnews-event-description{ color: #888; font: 400 13px/23px 'IBM Plex Sans', sans-serif; margin: 0; } .tvcmsnews-event .tvnews-event-content{ position: relative; } .tvcmsnews-event .post_thumbnail a{ width: 100%; height: 100%; display: block; position: relative; } .tvcmsnews-event .post_thumbnail .tvnews-event-username{ display: none; } .tvcmsnews-event .blog_post_content_top .post_thumbnail{ position: relative; padding: 0; } .tvcmsnews-event .post_meta{ width: 100%; overflow: hidden; } .tvcmsnews-event .tvblog-date-username{ text-align: center; overflow: hidden; float: left; } .tvcmsnews-event .swiper-slide{ margin-bottom: 10px; } .tvcmsnews-event .tvblog-titel-post_meta{ overflow: hidden; margin-bottom: 10px; } .tvcmsnews-event .img_content img{ width: 100%; } .tvblog-username-titel{ position: absolute; top: 15px; padding: 5px; background: #76bd42; left: -50px; border-radius: 5px; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tvcmsnews-event .tvnews-wrapper .blog_pos:hover .tvblog-username-titel{ left: 15px; } .tvcmsnews-event .tvnews-wrapper .blog_pos .tvblog-username-titel:hover{ background: #000000; } .tvcmsnews-event .tvdate-time .tvmonth-time p, .tvcmsnews-event .tvdate-time .tvday-time p, .tvcmsnews-event .tvdate-time .tvyear-time p { color: #ffffff; font: 400 13px/normal 'IBM Plex Sans', sans-serif; margin: 0; } .tvcmsnews-event .tvnews-event-username i{ color: #222222; font-size: 14px; display: inline-block; margin: 1px 5px; } .tvcmsnews-event .tvnews-event-username p{ display: inline-block; color: #222222; font: 400 13px/normal 'Cabin',sans-serif; margin: 0; } .tvcmsnews-event .tvnews-event-titel .post_title{ color: #000000; font: 600 18px/24px 'Playfair Display', serif; margin-bottom: 10px; display: block; letter-spacing: 0.2px; } .tvcmsnews-event .tvnews-event-titel a:hover{ color: #666666; } .tvcmsnews-event .tvnews-event-titel{ width: 100%; overflow: hidden; } .tvblog-event-img-content .tvblog-post_meta-post_content{ padding: 15px; text-align: center; } .tvcmsnews-event .blog_mask_content{ display: none; } .tvcmsnews-event .tvnews-event-hoverbtn { width: 100%; overflow: hidden; position: relative; } .tvcmsnews-event .tvnews-event-hoverbtn .tvblog-content-img { width: 100%; position: relative; -webkit-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; background-position: center; background-size: cover; height: 245px; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-ovrly{ background: rgba(0,0,0,1); height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tvnews-event-read-more .tvnews-event-read-more-link a{ color: #76bd42; font: 400 12px/30px 'IBM Plex Sans', sans-serif; height: 30px; cursor: pointer; display: block; float: right; text-transform: capitalize; } .tvcmsnews-event .tvnews-event-read-more{ text-align: right; } .tvcmsnews-event .tvnews-event-read-more-link a i{ font-size: 15px; color: #76bd42; } .tvnews-event-read-more .tvnews-event-read-more-link a:hover, .tvnews-event-read-more .tvnews-event-read-more-link a:hover i{ color: #222; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons i{ display: inline-block; font-size: 20px; text-align: center; text-decoration: none; color: #ffffff; opacity: 0; height: 30px; width: 30px; line-height: 30px; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); position: relative; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons i:hover{ color: #ffffff; } .tvcmsnews-event .tvnews-wrapper .blog_pos:hover .tvnews-event-buttons i { opacity: 1; font-size: 22px; font-weight: 400; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .tvcmsnews-event .tvnews-wrapper .blog_pos:hover .tvnews-event-ovrly { opacity: 0.5; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons:after { content: ""; height: 40px; width: 40px; border: 1px solid #76bd42; position: absolute; right: 2px; top: -5px; opacity: 0; border-radius: 5px; z-index: -1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons:before { content: ""; height: 40px; width: 40px; background: #76bd42; position: absolute; left: -5px; top: -5px; border-radius: 5px; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .tvcmsnews-event .tvnews-wrapper .blog_pos:hover .tvnews-event-buttons:after, .tvcmsnews-event .tvnews-wrapper .blog_pos:hover .tvnews-event-buttons:before{ opacity: 1; } .tvcmsnews-event .tvnews-wrapper .blog_pos:hover .tvnews-event-buttons { border-radius: 100%; } .tvcmsnews-event .tvnews-event-link{ text-align: right; display: block; float: right; } .tvcmsnews-event .tvcmsnews-pagination{ margin-top: 30px; } .tvcmsnews-event .tvnews-event-link a{ color: #6b6a6a; font-weight: 400; font-size: 14px; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; text-transform: capitalize; } .kr_blog_post_inner{ overflow: hidden; margin: 0 -15px; } .tvcmsnews-event .tvnews-event-link a:hover{ color: #222222; } .tvcmsnews-event .tvnews-event-link i{ font-size: 18px; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } @media(min-width: 992px) and (max-width: 1199px){ .tvcmsnews-event .tvnews-event-hoverbtn .tvblog-content-img{ height: 150px; } } @media (max-width:991px){ #module-tvcmsblog-single .tvcmsleftpannel-testimonial-slider .tvleftpannel-testimonial_dec{ padding: 0 11px; } .tvcmsnews-event .tvnews-wrapper .blog_pos .tvblog-username-titel{ left: 15px; } } @media (min-width: 768px){ .tvtestimonial-blog-post .tvnews-event-wrapper-mobile-desktop-slider{ margin-left: -15px; margin-right: -15px; } } @media(max-width: 767px){ .tvcmsnews-event .tvnews-event-link{ margin-right: 15px; } } @media (min-width: 576px) and (max-width: 767px){ .tvcmsnews-event .tvnews-event-hoverbtn .tvblog-content-img{ height: 145px; } } @media(max-width: 575px){ .tvnews-event{ padding: 0 15px; } .tvblog-content-box { padding: 0; } .tvtestimonial-blog-post{ margin-top: 30px; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons:after, .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons:before{ width: 30px; height: 30px; } .tvcmsnews-event .tvnews-event-hoverbtn .tvnews-event-buttons i{ width: 20px; height: 20px; line-height: 20px; font-size: 18px; } } /****************************END NEW-EVENT***********************/ /***************************START SERVICE*********************/ .tvcmscustomer-services .tvservices-center{ border: none; padding: 0 15px; margin: 0; } .tvcmscustomer-services .tvservices-img{ margin-right: 10px; } .tvcmscustomer-services .tvservices-img img{ width: auto; max-width: none; } .tvcmscustomer-services .tvservices-img-wrapper:hover img{ opacity: .6; } .tvcmscustomer-services .tvservices-img-wrapper{ background-color: #ffffff; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .tvcmscustomer-services .tvservices-img i{ font-size: 40px; color: #666666; -webkit-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; } .tvcmscustomer-services .tvservices-info{ position: relative; z-index: 1; display: block; overflow: hidden; } .tvservices-img-wrapper .tvservices-content-box{ background-color: #fafafa; } .tvcmscustomer-services .tvservices-title{ color: #000000; font: 500 16px/normal 'Playfair Display', serif; display: block; margin-bottom: 5px; text-transform: capitalize; } .tvcmscustomer-services .tvservice-dec{ color: #888888; font: 400 13px/20px 'IBM Plex Sans', sans-serif;} .tvcmscustomer-services .tvservices-1, .tvcmscustomer-services .tvservices-2, .tvcmscustomer-services .tvservices-3, .tvcmscustomer-services .tvservices-4{ padding: 10px; border: 1px dashed #e1e1e1; border-radius: 5px; } @media(max-width: 1199px){ .tvcmscustomer-services .tvservices-info{ text-align: left; } } @media(min-width: 768px){ .tvcmscustomer-services .tvservice-inner-wrapper{ margin: 0 -15px; } } @media(min-width: 576px) and (max-width: 991px){ .tvcmscustomer-services .tvservices-center { width: 50%; float: left; margin-bottom: 15px; } .tvcmscustomer-services .tvservice-inner{ display: block !important; } } @media(max-width: 575px){ .tvcmscustomer-services .tvservices-center { margin-bottom: 15px; } .tvservices-center:last-child{ margin-bottom: 0; } } /***************************END SERVICE*********************/ /****************************START LEFT PANEL***************************/ /****************start banner**************/ .tvcmsleft-offer-banner{ margin-bottom: 30px; } .tvcmsleft-offer-banner img{ width: 100%; } .tvcategory-cover{ margin-bottom: 20px; } @media(max-width: 767px){ .tvcmsleft-offer-banner img{ width: auto; border-radius: 5px; } .tvcmsleft-offer-banner{ text-align: center; } } /********end right banner**********/ .tvright-panel-titel{ color: #444; font-size: 18px; } .tvright-panel-description p{ font-size: 14px; color: #676767 !important; margin:0; } #tvright-panel-description p{ margin: 0; } #tvright-panel-description{ color: #666; font: 400 14px/20px 'Cabin',sans-serif; } /*************************END RIGHT PANEL****************************************/ /****************************END ALL PRODUCTS Reviews***********************/ .tvReviews .btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 14px; height: 38px; min-width: 165px; max-width: 80%; padding:0 10px; line-height: 38px; margin: 0; } .tvReviews .btn:hover{ background-color: #222222; color: #ffffff; } .tvcmsproducts-section-title{ font-size: 18px; } .tvcmsproduct_comments_block_tab h4{ color: #222222; font-weight: 500; font-size: 13px; } /****************************END ALL PRODUCTS Reviews***********************/ /********************************start review star********************/ #tvcmsproductCommentsBlock .star_content .star_on i, .tvcmsfeatured-product .tvproduct-info-box .star_on i, .tvcmsspecial-product .tvproduct-info-box .star_on i, .tvcmsnew-product .tvproduct-info-box .star_on i, .tvcmsbest-seller-product .tvproduct-info-box .star_on i, .tvcmstab-title-product .tvproduct-info-box .star_on i, .tvcmslike-product .tvproduct-info-box .star_on i, .tvcmscategory-product .tvproduct-info-box .star_on i, #products .tvproduct-info-box .star_on i{ color: #ff9900; } /********************************end review star********************/ /****************************START COYTACT US LINK FOOTER***********************/ #order-confirmation .tvcms-box-layout .card-title i{ padding: 0; } .tvcms-box-layout .card-block{ background-color: transparent; box-shadow: none; } #contact #content-wrapper .card-block{ padding: 10px 0; border: 1px solid #eeeeee; } .tvcmscontact-us .tvcontact-title h3{ color: #222; font-size: 18px; font-weight: 500; } .tvcmscontact-us .tvcontactt-us-inner select, .tvcmscontact-us .tvcontact-us-email input, .tvcmscontact-us .tvcontact-us-attachment input, .tvcmscontact-us .tvcontact-us-order-reference select, .tvcmscontact-us .tvcontact-us-message textarea{ background-color: #fff; color: #7a7a7a; font-size: 12px; border: 1px solid #ccc; } .tvcmscontact-us .form-control-label{ font-size: 14px; color: #222; font-weight: 500; padding-bottom: 5px; } .tvcmscontact-us .tvcontact-us-message{ width: 50%; } .tvcontact-us-attachment .input-group-btn .btn{ background-color: #000; color: #FFF; padding : 10px; } .tvcmscontact-us .tvcontact-us-button{ text-align: right !important; margin-right: 15px; } @media (max-width: 767px){ .tvcmscontact-us .tvcontact-us-message{ width: 100%; } } @media (min-width: 768px) and (max-width: 991px){ #contact .left-column{ width: 100%; } } /***start store information*****/ .tvcmsStore-inform-contact-us{ border: 1px solid #eaeaea; padding: 15px; } .tvcmsStore-inform-contact-us h4{ color: #222; font-size: 18px; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; } .tvcmsStore-inform-contact-us .tvStore-inform-icon i{ color: #666666; width: 35px; } .tvcmsStore-inform-contact-us .tvStore-inform-data{ font-size: 13px; color: #666666; line-height: 20px; } .tvcmsStore-inform-contact-us .tvStore-inform-data a{ color: #777777; } @media(min-width: 991px) and (max-width: 1199px){ .tvcmsStore-inform-contact-us h4{ font-size: 16px; } .contact-rich h4{ margin-bottom: 10px; } } @media (max-width: 991px){ .tvcmscontact-us .form-control-comment{ padding-top: 10px; display: block; } } /****************************END COYTACT US LINK FOOTER***********************/ /****************************START OUR STORES LINK FOOTER***********************/ .tvcmsstores .tvstore-titte-address{ color: #222; font-size: 15px; font-weight: 600; } .tvcmsstores .tvstores{ box-shadow: none; background-color: transparent; border:1px solid #eee; } .tvcmsstores .tvstore-address{ color: #626262; font-size: 13px; font-weight: 500; line-height: 18px; } .tvcmsstores .tvstore-dayname{ color: #222; font-size: 14px; font-weight: 600; } .tvcmsstores .tvstore-time{ color: #626262; font-size: 13px; font-weight: 500; } @media (max-width: 575px){ .tvcmsstores .tvstore-description{ text-align: center; margin-bottom: 10px; } .tvcmsstores .tvstore-day-time{ text-align: center; } .tvcmsstores .tvstore-day-time table{ display: inline-block; } } /****************************END OUR STORES LINK FOOTER***********************/ #content.tvall-page-content{ background-color: transparent; box-shadow: none; padding:10px; margin: 0 auto; } .tvforgot-password{ text-align: center; margin:10px 0 } .tvforgot-password a{ color: #444; font-size: 14px; font-weight: 600; } .tvforgot-password a:hover{ color:#222222 } .tvlogin-from-btn .btn{ background-color: #878787; color: #fff; padding :10px; letter-spacing: 0.5px; } .tvno-account{ text-align: center; } .tvno-account a{ color: #444; font-size: 14px; font-weight: 600; } .tvno-account a:hover{ color: #222; } @media(max-width: 767px){ #content.tvall-page-content .form-group .col-md-6{ width: 100%; } } /******************************START LOGIN PAGE******************************/ /******************************END LOGIN PAGE*******************************/ /******************************START WISHLIST******************************/ .tvcmswishlist-view-table-data{ display: inline-table ; } .tvcmswishlist .wlp_bought_item_container .product_infos a.lnkdel{ background-color: #000; } .tvcmswishlist .wlp_bought_item_container .product_infos a.lnkdel i{ color: #FFF; font-size: 16px; display: block; } .tvcmswishlist #showSendWishlist a{ color: #222; font-weight: 500; } .wishlistLinkTop .tvwishlist-send-mess-btn button:hover{ background: #000; } .tvcmswishlist .wishlistLinkTop .wlp_bought ul li .wlp_bought_item_container{ border:1px solid #eee; width: 100%; height: 100%; overflow: hidden; display: block; padding: 10px; position: relative; margin-bottom: 10px; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .btn_action a{ color: #ffffff; background-color: #76bd42; display: inline-block; padding: 5px 15px; float: left; font-size: 14px; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .btn_action a:hover{ background: #000; color: #ffffff; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .btn_action a span{ transition: 0s; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .btn_action .wishlist_change_button{ float: right; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .btn_action table tr{ border: 1px solid #eee; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .btn_action .popover-content{ padding: 0; margin-top: 10px; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_image{ border:1px solid #eee; } .tvcmswishlist .wishlistLinkTop .wlp_bought_item_container .product_infos .product-name{ margin:10px 0; color: #666666; font: 400 14px/18px 'IBM Plex Sans', sans-serif;} .tvcmswishlist .wishlistLinkTop .product_infos .wishlist_product_detail .form-group{ margin-top: 0; } .tvcmswishlist{ padding:0 15px; } .tvcmswishlist .tvwishlist-info th{ border:1px solid #eee; text-align: center; color: #545454; font-weight: 600; font-size: 15px; line-height: 25px; } .tvcmswishlist .tvwishlist-info td{ border:1px solid #eee; text-align: center; color: #222; font-weight: 400; font-size: 14px; } .tvcmswishlist .tvwishlist-info .tvwishlist-view-link a{ color: #76bd42; font-weight: 500; font-size: 14px; } .tvcmswishlist .tvwishlist-info .tvwishlist-view-name a{ color: #222222; font-weight: 400; font-size: 14px; } .tvcmswishlist .tvwishlist-titel-name { font-size: 14px; font-weight: 500; line-height: 25px; color: #222222; } .tvcmswishlist .wishlist_default p{ margin: 0; } .tvcmswishlist .wishlist_delete a{ color: #222; } .tvcmswishlist .tvwishlist-back-btn .btn-back-to-account i{ font-size: 1rem; } .tvcmswishlist .tvwishlist-back-btn .btn-home i{ font-size: 1rem; } .tvcmswishlist .tvwishlist-back-btn .btn-back-to-account{ box-shadow: none; background-image: none; border: none; background-color: transparent; font-size: 14px; color: #666; height: 38px; line-height: 38px; float: left; } .tvcmswishlist .tvwishlist-back-btn .btn-back-to-account:hover{ color: #000; } .tvcmswishlist .tvwishlist-back-btn .btn-home{ box-shadow: none; background-image: none; border: none; background-color: transparent; font-size: 14px; color: #222; color: #666; height: 38px; line-height: 38px; float: left; margin: 0 15px; } .tvcmswishlist .tvwishlist-back-btn .btn-home:hover{ color:#000; } .tvcmswishlist .tvwishlist-back-btn .btn-back-to-account:focus { border:none; } #module-tvcmswishlist-mywishlist .form-group{ overflow: hidden; } .tvwishlist-vuew-label, .tvwishlist-vuew-input{ padding: 0; margin-top: 5px; } @media (max-width: 767px){ .table { display: block; width: 100%; min-height: 0; overflow-x: auto; } .tvwishlist-vuew-label input{ padding: 0; } } #module-tvcmswishlist-view .wlp_bought_list li{ padding: 0 10px; margin-bottom: 10px; } #module-tvcmswishlist-view .wlp_bought_list li .row{ border: 1px solid #eee; padding: 10px 0; } #module-tvcmswishlist-view .wlp_bought_list li button{ background-color: #76bd42; padding: 5px 15px; color: #000; font-size: 12px; text-transform: capitalize; font-weight: 400; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } #module-tvcmswishlist-view .wlp_bought_list li button:hover{ background:#000; color: #ffffff; } #module-tvcmswishlist-view .wlp_bought_list li .btn_action form{ float: left; } #module-tvcmswishlist-view .wlp_bought_list li .lnk_view{ background-color: #76bd42; padding: 5px 15px; color: #000; float: right; font-size: 12px; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } #module-tvcmswishlist-view .wlp_bought_list li .ajax_add_to_cart_button{ background-color: #76bd42; padding: 5px 15px; color: #ffffff; float: left; font-size: 12px; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } #module-tvcmswishlist-view .wlp_bought_list li .ajax_add_to_cart_button span, #module-tvcmswishlist-view .wlp_bought_list li .lnk_view span { -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } #module-tvcmswishlist-view .wlp_bought_list li .ajax_add_to_cart_button:hover{ background-color: #000; color: #ffffff; } #module-tvcmswishlist-view .wlp_bought_list li .lnk_view:hover{ background:#000; color: #ffffff; } @media (max-width: 991px){ .tvcmswishlist .tvwishlist-info th{ font-size: 13px; } .tvcmswishlist .tvwishlist-info td{ font-size: 12px; } } @media(min-width: 320px) and (max-width: 475px){ #module-tvcmswishlist-view .wlp_bought_list li .lnk_view{ float: none; margin-top: 10px; font-size: 13px; } #module-tvcmswishlist-view .wlp_bought_list li button{ font-size: 13px; } } @media (min-width: 768px) and (max-width: 1399px){ #module-tvcmswishlist-view .wlp_bought_list li .lnk_view{ margin-top: 10px; } } /******************************END WISHLIST******************************/ /******************************START SITEMAP******************************/ .tvcmssitemap .tvsitemap ul li a{ color: #222; font-size: 13px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tvcmssitemap .tvsitemap ul li a:hover{ color: #000; margin-left: 5px; } .tvcmssitemap .tvsitemap ul li a:before { font-family: 'Material Icons'; content: '\e315'; } .tvcmssitemap .tvsitemap-titel-name{ color: #656565; text-transform: uppercase; font-size: 16px; font-weight: 500; border-bottom: 1px solid #eee; width: 100%; height: 35px; } @media (max-width: 767px){ .tvcmssitemap .tvsitemap{ margin-bottom: 20px; } } /******************************END SITEMAP******************************/ /******************************START CREATE AN ACCOUNT******************************/ .tvall-page-content .tvcmsregister-form{ font-size: 13px; color: #222222; } .tvcmsregister-form .form-control-valign label{ margin-right: 15px; } .tvall-page-content .tvcmsregister-form p{ color: #444; font-size: 14px; font-weight: 400; } .tvall-page-content .tvcmsregister-form a{ color: #444; font-weight: 600; } .tvall-page-content .tvcmsregister-form a:hover{ color: #222; } .form-control-label{ font-size: 14px; font-weight: 500; color: #000; } .tvcmsregister-form .form-control-comment{ padding-top: 10px; display: block; } .tvinformation-lable em{ font-size: 12px; color: #7a7a7a; margin-top: 10px; display: block; } /******************************END CREATE AN ACCOUNT******************************/ /***********process all inner page**********************/ .tvall-inner-page-box{ box-shadow: none; background-color: transparent; } .tvall-inner-page-box .tvall-inner-page-process{ border: 1px solid #eee; } #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer a.btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ff; font-size: 13px; padding: 5px 16px; line-height: 31px; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; text-decoration: none; margin-right: 5px; } #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer a.btn:hover{ background-color: #222222; color: #ffffff; } /**************end all inner page********************/ /******************************START BLOG-POST PAGE inner page******************************/ #module-tvcmsblog-single #content-wrapper{ padding: 0 15px !important; } .blog_post_content .post_title{ font-size: 20px; color:#222222; font-weight: 600; } .tvcms-blog-inner-page .blog_post_content .post_description p{ font-size: 13px; line-height: 17px; text-align: justify; color: #222; letter-spacing: 0.5px; } .meta_category a{ color: #222; font-size: 14px; } .tvcms-blog-inner-page .btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 14px; height: 38px; width: 120px; border-radius: 5px; line-height: 38px; margin-bottom: 10px; } .comments_area .comments_title{ font-size: 18px; color: #222; font-weight: 600; } .tvcms-blog-inner-page .comment_reply_title{ font-size: 16px; color: #222; margin: 15px 0; font-weight:600; } /******************************START BLOG-POST PAGE inner page******************************/ /****************************START REVIEWS-POPOUOP**************************/ .tvreviews-popup-send-btn button{ box-shadow: none; background-image: none; cursor: pointer; border: none; background-color: #76bd42; color: #fff; font-size: 14px; height: 38px; padding: 0 15px; vertical-align: baseline; text-transform: lowercase; font-weight: 500; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tvreviews-popup-send-btn button:hover{ background: #000; color: #ffffff; } .new_comment_form_content .comment_title{ color: #222; font-weight: 500; font-size: 14px; } .product_name strong{ font-size: 14px; } #new_comment_form_footer .required{ margin:0; color: #000; font-size: 14px; } .new_comment_form_content h2{ font-size: 18px; color: #222; font-weight: 600; } /****************************END REVIEWS-POPOUOP**************************/ /****************************START ABOUT US**************************/ .page-heading.bottom-indent{ font-size: 18px; font-weight: 600; color: #444; } .cms-block h3{ font-size: 18px; font-weight: 600; color: #222; } .cms-box h3{ font-size: 18px; font-weight: 600; color: #222; } .cms-block p{ font-weight: 400; font-size: 14px; color: #222; line-height: 18px; } .cms-box .testimonials .inner{ font-weight: 400; font-size: 14px; color: #222; line-height: 20px; } .cms-box p{ font-weight: 400; font-size: 14px; color: #222; line-height: 20px; } /****************************END ABOUT US**************************/ /****************************START LEGAL NOTICE**************************/ .page-cms-5 h2, .page-cms-5 h3, .page-cms-4 h2, .page-cms-4 h3, .page-cms-3 h2, .page-cms-3 h3, .page-cms-2 h2, .page-cms-2 h3, .page-cms-1 h2, .page-cms-1 h3{ color: #222; font-size: 16px; font-weight: 500; margin-bottom: 10px; } .page-cms-5 a, .page-cms-4 a, .page-cms-3 a, .page-cms-2 a, .page-cms-1 a{ color: #656565; } .page-cms-5 a:hover, .page-cms-4 a:hover, .page-cms-3 a:hover, .page-cms-2 a:hover, .page-cms-1 a:hover{ color: #222; } /****************************END LEGAL NOTICE**************************/ /****************************START DELIVERY**************************/ .page-cms-1 p, .page-cms-2 p, .page-cms-3 p, .page-cms-4 p, .page-cms-5 p{ color: #222; font-size: 14px; font-weight: 400; line-height: 20px; } .page-cms-1 li, .page-cms-2 li, .page-cms-3 li, .page-cms-4 li, .page-cms-5 li{ line-height: 20px; } /****************************END DELIVERY**************************/ /****************************START FORGET PASSWORD**************************/ .tvcmsforget-password .btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 14px; font-weight: 500; height: 38px; line-height: 38px; } .tvcmsforget-password .btn:hover{ background: #222222; color: #ffffff; } .tvcmsforget-password .required{ font-size: 14px; color: #222; width: auto; } .send-renew-password-link{ color: #222; font-size: 13px; } .page-footer button{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 14px; height: 38px; line-height: 38px; line-height: normal; cursor: pointer; transition: 0s; } .page-footer button i{ font-size: 14px !important; height: 38px; line-height: 38px; transition: 0s; } .page-footer button:hover{ background:#333; color: #ffffff; } /****************************END FORGET PASSWORD**************************/ /*****************************START CREATE NEW ADDRESS******************************/ .tvcms-box-layout .form-footer .btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 13px; padding:2px 12px; line-height: 38px; letter-spacing: 0.5px; } .tvcms-box-layout .form-footer a.btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 13px; padding:2px 16px; line-height: 38px; margin:0 10px; text-decoration: none !important; } .tvcms-box-layout .form-footer .btn:hover{ background: #000; } .tvcms-box-layout .form-control-label{ font-size: 13px; font-weight: 500; color: #222222; } .tvcms-box-layout .form-control-valign{ color: #777777; font-size: 13px; } /*****************************END CREATE NEW ADDRESS******************************/ /****************************START BLOG REPLY-FORM **************************/ #tvcmsblogs_commentfrom label{ font-size: 13px; color: #222222; font-weight: 500; } @media (max-width: 767px){ #tvcmsblogs_commentfrom label{ padding-bottom: 10px; } } /****************************END BLOG REPLY-FORM **************************/ /****************************START FOOTER-PAGE **************************/ .page-footer a{ color: #6f6f6f; font-size: 14px; } .page-footer a:hover{ color: #000; } /****************************END FOOTER-PAGE*********************************/ /****************************START PRODUCTS CART-POPUP**************************/ .tvcmsproduct-cart-popup .tvproduct-cart-btn button{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 13px; line-height: 38px; height: 38px; padding: 0 15px; text-transform: capitalize; } .tvcmsproduct-cart-popup .tvproduct-cart-btn button:hover{ background: #4cbb6c; color: #ffffff; } .tvcmsproduct-cart-popup .tvproduct-cart-btn a.btn{ box-shadow: none; background-image: none; border: none; color: #fff; font-size: 13px; line-height: 38px; height: 38px; width: 195px; background-color: #4cbb6c; text-transform: capitalize; font-weight: 500; } .tvcmsproduct-cart-popup .tvproduct-cart-btn a.btn:hover{ background: #76bd42; color: #ffffff; } .tvproduct-cart-btn a i{ font-size: 18px; margin: 0 7px; transition: 0s; } /****************************END PRODUCTS CART-POPUP**************************/ /****************************START ORDER HISTORY*********************/ .tvcmsorder-history .order-actions a{ color: #7a7a7a; } .tvcmsorder-history .order-actions a:hover{ color:#76bd42; } .tvcmsorder-history .tvinvoice a{ color: #ababab; } .tvcmsorder-history .tvinvoice a:hover{ color: #000; } .tvcmsorder-history tr th{ font-weight: 400; } .tvcmsorder-history .label-pill{ font-size: 12px; font-weight: 300; } .tv-order-history h3{ font-size: 14px; color: #8c8c8c; } .tv-order-history .label-pill{ font-size: 12px; font-weight: 300; } .tvcms-order-details li{ font-size: 14px; color: #8c8c8c; padding: 5px; } .tvcms-order-details strong{ font-size: 14px; font-weight: 600; color: #525252; } .table-bordered{ } /****************************END ORDER HISTORY*********************/ /*****************************START PROCCES******************************/ /************************START SHOPING CART********************/ .cart-detailed-actions button.btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 13px; line-height: 38px; padding:2px 16px; } .checkout button.btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font-size: 13px; line-height: 38px; padding:2px 16px; } .tvcmsshopping-cart a.btn, .cart-grid-right .cart-detailed-actions a.btn, #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer button, .tvlogin-btn .btn, .tvcmsaddress-process button.btn, .delivery-options-list button, #payment-confirmation button.btn, #identity .form-footer button, #order-detail .form-footer button, .tvyour-account-btn .tvyour-account-signout.btn, .tvcmscontact-us .tvcontact-us-button .btn, .tvcmsregister-form .form-footer .btn{ box-shadow: none; background-image: none; border: none; background-color: #76bd42; color: #ffffff; font: 500 14px/40px 'Cabin',sans-serif; padding:0 16px; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; height: auto; border-radius: 5px; width: auto; } #identity .form-footer button{ margin: 10px; } .tvcmswishlist .tvwishlist-btn .btn{ height: 36px; width: 80px; background-color: #76bd42; color: #ffffff; font: 500 14px/normal 'Cabin',sans-serif; -webkit-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; transition: 0s ease-in-out; } .tvcmsshopping-cart a.btn:hover, .cart-grid-right .cart-detailed-actions a.btn:hover, #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer button:hover, .tvlogin-btn .btn:hover, .tvcmsaddress-process button.btn:hover, .delivery-options-list button:hover, #payment-confirmation button.btn:hover, #identity .form-footer button:hover, #order-detail .form-footer button:hover, .tvcmswishlist .tvwishlist-btn .btn:hover, .tvyour-account-btn .tvyour-account-signout.btn:hover, .tvcmscontact-us .tvcontact-us-button .btn:hover, .tvcmsregister-form .form-footer .btn:hover{ background: #222222; color: #ffffff; } .tvcmsshopping-cart a i{ font-size: 16px; height: 40px; line-height:38px; transition: 0s; } .tvcmsshopping-cart .remove-from-cart i{ font-size: 16px; } .cart-grid-right .cart-detailed-actions a i{ font-size: 16px; height: 40px; line-height: 38px; } .cart-grid-right .cart-detailed-actions a.btn span, .cart-grid-right .cart-detailed-actions a.btn i{ transition: 0s; } .cart-grid-right .tvproduct-customer-services td, .tvproduct-customer-services td{ border:1px solid #eee; padding:5px 5px; font-size: 14px; line-height: 22px; } .tvproduct-customer-services-wrapper .tvproduct-customer-services-item img{ height: 25px; width: 25px; margin-right: 5px; } .tvcmsshopping-cart{ padding-left: 0; } .tvcmsshopping-cart .card{ background-color: transparent !important; border: 1px solid #f5f5f5; } .tvcmsshopping-cart .product-line-grid-body{ line-height: 22px; } .tvcmsshopping-cart .product-line-grid-body .product-line-info{ line-height: 18px; margin-bottom: 5px; } .tvcmsshopping-cart .product-line-grid-body .card-block{ padding:0 15px; } .tvcmsshopping-cart .product-line-grid-body .product-line-info a{ color: #444; font-size: 16px; font-weight: 400; } .tvcmsshopping-cart .product-line-grid-body .product-line-info a:hover{ color: #000; } .tvcmsshopping-cart .product-line-info .product-discount .regular-price{ font:400 14px/18px 'IBM Plex Sans', sans-serif; color: #888; } .tvcmsshopping-cart .product-line-info .product-discount .discount-percentage{ font:500 13px/18px 'IBM Plex Sans', sans-serif; color: #ff0000; margin: 0 5px; } .tvcmsshopping-cart .product-line-info .current-price span{ font: 600 16px/18px 'IBM Plex Sans', sans-serif; color: #000; } .tvcmsshopping-cart .current-price, .tvcmsshopping-cart .product-discount{ float: left; } .tvcmsshopping-cart .product-line-info .label, .tvcmsshopping-cart .product-line-info .value{ font-size: 14px; color: #666; font-weight: 400; } .tvcmsaddress-process .address-item .address-alias{ font-size: 14px; } .tvcmsaddress-process .address-item .addres{ font-size: 14px; color: #222; font-weight: 400; } /**********************END SHOPING CART******************/ /************************START Personal Information *******************/ .tvcmspersonal-information .form-control-comment{ padding-top: 10px; display: block; } .tvcmspersonal-information .custom-checkbox span{ float: left; } .tvcmspersonal-information .tvinformation-lable{ display: block; clear: none; color: #000; } #checkout-personal-information-step .nav .nav-item .nav-link{ color: #222; font-weight: 500; cursor: pointer; } #checkout-personal-information-step .nav .nav-item .nav-link:hover{ color: #76bd42; } .tvcmspersonal-info-process label{ color: #222; font-size: 14px; font-weight: 400; } .tvcmspersonal-info-process label em{ font-style: normal; color: #222; font-weight: 400; line-height: 18px; } .tvcmspersonal-info-process .tvlogin-from-btn .btn{ line-height: 33px; padding: 0 15px; } @media (max-width: 767px){ #identity .form-group .col-md-6, #address .form-group .col-md-6{ width: 100%; } } /************************ END Personal Information *******************/ /**************************START 2ADDRESS process***********************/ #checkout-personal-information-step .delivery-addresses .address-item{ background-color: transparent; } .tvshipping-address-process a{ color: #222; font-size: 14px; font-weight: 400; } .cart-summary-products .tvshow-detail-process a{ color: #222; font-size: 14px; font-weight: 500; } /**************************END 2ADDRESS process***********************/ /**************************START SHIPPING***************************/ .delivery-options-list .carrier-name{ font-size: 15px; color: #585858; font-weight: 600; } /**************************END SHIPPING***************************/ #checkout-payment-step .condition-label label{ color: #222; font-size: 14px; font-weight: 500; } #checkout-payment-step .condition-label a{ color: #222; } .delivery-options-list .form-fields #delivery label{ margin-bottom: 10px; } /************************START order-confirmation *******************/ .order-confirmation-table .order-line a{ color: #222; /*line-height: 75px;*/ } #order-confirmation .definition-list p a{ color: #222; font-weight: 600; } /******shiping methhod ***********/ .summary-selected-carrier{ line-height: 50px; } .checkout-payment-step .order-summary-content h4{ color: #444444; font-weight: 400; } #order-confirmation .order-confirmation-table .order-line .qty{ line-height: 24px; } @media (max-width: 1199px){ #order-confirmation .order-confirmation-table .order-line .details{ margin-top: 10px; } #order-confirmation .order-confirmation-table .order-line .qty{ line-height: 24px; } #order-confirmation .order-confirmation-table .tvprocess-payment-price-text{ margin-top: 10px; } #order-confirmation .order-confirmation-table .order-line .qty{ margin-top: 10px; } } @media (min-width: 1200px) and (max-width: 1399px){ #order-confirmation .order-confirmation-table .order-line .qty{ line-height: 70px; } #order-confirmation .order-confirmation-table .order-line .details{ margin-top: 10px; } #order-confirmation .order-confirmation-table .order-line .details{ margin-top: 35px; } } .page-order-confirmation table tr, .page-order-confirmation table td{ border:1px solid #eeeeee; padding:5px; } .page-order-confirmation .tvtheme-control-wrapper table tr, .page-order-confirmation .tvtheme-control-wrapper table td { border: none; } .page-order-confirmation #order-details .card-title{ color: #222222; font-weight: 600; font-size: 16px; } .page-order-confirmation #order-details ul li { color: #222; font-size: 13px; font-weight: 600; line-height: 20px; } .page-order-confirmation #order-details ul li em{ font-weight: 600; line-height: 32px; } /************************END order-confirmation*******************/ /*************************START PAYMENT PROCESS**********************/ .tvall-inner-page-box #order-summary-content .card-title{ color: #222; font-size: 15px; font-weight: 500; } #order-summary-content h4{ color: #222; font-size: 15px; font-weight: 500; } #content-hook_order_confirmation a{ color: #626262; } #content-hook_order_confirmation a:hover{ color: #222; } /*************************END PAYMENT PROCESS**********************/ /************************************END PROCCES*******************************************/ /*****************************START LEFT PANNEL******************************/ .block-categories .category-sub-menu li[data-depth="0"] > a:hover{ color: #222; } .block-categories .category-sub-menu .category-sub-link:hover{ color: #222; } .tvcms-leftpanel-category ul { margin-bottom: 0; } #search_filters h4{ font-weight: 500; } #search_filters .js-search-filters-clear-all{ color: #fff; font-size: 14px; background-color: #444; margin-bottom: 10px; } .tvcms-leftpanel-category .tv-leftpanel-category li a{ font-size: 15px; font-weight: 400; color: #444; } .tv-leftpanel-category i{ font-size: 15px; color: #626262; } .tvcms-leftpanel-filter h1{ font-size: 14px; color: #222; font-weight: 500; margin-bottom: 10px; } .tv-leftpnael-filter li a{ font-size: 13px; font-weight: 400; color: #666; margin-bottom: 5px; } .tv-leftpnael-filter li a:hover{ color: #76bd42; } .tv-leftpnael-filter .custom-checkbox input[type="checkbox"] + span:hover{ border: 1px solid #000; } #left-column .tvcmsleft-special-product .tvleft-special-product-title, #left-column .tvcmsleft-new-product .tvleft-new-product-title, #left-column .tvcmsleft-testimonial .tvleft-testimonial-title-box, #left-column #search_filters_suppliers .tvbrandleft-penal-title-mobile, #left-column #search_filters_brands .tvbrandleft-penal-title-mobile, #search_filters .tvfilter-desktop-title, .category-top-menu .tvcategory-inner-page-title, #facet_blog_category .tvblock-categoryleft-title { background: #fafafa none repeat scroll 0 0; border-bottom: 1px solid #eee; font: 600 16px/40px 'IBM Plex Sans', sans-serif; color: #222222; height: 40px; padding: 0 10px; overflow: hidden; text-transform: uppercase; } #left-column #search_filters_suppliers .facet-label a, #left-column #search_filters_brands .facet-label a{ color: #222222; } #left-column #search_filters_suppliers .facet-label a:hover, #left-column #search_filters_brands .facet-label a:hover{ color: #222222; } #left-column #search_filters_suppliers .tvleft-contant, #left-column #search_filters_brands .tvleft-contant, #facet_blog_category .tvleft-penal-all-block-category{ padding: 10px; } #left-column #search_filters_suppliers .tvleft-contant p, #left-column #search_filters_brands .tvleft-contant ul, #facet_blog_category .tvleft-penal-all-block-category ul{ margin: 0; color: #626262; font-size: 13px; font-weight: 400;x } #left-column #search_filters_brands .tvleft-contant ul .facet-text a{ margin-bottom: 10px; text-align: left; } #left-column #search_filters_brands .tvleft-contant ul .facet-text:last-child a{margin-bottom: 0;} #left-column .tvcmsleft-testimonial .tvleft-testimonial-title-box .facet-label{ float: left; } .tvleftpannel-testimonial-pagination .tvcmsmain-prev,.tvleftpannel-testimonial-pagination .tvcmsmain-next{margin: 0;} #search_filters_brands .facet ul li a, #search_filters_suppliers .facet ul li a, #search_filters_blog_category .facet ul li a{ color: #626262; font-size: 13px; font-weight: 400; } #search_filters_brands .facet ul li a:hover, #search_filters_suppliers .facet ul li a:hover, #search_filters_blog_category .facet ul li a:hover{ color: #222; } @media (max-width: 767px){ #left-column .tvcmsleft-special-product .tvleft-special-product-title, #left-column .tvcmsleft-new-product .tvleft-new-product-title, #left-column .tvcmsleft-testimonial .tvleft-testimonial-title-box, #left-column #search_filters_suppliers .tvbrandleft-penal-title-mobile, #left-column #search_filters_brands .tvbrandleft-penal-title-mobile, #search_filters .tvfilter-desktop-title, .category-top-menu .tvcategory-inner-page-title{ border-bottom: 1px solid #f5f5f5; } } /*****************************END LEFT PANNEL******************************/ /*************************START pagination*****************************/ .pagination .page-list .tvpage-list-pagination a i{ font-size: 20px; line-height: 17px; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; } .pagination .page-list .tvpage-list-pagination a{ border: 1px solid #eee; width: 35px; height: 35px; line-height: 33px; font-size: 14px; display: block; float: left; margin: 0 2px; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; text-align: center; } .pagination .page-list .tvpage-list-pagination a:hover{ background: #76bd42; color: #ffffff; border: 1px solid #76bd42; } .pagination .page-list .current a{ background-color: #f5f5f5; color: #000; border: 1px solid #f5f5f5; } /*************************END pagination*****************************/ /*********************START all page******************/ #index .tvcmspage-footer-link{ display: none; } /*.tvcmspage-footer-link{ padding: 15px 0; }*/ /*********************END all page******************/ /**************start your account*******************/ .tvyour-account-btn { text-align: center; } /**************end your account*******************/ /****************************START PRODUCT VIWE INNRE PAGE*******************************/ .tvproduct-view-img-block .product-flags .new{ position: absolute; top: 10px !important; left: 10px; font: 400 14px/16px 'IBM Plex Sans', sans-serif; color: #ffffff; background: #76bd42; padding: 7px 5px; border-radius: 5px; text-transform: capitalize; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .tvproduct-detail-popup-content .tvcmsquick-view-popup-title{ font-size: 20px; color: #343434; text-transform: capitalize; } .tvproduct-detail-popup-content .tvcurrent-price{ float: left; font-size: 14px; color: #242424; margin: 5px 0; } .tvproduct-detail-popup-content .discount-amount{ float: left; margin: 0 10px; line-height: 25px; background-color: #000; color: #FFF; font-size: 12px; font-weight: 500; padding: 0 5px; } .tvproduct-detail-popup-content .discount-percentage{ float: left; background-color: #48494a; margin: 0 10px; color: #FFF; padding: 5px; font-weight: 400; font-size: 12px; } .tvproduct-detail-popup-content .product-discount{ float: left; font-size: 14px; margin: 5px 0; } .tvproduct-detail-popup-content .tax-shipping-delivery-label{ margin-top: 10px; font-size: 14px; color: #222; } .tvproduct-detail-popup-content .product-description-short{ font-size: 14px; color: #666; font-weight: 400; margin: 10px 0; } .tvproduct-detail-popup-content .product-description-short p{ margin: 0; } .tvproduct-detail-popup-content .product-variants-item .control-label{ float: left; font-size: 14px; color: #333; font-weight: 600; line-height: 38px; width: 21%; } .tvproduct-detail-popup-content .product-variants-item .form-control-select{ float: left; padding-right: 15px; color: #000; } .tvproduct-detail-popup-content .product-variants-item ul { overflow: hidden; margin: 0; } .tvproduct-detail-popup-content .product-variants-item ul li{ margin: 10px 5px; width: 16px; height: 16px; } .tvproduct-detail-popup-content .product-add-to-cart .control-label{ font-size: 14px; color: #333; font-weight: 600; float: left; width: 21%; line-height: 44px; } .tvproduct-detail-popup-content .tvquick-view-add-to-cart{ float: left; } .tvproduct-detail-popup-content .tvquick-view-add-to-cart button { background-color: #242424; padding: 8px 10px; font-weight: 400; color: #ffffff; font-size: 14px; text-transform: capitalize; } .tvproduct-detail-popup-content .tvquick-view-add-to-cart button:hover{ background: #76bd42; color: #fff; } .tvproduct-detail-popup-content .tvquick-view-add-to-cart i{ font-size: 16px; line-height: 15px; transition: 0s; } .tvproduct-detail-popup-content .tvproduct-view-content{ margin-top: 15px; overflow: hidden; } .tvproduct-detail-popup-content .tvproduct-view-content #product-availability{ margin: 0 5px; line-height: 26px; } .tvproduct-detail-popup-content #wishlist_button button{ background-color: transparent; border: none; } .tvproduct-detail-popup-content #wishlist_button i{ color: #222222; font-size: 18px; } .tvproduct-detail-popup-content #wishlist_button span{ color: #222222; font-size: 14px; } .tvproduct-detail-popup-content #wishlist_button:hover span, .tvproduct-detail-popup-content #wishlist_button:hover i{ color: #AF0539; color: #ffffff; } .tvsocial-sharing{ width: 100%; overflow: hidden; margin-top:15px; } .tvproduct-detail-popup-content .product-additional-info{ margin-top: 10px; } .tvproduct-detail-popup-content .tvcompare-wrapper{ display: inline-block; } .tvproduct-detail-popup-content #wishlist_button{ display: inline-block; } .tvsocial-sharing ul{ margin-bottom: 0; } .tvsocial-sharing ul li a{ width: 35px; height: 35px; background-color: #AF0539; margin: 0 8px 0 0; float: left; text-align: center; line-height: 35px; } .tvsocial-sharing ul li span:before{ color: #ffffff; font-size: 16px; height: 35px; line-height: 35px; } .tvsocial-sharing ul li a:hover{ background: #e10f0f none no-repeat scroll 0 0; } .tvsocial-sharing ul li a:hover span:before{ color: #FFF; } .tvproduct-detail-popup-content .modal-footer{ margin-top: 15px; overflow: hidden; } .tvproduct-detail-popup-content .panel-product-line{ margin: 0; float: left; } .tvproduct-detail-popup-content .modal-footer .js-productinfo{ display: none; } .tvproduct-content .tvproduct-customer-services{ float: left; width: 100%; margin-top: 20px; } .tvproduct-detail-popup-content .tvcompare-wrapper button.tvcmsproduct-compare-btn{ background-image: none; border: none; color: #222222; background-color: transparent; font-weight: normal; text-transform: none; float: left; padding: 0 5px; } .tvproduct-content .tvproduct-customer-services .tvproduct-customer-services-title{ color: #666; font-size: 13px; } .tvproduct-content .tvproduct-customer-services-item { border: 1px solid #e9e9e9; padding: 10px; } .tvproduct-content .tvproduct-customer-services-item img{ margin-right: 8px; } .tvproduct-content .product-manufacturer{ float: left; padding-right: 10px; } .tvproduct-detail-popup-content .product-features td{ border:1px solid #eee; padding: 8px; } .tvproduct-detail-popup-content .tvproduct-compare i{ font-size: 18px; } .tvproduct-detail-popup-content .tvproduct-compare span{ font-size: 14px; } .tvproduct-content #wishlist_button:hover span, .tvproduct-content #wishlist_button:hover i, .tvproduct-content .tvproduct-compare:hover i, .tvproduct-content .tvproduct-compare:hover span, .modal-dialog .modal-footer #wishlist_button:hover span, .modal-dialog .modal-footer #wishlist_button:hover i, .modal-dialog .modal-footer .tvproduct-compare:hover i, .modal-dialog .modal-footer .tvproduct-compare:hover span { color: #76bd42; } @media (max-width: 575px){ .tvproduct-detail-popup-content .product-add-to-cart .control-label{ width: 25%; } .tvproduct-detail-popup-content .product-add-to-cart .control-label, .tvproduct-detail-popup-content .product-variants-item .control-label{ width: 35%; } } /****************************START PRODUCT VIWE INNRE PAGE*******************************/ /*************************************START MAIN-BLOCK************************************/ .tvcmsmain-block{ overflow: hidden; } .tvcmsmain-block .tvmain-block{ overflow: hidden; } .tvcmsmain-block .tvmain-block-img, .tvcmsmain-block .tvmain-block-content-box{ align-self: center; } .tvcmsmain-block img{ width: auto; } .tvcmsmain-block .tvmain-block-info{ text-align: left; padding: 15px 15px; } .tvcmsmain-block .tvmain-block-title{ font: 500 18px/normal 'IBM Plex Sans', sans-serif; text-transform: capitalize; margin-bottom: 15px; font-style: italic; color: #76bd42; } .tvcmsmain-block .tvmain-block-sub-title{ color: #222222; font: 800 30px/normal 'IBM Plex Sans', sans-serif; text-transform: uppercase; margin-bottom: 20px; } .tvcmsmain-block .tvmain-block-desc{ font: 400 14px/23px 'IBM Plex Sans', sans-serif; color: #888888; display: block; height: 65px; display: -webkit-box; -webkit-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; overflow: hidden; } .tvcmsmain-block .tvmain-block-btn button span{ -webkit-transition: 0s ease-in-out; -ms-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; transition: 0s ease-in-out; font: 400 13px/24px 'IBM Plex Sans', sans-serif; text-transform: uppercase; } .tvcmsmain-block .tvmain-block-btn button .tvblock-btn-icon i{ font-size: 16px; line-height: 24px; height: 24px; margin-left: 5px; } .tvcmsmain-block a{display: block;} .tvcmsmain-block .tvmain-block-btn button{ cursor: pointer; border: none; background: #222222 none repeat scroll 0 0; height: 36px; color: #fff; border-radius: 5px; margin-top: 40px; padding: 0 15px; display: -webkit-box !important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; } .tvcmsmain-block .tvmain-block-btn button:hover{ background: #76bd42 none repeat scroll 0 0; color: #ffffff; } .tvcmsmain-block .tvmain-block-desc p{ margin: 0 0; } @media(min-width: 992px) and (max-width: 1399px){ .tvcmsmain-block .tvmain-block-info{ padding: 16px 30px; } .tvcmsmain-block .tvmain-block-btn button{ margin-top: 30px; } } @media(max-width: 991px){ .tvcmsmain-block .tvmain-block-img{ margin-bottom: 30px; } .tvcmsmain-block{ text-align: center; padding-bottom: 30px; } } @media(min-width: 768px) and (max-width: 991px){ .tvcmsmain-block img{ width: auto; } .tvcmsmain-block .tvmain-block-info{ padding: 50px 30px; } } @media(min-width: 768px){ .tvcmsmain-block .tvmain-block-wrapper{ margin-right: -15px; margin-left: -15px; } .tvcmsleft-offer-banner #facet_special{ display: block; } .tvcmsleftpannel-testimonial-slider #facet_testimonial{ display: block; } #search_filters_brands #facet_brand{ display: block; } #search_filters_blog_category #facet_blog_category{ display: block; } #search_filters_suppliers #facet_suppliers{ display: block; } .tvcmsleft-featured-product #facet_featured_product{ display: block; } .tvcmsleft-new-product #facet_new_product{ display: block; } .tvcmsleft-special-product #facet_special_product{ display: block; } } @media(max-width: 767px){ .tvcmsmain-block .tvmain-block-info{ padding: 0; } /*.tvcmsmain-block .tvmain-block-content-box, .tvmain-block-inner-box{ padding: 0 15px; }*/ } @media(max-width: 575px){ .tvcmsmain-block .tvmain-block-title{ font-size: 16px; margin-bottom: 5px; } .tvcmsmain-block .tvmain-block-sub-title{ font-size: 24px; margin-bottom: 10px; } .tvcmsmain-block .tvmain-block-btn button{ padding: 0 8px; height: 30px; } } /*************************************END MAIN-BLOCK***********************************/ /* esconder etiqueta impuestos incluidos */ .tax-shipping-delivery-label { display:none; } /* botones basicos administrador */ .btn-primary { color: #e10f0f; border-color: transparent; } /* para que funciones los productos del modulo de sliders products estropea los sliders del tema */ .arpl-carousel-products .product-miniature{ min-width: fit-content; } /* fix bug grid */ /* .tvproduct-slider .tvproduct-wrapper { width: 90%; } @media (min-width: 1200px) { .col-xl-3 { float: left; width: 24%; } } */ /* listado de productos en otros soportes */ .arpl-product-list-view .arpl-thumb img { max-width: 65px; } .arpl-product-list-view .arpl-thumb { width: 75px; } .arpl-content-desc { font-size: 13px; } .arpl-product-list-view .arpl-content { max-width: 92%; } .arpl-product-list-view > li { padding: 1px 150px 1px 95px; min-height: 75px; } .products-section-title { color: #444; font: 800 1.2rem/normal 'IBM Plex Sans', sans-serif; } .arpl-product-list-view .arpl-content * { margin-top: 0px; } /* arreglar problema filas grid */ .tvproduct-info-box .tvproduct-title { margin: 0 0 0 0; text-align: center; min-height: 65px; } /* titulo autores */ .arpl-cat-title { color: #666666; } /* newsletter footer */ .tvcms-newsletter { background-color: #AF0539; padding: 20px; } .tvnewsletter-info .tvall-title { font: 700 25px/normal 'IBM Plex Sans', serif; color: #ffffff; } /* Menu top superior */ .tvcms-horizontal-menu .tvheader-sub-menu li .dropdown-submenu { color: #000; font: 400 13px/normal 'IBM Plex Sans',sans-serif; } .tvproduct-wrapper .tvproduct-info-box .tvproduct-title a { font: 400 14px/18px 'IBM Plex Sans', sans-serif; } .arpl-buttons .btn-primary { font-size: 13px; } /* Cambio de color */ .tvReviews .btn { background-color: #AF0539; } .tvproduct-detail-popup-content .tvquick-view-add-to-cart button:hover { background: #da4e78; } .tvproduct-detail-popup-content .tvquick-view-add-to-cart button { background-color: #AF0539; } .arpl-buttons .btn-primary { color: #ffffff; border-color: #AF0539; background-color: #AF0539; padding: 6px; } .arpl-buttons .btn-primary:hover { background-color: #da4e78; } .tvnews-event-read-more .tvnews-event-read-more-link a { color: #AF0539; } .tvcmsmain-block .tvmain-block-btn button { background: #AF0539 none repeat scroll 0 0; } .tvcmsmain-block .tvmain-block-btn button:hover { background: #da4e78 none repeat scroll 0 0; } .tvcmsshopping-cart a.btn, .cart-grid-right .cart-detailed-actions a.btn, #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer button, .tvlogin-btn .btn, .tvcmsaddress-process button.btn, .delivery-options-list button, #payment-confirmation button.btn, #identity .form-footer button, #order-detail .form-footer button, .tvyour-account-btn .tvyour-account-signout.btn, .tvcmscontact-us .tvcontact-us-button .btn, .tvcmsregister-form .form-footer .btn { background-color: #AF0539; } .tvcmsshopping-cart a.btn:hover, .cart-grid-right .cart-detailed-actions a.btn:hover, #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer button:hover, .tvlogin-btn .btn:hover, .tvcmsaddress-process button.btn:hover, .delivery-options-list button:hover, #payment-confirmation button.btn:hover, #identity .form-footer button:hover, #order-detail .form-footer button:hover, .tvcmswishlist .tvwishlist-btn .btn:hover, .tvyour-account-btn .tvyour-account-signout.btn:hover, .tvcmscontact-us .tvcontact-us-button .btn:hover, .tvcmsregister-form .form-footer .btn:hover { background: #da4e78; color: #ffffff; } .tvproduct-view-img-block .product-flags .new { background: #AF0539; } #blockcart-modal .modal-header { background: #AF0539; } .tvcmsproduct-cart-popup .tvproduct-cart-btn a.btn { background-color: #AF0539; } .tvcmsproduct-cart-popup .tvproduct-cart-btn a.btn:hover { background-color: #da4e78; } .star_content .star_on i{ color: #f90 !important; } .tvcmstheme-control { display: none; } #header .tvcms-header-nav { background: white none repeat scroll; } /* BUSQUEDA EN LA TIENDA */ .tvcmsheader-search .tvserach-header-display-wrappper { width: 50%; } /* FORMULARIO DE INICIO */ .login-dark { height:1000px; background: transparent; background-image: url(/img/campus-training-bizkaia-fondo.jpg); background-size:cover; position:relative; filter:brightness(0.9); overflow: hidden; } /* login form */ .login-form { background-color: white; padding: 30px; } .tvpage-header-name { color: white; } .tvcmsshopping-cart a.btn:hover, .cart-grid-right .cart-detailed-actions a.btn:hover, #checkout .tvall-inner-page-box .tvall-inner-page-process .form-footer button:hover, .tvlogin-btn .btn:hover, .tvcmsaddress-process button.btn:hover, .delivery-options-list button:hover, #payment-confirmation button.btn:hover, #identity .form-footer button:hover, #order-detail .form-footer button:hover, .tvcmswishlist .tvwishlist-btn .btn:hover, .tvyour-account-btn .tvyour-account-signout.btn:hover, .tvcmscontact-us .tvcontact-us-button .btn:hover, .tvcmsregister-form .form-footer .btn:hover { background: #00953b; color: #ffffff; } /* esconder stock en productos combinados */ .psb-combi-wrp { display: none; } /* selector de direcciones en carrito */ .select2-container .select2-container-default .select2-selection-single { font-size: 11px; width: 130%; margin-left: -130px; } /* selector de direcciones mas largo */ .multishipping-container { min-width: 300px; position: relative; right: 330px; margin-top: 10px; font-size: 11px; }