/* ----------------------------------------------------------------------------------------- V A R S ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- E X T E R N A L ----------------------------------------------------------------------------------------- */ /* Global Styles */ .isInFullScreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; margin: auto !important; z-index: 10000 !important; } .mightySlider { overflow: hidden; background-color: inherit; background-image: inherit; background-repeat: inherit; background-position: inherit; background-attachment: inherit; background-size: inherit; border-radius: inherit; } .mightySlider.tbLoading:not(.fullwidth) { height: 0; } .mightySlider .mSFrame, .mightySlider .mSFrame > * { overflow: hidden; } .mightySlider.vertical > .mSFrame { height: 100%; } .mightySlider.horizontal > .mSFrame > * { height: 100%; } .mSCover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; } .mSCover img { display: block; max-width: none; } .mSSlide { position: relative; overflow: hidden; float: left; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; } .mSCover + a:not([class]) { position: relative; z-index: 1; display: block; width: 100%; height: 100%; } .ms_scene { position: relative; width: 100%; height: 100%; } .fullscreen .ms_scene { margin: 0 !important; } .body.tb_layout_1200 .fullwidth .ms_scene { width: 1200px; margin-left: -600px; } .mightySlider.fullscreen, .mightySlider.fullscreen .mSFrame { height: 100% !important; } .mSCaption { position: absolute; -webkit-transform: translateZ(0); transform: translateZ(0); } .mSCaption > h1, .mSCaption > h2, .mSCaption > h3, .mSCaption > h4, .mSCaption > .h1, .mSCaption > .h2, .mSCaption > .h3, .mSCaption > .h4 { margin: 0 !important; padding: 0 !important; line-height: inherit !important; font-size: inherit !important; border-radius: inherit !important; } .mSCaption > h1:not(.tb_main_color):not(.tb_secondary_color):not(.tb_tertiary_color), .mSCaption > h2:not(.tb_main_color):not(.tb_secondary_color):not(.tb_tertiary_color), .mSCaption > h3:not(.tb_main_color):not(.tb_secondary_color):not(.tb_tertiary_color), .mSCaption > h4:not(.tb_main_color):not(.tb_secondary_color):not(.tb_tertiary_color) { color: inherit !important; } .mSCaption > .tb_main_color_bg { border-radius: inherit !important; } .mSCaption img { display: block; min-width: 100%; height: auto; } .mSCaption iframe { max-width: 100%; max-height: 100%; } .mSCaption.tb_interactive > * { position: relative; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mSCaption.tb_interactive[style*="top:"]:hover > * { margin-top: -10px; } .mSCaption.tb_interactive[style*="bottom:"]:hover > * { margin-bottom: 10px; } .mSCaption .btn[class*="btn-"] { height: auto; padding: 0.5em 1.2em; line-height: normal !important; font-size: 1.3em; } @media only screen and (max-width: 1240px) { body.tb_layout_1200 .fullwidth .ms_scene { left: 30px; right: 30px; width: auto; margin: 0; } } @media only screen and (max-width: 1020px) { .fullwidth .ms_scene { left: 30px; right: 30px; width: auto; margin: 0; } } /***************************************************** *** S K I N S *****************************************************/ .mightySlider { position: relative; z-index: 1; } .mightySlider .slide_element { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .mightySlider .slide { -webkit-transform: translateZ(0); transform: translateZ(0); } .mightySlider.horizontal .slide { float: left; } /* Navigation Buttons */ .mightySlider .mSButtons { position: absolute; z-index: 3; height: 100%; margin: auto; text-align: center; font-size: 30px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .mightySlider.mSMedia .mSButtons { display: none; } .mightySlider .mSButtons svg, .mightySlider .mSButtons:after { content: ''; z-index: 1; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 80px; margin-top: -40px; line-height: 80px; -webkit-transition-property: opacity, color, background-color; transition-property: opacity, color, background-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .mightySlider.horizontal .mSButtons svg { z-index: 2; width: 60%; left: 20%; } .mightySlider.horizontal .mSPrev svg { left: 22%; } .mightySlider.horizontal .mSButtons:after { opacity: 0.5; } .mightySlider.horizontal .mSNext { top: 0; bottom: 0; right: 0; } .mightySlider.horizontal .mSPrev { top: 0; bottom: 0; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mightySlider .mSButtons { width: 50px; font-size: 30px; } .tb_nav_size_2 > .mightySlider .mSButtons { width: 40px; font-size: 26px; } .tb_nav_size_1 > .mightySlider .mSButtons { width: 30px; font-size: 18px; } .mightySlider.horizontal .mSButtons:after { height: 80px; margin-top: -40px; line-height: 80px; } .tb_nav_size_2 > .mightySlider.horizontal .mSButtons:after { height: 60px; margin-top: -30px; line-height: 60px; } .tb_nav_size_1 > .mightySlider.horizontal .mSButtons:after { height: 40px; margin-top: -20px; line-height: 40px; } @media (max-width: 480px) { .mightySlider .mSButtons { width: 30px !important; font-size: 18px !important; } .mightySlider.horizontal .mSButtons:after { height: 40px !important; margin-top: -20px !important; line-height: 40px !important; } } .mightySlider .mSButtons.disabled { display: none; } .mightySlider .mSIcon { display: block; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } .mightySlider .mSVideo, .mightySlider .mSFlash, .mightySlider .mSIframe { width: 77px; height: 77px; background: url('../../../system/vendor/BurnEngine/extension/fire_slider/catalog/view/img/modern/icon-play.png') no-repeat center; background-color: #111; background-color: rgba(0,0,0,0.6); cursor: pointer; overflow: hidden; opacity: 0.85; border-radius: 3px; -webkit-transition: opacity 135ms linear; transition: opacity 135ms linear; } .mightySlider .mSIframe { background-image: url('../../../system/vendor/BurnEngine/extension/fire_slider/catalog/view/img/modern/icon-view.png'); } .mightySlider .mSVideo:hover, .mightySlider .mSFlash:hover, .mightySlider .mSIframe:hover { opacity: 1; } .mightySlider .mSClose { top: 0; right: 0; left: auto; bottom: auto; width: 60px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; opacity: 0; background: #000; -webkit-transition: all 135ms linear; transition: all 135ms linear; } .mightySlider .mSClose:before { content: '+'; display: inline-block; font-size: 48px; color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mightySlider:hover .mSClose { opacity: 1; } /* Thumbnails */ .mightySlider .mSThumbnails { -webkit-transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } .mightySlider .mSThumbnails * { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .mightySlider.horizontal.mSMedia .mSThumbnails, .mightySlider.vertical.mSMedia .mSThumbnails { display: none; } .tb_thumbs ul, .tb_thumbs ul > li { display: -ms-flexbox; display: -webkit-flex; display: flex; } .tb_thumbs ul > li { cursor: pointer; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: auto; } .tb_thumbs img { max-width: 100%; max-height: 100%; } .tb_thumbs_horizontal.tb_thumbs_crop .tb_thumbs_wrap { position: relative; } .tb_thumbs_horizontal.tb_thumbs_crop .tb_thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .tb_thumbs_horizontal .tb_thumbs > div, .tb_thumbs_horizontal .tb_thumbs ul { height: 100%; } .tb_thumbs_horizontal .tb_thumbs .tb_grid_view { max-width: 100%; min-width: 100%; } .tb_thumbs_vertical .tb_thumbs, .tb_thumbs_vertical .tb_thumbs > div, .tb_thumbs_vertical .tb_thumbs .tb_grid_view { height: 100% !important; } .tb_thumbs_vertical .tb_thumbs ul { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .tb_thumbs_vertical li { max-width: none !important; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .tb_thumbs_vertical .tb_grid_view > li { overflow: hidden; } .tb_thumbs_vertical .tb_size_3 > li { -ms-flex: 0 1 33.3333%; -webkit-flex: 0 1 33.3333%; flex: 0 1 33.3333%; height: 33.3333%; } .tb_thumbs_vertical .tb_size_4 > li { -ms-flex: 0 1 25%; -webkit-flex: 0 1 25%; flex: 0 1 25%; height: 25%; } .tb_thumbs_vertical .tb_size_5 > li { -ms-flex: 0 1 20%; -webkit-flex: 0 1 20%; flex: 0 1 20%; height: 20%; } .tb_thumbs_vertical .tb_size_6 > li { -ms-flex: 0 1 16.6666%; -webkit-flex: 0 1 16.6666%; flex: 0 1 16.6666%; height: 16.6666%; } .tb_thumbs_vertical .tb_size_7 > li { -ms-flex: 0 1 14.2857%; -webkit-flex: 0 1 14.2857%; flex: 0 1 14.2857%; height: 14.2857%; } .tb_thumbs_vertical .tb_size_8 > li { -ms-flex: 0 1 12.5%; -webkit-flex: 0 1 12.5%; flex: 0 1 12.5%; height: 12.5%; } /* Pages */ .mSPages { position: absolute; z-index: 3; margin: auto; padding: 20px 0 0 0; list-style: none; bottom: 0; right: 50px; left: 50px; overflow: hidden; text-align: center; line-height: 0px; -webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } .mSPages li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; cursor: pointer; vertical-align: top; text-indent: -1000em; border-radius: 50%; opacity: 0.2; } .mSPages li:hover, .mSPages li.active { opacity: 0.4; } .mightySlider.mSMedia .mSPages { display: none; } @media (max-width: 480px) { .mSPages { display: none; } } /* Performance for Touch Devices */ .mightySlider.isTouch .mSClose { opacity: 1; } .mightySlider.isTouch .mSButtons { opacity: 1; } @font-face { font-family: 'Kiddos-Theme'; src: url('https://www.tospitaki.gr/system/vendor/BurnEngine/themes/kiddos/fonts/kids/Kiddos-Theme.woff2?qx3ua8') format('woff2'), url('https://www.tospitaki.gr/system/vendor/BurnEngine/themes/kiddos/fonts/kids/Kiddos-Theme.woff?qx3ua8') format('woff'), url('https://www.tospitaki.gr/system/vendor/BurnEngine/themes/kiddos/fonts/kids/Kiddos-Theme.ttf?qx3ua8') format('truetype'), url('https://www.tospitaki.gr/system/vendor/BurnEngine/themes/kiddos/fonts/kids/Kiddos-Theme.svg?qx3ua8#Kiddos-Theme') format('svg'); font-weight: normal; font-style: normal; } [class*="ico-kiddos"], [class*="ico-kiddos"]:before { font-family: 'Kiddos-Theme' !important; font-style: normal; font-weight: normal; font-variant: normal; speak: none; } [class^="ico-kiddos-"], [class*="ico-kiddos"] { display: inline-block; line-height: inherit; text-align: center; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico-kiddos-bicycle:before { content: "\e900"; } .ico-kiddos-book:before { content: "\e901"; } .ico-kiddos-bottle:before { content: "\e902"; } .ico-kiddos-clothing-1:before { content: "\e903"; } .ico-kiddos-decoration:before { content: "\e905"; } .ico-kiddos-feet:before { content: "\e906"; } .ico-kiddos-gift:before { content: "\e907"; } .ico-kiddos-health:before { content: "\e908"; } .ico-kiddos-horse:before { content: "\e909"; } .ico-kiddos-woman:before { content: "\e90a"; } .ico-kiddos-baby:before { content: "\e90b"; } .ico-kiddos-boy:before { content: "\e90c"; } .ico-kiddos-girl:before { content: "\e90d"; } .ico-kiddos-baby-transport:before { content: "\e90e"; } .ico-kiddos-hot-air-balloon:before { content: "\e90f"; } .ico-kiddos-moon:before { content: "\e910"; } .ico-kiddos-toy-car:before { content: "\e911"; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.7 !important; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /* <button> css reset */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(https://www.tospitaki.gr/catalog/view/theme/BurnEngine/javascript/photoswipe/default-skin/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(https://www.tospitaki.gr/catalog/view/theme/BurnEngine/javascript/photoswipe/default-skin/default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } /* no arrows on touch screens */ .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } /* Arrow buttons hit area (icon is added to :before pseudo-element) */ .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } /* 2. Share modal/popup and links */ .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); transform: translateY(0); } /* increase size of share links on touch devices */ .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } /* 3. Index indicator ("1 of X" counter) */ .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } /* 4. Caption */ .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } /* Fake caption element, used to calculate height of next/prev image */ .pswp__caption--fake { visibility: hidden; } /* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(https://www.tospitaki.gr/catalog/view/theme/BurnEngine/javascript/photoswipe/default-skin/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } /* 6. Additional styles */ /* root element of UI */ .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } /* top black bar with buttons and "1 of X" indicator */ .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } /* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */ .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: transform; 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; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .tb_wt_header_search_system .twitter-typeahead { max-width: 100%; min-width: 0; } .tb_wt_header_search_system .twitter-typeahead > input { width: 100%; } .tb_wt_header_search_system .twitter-typeahead .dropdown-menu { margin-left: 0; } .tb_wt_header_search_system .twitter-typeahead .dropdown-menu > .tb_compact_view { margin: -20px 0; } .tb_wt_header_search_system .twitter-typeahead .dropdown-menu > .tb_compact_view > div { margin: 0 -20px; padding: 15px !important; } .tb_wt_header_search_system .twitter-typeahead .dropdown-menu > .tb_compact_view > div:last-child { border-bottom: none !important; } .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > .twitter-typeahead { width: 100%; max-width: none; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .tb_wt_header_search_system.tb_style_4:hover .tb_search_wrap > .twitter-typeahead, .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > .twitter-typeahead.dropdown-open { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } /* .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > .twitter-typeahead .dropdown-menu { display: none !important; } .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > .twitter-typeahead .dropdown-menu:not([style*="display: none;"]) { display: block !important; } */ @media (max-width: 768px) { .tb_wt_header_search_system .twitter-typeahead { position: static !important; } .tb_wt_header_search_system .twitter-typeahead .tt-hint { position: static !important; float: left; width: 100%; margin-bottom: -100%; } .tb_wt_header_search_system .twitter-typeahead .dropdown-menu { width: 100% !important; } }/*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/font/font-awesome/fontawesome-webfont.eot?v=4.3.0'); src: url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/font/font-awesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/font/font-awesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/font/font-awesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/font/font-awesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa, [class*="fa-"]:before { display: inline-block; line-height: inherit; text-align: center; vertical-align: top; } i.fa, [class*="fa-"]:before { text-rendering: auto; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } [class*="fa-"]:before { font-size: inherit; } [dir=ltr] i.fa, [dir=ltr] [class*="fa-"]:before { /* margin-right: 0.1em; */ } [dir=rtl] i.fa, [dir=rtl] [class*="fa-"]:before { margin-left: 0.1em; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; } .fa-stack ~ .fa-stack { position: absolute; top: 0; left: 0; width: 100%; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } /* ICON ADJUST * -------------------------- */ .tb_icon.fa-shield:before { margin-top: 0.05em; margin-bottom: -0.05em; } .tb_icon.fa-truck:before, .tb_icon.fa-send:before, .tb_icon.fa-paper-plane:before { text-indent: -0.08em; } .tb_icon_10.fa-heart:before { text-indent: -0.08em !important; } .tb_icon_10.fa-retweet:before { text-indent: -0.12em !important; font-size: 12px; margin-top: 1px; margin-bottom: -1px; } .tb_icon_16.fa-shopping-cart:before { margin-top: -0.06em; text-indent: -0.05em !important; } .tb_icon_16.fa-retweet:before { text-indent: 0.038em !important; } .fa-calendar { font-size: 14px; } /* * Query UI - v1.10.4 * http://jqueryui.com * Copyright 2013 jQuery Foundation and other contributors; * Licensed MIT */ /* Reset ----------------------------------*/ .ui-widget a, .ui-widget a:not([href]) { cursor: pointer; } .ui-dialog button, .ui-datepicker button { height: 2em; line-height: 2em; padding: 0 1em; text-transform: none; font-weight: normal; font-size: 1em; border: none; } .ui-widget-header, .ui-widget-content, .ui-state-default, .ui-state-hover, .ui-state-active, .ui-state-default a, .ui-state-hover a, .ui-state-active a { background: transparent none; border: none; border-radius: 0; box-shadow: none; } /* Clearfix ----------------------------------*/ [class*='-buttonpane']:after, .ui-timepicker-div dl:after { content: ''; clear: both; display: table; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { overflow: hidden; display: block; text-indent: -1000em; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { overflow: visible; /* the overflow property removes extra width in IE */ position: relative; display: inline-block; padding: 0; margin-right: .1em; text-align: center; zoom: 1; cursor: pointer; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { display: inline-block; float: none; margin-left: 0; margin-right: -0.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { z-index: 10000 !important; display: none; width: 17em; padding: 1.2em; } .ui-datepicker .ui-datepicker-header, .ui-timepicker-div .ui-widget-header { position: relative; margin: -1.2em -1.2em 1em -1.2em; padding: 0.7em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; width: 2em; height: 2em; margin-top: -1em; line-height: 2em; border: none !important; } .ui-datepicker .ui-icon { color: inherit !important; } .ui-datepicker .ui-datepicker-prev { left: 0.7em; } .ui-datepicker .ui-datepicker-next { right: 0.7em; } .ui-datepicker .ui-datepicker-header .ui-state-hover, .ui-timepicker-div .ui-widget-header .ui-state-hover { background: rgba(0, 0, 0, 0.3) !important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: inline-block; width: 100%; vertical-align: top; font-size: 1.5em; color: inherit !important; } .ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-next span:before { color: inherit !important; opacity: 0.6; } .ui-datepicker .ui-datepicker-prev.ui-state-hover span:before, .ui-datepicker .ui-datepicker-next.ui-state-hover span:before { opacity: 0.9; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.5em; text-align: center; font-size: 16px; } .ui-datepicker .ui-datepicker-title select { margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: 0 0 0.7em 0; text-align: center; font-weight: bold; font-size: 0.9em; border: 0; } .ui-datepicker td { width: 14.2777%; border: 0; text-align: center; padding: 1px; } .ui-datepicker td .ui-state-default { border: none; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { position: relative; clear: both; margin: 1.2em -1.2em -1.2em -1.2em; padding: 1.2em; text-align: center; background: none; } .ui-datepicker .ui-datepicker-buttonpane:before { content: ''; display: block; height: 0; margin: -1.2em -1.2em 1.2em -1.2em; border-top-width: 1px; border-top-style: solid; opacity: 0.2; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-timepicker-div dt, .ui-timepicker-div dd { box-sizing: border-box; overflow: visible; } .ui-timepicker-div dt { clear: left; float: left; width: 30%; height: 1.5em; line-height: 1.5em; margin: 0.5em 0; } .ui-timepicker-div dd { float: right; width: 68%; height: 0.69em; margin: 0.9em 0; } .ui-timepicker-div .ui_tpicker_time { height: 1.5em; line-height: 1.5em; margin: 0.5em 0; } .ui-dialog { overflow: hidden; position: absolute; z-index: 10001; top: 0; left: 0; width: 300px; padding: 2em; outline: none; box-sizing: border-box; } .ui-dialog .ui-dialog-titlebar { position: relative; margin: -2em -2em 2em -2em; padding: 1.2em 2em; } .ui-dialog .ui-dialog-title { vertical-align: top; } .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close.ui-state-default, .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close .ui-icon, .ui-dialog .ui-dialog-titlebar-close.ui-state-default .ui-icon, .ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon { position: absolute; display: block; color: inherit !important; } .ui-dialog .ui-dialog-titlebar-close { right: 1em; top: 50%; width: 1.6em; height: 1.6em; margin: -0.8em 0 0 0; padding: 0; font-size: 1.2em; background: transparent !important; box-shadow: none !important; } html[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close { left: 1em; right: auto; } .ui-dialog .ui-dialog-titlebar-close span { top: 0; left: 0; width: 100%; height: 100%; margin: 0; line-height: 1.6em; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover { background: rgba(0, 0, 0, 0.3) !important; } .ui-dialog .ui-dialog-titlebar-close span:before { color: inherit !important; opacity: 0.7; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover span:before { opacity: 0.9; } .ui-dialog .overflow_text { margin-right: -1em; padding-right: 2em; } html[dir="rtl"] .ui-dialog .overflow_text { margin-left: -1em; margin-right: 0; padding-left: 2em; padding-right: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: visible; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { display: block; margin: 0; padding: 10px 15px; list-style: none; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { width: 100%; margin: 0; padding: 0; zoom: 1; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { display: block; margin: 0 -15px; padding: 5px 15px; text-decoration: none; font-weight: normal; zoom: 1; border-radius: 0; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar, .ui-slider { position: relative; } .ui-progressbar:after, .ui-slider:after { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border-top-width: 0.35em; border-bottom-width: 0.39em; border-style: solid; opacity: 0.11; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { z-index: 2; position: absolute; cursor: w-resize; border-width: 1px; border-style: solid; border-color: transparent !important; border-radius: 2px !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); border-color: transparent !important; } .ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle.ui-state-hover { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); border-color: transparent !important; } .ui-slider .ui-slider-range { z-index: 1; position: absolute; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.35em; width: 1em; height: 100%; margin-left: -0.5em; padding: 0.7em 0; border: none !important; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -1px; width: 100%; height: 1em; margin-top: -0.5em; margin-left: -0.4em; padding: 0 0.4em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position:relative; display: inline-block; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { overflow: hidden; position: absolute; right: 0; display: block; width: 16px; height: 50%; margin: 0; padding: 0; line-height: inherit; text-align: center; font-size: 8px; cursor: default; } .ui-spinner-button .ui-button-text, .ui-spinner-button .ui-icon { position: absolute; display: block; width: 100%; padding: 0; } .ui-spinner-button .ui-button-text { top: 0; left: 0; height: 100%; line-height: 100%; } .ui-spinner-button .ui-icon { top: 50%; height: 12px; margin-top: -6px; font-size: 12px; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs-nav li { list-style: none; position: relative; white-space: nowrap; } .ui-tabs-nav .ui-state-disabled a { cursor: disabled; } .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: wait; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tooltip { padding: 0.7em 1.2em; position: absolute; z-index: 9999; max-width: 300px; } /* Component containers ----------------------------------*/ .ui-widget-content.ui-datepicker, .ui-widget-content.ui-dialog, .ui-widget-content.ui-tooltip, .ui-widget-content.ui-autocomplete { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .ui-widget-content a { color: #222222; } .ui-widget-header { font-weight: 600; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } /* Interaction states ----------------------------------*/ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #212121; border-color: #cacaca; background: #dadada; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary:not(button):not(.ui-button), .ui-widget-content .ui-priority-primary:not(button):not(.ui-button), .ui-widget-header .ui-priority-primary:not(button):not(.ui-button) { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { text-align: center; } .ui-icon:before { display: inline-block; float: left; width: 100%; text-indent: 0; vertical-align: top; font-family: FontAwesome; font-weight: normal; font-style: normal; text-align: center; text-decoration: none; speak: none; } .ui-icon-closethick:before { content: '\2716'; content: '\274c'; font-family: Tahoma, Arial, sans-serif; font-size: 0.99em; font-weight: normal; } .ui-icon-triangle-1-n:before { content: '\f0d8'; } .ui-icon-triangle-1-e:before { content: '\f0da'; } .ui-icon-triangle-1-s:before { content: '\f0d7'; } .ui-icon-circle-triangle-e:before { content: '\f105'; } .ui-icon-circle-triangle-w:before { content: '\f104'; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-dialog.ui-widget-content, .ui-datepicker.ui-widget-content, .ui-tooltip.ui-widget-content, .ui-autocomplete.ui-widget-content { border-radius: 2px; } .ui-dialog .ui-widget-header, .ui-datepicker .ui-widget-header, .ui-tooltip .ui-widget-header, .ui-autocomplete .ui-widget-header { border-radius: 2px 2px 0 0; } /* COLORS ----------------------------------*/ .ui-widget-overlay { background: #ffffff; opacity: 0.6; } /* ----------------------------------------------------------------------------------------- C O R E ----------------------------------------------------------------------------------------- */ *, body, button, input, textarea, select, table, td, th { margin: 0; padding: 0; line-height: inherit; font-family: inherit; font-size: 100%; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { overflow-x: hidden; } @media (min-width: 1261px) { html[dir="ltr"] { width: 100vw; } } @media (max-width: 768px) { html { overflow-x: hidden; } } body:before { content: ''; display: table !important; } img, svg { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } svg { max-height: 100%; fill: currentColor; } body > svg { display: none; } a, img, a img, iframe { border: 0; text-decoration: none; } a:active { background: transparent; } a:not([href]) { cursor: default; } a:before, a:after { outline: 0 none !important; } ul { list-style: none; } table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="file"], input[type="file"]:hover, input[type="file"]:focus { background-color: transparent; } button[disabled], input[disabled] { cursor: default; } button, input[type=date], input[type=time], input[type=datetime], input[type=search], input[type=number], input[type=submit], input[type=reset], input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } ::-webkit-input-placeholder { color: inherit !important; opacity: 0.5 !important; } ::-moz-placeholder { color: inherit !important; opacity: 0.5 !important; } :-ms-input-placeholder { color: inherit !important; opacity: 0.5 !important; } input[type="checkbox"], input[type="radio"] { padding: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } .disabled, [disabled], [readonly], .disabled *, [disabled] *, [readonly] * { cursor: not-allowed; } /*** Jquery UI reset ***/ .tb_tabs .ui-icon, .tb_accordion .ui-icon { position: static; display: inline; width: auto; height: auto; text-indent: 0; } /*****************************************************/ /****** B O X M O D E L ***********************/ /*****************************************************/ * { box-sizing: border-box; } /* Video embeds ------------------------------------------------------------------------ */ iframe[src*="youtube"], iframe[src*="vimeo"] { max-width: 100%; } @media (max-width: 480px) { iframe[src*="youtube"], iframe[src*="vimeo"] { height: auto; } }* { text-rendering: optimizeLegibility; } body { font: 13px/20px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; } /* --- Titles ---------------------------------------------------------------------- */ h1, h2, h3, .h1, .h2, .h3, h4, h5, h6, .h4, .h5, .h6, legend, .panel-heading, .box-heading { font-weight: normal; font-style: normal; } h1, .h1 { margin-bottom: 20px; font-size: 26px; } h2, .h2, legend, .panel-heading, .box-heading { font-size: 16px; } h2, .h2, legend { margin-bottom: 20px; font-size: 16px; } h3, .h3 { margin-bottom: 10px; font-size: 15px; } h4, .h4 { margin-bottom: 10px; font-size: 14px; } h5, .h5 { font-size: 12px; } h6, .h6 { font-size: 11px; } sup, sub { line-height: 0; font-size: 75%; } hr { height: 0; border: none; border-bottom: 1px solid; opacity: 0.2; } /* --- Text Utilities -------------------------------------------------------------- */ small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right !important; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .valign-top { vertical-align: top; } .valign-middle { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } small { font-size: 75%; } blockquote, p, ul, ol, dl, address, blockquote, table, hr { margin-bottom: 5px; } h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child, blockquote:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, address:last-child, blockquote:last-child, table:last-child, hr:last-child { margin-bottom: 0; } table img { display: block; max-width: none; margin-left: auto; margin-right: auto; } p img, a img { display: inline-block; vertical-align: top; } *::-moz-selection, *::-webkit-selection, ::selection { color: #fff; } figure.image, figure.image img:not(:last-child) { margin-bottom: 20px; } figure.image figcaption { text-align: center; font-style: italic; } p img.left, p img.pull-left, p .image-holder.pull-left, figure.image.pull-left { float: left; margin: 0 20px 20px 0; } img.center-block, .center-block img, figure .image-holder, .center-block .image-holder, figure img { display: block; margin: 0 auto 20px auto; } p.center-block:last-child img, figure.center-block:last-child img { margin-bottom: 0; } p img.right, p img.pull-right, p .image-holder.pull-right, figure.image.pull-right { float: right; margin: 0 0 20px 20px; } .pull-left img.pull-left, .pull-right img.pull-right, p > img.left:last-child:not([style*="margin-bottom"]), p > img.pull-right:last-child:not([style*="margin-bottom"]), p:last-child > img.center-block, p.center-block:last-child > img, p.center-block:last-child > .image-holder { margin-bottom: 0 !important; } .tb_text_wrap p:not([class]) .image-holder:not(.pull-left):not(.pull-right):not(.center-block) { display: inline-block; margin-left: 0; margin-right: 0; vertical-align: top; } p:empty, ul:empty { display: none; } a { -webkit-transition: color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s; } i.fa, i[class*="fa-"] { vertical-align: initial; } i.fa, i.fa:before, [class*="fa-"], [class*="fa-"]:before { line-height: inherit; } .btn i.fa { vertical-align: top; } .dropdown > .caret { display: none; } .sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(0,0,0,0); border: 0; } span.required { font-weight: bold; color: red; } .tb_small { font-size: 10px; } a img.inline { vertical-align: middle; } .overflow_text { overflow: auto; overflow-x: hidden; } .tb_sep, .pagination, table, .table, span.clear.border:not([class*="tb_mb_"]) { margin-bottom: 30px; } .border { border-bottom-width: 1px; border-bottom-style: solid; } .border-dashed { border-bottom-style: dashed; } .border-dotted { border-bottom-style: dotted; } .border-double { border-bottom-width: 3px; border-bottom-style: double; } br.clear, span.clear { visibility: visible; display: block; height: 0; line-height: 0; font-size: 0; } p.tb_empty { text-align: center; margin-bottom: 30px; padding: 40px 0; font-size: 16.25px; } .help { font-size: 11.05px; opacity: 0.6; } pre { word-wrap: break-word; } pre code { white-space: pre-wrap; } abbr[title], abbr[data-original-title] { cursor: help; } .blockquote-reverse, blockquote.pull-right { text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } /* ----------------------------------------------------------------------------------------- Lists ----------------------------------------------------------------------------------------- */ /* --- Description list ------------------------------------------------------------ */ .dl-horizontal dt { clear: left; float: left; margin-right: 10px; font-weight: bold; } .dl-horizontal dd { overflow: hidden; } /* --- Unordered list -------------------------------------------------------------- */ .tb_list_1, .list-group { list-style: none !important; } .tb_list_1 > li:not(.tb_nobullet):not(.tb_link) { display: table; width: 100%; table-layout: fixed; } .tb_list_1 > li > a { word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; } .tb_list_1 > li.tb_link > a, .list-group > a { position: relative; display: table; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tb_list_1 > li:not(.tb_nobullet):not(.tb_link):before, .tb_list_1 > li.tb_link > a:before, .list-group > a:before { content: '\f105'; width: 14px; font-size: 12px; font-family: FontAwesome; } .tb_list_1 > li:not(.tb_nobullet):not(.tb_link):before { display: table-cell; vertical-align: top; } .tb_list_1 > li.tb_link > a:before, .list-group > a:before { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .tb_list_1:not(dropdown-menu) > li > .dropdown-menu.tb_ip_sm { margin-top: -15px; } /* ----------------------------------------------------------------------------------------- Icons ----------------------------------------------------------------------------------------- */ .tb_icon_10, .tb_icon_16, .tb_icon_24, .tb_icon_32, .btn.tb_icon_10, .btn.tb_icon_16, .btn.tb_icon_24, .btn.tb_icon_32 { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; vertical-align: top; } [class].tb_icon_10:before, [class].tb_icon_16:before, [class].tb_icon_24:before, [class].tb_icon_32:before { margin-right: 0.5em !important; } .tb_icon_10:before { width: 11px; font-size: 10px; } .tb_icon_16:before { width: 17px; font-size: 16px; } .tb_icon_24:before { width: 25px; font-size: 24px; } .tb_icon_32:before { width: 32px; font-size: 32px; } .tb_icon { display: inline-block; margin-right: 0.5em; text-align: center; letter-spacing: 0; word-spacing: 0; vertical-align: top; } [class*="tb_icon_"]:before { margin-right: 0 !important; margin-left: 0 !important; } .btn svg { width: 1.4em; } .fa.fa-times:before, .fa.fa-times-circle:before { content: '\2716'; content: '\274c'; content: '\2715'; content: '\00D7'; font-family: FontAwesome, Tahoma, Arial, sans-serif; font-size: 0.99em; font-size: 1.35em; } .btn .fa-times:before, .btn .fa-times-circle:before { font-size: 22px; letter-spacing: 0; word-spacing: 0; } .btn-xs .fa-times:before, .btn-xs .fa-times-circle:before { font-size: 17px; } .btn-sm .fa-times:before, .btn-sm .fa-times-circle:before { font-size: 20px; } .btn-lg .fa-times:before, .btn-lg .fa-times-circle:before { font-size: 29px; } .tb_no_text > i.fa, .tb_no_text[class*="fa-"]:before, .tb_no_text > [class*="fa-"]:before, .tb_no_text[class*="ico-"]:before, .tb_no_text > [class*="ico-"]:before, .tb_no_text > .tb_icon, .tb_no_text > .tb_text > i.fa, .tb_no_text > .tb_text > [class*="fa-"]:before, .tb_no_text > .tb_text > .tb_icon { margin-left: 0 !important; margin-right: 0 !important; } /* ----------------------------------------------------------------------------------------- OpenCart 1 ----------------------------------------------------------------------------------------- */ th.left, td.left { text-align: left; } th.right, td.right { text-align: right; } th.center, td.center { text-align: left; } /* ----------------------------------------------------------------------------------------- C O N T A I N E R ----------------------------------------------------------------------------------------- */ .container, .container-fluid { clear: both; margin-left: auto; margin-right: auto; } .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row-wrap:before { content: ''; display: table; } .container:after, .container-fluid:after { clear: both; } #wrapper.container-fluid { overflow-x: hidden; } /* ----------------------------------------------------------------------------------------- G R I D ----------------------------------------------------------------------------------------- */ .row, .col, .row > div { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .row { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: -30px; margin-left: -30px; } .row:after { content: ''; display: table; display: -ms-flexbox; display: -webkit-flex; display: flex; clear: both; } .row + .row { margin-top: 0; } html[dir="rtl"] .tb_no_rtl_columns { direction: ltr; } html[dir="rtl"] .tb_no_rtl_columns > .col { direction: rtl; } .col, .row > div { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; float: left; max-width: 100%; /* min-height: 1px; */ margin-left: 30px; margin-top: 30px; } .row.row-reverse, .row-reverse > .row { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .row.row-reverse > .col, .row-reverse > .row > .col { float: right; } .container, .tb_width_fixed, #wrapper:not(.container) > .tb_content_fixed > .row-wrap { max-width: 1200px; } @media (min-width: 1280px) { .tb_content_fixed > .row { max-width: 1260px; } } @media (max-width: 1280px) { #wrapper.container { margin-left: 30px; margin-right: 30px; } } #wrapper:not(.container) > .container, #wrapper:not(.container) > .tb_width_fixed, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_width_fixed { min-width: 0; margin-left: auto; margin-right: auto; } @media (min-width: 1281px) { #wrapper:not(.container) > .tb_content_fixed:not([class*="tb_pl_"]) > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed):not([class*="tb_pl_"]) .tb_content_fixed:not([class*="tb_pl_"]) > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1211px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_5 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_5 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_5 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1221px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_10 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_10 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_10 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1231px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_15 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_15 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_15 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1241px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_20 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_20 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_20 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1251px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_25 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_25 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_25 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1261px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_30 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_30 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_30 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1271px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_35 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_35 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_35 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1281px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_40 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_40 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_40 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1291px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_45 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_45 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_45 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } @media (min-width: 1301px) { #wrapper:not(.container) > .tb_content_fixed.tb_pl_50 > div, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed).tb_pl_50 .tb_content_fixed > .row, #wrapper:not(.container) > :not(.container):not(.tb_content_fixed):not(.tb_width_fixed) .tb_content_fixed.tb_pl_50 > .row { min-width: 0; margin-left: auto; margin-right: auto; } } /* ----------------------------------------------------------------------------------------- G R I D G U T T E R ----------------------------------------------------------------------------------------- */ .row { margin-left: -30px; } [class*="col-"] { margin-top: 30px; margin-left: 30px; } .row.tb_gut_0 { margin-left: -0px; } .row.tb_gut_0 > .col { margin-left: 0px; } .row.tb_gut_10 { margin-left: -10px; } .row.tb_gut_10 > .col { margin-left: 10px; } .row.tb_gut_20 { margin-left: -20px; } .row.tb_gut_20 > .col { margin-left: 20px; } .row.tb_gut_30 { margin-left: -30px; } .row.tb_gut_30 > .col { margin-left: 30px; } .row.tb_gut_40 { margin-left: -40px; } .row.tb_gut_40 > .col { margin-left: 40px; } .row.tb_gut_50 { margin-left: -50px; } .row.tb_gut_50 > .col { margin-left: 50px; } /*** xs ***/ .row.tb_gut_xs_0 { margin-top: -0px; margin-left: -0px; margin-right: -0px; padding-right: 0px; } .row.tb_gut_xs_0 > .col { margin-left: 0px; } .row.tb_gut_xs_0 > [class*="col-xs-"] { margin-top: 0px; } .row.tb_gut_xs_10 { margin-top: -10px; margin-left: -10px; margin-right: -10px; padding-right: 10px; } .row.tb_gut_xs_10 > .col { margin-left: 10px; } .row.tb_gut_xs_10 > [class*="col-xs-"] { margin-top: 10px; } .row.tb_gut_xs_20 { margin-top: -20px; margin-left: -20px; margin-right: -20px; padding-right: 20px; } .row.tb_gut_xs_20 > .col { margin-left: 20px; } .row.tb_gut_xs_20 > [class*="col-xs-"] { margin-top: 20px; } .row.tb_gut_xs_30 { margin-top: -30px; margin-left: -30px; margin-right: -30px; padding-right: 30px; } .row.tb_gut_xs_30 > .col { margin-left: 30px; } .row.tb_gut_xs_30 > [class*="col-xs-"] { margin-top: 30px; } .row.tb_gut_xs_40 { margin-top: -40px; margin-left: -40px; margin-right: -40px; padding-right: 40px; } .row.tb_gut_xs_40 > .col { margin-left: 40px; } .row.tb_gut_xs_40 > [class*="col-xs-"] { margin-top: 40px; } .row.tb_gut_xs_50 { margin-top: -50px; margin-left: -50px; margin-right: -50px; padding-right: 50px; } .row.tb_gut_xs_50 > .col { margin-left: 50px; } .row.tb_gut_xs_50 > [class*="col-xs-"] { margin-top: 50px; } /*** sm ***/ @media (min-width: 769px) { .row.tb_gut_sm_0 { margin-top: -0px; margin-left: -0px; margin-right: -0px; padding-right: 0px; } .row.tb_gut_sm_0 > .col { margin-left: 0px; } .row.tb_gut_sm_0 > [class*="col-sm-"] { margin-top: 0px; } .row.tb_gut_sm_10 { margin-top: -10px; margin-left: -10px; margin-right: -10px; padding-right: 10px; } .row.tb_gut_sm_10 > .col { margin-left: 10px; } .row.tb_gut_sm_10 > [class*="col-sm-"] { margin-top: 10px; } .row.tb_gut_sm_20 { margin-top: -20px; margin-left: -20px; margin-right: -20px; padding-right: 20px; } .row.tb_gut_sm_20 > .col { margin-left: 20px; } .row.tb_gut_sm_20 > [class*="col-sm-"] { margin-top: 20px; } .row.tb_gut_sm_30 { margin-top: -30px; margin-left: -30px; margin-right: -30px; padding-right: 30px; } .row.tb_gut_sm_30 > .col { margin-left: 30px; } .row.tb_gut_sm_30 > [class*="col-sm-"] { margin-top: 30px; } .row.tb_gut_sm_40 { margin-top: -40px; margin-left: -40px; margin-right: -40px; padding-right: 40px; } .row.tb_gut_sm_40 > .col { margin-left: 40px; } .row.tb_gut_sm_40 > [class*="col-sm-"] { margin-top: 40px; } .row.tb_gut_sm_50 { margin-top: -50px; margin-left: -50px; margin-right: -50px; padding-right: 50px; } .row.tb_gut_sm_50 > .col { margin-left: 50px; } .row.tb_gut_sm_50 > [class*="col-sm-"] { margin-top: 50px; } } /*** md ***/ @media (min-width: 1041px) { .row.tb_gut_md_0 { margin-top: -0px; margin-left: -0px; margin-right: -0px; padding-right: 0px; } .row.tb_gut_md_0 > .col { margin-left: 0px; } .row.tb_gut_md_0 > [class*="col-md-"] { margin-top: 0px; } .row.tb_gut_md_10 { margin-top: -10px; margin-left: -10px; margin-right: -10px; padding-right: 10px; } .row.tb_gut_md_10 > .col { margin-left: 10px; } .row.tb_gut_md_10 > [class*="col-md-"] { margin-top: 10px; } .row.tb_gut_md_20 { margin-top: -20px; margin-left: -20px; margin-right: -20px; padding-right: 20px; } .row.tb_gut_md_20 > .col { margin-left: 20px; } .row.tb_gut_md_20 > [class*="col-md-"] { margin-top: 20px; } .row.tb_gut_md_30 { margin-top: -30px; margin-left: -30px; margin-right: -30px; padding-right: 30px; } .row.tb_gut_md_30 > .col { margin-left: 30px; } .row.tb_gut_md_30 > [class*="col-md-"] { margin-top: 30px; } .row.tb_gut_md_40 { margin-top: -40px; margin-left: -40px; margin-right: -40px; padding-right: 40px; } .row.tb_gut_md_40 > .col { margin-left: 40px; } .row.tb_gut_md_40 > [class*="col-md-"] { margin-top: 40px; } .row.tb_gut_md_50 { margin-top: -50px; margin-left: -50px; margin-right: -50px; padding-right: 50px; } .row.tb_gut_md_50 > .col { margin-left: 50px; } .row.tb_gut_md_50 > [class*="col-md-"] { margin-top: 50px; } } /*** lg ***/ @media (min-width: 1261px) { .row.tb_gut_lg_0 { margin-top: -0px; margin-left: -0px; margin-right: -0px; padding-right: 0px; } .row.tb_gut_lg_0 > .col { margin-left: 0px; } .row.tb_gut_lg_0 > [class*="col-lg-"] { margin-top: 0px; } .row.tb_gut_lg_10 { margin-top: -10px; margin-left: -10px; margin-right: -10px; padding-right: 10px; } .row.tb_gut_lg_10 > .col { margin-left: 10px; } .row.tb_gut_lg_10 > [class*="col-lg-"] { margin-top: 10px; } .row.tb_gut_lg_20 { margin-top: -20px; margin-left: -20px; margin-right: -20px; padding-right: 20px; } .row.tb_gut_lg_20 > .col { margin-left: 20px; } .row.tb_gut_lg_20 > [class*="col-lg-"] { margin-top: 20px; } .row.tb_gut_lg_30 { margin-top: -30px; margin-left: -30px; margin-right: -30px; padding-right: 30px; } .row.tb_gut_lg_30 > .col { margin-left: 30px; } .row.tb_gut_lg_30 > [class*="col-lg-"] { margin-top: 30px; } .row.tb_gut_lg_40 { margin-top: -40px; margin-left: -40px; margin-right: -40px; padding-right: 40px; } .row.tb_gut_lg_40 > .col { margin-left: 40px; } .row.tb_gut_lg_40 > [class*="col-lg-"] { margin-top: 40px; } .row.tb_gut_lg_50 { margin-top: -50px; margin-left: -50px; margin-right: -50px; padding-right: 50px; } .row.tb_gut_lg_50 > .col { margin-left: 50px; } .row.tb_gut_lg_50 > [class*="col-lg-"] { margin-top: 50px; } } @media (min-width: 1280px) { .tb_content_fixed > .row { margin-right: -30px; padding-right: 30px; } .tb_content_fixed > .row.tb_gut_xs_0 { max-width: 1200px; margin-right: -0px; padding-right: 0px; } .tb_content_fixed > .row.tb_gut_xs_10 { max-width: 1220px; margin-right: -10px; padding-right: 10px; } .tb_content_fixed > .row.tb_gut_xs_20 { max-width: 1240px; margin-right: -20px; padding-right: 20px; } .tb_content_fixed > .row.tb_gut_xs_30 { max-width: 1260px; margin-right: -30px; padding-right: 30px; } .tb_content_fixed > .row.tb_gut_xs_40 { max-width: 1280px; margin-right: -40px; padding-right: 40px; } .tb_content_fixed > .row.tb_gut_xs_50 { max-width: 1300px; margin-right: -50px; padding-right: 50px; } .tb_content_fixed > .row.tb_gut_sm_0 { max-width: 1200px; margin-right: -0px; padding-right: 0px; } .tb_content_fixed > .row.tb_gut_sm_10 { max-width: 1220px; margin-right: -10px; padding-right: 10px; } .tb_content_fixed > .row.tb_gut_sm_20 { max-width: 1240px; margin-right: -20px; padding-right: 20px; } .tb_content_fixed > .row.tb_gut_sm_30 { max-width: 1260px; margin-right: -30px; padding-right: 30px; } .tb_content_fixed > .row.tb_gut_sm_40 { max-width: 1280px; margin-right: -40px; padding-right: 40px; } .tb_content_fixed > .row.tb_gut_sm_50 { max-width: 1300px; margin-right: -50px; padding-right: 50px; } .tb_content_fixed > .row.tb_gut_md_0 { max-width: 1200px; margin-right: -0px; padding-right: 0px; } .tb_content_fixed > .row.tb_gut_md_10 { max-width: 1220px; margin-right: -10px; padding-right: 10px; } .tb_content_fixed > .row.tb_gut_md_20 { max-width: 1240px; margin-right: -20px; padding-right: 20px; } .tb_content_fixed > .row.tb_gut_md_30 { max-width: 1260px; margin-right: -30px; padding-right: 30px; } .tb_content_fixed > .row.tb_gut_md_40 { max-width: 1280px; margin-right: -40px; padding-right: 40px; } .tb_content_fixed > .row.tb_gut_md_50 { max-width: 1300px; margin-right: -50px; padding-right: 50px; } .tb_content_fixed > .row.tb_gut_lg_0 { max-width: 1200px; margin-right: -0px; padding-right: 0px; } .tb_content_fixed > .row.tb_gut_lg_10 { max-width: 1220px; margin-right: -10px; padding-right: 10px; } .tb_content_fixed > .row.tb_gut_lg_20 { max-width: 1240px; margin-right: -20px; padding-right: 20px; } .tb_content_fixed > .row.tb_gut_lg_30 { max-width: 1260px; margin-right: -30px; padding-right: 30px; } .tb_content_fixed > .row.tb_gut_lg_40 { max-width: 1280px; margin-right: -40px; padding-right: 40px; } .tb_content_fixed > .row.tb_gut_lg_50 { max-width: 1300px; margin-right: -50px; padding-right: 50px; } } /* ----------------------------------------------------------------------------------------- G R I D S I Z E ----------------------------------------------------------------------------------------- */ @media (max-width: 768px) { .col:empty { display: none !important; } } /*** xs ***/ .col-xs-auto.col-xs-auto, .col-xs-fill.col-xs-fill { width: auto; max-width: none; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, /* 5 columns */ .col-xs-1-5, .col-xs-2-5, .col-xs-3-5, .col-xs-4-5, /* 8 columns */ .col-xs-1-8, .col-xs-3-8, .col-xs-5-8, .col-xs-7-8, .col-xs-auto { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .col-xs-fill { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; min-width: 0px; } .col-xs-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_xs_0 > .col-xs-1 { width: 8.33333333%; max-width: 8.33333333%; } .tb_gut_xs_10 > .col-xs-1 { width: calc(8.33333333% - 10px); max-width: calc(8.33333333% - 10px); } .tb_gut_xs_20 > .col-xs-1 { width: calc(8.33333333% - 20px); max-width: calc(8.33333333% - 20px); } .tb_gut_xs_30 > .col-xs-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_xs_40 > .col-xs-1 { width: calc(8.33333333% - 40px); max-width: calc(8.33333333% - 40px); } .tb_gut_xs_50 > .col-xs-1 { width: calc(8.33333333% - 50px); max-width: calc(8.33333333% - 50px); } .tb_separate_columns > .col-xs-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-xs-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_xs_0 > .col-xs-2 { width: 16.66666666%; max-width: 16.66666666%; } .tb_gut_xs_10 > .col-xs-2 { width: calc(16.66666666% - 10px); max-width: calc(16.66666666% - 10px); } .tb_gut_xs_20 > .col-xs-2 { width: calc(16.66666666% - 20px); max-width: calc(16.66666666% - 20px); } .tb_gut_xs_30 > .col-xs-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_xs_40 > .col-xs-2 { width: calc(16.66666666% - 40px); max-width: calc(16.66666666% - 40px); } .tb_gut_xs_50 > .col-xs-2 { width: calc(16.66666666% - 50px); max-width: calc(16.66666666% - 50px); } .tb_separate_columns > .col-xs-2 { width: 16.66666666%; max-width: 16.66666666%; } .col-xs-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_xs_0 > .col-xs-3 { width: 25%; max-width: 25%; } .tb_gut_xs_10 > .col-xs-3 { width: calc(25% - 10px); max-width: calc(25% - 10px); } .tb_gut_xs_20 > .col-xs-3 { width: calc(25% - 20px); max-width: calc(25% - 20px); } .tb_gut_xs_30 > .col-xs-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_xs_40 > .col-xs-3 { width: calc(25% - 40px); max-width: calc(25% - 40px); } .tb_gut_xs_50 > .col-xs-3 { width: calc(25% - 50px); max-width: calc(25% - 50px); } .tb_separate_columns > .col-xs-3 { width: 25%; max-width: 25%; } .col-xs-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_xs_0 > .col-xs-4 { width: 33.33333333%; max-width: 33.33333333%; } .tb_gut_xs_10 > .col-xs-4 { width: calc(33.33333333% - 10px); max-width: calc(33.33333333% - 10px); } .tb_gut_xs_20 > .col-xs-4 { width: calc(33.33333333% - 20px); max-width: calc(33.33333333% - 20px); } .tb_gut_xs_30 > .col-xs-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_xs_40 > .col-xs-4 { width: calc(33.33333333% - 40px); max-width: calc(33.33333333% - 40px); } .tb_gut_xs_50 > .col-xs-4 { width: calc(33.33333333% - 50px); max-width: calc(33.33333333% - 50px); } .tb_separate_columns > .col-xs-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_xs_0 > .col-xs-5 { width: 41.66666666%; max-width: 41.66666666%; } .tb_gut_xs_10 > .col-xs-5 { width: calc(41.66666666% - 10px); max-width: calc(41.66666666% - 10px); } .tb_gut_xs_20 > .col-xs-5 { width: calc(41.66666666% - 20px); max-width: calc(41.66666666% - 20px); } .tb_gut_xs_30 > .col-xs-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_xs_40 > .col-xs-5 { width: calc(41.66666666% - 40px); max-width: calc(41.66666666% - 40px); } .tb_gut_xs_50 > .col-xs-5 { width: calc(41.66666666% - 50px); max-width: calc(41.66666666% - 50px); } .tb_separate_columns > .col-xs-5 { width: 41.66666666%; max-width: 41.66666666%; } .col-xs-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_xs_0 > .col-xs-6 { width: 50%; max-width: 50%; } .tb_gut_xs_10 > .col-xs-6 { width: calc(50% - 10px); max-width: calc(50% - 10px); } .tb_gut_xs_20 > .col-xs-6 { width: calc(50% - 20px); max-width: calc(50% - 20px); } .tb_gut_xs_30 > .col-xs-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_xs_40 > .col-xs-6 { width: calc(50% - 40px); max-width: calc(50% - 40px); } .tb_gut_xs_50 > .col-xs-6 { width: calc(50% - 50px); max-width: calc(50% - 50px); } .tb_separate_columns > .col-xs-6 { width: 50%; max-width: 50%; } .col-xs-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_xs_0 > .col-xs-7 { width: 58.33333333%; max-width: 58.33333333%; } .tb_gut_xs_10 > .col-xs-7 { width: calc(58.33333333% - 10px); max-width: calc(58.33333333% - 10px); } .tb_gut_xs_20 > .col-xs-7 { width: calc(58.33333333% - 20px); max-width: calc(58.33333333% - 20px); } .tb_gut_xs_30 > .col-xs-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_xs_40 > .col-xs-7 { width: calc(58.33333333% - 40px); max-width: calc(58.33333333% - 40px); } .tb_gut_xs_50 > .col-xs-7 { width: calc(58.33333333% - 50px); max-width: calc(58.33333333% - 50px); } .tb_separate_columns > .col-xs-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_xs_0 > .col-xs-8 { width: 66.66666666%; max-width: 66.66666666%; } .tb_gut_xs_10 > .col-xs-8 { width: calc(66.66666666% - 10px); max-width: calc(66.66666666% - 10px); } .tb_gut_xs_20 > .col-xs-8 { width: calc(66.66666666% - 20px); max-width: calc(66.66666666% - 20px); } .tb_gut_xs_30 > .col-xs-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_xs_40 > .col-xs-8 { width: calc(66.66666666% - 40px); max-width: calc(66.66666666% - 40px); } .tb_gut_xs_50 > .col-xs-8 { width: calc(66.66666666% - 50px); max-width: calc(66.66666666% - 50px); } .tb_separate_columns > .col-xs-8 { width: 66.66666666%; max-width: 66.66666666%; } .col-xs-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_xs_0 > .col-xs-9 { width: 75%; max-width: 75%; } .tb_gut_xs_10 > .col-xs-9 { width: calc(75% - 10px); max-width: calc(75% - 10px); } .tb_gut_xs_20 > .col-xs-9 { width: calc(75% - 20px); max-width: calc(75% - 20px); } .tb_gut_xs_30 > .col-xs-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_xs_40 > .col-xs-9 { width: calc(75% - 40px); max-width: calc(75% - 40px); } .tb_gut_xs_50 > .col-xs-9 { width: calc(75% - 50px); max-width: calc(75% - 50px); } .tb_separate_columns > .col-xs-9 { width: 75%; max-width: 75%; } .col-xs-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_xs_0 > .col-xs-10 { width: 83.33333333%; max-width: 83.33333333%; } .tb_gut_xs_10 > .col-xs-10 { width: calc(83.33333333% - 10px); max-width: calc(83.33333333% - 10px); } .tb_gut_xs_20 > .col-xs-10 { width: calc(83.33333333% - 20px); max-width: calc(83.33333333% - 20px); } .tb_gut_xs_30 > .col-xs-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_xs_40 > .col-xs-10 { width: calc(83.33333333% - 40px); max-width: calc(83.33333333% - 40px); } .tb_gut_xs_50 > .col-xs-10 { width: calc(83.33333333% - 50px); max-width: calc(83.33333333% - 50px); } .tb_separate_columns > .col-xs-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_xs_0 > .col-xs-11 { width: 91.66666666%; max-width: 91.66666666%; } .tb_gut_xs_10 > .col-xs-11 { width: calc(91.66666666% - 10px); max-width: calc(91.66666666% - 10px); } .tb_gut_xs_20 > .col-xs-11 { width: calc(91.66666666% - 20px); max-width: calc(91.66666666% - 20px); } .tb_gut_xs_30 > .col-xs-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_xs_40 > .col-xs-11 { width: calc(91.66666666% - 40px); max-width: calc(91.66666666% - 40px); } .tb_gut_xs_50 > .col-xs-11 { width: calc(91.66666666% - 50px); max-width: calc(91.66666666% - 50px); } .tb_separate_columns > .col-xs-11 { width: 91.66666666%; max-width: 91.66666666%; } .col-xs-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_xs_0 > .col-xs-12 { width: 100%; max-width: 100%; } .tb_gut_xs_10 > .col-xs-12 { width: calc(100% - 10px); max-width: calc(100% - 10px); } .tb_gut_xs_20 > .col-xs-12 { width: calc(100% - 20px); max-width: calc(100% - 20px); } .tb_gut_xs_30 > .col-xs-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_xs_40 > .col-xs-12 { width: calc(100% - 40px); max-width: calc(100% - 40px); } .tb_gut_xs_50 > .col-xs-12 { width: calc(100% - 50px); max-width: calc(100% - 50px); } .tb_separate_columns > .col-xs-12 { width: 100%; max-width: 100%; } /* 5 columns */ .col-xs-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_xs_0 > .col-xs-1-5 { width: 20%; max-width: 20%; } .tb_gut_xs_10 > .col-xs-1-5 { width: calc(20% - 10px); max-width: calc(20% - 10px); } .tb_gut_xs_20 > .col-xs-1-5 { width: calc(20% - 20px); max-width: calc(20% - 20px); } .tb_gut_xs_30 > .col-xs-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_xs_40 > .col-xs-1-5 { width: calc(20% - 40px); max-width: calc(20% - 40px); } .tb_gut_xs_50 > .col-xs-1-5 { width: calc(20% - 50px); max-width: calc(20% - 50px); } .tb_separate_columns > .col-xs-1-5 { width: 20%; max-width: 20%; } .col-xs-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_xs_0 > .col-xs-2-5 { width: 40%; max-width: 40%; } .tb_gut_xs_10 > .col-xs-2-5 { width: calc(40% - 10px); max-width: calc(40% - 10px); } .tb_gut_xs_20 > .col-xs-2-5 { width: calc(40% - 20px); max-width: calc(40% - 20px); } .tb_gut_xs_30 > .col-xs-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_xs_40 > .col-xs-2-5 { width: calc(40% - 40px); max-width: calc(40% - 40px); } .tb_gut_xs_50 > .col-xs-2-5 { width: calc(40% - 50px); max-width: calc(40% - 50px); } .tb_separate_columns > .col-xs-2-5 { width: 40%; max-width: 40%; } .col-xs-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_xs_0 > .col-xs-3-5 { width: 60%; max-width: 60%; } .tb_gut_xs_10 > .col-xs-3-5 { width: calc(60% - 10px); max-width: calc(60% - 10px); } .tb_gut_xs_20 > .col-xs-3-5 { width: calc(60% - 20px); max-width: calc(60% - 20px); } .tb_gut_xs_30 > .col-xs-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_xs_40 > .col-xs-3-5 { width: calc(60% - 40px); max-width: calc(60% - 40px); } .tb_gut_xs_50 > .col-xs-3-5 { width: calc(60% - 50px); max-width: calc(60% - 50px); } .tb_separate_columns > .col-xs-3-5 { width: 60%; max-width: 60%; } .col-xs-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_xs_0 > .col-xs-4-5 { width: 80%; max-width: 80%; } .tb_gut_xs_10 > .col-xs-4-5 { width: calc(80% - 10px); max-width: calc(80% - 10px); } .tb_gut_xs_20 > .col-xs-4-5 { width: calc(80% - 20px); max-width: calc(80% - 20px); } .tb_gut_xs_30 > .col-xs-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_xs_40 > .col-xs-4-5 { width: calc(80% - 40px); max-width: calc(80% - 40px); } .tb_gut_xs_50 > .col-xs-4-5 { width: calc(80% - 50px); max-width: calc(80% - 50px); } .tb_separate_columns > .col-xs-4-5 { width: 80%; max-width: 80%; } /* 8 columns */ .col-xs-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_xs_0 > .col-xs-1-8 { width: 12.5%; max-width: 12.5%; } .tb_gut_xs_10 > .col-xs-1-8 { width: calc(12.5% - 10px); max-width: calc(12.5% - 10px); } .tb_gut_xs_20 > .col-xs-1-8 { width: calc(12.5% - 20px); max-width: calc(12.5% - 20px); } .tb_gut_xs_30 > .col-xs-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_xs_40 > .col-xs-1-8 { width: calc(12.5% - 40px); max-width: calc(12.5% - 40px); } .tb_gut_xs_50 > .col-xs-1-8 { width: calc(12.5% - 50px); max-width: calc(12.5% - 50px); } .tb_separate_columns > .col-xs-1-8 { width: 12.5%; max-width: 12.5%; } .col-xs-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_xs_0 > .col-xs-3-8 { width: 37.5%; max-width: 37.5%; } .tb_gut_xs_10 > .col-xs-3-8 { width: calc(37.5% - 10px); max-width: calc(37.5% - 10px); } .tb_gut_xs_20 > .col-xs-3-8 { width: calc(37.5% - 20px); max-width: calc(37.5% - 20px); } .tb_gut_xs_30 > .col-xs-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_xs_40 > .col-xs-3-8 { width: calc(37.5% - 40px); max-width: calc(37.5% - 40px); } .tb_gut_xs_50 > .col-xs-3-8 { width: calc(37.5% - 50px); max-width: calc(37.5% - 50px); } .tb_separate_columns > .col-xs-3-8 { width: 37.5%; max-width: 37.5%; } .col-xs-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_xs_0 > .col-xs-5-8 { width: 62.5%; max-width: 62.5%; } .tb_gut_xs_10 > .col-xs-5-8 { width: calc(62.5% - 10px); max-width: calc(62.5% - 10px); } .tb_gut_xs_20 > .col-xs-5-8 { width: calc(62.5% - 20px); max-width: calc(62.5% - 20px); } .tb_gut_xs_30 > .col-xs-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_xs_40 > .col-xs-5-8 { width: calc(62.5% - 40px); max-width: calc(62.5% - 40px); } .tb_gut_xs_50 > .col-xs-5-8 { width: calc(62.5% - 50px); max-width: calc(62.5% - 50px); } .tb_separate_columns > .col-xs-5-8 { width: 62.5%; max-width: 62.5%; } .col-xs-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_xs_0 > .col-xs-7-8 { width: 87.5%; max-width: 87.5%; } .tb_gut_xs_10 > .col-xs-7-8 { width: calc(87.5% - 10px); max-width: calc(87.5% - 10px); } .tb_gut_xs_20 > .col-xs-7-8 { width: calc(87.5% - 20px); max-width: calc(87.5% - 20px); } .tb_gut_xs_30 > .col-xs-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_xs_40 > .col-xs-7-8 { width: calc(87.5% - 40px); max-width: calc(87.5% - 40px); } .tb_gut_xs_50 > .col-xs-7-8 { width: calc(87.5% - 50px); max-width: calc(87.5% - 50px); } .tb_separate_columns > .col-xs-7-8 { width: 87.5%; max-width: 87.5%; } /*** sm ***/ @media (min-width: 769px) { .col-sm-auto:empty { display: none; } .col-sm-auto.col-sm-auto, .col-sm-fill.col-sm-fill { width: auto; max-width: none; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, /* 5 columns */ .col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, /* 8 columns */ .col-sm-1-8, .col-sm-3-8, .col-sm-5-8, .col-sm-7-8, .col-sm-auto { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .col-sm-fill { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; min-width: 0px; } .col-sm-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_sm_0 > .col-sm-1 { width: 8.33333333%; max-width: 8.33333333%; } .tb_gut_sm_10 > .col-sm-1 { width: calc(8.33333333% - 10px); max-width: calc(8.33333333% - 10px); } .tb_gut_sm_20 > .col-sm-1 { width: calc(8.33333333% - 20px); max-width: calc(8.33333333% - 20px); } .tb_gut_sm_30 > .col-sm-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_sm_40 > .col-sm-1 { width: calc(8.33333333% - 40px); max-width: calc(8.33333333% - 40px); } .tb_gut_sm_50 > .col-sm-1 { width: calc(8.33333333% - 50px); max-width: calc(8.33333333% - 50px); } .tb_separate_columns > .col-sm-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_sm_0 > .col-sm-2 { width: 16.66666666%; max-width: 16.66666666%; } .tb_gut_sm_10 > .col-sm-2 { width: calc(16.66666666% - 10px); max-width: calc(16.66666666% - 10px); } .tb_gut_sm_20 > .col-sm-2 { width: calc(16.66666666% - 20px); max-width: calc(16.66666666% - 20px); } .tb_gut_sm_30 > .col-sm-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_sm_40 > .col-sm-2 { width: calc(16.66666666% - 40px); max-width: calc(16.66666666% - 40px); } .tb_gut_sm_50 > .col-sm-2 { width: calc(16.66666666% - 50px); max-width: calc(16.66666666% - 50px); } .tb_separate_columns > .col-sm-2 { width: 16.66666666%; max-width: 16.66666666%; } .col-sm-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_sm_0 > .col-sm-3 { width: 25%; max-width: 25%; } .tb_gut_sm_10 > .col-sm-3 { width: calc(25% - 10px); max-width: calc(25% - 10px); } .tb_gut_sm_20 > .col-sm-3 { width: calc(25% - 20px); max-width: calc(25% - 20px); } .tb_gut_sm_30 > .col-sm-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_sm_40 > .col-sm-3 { width: calc(25% - 40px); max-width: calc(25% - 40px); } .tb_gut_sm_50 > .col-sm-3 { width: calc(25% - 50px); max-width: calc(25% - 50px); } .tb_separate_columns > .col-sm-3 { width: 25%; max-width: 25%; } .col-sm-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_sm_0 > .col-sm-4 { width: 33.33333333%; max-width: 33.33333333%; } .tb_gut_sm_10 > .col-sm-4 { width: calc(33.33333333% - 10px); max-width: calc(33.33333333% - 10px); } .tb_gut_sm_20 > .col-sm-4 { width: calc(33.33333333% - 20px); max-width: calc(33.33333333% - 20px); } .tb_gut_sm_30 > .col-sm-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_sm_40 > .col-sm-4 { width: calc(33.33333333% - 40px); max-width: calc(33.33333333% - 40px); } .tb_gut_sm_50 > .col-sm-4 { width: calc(33.33333333% - 50px); max-width: calc(33.33333333% - 50px); } .tb_separate_columns > .col-sm-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_sm_0 > .col-sm-5 { width: 41.66666666%; max-width: 41.66666666%; } .tb_gut_sm_10 > .col-sm-5 { width: calc(41.66666666% - 10px); max-width: calc(41.66666666% - 10px); } .tb_gut_sm_20 > .col-sm-5 { width: calc(41.66666666% - 20px); max-width: calc(41.66666666% - 20px); } .tb_gut_sm_30 > .col-sm-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_sm_40 > .col-sm-5 { width: calc(41.66666666% - 40px); max-width: calc(41.66666666% - 40px); } .tb_gut_sm_50 > .col-sm-5 { width: calc(41.66666666% - 50px); max-width: calc(41.66666666% - 50px); } .tb_separate_columns > .col-sm-5 { width: 41.66666666%; max-width: 41.66666666%; } .col-sm-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_sm_0 > .col-sm-6 { width: 50%; max-width: 50%; } .tb_gut_sm_10 > .col-sm-6 { width: calc(50% - 10px); max-width: calc(50% - 10px); } .tb_gut_sm_20 > .col-sm-6 { width: calc(50% - 20px); max-width: calc(50% - 20px); } .tb_gut_sm_30 > .col-sm-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_sm_40 > .col-sm-6 { width: calc(50% - 40px); max-width: calc(50% - 40px); } .tb_gut_sm_50 > .col-sm-6 { width: calc(50% - 50px); max-width: calc(50% - 50px); } .tb_separate_columns > .col-sm-6 { width: 50%; max-width: 50%; } .col-sm-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_sm_0 > .col-sm-7 { width: 58.33333333%; max-width: 58.33333333%; } .tb_gut_sm_10 > .col-sm-7 { width: calc(58.33333333% - 10px); max-width: calc(58.33333333% - 10px); } .tb_gut_sm_20 > .col-sm-7 { width: calc(58.33333333% - 20px); max-width: calc(58.33333333% - 20px); } .tb_gut_sm_30 > .col-sm-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_sm_40 > .col-sm-7 { width: calc(58.33333333% - 40px); max-width: calc(58.33333333% - 40px); } .tb_gut_sm_50 > .col-sm-7 { width: calc(58.33333333% - 50px); max-width: calc(58.33333333% - 50px); } .tb_separate_columns > .col-sm-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_sm_0 > .col-sm-8 { width: 66.66666666%; max-width: 66.66666666%; } .tb_gut_sm_10 > .col-sm-8 { width: calc(66.66666666% - 10px); max-width: calc(66.66666666% - 10px); } .tb_gut_sm_20 > .col-sm-8 { width: calc(66.66666666% - 20px); max-width: calc(66.66666666% - 20px); } .tb_gut_sm_30 > .col-sm-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_sm_40 > .col-sm-8 { width: calc(66.66666666% - 40px); max-width: calc(66.66666666% - 40px); } .tb_gut_sm_50 > .col-sm-8 { width: calc(66.66666666% - 50px); max-width: calc(66.66666666% - 50px); } .tb_separate_columns > .col-sm-8 { width: 66.66666666%; max-width: 66.66666666%; } .col-sm-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_sm_0 > .col-sm-9 { width: 75%; max-width: 75%; } .tb_gut_sm_10 > .col-sm-9 { width: calc(75% - 10px); max-width: calc(75% - 10px); } .tb_gut_sm_20 > .col-sm-9 { width: calc(75% - 20px); max-width: calc(75% - 20px); } .tb_gut_sm_30 > .col-sm-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_sm_40 > .col-sm-9 { width: calc(75% - 40px); max-width: calc(75% - 40px); } .tb_gut_sm_50 > .col-sm-9 { width: calc(75% - 50px); max-width: calc(75% - 50px); } .tb_separate_columns > .col-sm-9 { width: 75%; max-width: 75%; } .col-sm-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_sm_0 > .col-sm-10 { width: 83.33333333%; max-width: 83.33333333%; } .tb_gut_sm_10 > .col-sm-10 { width: calc(83.33333333% - 10px); max-width: calc(83.33333333% - 10px); } .tb_gut_sm_20 > .col-sm-10 { width: calc(83.33333333% - 20px); max-width: calc(83.33333333% - 20px); } .tb_gut_sm_30 > .col-sm-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_sm_40 > .col-sm-10 { width: calc(83.33333333% - 40px); max-width: calc(83.33333333% - 40px); } .tb_gut_sm_50 > .col-sm-10 { width: calc(83.33333333% - 50px); max-width: calc(83.33333333% - 50px); } .tb_separate_columns > .col-sm-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_sm_0 > .col-sm-11 { width: 91.66666666%; max-width: 91.66666666%; } .tb_gut_sm_10 > .col-sm-11 { width: calc(91.66666666% - 10px); max-width: calc(91.66666666% - 10px); } .tb_gut_sm_20 > .col-sm-11 { width: calc(91.66666666% - 20px); max-width: calc(91.66666666% - 20px); } .tb_gut_sm_30 > .col-sm-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_sm_40 > .col-sm-11 { width: calc(91.66666666% - 40px); max-width: calc(91.66666666% - 40px); } .tb_gut_sm_50 > .col-sm-11 { width: calc(91.66666666% - 50px); max-width: calc(91.66666666% - 50px); } .tb_separate_columns > .col-sm-11 { width: 91.66666666%; max-width: 91.66666666%; } .col-sm-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_sm_0 > .col-sm-12 { width: 100%; max-width: 100%; } .tb_gut_sm_10 > .col-sm-12 { width: calc(100% - 10px); max-width: calc(100% - 10px); } .tb_gut_sm_20 > .col-sm-12 { width: calc(100% - 20px); max-width: calc(100% - 20px); } .tb_gut_sm_30 > .col-sm-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_sm_40 > .col-sm-12 { width: calc(100% - 40px); max-width: calc(100% - 40px); } .tb_gut_sm_50 > .col-sm-12 { width: calc(100% - 50px); max-width: calc(100% - 50px); } .tb_separate_columns > .col-sm-12 { width: 100%; max-width: 100%; } /* 5 columns */ .col-sm-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_sm_0 > .col-sm-1-5 { width: 20%; max-width: 20%; } .tb_gut_sm_10 > .col-sm-1-5 { width: calc(20% - 10px); max-width: calc(20% - 10px); } .tb_gut_sm_20 > .col-sm-1-5 { width: calc(20% - 20px); max-width: calc(20% - 20px); } .tb_gut_sm_30 > .col-sm-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_sm_40 > .col-sm-1-5 { width: calc(20% - 40px); max-width: calc(20% - 40px); } .tb_gut_sm_50 > .col-sm-1-5 { width: calc(20% - 50px); max-width: calc(20% - 50px); } .tb_separate_columns > .col-sm-1-5 { width: 20%; max-width: 20%; } .col-sm-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_sm_0 > .col-sm-2-5 { width: 40%; max-width: 40%; } .tb_gut_sm_10 > .col-sm-2-5 { width: calc(40% - 10px); max-width: calc(40% - 10px); } .tb_gut_sm_20 > .col-sm-2-5 { width: calc(40% - 20px); max-width: calc(40% - 20px); } .tb_gut_sm_30 > .col-sm-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_sm_40 > .col-sm-2-5 { width: calc(40% - 40px); max-width: calc(40% - 40px); } .tb_gut_sm_50 > .col-sm-2-5 { width: calc(40% - 50px); max-width: calc(40% - 50px); } .tb_separate_columns > .col-sm-2-5 { width: 40%; max-width: 40%; } .col-sm-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_sm_0 > .col-sm-3-5 { width: 60%; max-width: 60%; } .tb_gut_sm_10 > .col-sm-3-5 { width: calc(60% - 10px); max-width: calc(60% - 10px); } .tb_gut_sm_20 > .col-sm-3-5 { width: calc(60% - 20px); max-width: calc(60% - 20px); } .tb_gut_sm_30 > .col-sm-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_sm_40 > .col-sm-3-5 { width: calc(60% - 40px); max-width: calc(60% - 40px); } .tb_gut_sm_50 > .col-sm-3-5 { width: calc(60% - 50px); max-width: calc(60% - 50px); } .tb_separate_columns > .col-sm-3-5 { width: 60%; max-width: 60%; } .col-sm-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_sm_0 > .col-sm-4-5 { width: 80%; max-width: 80%; } .tb_gut_sm_10 > .col-sm-4-5 { width: calc(80% - 10px); max-width: calc(80% - 10px); } .tb_gut_sm_20 > .col-sm-4-5 { width: calc(80% - 20px); max-width: calc(80% - 20px); } .tb_gut_sm_30 > .col-sm-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_sm_40 > .col-sm-4-5 { width: calc(80% - 40px); max-width: calc(80% - 40px); } .tb_gut_sm_50 > .col-sm-4-5 { width: calc(80% - 50px); max-width: calc(80% - 50px); } .tb_separate_columns > .col-sm-4-5 { width: 80%; max-width: 80%; } /* 8 columns */ .col-sm-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_sm_0 > .col-sm-1-8 { width: 12.5%; max-width: 12.5%; } .tb_gut_sm_10 > .col-sm-1-8 { width: calc(12.5% - 10px); max-width: calc(12.5% - 10px); } .tb_gut_sm_20 > .col-sm-1-8 { width: calc(12.5% - 20px); max-width: calc(12.5% - 20px); } .tb_gut_sm_30 > .col-sm-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_sm_40 > .col-sm-1-8 { width: calc(12.5% - 40px); max-width: calc(12.5% - 40px); } .tb_gut_sm_50 > .col-sm-1-8 { width: calc(12.5% - 50px); max-width: calc(12.5% - 50px); } .tb_separate_columns > .col-sm-1-8 { width: 12.5%; max-width: 12.5%; } .col-sm-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_sm_0 > .col-sm-3-8 { width: 37.5%; max-width: 37.5%; } .tb_gut_sm_10 > .col-sm-3-8 { width: calc(37.5% - 10px); max-width: calc(37.5% - 10px); } .tb_gut_sm_20 > .col-sm-3-8 { width: calc(37.5% - 20px); max-width: calc(37.5% - 20px); } .tb_gut_sm_30 > .col-sm-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_sm_40 > .col-sm-3-8 { width: calc(37.5% - 40px); max-width: calc(37.5% - 40px); } .tb_gut_sm_50 > .col-sm-3-8 { width: calc(37.5% - 50px); max-width: calc(37.5% - 50px); } .tb_separate_columns > .col-sm-3-8 { width: 37.5%; max-width: 37.5%; } .col-sm-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_sm_0 > .col-sm-5-8 { width: 62.5%; max-width: 62.5%; } .tb_gut_sm_10 > .col-sm-5-8 { width: calc(62.5% - 10px); max-width: calc(62.5% - 10px); } .tb_gut_sm_20 > .col-sm-5-8 { width: calc(62.5% - 20px); max-width: calc(62.5% - 20px); } .tb_gut_sm_30 > .col-sm-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_sm_40 > .col-sm-5-8 { width: calc(62.5% - 40px); max-width: calc(62.5% - 40px); } .tb_gut_sm_50 > .col-sm-5-8 { width: calc(62.5% - 50px); max-width: calc(62.5% - 50px); } .tb_separate_columns > .col-sm-5-8 { width: 62.5%; max-width: 62.5%; } .col-sm-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_sm_0 > .col-sm-7-8 { width: 87.5%; max-width: 87.5%; } .tb_gut_sm_10 > .col-sm-7-8 { width: calc(87.5% - 10px); max-width: calc(87.5% - 10px); } .tb_gut_sm_20 > .col-sm-7-8 { width: calc(87.5% - 20px); max-width: calc(87.5% - 20px); } .tb_gut_sm_30 > .col-sm-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_sm_40 > .col-sm-7-8 { width: calc(87.5% - 40px); max-width: calc(87.5% - 40px); } .tb_gut_sm_50 > .col-sm-7-8 { width: calc(87.5% - 50px); max-width: calc(87.5% - 50px); } .tb_separate_columns > .col-sm-7-8 { width: 87.5%; max-width: 87.5%; } } /*** md ***/ @media (min-width: 1041px) { .col-md-auto:empty { display: none; } .col-md-auto.col-md-auto, .col-md-fill.col-md-fill { width: auto; max-width: none; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, /* 5 columns */ .col-md-1-5, .col-md-2-5, .col-md-3-5, .col-md-4-5, /* 8 columns */ .col-md-1-8, .col-md-3-8, .col-md-5-8, .col-md-7-8, .col-md-auto { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .col-md-fill { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; min-width: 0px; } .col-md-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_md_0 > .col-md-1 { width: 8.33333333%; max-width: 8.33333333%; } .tb_gut_md_10 > .col-md-1 { width: calc(8.33333333% - 10px); max-width: calc(8.33333333% - 10px); } .tb_gut_md_20 > .col-md-1 { width: calc(8.33333333% - 20px); max-width: calc(8.33333333% - 20px); } .tb_gut_md_30 > .col-md-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_md_40 > .col-md-1 { width: calc(8.33333333% - 40px); max-width: calc(8.33333333% - 40px); } .tb_gut_md_50 > .col-md-1 { width: calc(8.33333333% - 50px); max-width: calc(8.33333333% - 50px); } .tb_separate_columns > .col-md-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_md_0 > .col-md-2 { width: 16.66666666%; max-width: 16.66666666%; } .tb_gut_md_10 > .col-md-2 { width: calc(16.66666666% - 10px); max-width: calc(16.66666666% - 10px); } .tb_gut_md_20 > .col-md-2 { width: calc(16.66666666% - 20px); max-width: calc(16.66666666% - 20px); } .tb_gut_md_30 > .col-md-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_md_40 > .col-md-2 { width: calc(16.66666666% - 40px); max-width: calc(16.66666666% - 40px); } .tb_gut_md_50 > .col-md-2 { width: calc(16.66666666% - 50px); max-width: calc(16.66666666% - 50px); } .tb_separate_columns > .col-md-2 { width: 16.66666666%; max-width: 16.66666666%; } .col-md-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_md_0 > .col-md-3 { width: 25%; max-width: 25%; } .tb_gut_md_10 > .col-md-3 { width: calc(25% - 10px); max-width: calc(25% - 10px); } .tb_gut_md_20 > .col-md-3 { width: calc(25% - 20px); max-width: calc(25% - 20px); } .tb_gut_md_30 > .col-md-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_md_40 > .col-md-3 { width: calc(25% - 40px); max-width: calc(25% - 40px); } .tb_gut_md_50 > .col-md-3 { width: calc(25% - 50px); max-width: calc(25% - 50px); } .tb_separate_columns > .col-md-3 { width: 25%; max-width: 25%; } .col-md-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_md_0 > .col-md-4 { width: 33.33333333%; max-width: 33.33333333%; } .tb_gut_md_10 > .col-md-4 { width: calc(33.33333333% - 10px); max-width: calc(33.33333333% - 10px); } .tb_gut_md_20 > .col-md-4 { width: calc(33.33333333% - 20px); max-width: calc(33.33333333% - 20px); } .tb_gut_md_30 > .col-md-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_md_40 > .col-md-4 { width: calc(33.33333333% - 40px); max-width: calc(33.33333333% - 40px); } .tb_gut_md_50 > .col-md-4 { width: calc(33.33333333% - 50px); max-width: calc(33.33333333% - 50px); } .tb_separate_columns > .col-md-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_md_0 > .col-md-5 { width: 41.66666666%; max-width: 41.66666666%; } .tb_gut_md_10 > .col-md-5 { width: calc(41.66666666% - 10px); max-width: calc(41.66666666% - 10px); } .tb_gut_md_20 > .col-md-5 { width: calc(41.66666666% - 20px); max-width: calc(41.66666666% - 20px); } .tb_gut_md_30 > .col-md-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_md_40 > .col-md-5 { width: calc(41.66666666% - 40px); max-width: calc(41.66666666% - 40px); } .tb_gut_md_50 > .col-md-5 { width: calc(41.66666666% - 50px); max-width: calc(41.66666666% - 50px); } .tb_separate_columns > .col-md-5 { width: 41.66666666%; max-width: 41.66666666%; } .col-md-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_md_0 > .col-md-6 { width: 50%; max-width: 50%; } .tb_gut_md_10 > .col-md-6 { width: calc(50% - 10px); max-width: calc(50% - 10px); } .tb_gut_md_20 > .col-md-6 { width: calc(50% - 20px); max-width: calc(50% - 20px); } .tb_gut_md_30 > .col-md-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_md_40 > .col-md-6 { width: calc(50% - 40px); max-width: calc(50% - 40px); } .tb_gut_md_50 > .col-md-6 { width: calc(50% - 50px); max-width: calc(50% - 50px); } .tb_separate_columns > .col-md-6 { width: 50%; max-width: 50%; } .col-md-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_md_0 > .col-md-7 { width: 58.33333333%; max-width: 58.33333333%; } .tb_gut_md_10 > .col-md-7 { width: calc(58.33333333% - 10px); max-width: calc(58.33333333% - 10px); } .tb_gut_md_20 > .col-md-7 { width: calc(58.33333333% - 20px); max-width: calc(58.33333333% - 20px); } .tb_gut_md_30 > .col-md-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_md_40 > .col-md-7 { width: calc(58.33333333% - 40px); max-width: calc(58.33333333% - 40px); } .tb_gut_md_50 > .col-md-7 { width: calc(58.33333333% - 50px); max-width: calc(58.33333333% - 50px); } .tb_separate_columns > .col-md-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_md_0 > .col-md-8 { width: 66.66666666%; max-width: 66.66666666%; } .tb_gut_md_10 > .col-md-8 { width: calc(66.66666666% - 10px); max-width: calc(66.66666666% - 10px); } .tb_gut_md_20 > .col-md-8 { width: calc(66.66666666% - 20px); max-width: calc(66.66666666% - 20px); } .tb_gut_md_30 > .col-md-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_md_40 > .col-md-8 { width: calc(66.66666666% - 40px); max-width: calc(66.66666666% - 40px); } .tb_gut_md_50 > .col-md-8 { width: calc(66.66666666% - 50px); max-width: calc(66.66666666% - 50px); } .tb_separate_columns > .col-md-8 { width: 66.66666666%; max-width: 66.66666666%; } .col-md-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_md_0 > .col-md-9 { width: 75%; max-width: 75%; } .tb_gut_md_10 > .col-md-9 { width: calc(75% - 10px); max-width: calc(75% - 10px); } .tb_gut_md_20 > .col-md-9 { width: calc(75% - 20px); max-width: calc(75% - 20px); } .tb_gut_md_30 > .col-md-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_md_40 > .col-md-9 { width: calc(75% - 40px); max-width: calc(75% - 40px); } .tb_gut_md_50 > .col-md-9 { width: calc(75% - 50px); max-width: calc(75% - 50px); } .tb_separate_columns > .col-md-9 { width: 75%; max-width: 75%; } .col-md-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_md_0 > .col-md-10 { width: 83.33333333%; max-width: 83.33333333%; } .tb_gut_md_10 > .col-md-10 { width: calc(83.33333333% - 10px); max-width: calc(83.33333333% - 10px); } .tb_gut_md_20 > .col-md-10 { width: calc(83.33333333% - 20px); max-width: calc(83.33333333% - 20px); } .tb_gut_md_30 > .col-md-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_md_40 > .col-md-10 { width: calc(83.33333333% - 40px); max-width: calc(83.33333333% - 40px); } .tb_gut_md_50 > .col-md-10 { width: calc(83.33333333% - 50px); max-width: calc(83.33333333% - 50px); } .tb_separate_columns > .col-md-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_md_0 > .col-md-11 { width: 91.66666666%; max-width: 91.66666666%; } .tb_gut_md_10 > .col-md-11 { width: calc(91.66666666% - 10px); max-width: calc(91.66666666% - 10px); } .tb_gut_md_20 > .col-md-11 { width: calc(91.66666666% - 20px); max-width: calc(91.66666666% - 20px); } .tb_gut_md_30 > .col-md-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_md_40 > .col-md-11 { width: calc(91.66666666% - 40px); max-width: calc(91.66666666% - 40px); } .tb_gut_md_50 > .col-md-11 { width: calc(91.66666666% - 50px); max-width: calc(91.66666666% - 50px); } .tb_separate_columns > .col-md-11 { width: 91.66666666%; max-width: 91.66666666%; } .col-md-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_md_0 > .col-md-12 { width: 100%; max-width: 100%; } .tb_gut_md_10 > .col-md-12 { width: calc(100% - 10px); max-width: calc(100% - 10px); } .tb_gut_md_20 > .col-md-12 { width: calc(100% - 20px); max-width: calc(100% - 20px); } .tb_gut_md_30 > .col-md-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_md_40 > .col-md-12 { width: calc(100% - 40px); max-width: calc(100% - 40px); } .tb_gut_md_50 > .col-md-12 { width: calc(100% - 50px); max-width: calc(100% - 50px); } .tb_separate_columns > .col-md-12 { width: 100%; max-width: 100%; } /* 5 columns */ .col-md-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_md_0 > .col-md-1-5 { width: 20%; max-width: 20%; } .tb_gut_md_10 > .col-md-1-5 { width: calc(20% - 10px); max-width: calc(20% - 10px); } .tb_gut_md_20 > .col-md-1-5 { width: calc(20% - 20px); max-width: calc(20% - 20px); } .tb_gut_md_30 > .col-md-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_md_40 > .col-md-1-5 { width: calc(20% - 40px); max-width: calc(20% - 40px); } .tb_gut_md_50 > .col-md-1-5 { width: calc(20% - 50px); max-width: calc(20% - 50px); } .tb_separate_columns > .col-md-1-5 { width: 20%; max-width: 20%; } .col-md-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_md_0 > .col-md-2-5 { width: 40%; max-width: 40%; } .tb_gut_md_10 > .col-md-2-5 { width: calc(40% - 10px); max-width: calc(40% - 10px); } .tb_gut_md_20 > .col-md-2-5 { width: calc(40% - 20px); max-width: calc(40% - 20px); } .tb_gut_md_30 > .col-md-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_md_40 > .col-md-2-5 { width: calc(40% - 40px); max-width: calc(40% - 40px); } .tb_gut_md_50 > .col-md-2-5 { width: calc(40% - 50px); max-width: calc(40% - 50px); } .tb_separate_columns > .col-md-2-5 { width: 40%; max-width: 40%; } .col-md-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_md_0 > .col-md-3-5 { width: 60%; max-width: 60%; } .tb_gut_md_10 > .col-md-3-5 { width: calc(60% - 10px); max-width: calc(60% - 10px); } .tb_gut_md_20 > .col-md-3-5 { width: calc(60% - 20px); max-width: calc(60% - 20px); } .tb_gut_md_30 > .col-md-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_md_40 > .col-md-3-5 { width: calc(60% - 40px); max-width: calc(60% - 40px); } .tb_gut_md_50 > .col-md-3-5 { width: calc(60% - 50px); max-width: calc(60% - 50px); } .tb_separate_columns > .col-md-3-5 { width: 60%; max-width: 60%; } .col-md-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_md_0 > .col-md-4-5 { width: 80%; max-width: 80%; } .tb_gut_md_10 > .col-md-4-5 { width: calc(80% - 10px); max-width: calc(80% - 10px); } .tb_gut_md_20 > .col-md-4-5 { width: calc(80% - 20px); max-width: calc(80% - 20px); } .tb_gut_md_30 > .col-md-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_md_40 > .col-md-4-5 { width: calc(80% - 40px); max-width: calc(80% - 40px); } .tb_gut_md_50 > .col-md-4-5 { width: calc(80% - 50px); max-width: calc(80% - 50px); } .tb_separate_columns > .col-md-4-5 { width: 80%; max-width: 80%; } /* 8 columns */ .col-md-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_md_0 > .col-md-1-8 { width: 12.5%; max-width: 12.5%; } .tb_gut_md_10 > .col-md-1-8 { width: calc(12.5% - 10px); max-width: calc(12.5% - 10px); } .tb_gut_md_20 > .col-md-1-8 { width: calc(12.5% - 20px); max-width: calc(12.5% - 20px); } .tb_gut_md_30 > .col-md-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_md_40 > .col-md-1-8 { width: calc(12.5% - 40px); max-width: calc(12.5% - 40px); } .tb_gut_md_50 > .col-md-1-8 { width: calc(12.5% - 50px); max-width: calc(12.5% - 50px); } .tb_separate_columns > .col-md-1-8 { width: 12.5%; max-width: 12.5%; } .col-md-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_md_0 > .col-md-3-8 { width: 37.5%; max-width: 37.5%; } .tb_gut_md_10 > .col-md-3-8 { width: calc(37.5% - 10px); max-width: calc(37.5% - 10px); } .tb_gut_md_20 > .col-md-3-8 { width: calc(37.5% - 20px); max-width: calc(37.5% - 20px); } .tb_gut_md_30 > .col-md-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_md_40 > .col-md-3-8 { width: calc(37.5% - 40px); max-width: calc(37.5% - 40px); } .tb_gut_md_50 > .col-md-3-8 { width: calc(37.5% - 50px); max-width: calc(37.5% - 50px); } .tb_separate_columns > .col-md-3-8 { width: 37.5%; max-width: 37.5%; } .col-md-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_md_0 > .col-md-5-8 { width: 62.5%; max-width: 62.5%; } .tb_gut_md_10 > .col-md-5-8 { width: calc(62.5% - 10px); max-width: calc(62.5% - 10px); } .tb_gut_md_20 > .col-md-5-8 { width: calc(62.5% - 20px); max-width: calc(62.5% - 20px); } .tb_gut_md_30 > .col-md-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_md_40 > .col-md-5-8 { width: calc(62.5% - 40px); max-width: calc(62.5% - 40px); } .tb_gut_md_50 > .col-md-5-8 { width: calc(62.5% - 50px); max-width: calc(62.5% - 50px); } .tb_separate_columns > .col-md-5-8 { width: 62.5%; max-width: 62.5%; } .col-md-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_md_0 > .col-md-7-8 { width: 87.5%; max-width: 87.5%; } .tb_gut_md_10 > .col-md-7-8 { width: calc(87.5% - 10px); max-width: calc(87.5% - 10px); } .tb_gut_md_20 > .col-md-7-8 { width: calc(87.5% - 20px); max-width: calc(87.5% - 20px); } .tb_gut_md_30 > .col-md-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_md_40 > .col-md-7-8 { width: calc(87.5% - 40px); max-width: calc(87.5% - 40px); } .tb_gut_md_50 > .col-md-7-8 { width: calc(87.5% - 50px); max-width: calc(87.5% - 50px); } .tb_separate_columns > .col-md-7-8 { width: 87.5%; max-width: 87.5%; } } /*** lg ***/ @media (min-width: 1261px) { .col-lg-auto:empty { display: none; } .col-lg-auto.col-lg-auto, .col-lg-fill.col-lg-fill { width: auto; max-width: none; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, /* 5 columns */ .col-lg-1-5, .col-lg-2-5, .col-lg-3-5, .col-lg-4-5, /* 8 columns */ .col-lg-1-8, .col-lg-3-8, .col-lg-5-8, .col-lg-7-8, .col-lg-auto { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .col-lg-fill { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; min-width: 0px; } .col-lg-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_lg_0 > .col-lg-1 { width: 8.33333333%; max-width: 8.33333333%; } .tb_gut_lg_10 > .col-lg-1 { width: calc(8.33333333% - 10px); max-width: calc(8.33333333% - 10px); } .tb_gut_lg_20 > .col-lg-1 { width: calc(8.33333333% - 20px); max-width: calc(8.33333333% - 20px); } .tb_gut_lg_30 > .col-lg-1 { width: calc(8.33333333% - 30px); max-width: calc(8.33333333% - 30px); } .tb_gut_lg_40 > .col-lg-1 { width: calc(8.33333333% - 40px); max-width: calc(8.33333333% - 40px); } .tb_gut_lg_50 > .col-lg-1 { width: calc(8.33333333% - 50px); max-width: calc(8.33333333% - 50px); } .tb_separate_columns > .col-lg-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_lg_0 > .col-lg-2 { width: 16.66666666%; max-width: 16.66666666%; } .tb_gut_lg_10 > .col-lg-2 { width: calc(16.66666666% - 10px); max-width: calc(16.66666666% - 10px); } .tb_gut_lg_20 > .col-lg-2 { width: calc(16.66666666% - 20px); max-width: calc(16.66666666% - 20px); } .tb_gut_lg_30 > .col-lg-2 { width: calc(16.66666666% - 30px); max-width: calc(16.66666666% - 30px); } .tb_gut_lg_40 > .col-lg-2 { width: calc(16.66666666% - 40px); max-width: calc(16.66666666% - 40px); } .tb_gut_lg_50 > .col-lg-2 { width: calc(16.66666666% - 50px); max-width: calc(16.66666666% - 50px); } .tb_separate_columns > .col-lg-2 { width: 16.66666666%; max-width: 16.66666666%; } .col-lg-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_lg_0 > .col-lg-3 { width: 25%; max-width: 25%; } .tb_gut_lg_10 > .col-lg-3 { width: calc(25% - 10px); max-width: calc(25% - 10px); } .tb_gut_lg_20 > .col-lg-3 { width: calc(25% - 20px); max-width: calc(25% - 20px); } .tb_gut_lg_30 > .col-lg-3 { width: calc(25% - 30px); max-width: calc(25% - 30px); } .tb_gut_lg_40 > .col-lg-3 { width: calc(25% - 40px); max-width: calc(25% - 40px); } .tb_gut_lg_50 > .col-lg-3 { width: calc(25% - 50px); max-width: calc(25% - 50px); } .tb_separate_columns > .col-lg-3 { width: 25%; max-width: 25%; } .col-lg-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_lg_0 > .col-lg-4 { width: 33.33333333%; max-width: 33.33333333%; } .tb_gut_lg_10 > .col-lg-4 { width: calc(33.33333333% - 10px); max-width: calc(33.33333333% - 10px); } .tb_gut_lg_20 > .col-lg-4 { width: calc(33.33333333% - 20px); max-width: calc(33.33333333% - 20px); } .tb_gut_lg_30 > .col-lg-4 { width: calc(33.33333333% - 30px); max-width: calc(33.33333333% - 30px); } .tb_gut_lg_40 > .col-lg-4 { width: calc(33.33333333% - 40px); max-width: calc(33.33333333% - 40px); } .tb_gut_lg_50 > .col-lg-4 { width: calc(33.33333333% - 50px); max-width: calc(33.33333333% - 50px); } .tb_separate_columns > .col-lg-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_lg_0 > .col-lg-5 { width: 41.66666666%; max-width: 41.66666666%; } .tb_gut_lg_10 > .col-lg-5 { width: calc(41.66666666% - 10px); max-width: calc(41.66666666% - 10px); } .tb_gut_lg_20 > .col-lg-5 { width: calc(41.66666666% - 20px); max-width: calc(41.66666666% - 20px); } .tb_gut_lg_30 > .col-lg-5 { width: calc(41.66666666% - 30px); max-width: calc(41.66666666% - 30px); } .tb_gut_lg_40 > .col-lg-5 { width: calc(41.66666666% - 40px); max-width: calc(41.66666666% - 40px); } .tb_gut_lg_50 > .col-lg-5 { width: calc(41.66666666% - 50px); max-width: calc(41.66666666% - 50px); } .tb_separate_columns > .col-lg-5 { width: 41.66666666%; max-width: 41.66666666%; } .col-lg-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_lg_0 > .col-lg-6 { width: 50%; max-width: 50%; } .tb_gut_lg_10 > .col-lg-6 { width: calc(50% - 10px); max-width: calc(50% - 10px); } .tb_gut_lg_20 > .col-lg-6 { width: calc(50% - 20px); max-width: calc(50% - 20px); } .tb_gut_lg_30 > .col-lg-6 { width: calc(50% - 30px); max-width: calc(50% - 30px); } .tb_gut_lg_40 > .col-lg-6 { width: calc(50% - 40px); max-width: calc(50% - 40px); } .tb_gut_lg_50 > .col-lg-6 { width: calc(50% - 50px); max-width: calc(50% - 50px); } .tb_separate_columns > .col-lg-6 { width: 50%; max-width: 50%; } .col-lg-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_lg_0 > .col-lg-7 { width: 58.33333333%; max-width: 58.33333333%; } .tb_gut_lg_10 > .col-lg-7 { width: calc(58.33333333% - 10px); max-width: calc(58.33333333% - 10px); } .tb_gut_lg_20 > .col-lg-7 { width: calc(58.33333333% - 20px); max-width: calc(58.33333333% - 20px); } .tb_gut_lg_30 > .col-lg-7 { width: calc(58.33333333% - 30px); max-width: calc(58.33333333% - 30px); } .tb_gut_lg_40 > .col-lg-7 { width: calc(58.33333333% - 40px); max-width: calc(58.33333333% - 40px); } .tb_gut_lg_50 > .col-lg-7 { width: calc(58.33333333% - 50px); max-width: calc(58.33333333% - 50px); } .tb_separate_columns > .col-lg-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_lg_0 > .col-lg-8 { width: 66.66666666%; max-width: 66.66666666%; } .tb_gut_lg_10 > .col-lg-8 { width: calc(66.66666666% - 10px); max-width: calc(66.66666666% - 10px); } .tb_gut_lg_20 > .col-lg-8 { width: calc(66.66666666% - 20px); max-width: calc(66.66666666% - 20px); } .tb_gut_lg_30 > .col-lg-8 { width: calc(66.66666666% - 30px); max-width: calc(66.66666666% - 30px); } .tb_gut_lg_40 > .col-lg-8 { width: calc(66.66666666% - 40px); max-width: calc(66.66666666% - 40px); } .tb_gut_lg_50 > .col-lg-8 { width: calc(66.66666666% - 50px); max-width: calc(66.66666666% - 50px); } .tb_separate_columns > .col-lg-8 { width: 66.66666666%; max-width: 66.66666666%; } .col-lg-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_lg_0 > .col-lg-9 { width: 75%; max-width: 75%; } .tb_gut_lg_10 > .col-lg-9 { width: calc(75% - 10px); max-width: calc(75% - 10px); } .tb_gut_lg_20 > .col-lg-9 { width: calc(75% - 20px); max-width: calc(75% - 20px); } .tb_gut_lg_30 > .col-lg-9 { width: calc(75% - 30px); max-width: calc(75% - 30px); } .tb_gut_lg_40 > .col-lg-9 { width: calc(75% - 40px); max-width: calc(75% - 40px); } .tb_gut_lg_50 > .col-lg-9 { width: calc(75% - 50px); max-width: calc(75% - 50px); } .tb_separate_columns > .col-lg-9 { width: 75%; max-width: 75%; } .col-lg-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_lg_0 > .col-lg-10 { width: 83.33333333%; max-width: 83.33333333%; } .tb_gut_lg_10 > .col-lg-10 { width: calc(83.33333333% - 10px); max-width: calc(83.33333333% - 10px); } .tb_gut_lg_20 > .col-lg-10 { width: calc(83.33333333% - 20px); max-width: calc(83.33333333% - 20px); } .tb_gut_lg_30 > .col-lg-10 { width: calc(83.33333333% - 30px); max-width: calc(83.33333333% - 30px); } .tb_gut_lg_40 > .col-lg-10 { width: calc(83.33333333% - 40px); max-width: calc(83.33333333% - 40px); } .tb_gut_lg_50 > .col-lg-10 { width: calc(83.33333333% - 50px); max-width: calc(83.33333333% - 50px); } .tb_separate_columns > .col-lg-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_lg_0 > .col-lg-11 { width: 91.66666666%; max-width: 91.66666666%; } .tb_gut_lg_10 > .col-lg-11 { width: calc(91.66666666% - 10px); max-width: calc(91.66666666% - 10px); } .tb_gut_lg_20 > .col-lg-11 { width: calc(91.66666666% - 20px); max-width: calc(91.66666666% - 20px); } .tb_gut_lg_30 > .col-lg-11 { width: calc(91.66666666% - 30px); max-width: calc(91.66666666% - 30px); } .tb_gut_lg_40 > .col-lg-11 { width: calc(91.66666666% - 40px); max-width: calc(91.66666666% - 40px); } .tb_gut_lg_50 > .col-lg-11 { width: calc(91.66666666% - 50px); max-width: calc(91.66666666% - 50px); } .tb_separate_columns > .col-lg-11 { width: 91.66666666%; max-width: 91.66666666%; } .col-lg-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_lg_0 > .col-lg-12 { width: 100%; max-width: 100%; } .tb_gut_lg_10 > .col-lg-12 { width: calc(100% - 10px); max-width: calc(100% - 10px); } .tb_gut_lg_20 > .col-lg-12 { width: calc(100% - 20px); max-width: calc(100% - 20px); } .tb_gut_lg_30 > .col-lg-12 { width: calc(100% - 30px); max-width: calc(100% - 30px); } .tb_gut_lg_40 > .col-lg-12 { width: calc(100% - 40px); max-width: calc(100% - 40px); } .tb_gut_lg_50 > .col-lg-12 { width: calc(100% - 50px); max-width: calc(100% - 50px); } .tb_separate_columns > .col-lg-12 { width: 100%; max-width: 100%; } /* 5 columns */ .col-lg-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_lg_0 > .col-lg-1-5 { width: 20%; max-width: 20%; } .tb_gut_lg_10 > .col-lg-1-5 { width: calc(20% - 10px); max-width: calc(20% - 10px); } .tb_gut_lg_20 > .col-lg-1-5 { width: calc(20% - 20px); max-width: calc(20% - 20px); } .tb_gut_lg_30 > .col-lg-1-5 { width: calc(20% - 30px); max-width: calc(20% - 30px); } .tb_gut_lg_40 > .col-lg-1-5 { width: calc(20% - 40px); max-width: calc(20% - 40px); } .tb_gut_lg_50 > .col-lg-1-5 { width: calc(20% - 50px); max-width: calc(20% - 50px); } .tb_separate_columns > .col-lg-1-5 { width: 20%; max-width: 20%; } .col-lg-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_lg_0 > .col-lg-2-5 { width: 40%; max-width: 40%; } .tb_gut_lg_10 > .col-lg-2-5 { width: calc(40% - 10px); max-width: calc(40% - 10px); } .tb_gut_lg_20 > .col-lg-2-5 { width: calc(40% - 20px); max-width: calc(40% - 20px); } .tb_gut_lg_30 > .col-lg-2-5 { width: calc(40% - 30px); max-width: calc(40% - 30px); } .tb_gut_lg_40 > .col-lg-2-5 { width: calc(40% - 40px); max-width: calc(40% - 40px); } .tb_gut_lg_50 > .col-lg-2-5 { width: calc(40% - 50px); max-width: calc(40% - 50px); } .tb_separate_columns > .col-lg-2-5 { width: 40%; max-width: 40%; } .col-lg-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_lg_0 > .col-lg-3-5 { width: 60%; max-width: 60%; } .tb_gut_lg_10 > .col-lg-3-5 { width: calc(60% - 10px); max-width: calc(60% - 10px); } .tb_gut_lg_20 > .col-lg-3-5 { width: calc(60% - 20px); max-width: calc(60% - 20px); } .tb_gut_lg_30 > .col-lg-3-5 { width: calc(60% - 30px); max-width: calc(60% - 30px); } .tb_gut_lg_40 > .col-lg-3-5 { width: calc(60% - 40px); max-width: calc(60% - 40px); } .tb_gut_lg_50 > .col-lg-3-5 { width: calc(60% - 50px); max-width: calc(60% - 50px); } .tb_separate_columns > .col-lg-3-5 { width: 60%; max-width: 60%; } .col-lg-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_lg_0 > .col-lg-4-5 { width: 80%; max-width: 80%; } .tb_gut_lg_10 > .col-lg-4-5 { width: calc(80% - 10px); max-width: calc(80% - 10px); } .tb_gut_lg_20 > .col-lg-4-5 { width: calc(80% - 20px); max-width: calc(80% - 20px); } .tb_gut_lg_30 > .col-lg-4-5 { width: calc(80% - 30px); max-width: calc(80% - 30px); } .tb_gut_lg_40 > .col-lg-4-5 { width: calc(80% - 40px); max-width: calc(80% - 40px); } .tb_gut_lg_50 > .col-lg-4-5 { width: calc(80% - 50px); max-width: calc(80% - 50px); } .tb_separate_columns > .col-lg-4-5 { width: 80%; max-width: 80%; } /* 8 columns */ .col-lg-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_lg_0 > .col-lg-1-8 { width: 12.5%; max-width: 12.5%; } .tb_gut_lg_10 > .col-lg-1-8 { width: calc(12.5% - 10px); max-width: calc(12.5% - 10px); } .tb_gut_lg_20 > .col-lg-1-8 { width: calc(12.5% - 20px); max-width: calc(12.5% - 20px); } .tb_gut_lg_30 > .col-lg-1-8 { width: calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .tb_gut_lg_40 > .col-lg-1-8 { width: calc(12.5% - 40px); max-width: calc(12.5% - 40px); } .tb_gut_lg_50 > .col-lg-1-8 { width: calc(12.5% - 50px); max-width: calc(12.5% - 50px); } .tb_separate_columns > .col-lg-1-8 { width: 12.5%; max-width: 12.5%; } .col-lg-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_lg_0 > .col-lg-3-8 { width: 37.5%; max-width: 37.5%; } .tb_gut_lg_10 > .col-lg-3-8 { width: calc(37.5% - 10px); max-width: calc(37.5% - 10px); } .tb_gut_lg_20 > .col-lg-3-8 { width: calc(37.5% - 20px); max-width: calc(37.5% - 20px); } .tb_gut_lg_30 > .col-lg-3-8 { width: calc(37.5% - 30px); max-width: calc(37.5% - 30px); } .tb_gut_lg_40 > .col-lg-3-8 { width: calc(37.5% - 40px); max-width: calc(37.5% - 40px); } .tb_gut_lg_50 > .col-lg-3-8 { width: calc(37.5% - 50px); max-width: calc(37.5% - 50px); } .tb_separate_columns > .col-lg-3-8 { width: 37.5%; max-width: 37.5%; } .col-lg-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_lg_0 > .col-lg-5-8 { width: 62.5%; max-width: 62.5%; } .tb_gut_lg_10 > .col-lg-5-8 { width: calc(62.5% - 10px); max-width: calc(62.5% - 10px); } .tb_gut_lg_20 > .col-lg-5-8 { width: calc(62.5% - 20px); max-width: calc(62.5% - 20px); } .tb_gut_lg_30 > .col-lg-5-8 { width: calc(62.5% - 30px); max-width: calc(62.5% - 30px); } .tb_gut_lg_40 > .col-lg-5-8 { width: calc(62.5% - 40px); max-width: calc(62.5% - 40px); } .tb_gut_lg_50 > .col-lg-5-8 { width: calc(62.5% - 50px); max-width: calc(62.5% - 50px); } .tb_separate_columns > .col-lg-5-8 { width: 62.5%; max-width: 62.5%; } .col-lg-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_lg_0 > .col-lg-7-8 { width: 87.5%; max-width: 87.5%; } .tb_gut_lg_10 > .col-lg-7-8 { width: calc(87.5% - 10px); max-width: calc(87.5% - 10px); } .tb_gut_lg_20 > .col-lg-7-8 { width: calc(87.5% - 20px); max-width: calc(87.5% - 20px); } .tb_gut_lg_30 > .col-lg-7-8 { width: calc(87.5% - 30px); max-width: calc(87.5% - 30px); } .tb_gut_lg_40 > .col-lg-7-8 { width: calc(87.5% - 40px); max-width: calc(87.5% - 40px); } .tb_gut_lg_50 > .col-lg-7-8 { width: calc(87.5% - 50px); max-width: calc(87.5% - 50px); } .tb_separate_columns > .col-lg-7-8 { width: 87.5%; max-width: 87.5%; } } /* ----------------------------------------------------------------------------------------- C O L U M N A L I G N ----------------------------------------------------------------------------------------- */ .col > .display-block, .col > address:not(.display-inline-block), .col > article:not(.display-inline-block), .col > aside:not(.display-inline-block), .col > audio:not(.display-inline-block), .col > blockquote:not(.display-inline-block), .col > canvas:not(.display-inline-block), .col > div:not(.display-inline-block), .col > dl:not(.display-inline-block), .col > fieldset:not(.display-inline-block), .col > figure:not(.display-inline-block), .col > form:not(.display-inline-block), .col > h1:not(.display-inline-block), .col > h1:not(.display-inline-block), .col > h2:not(.display-inline-block), .col > h3:not(.display-inline-block), .col > h4:not(.display-inline-block), .col > h5:not(.display-inline-block), .col > h6:not(.display-inline-block), .col > hr:not(.display-inline-block), .col > nav:not(.display-inline-block), .col > ol:not(.display-inline-block), .col > p:not(.display-inline-block), .col > pre:not(.display-inline-block), .col > section:not(.display-inline-block), .col > table:not(.display-inline-block), .col > ul:not(.display-inline-block), .col > video:not(.display-inline-block), .row > div > .display-block, .row > div > address:not(.display-inline-block), .row > div > article:not(.display-inline-block), .row > div > aside:not(.display-inline-block), .row > div > audio:not(.display-inline-block), .row > div > blockquote:not(.display-inline-block), .row > div > canvas:not(.display-inline-block), .row > div > div:not(.display-inline-block), .row > div > dl:not(.display-inline-block), .row > div > fieldset:not(.display-inline-block), .row > div > figure:not(.display-inline-block), .row > div > form:not(.display-inline-block), .row > div > h1:not(.display-inline-block), .row > div > h1:not(.display-inline-block), .row > div > h2:not(.display-inline-block), .row > div > h3:not(.display-inline-block), .row > div > h4:not(.display-inline-block), .row > div > h5:not(.display-inline-block), .row > div > h6:not(.display-inline-block), .row > div > hr:not(.display-inline-block), .row > div > nav:not(.display-inline-block), .row > div > ol:not(.display-inline-block), .row > div > p:not(.display-inline-block), .row > div > pre:not(.display-inline-block), .row > div > section:not(.display-inline-block), .row > div > table:not(.display-inline-block), .row > div > ul:not(.display-inline-block), .row > div > video:not(.display-inline-block) { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } .col-xs-auto > address:not(.display-inline-block), .col-xs-auto > article:not(.display-inline-block), .col-xs-auto > aside:not(.display-inline-block), .col-xs-auto > audio:not(.display-inline-block), .col-xs-auto > blockquote:not(.display-inline-block), .col-xs-auto > canvas:not(.display-inline-block), .col-xs-auto > div:not(.display-inline-block), .col-xs-auto > dl:not(.display-inline-block), .col-xs-auto > fieldset:not(.display-inline-block), .col-xs-auto > figure:not(.display-inline-block), .col-xs-auto > form:not(.display-inline-block), .col-xs-auto > h1:not(.display-inline-block), .col-xs-auto > h1:not(.display-inline-block), .col-xs-auto > h2:not(.display-inline-block), .col-xs-auto > h3:not(.display-inline-block), .col-xs-auto > h4:not(.display-inline-block), .col-xs-auto > h5:not(.display-inline-block), .col-xs-auto > h6:not(.display-inline-block), .col-xs-auto > hr:not(.display-inline-block), .col-xs-auto > nav:not(.display-inline-block), .col-xs-auto > ol:not(.display-inline-block), .col-xs-auto > p:not(.display-inline-block), .col-xs-auto > pre:not(.display-inline-block), .col-xs-auto > section:not(.display-inline-block), .col-xs-auto > table:not(.display-inline-block), .col-xs-auto > ul:not(.display-inline-block), .col-xs-auto > video:not(.display-inline-block) { min-width: 100%; } @media (min-width: 769px) { .col-sm-auto > address:not(.display-inline-block), .col-sm-auto > article:not(.display-inline-block), .col-sm-auto > aside:not(.display-inline-block), .col-sm-auto > audio:not(.display-inline-block), .col-sm-auto > blockquote:not(.display-inline-block), .col-sm-auto > canvas:not(.display-inline-block), .col-sm-auto > div:not(.display-inline-block), .col-sm-auto > dl:not(.display-inline-block), .col-sm-auto > fieldset:not(.display-inline-block), .col-sm-auto > figure:not(.display-inline-block), .col-sm-auto > form:not(.display-inline-block), .col-sm-auto > h1:not(.display-inline-block), .col-sm-auto > h1:not(.display-inline-block), .col-sm-auto > h2:not(.display-inline-block), .col-sm-auto > h3:not(.display-inline-block), .col-sm-auto > h4:not(.display-inline-block), .col-sm-auto > h5:not(.display-inline-block), .col-sm-auto > h6:not(.display-inline-block), .col-sm-auto > hr:not(.display-inline-block), .col-sm-auto > nav:not(.display-inline-block), .col-sm-auto > ol:not(.display-inline-block), .col-sm-auto > p:not(.display-inline-block), .col-sm-auto > pre:not(.display-inline-block), .col-sm-auto > section:not(.display-inline-block), .col-sm-auto > table:not(.display-inline-block), .col-sm-auto > ul:not(.display-inline-block), .col-sm-auto > video:not(.display-inline-block) { min-width: 100%; } } @media (min-width: 1041px) { .col-md-auto > address:not(.display-inline-block), .col-md-auto > article:not(.display-inline-block), .col-md-auto > aside:not(.display-inline-block), .col-md-auto > audio:not(.display-inline-block), .col-md-auto > blockquote:not(.display-inline-block), .col-md-auto > canvas:not(.display-inline-block), .col-md-auto > div:not(.display-inline-block), .col-md-auto > dl:not(.display-inline-block), .col-md-auto > fieldset:not(.display-inline-block), .col-md-auto > figure:not(.display-inline-block), .col-md-auto > form:not(.display-inline-block), .col-md-auto > h1:not(.display-inline-block), .col-md-auto > h1:not(.display-inline-block), .col-md-auto > h2:not(.display-inline-block), .col-md-auto > h3:not(.display-inline-block), .col-md-auto > h4:not(.display-inline-block), .col-md-auto > h5:not(.display-inline-block), .col-md-auto > h6:not(.display-inline-block), .col-md-auto > hr:not(.display-inline-block), .col-md-auto > nav:not(.display-inline-block), .col-md-auto > ol:not(.display-inline-block), .col-md-auto > p:not(.display-inline-block), .col-md-auto > pre:not(.display-inline-block), .col-md-auto > section:not(.display-inline-block), .col-md-auto > table:not(.display-inline-block), .col-md-auto > ul:not(.display-inline-block), .col-md-auto > video:not(.display-inline-block) { min-width: 100%; } } @media (min-width: 1261px) { .col-lg-auto > address:not(.display-inline-block), .col-lg-auto > article:not(.display-inline-block), .col-lg-auto > aside:not(.display-inline-block), .col-lg-auto > audio:not(.display-inline-block), .col-lg-auto > blockquote:not(.display-inline-block), .col-lg-auto > canvas:not(.display-inline-block), .col-lg-auto > div:not(.display-inline-block), .col-lg-auto > dl:not(.display-inline-block), .col-lg-auto > fieldset:not(.display-inline-block), .col-lg-auto > figure:not(.display-inline-block), .col-lg-auto > form:not(.display-inline-block), .col-lg-auto > h1:not(.display-inline-block), .col-lg-auto > h1:not(.display-inline-block), .col-lg-auto > h2:not(.display-inline-block), .col-lg-auto > h3:not(.display-inline-block), .col-lg-auto > h4:not(.display-inline-block), .col-lg-auto > h5:not(.display-inline-block), .col-lg-auto > h6:not(.display-inline-block), .col-lg-auto > hr:not(.display-inline-block), .col-lg-auto > nav:not(.display-inline-block), .col-lg-auto > ol:not(.display-inline-block), .col-lg-auto > p:not(.display-inline-block), .col-lg-auto > pre:not(.display-inline-block), .col-lg-auto > section:not(.display-inline-block), .col-lg-auto > table:not(.display-inline-block), .col-lg-auto > ul:not(.display-inline-block), .col-lg-auto > video:not(.display-inline-block) { min-width: 100%; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .col-xs-auto > *, .col-xs-auto > .display-block { display: -ms-flexbox !important; display: flex !important; } .col-xs-auto > .display-inline-block { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 769px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { .col-sm-auto > *, .col-sm-auto > .display-block { display: -ms-flexbox !important; display: flex !important; } .col-sm-auto > .display-inline-block { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1041px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { .col-md-auto > *, .col-md-auto > .display-block { display: -ms-flexbox !important; display: flex !important; } .col-md-auto > .display-inline-block { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1261px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { .col-lg-auto > *, .col-lg-auto > .display-block { display: -ms-flexbox !important; display: flex !important; } .col-lg-auto > .display-inline-block { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .row-wrap { display: block !important; } .col-align-start { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .col-align-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media (min-width: 769px) { .col-align-start > *, .col-align-center > *, .col-align-end > *, .col-align-between > *, .col-align-around > * { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .col-align-end { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .col-align-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .col-align-around { -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; } } .col-align-start, .col-align-center, .col-align-end, .col-align-between, .col-align-around, .col-valign-top, .col-valign-middle, .col-valign-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; } .col-valign-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .col-top, .col-valign-top > * { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .col-valign-middle { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .col-middle, .col-valign-middle > * { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .col-valign-bottom { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .col-bottom, .col-valign-bottom > * { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } /* --- Separate Columns ------------------------------------------------------------ */ .row.tb_separate_columns { margin: 0; padding: 0; } .row.tb_separate_columns > .col { margin: 0 !important; border-left-width: 1px; border-left-style: solid; } .tb_content_fixed > .tb_separate_columns { max-width: 1200px; } @media (max-width: 768px) { .tb_separate_columns > .col { border-top-width: 1px; border-top-style: solid; border-left-width: 0 !important; border-right-width: 0 !important; } html[dir="ltr"] .tb_separate_columns > .tb_pl_0:first-child:not(:last-child) { padding-right: 0; padding-bottom: 30px; } html[dir="rtl"] .tb_separate_columns > .tb_pr_0:first-child:not(:last-child) { padding-left: 0; padding-bottom: 30px; } } @media (max-width: 480px) { .tb_separate_columns > .col.pos-xs-1 + .col, .tb_separate_columns > .col.pos-xs-2 + .col, .tb_separate_columns > .col.pos-xs-3 + .col, .tb_separate_columns > .col.pos-xs-4 + .col, .tb_separate_columns > .col.pos-xs-5 + .col, .tb_separate_columns > .col.pos-xs-6 + .col, .tb_separate_columns > .col:first-child { border-style: none; } } @media (min-width: 481px) and (max-width: 768px) { .tb_separate_columns > .col.pos-xs-1 + .col, .tb_separate_columns > .col.pos-xs-2 + .col, .tb_separate_columns > .col.pos-xs-3 + .col, .tb_separate_columns > .col.pos-xs-4 + .col, .tb_separate_columns > .col.pos-xs-5 + .col, .tb_separate_columns > .col.pos-xs-6 + .col, .tb_separate_columns > .col:first-child { border-style: none; } } @media (min-width: 769px) and (max-width: 1040px) { .tb_separate_columns > .col.pos-sm-1 + .col, .tb_separate_columns > .col.pos-sm-2 + .col, .tb_separate_columns > .col.pos-sm-3 + .col, .tb_separate_columns > .col.pos-sm-4 + .col, .tb_separate_columns > .col.pos-sm-5 + .col, .tb_separate_columns > .col.pos-sm-6 + .col, .tb_separate_columns > .col:first-child { border-style: none; } } @media (min-width: 1041px) and (max-width: 1260px) { .tb_separate_columns > .col.pos-md-1 + .col, .tb_separate_columns > .col.pos-md-2 + .col, .tb_separate_columns > .col.pos-md-3 + .col, .tb_separate_columns > .col.pos-md-4 + .col, .tb_separate_columns > .col.pos-md-5 + .col, .tb_separate_columns > .col.pos-md-6 + .col, .tb_separate_columns > .col:first-child { border-style: none; } } @media (min-width: 1261px) { .tb_separate_columns > .col.pos-lg-1 + .col, .tb_separate_columns > .col.pos-lg-2 + .col, .tb_separate_columns > .col.pos-lg-3 + .col, .tb_separate_columns > .col.pos-lg-4 + .col, .tb_separate_columns > .col.pos-lg-5 + .col, .tb_separate_columns > .col.pos-lg-6 + .col, .tb_separate_columns > .col:first-child { border-style: none; } } /*** Inner padding ***/ .row.tb_ip_0 > .col:not([class*="tb_pt_"]) { padding: 0px; } .row.tb_ip_5 > .col:not([class*="tb_pt_"]) { padding: 5px; } .row.tb_ip_10 > .col:not([class*="tb_pt_"]) { padding: 10px; } .row.tb_ip_15 > .col:not([class*="tb_pt_"]) { padding: 15px; } .row.tb_ip_20 > .col:not([class*="tb_pt_"]) { padding: 20px; } .row.tb_ip_25 > .col:not([class*="tb_pt_"]) { padding: 25px; } .row.tb_ip_30 > .col:not([class*="tb_pt_"]) { padding: 30px; } .row.tb_ip_35 > .col:not([class*="tb_pt_"]) { padding: 35px; } .row.tb_ip_40 > .col:not([class*="tb_pt_"]) { padding: 40px; } .row.tb_ip_45 > .col:not([class*="tb_pt_"]) { padding: 45px; } .row.tb_ip_50 > .col:not([class*="tb_pt_"]) { padding: 50px; } .row.tb_ip_55 > .col:not([class*="tb_pt_"]) { padding: 55px; } .row.tb_ip_60 > .col:not([class*="tb_pt_"]) { padding: 60px; } .row.tb_ip_65 > .col:not([class*="tb_pt_"]) { padding: 65px; } .row.tb_ip_70 > .col:not([class*="tb_pt_"]) { padding: 70px; } .row.tb_ip_75 > .col:not([class*="tb_pt_"]) { padding: 75px; } .row.tb_ip_80 > .col:not([class*="tb_pt_"]) { padding: 80px; } .row.tb_ip_85 > .col:not([class*="tb_pt_"]) { padding: 85px; } .row.tb_ip_90 > .col:not([class*="tb_pt_"]) { padding: 90px; } .row.tb_ip_95 > .col:not([class*="tb_pt_"]) { padding: 95px; } .row.tb_ip_100 > .col:not([class*="tb_pt_"]) { padding: 100px; } @media (max-width: 1040px) { .row.tb_ip_35 > .col:not([class*="tb_pt_"]), .row.tb_ip_40 > .col:not([class*="tb_pt_"]), .row.tb_ip_45 > .col:not([class*="tb_pt_"]), .row.tb_ip_50 > .col:not([class*="tb_pt_"]), .row.tb_ip_55 > .col:not([class*="tb_pt_"]), .row.tb_ip_60 > .col:not([class*="tb_pt_"]), .row.tb_ip_65 > .col:not([class*="tb_pt_"]), .row.tb_ip_70 > .col:not([class*="tb_pt_"]), .row.tb_ip_75 > .col:not([class*="tb_pt_"]), .row.tb_ip_80 > .col:not([class*="tb_pt_"]), .row.tb_ip_85 > .col:not([class*="tb_pt_"]), .row.tb_ip_90 > .col:not([class*="tb_pt_"]), .row.tb_ip_95 > .col:not([class*="tb_pt_"]), .row.tb_ip_100 > .col:not([class*="tb_pt_"]), .row.tb_ip_105 > .col:not([class*="tb_pt_"]) { padding: 30px; } } /* ----------------------------------------------------------------------------------------- S P A C I N G ----------------------------------------------------------------------------------------- */ /* --- Margin ---------------------------------------------------------------------- */ .tb_mt_-150 { margin-top: -150px; } .tb_mt_-145 { margin-top: -145px; } .tb_mt_-140 { margin-top: -140px; } .tb_mt_-135 { margin-top: -135px; } .tb_mt_-130 { margin-top: -130px; } .tb_mt_-125 { margin-top: -125px; } .tb_mt_-120 { margin-top: -120px; } .tb_mt_-115 { margin-top: -115px; } .tb_mt_-110 { margin-top: -110px; } .tb_mt_-105 { margin-top: -105px; } .tb_mt_-100 { margin-top: -100px; } .tb_mt_-95 { margin-top: -95px; } .tb_mt_-90 { margin-top: -90px; } .tb_mt_-85 { margin-top: -85px; } .tb_mt_-80 { margin-top: -80px; } .tb_mt_-75 { margin-top: -75px; } .tb_mt_-70 { margin-top: -70px; } .tb_mt_-65 { margin-top: -65px; } .tb_mt_-60 { margin-top: -60px; } .tb_mt_-55 { margin-top: -55px; } .tb_mt_-50 { margin-top: -50px; } .tb_mt_-45 { margin-top: -45px; } .tb_mt_-40 { margin-top: -40px; } .tb_mt_-35 { margin-top: -35px; } .tb_mt_-30 { margin-top: -30px; } .tb_mt_-25 { margin-top: -25px; } .tb_mt_-20 { margin-top: -20px; } .tb_mt_-15 { margin-top: -15px; } .tb_mt_-10 { margin-top: -10px; } .tb_mt_-5 { margin-top: -5px; } .tb_mt_0 { margin-top: 0px; } .tb_mt_5 { margin-top: 5px; } .tb_mt_10 { margin-top: 10px; } .tb_mt_15 { margin-top: 15px; } .tb_mt_20 { margin-top: 20px; } .tb_mt_25 { margin-top: 25px; } .tb_mt_30 { margin-top: 30px; } .tb_mt_35 { margin-top: 35px; } .tb_mt_40 { margin-top: 40px; } .tb_mt_45 { margin-top: 45px; } .tb_mt_50 { margin-top: 50px; } .tb_mt_55 { margin-top: 55px; } .tb_mt_60 { margin-top: 60px; } .tb_mt_65 { margin-top: 65px; } .tb_mt_70 { margin-top: 70px; } .tb_mt_75 { margin-top: 75px; } .tb_mt_80 { margin-top: 80px; } .tb_mt_85 { margin-top: 85px; } .tb_mt_90 { margin-top: 90px; } .tb_mt_95 { margin-top: 95px; } .tb_mt_100 { margin-top: 100px; } .tb_mt_105 { margin-top: 105px; } .tb_mt_110 { margin-top: 110px; } .tb_mt_115 { margin-top: 115px; } .tb_mt_120 { margin-top: 120px; } .tb_mt_125 { margin-top: 125px; } .tb_mt_130 { margin-top: 130px; } .tb_mt_135 { margin-top: 135px; } .tb_mt_140 { margin-top: 140px; } .tb_mt_145 { margin-top: 145px; } .tb_mt_150 { margin-top: 150px; } .tb_mr_-150 { margin-right: -150px; } .tb_mr_-145 { margin-right: -145px; } .tb_mr_-140 { margin-right: -140px; } .tb_mr_-135 { margin-right: -135px; } .tb_mr_-130 { margin-right: -130px; } .tb_mr_-125 { margin-right: -125px; } .tb_mr_-120 { margin-right: -120px; } .tb_mr_-115 { margin-right: -115px; } .tb_mr_-110 { margin-right: -110px; } .tb_mr_-105 { margin-right: -105px; } .tb_mr_-100 { margin-right: -100px; } .tb_mr_-95 { margin-right: -95px; } .tb_mr_-90 { margin-right: -90px; } .tb_mr_-85 { margin-right: -85px; } .tb_mr_-80 { margin-right: -80px; } .tb_mr_-75 { margin-right: -75px; } .tb_mr_-70 { margin-right: -70px; } .tb_mr_-65 { margin-right: -65px; } .tb_mr_-60 { margin-right: -60px; } .tb_mr_-55 { margin-right: -55px; } .tb_mr_-50 { margin-right: -50px; } .tb_mr_-45 { margin-right: -45px; } .tb_mr_-40 { margin-right: -40px; } .tb_mr_-35 { margin-right: -35px; } .tb_mr_-30 { margin-right: -30px; } .tb_mr_-25 { margin-right: -25px; } .tb_mr_-20 { margin-right: -20px; } .tb_mr_-15 { margin-right: -15px; } .tb_mr_-10 { margin-right: -10px; } .tb_mr_-5 { margin-right: -5px; } .tb_mr_0 { margin-right: 0px; } .tb_mr_5 { margin-right: 5px; } .tb_mr_10 { margin-right: 10px; } .tb_mr_15 { margin-right: 15px; } .tb_mr_20 { margin-right: 20px; } .tb_mr_25 { margin-right: 25px; } .tb_mr_30 { margin-right: 30px; } .tb_mr_35 { margin-right: 35px; } .tb_mr_40 { margin-right: 40px; } .tb_mr_45 { margin-right: 45px; } .tb_mr_50 { margin-right: 50px; } .tb_mr_55 { margin-right: 55px; } .tb_mr_60 { margin-right: 60px; } .tb_mr_65 { margin-right: 65px; } .tb_mr_70 { margin-right: 70px; } .tb_mr_75 { margin-right: 75px; } .tb_mr_80 { margin-right: 80px; } .tb_mr_85 { margin-right: 85px; } .tb_mr_90 { margin-right: 90px; } .tb_mr_95 { margin-right: 95px; } .tb_mr_100 { margin-right: 100px; } .tb_mr_105 { margin-right: 105px; } .tb_mr_110 { margin-right: 110px; } .tb_mr_115 { margin-right: 115px; } .tb_mr_120 { margin-right: 120px; } .tb_mr_125 { margin-right: 125px; } .tb_mr_130 { margin-right: 130px; } .tb_mr_135 { margin-right: 135px; } .tb_mr_140 { margin-right: 140px; } .tb_mr_145 { margin-right: 145px; } .tb_mr_150 { margin-right: 150px; } .tb_mb_-150 { margin-bottom: -150px; } .tb_mb_-145 { margin-bottom: -145px; } .tb_mb_-140 { margin-bottom: -140px; } .tb_mb_-135 { margin-bottom: -135px; } .tb_mb_-130 { margin-bottom: -130px; } .tb_mb_-125 { margin-bottom: -125px; } .tb_mb_-120 { margin-bottom: -120px; } .tb_mb_-115 { margin-bottom: -115px; } .tb_mb_-110 { margin-bottom: -110px; } .tb_mb_-105 { margin-bottom: -105px; } .tb_mb_-100 { margin-bottom: -100px; } .tb_mb_-95 { margin-bottom: -95px; } .tb_mb_-90 { margin-bottom: -90px; } .tb_mb_-85 { margin-bottom: -85px; } .tb_mb_-80 { margin-bottom: -80px; } .tb_mb_-75 { margin-bottom: -75px; } .tb_mb_-70 { margin-bottom: -70px; } .tb_mb_-65 { margin-bottom: -65px; } .tb_mb_-60 { margin-bottom: -60px; } .tb_mb_-55 { margin-bottom: -55px; } .tb_mb_-50 { margin-bottom: -50px; } .tb_mb_-45 { margin-bottom: -45px; } .tb_mb_-40 { margin-bottom: -40px; } .tb_mb_-35 { margin-bottom: -35px; } .tb_mb_-30 { margin-bottom: -30px; } .tb_mb_-25 { margin-bottom: -25px; } .tb_mb_-20 { margin-bottom: -20px; } .tb_mb_-15 { margin-bottom: -15px; } .tb_mb_-10 { margin-bottom: -10px; } .tb_mb_-5 { margin-bottom: -5px; } .tb_mb_0 { margin-bottom: 0px; } .tb_mb_5 { margin-bottom: 5px; } .tb_mb_10 { margin-bottom: 10px; } .tb_mb_15 { margin-bottom: 15px; } .tb_mb_20 { margin-bottom: 20px; } .tb_mb_25 { margin-bottom: 25px; } .tb_mb_30 { margin-bottom: 30px; } .tb_mb_35 { margin-bottom: 35px; } .tb_mb_40 { margin-bottom: 40px; } .tb_mb_45 { margin-bottom: 45px; } .tb_mb_50 { margin-bottom: 50px; } .tb_mb_55 { margin-bottom: 55px; } .tb_mb_60 { margin-bottom: 60px; } .tb_mb_65 { margin-bottom: 65px; } .tb_mb_70 { margin-bottom: 70px; } .tb_mb_75 { margin-bottom: 75px; } .tb_mb_80 { margin-bottom: 80px; } .tb_mb_85 { margin-bottom: 85px; } .tb_mb_90 { margin-bottom: 90px; } .tb_mb_95 { margin-bottom: 95px; } .tb_mb_100 { margin-bottom: 100px; } .tb_mb_105 { margin-bottom: 105px; } .tb_mb_110 { margin-bottom: 110px; } .tb_mb_115 { margin-bottom: 115px; } .tb_mb_120 { margin-bottom: 120px; } .tb_mb_125 { margin-bottom: 125px; } .tb_mb_130 { margin-bottom: 130px; } .tb_mb_135 { margin-bottom: 135px; } .tb_mb_140 { margin-bottom: 140px; } .tb_mb_145 { margin-bottom: 145px; } .tb_mb_150 { margin-bottom: 150px; } .tb_ml_-150 { margin-left: -150px; } .tb_ml_-145 { margin-left: -145px; } .tb_ml_-140 { margin-left: -140px; } .tb_ml_-135 { margin-left: -135px; } .tb_ml_-130 { margin-left: -130px; } .tb_ml_-125 { margin-left: -125px; } .tb_ml_-120 { margin-left: -120px; } .tb_ml_-115 { margin-left: -115px; } .tb_ml_-110 { margin-left: -110px; } .tb_ml_-105 { margin-left: -105px; } .tb_ml_-100 { margin-left: -100px; } .tb_ml_-95 { margin-left: -95px; } .tb_ml_-90 { margin-left: -90px; } .tb_ml_-85 { margin-left: -85px; } .tb_ml_-80 { margin-left: -80px; } .tb_ml_-75 { margin-left: -75px; } .tb_ml_-70 { margin-left: -70px; } .tb_ml_-65 { margin-left: -65px; } .tb_ml_-60 { margin-left: -60px; } .tb_ml_-55 { margin-left: -55px; } .tb_ml_-50 { margin-left: -50px; } .tb_ml_-45 { margin-left: -45px; } .tb_ml_-40 { margin-left: -40px; } .tb_ml_-35 { margin-left: -35px; } .tb_ml_-30 { margin-left: -30px; } .tb_ml_-25 { margin-left: -25px; } .tb_ml_-20 { margin-left: -20px; } .tb_ml_-15 { margin-left: -15px; } .tb_ml_-10 { margin-left: -10px; } .tb_ml_-5 { margin-left: -5px; } .tb_ml_0 { margin-left: 0px; } .tb_ml_5 { margin-left: 5px; } .tb_ml_10 { margin-left: 10px; } .tb_ml_15 { margin-left: 15px; } .tb_ml_20 { margin-left: 20px; } .tb_ml_25 { margin-left: 25px; } .tb_ml_30 { margin-left: 30px; } .tb_ml_35 { margin-left: 35px; } .tb_ml_40 { margin-left: 40px; } .tb_ml_45 { margin-left: 45px; } .tb_ml_50 { margin-left: 50px; } .tb_ml_55 { margin-left: 55px; } .tb_ml_60 { margin-left: 60px; } .tb_ml_65 { margin-left: 65px; } .tb_ml_70 { margin-left: 70px; } .tb_ml_75 { margin-left: 75px; } .tb_ml_80 { margin-left: 80px; } .tb_ml_85 { margin-left: 85px; } .tb_ml_90 { margin-left: 90px; } .tb_ml_95 { margin-left: 95px; } .tb_ml_100 { margin-left: 100px; } .tb_ml_105 { margin-left: 105px; } .tb_ml_110 { margin-left: 110px; } .tb_ml_115 { margin-left: 115px; } .tb_ml_120 { margin-left: 120px; } .tb_ml_125 { margin-left: 125px; } .tb_ml_130 { margin-left: 130px; } .tb_ml_135 { margin-left: 135px; } .tb_ml_140 { margin-left: 140px; } .tb_ml_145 { margin-left: 145px; } .tb_ml_150 { margin-left: 150px; } @media (max-width: 1040px) { .tb_mt_35, .tb_mt_40, .tb_mt_45, .tb_mt_50, .tb_mt_55, .tb_mt_60, .tb_mt_65, .tb_mt_70, .tb_mt_75, .tb_mt_80, .tb_mt_85, .tb_mt_90, .tb_mt_95, .tb_mt_100, .tb_mt_105, .tb_mt_110, .tb_mt_115, .tb_mt_120, .tb_mt_125, .tb_mt_130, .tb_mt_135, .tb_mt_140, .tb_mt_145, .tb_mt_150, .tb_mt_105 { margin-top: 30px; } .tb_mr_35, .tb_mr_40, .tb_mr_45, .tb_mr_50, .tb_mr_55, .tb_mr_60, .tb_mr_65, .tb_mr_70, .tb_mr_75, .tb_mr_80, .tb_mr_85, .tb_mr_90, .tb_mr_95, .tb_mr_100, .tb_mr_105, .tb_mr_110, .tb_mr_115, .tb_mr_120, .tb_mr_125, .tb_mr_130, .tb_mr_135, .tb_mr_140, .tb_mr_145, .tb_mr_150, .tb_mr_105 { margin-right: 30px; } .tb_mb_35, .tb_mb_40, .tb_mb_45, .tb_mb_50, .tb_mb_55, .tb_mb_60, .tb_mb_65, .tb_mb_70, .tb_mb_75, .tb_mb_80, .tb_mb_85, .tb_mb_90, .tb_mb_95, .tb_mb_100, .tb_mb_105, .tb_mb_110, .tb_mb_115, .tb_mb_120, .tb_mb_125, .tb_mb_130, .tb_mb_135, .tb_mb_140, .tb_mb_145, .tb_mb_150, .tb_mb_105 { margin-bottom: 30px; } .tb_ml_35, .tb_ml_40, .tb_ml_45, .tb_ml_50, .tb_ml_55, .tb_ml_60, .tb_ml_65, .tb_ml_70, .tb_ml_75, .tb_ml_80, .tb_ml_85, .tb_ml_90, .tb_ml_95, .tb_ml_100, .tb_ml_105, .tb_ml_110, .tb_ml_115, .tb_ml_120, .tb_ml_125, .tb_ml_130, .tb_ml_135, .tb_ml_140, .tb_ml_145, .tb_ml_150, .tb_ml_105 { margin-left: 30px; } .tb_mt_-150, .tb_mt_-145, .tb_mt_-140, .tb_mt_-135, .tb_mt_-130, .tb_mt_-125, .tb_mt_-120, .tb_mt_-115, .tb_mt_-110, .tb_mt_-105, .tb_mt_-100, .tb_mt_-95, .tb_mt_-90, .tb_mt_-85, .tb_mt_-80, .tb_mt_-75, .tb_mt_-70, .tb_mt_-65, .tb_mt_-60, .tb_mt_-55, .tb_mt_-50, .tb_mt_-45, .tb_mt_-40, .tb_mt_-35, .tb_mt_-105 { margin-top: -30px; } .tb_mr_-150, .tb_mr_-145, .tb_mr_-140, .tb_mr_-135, .tb_mr_-130, .tb_mr_-125, .tb_mr_-120, .tb_mr_-115, .tb_mr_-110, .tb_mr_-105, .tb_mr_-100, .tb_mr_-95, .tb_mr_-90, .tb_mr_-85, .tb_mr_-80, .tb_mr_-75, .tb_mr_-70, .tb_mr_-65, .tb_mr_-60, .tb_mr_-55, .tb_mr_-50, .tb_mr_-45, .tb_mr_-40, .tb_mr_-35, .tb_mr_-105 { margin-right: -30px; } .tb_mb_-150, .tb_mb_-145, .tb_mb_-140, .tb_mb_-135, .tb_mb_-130, .tb_mb_-125, .tb_mb_-120, .tb_mb_-115, .tb_mb_-110, .tb_mb_-105, .tb_mb_-100, .tb_mb_-95, .tb_mb_-90, .tb_mb_-85, .tb_mb_-80, .tb_mb_-75, .tb_mb_-70, .tb_mb_-65, .tb_mb_-60, .tb_mb_-55, .tb_mb_-50, .tb_mb_-45, .tb_mb_-40, .tb_mb_-35, .tb_mb_-105 { margin-bottom: -30px; } .tb_ml_-150, .tb_ml_-145, .tb_ml_-140, .tb_ml_-135, .tb_ml_-130, .tb_ml_-125, .tb_ml_-120, .tb_ml_-115, .tb_ml_-110, .tb_ml_-105, .tb_ml_-100, .tb_ml_-95, .tb_ml_-90, .tb_ml_-85, .tb_ml_-80, .tb_ml_-75, .tb_ml_-70, .tb_ml_-65, .tb_ml_-60, .tb_ml_-55, .tb_ml_-50, .tb_ml_-45, .tb_ml_-40, .tb_ml_-35, .tb_ml_-105 { margin-left: -30px; } } /* --- Padding --------------------------------------------------------------------- */ .tb_p_0 { padding: 0px; } .tb_p_5 { padding: 5px; } .tb_p_10 { padding: 10px; } .tb_p_15 { padding: 15px; } .tb_p_20 { padding: 20px; } .tb_p_25 { padding: 25px; } .tb_p_30 { padding: 30px; } .tb_p_35 { padding: 35px; } .tb_p_40 { padding: 40px; } .tb_p_45 { padding: 45px; } .tb_p_50 { padding: 50px; } .tb_p_55 { padding: 55px; } .tb_p_60 { padding: 60px; } .tb_p_65 { padding: 65px; } .tb_p_70 { padding: 70px; } .tb_p_75 { padding: 75px; } .tb_p_80 { padding: 80px; } .tb_p_85 { padding: 85px; } .tb_p_90 { padding: 90px; } .tb_p_95 { padding: 95px; } .tb_p_100 { padding: 100px; } .tb_pt_0, .row-wrap.tb_pt_0 > .row { padding-top: 0px; } .tb_pt_5, .row-wrap.tb_pt_5 > .row { padding-top: 5px; } .tb_pt_10, .row-wrap.tb_pt_10 > .row { padding-top: 10px; } .tb_pt_15, .row-wrap.tb_pt_15 > .row { padding-top: 15px; } .tb_pt_20, .row-wrap.tb_pt_20 > .row { padding-top: 20px; } .tb_pt_25, .row-wrap.tb_pt_25 > .row { padding-top: 25px; } .tb_pt_30, .row-wrap.tb_pt_30 > .row { padding-top: 30px; } .tb_pt_35, .row-wrap.tb_pt_35 > .row { padding-top: 35px; } .tb_pt_40, .row-wrap.tb_pt_40 > .row { padding-top: 40px; } .tb_pt_45, .row-wrap.tb_pt_45 > .row { padding-top: 45px; } .tb_pt_50, .row-wrap.tb_pt_50 > .row { padding-top: 50px; } .tb_pt_55, .row-wrap.tb_pt_55 > .row { padding-top: 55px; } .tb_pt_60, .row-wrap.tb_pt_60 > .row { padding-top: 60px; } .tb_pt_65, .row-wrap.tb_pt_65 > .row { padding-top: 65px; } .tb_pt_70, .row-wrap.tb_pt_70 > .row { padding-top: 70px; } .tb_pt_75, .row-wrap.tb_pt_75 > .row { padding-top: 75px; } .tb_pt_80, .row-wrap.tb_pt_80 > .row { padding-top: 80px; } .tb_pt_85, .row-wrap.tb_pt_85 > .row { padding-top: 85px; } .tb_pt_90, .row-wrap.tb_pt_90 > .row { padding-top: 90px; } .tb_pt_95, .row-wrap.tb_pt_95 > .row { padding-top: 95px; } .tb_pt_100, .row-wrap.tb_pt_100 > .row { padding-top: 100px; } .tb_pr_0 { padding-right: 0px; } .tb_pr_5 { padding-right: 5px; } .tb_pr_10 { padding-right: 10px; } .tb_pr_15 { padding-right: 15px; } .tb_pr_20 { padding-right: 20px; } .tb_pr_25 { padding-right: 25px; } .tb_pr_30 { padding-right: 30px; } .tb_pr_35 { padding-right: 35px; } .tb_pr_40 { padding-right: 40px; } .tb_pr_45 { padding-right: 45px; } .tb_pr_50 { padding-right: 50px; } .tb_pr_55 { padding-right: 55px; } .tb_pr_60 { padding-right: 60px; } .tb_pr_65 { padding-right: 65px; } .tb_pr_70 { padding-right: 70px; } .tb_pr_75 { padding-right: 75px; } .tb_pr_80 { padding-right: 80px; } .tb_pr_85 { padding-right: 85px; } .tb_pr_90 { padding-right: 90px; } .tb_pr_95 { padding-right: 95px; } .tb_pr_100 { padding-right: 100px; } .tb_pb_0, .row-wrap.tb_pb_0 > .row { padding-bottom: 0px; } .tb_pb_5, .row-wrap.tb_pb_5 > .row { padding-bottom: 5px; } .tb_pb_10, .row-wrap.tb_pb_10 > .row { padding-bottom: 10px; } .tb_pb_15, .row-wrap.tb_pb_15 > .row { padding-bottom: 15px; } .tb_pb_20, .row-wrap.tb_pb_20 > .row { padding-bottom: 20px; } .tb_pb_25, .row-wrap.tb_pb_25 > .row { padding-bottom: 25px; } .tb_pb_30, .row-wrap.tb_pb_30 > .row { padding-bottom: 30px; } .tb_pb_35, .row-wrap.tb_pb_35 > .row { padding-bottom: 35px; } .tb_pb_40, .row-wrap.tb_pb_40 > .row { padding-bottom: 40px; } .tb_pb_45, .row-wrap.tb_pb_45 > .row { padding-bottom: 45px; } .tb_pb_50, .row-wrap.tb_pb_50 > .row { padding-bottom: 50px; } .tb_pb_55, .row-wrap.tb_pb_55 > .row { padding-bottom: 55px; } .tb_pb_60, .row-wrap.tb_pb_60 > .row { padding-bottom: 60px; } .tb_pb_65, .row-wrap.tb_pb_65 > .row { padding-bottom: 65px; } .tb_pb_70, .row-wrap.tb_pb_70 > .row { padding-bottom: 70px; } .tb_pb_75, .row-wrap.tb_pb_75 > .row { padding-bottom: 75px; } .tb_pb_80, .row-wrap.tb_pb_80 > .row { padding-bottom: 80px; } .tb_pb_85, .row-wrap.tb_pb_85 > .row { padding-bottom: 85px; } .tb_pb_90, .row-wrap.tb_pb_90 > .row { padding-bottom: 90px; } .tb_pb_95, .row-wrap.tb_pb_95 > .row { padding-bottom: 95px; } .tb_pb_100, .row-wrap.tb_pb_100 > .row { padding-bottom: 100px; } .tb_pl_0 { padding-left: 0px; } .tb_pl_5 { padding-left: 5px; } .tb_pl_10 { padding-left: 10px; } .tb_pl_15 { padding-left: 15px; } .tb_pl_20 { padding-left: 20px; } .tb_pl_25 { padding-left: 25px; } .tb_pl_30 { padding-left: 30px; } .tb_pl_35 { padding-left: 35px; } .tb_pl_40 { padding-left: 40px; } .tb_pl_45 { padding-left: 45px; } .tb_pl_50 { padding-left: 50px; } .tb_pl_55 { padding-left: 55px; } .tb_pl_60 { padding-left: 60px; } .tb_pl_65 { padding-left: 65px; } .tb_pl_70 { padding-left: 70px; } .tb_pl_75 { padding-left: 75px; } .tb_pl_80 { padding-left: 80px; } .tb_pl_85 { padding-left: 85px; } .tb_pl_90 { padding-left: 90px; } .tb_pl_95 { padding-left: 95px; } .tb_pl_100 { padding-left: 100px; } @media (max-width: 1040px) { .tb_pt_35, .row-wrap.tb_pt_35 > .row, .tb_pt_40, .row-wrap.tb_pt_40 > .row, .tb_pt_45, .row-wrap.tb_pt_45 > .row, .tb_pt_50, .row-wrap.tb_pt_50 > .row, .tb_pt_55, .row-wrap.tb_pt_55 > .row, .tb_pt_60, .row-wrap.tb_pt_60 > .row, .tb_pt_65, .row-wrap.tb_pt_65 > .row, .tb_pt_70, .row-wrap.tb_pt_70 > .row, .tb_pt_75, .row-wrap.tb_pt_75 > .row, .tb_pt_80, .row-wrap.tb_pt_80 > .row, .tb_pt_85, .row-wrap.tb_pt_85 > .row, .tb_pt_90, .row-wrap.tb_pt_90 > .row, .tb_pt_95, .row-wrap.tb_pt_95 > .row, .tb_pt_100, .row-wrap.tb_pt_100 > .row, .tb_pt_105, .row-wrap.tb_pt_105 > .row { padding-top: 30px; } .tb_pr_35, .tb_pr_40, .tb_pr_45, .tb_pr_50, .tb_pr_55, .tb_pr_60, .tb_pr_65, .tb_pr_70, .tb_pr_75, .tb_pr_80, .tb_pr_85, .tb_pr_90, .tb_pr_95, .tb_pr_100, .tb_pr_105 { padding-right: 30px; } .tb_pb_35, .row-wrap.tb_pb_35 > .row, .tb_pb_40, .row-wrap.tb_pb_40 > .row, .tb_pb_45, .row-wrap.tb_pb_45 > .row, .tb_pb_50, .row-wrap.tb_pb_50 > .row, .tb_pb_55, .row-wrap.tb_pb_55 > .row, .tb_pb_60, .row-wrap.tb_pb_60 > .row, .tb_pb_65, .row-wrap.tb_pb_65 > .row, .tb_pb_70, .row-wrap.tb_pb_70 > .row, .tb_pb_75, .row-wrap.tb_pb_75 > .row, .tb_pb_80, .row-wrap.tb_pb_80 > .row, .tb_pb_85, .row-wrap.tb_pb_85 > .row, .tb_pb_90, .row-wrap.tb_pb_90 > .row, .tb_pb_95, .row-wrap.tb_pb_95 > .row, .tb_pb_100, .row-wrap.tb_pb_100 > .row, .tb_pb_105, .row-wrap.tb_pb_105 > .row { padding-bottom: 30px; } .tb_pl_35, .tb_pl_40, .tb_pl_45, .tb_pl_50, .tb_pl_55, .tb_pl_60, .tb_pl_65, .tb_pl_70, .tb_pl_75, .tb_pl_80, .tb_pl_85, .tb_pl_90, .tb_pl_95, .tb_pl_100, .tb_pl_105 { padding-left: 30px; } } .row-wrap:not(#wrapper) { padding-top: 0; padding-bottom: 0; } /* --- Responsive ----------------------------------------------------------------------------- */ @media (max-width: 1280px) { #wrapper:not(.container) > .tb_width_fixed, #wrapper:not(.container) > .container, #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed) > .tb_width_fixed { margin-left: 40px; margin-right: 40px; } #wrapper:not(.container) > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]), #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]), #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > .row:not(.tb_separate_columns) > .col > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]) { padding-left: 40px; padding-right: 40px; } #wrapper:not(.container) > .tb_content_fixed, #wrapper:not(.container) > :not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]), #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > div:not(.tb_separate_columns) .tb_content_fixed { min-width: 0; } } @media (max-width: 768px) { #wrapper.container { margin-left: 10px; margin-right: 10px; } #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed) > .tb_width_fixed, #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed) > :not(.tb_separate_columns) .tb_width_fixed { min-width: 0; margin-left: 20px !important; margin-right: 20px !important; } #wrapper:not(.container) > .tb_width_fixed, #wrapper:not(.container) > .container, #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed) > .tb_width_fixed { margin-left: 20px; margin-right: 20px; } #wrapper:not(.container) > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]), #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]), #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > .row:not(.tb_separate_columns) > .col > .tb_content_fixed:not([class*="tb_pl_"]):not([class*="tb_pr_"]) { padding-left: 20px; padding-right: 20px; } } /* ----------------------------------------------------------------------------------------- S T Y L I N G ----------------------------------------------------------------------------------------- */ .row, html[dir="ltr"] .col:first-child, html[dir="rtl"] div:not(.tb_no_rtl_columns) > .col:last-child, html[dir="rtl"] .tb_no_rtl_columns > .col:first-child { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .row, html[dir="ltr"] .col:last-child, html[dir="rtl"] div:not(.tb_no_rtl_columns) > .col:first-child, html[dir="rtl"] .tb_no_rtl_columns > .col:last-child { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .table, .table table, .table-responsive { border-collapse: separate; } .table table, .table:last-child { margin-bottom: 0; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td, .table table > thead > tr > th, .table table > thead > tr > td, .table table > tbody > tr > th, .table table > tbody > tr > td, .table table > tfoot > tr > th, .table table > tfoot > tr > td { padding: 10px 20px 9px 20px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; } .table > thead > tr > th, .table > thead > tr > td, .table table > thead > tr > th, .table table > thead > tr > td { font-weight: bold; } .table > thead > tr > th:not(:first-child), .table > thead > tr > td:not(:first-child), .table table > thead > tr > th:not(:first-child), .table table > thead > tr > td:not(:first-child) { border-left-width: 1px; border-left-style: solid; } .table > tbody:last-child > tr:last-child > th, .table > tbody:last-child > tr:last-child > td, .table > table > tbody:last-child > tr:last-child > th, .table > table > tbody:last-child > tr:last-child > td, .table > tfoot > tr > th, .table > tfoot > tr > td, .table > table > tfoot > tr > th, .table > table > tfoot > tr > td { padding-bottom: 10px; border-width: 0; border-style: none; } .table > thead, .table > thead > tr, .table > tbody, .table > tbody > tr, .table > tfoot, .table > tfoot > tr .table > table > thead, .table > table > thead > tr, .table > table > tbody, .table > table > tbody > tr, .table > table > tfoot, .table > table > tfoot > tr { border-radius: inherit; } .table > thead > tr:first-child, .table > thead > tr:first-child > th:first-child, .table > table > thead > tr:first-child, .table > table > thead > tr:first-child > th:first-child { border-top-left-radius: inherit; } .table > thead > tr:first-child, .table > thead > tr:first-child > th:last-child, .table > table > thead > tr:first-child, .table > table > thead > tr:first-child > th:last-child { border-top-right-radius: inherit; } .table > tbody:last-child > tr:last-child, .table > tbody:last-child > tr:last-child > th:first-child, .table > table > tbody:last-child > tr:last-child, .table > table > tbody:last-child > tr:last-child > th:first-child { border-bottom-left-radius: inherit; } .table > tbody:last-child > tr:last-child, .table > tbody:last-child > tr:last-child > th:last-child, .table > table > tbody:last-child > tr:last-child, .table > table > tbody:last-child > tr:last-child > th:last-child { border-bottom-right-radius: inherit; } /* ----------------------------------------------------------------------------------------- C O N D E N S E D T A B L E ----------------------------------------------------------------------------------------- */ .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > table > thead > tr > th, .table-condensed > table > thead > tr > td, .table-condensed > table > tbody > tr > th, .table-condensed > table > tbody > tr > td, .table-condensed > table > tfoot > tr > th, .table-condensed > table > tfoot > tr > td { padding: 5px 10px 4px 10px; } .table-condensed > tbody:last-child > tr:last-child > th, .table-condensed > tbody:last-child > tr:last-child > td, .table-condensed > table > tbody:last-child > tr:last-child > th, .table-condensed > table > tbody:last-child > tr:last-child > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > table > tfoot > tr > th, .table-condensed > table > tfoot > tr > td { padding-bottom: 5px; } /* ----------------------------------------------------------------------------------------- M I N I M A L T A B L E ----------------------------------------------------------------------------------------- */ .table-minimal > thead > tr > th, .table-minimal > thead > tr > td, .table-minimal > table > thead > tr > th, .table-minimal > table > thead > tr > td { background-color: transparent !important; border-right: 0px none !important; border-left: 0px none !important; border-bottom-width: 2px; } .table-minimal > thead > tr:first-child > *, .table-minimal > table > thead > tr:first-child > *, .table-minimal > tbody:first-child > tr:first-child > *, .table-minimal > table > tbody:first-child > tr:first-child > * { padding-top: 0; } .table-minimal > tfoot > tr:last-child > *, .table-minimal > table > tfoot > tr:last-child > *, .table-minimal > tbody:last-child > tr:last-child > *, .table-minimal > table > tbody:last-child > tr:last-child > * { padding-bottom: 0 !important; } .table-minimal > thead > tr > th:first-child, .table-minimal > thead > tr > td:first-child, .table-minimal > tbody > tr > th:first-child, .table-minimal > tbody > tr > td:first-child, .table-minimal > tfoot > tr > th:first-child, .table-minimal > tfoot > tr > td:first-child, .table-minimal > table > thead > tr > th:first-child, .table-minimal > table > thead > tr > td:first-child, .table-minimal > table > tbody > tr > th:first-child, .table-minimal > table > tbody > tr > td:first-child, .table-minimal > table > tfoot > tr > th:first-child, .table-minimal > table > tfoot > tr > td:first-child { padding-left: 0 !important; } .table-minimal > thead > tr > th:last-child, .table-minimal > thead > tr > td:last-child, .table-minimal > tbody > tr > th:last-child, .table-minimal > tbody > tr > td:last-child, .table-minimal > tfoot > tr > th:last-child, .table-minimal > tfoot > tr > td:last-child, .table-minimal > table > thead > tr > th:last-child, .table-minimal > table > thead > tr > td:last-child, .table-minimal > table > tbody > tr > th:last-child, .table-minimal > table > tbody > tr > td:last-child, .table-minimal > table > tfoot > tr > th:last-child, .table-minimal > table > tfoot > tr > td:last-child { padding-right: 0 !important; } /* ----------------------------------------------------------------------------------------- B O R D E R E D T A B L E ----------------------------------------------------------------------------------------- */ .table-bordered { border-width: 1px; border-style: solid; } .table-bordered > thead > tr:first-child > th, .table-bordered > thead > tr:first-child > td, .table-bordered > table > thead > tr:first-child > th, .table-bordered > table > thead > tr:first-child > td { border-top: 1px solid rgba(255, 255, 255, 0.5) !important; padding-top: 9px; } .table-bordered.table-condensed > thead > tr:first-child > th, .table-bordered.table-condensed > thead > tr:first-child > td, .table-bordered.table-condensed > table > thead > tr:first-child > th, .table-bordered.table-condensed > table > thead > tr:first-child > td { padding-top: 4px; } /* ----------------------------------------------------------------------------------------- S I Z I N G ----------------------------------------------------------------------------------------- */ table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } /*** Spacing ***/ @media (max-width: 768px) { .table thead th, .table > tbody td { padding-left: 10px; padding-right: 10px; } } /* ----------------------------------------------------------------------------------------- R E S P O N S I V E T A B L E S ----------------------------------------------------------------------------------------- */ .table-responsive { overflow-x: auto; overflow-y: hidden; min-height: 0.01%; } .table-responsive > .table { margin-bottom: 0; } @media (max-width: 768px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } button { overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin-bottom: 30px; border: 0 none; } fieldset legend { display: block; width: 100%; margin-bottom: 20px; } fieldset legend + * { clear: both; } fieldset + fieldset { margin-top: 30px; } fieldset + fieldset legend { position: relative; padding-top: 30px; } fieldset:last-child, fieldset > :last-child { margin-bottom: 0; padding-bottom: 0; } label { display: inline-block; max-width: 100%; vertical-align: top; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=datetime], input[type=color], input[type=password], input[type=search], select, textarea, .input-group, .form-control { width: 220px; max-width: 100%; border-width: 1px; border-style: solid; border-radius: 2px; resize: none; } .tb_full .form-control { width: 100%; } .ui-spinner { height: 30px; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=datetime], input[type=color], input[type=password], input[type=search], select, textarea, .input-group { height: 30px; margin-top: 0px; margin-bottom: 0px; padding: 4px 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } textarea:not([style*="height"]) { height: auto; } select { padding-left: 4px; padding-right: 4px; } input.input-sm, select.input-sm, textarea.input-sm, .input-group-sm, .input-group-sm input, .form-group-sm .form-control { height: 22px; margin-top: 4px; margin-bottom: 4px; padding: 0px 1px; font-size: 12px; } select.input-sm, .form-group-sm select.form-control { padding-left: 0px; padding-right: 0px; } .form-group-sm .control-label { font-size: 11px; } input.input-lg, select.input-lg, textarea.input-lg, .input-group-lg, .input-group-lg input, .form-group-lg .form-control { height: 38px; margin-top: 1px; margin-bottom: 1px; padding: 8px 9px; font-size: 15px; } select.input-lg, .form-group-lg select.form-control { padding-left: 8px; padding-right: 8px; } .form-group-lg .control-label { font-size: 15px; } input.input-xl, select.input-xl, textarea.input-xl, .input-group-xl, .input-group-xl input, .form-group-xl .form-control { height: 46px; margin-top: 2px; margin-bottom: 2px; padding: 12px 13px; font-size: 17px; } select.input-xl, .form-group-xl select.form-control { padding-left: 12px; padding-right: 12px; } .form-group-xl .control-label { font-size: 17px; } input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; } input, select, textarea { width: 220px; } input[type=radio], input[type=checkbox], input[type=submit], input[type=button], input[type=file], input[type=image], input[size] { width: auto; } table:not(.form) input:not([type=radio]):not([type=checkbox]):not([size]), table:not(.form) select, table:not(.form) textarea, table:not(.form) button, table:not(.form) .ui-spinner, table:not(.form) .input-group { width: auto; margin-left: 0; margin-right: 0; } input + button, input + .btn, input + .button, input + .btn { vertical-align: top; } input[type=radio], input[type=checkbox], input[type=image] { height: auto; vertical-align: middle; } img[src*="captcha"] { vertical-align: top; } textarea { width: 350px; padding-bottom: 10px !important; resize: vertical; vertical-align: top; } select[size], textarea[rows] { height: auto !important; } button { height: 40px; border: none; background: #ddd; } input[type=hidden], .help-block:empty { display: none; } input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus, button:hover, button:focus { outline: 0 none !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent; } label.tb_disabled, label.tb_disabled * { color: #999 !important; } label .tb_legend { margin: 0 !important; padding-top: 0; line-height: 11px; } .checkbox, .radio, .checkbox-inline, .radio-inline { position: relative; -ms-flex: 0 0 auto !important; -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; min-height: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 1.4em; text-align: left; font-size: 13px; font-weight: normal; } .checkbox:before, .radio:before, label.checkbox-inline:before, label.radio-inline:before { content: ''; display: none; } .checkbox, .radio { display: block; width: auto; } .checkbox-inline, .radio-inline { width: auto !important; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 15px; } .checkbox input, .radio input, .checkbox-inline input, .radio-inline input { position: absolute; left: 0; top: 50%; margin: -6px 0 0 0 !important; } .checkbox label, .radio label { vertical-align: top !important; } label.checkbox input, label.checkbox-inline input { margin: -6px 0 0 0 !important; } label.tb_image { overflow: hidden; display: table; width: 100% !important; padding-top: 0 !important; padding-bottom: 0 !important; } label.tb_image img { float: left; margin-right: 10px; max-width: none; } label.tb_image .tb_label { display: table-cell; width: 100%; vertical-align: middle; } .form-group { clear: both; margin-top: 20px; margin-bottom: 20px; } .form-group[class*="col-"] { margin-top: 0; margin-bottom: 0; } .form-group:first-child { margin-top: 0; } .form-group:last-child { margin-bottom: 0; } .form-group:after { content: ''; display: table; } .form-group:after { clear: both; } .form-group[style*="display: none"], fieldset[style*="display: none"] { overflow: hidden; clear: both; display: block !important; height: 0; margin-top: 0 !important; margin-bottom: 0 !important; } .form-group[style*="display: none"] { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } fieldset[style*="display: none"] { margin-top: -30px; } .form-group > label { vertical-align: baseline; padding-bottom: 5px; } .form-group.form-group-sm > label { padding-bottom: 5px; } .form-group.form-group-lg > label { padding-bottom: 10px; } .form-group.form-group-xl > label { padding-bottom: 15px; } .form-group > label[class*="col-"] { display: block; min-width: 100px; padding-left: 0; padding-right: 0; padding-top: 5px; } .form-group.form-group-sm > label[class*="col-"] { padding-top: 5px; } .form-group.form-group-lg > label[class*="col-"] { padding-top: 10px; } .form-group.form-group-xl > label[class*="col-"] { padding-top: 15px; } .form-group > label[class*="col-"] + div[class*="col-"] { display: block; } .form-group > label[class*="col-"] + div[class*="col-"] .input-group { display: inline-table; display: inline-flex; vertical-align: top; } .form-group > label + div[class*="col-"]:after { content: ''; display: table; clear: both; } .form-group > div > input[type="radio"], .form-group > div > input[type="checkbox"] { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .form-group select + .help-block, .form-group textarea + .help-block { padding-top: 10px; font-size: 11.05px; } .form-group .help-block .text-danger { min-width: 0; margin: 0; padding: 0; } .checkbox > label, .radio > label { display: inline-block; float: none; width: auto !important; margin-left: 0; margin-right: 0; } .checkbox.image > label > *, .radio.image > label > * { vertical-align: middle; } .required > label:before { content: "* "; /* -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; */ margin-right: 0.3em; font-weight: bold; color: #f00; } .product-info .form-group > label + div { overflow: hidden; } /*** Horizontal form ***/ .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; /* padding-top: 7px; */ } .form-horizontal .form-group { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -30px; margin-left: -30px; } .form-horizontal .form-group > label { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 150px; max-width: 150px; min-width: 100px; min-height: 40px; margin-top: 30px; padding-top: 0; padding-bottom: 0; } .form-horizontal .form-group.form-group-sm > label { padding-top: 5px; } .form-horizontal .form-group.form-group-lg > label { padding-top: 10px; } .form-horizontal .form-group.form-group-xl > label { padding-top: 15px; } .form-horizontal .form-group > label, .form-horizontal .form-group > [class*="col-"] { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex: 1 1 0px !important; -webkit-flex: 1 1 0px !important; flex: 1 1 0px !important; width: auto; margin-left: 30px; } .form-horizontal .form-group > div[class*="col-"] > * { max-width: 100%; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .form-horizontal .form-group > div[class*="col-"] > *:not(:last-child) { margin-right: 10px; } .form-horizontal .form-group > .checkbox, .form-horizontal .form-group > .radio { -ms-flex: 1 1 100% !important; -webkit-flex: 1 1 100% !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100%; margin-left: 30px; } .form-horizontal .form-group > :first-child:not(label) { margin-top: 30px; } @media (min-width: 769px) { .form-horizontal .control-label { margin-bottom: 0; } } /*** Vertical form ***/ .form-vertical .form-group > label { display: block; float: none; width: 100%; padding-top: 0; font-weight: bold; } .form-vertical .form-group > label, .form-vertical .form-group input:not([type=radio]):not([type=checkbox]), .form-vertical .form-group select, .form-vertical .form-group textarea, .form-vertical .form-group .ui-spinner, .form-vertical .form-group .input-group { margin-right: 0; } .form-vertical .form-group > .col-xs-12 { width: 100%; max-width: none; } @media (min-width: 769px) { .form-vertical .form-group > .col-sm-12 { width: 100%; max-width: none; } } @media (min-width: 1041px) { .form-vertical .form-group > .col-md-12 { width: 100%; max-width: none; } } @media (min-width: 1261px) { .form-vertical .form-group > .col-lg-12 { width: 100%; max-width: none; } } .form-vertical .form-group > .col-sm-12 { margin-top: 0; margin-left: 0; } .form-vertical .help-block { margin-bottom: 0; } .form-inline label:not(.btn) { width: auto; margin-right: 0.5em; padding: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; display: inline-flex; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } .form-inline .form-group { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } @media (max-width: 480px) { .form-inline .form-group + .btn { width: 100%; margin-top: 20px; } } /*** BurnEngine ***/ .text-danger, .error { display: inline-block; min-width: 260px; max-width: 100%; margin-top: 5px; margin-bottom: 5px; font-size: 11px; color: red; vertical-align: top; } .text-danger:before, .error:before { content: '\f00d\0020\0020'; font-family: "FontAwesome"; font-size: 12px; vertical-align: top; } .text-danger:empty, .error:empty { display: none; } div:not(.input-group) + .text-danger { display: block; clear: both; } .tb_blocked { position: relative; min-height: 160px; } .tb_blocked:before { content: ''; position: absolute; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color: #fff; opacity: 0.8; } /* ----------------------------------------------------------------------------------------- M O B I L E max-width: 767px ----------------------------------------------------------------------------------------- */ @media (max-width: 768px) { input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=datetime], input[type=color], input[type=password], input[type=search], select, .input-group { height: 40px; padding: 9px; } select { padding: 8px; } textarea { width: 100%; padding: 9px; } input[type=checkbox], input[type=radio] { margin-left: 0; margin-right: 0; } input[type=checkbox]:first-child + label ~ label, input[type=radio]:first-child + label ~ label { display: inline-block; margin-top: 10px; } input[type=checkbox] + label + br, input[type=radio] + label + br { display: block; } input[type=checkbox] + label + br:last-child, input[type=radio] + label + br:last-child { margin-bottom: 10px !important; } table.radio { width: 100%; } .text-danger, .error { min-width: 0; } .form-horizontal [class*="col-"] > input:not([type=radio]):not([type=checkbox]):not([type=button]), .form-horizontal [class*="col-"] > select, .form-horizontal [class*="col-"] > textarea, .form-horizontal [class*="col-"] > .input-group, .form-vertical .form-group [class*="col-"] { width: 100%; } .form-horizontal [class*="col-"] > select:not(:last-child) { margin-right: -60px; } } /* ----------------------------------------------------------------------------------------- M O B I L E max-width: 480px ----------------------------------------------------------------------------------------- */ @media (max-width: 480px) { label, input:not([type=radio]):not([type=checkbox]), select, textarea, #country_id, #zone_id, select[name="customer_group_id"] { width: 100%; max-width: none !important; margin-left: 0; margin-right: 0; } label { width: auto !important; min-height: 0 !important; } input[type=checkbox] + label + br:last-child, input[type=radio] + label + br:last-child { display: none; } select:not(:last-child) { margin-right: -60px; } .form-group > label + div[class*="col-"]:not([class*="col-xs"]), .form-group > label + div[class*="col-"]:not([class*="col-xs"]) > div { clear: both; -ms-flex: 1 0 auto !important; -webkit-flex: 1 0 auto !important; flex: 1 0 auto !important; width: auto; max-width: none; } .form-horizontal .form-group { display: block; margin-top: 0; } .form-horizontal .form-group > label, .form-group > label + div[class*="col-"]:not([class*="col-xs"]) { margin-top: 0; padding-top: 0 !important; } .form-horizontal .form-group > label { margin-bottom: 10px; } .form-inline .form-group { display: block; margin-right: 0 !important; margin-left: 0 !important; } } .btn, .button, button, [type=button], [type=submit] { position: relative; display: inline-block; height: 30px; margin-top: 0px; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; line-height: 30px; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; } .btn a, .button a { color: inherit !important; } /*** Button Sizes ***/ .btn.btn-xs, .btn-group-xs > .btn, .input-group-xs > .input-group-btn > .btn { height: 16px; margin-top: 2px; margin-bottom: 2px; padding-left: 8px; padding-right: 8px; line-height: 16px; font-size: 12px; } .btn.btn-sm, .btn-group-sm > .btn, .input-group-sm > .input-group-btn > .btn { height: 22px; margin-top: 4px; margin-bottom: 4px; padding-left: 11px; padding-right: 11px; line-height: 22px; font-size: 14px; } .btn.btn-lg, .btn-group-lg > .btn, .input-group-lg > .input-group-btn > .btn { height: 38px; margin-top: 1px; margin-bottom: 1px; padding-left: 19px; padding-right: 19px; line-height: 38px; font-size: 19px; } .btn.btn-xl, .btn-group-xl > .btn, .input-group-xl > .input-group-btn > .btn { height: 46px; margin-top: 2px; margin-bottom: 2px; padding-left: 23px; padding-right: 23px; line-height: 46px; font-size: 20px; } .btn.btn-xxl, .btn-group-xxl > .btn, .input-group-xxl > .input-group-btn > .btn { height: 52px; margin-top: 4px; margin-bottom: 4px; padding-left: 26px; padding-right: 26px; line-height: 52px; font-size: 21px; } /*** Block buttons ***/ .btn-block { width: 100%; } .btn-block + .btn-block, .btn-block + .btn-block.btn-xs { margin-top: 20px; } .btn-block + .btn-block.btn-sm { margin-top: 24px; } .btn-block + .btn-block.btn-lg { margin-top: 21px; } .btn-block + .btn-block.btn-xl { margin-top: 22px; } .btn-block + .btn-block.btn-xxl { margin-top: 24px; } /*** Icon / Empty / Square Buttons ***/ .btn.tb_no_text { display: inline-block !important; width: 30px; padding: 0 !important; } .btn.tb_no_text:before { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .btn:not(input):empty, .btn.tb_no_text { width: 30px; padding: 0; } .btn:not(input).btn-xs:empty, .btn.tb_no_text.btn-xs { width: 16px; } .btn:not(input).btn-sm:empty, .btn.tb_no_text.btn-sm { width: 22px; } .btn:not(input).btn-lg:empty, .btn.tb_no_text.btn-lg { width: 38px; } .btn:not(input).btn-xl:empty, .btn.tb_no_text.btn-xl { width: 46px; } .btn:not(input).btn-xxl:empty, .btn.tb_no_text.btn-xxl { width: 52px; } .tb_no_text > span[data-tooltip] { overflow: hidden; z-index: 5; position: absolute; left: 0; right: 0; bottom: 100%; height: 0; margin: 0 -80px 0 -80px; line-height: 30px; text-align: center; text-indent: 0; font-size: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out; } .tb_no_text:hover > span[data-tooltip] { overflow: visible; display: block; height: auto; margin-bottom: 10px; opacity: 1; } .tb_no_text > span[data-tooltip]:before { content: attr(data-tooltip); display: inline-block; margin-bottom: 2px; padding: 0.1em 0.6em; line-height: 2em; text-transform: none; font-size: 13px; white-space: nowrap; vertical-align: bottom; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .tb_no_text > span[data-tooltip]:after { content: ''; z-index: 60; position: absolute; top: 100%; left: 50%; right: auto; display: block; width: 9px; height: 9px; margin-top: -6px; margin-left: -5px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); background-clip: content-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*** BurnEngine ***/ .btn, .button, button, [type=button], [type=submit] { border: none; border-radius: 3px; cursor: pointer !important; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); } .btn.btn-plain { border-radius: 0; box-shadow: none; } /* ----------------------------------------------------------------------------------------- B O O T S T R A P C O M P O N E N T S ----------------------------------------------------------------------------------------- */ .dropdown { position: relative; } .dropdown > a, .nav-stacked .tb_link > a { display: -ms-flexbox; display: -webkit-flex; display: flex; } .dropdown > a > .tb_text { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-right: 0.3em; word-wrap: break-word; text-rendering: initial; font-feature-settings: initial; -webkit-font-feature-settings: initial; font-kerning: initial; } .dropdown > a:not(.tb_no_caret):after, .dropdown-toggle:after { direction: ltr; content: '\f0d7'; -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; vertical-align: top; font-family: FontAwesome; font-size: 12px; opacity: 0.3; cursor: pointer; } .nav.tb_nocaret .dropdown > a:after, .nav.tb_nocaret .dropdown-toggle:after { content: none; } .nav.tb_nocaret .dropdown > a > .tb_text { margin-left: 0; margin-right: 0; } .dropdown-toggle:after { margin: 0 0 0 0.5em; } .dropdown-toggle .sr-only { position: static; display: inline-block; width: 0; height: 100%; margin-right: -0.5em; vertical-align: top; } .dropdown:hover > a:after, .dropdown-toggle:hover:after { opacity: 1; } .nav-stacked .dropdown > a > .tb_text, .dropdown-menu .dropdown > a > .tb_text, .tb_list_1 > .dropdown > a > .tb_text { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } .nav-stacked .dropdown > a:after, .dropdown-menu .dropdown > a:after, .tb_list_1 > .dropdown > a:after { content: '\a0 \f0da'; } /*** Dropdown menu ***/ .dropdown-menu { overflow-x: visible; position: absolute; top: 100%; left: 0; display: none; min-width: 200px; text-align: left; list-style: none !important; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .tb_hovered > .dropdown-menu, .open > .dropdown-menu { z-index: 50; display: block; } .no_touch .dropdown:hover > .dropdown-menu { opacity: 0; display: block; } .dropdown:not(.tb_hovered):hover > .dropdown-menu { left: -10000px; top: -10000px; } .tb_hovered > .dropdown-menu { opacity: 1 !important; } .dropdown-menu.tb_ip_xs { padding: 10px; } .dropdown-menu.tb_ip_sm { padding: 15px; } .dropdown-menu.tb_ip_lg { padding: 25px; } .dropdown-menu.tb_ip_xl { padding: 30px; } .dropdown-menu.tb_vsep_xs { padding-top: 18px; padding-bottom: 18px; } .dropdown-menu.tb_vsep_sm { padding-top: 15px; padding-bottom: 15px; } .dropdown-menu.tb_vsep_md { padding-top: 10px; padding-bottom: 10px; } .dropdown-menu.tb_ip_xs.tb_vsep_xs { padding-top: 8px; padding-bottom: 8px; } .dropdown-menu.tb_ip_xs.tb_vsep_sm { padding-top: 5px; padding-bottom: 5px; } .dropdown-menu.tb_ip_xs.tb_vsep_md { padding-top: 0; padding-bottom: 0; } .dropdown-menu.tb_ip_sm.tb_vsep_xs { padding-top: 14.8px; padding-bottom: 14.8px; } .dropdown-menu.tb_ip_sm.tb_vsep_sm { padding-top: 10px; padding-bottom: 10px; } .dropdown-menu.tb_ip_sm.tb_vsep_md { padding-top: 5px; padding-bottom: 5px; } .dropdown-menu.tb_ip_md.tb_vsep_xs { padding-top: 24.8px; padding-bottom: 24.8px; } .dropdown-menu.tb_ip_md.tb_vsep_sm { padding-top: 20px; padding-bottom: 20px; } .dropdown-menu.tb_ip_md.tb_vsep_md { padding-top: 15px; padding-bottom: 15px; } .dropdown-menu.tb_ip_lg.tb_vsep_xs { padding-top: 28px; padding-bottom: 28px; } .dropdown-menu.tb_ip_lg.tb_vsep_sm { padding-top: 25px; padding-bottom: 25px; } .dropdown-menu.tb_ip_lg.tb_vsep_md { padding-top: 20px; padding-bottom: 20px; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-menu:not(.nav-stacked) > li, .dropdown-menu:not(.nav-stacked) > li > a, .tb_multicolumn.tb_list_1 > li, .tb_multicolumn.tb_list_1 > li > a { padding-top: 5px; padding-bottom: 5px; } .dropdown-menu > li > a { clear: both; display: table; display: -ms-flexbox; display: -webkit-flex; display: flex; min-width: 100%; } .dropdown-menu:not(.nav-stacked) > li > a, .tb_multicolumn.tb_list_1 > li > a { margin-top: -5px; margin-bottom: -5px; } .dropdown > a > img, .dropdown-menu > li > a > img { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .dropdown-menu:not(.nav-stacked) > li:first-child { margin-top: -5px; } .dropdown-menu:not(.nav-stacked) > li:last-child { margin-bottom: -5px; } .dropdown-menu > .divider { overflow: hidden; height: 0; margin: 10px -20px 0 -20px; padding-top: 0 !important; padding-bottom: 10px !important; border-top: 1px solid; opacity: 0.2; } .dropdown-menu .disabled { opacity: 0.3; cursor: not-allowed; } .dropdown-header { opacity: 0.5; text-transform: uppercase; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-header:before, .divider:before { content: none !important; } .nav-justified-dropdown > .dropdown:not(.tb_megamenu) > .dropdown-menu { left: 0; right: 0; width: auto; min-width: 0; } /*** Inner dropdown ***/ .dropdown-menu .dropdown-menu, .nav-stacked .dropdown-menu, .tb_list_1:not(dropdown-menu) > li > .dropdown-menu { top: 0; left: 100%; } .dropdown-menu .dropdown-menu { margin-left: 21px; } /*** Megamenu ***/ .tb_megamenu > .dropdown-menu { width: 1000px; } .dropdown-menu > .tb_ip_20 { margin: -20px; } @media (max-width: 768px) { .dropdown-menu > .tb_ip_20 { margin: 0; } } .nav:not(.nav-stacked) > .tb_megamenu > .dropdown-menu { left: 0 !important; right: auto !important; } /*** Style ***/ .dropdown:after { z-index: 60; position: absolute; top: 100%; left: 0; right: auto; display: none !important; width: 10px; height: 10px; margin-top: -6px; margin-left: 12px; border: 1px solid transparent; border-top-color: rgba(0, 0, 0, 0.15); border-left-color: rgba(0, 0, 0, 0.15); background: #fff; background-clip: content-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .tb_hidden_menu:after { content: none !important; display: none !important; } .dropdown:hover:after, .dropdown.tb_hovered:after { content: ''; opacity: 0; display: block !important; } .dropdown:hover:after { opacity: 0; } .dropdown.tb_hovered:after { opacity: 1; } .dropdown-menu { margin-left: 1px; margin-right: 1px; padding: 20px; background: #fff; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .nav:not(.nav-stacked) > .dropdown.tb_hovered { margin-bottom: -10px; padding-bottom: 10px; } .nav-justified-dropdown > .dropdown:not(.tb_megamenu) > .dropdown-menu { margin-right: 1px !important; } .nav-stacked .dropdown:after, .dropdown-menu .dropdown:after, .tb_list_1 > .dropdown:after { top: 0; left: 100%; margin-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.15); background-clip: content-box; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-stacked .dropdown:after, .tb_list_1 > .dropdown:after { margin-left: -6px; } .dropdown-menu .dropdown:after { margin-left: 15px; } .dropdown-menu .dropdown-menu { margin-left: 21px; } .dropdown-menu .dropdown-menu, .tb_list_1:not(dropdown-menu) > li > .dropdown-menu { margin-top: -15px; } .dropdown-menu.nav-stacked > .dropdown > .dropdown-menu { margin-top: -20px; } .dropdown-menu.nav-stacked > .dropdown:after { margin-top: 5px; } /* ----------------------------------------------------------------------------------------- A C C E N T L A B E L ----------------------------------------------------------------------------------------- */ .dropdown-menu .tb_accent_label, .tb_list_1 > li > a > .tb_accent_label { top: auto !important; left: auto; right: auto; margin-top: -3px !important; } /* ----------------------------------------------------------------------------------------- C U S T O M M E N U T Y P E S ----------------------------------------------------------------------------------------- */ .nav .tb_text, .dropdown .tb_text { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .nav .tb_text > img.tb_icon, .dropdown .tb_text > img.tb_icon { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .btn-group, .btn-toolbar { position: relative; display: inline-block; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group > .btn-group, .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { position: relative; display: inline-block; float: left; flex: 0 0 auto; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } /*** Button Toolbar ***/ .btn-toolbar { margin-left: -5px; margin-right: -5px; padding-left: 5px; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-right: 5px; } /*** Vertical Buttons ***/ .btn-group-vertical { position: relative; display: inline-block; vertical-align: top; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; border-right: none; border-left: none; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group > .btn { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } /*** Justified Buttons ***/ .btn-group-justified { display: table; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; float: none; width: 1%; flex: 1 1 auto; justify-content: center; padding-left: 0; padding-right: 0; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } /*** BurnEngine ***/ .btn-group > .btn, .btn-group > .btn-group > .btn:first-child { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .btn-group > .btn + .btn, .btn-group > .btn + .btn-group, .btn-group > .btn-group + .btn, .btn-group > .btn-group + .btn-group { margin-left: -1px; } .btn-group > .btn:first-child { border-left: 0 none; } .btn-group > .btn-group:last-child > :last-child { border-right: 0 none; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group > .btn { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .btn-group-vertical > .btn:first-child, .btn-group-vertical > .btn-group:first-child > .btn:first-child { border-top: none; } .btn-group-vertical > .btn:last-child, .btn-group-vertical > .btn-group:last-child > .btn:last-child { border-bottom: none; } .btn-group-vertical > .btn:not(:last-child):not(.active), .btn-group-vertical > .btn-group:not(:last-child) > .btn:not(.active) { box-shadow: none; } .btn-group-vertical > * { margin: 0; } .btn-group-vertical > * + * { margin-top: -1px; } .btn.active, .btn-group.open .dropdown-toggle { border-color: rgba(0, 0, 0, 0.3) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05), inset 0 0 0 40px rgba(0, 0, 0, 0.2) !important; } .input-group { position: relative; display: table; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; padding: 0; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group > * { display: flex !important; min-width: 0; margin-top: -1px !important; margin-bottom: -1px !important; } .input-group > :first-child:not(input):not(:last-child) { margin-left: -1px; } .input-group > :last-child:not(input):not(:first-child) { margin-right: -1px; } .input-group > input, .input-group > select { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; border: 0 none !important; border: 0 none !important; background-color: transparent !important; } .input-group .form-control { position: relative; z-index: 2; float: left; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon, .input-group-btn { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { position: relative; width: 1%; width: auto; white-space: nowrap; vertical-align: middle; } .input-group-btn, .input-group-addon { min-width: 30px; } .input-group-addon { padding: 5px 10px; text-align: center; border-radius: inherit; background-color: rgba(0, 0, 0, 0.07); background-origin: border-box; } .input-group-sm .input-group-btn, .input-group-sm .input-group-addon { min-width: 22px; } .input-group-lg .input-group-btn, .input-group-lg .input-group-addon { min-width: 38px; } .input-group-xl .input-group-btn, .input-group-xl .input-group-addon { min-width: 46px; } .input-group-addon:first-child { border-right: 1px solid rgba(0, 0, 0, 0.08) !important; } .input-group-addon:last-child { border-left: 1px solid rgba(0, 0, 0, 0.08) !important; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: -0.075em; vertical-align: middle; align-self: center; margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn > .btn { position: relative; z-index: 1; margin-top: 0 !important; margin-bottom: 0 !important; border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .input-group-btn > .btn:first-child { border-left: 0 none; } .input-group-btn > .btn:last-child { border-right: 0 none; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:active { z-index: 2; } @media (max-width: 768px) { .input-group-btn > .btn { height: 40px; line-height: 40px; } .input-group-btn > .btn.tb_no_text { width: 40px; } }.nav, .dropdown.tb_hovered > .nav.dropdown-menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .dropdown > .nav.dropdown-menu { display: none; } .nav > li, .nav > li > a { -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s; transition: color 0.4s, background-color 0.4s, border 0.4s; } .nav > li { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; min-width: 0px; vertical-align: top; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none !important; } .nav > li:before { display: inline-block; margin-left: 0 !important; text-align: center; vertical-align: top; } .nav > li:last-child { margin-left: 0; margin-right: 0; } .nav > li > a { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } .nav > li > a > img { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .nav .tb_icon > i { margin-right: 0.4em; } .nav .tb_megamenu > .dropdown-menu .row-wrap > .row > .col:first-child { border-radius: 3px 0 0 3px; } .nav .tb_megamenu > .dropdown-menu .row-wrap > .row > .col:last-child { border-radius: 0 3px 3px 0; } .nav .tb_megamenu > .dropdown-menu .tb_separate_columns > .row { margin: 0 !important; } .nav .tb_megamenu > .nav .row-wrap { max-height: none !important; } .nav .tb_megamenu .tb_listing > li > ul { margin-bottom: 0; } .nav .tb_accent_label { position: absolute; margin-left: -13px; height: 12px; padding: 0 3px; line-height: 13px; white-space: nowrap; font-size: 8px; font-weight: bold; font-family: Arial; } .nav .tb_accent_label { top: 0; margin-top: -12px; } .nav > li > a > .tb_accent_label, .nav > li > span > .tb_accent_label { right: 0; } .nav > li.dropdown > a > .tb_accent_label { margin-left: -20px; } .nav .dropdown-menu .tb_accent_label { top: 50%; margin-top: -12px; margin-left: 4px; } /*** Horizontal navigation ***/ .nav-horizontal > li:before { margin-left: 0 !important; border-right: 0 none !important; } .nav-horizontal > li:first-child:before { content: '' !important; } .nav-horizontal > .dropdown:after { right: auto !important; } .nav-justified > .dropdown:after { left: 50% !important; right: auto !important; margin-left: -5px !important; margin-right: 0 !important; } .nav-horizontal > .divider { border-right-width: 1px; border-right-style: solid; } .tb_pl_0 > nav > .nav-horizontal > li:first-child, .tb_pl_0 > nav > .nav-horizontal > li:first-child > a { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } /*** Stacked (vertical) navigation ***/ .nav-stacked > li { width: 100%; display: block; margin-left: 0; margin-right: 0; } .nav-stacked > li.divider { border-bottom-width: 1px; border-bottom-style: solid; } .tb_pt_0 > nav > .nav-stacked > li:first-child, .tb_pt_0 > nav > .nav-stacked > li:first-child > a { border-top-left-radius: inherit; border-top-right-radius: inherit; } .tb_pb_0 > nav > .nav-stacked > li:last-child, .tb_pb_0 > nav > .nav-stacked > li:last-child > a { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .nav-stacked > li > a > .tb_text { display: block; } .nav-stacked > li > .dropdown-menu, .nav-stacked > li > .hidden ~ ul > li > .dropdown-menu { max-width: calc(1200px - 100%); } /*** Justified navigation ***/ .nav.nav-justified > li:not(.divider) { -ms-flex: 1 0 0px; -webkit-flex: 1 0 0px; flex: 1 0 0px; } .nav.nav-justified > li > a, .nav.nav-justified > li > a > .tb_text { text-align: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .nav.nav-justified > li > a { -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; } .nav.nav-justified > li > a > .tb_text { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .nav.nav-justified:before, .nav.nav-justified:after { content: none !important; } @media (max-width: 768px) { .nav.nav-justified > li:not(.divider) { -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; } .nav.nav-justified.nav-responsive > li > a { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } } /*** Tabs ***/ .nav-tabs { -ms-flex: 1 0 100%; -webkit-flex: 1 0 100%; flex: 1 0 100%; border-bottom-width: 1px; border-bottom-style: solid; border-top-left-radius: inherit; border-top-right-radius: inherit; } .nav-tabs:before { display: flex; } .nav-tabs > li { position: relative; z-index: 30; vertical-align: top; } .nav-tabs > li:hover, .nav-tabs > li.tb_hovered { z-index: 31; margin: 0; padding: 0; } .nav-tabs > li.active, .nav-tabs > li.ui-state-active { z-index: 32; } .nav-tabs > li > a { display: block; float: left; width: 100%; outline: none; } .nav-tabs > li > a:not([class*="tb_pl"]) { padding-left: 20px; padding-right: 20px; } .nav-tabs:not(.tb_style_2) > li > a { color: inherit !important; } .nav-tabs > li > a span.tb_icon { text-align: center; } .nav-tabs > li > a span.tb_icon:last-child, .nav-tabs > li > a span.tb_icon:last-child:before { margin-left: 0; margin-right: 0; } .nav-tabs > li.dropdown:not(.active):after, .nav-tabs > li.dropdown:not(.active) > .dropdown-menu { top: calc(100% + 1px); } .tab-content { clear: both; -ms-flex: 1 0 100%; -webkit-flex: 1 0 100%; flex: 1 0 100%; /* float: left; width: 100%; */ min-width: 0; } .tab-content.tb_loading { position: relative; } .tab-content > span.tb_title { display: none; } .tab-content > div { display: none; overflow: visible !important; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .tab-content > div:first-child:not(.tab-pane), .tab-content > span.tb_title:first-child + div { display: block; } /*** Vertical Tabs ***/ .nav-tabs.vtabs { clear: both; -ms-flex: 0 0 0px; -webkit-flex: 0 0 0px; flex: 0 0 0px; border-bottom-width: 0; border-bottom-style: none; } .nav-tabs.vtabs, .nav-tabs.vtabs ~ .tab-content { display: block; float: none; direction: ltr; } .nav-tabs.vtabs ~ .tab-content { width: 100%; -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } .nav-tabs.vtabs { text-align: inherit !important; vertical-align: top; border-bottom: 0; } .nav-tabs.vtabs > li, .nav-tabs.vtabs > li > a { display: block !important; height: auto !important; } .nav-tabs.vtabs > li { display: block; float: none !important; } .nav-tabs.vtabs > li > a { float: none; white-space: normal; } .nav-tabs.vtabs > li.active, .nav-tabs.vtabs > li.ui-state-active { margin-bottom: 0; padding-bottom: 0; } /*** Tabs align ***/ .nav-tabs-align-start { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .nav-tabs-align-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } /*** Style 1 ***/ .nav-tabs:after { content: ''; clear: both; display: table; } .nav-tabs.tb_style_2:after, .nav-tabs.tb_style_3:after, .nav-tabs.tb_style_4:after { content: none; } .nav-tabs ~ .tab-content, .nav-tabs > li { border-width: 1px; border-style: solid; } .nav-tabs.tb_style_2 ~ .tab-content, .nav-tabs.tb_style_2 > li, .nav-tabs.tb_style_3 ~ .tab-content, .nav-tabs.tb_style_3 > li { border-width: 0; border-style: none; } .nav-tabs > li { display: block; } .nav-tabs > li > a { padding-top: 9px; padding-bottom: 9px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } /*** Style 1 horizontal ***/ .nav-tabs > li, .nav-tabs.htabs.tb_style_1 > li { margin-right: -1px; border-bottom-width: 0; border-bottom-style: none; } .nav-tabs > li:first-child, .nav-tabs.htabs.tb_style_1 > li:first-child { border-top-left-radius: inherit; } .nav-tabs > li:last-child, .nav-tabs.htabs.tb_style_1 > li:last-child { margin-right: 0; } .nav-tabs.nav-justified > li:last-child, .nav-tabs.htabs.nav-justified.tb_style_1 > li:last-child { border-top-right-radius: inherit; } .nav-tabs > li.active, .nav-tabs.htabs.tb_style_1 > li.active, .nav-tabs.htabs.tb_style_1 > li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .nav-tabs ~ .tab-content, .nav-tabs.htabs.tb_style_1 ~ .tab-content { border-top-width: 0; border-top-style: none; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } /*** Style 1 vertical ***/ .tabs-right > .nav-tabs.vtabs.tb_style_1 { border-left-width: 1px; border-left-style: solid; border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .tabs-left > .nav-tabs.vtabs.tb_style_1 { border-right-width: 1px; border-right-style: solid; border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .nav-tabs.vtabs.tb_style_1 ~ .tab-content { border-top-width: 1px; border-top-style: solid; } .tabs-right > .nav-tabs.vtabs.tb_style_1 ~ .tab-content { border-right: 0 none; border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .tabs-left > .nav-tabs.vtabs.tb_style_1 ~ .tab-content { border-left: 0 none; border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .nav-tabs.vtabs.tb_style_1 > li { float: none; margin-top: -1px; margin-left: 0; margin-right: 0; border-bottom-width: 1px; border-bottom-style: solid; } .nav-tabs.vtabs.tb_style_1 > li:first-child { margin-top: 0; } .nav-tabs.vtabs.tb_style_1 > li > a { padding-top: 10px; } .nav-tabs.vtabs.tb_style_1 > li:first-child > a { padding-top: 9px; } .tabs-left > .nav-tabs.vtabs.tb_style_1 > li { border-right: none !important; } .tabs-right > .nav-tabs.vtabs.tb_style_1 > li { border-left: none !important; } .tabs-left > .nav-tabs.vtabs.tb_style_1 > li:first-child { border-top-left-radius: inherit; } .tabs-right > .nav-tabs.vtabs.tb_style_1 > li:first-child { border-top-right-radius: inherit; } .tabs-left > .nav-tabs.vtabs.tb_style_1 > li.active, .tabs-left > .nav-tabs.vtabs.tb_style_1 > li.ui-tabs-active { margin-right: -1px; padding-right: 1px; } .tabs-right > .nav-tabs.vtabs.tb_style_1 > li.active, .tabs-right > .nav-tabs.vtabs.tb_style_1 > li.ui-tabs-active { margin-left: -1px; padding-left: 1px; } /*** Style 2 ***/ .nav-tabs.tb_style_2, .nav-tabs.tb_style_2 > li, .nav-tabs.tb_style_2 > li > a { background-color: transparent !important; border-color: transparent !important; } .nav-tabs.tb_style_2 { border-color: transparent !important; } .nav-tabs.tb_style_2 > li, .nav-tabs.tb_style_2 > li > a { display: inline-block; float: none; vertical-align: top; } .nav-tabs.tb_style_2 > li { white-space: nowrap; margin-right: 0; margin-left: 0; } .nav-tabs.tb_style_2 > li > a { padding-top: 0; padding-bottom: 0; -webkit-transition: none; transition: none; } .nav-tabs.tb_style_2 > li:first-child > a { padding-left: 0 !important; } .nav-tabs.tb_style_2 > li:last-child > a { padding-right: 0 !important; } #wrapper .nav-tabs.tb_style_2 > li, #wrapper .nav-tabs.tb_style_2 > li:hover, #wrapper .nav-tabs.tb_style_2 > li.active, #wrapper .nav-tabs.tb_style_2 > li.ui-state-hover, #wrapper .nav-tabs.tb_style_2 > li.ui-state-active { color: inherit !important; } .nav-tabs.tb_style_2 > li:before { content: '\00a0/'; vertical-align: top; font-weight: normal; font-size: 80%; color: inherit; opacity: 0.3; } .nav-tabs.tb_style_2 > li:first-child:before { content: none; } .nav-tabs.tb_style_2 ~ .tab-content, .nav-tabs.tb_style_2 ~ .tab-content > div > .panel-body { padding: 0 !important; } .nav-tabs.vtabs.tb_style_2 > li:not(:last-child) { margin-bottom: 10px; } .nav-tabs.vtabs.tb_style_2 > li > a { padding-left: 0 !important; padding-right: 0 !important; } .nav-tabs.vtabs.tb_style_2 > li:before { content: ''; display: none; } /*** Style 3 ***/ .nav-tabs.tb_style_3 { border: none !important; background: transparent !important; } .nav-tabs.tb_style_3 > li { border-radius: 2px; -webkit-transition: color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s; } .nav-tabs.tb_style_3 > li, .nav-tabs.tb_style_3 > li.active { margin: 0; padding: 0; } .nav-tabs.tb_style_3 > li > a { padding-top: 5px; padding-bottom: 5px; } .panel-heading + .tb_tabs .nav-tabs:not(.vtabs) { position: absolute; top: 0; margin-top: -5px; } .panel-heading.text-left + .tb_tabs .nav-tabs:not(.vtabs) { right: 0; } .panel-heading.text-right + .tb_tabs .nav-tabs:not(.vtabs) { left: 0; } @media (max-width: 768px) { .panel-heading + .tb_tabs .nav-tabs:not(.vtabs) { position: static; } } /*** Style 4 (minimal) ***/ .tb_tabs_minimal .nav.nav-tabs.htabs.tb_style_1 > li { border-top-left-radius: inherit; border-top-right-radius: inherit; } .tb_tabs_minimal .tabs-right > .nav.nav-tabs.vtabs.tb_style_1 > li { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .tb_tabs_minimal .tabs-left > .nav.nav-tabs.vtabs.tb_style_1 > li { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } /*** Theme wrapper ***/ .tb_tabs, .tb_tabs:before, .tb_tabs:after { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-radius: inherit; } .tb_tabs.tabs-left { direction: ltr; } .tb_tabs.tabs-right { direction: rtl; } /*** Margin defaults ***/ .nav:not([class*="tb_mb_"]), .dropdown.tb_hovered > .nav.dropdown-menu { margin-bottom: 0; } .nav-tabs:not([class*="tb_mb_"]) { margin-bottom: 20px; } /*** Animation ***/ .tbAnimated .tab-pane.in:not(.tb_loading) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } /* ----------------------------------------------------------------------------------------- R E S P O N S I V E configurable width ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- M O B I L E max-width: 767px ----------------------------------------------------------------------------------------- */ @media (max-width: 768px) { /* Menu ----------------------------------------------------------------------------- */ .nav-responsive, .nav-responsive > li { display: block; width: 100%; min-width: 100%; } .nav-responsive, .nav-responsive > li, .nav-responsive > li > a, .nav-responsive > li > ul > .tb_link, .nav-responsive .dropdown, .nav-responsive .dropdown > a, .nav-responsive .dropdown-menu > li, .nav-responsive .dropdown-menu > li > a { margin: 0 !important; padding: 0 !important; } .nav-responsive > li:not(:last-child), .nav-responsive .dropdown:not(:last-child), .nav-responsive .dropdown-menu:not(.tb_list_1) > li:not(:last-child) { margin-bottom: 10px !important; } .nav-responsive > li > a, .nav-responsive .dropdown > a, .nav-responsive .dropdown-menu > li > a { padding-top: 5px !important; padding-bottom: 5px !important; } .nav-responsive li:before, .nav-responsive .dropdown:after, .nav-responsive .dropdown > a:after, .nav-responsive > li:first-child:before { content: none !important; display: none !important; } .nav-responsive .dropdown > .tb_toggle { display: block; } .nav-responsive .dropdown-menu, .nav-responsive .dropdown > .hidden + ul { position: static; display: none !important; width: auto !important; min-width: 0 !important; margin: 10px 0 0 0 !important; padding: 0; background: transparent none; border: none; box-shadow: none; -webkit-transition: none !important; transition: none !important; opacity: 1 !important; transform: translateY(0px) !important; } .nav-responsive .dropdown-menu .dropdown-menu { margin: 10px 0 !important; } .dropdown.tb_hovered > .dropdown-menu, .dropdown.tb_active > .dropdown-menu, .dropdown.tb_hovered > .hidden + ul, .dropdown.tb_active > .hidden + ul { display: block !important; width: 100% !important; } .nav-responsive .dropdown-menu > .row-wrap { margin: 10px 0 0 0; } .nav-responsive .dropdown > .tb_toggle { position: absolute; z-index: 1; top: 0; right: 0; display: block !important; width: 30px; height: 30px; margin: 0 !important; line-height: 30px !important; text-align: center; font-size: 18px; font-family: Arial, sans-serif !important; font-weight: normal !important; cursor: pointer; } .nav-responsive .dropdown > .tb_toggle:before { content: '+'; } .nav-responsive .dropdown > .tb_toggle.tb_active:before { content: '-'; } .nav-responsive .tb_separate_columns > .col.col.col { margin-top: 20px; padding: 0; } .nav-responsive .tb_separate_columns > .col:first-child { margin-top: 0; padding-top: 0; } .nav-responsive .tb_separate_columns > .col > [class*="tb_ml_-"] { margin-left: 0; } .nav-responsive .tb_separate_columns > .col > [class*="tb_mr_-"] { margin-right: 0; } .nav-responsive .tb_link > .hidden { display: block !important; visibility: visible !important; } /* Tabs Inline Style ---------------------------------------------------------------- */ .htabs.tb_style_2 { display: block; } .htabs.tb_style_2 > li, .htabs.tb_style_2 > a { display: block; } .htabs.tb_style_2 > li > a { padding-left: 0; padding-right: 0; } .htabs.tb_style_2 > li:not(:first-child):before { content: '____' !important; display: block; margin-bottom: 10px; text-align: initial; line-height: 10px; letter-spacing: -0.25em; opacity: 0.3; } }.pagination { position: relative; overflow: hidden; clear: both; } .pagination:empty { display: none; } .pagination .results { float: right; font-size: 11px; } .pagination .links { float: left; margin-bottom: 0; } .pagination .links > *, .pagination .links a, .pagination .links li > span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: normal; vertical-align: top; border-radius: 2px; } .pagination .links > * { margin-right: 3px; } /*** Theme ***/ .pagination .links a { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .table + .pagination { margin-top: -30px; padding-top: 30px; } @media (max-width: 768px) { .pagination { text-align: center; } .pagination * { float: none !important; } .pagination .links { float: none; margin-bottom: 10px; } } .alert { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 60px; margin-bottom: 30px; padding: 19px; } .alert > .fa { margin-right: 0.5em !important; } .alert h4 { color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert[class] a.close, .alert[class] button.close { position: absolute; top: 50%; right: 10px; width: 30px; height: 30px; margin-top: -15px; padding: 0; line-height: 30px !important; text-align: center; letter-spacing: 0; word-spacing: 0; font-size: 24px; font-family: Open Sans, Arial, sans-serif; color: inherit !important; opacity: 0.6; background-color: transparent !important; box-shadow: none; } .alert[class] .close:hover { opacity: 1; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } /*** Colors ***/ .alert-success { color: green; background: #f4fbe4; border: 1px solid #dff1ba; } .alert-info { color: #39688a; background: #e9f6ff; border: 1px solid #d5e4ef; } .alert-warning { color: #726300; background: #fffcd9; border: 1px solid #f3e59a; } .alert-danger { color: #d60000; background: #ffede5; border: 1px solid #ffd8c3; } /*** Colors ***/ .alert .mdi { vertical-align: top; }.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #ffffff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary .badge { color: #337ab7; background-color: #ffffff; } .tb_wt > .panel-heading > h2, .tb_wt > .panel-heading > h3, .tb_wt > .panel-heading > h4, .tb_wt > .panel-heading > .panel-title { margin-bottom: 0; line-height: inherit !important; letter-spacing: inherit !important; word-spacing: inherit !important; text-transform: inherit !important; font: inherit !important; color: inherit !important; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin: 0; padding: 0; } :not(.tb_wt) > .panel-heading:not([class*="tb_mb"]) { margin-bottom: 20px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #dddddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .thumbnail { position: relative; float: left; } .thumbnail, .thumbnail img, .thumbnail a img { display: block; } img.thumbnail, .thumbnail img { margin-left: auto; margin-right: auto; } .image-holder, .image-holder span { display: block; font-size: 0; margin-left: auto; margin-right: auto; } .image-holder span { width: 100%; height: 0; } .image-holder img[src*="BurnEngine/image/pixel.gif"] { max-height: 100%; }.label { display: inline-block; padding: 0 .6em; font-size: 85%; font-weight: 600; line-height: inherit; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: top; border-radius: .25em; } a.label:hover, a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } /*** Rotate clockwise ***/ @-webkit-keyframes tb_rotate { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @keyframes tb_rotate { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } /* ----------------------------------------------------------------------------------------- B O O T S T R A P J S C O M P O N E N T S ----------------------------------------------------------------------------------------- */ .modal { position: fixed; z-index: 1040; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: none; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(255, 255, 255, 0.6); } [data-toggle="modal"] { cursor: pointer !important; } .modal.fade .modal-dialog { -webkit-transform: translate(0,-30px); transform: translate(0,-30px); -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.fade.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 20px; } .modal-content { position: relative; background-color: #ffffff; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.2); outline: 0; } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #fff; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.fade.in { opacity: 0.6; } /*** Header ***/ .modal-header { position: relative; padding: 20px 30px; border-top-left-radius: inherit; border-top-right-radius: inherit; } .modal-header .close, .modal-header .close:before { position: absolute; top: 50%; right: 18px; display: block; width: 26px; height: 26px; margin-top: -13px; padding: 0; line-height: 26px; text-align: center; letter-spacing: 0; word-spacing: 0; font-size: 20px; color: inherit; background-color: transparent !important; box-shadow: none !important; } .modal-header .close { opacity: 0.6; -webkit-transition: all 0.3s; transition: all 0.3s; } .modal-header .close:before { left: 0; right: 0; content: '\274c'; content: '\2716'; content: '\2715'; font-family: FontAwesome; } .modal-header .close:hover { opacity: 1; } .modal-header .close span, .modal-header .close svg { display: none; } .modal-title { margin: 0; color: inherit; } /*** Body ***/ .modal-body { position: relative; padding: 30px; } /*** Footer ***/ .modal-footer { padding: 20px; text-align: right; border-top: 1px solid #ddd; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 769px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-sm { width: 300px; } } @media (min-width: 1041px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 10px; font-weight: normal; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 0 0.5em 1px 0.5em; text-align: center; text-decoration: none; font-size: 11px; color: #ffffff; background-color: #000000; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /*** Custom ***/ .ui-tooltip { width: auto !important; max-width: 300px !important; } .ui-tooltip .tooltip-inner { max-width: none; color: inherit !important; background: transparent !important; } /* ----------------------------------------------------------------------------------------- U T I L I T I E S ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- Floats ----------------------------------------------------------------------------------------- */ .clear { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .nofloat { float: none !important; } .center-block { display: block; float: none; margin-left: auto; margin-right: auto; } /* ----------------------------------------------------------------------------------------- Content toggle ----------------------------------------------------------------------------------------- */ .hide, .ui-tabs-hide { display: none !important; } .show, .block, .display-block { display: block !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; } .display-table { display: table !important; } .display-table-row { display: table-row !important; } .display-table-cell { display: table-cell !important; } .invisible { visibility: hidden; } .flex-fill { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .flex-basis-0 { -ms-flex-basis: 0px; -webkit-flex-basis: 0px; flex-basis: 0px; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } /* ----------------------------------------------------------------------------------------- Affix plugin ----------------------------------------------------------------------------------------- */ .affix { position: fixed; } /* ----------------------------------------------------------------------------------------- Clearfix ----------------------------------------------------------------------------------------- */ .clearfix:before, .clearfix:after, .tb_wt:before, .tb_wt:after { content: ""; display: table; } .clearfix:after, .tb_wt:after { clear: both; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (min-width: 1261px) and (max-width: 480px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } .col-lg-none, .hidden-lg { display: none !important; } .pos-lg-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .pos-lg-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .pos-lg-3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .pos-lg-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .pos-lg-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .pos-lg-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } } @media (min-width: 481px) and (max-width: 768px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } .col-xs-none, .hidden-xs { display: none !important; } .pos-xs-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .pos-xs-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .pos-xs-3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .pos-xs-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .pos-xs-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .pos-xs-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } } @media (min-width: 769px) and (max-width: 1040px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } .col-sm-none, .hidden-sm { display: none !important; } .pos-sm-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .pos-sm-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .pos-sm-3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .pos-sm-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .pos-sm-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .pos-sm-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } } @media (min-width: 1041px) and (max-width: 1260px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .col-md-none, .hidden-md { display: none !important; } .pos-md-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .pos-md-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .pos-md-3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .pos-md-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .pos-md-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .pos-md-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } } @media (min-width: 1261px) { .visible-xl { display: block !important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-block { display: block !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } .hidden-lg, .hidden-xl { display: none !important; } .pos-lg-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .pos-lg-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .pos-lg-3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .pos-lg-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .pos-lg-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .pos-lg-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } } /* ----------------------------------------------------------------------------------------- O P E N C A R T ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- C O M P O N E N T S ----------------------------------------------------------------------------------------- */ /* Listing options ------------------------------------------------------------------- */ .tb_listing_options { position: relative; clear: both; border-bottom: 1px solid transparent; } .tb_listing_options h4, .tb_listing_options label { float: none; margin: 0; } .tb_listing_options select { height: 24px; margin: 0; margin-top: 3px; margin-bottom: 3px; margin-left: 2px; padding: 1px; } .product-filter { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -20px; } .product-filter b { font-weight: normal; } .product-filter > * { display: inline-block; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; vertical-align: top; line-height: 30px; padding-left: 20px; } .product-filter .display { -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; margin-left: -10px; } .product-filter .display > * { margin-left: 10px; } .product-filter .display .fa { font-size: 14px; vertical-align: top; } .product-filter .display .fa:before { margin-top: 0.07em; margin-bottom: -1px; } .product-filter .product-compare { -ms-flex: 1000 0 auto; -webkit-flex: 1000 0 auto; flex: 1000 0 auto; } .product-filter .limit select, .product-filter .sort select { width: auto; } .product-filter .limit select { min-width: 50px; } .product-filter .sort select { min-width: 120px; } /*** Responsive ***/ .tb_max_w_650 .product-filter, .tb_max_w_350 .product-filter { display: block !important; margin: -20px 0 0; } .tb_max_w_650 .product-filter:after, .tb_max_w_350 .product-filter:after { content: ''; clear: both; display: table; } .tb_max_w_650 .product-filter > *, .tb_max_w_350 .product-filter > * { margin-top: 20px; padding: 0 !important; } .tb_max_w_650 .product-filter > * { float : left; min-width: 50%; } .tb_max_w_350 .product-filter > * { display: block; } .tb_max_w_350 .product-filter select { width: 55%; } /* Products table -------------------------------------------------------------------- */ .cart-info table { margin-bottom: 0; table-layout: auto; } .cart-info td:not(.name) { width: 1px; } .cart-info td.model { min-width: 110px; } .cart-info thead td:not(.name) { white-space: nowrap; } .cart-info img { display: inline-block; vertical-align: top; } .cart-info .return, .cart-info .image { width: 10px; } .cart-info .return img { vertical-align: text-top; } .cart-info tbody td { padding: 20px 10px !important; } .cart-info tbody td:first-child { padding-left: 20px; } .cart-info tbody td:last-child { padding-right: 20px; } .cart-info .image img { max-width: 80px; } .cart-info .name { text-align: left; } .cart-info .name > a { font-size: 14px; font-weight: bold; } .cart-info .name div, .cart-info .name > small { line-height: 1.2em; font-size: 13px; } .cart-info .name div { margin-top: 5px; } .cart-info .name > small { opacity: 0.6; } .cart-info .quantity input[type=text], .cart-info .quantity input[type=number] { width: 40px; text-align: center; } .cart-info .quantity .ui-spinner { margin-left: 0; margin-right: 0; } .cart-info .quantity input[type="image"] { margin-top: -0.25em; margin-left: 10px; background-color: transparent; } .cart-info .action a { margin-left: 10px; } .cart-info span.stock { color: red; font-weight: bold; } .cart-info + .cart-total { margin-top: 20px; } .cart-total { text-align: right; } .cart-total table { display: inline-table; max-width: 300px; } .cart-total table td { padding: 0 !important; vertical-align: top; } .cart-total td:first-child { text-align: left; } .cart-total td:first-child + td { text-align: right; } .cart-total tr td:last-child { min-width: 130px; } .cart-total tr:last-child td { padding-top: 10px !important; line-height: 30px; font-size: 18px; } /*** Mini ***/ .mini-cart-info { margin-bottom: 20px; } .mini-cart-info table { table-layout: auto; } .mini-cart-info th:first-child, .mini-cart-info td:first-child { padding-left: 0 !important; } .mini-cart-info tbody:first-child tr:first-child td { padding-top: 0 !important; } .mini-cart-info th:last-child, .mini-cart-info td:last-child { padding-right: 0 !important; } .mini-cart-info .image img { max-width: 60px; } .mini-cart-info .name > a { font-size: 13px !important; } .mini-cart-info td { padding-top: 10px; padding-bottom: 9px; } .mini-cart-total { position: relative; margin-top: -20px !important; padding-top: 20px; } .mini-cart-total table { float: none !important; max-width: none; } .mini-cart-total tr:last-child td { line-height: 20px; font-size: 14.95px; } .mini-cart-total tr td:last-child { min-width: 100px; } .mini-cart-info ~ .buttons { display: block; text-align: center; } .mini-cart-info ~ .buttons .btn { margin-top: 0 !important; } .mini-cart-info ~ .buttons .btn:first-child { margin-right: 10px; } /*** Responsive ***/ .cart-info.tb_max_w_500 thead, .cart-info.tb_max_w_500 .model, .cart-info.tb_max_w_500 .price, .cart-info.tb_max_w_300 thead, .cart-info.tb_max_w_300 .model, .cart-info.tb_max_w_300 .price { display: none !important; } .cart-info.tb_max_w_500 table, .cart-info.tb_max_w_500 tbody, .cart-info.tb_max_w_500 tr, .cart-info.tb_max_w_500 th, .cart-info.tb_max_w_500 td, .cart-info.tb_max_w_300 table, .cart-info.tb_max_w_300 tbody, .cart-info.tb_max_w_300 tr, .cart-info.tb_max_w_300 th, .cart-info.tb_max_w_300 td { display: block; padding: 0; text-align: initial; border-width: 0; border-style: none; box-shadow: none; } .cart-info.tb_max_w_500 tr, .cart-info.tb_max_w_300 tr { position: relative; margin-bottom: 20px; padding: 0 130px 20px 0; } .cart-info.tb_max_w_500 tr:not(:last-child), .cart-info.tb_max_w_300 tr:not(:last-child) { border-bottom-width: 1px; border-bottom-style: solid; } .cart-info.tb_max_w_500 tr:last-child, .cart-info.tb_max_w_300 tr:last-child { margin-bottom: 0; } .cart-info.tb_max_w_500 tr:after, .cart-info.tb_max_w_300 tr:after { content: ''; clear: both; display: table; } .cart-info.tb_max_w_500 .total, .cart-info.tb_max_w_300 .total, .wishlist-info.tb_max_w_500 td.price { font-size: 16.25px; } .cart-info.tb_max_w_500 td, .cart-info.tb_max_w_300 td { padding: 0 !important; } .mini-cart-info.tb_max_w_500 ~ .cart-total table, .mini-cart-info.tb_max_w_300 ~ .cart-total table { width: 100%; } .mini-cart-info.tb_max_w_500 tr, .mini-cart-info.tb_max_w_300 tr { padding-right: 50px; } /*** Min width 500px ***/ .cart-info.tb_min_w_500 tbody:last-child > tr:last-child > td { border-bottom-width: 1px; border-bottom-style: solid; } /*** Max width 500px ***/ .cart-info.tb_max_w_500 .image { width: auto; float: left; margin-right: 20px; padding: 0 !important; } .cart-info.tb_max_w_500 .name, .cart-info.tb_max_w_500 .total, .wishlist-info.tb_max_w_500 .price { width: auto; padding-left: 20px !important; } .cart-info.tb_max_w_500 table tbody .name strong:after { content: attr(data-quantity); font-weight: normal; } .cart-info.tb_max_w_500 .quantity, .cart-info.tb_max_w_500 .action, .cart-info.tb_max_w_500 .return { position: absolute; top: 0; right: 0; text-align: right; width: 40px; } .cart-info.tb_max_w_500 .action, .cart-info.tb_max_w_500 .quantity { width: auto; } .cart-info.tb_max_w_500 .quantity input { margin-bottom: 10px; text-align: center; line-height: 30px; } .cart-info.tb_max_w_500 .quantity input[type=image] { display: none; } .cart-info.tb_max_w_500 .return { top: 30px; } .cart-info.tb_max_w_500 .total, .wishlist-info.tb_max_w_500 table tbody .price { display: block !important; } .cart-info.tb_max_w_500 .total, .wishlist-info.tb_max_w_500 td.price { padding-top: 10px !important; } .cart-info.tb_max_w_500 .remove { position: absolute; top: 30px; right: 0; width: auto; } .cart-info.tb_max_w_500 .remove > * { margin: 0; } /*** Max width 330px ***/ .cart-info.tb_max_w_300 td { padding: 0 !important; } .cart-info.tb_max_w_300 tbody tr { padding-left: 0; padding-right: 0; } .cart-info.tb_max_w_300 .image, .cart-info.tb_max_w_300 .name, .cart-info.tb_max_w_300 .total, .wishlist-info.tb_max_w_300 td.price, .cart-info.tb_max_w_300 .quantity, .cart-info.tb_max_w_300 .stock, .cart-info.tb_max_w_300 .action { position: static; float: none; width: 100%; margin: 0; padding: 0; text-align: center !important; } .cart-info.tb_max_w_300 td[class]:not(:first-child) { margin-top: 10px; } .cart-info.tb_max_w_300 .name { margin-top: 20px; } .cart-info.tb_max_w_300 .image, .cart-info.tb_max_w_300 .stock, .cart-info.tb_max_w_300 .total, .wishlist-info td.price { margin-top: 0; } .cart-info.tb_max_w_300 .image img { max-width: none; } .cart-info.tb_max_w_300 .quantity { padding-top: 10px; } .cart-info.tb_max_w_300 .quantity { max-width: 130px; margin-left: auto; margin-right: auto; } .cart-info.tb_max_w_300 .remove { position: absolute; top: 0; right: 0; width: auto; } /*** Margins ***/ .cart-info + .buttons { margin-top: -30px; } .cart-info + .buttons:before { content: none; } /* Reviews --------------------------------------------------------------------------- */ .tb_review { overflow: hidden; } .tb_review .tb_meta { line-height: 0; text-align: justify; } .tb_review .tb_meta:after { content: ' '; display: inline-block; width: 90%; height: 0; line-height: 0; vertical-align: top; } .tb_review .tb_author, .tb_review .rating { display: inline-block; line-height: 20px; vertical-align: top; } .tb_review .tb_author { margin-bottom: 10px; } .tb_review > p:first-child { margin-bottom: 0; } .tb_review > p + .tb_meta { padding-left: 35px; } .tb_review > p + .tb_meta, .tb_review > p + .tb_meta .tb_author { margin-bottom: 0; } .tb_review > p + .tb_meta .tb_author { margin-top: 10px; margin-right: 10px; } .tb_review > p + .tb_meta .rating { vertical-align: bottom; } .tb_review .tb_author small { margin-left: 4px; font-size: 10px; color: #999; } .tb_review > p { clear: both; text-align: left; } .tb_review > p:first-child { position: relative; padding-left: 35px; font-style: italic; } .tb_review > p:first-child:before, .tb_review > p:first-child:after { position: absolute; width: 30px; height: 24px; line-height: 55px; font-family: Arial; font-size: 60px; font-style: italic; color: #000; opacity: 0.2; } .tb_review > p:first-child:before { content: '\201C'; left: 0; top: 0; text-indent: -7px; } .tb_listing > .tb_review:not(:first-child) { position: relative; margin-top: 20px; padding-top: 20px; } /* Submit Buttons -------------------------------------------------------------------- */ .buttons { position: relative; z-index: 1; clear: both; display: table; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-top: 30px; padding-top: 30px; } .buttons:last-child { margin-bottom: 0; } .buttons { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .buttons > .row { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } .buttons table { width: 100%; } .buttons .left, .buttons .right, .buttons .pull-left, .buttons .pull-right { display: table-cell; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: center; -webkit-align-items: center; align-items: center; float: none !important; vertical-align: middle; } .buttons .right, .buttons .pull-right { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .buttons .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg):not(.btn-xl):not(.btn-xxl), .buttons .button, .buttons button, .buttons [type=button], .buttons [type=submit], #button-cart, #product_buy_quantity, #product_buy #input-quantity { height: 38px; line-height: 38px !important; margin-top: 1px; margin-bottom: 1px; padding-left: 19px; padding-right: 19px; font-size: 17px; } .buttons .button, .buttons .btn { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .pagination + .buttons, .table-bordered + .buttons, .pagination + .buttons:before, .table-bordered + .buttons:before { padding-top: 0; border-top-width: 0; } .tb_sep + .buttons, fieldset + .buttons { margin-top: 0; } /*** Mobile ***/ @media (max-width: 768px) { .buttons { display: block; text-align: inherit; margin-top: 20px; padding-top: 20px; } .buttons .left, .buttons .right, .buttons .pull-left, .buttons .pull-right { display: block; width: 100%; text-align: initial; } .buttons > * + * { margin-top: 21px; } .buttons .checkbox, .buttons .radio { display: block; width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 20px; } .buttons i.fa.fa-circle-o-notch.fa-spin, .buttons i.fa.fa-circle-o-notch.fa-spin { margin-left: 10px; vertical-align: middle; } .buttons .tb_button_forgotten { display: block; float: none; margin-bottom: 20px; } .buttons input[type=submit], .buttons input[type=button], .buttons button { line-height: 30px !important; -webkit-appearance: none; } } @media (max-width: 480px) { .buttons .btn, .buttons .button { display: block; width: 100%; } .buttons .btn + .btn, .buttons .btn + .button, .buttons .button + .btn, .buttons .button + .button, .buttons .left + .right, .buttons .pull-left + .pull-right { margin-top: 10px !important; } } /* ----------------------------------------------------------------------------------------- M O D U L E S ----------------------------------------------------------------------------------------- */ /* Banner ---------------------------------------------------------------------------- */ .tb_module_banner .banner { margin: 0 auto; } .tb_module_banner .banner > div { display: none; } .tb_module_banner .banner > div:first-child { position: static !important; display: block !important; } /* Carousel -------------------------------------------------------------------------- */ .tb_module_carousel a, .tb_module_carousel img { display: block; margin: 0 auto; } /* Category -------------------------------------------------------------------------- */ .tb_module_category li > ul { display: none; } .tb_module_category li > .active { font-weight: bold; } .tb_module_category li > .active + ul { display: block; } /* ----------------------------------------------------------------------------------------- P A G E S ----------------------------------------------------------------------------------------- */ /* Account --------------------------------------------------------------------------- */ .login-content .content, #new_customer { // min-height: 180px; } #login_form fieldset, .account-login form fieldset, .affiliate-login form fieldset { min-width: 0; min-height: 140px; } @media (max-width: 768px) { #content .login-content > .left + .right { position: relative; padding-top: 30px; } #content .login-content > .left + .right:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid; opacity: 0.2; } #new_customer, #new_customer fieldset, #login_form fieldset, #content .login-content .content, #content .account-login form fieldset, #content .affiliate-login form fieldset { min-height: 0; } #content .login-content .buttons { padding-top: 0; } #content .login-content .buttons:before { content: none; } } .tb_reward_points th.date, .tb_transactions th.date { white-space: nowrap; } .tb_reward_points_total, .tb_balance_total { display: inline-block; margin-top: -0.07em; vertical-align: top; font-size: 19.5px; } .tb_order_info .tb_products tfoot td { border: none; box-shadow: none; } .tb_order_info .tb_products tfoot > tr > td { padding-top: 0; padding-bottom: 0; } .tb_order_info .tb_products tfoot > tr:first-child > td { padding-top: 20px; } .tb_order_info .tb_products tfoot > tr:last-child > td { padding-top: 10px; padding-bottom: 20px; } .tb_order_info .tb_products tfoot tr:last-child td { font-size: 150%; } .tb_product_row { position: relative; clear: both; } #return-product .tb_product_row:first-child { margin-top: 0 !important; border-top: 1px solid #eee; } @media (max-width: 768px) { #new_customer fieldset, #login_form fieldset { min-height: 0; } #login_form .tb_button_forgotten { display: table-footer-group; float: none; } #login_form .btn { display: table-header-group; float: none; } } /* --- Brands ---------------------------------------------------------------------- */ .tb_alphabet_index { padding: 10px 20px; border-bottom-width: 1px; border-bottom-style: solid; } .tb_alphabet_index p > * { display: inline-block; line-height: 20px; vertical-align: top; } .tb_alphabet_index p > b { text-transform: uppercase; letter-spacing: 2px; font-weight: normal; font-size: 11px; color: #999; } .tb_alphabet_index a { padding: 0 5px; text-align: center; font-size: 15px; } .manufacturer-list { position: relative; clear: both; overflow: hidden; padding: 20px 0; } .manufacturer-list:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; opacity: 0.1; } .manufacturer-list:last-child:after { border-bottom: none; } .manufacturer-heading { float: left; margin-right: 20px; width: 50px; text-align: center; font-size: 24px; } .manufacturer-content { overflow: hidden; } .manufacturer-content ul { display: inline-block; width: 14.99999%; margin-bottom: 0; vertical-align: top; } @media (min-width: 481px) and (max-width: 767px) { .manufacturer-content ul, .manufacturer-content ul > li { display: inline-table !important; width: auto !important; vertical-align: top; } .manufacturer-content ul:not(:last-child), .manufacturer-content ul > li:not(:last-child) { margin-right: 1em; } } @media (max-width: 479px) { .manufacturer-content ul { display: block; width: auto !important; } } /* --- Cart --------------------------------------------------------------- */ #cart_modules { margin-bottom: 30px; } #cart_modules .ui-state-default, #cart_modules .ui-state-default * { color: inherit !important; } #cart_modules .ui-accordion-content { margin: 0; padding: 30px 0; } #cart_modules .ui-accordion-content-active:last-child { padding-bottom: 30px; } #cart_modules > h2, #cart_modules > div { border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; } #cart_modules form > label { display: block; float: none; width: auto; margin-right: 10px; } #cart_modules form > input[type=text] { margin-top: 10px; margin-right: 10px; } #cart_modules form > .button, #cart_modules form > .btn { height: 30px; margin-top: 10px; padding: 0 10px; line-height: 30px; vertical-align: bottom; } #shipping_quote table.radio { width: 100% !important; max-width: 500px; } #shipping_quote .button, #shipping_quote .btn { margin-top: 0; } /*** Mobile ***/ @media (max-width: 768px) { .cart-content { width: 100%; } .cart-total, .cart-total table { float: none; width: 100%; } } /* --- Checkout -------------------------------------------------------------------- */ .checkout #confirm + .error { margin-top: -20px !important; } .checkout-heading { position: relative; cursor: default !important; } .checkout-heading a { position: absolute; right: 20px; text-transform: uppercase; font-size: 13px; cursor: pointer; } .checkout-content { display: none; padding: 30px 0; } .tb_new_customer_box, .tb_login_box { min-height: 220px; } .checkout select[size] { width: 100%; margin-bottom: 10px; } .checkout > div:last-child .checkout-content { padding-bottom: 0; } /*** Mobile ***/ @media (max-width: 768px) { .checkout-heading a { display: block; position: static; } .payment table { font-size: 12px; } .payment td { padding-bottom: 10px; } .payment input[type=text], .payment input[type=password], .payment select { display: inline-block; } } /* --- Compare --------------------------------------------------------------------- */ .compare-info tbody td:first-child { text-align: inherit; font-weight: bold; } .compare-info tbody:last-child td { padding-top: 20px; padding-bottom: 0; border-bottom: 0; } .tb_compare_total .tb_items { margin-left: 0.15em; margin-right: 0.15em; } .tb_compare_total .tb_items:before { content: '('; } .tb_compare_total .tb_items:after { content: ')'; } /* --- Payments -------------------------------------------------------------------- */ .cart-discounts > div { padding: 20px; border-width: 5px; border-style: solid; } /* --- Product --------------------------------------------------------------------- */ #product { position: relative; } #review .pagination { overflow: visible; margin-bottom: 0; } #review .pagination > * { padding-top: 20px; } #review .pagination .links { margin-right: 20px; } #review .pagination .results:first-child:last-child { float: left; padding-top: 25px; } #review + .btn { clear: right; float: right; margin-top: 20px; } #review .tb_empty { float: left; width: 100%; margin-bottom: 0; } /*** Product images ***/ #product_images .tb_zoom_box { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; display: block; } .is_touch #product_images .tb_zoom_box { display: none; } @media (max-width: 1040px) { #product_images .tb_zoom_box { display: none; } } #product_images .tb_zoom_click { cursor: url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/image/cursor_zoom.cur'), auto !important; } #product_images .tb_zoom_click.tb_zoomed { z-index: 6; cursor: url('https://www.tospitaki.gr/catalog/view/theme/BurnEngine/image/cursor_zoom_out.cur'), auto !important; } #product_images .tb_zoom_mouseover:hover, #product_images .tb_zoom_drag:hover { z-index: 4; } #product_images .tb_zoom_mouseover { cursor: move; } /*** Product reviews ***/ @media (max-width: 768px) { .tb_product_reviews { text-align: center; } .tb_product_reviews .tbAddReviewButton { margin-top: 20px; } } /* --- Returns ----------------------------------------------------------------------- */ .return-product, .return-detail { clear: both; margin-top: 20px; margin-bottom: 20px; margin-left: -30px; margin-right: -30px; padding-right: 30px; } .return-product:after, .return-detail:after { content: ''; display: table; clear: both; } .return-product > *, .return-detail > * { float: left; width: 33.3333%; padding-left: 30px; } .return-reason table { margin-top: 5px; } .return-reason input[type=radio] { margin-right: 0.5em; } .return-opened b { display: inline-block; margin-bottom: 5px; } /*** Mobile ***/ @media (max-width: 768px) { #return_request_info table { font-size: 11px; } .return-product > *, .return-detail > * { float: none; width: 100%; margin: 20px 0; } .return-product:after, .return-detail:after { content: none; } } /* --- Sitemap --------------------------------------------------------------------- */ .tb_sitemap { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } @media (max-width: 768px) { #sitemap .tb_list_1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /* --- Wishlist -------------------------------------------------------------------- */ .account-wishlist .tb_system_page_content table td:first-child { width: 1px; } .wishlist_total .tb_items { margin-left: 0.15em; margin-right: 0.15em; } .wishlist_total .tb_items:before { content: '('; } .wishlist_total .tb_items:after { content: ')'; } /* ----------------------------------------------------------------------------------------- C O M M O N ----------------------------------------------------------------------------------------- */ td .btn + .btn { margin-left: 0.5em; } .form-horizontal .col-sm-offset-2 .g-recaptcha { padding-left: 180px; } /* ----------------------------------------------------------------------------------------- P A G E S ----------------------------------------------------------------------------------------- */ /* Account & Affiliate --------------------------------------------------------------- */ .tb_page_account_login .tb_system_page_content .row > div, #collapse-checkout-option .row > div, .tb_page_account_login .tb_system_page_content .well { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .tb_page_account_login .tb_system_page_content .well, #collapse-checkout-option .row > div, #collapse-checkout-option .tb_new_customer_box { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-item-align: stretch; -webkit-align-self: stretch; align-self: stretch; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .tb_page_account_login .tb_system_page_content .well #new_customer, .tb_page_checkout_checkout .tb_system_page_content .tb_new_customer_box, #collapse-checkout-option .tb_new_customer_box { -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; } #collapse-checkout-option .buttons { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .account-login form fieldset label, .affiliate-login form fieldset label { display: block; font-weight: bold; } @media (max-width: 768px) { .tb_page_account_login .tb_system_page_content .row > div, .tb_page_affiliate_login .tb_system_page_content .row > div, #collapse-checkout-option .row > div { width: 100%; } } .account-account .tb_system_page_content .list-unstyled + h2, .affiliate-account .tb_system_page_content .list-unstyled + h2 { position: relative; margin-top: 30px; padding-top: 30px; } .account-order .tb_system_page_content td:nth-child(7), .account-order-info .tb_system_page_content td:nth-child(6), .account-recurring .tb_system_page_content td:nth-child(5), .account-return .tb_system_page_content td:nth-child(6), .account-wishlist .tb_system_page_content td:nth-child(6), .account-address .tb_system_page_content td:nth-child(2) { width: 1px; white-space: nowrap; } .account-address .tb_system_page_content td:nth-child(2) { vertical-align: top; } .account-address .tb_system_page_content td:first-child:first-line { font-weight: bold; } body[class*="account"] td .btn i, body[class*="account"] td .btn i:before, body[class*="affiliate"] td .btn i, body[class*="affiliate"] td .btn i:before { margin: 0; } @media (min-width: 769px) { .account-order-info tfoot td:not([colspan]), #collapse-checkout-confirm td:not([colspan]) { max-width: 200px; } } .account-order-info tfoot tr:not(:first-child) > td, #collapse-checkout-confirm tfoot tr:not(:first-child) > td { padding-top: 0; } .account-order-info tfoot tr:not(:last-child) > td, #collapse-checkout-confirm tfoot tr:not(:last-child) > td { padding-bottom: 0; } .account-order-info tfoot tr:last-child > td, #collapse-checkout-confirm tfoot tr:last-child > td { padding-top: 10px !important; line-height: 30px; font-size: 18px; } #collapse-checkout-confirm .buttons { margin-top: 0; } /* Cart & Checkout ------------------------------------------------------------------- */ .checkout-cart .tb_system_page_content .panel-group .panel-heading a, .checkout-cart .tb_system_page_content .panel-group .panel-heading a[class], .checkout-checkout .tb_system_page_content .panel-group .panel-heading a, .checkout-checkout .tb_system_page_content .panel-group .panel-heading a[class] { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: inherit !important; background-color: transparent !important; border-color: transparent !important; } .checkout-cart .tb_system_page_content .panel-group .panel-heading a i, .checkout-cart .tb_system_page_content .panel-group .panel-heading a i:before, .checkout-checkout .tb_system_page_content .panel-group .panel-heading a i, .checkout-checkout .tb_system_page_content .panel-group .panel-heading a i:before { margin: 0; } .checkout-cart .tb_system_page_content .panel-group .panel-heading a.collapsed i, .checkout-cart .tb_system_page_content .panel-group .panel-heading a:not([aria-expanded]) i, .checkout-checkout .tb_system_page_content .panel-group .panel-heading a.collapsed i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .checkout-cart .tb_system_page_content .panel-group .panel-heading a:before, .checkout-checkout .tb_system_page_content .panel-group .panel-heading a:before { content: none !important; } .checkout-cart .tb_system_page_content .panel-group .panel .panel-collapse, .checkout-checkout .tb_system_page_content .panel-group .panel-collapse { border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } .checkout-cart .tb_system_page_content .panel-group .panel:not(:last-child) .panel-collapse:not(.in), .checkout-checkout .tb_system_page_content .panel-group .panel-collapse { border-bottom-color: transparent !important; } .checkout-checkout .tb_system_page_content .panel-group .panel:last-child .panel-body { padding-bottom: 0 !important; } #payment-existing select, #shipping-existing select { width: 100%; margin-bottom: 20px; } #shipping_quote p:not(:first-child), #shipping_quote .radio + h2, #collapse-shipping-method p:not(:first-child), #collapse-shipping-method .radio + h2, #collapse-payment-method p:not(:first-child), #collapse-payment-method .radio + h2 { margin-top: 20px; } #shipping_quote p + .radio, #collapse-shipping-method p + .radio { margin-top: -20px; } #collapse-shipping-method textarea, #collapse-payment-method textarea { width: 100%; } #button-shipping { margin-top: 20px !important; } #cart_form + h2, #cart_form + h2 + p { display: none; } #cart_form .name .label { margin-top: 10px; vertical-align: bottom; } .checkout-cart .tb_system_page_content .cart-total { margin-top: 30px; } #collapse-coupon label, #collapse-reward label, #collapse-voucher label { display: block; float: none; width: auto; max-width: none; margin: 0 0 10px 0; padding: 0; } #collapse-coupon .input-group, #collapse-reward .input-group, #collapse-voucher .input-group { width: 350px; } /* ----------------------------------------------------------------------------------------- C O M P O N E N T S ----------------------------------------------------------------------------------------- */ /* Autocomplete ---------------------------------------------------------------------- */ .autocomplete-menu { z-index: 2; } .autocomplete-menu a { -webkit-transition: none; transition: none; } .autocomplete-menu a:hover, .autocomplete-menu a:focus { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; background-color: rgba(0, 0, 0, 0.06); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(0, 0, 0, 0.05); -webkit-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } /* Breadcrumbs ----------------------------------------------------------------------- */ .breadcrumb li:first-child a:before { content: 'ΑÏχική'; } .breadcrumb i.fa { display: none; } /* Datetimepicker -------------------------------------------------------------------- */ .bootstrap-datetimepicker-widget { opacity: 1 !important; display: block; padding: 0 !important; } .bootstrap-datetimepicker-widget[style*="display: none"], .bootstrap-datetimepicker-widget[style*="display:none"], .bootstrap-datetimepicker-widget:not([style*="absolute"]) { opacity: 0 !important; display: none !important; } .bootstrap-datetimepicker-widget:before, .bootstrap-datetimepicker-widget:after { content: none !important; } .bootstrap-datetimepicker-widget * { border-radius: inherit; } .bootstrap-datetimepicker-widget th { background-color: transparent; } .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget td span { padding: 0 !important; border-radius: 0 !important; vertical-align: middle; -webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s; transition: opacity 0.3s, color 0.3s, background-color 0.3s; } .bootstrap-datetimepicker-widget td span { margin: 2px !important; border-radius: 0 !important; } .bootstrap-datetimepicker-widget .prev, .bootstrap-datetimepicker-widget .next, .bootstrap-datetimepicker-widget .picker-switch { line-height: 30px; } .bootstrap-datetimepicker-widget .prev, .bootstrap-datetimepicker-widget .next { width: 30px; padding-bottom: 0.12em !important; line-height: 10px; font-family: "Open Sans", Tahoma, Arial, sans-serif !important; font-weight: normal !important; font-size: 22px; } .bootstrap-datetimepicker-widget thead .prev:hover, .bootstrap-datetimepicker-widget thead .next:hover, .bootstrap-datetimepicker-widget thead .picker-switch:hover { background-color: rgba(0, 0, 0, 0.2) !important; } .bootstrap-datetimepicker-widget table { display: block; } .bootstrap-datetimepicker-widget table thead, .bootstrap-datetimepicker-widget table tbody { display: table; width: 100%; padding: 10px; border-collapse: separate; border-spacing: 3px; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .bootstrap-datetimepicker-widget table tbody:not(:first-child) { border-top-width: 1px; border-top-style: solid; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .bootstrap-datetimepicker-widget .datepicker .dow { padding-top: px; opacity: 0.7; } .bootstrap-datetimepicker-widget .datepicker .day { height: 30px; } .bootstrap-datetimepicker-widget .datepicker-years td, .bootstrap-datetimepicker-widget .datepicker-years td:hover, .bootstrap-datetimepicker-widget .datepicker-months td, .bootstrap-datetimepicker-widget .datepicker-months td:hover, .bootstrap-datetimepicker-widget .timepicker-picker td, .bootstrap-datetimepicker-widget .timepicker-picker td:hover { background-color: transparent !important; } .bootstrap-datetimepicker-widget .old, .bootstrap-datetimepicker-widget .new { opacity: 0.5 !important; background-color: transparent !important; } .bootstrap-datetimepicker-widget .datepicker-months tbody, .bootstrap-datetimepicker-widget .datepicker-years tbody { padding: 7px 0; } .bootstrap-datetimepicker-widget .collapse:not(:last-child) table tbody { padding-bottom: 0; } .bootstrap-datetimepicker-widget .collapse:last-child table tbody { padding-top: 0; } .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle { padding: 10px; } body .bootstrap-datetimepicker-widget .btn[class] { height: auto !important; font-size: 17px; color: inherit !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; background-color: transparent !important; } body .bootstrap-datetimepicker-widget .btn[class]:hover { color: inherit !important; background-color: rgba(0, 0, 0, 0.1) !important; } .bootstrap-datetimepicker-widget a[data-action] { padding: 0 !important; } body .bootstrap-datetimepicker-widget .btn[class] span, body .bootstrap-datetimepicker-widget .btn[class] span:hover { color: inherit !important; background-color: transparent !important; } .bootstrap-datetimepicker-widget .timepicker-picker tr td a.btn { width: 54px; } .bootstrap-datetimepicker-widget .timepicker-picker tr:first-child td, .bootstrap-datetimepicker-widget .timepicker-picker tr:first-child td span, .bootstrap-datetimepicker-widget .timepicker-picker tr:last-child td, .bootstrap-datetimepicker-widget .timepicker-picker tr:last-child td span { height: 30px !important; line-height: 30px !important; } /* ----------------------------------------------------------------------------------------- P R O D U C T P A G E ----------------------------------------------------------------------------------------- */ /* Info ------------------------------------------------------------------------------ */ .tb_wt_product_info_system dl dt, .tb_wt_product_info_system dl dd { float: none; clear: none; display: inline; } .tb_wt_product_info_system dl dt { margin-right: 5px; } .tb_wt_product_info_system dl dd:after { content: ''; display: block; } /* Images ---------------------------------------------------------------------------- */ .product-info .thumbnails { display: none; } /* Options --------------------------------------------------------------------------- */ .options .form-group { margin-left: -20px; } .options .form-group > label, .options .form-group > div { margin-left: 20px !important; } .options .form-group > label { width: 140px; max-width: 140px; } .options .tb_style_1 .image + .image { margin-top: 10px; } .options .checkbox.image > label input, .options .radio.image > label input, .options .checkbox.image > label img, .options .radio.image > label img { margin-right: 5px; } .options .tb_style_1 .checkbox.image, .options .tb_style_1 .radio.image { padding-top: 0; padding-bottom: 0; } /*** Custom Style ***/ .options .tb_style_2 > div { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .options .tb_style_2 .control-label { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .options .tb_style_2 > div > div:not(.text-danger) { margin-top: -10px; margin-left: -10px; } .options .tb_style_2 > div > div:after { content: ''; clear: both; display: table; } /*** Custom style - button checkbox / radio ***/ .options .tb_style_2 .checkbox, .options .tb_style_2 .radio { display: block; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; float: left; margin-top: 10px; margin-left: 10px; padding: 0 !important; } .options .tb_style_2 .checkbox > label, .options .tb_style_2 .radio > label { display: block; height: 30px; min-width: 30px; margin: 0 !important; padding: 0 6px; line-height: 30px; text-align: center; cursor: pointer; } .options .tb_style_2 .checkbox > label span, .options .tb_style_2 .radio > label span, .options .tb_style_2 .checkbox.image > label div, .options .tb_style_2 .checkbox > label input[type=checkbox], .options .tb_style_2 .radio > label input[type=radio] { display: none; } /*** Custom style - image checkbox / radio ***/ .options .tb_style_2 .checkbox.image > label, .options .tb_style_2 .radio.image > label { width: auto; height: auto; min-width: 0; padding: 3px; line-height: normal !important; cursor: pointer; } .options .tb_style_2 .checkbox.image > label img, .options .tb_style_2 .radio.image > label img { margin: 0; padding: 1px; vertical-align: top; background: #fff; } /*** Mobile ***/ .tb_max_w_300 .option b, .tb_max_w_300 .option .required { float: none; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; } .tb_max_w_300 .option .required { padding-right: 0; } .tb_max_w_300 .option b { max-width: none; } .tb_max_w_300 .tb_checkbox_row .tb_group, .tb_max_w_300 .tb_radio_row .tb_group { padding-top: 0; padding-bottom: 0; } .tb_max_w_300 .option .tb_group, .tb_max_w_300 #profile-description { float: none; width: auto; margin-left: 0; margin-right: 0; } .tb_max_w_300 .option + .error, .tb_max_w_300 .option > .error { margin-left: 0; padding-left: 0; } .tb_max_w_300 .option input[type=button] { float: none; } /* --- Search ---------------------------------------------------------------------- */ #adv_search_box > div { width: auto; } #adv_search_box > div:last-child { width: 100%; max-width: none; margin-top: 20px; } .tb_max_w_550 #adv_search_box > div { width: calc(100% - 20px); max-width: none; } .tb_max_w_550 #adv_search_box > div:not(:first-child) { margin-top: 20px; } .tb_min_w_550 #adv_search_box input[type=text], .tb_min_w_550 #adv_search_box select { width: 250px; } #adv_search_box .btn { width: 80px; margin-left: 0; } #adv_search_box .tb_button_1 .tb_text { text-align: center; } #adv_search_box > :last-child { margin-bottom: 0; } /* ----------------------------------------------------------------------------------------- B U R N E N G I N E C O M P O N E N T S ----------------------------------------------------------------------------------------- */ /*** Accordion ***/ .tb_accordion > * { margin: 0; } .tb_accordion_content > div { display: none; } .tb_accordion_content > span.tb_title:first-child + div, .tb_accordion > h2:first-child + div { display: block; } .panel-group > .panel > .panel-heading { margin-bottom: 0; } .tb_accordion .tb_title, .tb_accordion > h2, .checkout-heading, .panel-group > .panel > .panel-heading .panel-title, .panel-group > .panel > .panel-heading .panel-title [data-parent] { position: relative; z-index: 30; display: block; outline: none !important; cursor: pointer; } .panel-group > .panel > .panel-heading .panel-title:not([data-parent]) { cursor: default; } .tb_accordion .ui-accordion-header .ui-icon, .checkout-heading:before, .panel-group > .panel > .panel-heading [data-toggle]:before { display: inline-block; width: 0.8em; text-align: center; font-weight: normal; font-family: "FontAwesome"; vertical-align: top; } .tb_accordion .ui-accordion-header .ui-icon:before, .checkout-heading:before, .panel-group > .panel > .panel-heading [data-toggle]:not(.has_icon):before { content: '\f105'; float: none; /* margin-bottom: -0.056em; padding-top: 0.055em; */ margin-top: -0.055em; vertical-align: top; } .checkout-heading:before, .panel-group > .panel > .panel-heading [data-toggle]:before { margin-right: 5px; padding-top: 0; } .tb_accordion .ui-accordion-header.ui-state-active .ui-icon:before, .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed):before, .checkout-heading.tb_opened:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 0; } .tb_accordion .tb_wt { margin-bottom: 0; } /*** Accordion style 1 ***/ .tb_accordion.tb_style_1:not(.panel-group) { margin-bottom: -1px; border-bottom-width: 1px; border-bottom-style: solid; } .tb_accordion.tb_style_1 .tb_title, .tb_accordion.tb_style_1 > h2, .tb_accordion.tb_style_1 .tb_title + div, .tb_accordion.tb_style_1 > h2 + div, .panel-group:not(.tb_style_2) > .panel > .panel-heading > .panel-title, .panel-group:not(.tb_style_2) > .panel > .panel-heading [data-toggle], .panel-group:not(.tb_style_2) > .panel > .panel-collapse, .checkout-heading { border-width: 1px; border-style: solid; border-color: transparent; } .tb_accordion.tb_style_1 .tb_title, .tb_accordion.tb_style_1 > h2, .checkout-heading, .panel-group:not(.tb_style_2) > .panel > .panel-heading .panel-title, .panel-group:not(.tb_style_2) > .panel > .panel-heading [data-toggle] { padding: 9px 19px; border-bottom-color: rgba(0, 0, 0, 0.12) !important; } .panel-group:not(.tb_style_2) > .panel > .panel-heading [data-toggle]:not(.panel-title) { margin: -10px -20px; } .tb_accordion.tb_style_1 .tb_title:not(:first-child), .tb_accordion.tb_style_1 .tb_title + div > div, .tb_accordion.tb_style_1 .ui-accordion-content[style*="display: none"] + .ui-accordion-header, .panel-group:not(.tb_style_2) > .panel:not(:first-child) > .panel-heading .panel-title, .panel-group:not(.tb_style_2) > .panel:not(:first-child) > .panel-heading [data-toggle] { border-top-color: transparent !important; } .tb_accordion.tb_style_1 .ui-accordion-header.last:not(.ui-accordion-header-active) { border-bottom-color: transparent !important; } .tb_accordion .tb_title + div, .panel-group:not(.tb_style_2) > .panel > .panel-collapse { border-top: none !important; border-bottom-width: 0 !important; border-bottom-style: none !important; } .tb_accordion:not(.tb_style_2) .tb_accordion_content > div > .panel-body, .panel-group:not(.tb_style_2) > .panel > .panel-collapse > .panel-body { margin: 0 -1px; } .tb_accordion:not(.tb_style_2) .tb_accordion_content > div > .panel-body:not([class*="tb_pt_"]), .panel-group:not(.tb_style_2) > .panel > .panel-collapse > .panel-body:not([class*="tb_pt_"]) { padding-top: 30px; padding-bottom: 30px; } .panel-group.tb_style_1 > .panel:last-child > .panel-collapse { margin-bottom: -1px; border-bottom-width: 1px !important; border-bottom-style: solid !important; } /*** Accordion style 2 ***/ .tb_accordion.tb_style_2 .tb_title, .tb_accordion.tb_style_2 > h2, .panel-group.tb_style_2 > .panel > .panel-title { padding-top: 5px; padding-bottom: 5px; } .tb_accordion.tb_style_2 .ui-accordion-header, .panel-group.tb_style_2 > .panel > .panel-title, .panel-group.tb_style_2 > .panel > .panel-heading [data-toggle] { background-color: transparent !important; } .panel-group.tb_style_2 > .panel > .panel-collapse > .panel-body:not([class*="tb_pt_"]) { padding-top: 20px; padding-bottom: 20px; } .tb_accordion.tb_style_2 > div > .panel-body, .panel-group.tb_style_2 > .panel:last-child > .panel-collapse > .panel-body { padding-bottom: 0 !important; } .tb_counter { position: relative; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; text-align: center; } h4 + .tb_counter.tb_style_1 { margin: 20px 0 10px 0 !important; } .tb_counter.tb_style_1 { margin-top: 20px !important; } .tb_counter.tb_style_1 .tb_counter_label, .tb_counter.tb_style_1 .tb_counter_time { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .tb_counter.tb_style_1 .tb_counter_label { -ms-flex: 19 1 0px; -webkit-flex: 19 1 0px; flex: 19 1 0px; min-width: 80px; margin: 0; padding: 5px 0; text-transform: uppercase; font-weight: 600; -webkit-transition: all 0.3s; transition: all 0.3s; } .tb_counter.tb_style_1:hover .tb_counter_label { top: -30px; } .tb_counter.tb_style_1 .tb_counter_time { position: relative; z-index: 2; -ms-flex: 81 1 200px; -webkit-flex: 81 1 200px; flex: 81 1 200px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .tb_counter.tb_style_1 .tb_counter_time > span, .tb_counter.tb_style_1 .tb_counter_time > span:after { display: block; text-align: center; } .tb_counter.tb_style_1 .tb_counter_time > span { -ms-flex: 25 1 0px; -webkit-flex: 25 1 0px; flex: 25 1 0px; min-width: 50px; padding: 0.7em 0.1em 0.5em 0.1em !important; line-height: 20px; font-size: 18px; font-weight: 600; } .tb_counter.tb_style_1 .tb_counter_time > span:after { line-height: 20px; text-transform: uppercase; font-size: 10px; font-weight: normal; font-family: Arial; opacity: 0.5; } .tb_counter.tb_style_1 .tb_counter_days:after { content: 'ÎœÎÏες'; } .tb_counter.tb_style_1 .tb_counter_hours:after { content: 'ÎÏες'; } .tb_counter.tb_style_1 .tb_counter_minutes:after { content: 'Λεπτά'; } .tb_counter.tb_style_1 .tb_counter_seconds:after { content: 'Δευτ.'; }.tb_overlay, .tb_flip { position: relative; -webkit-perspective: 800px; perspective: 800px; } .tb_flip { background: transparent !important; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .tb_flip:hover { z-index: 4; -webkit-transition-delay: 0s; transition-delay: 0s; } .tb_overlay .tb_front, .tb_overlay .tb_back, .tb_flip .tb_front, .tb_flip .tb_back { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tb_overlay .tb_front, .tb_overlay .tb_back { -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .tb_flip .tb_front, .tb_flip .tb_back { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tb_overlay .tb_front, .tb_flip .tb_front { z-index: 3; position: relative; } .tb_overlay .tb_back, .tb_flip .tb_back { z-index: 2; position: absolute; top: 0; left: 0; margin: 0 !important; } .tb_overlay:hover .tb_back, .tb_flip:hover .tb_back { z-index: 4; } .tb_overlay:not(:hover) .tb_back *, .tb_flip:not(:hover) .tb_back * { pointer-events: none; } /*.tb_overlay:hover .tb_front,*/ .tb_overlay .tb_back { opacity: 0; } .tb_overlay .tb_front, .tb_overlay:hover .tb_back { opacity: 1; } .tb_flip .tb_front { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .tb_flip:hover .tb_front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .tb_flip .tb_back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .tb_flip:hover .tb_back { -webkit-transform: rotateY(0); transform: rotateY(0); } .tb_preload, .tb_loading { position: relative; } .tb_preload > * { transition: opacity 0.5s; transition-delay: 0.3s; } .tb_loading { overflow: hidden; } .tb_loading:before { content: ''; z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; opacity: 0; } .tb_loading * { pointer-events: none; } .tb_loading > * { opacity: 0; } .tb_loading > span.wait, .tb_loading > i.fa.fa-circle-o-notch.fa-spin, .tb_loading > .tb_loading_bar { opacity: 1; } .tb_preload:not(.tb_loading) > * { opacity: 1; } .tb_preload:not(.tb_loading) > .tb_loading_bar { opacity: 0; visibility: hidden; pointer-events: none; } span.wait, i.fa.fa-circle-o-notch.fa-spin, .tb_loading_bar { position: relative; display: inline-block; transition-delay: 0s !important; } span.wait, i.fa.fa-circle-o-notch.fa-spin { width: 18px; height: 18px; line-height: 16px; } .tb_loading_bar { width: 30px; height: 30px; } span.wait:before, span.wait:after, i.fa.fa-circle-o-notch.fa-spin:before, i.fa.fa-circle-o-notch.fa-spin:after, .tb_loading_bar:before, .tb_loading_bar:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; margin: 0 !important; border-radius: 50%; } span.wait:after, i.fa.fa-circle-o-notch.fa-spin:after, .tb_loading_bar:after { border: 2px solid; opacity: 0.15; } span.wait:before, i.fa.fa-circle-o-notch.fa-spin:before, .tb_loading_bar:before { border-top: 2px solid; border-right: 2px solid; border-bottom: 2px solid transparent; border-left: 2px solid transparent; border-collapse: collapse; opacity: 0.7; -webkit-animation-name: tb_rotate; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: tb_rotate; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; } span.wait:before, i.fa.fa-circle-o-notch.fa-spin:before { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .tb_loading > span.wait, .tb_loading > i.fa.fa-circle-o-notch.fa-spin, .tb_loading > .tb_loading_bar { z-index: 100; position: absolute; left: 50%; } .tb_loading > .tb_loading_bar { top: 100px; margin-left: -15px; } .tb_loading > span.wait, .tb_loading > i.fa.fa-circle-o-notch.fa-spin { top: 50%; margin: -8px 0 0 -8px; } .tb_loading:not(.tb_preload) > *:not(.fa):not(.wait), .tb_loading:not(.tb_preload) > *:not(.fa):not(.wait) { overflow: hidden; visibility: hidden; /* height: 0; margin: 0; padding: 0; */ } .tb_loading:not(.tb_preload) .btn { opacity: 0 !important; -webkit-transition: none !important; transition: none !important; } /* Position -------------------------------------------------------------------------- */ span.wait, i.fa.fa-circle-o-notch.fa-spin { margin-right: 10px; vertical-align: middle; } select + span.wait, select + i.fa.fa-circle-o-notch.fa-spin { margin-left: 10px; margin-top: -0.2em; } .button + span.wait, .btn + span.wait, .btn + i.fa.fa-circle-o-notch.fa-spin { margin-left: 10px; } .btn span.wait, .btn i.fa.fa-circle-o-notch.fa-spin { margin: -0.1em 0 0 0; }.rating * { display: inline-block; vertical-align: top; } .rating .tb_bar { position: relative; } .rating .tb_bar { white-space: nowrap; font-size: 15px; } .rating .tb_bar .tb_base, .rating .tb_bar .tb_percent { display: inline-block; letter-spacing: 0.15em; font-family: FontAwesome; } .rating .tb_bar .tb_base:before { content: '\f006\f006\f006\f006\f006'; } .rating .tb_bar .tb_percent { overflow: hidden; position: absolute; top: 0; left: 0; } .rating .tb_bar .tb_percent:before { content: '\f005\f005\f005\f005\f005'; } .rating .tb_bar:not(:last-child) { margin-right: 0.2em; } .rating .tb_average { margin-top: -1px; letter-spacing: 1px; vertical-align: top; font-weight: bold; } .tb_grid_view .rating .tb_average { display: none; } .tb_compact_view .rating .tb_average { display: inline-block; } .rating .tb_total { display: inline-block; margin-top: -1px; } .rating .tb_total, .rating + .tb_total { letter-spacing: 0; font-weight: normal; font-size: 11px; vertical-align: top; opacity: 0.6; } .rating .tb_review_write { margin-left: 5px; padding-left: 7px; border-left-width: 1px; border-left-style: solid; } /*** Small ***/ .rating.tb_max_w_320 .tb_review_write { display: block; margin: 5px 0 0 0; padding: 0; border: none; } .tb_item:after { content: ''; clear: both; display: table; } .tb_listing { position: relative; clear: both; margin-bottom: 30px; } /* .tb_listing:hover { z-index: 3; } */ .tb_listing:after { clear: both; } .tb_listing:last-child { margin-bottom: 0; } /* ----------------------------------------------------------------------------------------- G R I D V I E W ----------------------------------------------------------------------------------------- */ .tb_grid_view, .tb_grid_view > div, .tb_grid_view > li, .tb_grid_view > span, .tb_grid_view .tb_item, .tb_grid_view .tb_flip, .tb_grid_view .tb_overlay, .tb_grid_view .tb_item_info_active, .tb_grid_view .tb_item_info_hover { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; min-width: 0; -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } .tb_grid_view > div, .tb_grid_view > li, .tb_grid_view > span { position: relative; float: left; } .tb_grid_view .tb_item { width: 100%; text-align: center; } .tb_grid_view .tb_item, .tb_grid_view .tb_item > * { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .tb_grid_view .tb_flip, .tb_grid_view .tb_item_info_hover { width: 100%; height: 100%; } .tb_grid_view.tb_gut_0 { margin-left: -0px; margin-right: -0px; padding-right: 0px; } .tb_grid_view.tb_gut_0 > div, .tb_grid_view.tb_gut_0 > li, .tb_grid_view.tb_gut_0 > span { margin-bottom: 0px; padding-left: 0px; } .tb_grid_view.tb_gut_10 { margin-left: -10px; margin-right: -10px; padding-right: 10px; } .tb_grid_view.tb_gut_10 > div, .tb_grid_view.tb_gut_10 > li, .tb_grid_view.tb_gut_10 > span { margin-bottom: 10px; padding-left: 10px; } .tb_grid_view.tb_gut_20 { margin-left: -20px; margin-right: -20px; padding-right: 20px; } .tb_grid_view.tb_gut_20 > div, .tb_grid_view.tb_gut_20 > li, .tb_grid_view.tb_gut_20 > span { margin-bottom: 20px; padding-left: 20px; } .tb_grid_view.tb_gut_30 { margin-left: -30px; margin-right: -30px; padding-right: 30px; } .tb_grid_view.tb_gut_30 > div, .tb_grid_view.tb_gut_30 > li, .tb_grid_view.tb_gut_30 > span { margin-bottom: 30px; padding-left: 30px; } .tb_grid_view.tb_gut_40 { margin-left: -40px; margin-right: -40px; padding-right: 40px; } .tb_grid_view.tb_gut_40 > div, .tb_grid_view.tb_gut_40 > li, .tb_grid_view.tb_gut_40 > span { margin-bottom: 40px; padding-left: 40px; } .tb_grid_view.tb_gut_50 { margin-left: -50px; margin-right: -50px; padding-right: 50px; } .tb_grid_view.tb_gut_50 > div, .tb_grid_view.tb_gut_50 > li, .tb_grid_view.tb_gut_50 > span { margin-bottom: 50px; padding-left: 50px; } .tb_grid_view.tb_size_1 > div, .tb_grid_view.tb_size_1 > li, .tb_grid_view.tb_size_1 > span { height: auto !important; } .tb_grid_view.tb_size_1 > div, .tb_grid_view.tb_size_1 > li, .tb_grid_view.tb_size_1 > span { width: 100%; max-width: 100%; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; } .tb_grid_view.tb_size_2 > div, .tb_grid_view.tb_size_2 > li, .tb_grid_view.tb_size_2 > span { width: 50%; max-width: 50%; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; } .tb_grid_view.tb_size_3 > div, .tb_grid_view.tb_size_3 > li, .tb_grid_view.tb_size_3 > span { width: 33.33333333%; max-width: 33.33333333%; -ms-flex: 0 0 33.33333333%; -webkit-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; } .tb_grid_view.tb_size_4 > div, .tb_grid_view.tb_size_4 > li, .tb_grid_view.tb_size_4 > span { width: 25%; max-width: 25%; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; } .tb_grid_view.tb_size_5 > div, .tb_grid_view.tb_size_5 > li, .tb_grid_view.tb_size_5 > span { width: 20%; max-width: 20%; -ms-flex: 0 0 20%; -webkit-flex: 0 0 20%; flex: 0 0 20%; } .tb_grid_view.tb_size_6 > div, .tb_grid_view.tb_size_6 > li, .tb_grid_view.tb_size_6 > span { width: 16.66666666%; max-width: 16.66666666%; -ms-flex: 0 0 16.66666666%; -webkit-flex: 0 0 16.66666666%; flex: 0 0 16.66666666%; } .tb_grid_view.tb_size_7 > div, .tb_grid_view.tb_size_7 > li, .tb_grid_view.tb_size_7 > span { width: 14.28571428%; max-width: 14.28571428%; -ms-flex: 0 0 14.28571428%; -webkit-flex: 0 0 14.28571428%; flex: 0 0 14.28571428%; } .tb_grid_view.tb_size_8 > div, .tb_grid_view.tb_size_8 > li, .tb_grid_view.tb_size_8 > span { width: 12.5%; max-width: 12.5%; -ms-flex: 0 0 12.5%; -webkit-flex: 0 0 12.5%; flex: 0 0 12.5%; } .tb_grid_view.tb_size_9 > div, .tb_grid_view.tb_size_9 > li, .tb_grid_view.tb_size_9 > span { width: 11.11111111%; max-width: 11.11111111%; -ms-flex: 0 0 11.11111111%; -webkit-flex: 0 0 11.11111111%; flex: 0 0 11.11111111%; } .tb_grid_view.tb_size_10 > div, .tb_grid_view.tb_size_10 > li, .tb_grid_view.tb_size_10 > span { width: 10%; max-width: 10%; -ms-flex: 0 0 10%; -webkit-flex: 0 0 10%; flex: 0 0 10%; } .tb_grid_view.tb_size_11 > div, .tb_grid_view.tb_size_11 > li, .tb_grid_view.tb_size_11 > span { width: 9.09090909%; max-width: 9.09090909%; -ms-flex: 0 0 9.09090909%; -webkit-flex: 0 0 9.09090909%; flex: 0 0 9.09090909%; } .tb_grid_view.tb_size_12 > div, .tb_grid_view.tb_size_12 > li, .tb_grid_view.tb_size_12 > span { width: 8.33333333%; max-width: 8.33333333%; -ms-flex: 0 0 8.33333333%; -webkit-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; } .tb_grid_view.tb_size_2 > .tb_size_2_last, .tb_grid_view.tb_size_3 > .tb_size_3_last, .tb_grid_view.tb_size_4 > .tb_size_4_last, .tb_grid_view.tb_size_5 > .tb_size_5_last, .tb_grid_view.tb_size_6 > .tb_size_6_last, .tb_grid_view.tb_size_7 > .tb_size_7_last, .tb_grid_view.tb_size_8 > .tb_size_8_last, .tb_grid_view.tb_size_9 > .tb_size_9_last, .tb_grid_view.tb_size_10 > .tb_size_10_last, .tb_grid_view.tb_size_11 > .tb_size_11_last, .tb_grid_view.tb_size_12 > .tb_size_12_last, .tb_grid_view[class] > :last-child, .tb_grid_view[class] > [class]:last-child { margin-bottom: 0; } /*** Max rows ***/ .tb_size_1.tb_max_rows_1 > div:nth-child(1) ~ *, .tb_size_1.tb_max_rows_2 > div:nth-child(2) ~ *, .tb_size_1.tb_max_rows_3 > div:nth-child(3) ~ *, .tb_size_1.tb_max_rows_4 > div:nth-child(4) ~ *, .tb_size_1.tb_max_rows_5 > div:nth-child(5) ~ *, .tb_size_1.tb_max_rows_6 > div:nth-child(6) ~ *, .tb_size_1.tb_max_rows_7 > div:nth-child(7) ~ *, .tb_size_1.tb_max_rows_8 > div:nth-child(8) ~ *, .tb_size_1.tb_max_rows_9 > div:nth-child(9) ~ *, .tb_size_1.tb_max_rows_10 > div:nth-child(10) ~ *, .tb_size_2.tb_max_rows_1 > div:nth-child(2) ~ *, .tb_size_2.tb_max_rows_2 > div:nth-child(4) ~ *, .tb_size_2.tb_max_rows_3 > div:nth-child(6) ~ *, .tb_size_2.tb_max_rows_4 > div:nth-child(8) ~ *, .tb_size_2.tb_max_rows_5 > div:nth-child(10) ~ *, .tb_size_2.tb_max_rows_6 > div:nth-child(12) ~ *, .tb_size_2.tb_max_rows_7 > div:nth-child(14) ~ *, .tb_size_2.tb_max_rows_8 > div:nth-child(16) ~ *, .tb_size_2.tb_max_rows_9 > div:nth-child(18) ~ *, .tb_size_2.tb_max_rows_10 > div:nth-child(20) ~ *, .tb_size_3.tb_max_rows_1 > div:nth-child(3) ~ *, .tb_size_3.tb_max_rows_2 > div:nth-child(6) ~ *, .tb_size_3.tb_max_rows_3 > div:nth-child(9) ~ *, .tb_size_3.tb_max_rows_4 > div:nth-child(12) ~ *, .tb_size_3.tb_max_rows_5 > div:nth-child(15) ~ *, .tb_size_3.tb_max_rows_6 > div:nth-child(18) ~ *, .tb_size_3.tb_max_rows_7 > div:nth-child(21) ~ *, .tb_size_3.tb_max_rows_8 > div:nth-child(24) ~ *, .tb_size_3.tb_max_rows_9 > div:nth-child(27) ~ *, .tb_size_3.tb_max_rows_10 > div:nth-child(30) ~ *, .tb_size_4.tb_max_rows_1 > div:nth-child(4) ~ *, .tb_size_4.tb_max_rows_2 > div:nth-child(8) ~ *, .tb_size_4.tb_max_rows_3 > div:nth-child(12) ~ *, .tb_size_4.tb_max_rows_4 > div:nth-child(16) ~ *, .tb_size_4.tb_max_rows_5 > div:nth-child(20) ~ *, .tb_size_4.tb_max_rows_6 > div:nth-child(24) ~ *, .tb_size_4.tb_max_rows_7 > div:nth-child(28) ~ *, .tb_size_4.tb_max_rows_8 > div:nth-child(32) ~ *, .tb_size_4.tb_max_rows_9 > div:nth-child(36) ~ *, .tb_size_4.tb_max_rows_10 > div:nth-child(40) ~ *, .tb_size_5.tb_max_rows_1 > div:nth-child(5) ~ *, .tb_size_5.tb_max_rows_2 > div:nth-child(10) ~ *, .tb_size_5.tb_max_rows_3 > div:nth-child(15) ~ *, .tb_size_5.tb_max_rows_4 > div:nth-child(20) ~ *, .tb_size_5.tb_max_rows_5 > div:nth-child(25) ~ *, .tb_size_5.tb_max_rows_6 > div:nth-child(30) ~ *, .tb_size_5.tb_max_rows_7 > div:nth-child(35) ~ *, .tb_size_5.tb_max_rows_8 > div:nth-child(40) ~ *, .tb_size_5.tb_max_rows_9 > div:nth-child(45) ~ *, .tb_size_5.tb_max_rows_10 > div:nth-child(50) ~ *, .tb_size_6.tb_max_rows_1 > div:nth-child(6) ~ *, .tb_size_6.tb_max_rows_2 > div:nth-child(12) ~ *, .tb_size_6.tb_max_rows_3 > div:nth-child(18) ~ *, .tb_size_6.tb_max_rows_4 > div:nth-child(24) ~ *, .tb_size_6.tb_max_rows_5 > div:nth-child(30) ~ *, .tb_size_6.tb_max_rows_6 > div:nth-child(36) ~ *, .tb_size_6.tb_max_rows_7 > div:nth-child(42) ~ *, .tb_size_6.tb_max_rows_8 > div:nth-child(48) ~ *, .tb_size_6.tb_max_rows_9 > div:nth-child(54) ~ *, .tb_size_6.tb_max_rows_10 > div:nth-child(60) ~ *, .tb_size_7.tb_max_rows_1 > div:nth-child(7) ~ *, .tb_size_7.tb_max_rows_2 > div:nth-child(14) ~ *, .tb_size_7.tb_max_rows_3 > div:nth-child(21) ~ *, .tb_size_7.tb_max_rows_4 > div:nth-child(28) ~ *, .tb_size_7.tb_max_rows_5 > div:nth-child(35) ~ *, .tb_size_7.tb_max_rows_6 > div:nth-child(42) ~ *, .tb_size_7.tb_max_rows_7 > div:nth-child(49) ~ *, .tb_size_7.tb_max_rows_8 > div:nth-child(56) ~ *, .tb_size_7.tb_max_rows_9 > div:nth-child(63) ~ *, .tb_size_7.tb_max_rows_10 > div:nth-child(70) ~ *, .tb_size_8.tb_max_rows_1 > div:nth-child(8) ~ *, .tb_size_8.tb_max_rows_2 > div:nth-child(16) ~ *, .tb_size_8.tb_max_rows_3 > div:nth-child(24) ~ *, .tb_size_8.tb_max_rows_4 > div:nth-child(32) ~ *, .tb_size_8.tb_max_rows_5 > div:nth-child(40) ~ *, .tb_size_8.tb_max_rows_6 > div:nth-child(48) ~ *, .tb_size_8.tb_max_rows_7 > div:nth-child(56) ~ *, .tb_size_8.tb_max_rows_8 > div:nth-child(64) ~ *, .tb_size_8.tb_max_rows_9 > div:nth-child(72) ~ *, .tb_size_8.tb_max_rows_10 > div:nth-child(80) ~ *, .tb_size_9.tb_max_rows_1 > div:nth-child(9) ~ *, .tb_size_9.tb_max_rows_2 > div:nth-child(18) ~ *, .tb_size_9.tb_max_rows_3 > div:nth-child(27) ~ *, .tb_size_9.tb_max_rows_4 > div:nth-child(36) ~ *, .tb_size_9.tb_max_rows_5 > div:nth-child(45) ~ *, .tb_size_9.tb_max_rows_6 > div:nth-child(54) ~ *, .tb_size_9.tb_max_rows_7 > div:nth-child(63) ~ *, .tb_size_9.tb_max_rows_8 > div:nth-child(72) ~ *, .tb_size_9.tb_max_rows_9 > div:nth-child(81) ~ *, .tb_size_9.tb_max_rows_10 > div:nth-child(90) ~ *, .tb_size_10.tb_max_rows_1 > div:nth-child(10) ~ *, .tb_size_10.tb_max_rows_2 > div:nth-child(20) ~ *, .tb_size_10.tb_max_rows_3 > div:nth-child(30) ~ *, .tb_size_10.tb_max_rows_4 > div:nth-child(40) ~ *, .tb_size_10.tb_max_rows_5 > div:nth-child(50) ~ *, .tb_size_10.tb_max_rows_6 > div:nth-child(60) ~ *, .tb_size_10.tb_max_rows_7 > div:nth-child(70) ~ *, .tb_size_10.tb_max_rows_8 > div:nth-child(80) ~ *, .tb_size_10.tb_max_rows_9 > div:nth-child(90) ~ *, .tb_size_10.tb_max_rows_10 > div:nth-child(100) ~ *, .tb_size_11.tb_max_rows_1 > div:nth-child(11) ~ *, .tb_size_11.tb_max_rows_2 > div:nth-child(22) ~ *, .tb_size_11.tb_max_rows_3 > div:nth-child(33) ~ *, .tb_size_11.tb_max_rows_4 > div:nth-child(44) ~ *, .tb_size_11.tb_max_rows_5 > div:nth-child(55) ~ *, .tb_size_11.tb_max_rows_6 > div:nth-child(66) ~ *, .tb_size_11.tb_max_rows_7 > div:nth-child(77) ~ *, .tb_size_11.tb_max_rows_8 > div:nth-child(88) ~ *, .tb_size_11.tb_max_rows_9 > div:nth-child(99) ~ *, .tb_size_11.tb_max_rows_10 > div:nth-child(110) ~ *, .tb_size_12.tb_max_rows_1 > div:nth-child(12) ~ *, .tb_size_12.tb_max_rows_2 > div:nth-child(24) ~ *, .tb_size_12.tb_max_rows_3 > div:nth-child(36) ~ *, .tb_size_12.tb_max_rows_4 > div:nth-child(48) ~ *, .tb_size_12.tb_max_rows_5 > div:nth-child(60) ~ *, .tb_size_12.tb_max_rows_6 > div:nth-child(72) ~ *, .tb_size_12.tb_max_rows_7 > div:nth-child(84) ~ *, .tb_size_12.tb_max_rows_8 > div:nth-child(96) ~ *, .tb_size_12.tb_max_rows_9 > div:nth-child(108) ~ *, .tb_size_12.tb_max_rows_10 > div:nth-child(120) ~ *, .tb_grid_view.tb_size_13.tb_max_rows_11 { display: none; } /* ----------------------------------------------------------------------------------------- L I S T V I E W ----------------------------------------------------------------------------------------- */ .tb_list_view > div, .tb_list_view > li, .tb_list_view > span { position: relative; clear: both; margin-top: 30px; } .tb_list_view > div:first-child, .tb_list_view > li:first-child, .tb_list_view > span:first-child { margin-top: 0 !important; } /* ----------------------------------------------------------------------------------------- C O M P A C T V I E W ----------------------------------------------------------------------------------------- */ .tb_compact_view > div, .tb_compact_view > li, .tb_compact_view > span { display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 !important; background: transparent; } .tb_compact_view > div + div, .tb_compact_view > li + li, .tb_compact_view > span + span { margin-top: 20px; } .tb_compact_view .image, .tb_compact_view .thumbnail { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 !important; } .tb_compact_view .image + div, .tb_compact_view .thumbnail + div { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; margin-left: 15px; } .tb_compact_view h3, .tb_compact_view h4, .tb_compact_view .name, .tb_compact_view.tb_compact_view .price { margin: 0; line-height: 20px; font-size: 13px; } .tb_compact_view h3 a, .tb_compact_view h4 a, .tb_compact_view .name a { display: block; } /* ----------------------------------------------------------------------------------------- P A G I N A T I O N ----------------------------------------------------------------------------------------- */ .tb_listing + .pagination { border-top-width: 1px; border-top-style: solid; }.tb_slider { overflow: hidden; position: static; display: block !important; float: none; margin: -60px 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 60px; padding-bottom: 60px; direction: ltr; -webkit-transition: height 0.5s ease-out; transition: height 0.5s ease-out; } .swiper-container { overflow: visible; display: block !important; float: none !important; width: auto !important; padding: 0 !important; } .swiper-container:before { content: none !important; } .swiper-container > .swiper-wrapper { box-sizing: content-box; } .swiper-container, .swiper-container > .swiper-wrapper, .swiper-container > .swiper-wrapper > .swiper-slide { max-width: none !important; height: auto !important; } .swiper-container > .swiper-wrapper > .swiper-slide { direction: ltr; width: auto !important; -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } .swiper-container > .swiper-wrapper > .swiper-slide > * { width: auto; height: 100%; max-width: none; min-width: 0; padding: 0; } .tb_slider_controls { z-index: 40; position: absolute; top: 0; direction: ltr; } .tb_slider_controls a { position: relative; display: inline-block; width: 20px; margin-left: 5px; line-height : inherit; text-align: center; cursor: pointer; outline: none !important; vertical-align: top; } .tb_slider_controls a:before { content: '>'; position: relative; z-index: 1; display: block; opacity: 0; } .tb_slider_controls a.tb_prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb_slider_controls svg { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; max-width: none; max-height: none; margin: -12px 0 0 -12px; } .tb_slider_controls .tb_disabled { opacity: 0.5; } .has_slider.tb_side_nav .tb_grid_view.tb_style_bordered.tb_multiline, :not(.panel-body) > .has_slider.no_title .tb_grid_view.tb_multiline:not(.tb_slider), .tb_side_nav .tb_slider { margin-left: 40px !important; margin-right: 40px !important; } .has_slider.tb_side_nav .tb_grid_view.tb_gut_0.tb_multiline:not(.tb_slider) { margin-left: 40px !important; margin-right: 40px !important; } .has_slider.tb_side_nav .tb_grid_view.tb_gut_10.tb_multiline:not(.tb_slider) { margin-left: 30px !important; margin-right: 30px !important; } .has_slider.tb_side_nav .tb_grid_view.tb_gut_20.tb_multiline:not(.tb_slider) { margin-left: 20px !important; margin-right: 20px !important; } .has_slider.tb_side_nav .tb_grid_view.tb_gut_30.tb_multiline:not(.tb_slider) { margin-left: 10px !important; margin-right: 10px !important; } .has_slider.tb_side_nav .tb_grid_view.tb_gut_40.tb_multiline:not(.tb_slider) { margin-left: 0px !important; margin-right: 0px !important; } .has_slider.tb_side_nav .tb_grid_view.tb_gut_50.tb_multiline:not(.tb_slider) { margin-left: -10px !important; margin-right: -10px !important; } .has_slider .tb_grid_view.tb_multiline > * { margin-bottom: 0; } .tb_side_nav .tb_slider_controls { position: static; visibility: hidden; } .tb_side_nav .tb_slider_controls a { position: absolute; margin-top: -20px; margin-left: 0; margin-right: 0; } .tb_slider_controls .tb_prev { left: -3px; } .tb_slider_controls .tb_next { right: -3px; } .tb_slider_pagination { overflow: hidden; text-align: center; min-height: 20px; margin: 20px 0 0 0; } .tb_slider_pagination.tb_compact { margin: 10px 0 0 0; } .tb_slider_pagination span { position: relative; z-index: 20; display: inline-block; width: 8px; height: 8px; border-radius: 50%; cursor: pointer; background: #e3e3e3; } .tb_slider_pagination span:hover { background: #d9d9d9; } .tb_slider_pagination span + span { margin-left: 7px; } .tb_slider_pagination span.tb_active { background: #bbb; } .tb_slider_pagination .swiper-active-switch { padding: 0; } .swiper-slide > * { float: none !important; width: auto !important; margin: 0 !important; vertical-align: top; } .tb_listing.tb_gut_10 > .swiper-container { margin-left: -10px; } .tb_listing.tb_gut_20 > .swiper-container { margin-left: -20px; } .tb_listing.tb_gut_30 > .swiper-container { margin-left: -30px; } .tb_listing.tb_gut_40 > .swiper-container { margin-left: -40px; } .tb_listing.tb_gut_50 > .swiper-container { margin-left: -50px; } .tb_listing.tb_gut_10 .swiper-slide { padding-left: 10px; } .tb_listing.tb_gut_20 .swiper-slide { padding-left: 20px; } .tb_listing.tb_gut_30 .swiper-slide { padding-left: 30px; } .tb_listing.tb_gut_40 .swiper-slide { padding-left: 40px; } .tb_listing.tb_gut_50 .swiper-slide { padding-left: 50px; } .tb_listing.tb_size_1 .swiper-slide { width: 100%; } .tb_listing.tb_size_2 .swiper-slide { width: 50%; } .tb_listing.tb_size_3 .swiper-slide { width: 33.33333333%; } .tb_listing.tb_size_4 .swiper-slide { width: 25%; } .tb_listing.tb_size_5 .swiper-slide { width: 20%; } .tb_listing.tb_size_6 .swiper-slide { width: 16.66666666%; } .tb_listing.tb_size_7 .swiper-slide { width: 14.28571428%; } .tb_listing.tb_size_8 .swiper-slide { width: 12.5%; } .tb_listing.tb_size_9 .swiper-slide { width: 11.11111111%; } .tb_listing.tb_size_10 .swiper-slide { width: 10%; } .tb_listing.tb_size_11 .swiper-slide { width: 9.09090909%; } .tb_listing.tb_size_12 .swiper-slide { width: 8.33333333%; } /*** Carousel Init ***/ .swiper-container.tb_slider_init > .swiper-wrapper, .swiper-container.tb_slider_init > .swiper-wrapper > .swiper-slide, .swiper-container.tb_slider_init > .swiper-wrapper > .swiper-slide > * { display: -ms-flexbox; display: -webkit-flex; display: flex; } .swiper-container.tb_slider_init > .swiper-wrapper > .swiper-slide > * { width: 100% !important; } .swiper-container.tb_slider_init > .swiper-wrapper > .swiper-slide > * > * { max-width: 100%; } /*** Carousel Before Init ***/ .has_slider .tb_grid_view.tb_size_1 > :nth-child(n+2), .has_slider .tb_grid_view.tb_size_2 > :nth-child(n+3), .has_slider .tb_grid_view.tb_size_3 > :nth-child(n+4), .has_slider .tb_grid_view.tb_size_4 > :nth-child(n+5), .has_slider .tb_grid_view.tb_size_5 > :nth-child(n+6), .has_slider .tb_grid_view.tb_size_6 > :nth-child(n+7), .has_slider .tb_grid_view.tb_size_7 > :nth-child(n+8), .has_slider .tb_grid_view.tb_size_8 > :nth-child(n+9), .has_slider .tb_grid_view.tb_size_9 > :nth-child(n+10), .has_slider .tb_grid_view.tb_size_10 > :nth-child(n+11), .has_slider .tb_grid_view.tb_size_11 > :nth-child(n+12), .has_slider .tb_grid_view.tb_size_12 > :nth-child(n+13), .has_slider .tb_list_view > :nth-child(n+2), .has_slider .tb_compact_view > :nth-child(n+2) { display: none !important; } /*** Carousel in tabs ***/ .tab-content .has_slider.no_title { position: static; } /*** Carousel overlay ***/ .has_slider { pointer-events: none; } .has_slider .tb_listing:not(.tb_slider), .has_slider .product-thumb, .has_slider .tb_item, .has_slider .tb_item_info, .swiper-container, .tb_slider_controls *, .tb_slider_pagination { pointer-events: auto; } /* ----------------------------------------------------------------------------------------- B O R D E R E D L I S T I N G ----------------------------------------------------------------------------------------- */ .tb_listing.tb_style_bordered { margin-bottom: 0; } .tb_listing.tb_style_bordered:first-child { border-top-width: 0; } .tb_listing.tb_style_bordered > * { margin-top: 0; margin-bottom: 0; } .tb_listing_options + .tb_listing.tb_style_bordered { border-top-width: 1px; border-top-style: solid; } /* List view ------------------------------------------------------------------------- */ .tb_listing.tb_list_view.tb_style_bordered > * { margin-bottom: 0; border-top-width: 1px; border-top-style: solid; } .tb_listing.tb_list_view.tb_style_bordered > :first-child { border-top: none; } /* Grid view ------------------------------------------------------------------------- */ .tb_listing.tb_grid_view.tb_style_bordered, .tb_listing.tb_grid_view.tb_style_bordered > * { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .tb_listing.tb_grid_view.tb_style_bordered { margin-right: -1px; } .tb_listing.tb_grid_view.tb_style_bordered > * { margin-bottom: 0; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .tb_listing.tb_grid_view.tb_style_bordered > *:before, .tb_listing.tb_grid_view.tb_style_bordered > *:after { content: ''; position: absolute; display: block; } .tb_listing.tb_grid_view.tb_style_bordered > *:after { top: 0; right: -1px; width: 0; height: 100%; border-right-style: solid; border-right-width: 1px; } .tb_listing.tb_grid_view.tb_style_bordered > *:before { bottom: -1px; left: 0; width: 100%; height: 0; border-bottom-style: solid; border-bottom-width: 1px; } .tb_listing.tb_grid_view.tb_style_bordered.tb_size_2 > .tb_size_2_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_3 > .tb_size_3_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_4 > .tb_size_4_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_5 > .tb_size_5_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_6 > .tb_size_6_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_7 > .tb_size_7_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_8 > .tb_size_8_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_9 > .tb_size_9_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_10 > .tb_size_10_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_11 > .tb_size_11_last, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_12 > .tb_size_12_last, .tb_listing.tb_grid_view.tb_style_bordered > :last-child { border-bottom: 0 none; } .tb_listing.tb_grid_view.tb_style_bordered.tb_size_1 > *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_2 .clear2 + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_3 .clear3 + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_4 .clear4 + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_5 .clear5 + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_6 .clear6 + * + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_7 .clear7 + * + * + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_8 .clear8 + * + * + * + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_9 .clear9 + * + * + * + * + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_10 .clear10 + * + * + * + * + * + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_11 .clear11 + * + * + * + * + * + * + * + * + * + *, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_11 .clear12 + * + * + * + * + * + * + * + * + * + * + * { border-left-color: transparent !important; border-right-color: transparent !important; } .tb_listing.tb_grid_view.tb_style_bordered.tb_size_1 > *:last-child:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_2 > .tb_size_2_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_3 > .tb_size_3_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_4 > .tb_size_4_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_5 > .tb_size_5_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_6 > .tb_size_6_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_7 > .tb_size_7_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_8 > .tb_size_8_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_9 > .tb_size_9_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_10 > .tb_size_10_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_11 > .tb_size_11_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_12 > .tb_size_12_last:before, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_1 > *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_2 .clear2 + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_3 .clear3 + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_4 .clear4 + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_5 .clear5 + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_6 .clear6 + * + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_7 .clear7 + * + * + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_8 .clear8 + * + * + * + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_9 .clear9 + * + * + * + * + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_10 .clear10 + * + * + * + * + * + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_11 .clear11 + * + * + * + * + * + * + * + * + * + *:after, .tb_listing.tb_grid_view.tb_style_bordered.tb_size_11 .clear12 + * + * + * + * + * + * + * + * + * + * + *:after { content: none; } /* Carousel -------------------------------------------------------------------------- */ .tb_listing.tb_grid_view.tb_style_bordered.tb_slider { border-top: 0 none !important; } .tb_listing.tb_grid_view.tb_style_bordered.tb_slider > *:after { content: none; } .tb_listing.tb_style_bordered.tb_slider .swiper-container { margin-right: -2px; margin-left: -2px; } .tb_listing.tb_style_bordered.tb_slider .swiper-container .swiper-wrapper { border-left-width: 1px; border-left-style: solid; } .tb_listing.tb_style_bordered.tb_size_1.tb_slider .swiper-container { margin-left: 0; margin-right: 0; } .tb_listing.tb_style_bordered.tb_size_1.tb_slider .swiper-container .swiper-wrapper, .tb_listing.tb_style_bordered.tb_size_1.tb_slider .swiper-container .swiper-wrapper .swiper-slide > * { border-left: 0; border-right: 0; } .tb_listing.tb_style_bordered.tb_slider .swiper-slide { padding: 0; } .tb_style_bordered .swiper-slide > * { border-right-style: solid; border-right-width: 1px; } .tb_style_bordered .swiper-slide > *:after { top: 0; right: -1px; width: 0; height: 100%; border-right-style: solid; border-right-width: 1px; } .tb_slider_pagination.tb_bordered { margin-top: 0; padding: 10px 0; border-top-width: 1px; border-top-style: solid; } .tb_pb_10 > .tb_slider_pagination.tb_bordered:last-child { margin-top: 10px; margin-bottom: -10px; } .tb_pb_20 > .tb_slider_pagination.tb_bordered:last-child { margin-top: 20px; margin-bottom: -20px; } .tb_pb_30 > .tb_slider_pagination.tb_bordered:last-child { margin-top: 30px; margin-bottom: -30px; } .tb_pb_40 > .tb_slider_pagination.tb_bordered:last-child { margin-top: 40px; margin-bottom: -40px; } .tb_pb_50 > .tb_slider_pagination.tb_bordered:last-child { margin-top: 50px; margin-bottom: -50px; } /* ----------------------------------------------------------------------------------------- S E P A R A T E L I S T I N G ----------------------------------------------------------------------------------------- */ .tb_listing.tb_style_separate .product-thumb { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } /* ----------------------------------------------------------------------------------------- P R O D U C T L A Y O U T ----------------------------------------------------------------------------------------- */ .product-thumb, .product-thumb > *, .tb_grid_view .product-thumb .caption, .tb_grid_view .product-thumb .caption > *, .tb_list_view .product-thumb .caption { display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-thumb .wait.wait { display: none; } /* ----------------------------------------------------------------------------------------- P R O D U C T E L E M E N T S ----------------------------------------------------------------------------------------- */ .product-thumb, .product-thumb > .image + div, .product-thumb > .image_hover + div, .product-thumb > .image-wrap + div, .product-thumb .caption { position: relative; } .product-thumb .image.tb_flip, .product-thumb .image.tb_overlay { display: block; } .product-thumb .image .tb_front, .product-thumb .image .tb_back { margin: 0 !important; padding: 0 !important; } .product-thumb .image a, .product-thumb .image-wrap a { display: block; text-align: center; } .product-thumb .image span { display: block; font-size: 0; margin-left: auto; margin-right: auto; } .product-thumb .image span span { width: 100%; height: 0; margin-left: auto; margin-right: auto; } .product-thumb .caption > * { margin-bottom: 0 !important; } .product-thumb .tb_item_info_hover { bottom: 0; right: 0; } .tb_label_stock_status { opacity: 0.5; } /*** IMAGE ***/ .image_hover:not(.tb_back) { display: none !important; } /*** PRICE ***/ .price { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .price-old { position: relative; display: inline-block; } .price-old:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -1px; border-bottom: 1px solid; } .price-tax { display: block; } .product-thumb p:not([class]) { text-align: left; } .product-thumb div:empty, .product-thumb p:empty, .product-thumb ul:empty .product-thumb ol:empty, .product-thumb li:empty { display: none; } .product-thumb .tb_label_special, .product-thumb .tb_label_new { position: absolute; top: 0; left: 0; z-index: 4; display: block; min-width: 32px; height: 20px; padding: 0 5px; line-height: 20px; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); font-weight: bold; font-weight: 600; } .product-thumb .tb_label_special > span span { font-weight: normal; } .product-thumb .tb_label_special small { display: none; } .product-thumb .tb_label_new { background: #90c819; color: #fff; text-transform: uppercase; } .product-thumb .tb_label_special + .tb_label_new { top: 20px; } .product-thumb .button-group { -ms-flex-order: 10; -webkit-order: 10; order: 10; } .product-thumb .tb_button_add_to_cart { margin-top: 0; margin-bottom: 10px; } .product-thumb .tb_label_stock_status { margin-bottom: 0; font-size: 13px; } .tb_grid_view .price .tb_decimal_point, .tb_list_view .price .tb_decimal_point, .price.custom .tb_decimal_point { display: none; } .tb_grid_view .price .tb_decimal, .tb_list_view .price .tb_decimal, .price.custom .tb_decimal { position: relative; top: -0.25em; margin-left: 1px; font-size: 0.6em; vertical-align: top; } /*** Review ***/ .product-thumb .tb_review { clear: both; } .tb_review_tooltip .price { display: table-footer-group; } .tb_review_tooltip .tb_review { display: table-header-group; } .tb_review_tooltip .tb_review > p + .tb_meta { padding-left: 0; padding-right: 0; } .tb_review_tooltip .product-thumb .tb_review > p, .tb_review_tooltip .product-thumb .tb_review .tb_author { display: none; } .product-thumb .tooltip-inner .tb_review > p, .product-thumb .tooltip-inner .tb_review .tb_author { display: block; } .product-thumb .tooltip-inner .tb_review .tb_meta { text-indent: 35px; } .tb_review_tooltip .tb_rating_holder, .tb_review_tooltip .tb_review p + .tb_meta .tb_rating_holder { margin-top: 0; margin-bottom: 0; cursor: help; } .tb_review_tooltip .tb_rating_holder .tb_rating, .tb_review_tooltip .tb_rating_holder .tb_rating * { font-size: 12px; } .tb_review_tooltip .tb_rating_holder .tb_average { margin-top: 0; font-weight: normal; font-size: 0.85em; } /* --- Effects ( flip / overlay ) -------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .product-thumb.tb_overlay, .product-thumb.tb_flip { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-thumb.tb_overlay .tb_front, .product-thumb.tb_flip .tb_front { height: auto; } } /* ----------------------------------------------------------------------------------------- L I S T V I E W ----------------------------------------------------------------------------------------- */ .tb_list_view .product-thumb { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .tb_list_view .product-thumb > div { float: none; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; vertical-align: top; } .tb_list_view .product-thumb .image + div { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .tb_list_view .product-thumb .image { display: block; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; margin-right: 20px; } .tb_list_view.tb_gut_0 .product-thumb .image { margin-right: 0px; } .tb_list_view.tb_gut_10 .product-thumb .image { margin-right: 10px; } .tb_list_view.tb_gut_20 .product-thumb .image { margin-right: 20px; } .tb_list_view.tb_gut_30 .product-thumb .image { margin-right: 30px; } .tb_list_view.tb_gut_40 .product-thumb .image { margin-right: 40px; } .tb_list_view.tb_gut_50 .product-thumb .image { margin-right: 50px; } .tb_list_view .product-thumb .caption { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-top: -10px; } .tb_list_view .product-thumb .caption > * { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .tb_list_view .product-thumb .caption > * + * { margin-top: 10px; } .tb_list_view .product-thumb .name, .tb_list_view .product-thumb h4, .tb_list_view .product-thumb .caption > h4 { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin-top: 10px; margin-bottom: 20px; } .tb_list_view .product-thumb .price { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 2; -webkit-order: 2; order: 2; margin: 10px 0 0 0 !important; } .tb_list_view .product-thumb .description, .tb_list_view .product-thumb p:not(class), .tb_list_view .product-thumb .rating, .tb_list_view .product-thumb .button-group { clear: both; -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } .tb_list_view .product-thumb > .rating { margin-top: -10px; margin-bottom: -10px; } .tb_list_view .product-thumb .tb_label_stock_status, .tb_list_view .product-thumb .button-group { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .tb_list_view .product-thumb .button-group { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; text-align: right; } .tb_list_view .tb_label_stock_status { margin-top: 20px; } .tb_list_view .product-thumb .tb_button_add_to_cart { float: left; margin-bottom: 0; } .tb_list_view .product-thumb .tb_button_add_to_cart .btn { position: relative; } .tb_list_view .product-thumb .tb_button_add_to_cart .btn.btn-sm { top: 20px; } .tb_list_view .product-thumb .tb_button_add_to_cart .btn.btn-md { top: 5px; } .tb_list_view .product-thumb .tb_label_stock_status { float: left; } .tb_list_view .image .image { max-width: none; margin: 0; } @media (max-width: 480px) { .tb_list_view .product-thumb { display: block !important; } .tb_list_view .image { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 20px !important; } .tb_list_view .caption { clear: both; } } /* ----------------------------------------------------------------------------------------- G R I D V I E W ----------------------------------------------------------------------------------------- */ .tb_grid_view .product-thumb { width: 100%; text-align: center; } .tb_grid_view .product-thumb, .tb_grid_view .product-thumb > *, .tb_grid_view .product-thumb .caption { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .tb_grid_view .product-thumb .image, .tb_grid_view .product-thumb .image-wrap { margin-bottom: 20px; } .tb_grid_view .product-thumb .image-wrap .image { margin-bottom: 0 !important; } .tb_grid_view .product-thumb .image, .tb_grid_view .product-thumb .image *, .tb_grid_view .product-thumb .image-wrap { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .tb_grid_view .product-thumb > div:not(.image):not(.image-wrap), .tb_grid_view .product-thumb .caption, .tb_grid_view .product-thumb .name + :not(.description), .tb_grid_view .product-thumb .description + * { -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; } .tb_grid_view .product-thumb .rating { -ms-flex: 1000 0 auto; -webkit-flex: 1000 0 auto; flex: 1000 0 auto; } .tb_grid_view:not(.tb_style_plain) .product-thumb .name + :not(.description), .tb_grid_view:not(.tb_style_plain) .product-thumb .description + *, .tb_grid_view:not(.tb_style_plain) .product-thumb .rating { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .tb_grid_view .product-thumb .description { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; text-align: initial; word-wrap: break-word; } .tb_grid_view .product-thumb .image:last-child, .tb_grid_view .product-thumb .image-wrap:last-child { margin-bottom: 0; } .tb_grid_view .product-thumb .image_hover { width: 100%; } .tb_grid_view .product-thumb .caption.col { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } .tb_grid_view .product-thumb .caption * { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .tb_grid_view .product-thumb .image + div > * + *:not(.clear):not(.row), .tb_grid_view .product-thumb .image-wrap + div > * + *:not(.clear):not(.row), .tb_grid_view .product-thumb .caption > * + *:not(.clear):not(.row) { margin-top: 10px; margin-bottom: 0; } .tb_grid_view:not(.tb_style_plain) .product-thumb .price { -ms-flex-order: 5; -webkit-order: 5; order: 5; margin-bottom: 0; } .tb_grid_view .product-thumb .price { margin-left: -3px; margin-right: -3px; } .tb_grid_view .product-thumb .price-regular, .tb_grid_view .product-thumb .price-old, .tb_grid_view .product-thumb .price-new { margin: 0 3px; } .tb_grid_view .product-thumb .price-tax { -ms-flex-order: 6; -webkit-order: 6; order: 6; margin-top: 0; margin-bottom: 0; font-size: 11px; } .tb_grid_view .product-thumb .name a { display: block; } .tb_grid_view .product-thumb p:not([class]) { padding: 10px 0; } .tb_grid_view .product-thumb .rating { margin-left: auto; margin-right: auto; } .tb_grid_view .product-thumb .tb_button_add_to_cart { margin-bottom: 0; } .tb_grid_view .product-thumb .tb_button_add_to_cart .btn { vertical-align: top; } .tb_grid_view .product-thumb .product-thumb.tb_item_short:hover { margin: -20px -10px -21px -10px; } .tb_grid_view .product-thumb .button-group { /* overflow: hidden; */ clear: both; width: auto; margin-top: 0 !important; margin-left: -10px; margin-right: -10px; padding-left: 10px; text-align: center; font-size: 11px; color: #999; } .tb_grid_view .product-thumb .button-group > div { display: inline-block; margin-right: 10px; margin-top: 10px; white-space: nowrap; } .tb_grid_view .product-thumb .button-group > div.tb_button_add_to_cart { display: block; white-space: normal; } .tb_grid_view .product-thumb .tb_label_stock_status { line-height: 30px; text-align: center; } .tb_grid_view .tb_item_hovered { z-index: 40; position: absolute; top: -10%; width: 120% !important; right: -10%; max-width: none; margin: 0; padding: 20px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } .tb_grid_view.tb_gut_0 .tb_item_hovered { margin-right: -0px; } .tb_grid_view.tb_style_bordered .tb_item_hovered { margin-right: 0; } .tb_grid_view.tb_gut_10 .tb_item_hovered { margin-right: -5px; } .tb_grid_view.tb_style_bordered .tb_item_hovered { margin-right: 0; } .tb_grid_view.tb_gut_20 .tb_item_hovered { margin-right: -10px; } .tb_grid_view.tb_style_bordered .tb_item_hovered { margin-right: 0; } .tb_grid_view.tb_gut_30 .tb_item_hovered { margin-right: -15px; } .tb_grid_view.tb_style_bordered .tb_item_hovered { margin-right: 0; } .tb_grid_view.tb_gut_40 .tb_item_hovered { margin-right: -20px; } .tb_grid_view.tb_style_bordered .tb_item_hovered { margin-right: 0; } .tb_grid_view.tb_gut_50 .tb_item_hovered { margin-right: -25px; } .tb_grid_view.tb_style_bordered .tb_item_hovered { margin-right: 0; } .tb_grid_view .tb_item_hovered .product-thumb { position: static; width: auto !important; margin: -20px; } .tb_grid_view .tb_item_hovered * { z-index: 40; } .tb_grid_view .tb_item_hovered .button-group .tb_button_add_to_cart { display: block; } .tb_grid_view .tb_item_hovered .button-group .tb_button_wishlist, .tb_grid_view .tb_item_hovered .button-group .tb_button_compare { display: inline-block; } /*** Compatibility ***/ .tb_grid_view > div > *:not(.product-thumb), .product-grid > div > *:not(.product-thumb), .box-product > div > *:not(.product-thumb) { width: 100%; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .tb_grid_view > div > .image a, .tb_grid_view > div > .image-wrap a, .product-grid .image a, .product-grid .image-wrap a, .box-product .image a, .box-product .image-wrap a { display: block; text-align: center; } /* ----------------------------------------------------------------------------------------- C O M P A C T V I E W ----------------------------------------------------------------------------------------- */ .tb_compact_view .product-thumb { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 0 !important; } .tb_compact_view .product-thumb .image + div { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } /* .tb_compact_view .product-thumb .caption { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .tb_compact_view .product-thumb .caption > * { width: 100%; } */ .tb_compact_view .product-thumb .tb_bar, .tb_compact_view .product-thumb .tb_average { font-size: calc(1em - 1px); } .tb_compact_view .product-thumb .tb_average { font-size: calc(1em - 2px); } .tb_compact_view .product-thumb .tb_review, .tb_compact_view .product-thumb .price { display: block !important; } /* ----------------------------------------------------------------------------------------- P R O D U C T P A D D I N G ----------------------------------------------------------------------------------------- */ .tb_product_p_5 .product-thumb { padding: 5px; } .tb_product_p_10 .product-thumb { padding: 10px; } .tb_product_p_15 .product-thumb { padding: 15px; } .tb_product_p_20 .product-thumb { padding: 20px; } .tb_product_p_25 .product-thumb { padding: 25px; } .tb_product_p_30 .product-thumb { padding: 30px; } .tb_product_p_35 .product-thumb { padding: 35px; } .tb_product_p_40 .product-thumb { padding: 40px; } .tb_product_p_45 .product-thumb { padding: 45px; } .tb_product_p_50 .product-thumb { padding: 50px; } /* --- Effects ( flip / overlay ) -------------------------------------------------- */ .tb_product_p_5 .product-thumb .tb_front, .tb_product_p_5 .product-thumb .tb_back { margin: -5px; padding: 5px; } .tb_product_p_10 .product-thumb .tb_front, .tb_product_p_10 .product-thumb .tb_back { margin: -10px; padding: 10px; } .tb_product_p_15 .product-thumb .tb_front, .tb_product_p_15 .product-thumb .tb_back { margin: -15px; padding: 15px; } .tb_product_p_20 .product-thumb .tb_front, .tb_product_p_20 .product-thumb .tb_back { margin: -20px; padding: 20px; } .tb_product_p_25 .product-thumb .tb_front, .tb_product_p_25 .product-thumb .tb_back { margin: -25px; padding: 25px; } .tb_product_p_30 .product-thumb .tb_front, .tb_product_p_30 .product-thumb .tb_back { margin: -30px; padding: 30px; } .tb_product_p_35 .product-thumb .tb_front, .tb_product_p_35 .product-thumb .tb_back { margin: -35px; padding: 35px; } .tb_product_p_40 .product-thumb .tb_front, .tb_product_p_40 .product-thumb .tb_back { margin: -40px; padding: 40px; } .tb_product_p_45 .product-thumb .tb_front, .tb_product_p_45 .product-thumb .tb_back { margin: -45px; padding: 45px; } .tb_product_p_50 .product-thumb .tb_front, .tb_product_p_50 .product-thumb .tb_back { margin: -50px; padding: 50px; } /* --- Thumbnail out of padding ---------------------------------------------------- */ .tb_product_p_5.tb_exclude_thumb .product-thumb .image, .tb_product_p_5.tb_exclude_thumb .product-thumb .image-wrap { margin: -5px; } .tb_product_p_10.tb_exclude_thumb .product-thumb .image, .tb_product_p_10.tb_exclude_thumb .product-thumb .image-wrap { margin: -10px; } .tb_product_p_15.tb_exclude_thumb .product-thumb .image, .tb_product_p_15.tb_exclude_thumb .product-thumb .image-wrap { margin: -15px; } .tb_product_p_20.tb_exclude_thumb .product-thumb .image, .tb_product_p_20.tb_exclude_thumb .product-thumb .image-wrap { margin: -20px; } .tb_product_p_25.tb_exclude_thumb .product-thumb .image, .tb_product_p_25.tb_exclude_thumb .product-thumb .image-wrap { margin: -25px; } .tb_product_p_30.tb_exclude_thumb .product-thumb .image, .tb_product_p_30.tb_exclude_thumb .product-thumb .image-wrap { margin: -30px; } .tb_product_p_35.tb_exclude_thumb .product-thumb .image, .tb_product_p_35.tb_exclude_thumb .product-thumb .image-wrap { margin: -35px; } .tb_product_p_40.tb_exclude_thumb .product-thumb .image, .tb_product_p_40.tb_exclude_thumb .product-thumb .image-wrap { margin: -40px; } .tb_product_p_45.tb_exclude_thumb .product-thumb .image, .tb_product_p_45.tb_exclude_thumb .product-thumb .image-wrap { margin: -45px; } .tb_product_p_50.tb_exclude_thumb .product-thumb .image, .tb_product_p_50.tb_exclude_thumb .product-thumb .image-wrap { margin: -50px; } .tb_grid_view[class*="tb_product_p_"].tb_exclude_thumb .product-thumb .image:last-child, .tb_grid_view[class*="tb_product_p_"].tb_exclude_thumb .product-thumb .image-wrap:last-child { margin-bottom: 0; } /*** Grid view ***/ .tb_grid_view.tb_product_p_5.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 10px; } .tb_grid_view.tb_product_p_10.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 20px; } .tb_grid_view.tb_product_p_15.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 30px; } .tb_grid_view.tb_product_p_20.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 40px; } .tb_grid_view.tb_product_p_25.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 50px; } .tb_grid_view.tb_product_p_30.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 60px; } .tb_grid_view.tb_product_p_35.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 70px; } .tb_grid_view.tb_product_p_40.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 80px; } .tb_grid_view.tb_product_p_45.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 80px; } .tb_grid_view.tb_product_p_50.tb_exclude_thumb .product-thumb > div:not(:first-child) .caption { padding-top: 80px; } .tb_grid_view.tb_exclude_thumb .product-thumb > .caption:first-child, .tb_grid_view.tb_exclude_thumb .product-thumb > div:first-child > .caption { padding-top: 0 !important; } /*** List view ***/ @media (min-width: 481px) { .tb_list_view.tb_product_p_5.tb_exclude_thumb .product-thumb .image { margin-right: 5px; } .tb_list_view.tb_product_p_10.tb_exclude_thumb .product-thumb .image { margin-right: 10px; } .tb_list_view.tb_product_p_15.tb_exclude_thumb .product-thumb .image { margin-right: 15px; } .tb_list_view.tb_product_p_20.tb_exclude_thumb .product-thumb .image { margin-right: 20px; } .tb_list_view.tb_product_p_25.tb_exclude_thumb .product-thumb .image { margin-right: 25px; } .tb_list_view.tb_product_p_30.tb_exclude_thumb .product-thumb .image { margin-right: 30px; } .tb_list_view.tb_product_p_35.tb_exclude_thumb .product-thumb .image { margin-right: 35px; } .tb_list_view.tb_product_p_40.tb_exclude_thumb .product-thumb .image { margin-right: 40px; } .tb_list_view.tb_product_p_45.tb_exclude_thumb .product-thumb .image { margin-right: 45px; } .tb_list_view.tb_product_p_50.tb_exclude_thumb .product-thumb .image { margin-right: 50px; } } @media (max-width: 480px) { .tb_list_view.tb_product_p_5.tb_exclude_thumb .product-thumb .image { margin-right: -5px; } .tb_list_view.tb_product_p_10.tb_exclude_thumb .product-thumb .image { margin-right: -10px; } .tb_list_view.tb_product_p_15.tb_exclude_thumb .product-thumb .image { margin-right: -15px; } .tb_list_view.tb_product_p_20.tb_exclude_thumb .product-thumb .image { margin-right: -20px; } .tb_list_view.tb_product_p_25.tb_exclude_thumb .product-thumb .image { margin-right: -25px; } .tb_list_view.tb_product_p_30.tb_exclude_thumb .product-thumb .image { margin-right: -30px; } .tb_list_view.tb_product_p_35.tb_exclude_thumb .product-thumb .image { margin-right: -35px; } .tb_list_view.tb_product_p_40.tb_exclude_thumb .product-thumb .image { margin-right: -40px; } .tb_list_view.tb_product_p_45.tb_exclude_thumb .product-thumb .image { margin-right: -45px; } .tb_list_view.tb_product_p_50.tb_exclude_thumb .product-thumb .image { margin-right: -50px; } .tb_list_view .button-group { text-align: initial !important; } .tb_list_view .button-group .tb_button_add_to_cart:not(:last-child) { float: none; margin-bottom: 10px; } .tb_list_view .button-group .tb_button_add_to_cart a { top: auto !important; } } /* ----------------------------------------------------------------------------------------- P R O D U C T B U T T O N S ----------------------------------------------------------------------------------------- */ .product-thumb .button-group > .tb_hidden { overflow: hidden; display: inline-block !important; height: 0; opacity: 0; } .product-thumb:hover .button-group > .tb_hidden { overflow: visible; height: auto; opacity: 1; } .product-thumb .button-group > .tb_pos_inline { display: inline-block; vertical-align: middle; } .product-thumb .button-group > .tb_pos_br, .product-thumb .button-group > .tb_pos_b, .product-thumb .button-group > .tb_pos_bl { z-index: 5; position: absolute; top: -60px; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out } .button-group > .tb_pos_br .btn, .button-group > .tb_pos_b .btn, .button-group > .tb_pos_bl .btn { margin-top: 0; margin-bottom: 0; } .product-thumb .button-group > .tb_pos_br { right: 0; } .tb_grid_view.tb_buttons_1 .product-thumb .button-group > .tb_pos_b { left: 50%; } .product-thumb .button-group > .tb_pos_bl { left: 0; } .tb_grid_view.tb_buttons_1 .tb_pos_br ~ .tb_pos_br { right: 30px; } .tb_grid_view.tb_buttons_1 .tb_pos_br.btn-xs ~ .tb_pos_br { right: 20px; } .tb_grid_view.tb_buttons_1 .tb_pos_br.btn-sm ~ .tb_pos_br { right: 24px; } .tb_grid_view.tb_buttons_1 .tb_pos_br.btn-lg ~ .tb_pos_br { right: 40px; } .tb_grid_view.tb_buttons_1 .tb_pos_br.tb_hidden ~ .tb_pos_br, .tb_grid_view.tb_buttons_1 .tb_pos_br.tb_hidden.btn-xs ~ .tb_pos_br, .tb_grid_view.tb_buttons_1 .tb_pos_br.tb_hidden.btn-sm ~ .tb_pos_br, .tb_grid_view.tb_buttons_1 .tb_pos_br.tb_hidden.btn-lg ~ .tb_pos_br { right: 0; } .tb_grid_view.tb_buttons_1 .tb_pos_br + .tb_pos_br { right: 30px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_br.btn-xs + .tb_pos_br { right: 20px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_br.btn-sm + .tb_pos_br { right: 24px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_br.btn-lg + .tb_pos_br { right: 40px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_bl ~ .tb_pos_bl { left: 30px; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-xs ~ .tb_pos_bl { left: 20px; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-sm ~ .tb_pos_bl { left: 24px; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-lg ~ .tb_pos_bl { left: 40px; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.tb_hidden ~ .tb_pos_bl, .tb_grid_view.tb_buttons_1 .tb_pos_bl.tb_hidden.btn-xs ~ .tb_pos_bl, .tb_grid_view.tb_buttons_1 .tb_pos_bl.tb_hidden.btn-sm ~ .tb_pos_bl, .tb_grid_view.tb_buttons_1 .tb_pos_bl.tb_hidden.btn-lg ~ .tb_pos_bl { left: 0; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-xs + .tb_pos_bl { left: 20px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-sm + .tb_pos_bl { left: 24px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-md + .tb_pos_bl { left: 30px !important; } .tb_grid_view.tb_buttons_1 .tb_pos_bl.btn-lg + .tb_pos_bl { left: 40px !important; } .tb_grid_view.tb_buttons_2 .product-thumb .button-group { z-index: 5; position: absolute; left: 10px; right: 10px; top: -45px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 !important; padding: 0 0 0 10px !important; } .tb_grid_view.tb_buttons_2 .product-thumb .button-group > * { position: static; top: 0; display: inline-block; text-align: center; vertical-align: top; } .tb_grid_view.tb_buttons_2 .product-thumb .button-group .tb_pos_br { float: right; } .tb_grid_view.tb_buttons_2 .product-thumb .button-group .tb_pos_b { position: static; } .tb_grid_view.tb_buttons_2 .product-thumb .button-group .tb_pos_bl { float: left; } /* ----------------------------------------------------------------------------------------- P R O D U C T L I S T S T Y L E S ----------------------------------------------------------------------------------------- */ /* --- Default (plain style) listing ----------------------------------------------- */ .tb_listing.tb_style_plain div:not(.tb_back) > .product-thumb { margin: 0; padding: 0 !important; background-color: transparent !important; } .tb_listing.tb_list_view.tb_style_plain div:not(.tb_back) > .product-thumb .image, .tb_listing.tb_list_view.tb_style_plain div:not(.tb_back) > .product-thumb .image-wrap { margin-top: 0; margin-bottom: 0; margin-left: 0; } .tb_listing.tb_grid_view.tb_style_plain div:not(.tb_item_hovered):not(.tb_back) > .product-thumb .image, .tb_listing.tb_grid_view.tb_style_plain div:not(.tb_item_hovered):not(.tb_back) > .product-thumb .image-wrap { margin-top: 0; margin-right: 0; margin-left: 0; } .tb_grid_view.tb_style_plain .tb_item_hovered { top: -15%; right: -15%; width: 130% !important; } .tb_grid_view.tb_style_plain.tb_exclude_thumb .tb_item_hovered { top: -12%; right: -5% !important; width: 110% !important; } .tb_grid_view.tb_style_plain.tb_exclude_thumb .tb_item_hovered .image, .tb_grid_view.tb_style_plain.tb_exclude_thumb .tb_item_hovered .image-wrap { margin-top: -20px; margin-left: -20px; margin-right: -20px; } .tb_tags.tb_style_label { position: relative; margin-top: -10px; } .tb_tags.tb_style_label li { display: inline-block; margin: 10px 10px 0 10px; vertical-align: top; } .tb_tags.tb_style_label a { position: relative; display: block; float: left; line-height: 20px; white-space: nowrap; font-size: 11px; padding: 0 10px 0; border-radius: 1px; } .tb_tags.tb_style_label a:before, .tb_tags.tb_style_label a:after { content: ''; position: absolute; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; } .tb_tags.tb_style_label a:before { height: 2px; left: -10px; border-right: 10px solid; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; } .tb_tags.tb_style_label a:after { top: 50%; left: -2px; width: 5px; height: 5px; margin-top: -3.5px; background: #fff; border-radius: 50%; } /*** Inline tags ***/ .tb_content_inline .tb_tags.tb_style_label { top: 1px; } /* ----------------------------------------------------------------------------------------- H E A D E R ----------------------------------------------------------------------------------------- */ /* --- Cart ------------------------------------------------------------------------ */ #cart .heading { white-space: nowrap; font-size: inherit; } #cart .heading, #cart .heading * { margin-bottom: 0; } #cart .heading > a, #cart .heading > a > * { display: inline-block; vertical-align: top; } #cart .heading > a { letter-spacing: 0; word-spacing: 0; } #cart .heading > a > * { line-height: inherit !important; -webkit-transition: all 0.3s; transition: all 0.3s; } #cart .heading .tb_icon { margin-right: 0.3em; } #cart .heading .tb_items { opacity: 0.7; } #cart .heading .tb_items:before { content: '('; } #cart .heading .tb_items:after { content: ')'; } #cart .heading .tb_label + .tb_total, #cart .heading .tb_items + .tb_total { margin-left: 0.5em; padding-left: 0.5em; border-left-width: 1px; border-left-style: solid; } #cart .heading .tb_total { font-size: 18px; border-bottom: none !important; } #cart h4 { margin-bottom: 0; } #cart > a { display: inline-block; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); vertical-align: top; } #cart > a > * { display: block; } #cart > a > :first-child { margin-left: -5px; } #cart > a > .tb_label { float: left; line-height: 15px; } #cart .tb_items_count { display: block; font-size: 11px; } #cart .tb_grand_total { float: right; padding-left: 15px; line-height: 30px; font-size: 18px; } #cart .tb_grand_total:last-child { padding: 0; } #cart .dropdown-menu { width: 400px; } #cart .dropdown-menu h3 { margin-bottom: 20px; } #cart.tb_hovered .dropdown-menu { display: block; } #cart .buttons { margin-top: 20px; padding-top: 20px; text-align: center; } #cart .btn { text-transform: none; } /* --- Currency -------------------------------------------------------------------- */ .tb_wt_header_currency_menu_system li:not(:last-child) { margin-right: 10px; } .tb_wt_header_currency_menu_system li img { margin-right: 3px; } .tb_wt_header_currency_menu_system .dropdown-menu { min-width: 120px; } /* --- Language -------------------------------------------------------------------- */ .tb_wt_header_language_menu_system li { text-transform: capitalize; white-space: nowrap; } .tb_wt_header_language_menu_system li:not(:last-child) { margin-right: 10px; } .tb_wt_header_language_menu_system li img { margin-right: 3px; } .tb_wt_header_language_menu_system.tb_code li { text-transform: uppercase; } .tb_wt_header_language_menu_system .dropdown-menu { min-width: 120px; } /* --- Logo ------------------------------------------------------------------------ */ #site_logo { display: block; } @media (max-width: 480px) { #site_logo img { max-height: 50px; } } @media (min-width: 481px) and (max-width: 768px) { #site_logo img { max-height: 50px; } } @media (min-width: 1041px) { #site_logo img { max-height: 120px; } } .tbSticky #site_logo img { max-height: 50px;} /* --- Search ---------------------------------------------------------------------- */ .tb_wt_header_search_system .tb_search_wrap { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tb_wt_header_search_system .tb_search_wrap > * { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .tb_wt_header_search_system.tb_style_2 .tb_search_wrap, .tb_wt_header_search_system.tb_style_3 .tb_search_wrap { padding-right: 10px; } .tb_wt_header_search_system input { float: none; width: 100%; margin-left: 0; margin-right: 0; } .tb_wt_header_search_system.tb_style_3 input { text-indent: 25px; } .tb_wt_header_search_system.tb_style_3 .tb_search_wrap.form-group-sm input { text-indent: 20px; } .tb_wt_header_search_system .tb_search_button, .tb_wt_header_search_system.tb_style_3 .tb_search_wrap:before { display: block; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .tb_wt_header_search_system.tb_style_1 .tb_search_button, .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > input, .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > .twitter-typeahead { position: absolute !important; top: 0; right: 0; margin-left: 0; margin-right: 0; } .tb_wt_header_search_system.tb_style_1 .tb_search_button, .tb_wt_header_search_system.tb_style_2 .tb_search_button { padding-left: 0; padding-right: 0; } body #wrapper .tb_wt_header_search_system.tb_style_1 .tb_search_button[class], body #wrapper .tb_wt_header_search_system.tb_style_1 .tb_search_button[class]:hover { background: none transparent !important; box-shadow: none !important; border: none !important; } .tb_wt_header_search_system.tb_style_2 .tb_search_button, .tb_wt_header_search_system.tb_style_3 .tb_search_button { margin-left: 10px; margin-right: -10px; } .tb_wt_header_search_system.tb_style_3 .tb_search_button { width: auto !important; padding-right: 1em !important; padding-left: 1em !important; } .tb_wt_header_search_system.tb_style_4 .tb_search_button { box-shadow: none; } .tb_wt_header_search_system.tb_style_1 .tb_search_button:before, .tb_wt_header_search_system.tb_style_2 .tb_search_button:before, .tb_wt_header_search_system.tb_style_3 .tb_search_wrap:before, .tb_wt_header_search_system.tb_style_4 .tb_search_button:before { vertical-align: top; letter-spacing: 0; word-spacing: 0; } .tb_wt_header_search_system.tb_style_3 .tb_search_button:before { content: attr(title); } .tb_wt_header_search_system.tb_style_3 .tb_search_wrap:before { position: absolute; z-index: 1; top: 0; left: 0; width: 30px; line-height: 30px; text-align: center; } .tb_wt_header_search_system.tb_style_3 .tb_search_wrap.form-group-sm:before { width: 22px; margin-top: 4px; line-height: 22px; } .tb_wt_header_search_system.tb_style_3 .tb_search_wrap.form-group-lg:before { width: 38px; margin-top: 1px; line-height: 38px; } .tb_wt_header_search_system.tb_style_4 .tb_search_button:before, .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > input { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .tb_wt_header_search_system.tb_style_4:hover .tb_search_button:before, .tb_wt_header_search_system.tb_style_4:hover .tb_search_wrap > input { -webkit-transition-delay: 0s; transition-delay: 0s; } .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > input { width: 100%; max-width: none; opacity: 0; } .tb_wt_header_search_system.tb_style_4:hover .tb_search_wrap > input { opacity: 1; } @media (max-width: 768px) { .tb_wt_header_search_system .tb_search_button, .tb_wt_header_search_system.tb_style_3 .tb_search_wrap:before { width: 40px !important; height: 40px; line-height: 40px !important; } .tb_wt_header_search_system .tb_search_button { font-size: 1.1em; } } /* ----------------------------------------------------------------------------------------- P R O D U C T C A T E G O R Y ----------------------------------------------------------------------------------------- */ /* --- Subcategories --------------------------------------------------------------- */ .tb_subcategory { position: relative; overflow: hidden; display: block !important; } .tb_subcategory .thumbnail { max-width: 100%; } .tb_subcategory h3, .tb_subcategory ul { overflow: hidden; } .tb_subcategory h3 { margin: 0; } .tb_subcategory h3 + ul { padding-top: 10px; } .tb_subcategories.tb_grid_view .tb_subcategory { text-align: inherit; } .tb_subcategories.tb_cstyle_1 .tb_subcategory .thumbnail { margin-bottom: 20px; } .tb_subcategories.tb_image_top .tb_subcategory .thumbnail { float: none; } .tb_subcategories.tb_image_left .tb_subcategory .thumbnail { float: left; margin-right: 20px; margin-bottom: 0; } .tb_subcategories.tb_image_right .tb_subcategory .thumbnail { float: right; margin-left: 20px; margin-bottom: 0; } .tb_subcategories.tb_cstyle_4 > *, .tb_subcategories.tb_cstyle_5 > * { overflow: hidden; } .tb_subcategories.tb_cstyle_4 .thumbnail, .tb_subcategories.tb_cstyle_5 .thumbnail { float: none; margin-bottom: 0; } .tb_subcategories.tb_cstyle_4 h3, .tb_subcategories.tb_cstyle_5 h3 { z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; font-size: 15px; } .tb_subcategories.tb_cstyle_4 .tb_subcategory h3 a, .tb_subcategories.tb_cstyle_5 .tb_subcategory h3 a { display: block; padding: 0.8em 1.2em; } .tb_subcategories.tb_cstyle_4 .tb_subcategory h3 { background: rgba(255, 255, 255, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); } #intro [class] .tb_subcategories.tb_cstyle_4 .tb_subcategory h3 a, #content [class] .tb_subcategories.tb_cstyle_4 .tb_subcategory h3 a { color: #333 !important; } #intro [class] .tb_subcategories.tb_cstyle_4 .tb_subcategory:hover h3 a, #intro [class] .tb_subcategories.tb_cstyle_4 .tb_subcategory h3:hover a, #content [class] .tb_subcategories.tb_cstyle_4 .tb_subcategory:hover h3 a, #content [class] .tb_subcategories.tb_cstyle_4 .tb_subcategory h3:hover a { color: #fff !important; background: #333; } .tb_subcategories.tb_cstyle_5 .tb_subcategory h3 { background: rgba(0, 0, 0, 0.5); } #intro [class] .tb_subcategories.tb_cstyle_5 .tb_subcategory h3 a, #content [class] .tb_subcategories.tb_cstyle_5 .tb_subcategory h3 a { color: #fff !important; } #intro [class] .tb_subcategories.tb_cstyle_5 .tb_subcategory:hover h3 a, #intro [class] .tb_subcategories.tb_cstyle_5 .tb_subcategory h3:hover a, #content [class] .tb_subcategories.tb_cstyle_5 .tb_subcategory:hover h3 a, #content [class] .tb_subcategories.tb_cstyle_5 .tb_subcategory h3:hover a { color: #000 !important; background: rgba(255, 255, 255, 0.8) !important; } /* ----------------------------------------------------------------------------------------- P R O D U C T P A G E ----------------------------------------------------------------------------------------- */ /* Add to cart ----------------------------------------------------------------------- */ .tb_wt_product_add_to_cart_system .tb_cart_wrap, .tb_wt_product_add_to_cart_system .tb_purchase_button, .tb_wt_product_add_to_cart_system .tb_actions { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .tb_wt_product_add_to_cart_system .tb_cart_wrap, .tb_wt_product_add_to_cart_system .tb_purchase_button { margin-top: -10px; } .tb_wt_product_add_to_cart_system .tb_cart_wrap > *, .tb_wt_product_add_to_cart_system .tb_purchase_button > * { min-width: 0; margin-top: 10px !important; vertical-align: middle; } .tb_wt_product_add_to_cart_system .tb_cart_wrap { margin-right: -20px; } .tb_wt_product_add_to_cart_system .tb_cart_wrap > * { margin-right: 20px; } .tb_wt_product_add_to_cart_system .tb_purchase_button { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; margin-top: 0 !important; margin-left: -10px; text-align: left; } .tb_wt_product_add_to_cart_system .tb_purchase_button > * { margin-left: 10px; } .tb_wt_product_add_to_cart_system .tb_purchase_button > .btn { min-width: 140px; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .tb_wt_product_add_to_cart_system .tb_purchase_button br { display: none !important; } .tb_wt_product_add_to_cart_system .tb_input_wrap { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; min-width: 80px; } .tb_wt_product_add_to_cart_system #product_buy_quantity, .tb_wt_product_add_to_cart_system #input-quantity, .tb_wt_product_add_to_cart_system .ui-spinner, .tb_wt_product_add_to_cart_system .input-group { display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; width: 100%; height: 38px; font-size: 16px; } .tb_wt_product_add_to_cart_system .input-group { margin-top: 0; margin-bottom: 0; } .tb_wt_product_add_to_cart_system .tb_purchase_button label { display: none !important; width: auto; height: 30px; line-height: 30px; } .tb_wt_product_add_to_cart_system .tb_purchase_button input[type="text"], .tb_wt_product_add_to_cart_system .tb_purchase_button input[type="number"] { text-align: center; font-size: 16px; } .tb_wt_product_add_to_cart_system .tb_purchase_button .ui-spinner .btn, .tb_wt_product_add_to_cart_system .tb_purchase_button .bootstrap-touchspin .btn { line-height: 18px; } @media (max-width: 480px) { .tb_wt_product_add_to_cart_system .tb_purchase_button .tb_button_add_to_cart { margin-right: 0; margin-left: 0; } } .tb_wt_product_add_to_cart_system .tb_actions { -ms-flex: 1 1 150px; -webkit-flex: 1 1 150px; flex: 1 1 150px; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .tb_wt_product_add_to_cart_system .tb_actions > * { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 1 1 auto; margin-right: 10px; } .tb_wt_product_add_to_cart_system .minimum { clear: both; padding-top: 10px; text-align: center; font-size: 11px; } /* Discount -------------------------------------------------------------------------- */ .tb_wt_product_discounts_system table:not([class]) { width: auto; } .tb_wt_product_discounts_system table:not([class]) thead { display: none; } .tb_wt_product_discounts_system table:not([class]) td:first-child { padding-right: 10px; } /* --- Price ----------------------------------------------------------------------- */ .tb_wt_product_price_system .price { line-height: inherit !important; } .tb_wt_product_price_system .price > * { vertical-align: top; } .tb_wt_product_price_system .price-regular, .tb_wt_product_price_system .price-new { line-height: 30px; font-size: 24px; } .tb_wt_product_price_system .price-old { line-height: 20px; font-size: 16px; } .tb_wt_product_price_system .price-tax, .tb_wt_product_price_system .reward { font-size: 11px; display: block; } .tb_wt_product_price_system .price-savings { display: inline-block; margin-top: 0.4em; margin-bottom: 0; padding: 0 0.5em; } @media (max-width: 480px) { .tb_wt_product_price_system { margin-bottom: 20px; } .tb_wt_product_price_system, .tb_wt_product_price_system * { text-align: inherit; } } /* --- Review ---------------------------------------------------------------------- */ .tbReviewForm input:not([type="radio"]):not([name="captcha"]), .tbReviewForm textarea { width: 100%; } /* --- Share ----------------------------------------------------------------------- */ .tb_share_box, .tb_share_box *:not(script) { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: none; transition: none; } .tb_share_box { margin-top: -10px; margin-left: -10px; margin-right: -10px; padding-right: 10px; } .tb_share_box > * { display: inline-block; vertical-align: top; margin-top: 10px; margin-left: 10px; } .tb_share_box > * > *, .tb_share_box > * > *[class], .tb_share_box .tb_facebook > a > span { vertical-align: top !important; } /*** Stumbleupon ***/ .tb_share_box .tb_stumbleupon iframe { margin-top: 1px !important; } /*** Linkedin ***/ .tb_share_box .tb_linkedin > span { height: 20px; } .tb_share_box .tb_linkedin > span > span:first-child > span > a > span > span { margin-top: -1px !important; } .tb_share_box .tb_linkedin > span > span:first-child + span > span > span { margin-top: -2px !important; } /*** Plusone ***/ .tb_share_box .tb_plusone, .tb_share_box .tb_plusone div { position: relative; float: left; width: 70px !important; } .tb_share_box .tb_plusone iframe { width: 70px !important; } .tb_share_box .addthis_counter { margin-right: 10px; } .tb_share_box .addthis_toolbox > * { padding: 0; } .tb_share_box .addthis_toolbox > *, .tb_share_box .addthis_toolbox > * + * { display: inline-block; vertical-align: top; } .tb_wt { position: relative; clear: both; min-width: 0; } .tb_wt:empty { display: none; } .tb_wt.display-inline-block { vertical-align: top; } .tb_wt.tb_content_inline { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .tb_wt.tb_content_inline .panel-heading { margin-bottom: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .tb_wt.tb_content_inline .panel-heading:not([class*="tb_mr_"]) { margin-right: 0.5em; } .tb_wt.tb_content_inline .panel-heading > * { margin-bottom: 0; } .tb_wt.has_slider.tb_top_nav > h2, .tb_wt.has_slider.tb_top_nav > div:not(.text-center) > h2 { padding-right: 60px; } .tb_wt.has_slider.tb_top_nav > h2.text-right, .tb_wt.has_slider.tb_top_nav > div.text-right > h2 { padding-left: 60px; } .tb_wt > :last-child, .row:not(.tb_separate_columns):not(.tb_ip_0) > .col > .tb_wt:not([class*="tb_mb_-"]):last-child { margin-bottom: 0; } /* ----------------------------------------------------------------------------------------- B A N N E R ----------------------------------------------------------------------------------------- */ .tb_wt_banner { overflow: hidden; padding: 0 !important; } .tb_wt_banner .tb_banner, .tb_wt_banner .tb_image, .tb_wt_banner .tb_image:before, .tb_wt_banner > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; border-radius: inherit; } .tb_wt_banner .tb_banner { z-index: 2; } .tb_wt_banner .tb_image:before { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .tb_wt_banner .tb_text_wrap { display: table; width: 100%; height: 100%; } .tb_wt_banner .tb_text { display: table-cell; width: 100%; height: 100%; } .tb_wt_banner .tb_text > span { position: relative; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } .is_touch .tb_wt_banner .tb_text > span { position: static; opacity: 1; visibility: visible; -webkit-transition: none; transition: none; } .tb_wt_banner .tb_text > span * { vertical-align: top; } .tb_wt_banner .tb_text > span.invisible { opacity: 0; } .tb_wt_banner:hover .tb_text > span.invisible, .is_touch .tb_wt_banner .tb_text > span.invisible { visibility: visible; opacity: 1; } .tb_wt_banner .tb_text > span + span { margin-top: 10px; } .tb_wt_banner .tb_line_1 { line-height: 40px; font-size: 32px; } .tb_wt_banner .tb_line_2 { line-height: 30px; font-size: 24px; } .tb_wt_banner .tb_line_3 { line-height: 20px; font-size: 18px; } .tb_wt_banner .tb_image { z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: inherit; } .tb_wt_banner a { z-index: 3; } .tb_wt_banner .tb_image:before { content: ''; opacity: 0; } .tb_wt_banner:hover .tb_image.tb_hover_color:before { opacity: 0.6; } .tb_wt_banner .tb_ratio { visibility: hidden; display: block; margin: 0 auto; } .tb_wt_banner .tb_ratio.tb_no_max_height { width: 100%; } /* ----------------------------------------------------------------------------------------- B L O C K G R O U P ----------------------------------------------------------------------------------------- */ .tb_wt_block_group.tb_equal_columns, .tb_wt_block_group.tb_equal_columns > .row, .tb_wt_block_group.tb_equal_columns > .row > .col > .display-block { -ms-flex-item-align: stretch; -webkit-align-self: stretch; align-self: stretch; } .tb_wt_block_group.tb_equal_columns { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .tb_wt_block_group.tb_equal_columns > .row { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } /* ----------------------------------------------------------------------------------------- B R E A D C R U M B S ----------------------------------------------------------------------------------------- */ .breadcrumb li { display: inline-block; } .breadcrumb li + li:before { content: '/'; margin-left: 0.2em; margin-right: 0.4em; } /* ----------------------------------------------------------------------------------------- C A L L T O A C T I O N ----------------------------------------------------------------------------------------- */ .tb_wt_call_to_action > div { display: table-cell; vertical-align: middle; } .tb_wt_call_to_action .tb_description.tb_button_left + .tb_button_holder { padding-right: 3em; } .tb_wt_call_to_action .tb_description.tb_button_right + .tb_button_holder { padding-left: 3em; } .tb_wt_call_to_action .tb_description.tb_button_bottom + .tb_button_holder { display: block; padding-top: 30px; text-align: center; } .tb_wt_call_to_action hr { margin-left: 15%; margin-right: 15%; } .tb_wt_call_to_action .tb_description :last-child { margin-bottom: 0 !important; } /*** Mobile ***/ @media (max-width: 768px) { .tb_wt_call_to_action .tb_button_holder { display: block !important; padding: 2em 0 0 0 !important; text-align: center; } } /* ----------------------------------------------------------------------------------------- C A T E G O R Y ----------------------------------------------------------------------------------------- */ .tb_wt_categories .tb_expandable > * { margin-bottom: 0; } .tb_wt_categories ul:not(.tbInit) .tb_expandable:not(.tb_show):not(:first-child) > ul { display: none; } .tb_wt_categories .tb_toggle { display: block !important; float: right; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 17px; cursor: pointer; } .tb_wt_categories .tb_toggle:before { content: '+' } .tb_wt_categories .tb_show > .tb_toggle:before { content: '-' } .tb_wt_categories .tb_accordion h2 { position: static; } .tb_wt_categories h2, .tb_wt_categories h3, .tb_wt_categories h4 { margin: 0; } .tb_wt_categories ul:not(.tb_list_1) > li + li, .tb_wt_categories li > ul:first-child, .tb_wt_categories li > :not(.tb_toggle) + ul { padding-top: 10px; } /*** Grid ***/ .tb_wt_categories .tb_grid_view > li { display: block; padding-top: 0 !important; } /* ----------------------------------------------------------------------------------------- F A C E B O O K / T W I T T E R B O X ----------------------------------------------------------------------------------------- */ .fb-like iframe { max-width: none; } .tb_wt_facebook_likebox .tb_fb_likebox.tb_default { overflow: hidden; border: 1px solid; } .tb_wt_facebook_likebox .tb_fb_likebox.tb_default { height: 214px; max-height: 214px; } .tb_wt_facebook_likebox .tb_fb_likebox.tb_default.tb_small_header { height: 152px; max-height: 152px; } .tb_wt_facebook_likebox h2 + .tb_fb_likebox.tb_default { margin-top: 20px; } .tb_wt_facebook_likebox .tb_fb_likebox.tb_default .tb_social_box_wrap { margin: -1px -2px -1px -1px; } /** custom FB box **/ .tb_social_box .tb_social_button { position: absolute; top: 0; right: 0; margin-top: 5px; } h2.text-right + .tb_social_box .tb_social_button { left: 0; right: auto; } .tb_pt_5 > .tb_social_box .tb_social_button { top: 5px; } .tb_pt_10 > .tb_social_box .tb_social_button { top: 10px; } .tb_pt_15 > .tb_social_box .tb_social_button { top: 15px; } .tb_pt_20 > .tb_social_box .tb_social_button { top: 20px; } .tb_pt_25 > .tb_social_box .tb_social_button { top: 25px; } .tb_pt_30 > .tb_social_box .tb_social_button { top: 30px; } .tb_pt_35 > .tb_social_box .tb_social_button { top: 35px; } .tb_pt_40 > .tb_social_box .tb_social_button { top: 40px; } .tb_pt_45 > .tb_social_box .tb_social_button { top: 45px; } .tb_pt_50 > .tb_social_box .tb_social_button { top: 50px; } .tb_pl_5 > .tb_social_box .tb_social_button { right: 5px; } .tb_pl_10 > .tb_social_box .tb_social_button { right: 10px; } .tb_pl_15 > .tb_social_box .tb_social_button { right: 15px; } .tb_pl_20 > .tb_social_box .tb_social_button { right: 20px; } .tb_pl_25 > .tb_social_box .tb_social_button { right: 25px; } .tb_pl_30 > .tb_social_box .tb_social_button { right: 30px; } .tb_pl_35 > .tb_social_box .tb_social_button { right: 35px; } .tb_pl_40 > .tb_social_box .tb_social_button { right: 40px; } .tb_pl_45 > .tb_social_box .tb_social_button { right: 45px; } .tb_pl_50 > .tb_social_box .tb_social_button { right: 50px; } .tb_social_box .tb_social_button > div, .tb_social_box .tb_social_button > div > span, .tb_social_box .tb_social_button > div > iframe { display: inline-block !important; height: 20px !important; vertical-align: top !important; } .tb_social_box .tb_social_button > div { margin-top: -3px; vertical-align: middle !important; } .tb_fb_likebox.tb_custom > div > div > div, .tb_fb_likebox.tb_custom ._4s7c { height: auto !important; } .tb_fb_likebox.tb_custom .hidden_elem { display: none !important; } .tb_fb_likebox.tb_custom .lfloat { float: left; } .tb_fb_likebox.tb_custom .rfloat { float: right; } .tb_social_box img { display: block; } .tb_social_box .tb_profile .thumbnail { margin-right: 20px; } .tb_social_box .tb_profile h3 { margin-bottom: 0; } .tb_social_box .tb_profile h3 small { font-size: 13px; opacity: 0.8; } .tb_fb_likebox.tb_custom ._8o, .tb_fb_likebox.tb_custom ._8o .img { display: block; } .tb_fb_likebox.tb_custom ._8r { margin: 0 10px 0 0; } .tb_fb_likebox.tb_custom ._8u > * { display: inline; } .tb_social_box .plm { overflow: hidden; clear: both; padding: 0 0 20px 0; } .tb_social_box .plm * { display: inline; } .tb_social_box .tb_profile + .plm { clear: none; margin-top: 5px; } .tb_fb_likebox.tb_custom .plm a { font-weight: bold; } /*** facepile ***/ .tb_social_box .uiList { overflow: hidden; clear: both; display: block; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: -20px; margin-left: -15px; text-align: justify; letter-spacing: 10px; } .tb_social_box.tb_show_title .uiList { margin-top: -10px; } .tb_social_box .tb_profile + .plm + .uiList { margin-top: 0; } .tb_social_box.tb_show_title .tb_profile + .plm + .uiList { margin-top: 10px; } .tb_social_box .uiList:after { content: ''; display: inline-block; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } .tb_social_box .uiList li { display: inline-block; width: 50px; margin-left: 15px; padding-top: 20px; vertical-align: top; } .tb_social_box.tb_show_border .uiList li { width: 60px; } .tb_social_box.tb_show_title .uiList li { padding-top: 10px; } .tb_social_box .uiList li a, .tb_social_box .uiList li img { display: block; } .tb_social_box.tb_show_title .uiList li .link:after { content: attr(title); overflow: hidden; display: block; width: 100%; max-width: 100%; height: 20px; text-align: center; word-spacing: 0; letter-spacing: 0; font-size: 10px; } .tb_social_box .uiList li img { width: 100%; height: auto; } .tb_social_box.tb_show_border .uiList li img { padding: 5px; background: #fff; } .tb_social_box.tb_max_w_200 .tb_fb_like { position: static; margin: 0 0 10px 0; } .tb_social_box.tb_max_w_200 .plm { margin-top: 0; } .no_title > .tb_social_box { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .no_title > .tb_social_box .plm { -ms-flex-order: 1; -webkit-order: 1; order: 1; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding-bottom: 20px; } .no_title > .tb_social_box .tb_social_button { position: static; -ms-flex-order: 2; -webkit-order: 2; order: 2; margin: 0; } .no_title > .tb_social_box .uiList { -ms-flex-order: 3; -webkit-order: 3; order: 3; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } /* ----------------------------------------------------------------------------------------- F I R E S L I D E R ----------------------------------------------------------------------------------------- */ .tb_wt_fire_slider { position: static; } .tb_wt_fire_slider .tb_placeholder { display: none; } .tb_wt_fire_slider .mSButtons { opacity: 0; } .tb_wt_fire_slider:hover .mSButtons { opacity: 1; } .mightySlider { direction: ltr; } .mSCaption { direction: ltr; } .mightySlider.fullwidth + .tb_placeholder { display: block; } .mightySlider.fullwidth { position: absolute; left: 0; right: 0; } .mightySlider.fullwidth .frame { width: 100%; } body > .tb_wt_fire_slider { margin: 0; } [id*="FireSlider"] .mSPages { padding-bottom: 20px; } /* ----------------------------------------------------------------------------------------- G A L L E R Y ----------------------------------------------------------------------------------------- */ .tb_gallery { position: relative; overflow: hidden; } /* Slider ------------------------------------------------------------------------------ */ .tb_gallery .tb_slides { overflow: hidden; } .tb_gallery.tb_thumbs_vertical .tb_slides { position: absolute; top: 0; height: 100%; } .tb_gallery.tb_thumbs_vertical .tb_slides:last-child { width: 100%; margin: 0 !important; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_position_right .tb_slides { left: 0; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_position_left .tb_slides { right: 0; } /* Thumbnails -------------------------------------------------------------------------- */ .tb_gallery .tb_thumbs ul > li > img { opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .no_touch .tb_gallery .tb_thumbs ul > li:hover > img, .tb_gallery .tb_thumbs ul > li.active > img { opacity: 1; } /*** Horizontal ***/ .tb_gallery.tb_thumbs_horizontal .tb_thumbs_wrap { width: 100%; } /*** 1px spacing ***/ .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_1px .tb_thumbs_wrap { margin-top: 1px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_1px.tb_thumbs_crop .tb_thumbs > div { margin-left: -1px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_1px.tb_thumbs_crop .tb_thumbs ul > li { padding-left: 1px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_1px:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-left: 1px; } /*** xs spacing ***/ .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_xs .tb_thumbs_wrap { margin-top: 5px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_xs.tb_thumbs_crop .tb_thumbs > div { margin-left: -5px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_xs.tb_thumbs_crop .tb_thumbs ul > li { padding-left: 5px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_xs:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-left: 5px; } /*** sm spacing ***/ .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_sm .tb_thumbs_wrap { margin-top: 10px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_sm.tb_thumbs_crop .tb_thumbs > div { margin-left: -10px; padding-top: 10px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_sm.tb_thumbs_crop .tb_thumbs ul > li { padding-left: 10px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_sm:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-left: 10px; } /*** md spacing ***/ .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_md .tb_thumbs_wrap { margin-top: 20px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_md.tb_thumbs_crop .tb_thumbs > div { margin-left: -20px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_md.tb_thumbs_crop .tb_thumbs ul > li { padding-left: 20px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_md:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-left: 20px; } /*** lg spacing ***/ .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_lg .tb_thumbs_wrap { margin-top: 30px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_lg.tb_thumbs_crop .tb_thumbs > div { margin-left: -30px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_lg.tb_thumbs_crop .tb_thumbs ul > li { padding-left: 30px; } .tb_gallery.tb_thumbs_horizontal.tb_thumbs_spacing_lg:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-left: 30px; } /*** Vertical ***/ .tb_gallery.tb_thumbs_vertical .tb_thumbs_wrap { position: absolute; top: 0; bottom: 0; } .tb_gallery.tb_thumbs_vertical .tb_thumbs > div { padding-top: 0 !important; } .tb_gallery.tb_thumbs_vertical .tb_thumbs .mSSlideElement { clear: left; } .tb_gallery.tb_thumbs_vertical .tb_thumbs ul > li { float: left; width: 100%; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_position_right .tb_thumbs_wrap { right: 0; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_position_left .tb_thumbs_wrap { left: 0; } /*** 1px spacing ***/ .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_1px.tb_thumbs_crop .tb_thumbs_wrap { top: -1px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_1px.tb_thumbs_crop .tb_thumbs ul > li { padding-top: 1px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_1px:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-top: 1px; } /*** xs spacing ***/ .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_xs.tb_thumbs_crop .tb_thumbs_wrap { top: -5px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_xs.tb_thumbs_crop .tb_thumbs ul > li { padding-top: 5px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_xs:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-top: 5px; } /*** sm spacing ***/ .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_sm.tb_thumbs_crop .tb_thumbs_wrap { top: -10px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_sm.tb_thumbs_crop .tb_thumbs ul > li { padding-top: 10px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_sm:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-top: 10px; } /*** md spacing ***/ .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_md.tb_thumbs_crop .tb_thumbs_wrap { top: -20px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_md.tb_thumbs_crop .tb_thumbs ul > li { padding-top: 20px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_md:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-top: 20px; } /*** lg spacing ***/ .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_lg.tb_thumbs_crop .tb_thumbs_wrap { top: -30px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_lg.tb_thumbs_crop .tb_thumbs ul > li { padding-top: 30px; } .tb_gallery.tb_thumbs_vertical.tb_thumbs_spacing_lg:not(.tb_thumbs_crop) .tb_thumbs ul > li:not(:first-child) { margin-top: 30px; } /* Prev / next buttons ----------------------------------------------------------------- */ .tb_gallery.tb_nav_visibility_hover .tb_slides .mSButtons { opacity: 0; } .tb_gallery.tb_nav_visibility_hover .tb_slides:hover .mSButtons { opacity: 1; } /* Pagination -------------------------------------------------------------------------- */ .tb_gallery.tb_dots_outside { padding-bottom: 30px; } .tb_gallery:not(.tb_dots_outside) .tb_pagination { padding-bottom: 20px; } /* Loading ----------------------------------------------------------------------------- */ .tb_gallery .wait { width: 40px; height: 40px; } /* Captions ---------------------------------------------------------------------------- */ .tb_gallery .tb_caption { position: absolute; left: 0; bottom: 0; width: 100% !important; height: auto !important; padding: 20px !important; line-height: inherit !important; opacity: 0; } .tb_gallery .tb_caption:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .tb_gallery .tb_caption .tb_text { position: relative; z-index: 1; } /* Grid gallery ------------------------------------------------------------------------ */ .tb_gallery.tb_grid_view a { position: relative; display: block; text-align: center; } .tb_gallery.tb_grid_view a .tb_icon { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); font-size: 25px; color: #fff; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tb_gallery.tb_grid_view a:hover span { display: block; opacity: 1; } /* Fullscreen button ------------------------------------------------------------------- */ .tb_gallery .tb_fullscreen_button { position: absolute; z-index: 5; margin: 0; border-radius: 0; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*** View on hover ***/ .tb_gallery.tb_fullscreen_button_hover .tb_fullscreen_button { opacity: 0; } .is_touch .tb_gallery.tb_fullscreen_button_hover .tb_fullscreen_button, .tb_gallery.tb_fullscreen_button_hover:hover .tb_fullscreen_button { opacity: 1; } /*** Button positions ***/ .tb_gallery.tb_fullscreen_button_position_tr .tb_fullscreen_button { top: 0; right: 0; } .tb_gallery.tb_fullscreen_button_position_br .tb_fullscreen_button { bottom: 0; right: 0; } .tb_gallery.tb_fullscreen_button_position_bl .tb_fullscreen_button { bottom: 0; left: 0; } .tb_gallery.tb_fullscreen_button_position_tl .tb_fullscreen_button { top: 0; left: 0; } /* ----------------------------------------------------------------------------------------- G O O G L E M A P S ----------------------------------------------------------------------------------------- */ .tb_map_wrap > span.tb_loading_wrap { position: absolute; left: 50%; display: block; margin-left: -8px; } .tb_map_wrap > span.tb_loading_wrap > * { margin: 1px 0 0 0; } .tb_wt_google_maps.tb_full { position: static; } .tb_wt_google_maps.tb_full .tb_map_holder { position: absolute; left: 0; } .tb_map_holder { overflow: hidden; position: relative; width: 100%; height: 100%; } .tb_map_holder.tb_style_2 { z-index: 1; box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1); } .tb_map_holder.tb_style_2:before { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 -10px 20px 0 rgba(0, 0, 0, 0.1) inset; } .tb_map iframe { display: block; width: 100%; } /* ----------------------------------------------------------------------------------------- I C O N L I S T ----------------------------------------------------------------------------------------- */ .tb_icon_list { margin-bottom: 0; } .tb_icon_list > li { display: block; } .tb_icon_list li .tb_icon_wrap { display: -webkit-inline-flex; display: inline-flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .tb_icon_list li .tb_icon { margin: 0; } .tb_icon_list li .tb_icon:before { margin-left: 0; margin-right: 0; } .tb_icon_list li .tb_description > :last-child { margin-bottom: 0; } .tb_icon_list.tb_description_tooltip .tb_description_wrap { display: none !important; } .tb_icon_list.tb_description_tooltip span.tb_icon { cursor: help; } .tb_icon_list .tb_icon.tb_style_1 { border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2); } .tb_icon_list .tb_icon.tb_style_1:before { margin-top: -1px; } .tb_icon_list .tb_icon.tb_style_2 { border-radius: 100px; } .tb_icon_list .tb_icon.tb_style_4, .tb_icon_list .tb_icon.tb_style_5 { border-width: 2px; border-style: solid; background-color: transparent !important; } .tb_icon_list .tb_icon.tb_style_5 { border-radius: 50%; } .tb_icon_list .tb_icon.tb_style_4:before, .tb_icon_list .tb_icon.tb_style_5:before { margin-top: -2px; } /*** Inline view ***/ .tb_icon_list.tb_inline_view li { display: -webkit-inline-flex; display: inline-flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; vertical-align: top; } .tb_icon_list.tb_inline_view li .tb_description_wrap { display: inline-block; vertical-align: top; } .tb_icon_list.tb_inline_view.text-justify > ul { line-height: 0; text-align: justify; } .tb_icon_list.tb_inline_view.text-justify > ul:after { content: ' '; display: inline-block; width: 99%; vertical-align: top; } /*** List view ***/ .tb_icon_list.tb_list_view ul { display: table; width: 100%; } .tb_icon_list.tb_list_view li { display: table-row; } .tb_icon_list.tb_list_view li > * { display: table-cell; vertical-align: middle; } .tb_icon_list.tb_list_view li:last-child > * { padding-bottom: 0; } .tb_icon_list.tb_list_view li .tb_icon { display: block; margin: 0 auto; } .tb_icon_list.tb_list_view li .tb_description { display: inline-block; width: 100%; } .tb_icon_list.tb_list_view.tb_description_right ul { direction: ltr; } .tb_icon_list.tb_list_view.tb_description_left ul { direction: rtl; } .tb_icon_list.tb_list_view.tb_description_left li, .tb_icon_list.tb_list_view.tb_description_right li { direction: ltr; } .tb_icon_list.tb_list_view.tb_description_right li .tb_description_wrap { padding-left: 1em; } .tb_icon_list.tb_list_view.tb_description_left li .tb_description_wrap { padding-right: 15px; } .tb_icon_list.tb_list_view.tb_icons_top li .tb_icon { vertical-align: top; } .tb_icon_list.tb_list_view.tb_icons_top li .tb_icon_wrap { vertical-align: top; } /*** Grid view ***/ .tb_icon_list.tb_grid_view li { direction: ltr; } .tb_icon_list.tb_grid_view li .tb_icon_wrap { text-align: center; } .tb_icon_list.tb_grid_view li .tb_icon_wrap .tb_icon { margin: 0 !important; vertical-align: middle; } .tb_icon_list.tb_grid_view .tb_description_wrap { direction: ltr; } .tb_icon_list.tb_grid_view.tb_description_bottom li { text-align: center; } .tb_icon_list.tb_grid_view.tb_description_bottom li .tb_icon_wrap { margin: 0 auto 20px auto; } .tb_icon_list.tb_grid_view.tb_description_bottom li .tb_icon_wrap:last-child { margin-bottom: 0; } .tb_icon_list.tb_grid_view.tb_description_right li, .tb_icon_list.tb_grid_view.tb_description_left li { position: relative; } .tb_icon_list.tb_grid_view.tb_description_right .tb_icon_wrap, .tb_icon_list.tb_grid_view.tb_description_left .tb_icon_wrap { position: absolute; top: 50%; margin-left: 0; margin-right: 0; } .tb_icon_list.tb_grid_view.tb_description_left .tb_icon_wrap { right: 0; } .tb_icon_list.tb_grid_view.tb_description_bottom .tb_icon { margin: 0; } .tb_icon_list.tb_grid_view.tb_icons_top .tb_icon_wrap { top: 0; margin-top: 0 !important; } /* ----------------------------------------------------------------------------------------- L A T E S T R E V I E W S ----------------------------------------------------------------------------------------- */ .tb_wt_latest_reviews:hover { position: relative; z-index: 100; z-index: 40; } .tb_wt_latest_reviews .product-thumb { background-color: transparent !important; } .tb_wt_latest_reviews .caption > .tb_review { min-width: 100%; } .tb_wt_latest_reviews .tb_slider_pagination { margin-top: 10px; } /* ----------------------------------------------------------------------------------------- L A T E S T T W E E T S ----------------------------------------------------------------------------------------- */ .tb_wt_latest_tweets .panel-heading { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .tb_wt_latest_tweets .panel-heading.text-right { direction: rtl; } .tb_wt_latest_tweets .panel-title { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .tb_wt_latest_tweets .panel-title .tb_icon { word-spacing: 0 !important; letter-spacing: 0 !important; } .tb_wt_latest_tweets .panel-heading > a.twitter-follow-button { display: none; } .tb_wt_latest_tweets > iframe { margin-top: 5px; } .tb_tweet { box-shadow: none !important; } .tb_tweet h3 { padding-right: 60px; } .tb_tweet h3 small { vertical-align: top; font-size: 11px; } .tb_tweet .tb_status { margin-bottom: 0; } .tb_tweet .tb_date { position: absolute; top: 0; right: 0; white-space: nowrap; } .tb_tweet .tb_actions { position: absolute; bottom: 20px; left: 20px; right: 20px; display: none; } .tb_tweet:hover .tb_actions { display: block; } .tb_tweet .tb_item_info { overflow: hidden; position: relative; } .tb_listing.tb_has_hover > .tb_tweet:hover { z-index: 2; margin: 0 -20px -50px -20px !important; padding: 20px; background: #fff; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important; } .tb_listing.tb_has_hover > .tb_tweet:first-child:hover { margin-top: -20px !important; } .tb_listing.tb_has_hover > .tb_tweet:hover { padding-bottom: 50px; } .tb_listing.tb_style_1 > .tb_tweet .thumbnail { margin: 0 20px 0 0; } .tb_listing.tb_style_1 > .tb_tweet .thumbnail img { width: 60px; } .tb_tweets .tb_tweet + .tb_tweet { margin-top: 20px !important; } .tb_tweets.tb_style_2, .tb_tweets.tb_style_2 > .tb_tweet { border: none !important; } .tb_listing.tb_style_2 > .tb_tweet .thumbnail { margin: 0 10px 0 0; } .tb_listing.tb_style_2 > .tb_tweet .thumbnail img { width: 40px; } .tb_listing.tb_style_2 > .tb_tweet .tb_item_info { overflow: visible; } .tb_listing.tb_style_2 > .tb_tweet h3 small { display: block; } .tb_listing.tb_style_2 > .tb_tweet .tb_status { clear: both; } .tb_listing.tb_style_3 .tb_tweet .tb_item_info { overflow: visible; position: relative; margin-left: 60px; } .tb_listing.tb_style_3 .tb_tweet .tb_item_info:before { content: '\201C'; left: -60px; position: absolute; top: -10px; width: 35px; height: 50px; line-height: 100px; text-align: center; font-size: 100px; font-family: Arial; font-style: normal; opacity: 0.15; } .tb_listing.tb_style_3 .tb_tweet .tb_status, .tb_listing.tb_style_3 .tb_tweet .tb_date { position: static; display: inline; } /* ----------------------------------------------------------------------------------------- M A I N N A V I G A T I O N ----------------------------------------------------------------------------------------- */ .tb_wt_header_main_navigation_system { position: static; } /****** Manufacturers **************************/ .tb_wt_manufacturers { -webkit-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } .tb_manufacturers.tb_grid_view { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } /* ----------------------------------------------------------------------------------------- M E N U ----------------------------------------------------------------------------------------- */ .tb_wt_menu .tb_selected > a, .tb_wt_menu .tb_selected > span { font-weight: bold; } .col-align-center > .tb_wt_menu.display-inline-block .nav-horizontal { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .col-align-end > .tb_wt_menu.display-inline-block .nav-horizontal { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .tb_wt_menu .h2, .tb_wt_menu .h3, .tb_wt_menu .h4 { display: table; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tb_wt_menu .h2, .tb_wt_menu .h2 + .tb_list_1, .tb_wt_menu .h2 + ul > li:last-child > ul, .tb_wt_menu .h2 + ul > li:last-child > h3:last-child { margin-bottom: 20px; } .tb_wt_menu .h3, .tb_wt_menu .h3 + .tb_list_1, .tb_wt_menu .h4, .tb_wt_menu .h4 + .tb_list_1 { margin-bottom: 10px; } .tb_wt_menu .nav-stacked > li:last-child > .h2:last-child, .tb_wt_menu .nav-stacked > li:last-child > .h3:last-child, .tb_wt_menu .nav-stacked > li:last-child > .h4:last-child, .tb_wt_menu .nav-stacked > li:last-child > .tb_list_1, .tb_wt_menu > nav > ul > li:last-child > ul > li:last-child > .tb_list_1:last-child { margin-bottom: 0; } .tb_wt_menu > ul:last-child { margin-bottom: 0 !important; } .tb_wt_menu nav, .tb_wt_menu nav > .nav { border-radius: inherit; } .tb_wt_menu .nav-stacked.tb_separate_menus > li > a { margin-bottom: 0; } /* ----------------------------------------------------------------------------------------- N E W S L E T T E R ----------------------------------------------------------------------------------------- */ .tb_wt_newsletter .form-group { max-width: 100%; } .tb_wt_newsletter .form-inline .form-group { margin-right: 1em; } .tb_wt_newsletter .form-inline .form-group { position: relative; } .tb_wt_newsletter .form-inline .form-group .text-danger { position: absolute; bottom: -25px; left: 0; min-width: 0 !important; text-align: initial; } /* ----------------------------------------------------------------------------------------- P R O D U C T S L I D E R ----------------------------------------------------------------------------------------- */ .tb_wt_product_slider .panel-body > .row > .col-xs-12:first-child { display: block; } .tb_wt_product_slider .product-thumb { background-color: transparent !important; } .tb_wt_product_slider .tb_slider_controls { overflow: visible !important; visibility: visible; } .tb_wt_product_slider .tb_slider_controls a { z-index: 1; margin-left: 0 !important; margin-right: 0 !important; } .tb_wt_product_slider .tb_slider_controls .tb_prev { left: -15% !important; } .tb_wt_product_slider .tb_slider_controls .tb_next { right: -15% !important; } .tb_wt_product_slider .tb_item_thumb_wrap { position: relative; max-width: 100%; padding-bottom: 100%; background: #fff; border-radius: 50%; } .tb_wt_product_slider .tb_item_thumb_wrap > div { position: absolute; top: 15%; right: 15%; bottom: 15%; left: 15%; } .tb_wt_product_slider .tb_item_thumb .tb_products, .tb_wt_product_slider .tb_item_thumb .swiper-container, .tb_wt_product_slider .tb_item_thumb .swiper-wrapper, .tb_wt_product_slider .tb_item_thumb .swiper-slide, .tb_wt_product_slider .tb_item_thumb .product-thumb .image { margin: 0 !important; padding: 0 !important; } .tb_wt_product_slider .tb_item_thumb .tb_products, .tb_wt_product_slider .tb_item_thumb .swiper-container, .tb_wt_product_slider .tb_item_thumb .swiper-wrapper { height: 100% !important; } .tb_wt_product_slider .tb_item_thumb .product-thumb .image { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; max-width: none; } .tb_wt_product_slider .tb_item_thumb .product-thumb .image + div { display: none; } .tb_wt_product_slider .tb_item_info { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; } .tb_wt_product_slider .tb_item_info.tbShowInfo { opacity: 1; } .tb_wt_product_slider .tb_item_info .image { display: none; } .tb_wt_product_slider .swiper-wrapper, .tb_wt_product_slider .swiper-slide > div { border: none !important; box-shadow: none !important; } .tb_wt_product_slider .product-layout, .tb_wt_product_slider .product-thumb { height: 100%; padding: 0; background-color: transparent !important; } @media (max-width: 768px) { .tb_wt_product_slider .tb_item_info .description { display: none; } } /* ----------------------------------------------------------------------------------------- S E P A R A T O R ----------------------------------------------------------------------------------------- */ .tb_separator { overflow: hidden; position: relative; } .tb_separator .tb_title { z-index: 2; position: relative; display: inline-block; padding: 0 1em; vertical-align: top; } .tb_separator .tb_title .border { z-index: 1; position: absolute; top: 50%; width: 1000px; } .tb_separator .tb_title .tb_position_left { left: -1000px; } .tb_separator .tb_title .tb_position_right { right: -1000px; } .tb_separator > span.border { left: 0; width: 100%; margin-bottom: 0 !important; } /* ----------------------------------------------------------------------------------------- T A B S / A C C O R D I O N ----------------------------------------------------------------------------------------- */ .tb_wt_group.tb_tabs_style_3 { position: static; } .tb_wt_group.tabs-right { direction: rtl; } .tb_wt_group .tb_wt:hover { z-index: auto; } .tb_wt_group .nav.nav-tabs:not([class*="tb_mb_"]) { margin-bottom: 0; } /* ----------------------------------------------------------------------------------------- T E X T ----------------------------------------------------------------------------------------- */ .tb_text_wrap br { display: block; } .tb_text_wrap ul, .tb_text_wrap ol { list-style-position: inside; } .tb_text_wrap ul { list-style-type: disc; } .tb_text_wrap ul ul, .tb_text_wrap ul ol, .tb_text_wrap ol ul, .tb_text_wrap ol ol { margin-left: 20px; } .tb_text_wrap ol { padding-left: 15px; list-style: decimal; } .tb_text_wrap blockquote { position: relative; padding: 15px 20px 15px 75px; line-height: 30px; font-size: 16.9px; font-style: italic; } .tb_text_wrap blockquote:before { content: '\201C'; left: 20px; position: absolute; top: 5px; width: 35px; height: 50px; line-height: 100px; text-align: center; font-size: 100px; font-family: Arial; font-style: normal; opacity: 0.2; } .tb_text_wrap blockquote:after { content: ''; position: absolute; top: 0; left: 0; border-right: 5px solid; width: 0; height: 100%; opacity: 0.2 } .tb_text_wrap blockquote.pull-left { margin: 0 20px 20px 0; } .tb_text_wrap blockquote.pull-right { margin: 0 0 20px 20px; } .tb_text_wrap > :last-child { margin-bottom: 0; } #tbScrollToTop { position: fixed; z-index: 50; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 36px; letter-spacing: 0; word-spacing: 0; font-size: 24px; opacity: 0; } .tb_page_stories_show .breadcrumb li:first-child a:before { content: none; } .tb_article .thumbnail { max-width: 100% !important; margin-bottom: 20px; } .tb_thumbnail_top .thumbnail { float: none; margin-left: 0 !important; margin-right: 0 !important; } .tb_thumbnail_left .thumbnail { float: left; margin-right: 20px; margin-bottom: 0; } .tb_thumbnail_right .thumbnail { float: right; margin-left: 20px; margin-bottom: 0; } .tb_article .tb_meta { margin-left: -15px; margin-right: -15px; margin-bottom: 10px; padding-left: 15px; } .tb_article .tb_meta > * { position: relative; display: inline-block; margin-right: 15px; margin-bottom: 10px; vertical-align: top; } .tb_article .tb_meta > * + * { padding-left: 15px; } .tb_article .tb_meta > * + *:before { content: ''; position: absolute; top: 2px; bottom: 2px; left: 0; display: inline-block; border-left: 1px solid; opacity: 0.2; } .tb_article .tb_meta .fa { margin-right: 0.2em; vertical-align: top; font-size: 14px; } .tb_article .tb_meta + .tb_text_wrap { position: relative; margin-top: 20px; padding-top: 30px; } .tb_article .tb_meta + .tb_text_wrap:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 0; border-bottom: 1px solid; opacity: 0.15; } .tb_article .tb_item_info > .tb_meta:last-child { margin-bottom: -10px !important; } .tb_article .tb_read_more { display: block; margin-top: 10px; font-weight: 600; } .tb_article .tb_read_more span { vertical-align: top; font-size: 1.2em; } .tb_article .tb_comments { position: relative; padding-top: 30px; } .tb_articles + .pagination { margin-bottom: 0; padding-top: 30px; } /* Listing ----------------------------------------------------------------------------- */ .tb_listing:not(.tb_compact_view) .tb_article .thumbnail:before { content: '\f0c1'; position: absolute; z-index: 2; top: 50%; left: 50%; display: block; width: 60px; height: 60px; margin: -30px 0 0 -30px; line-height: 60px; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); font-family: FontAwesome; font-size: 28px; color: #fff; opacity: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; transition: all 0.3s; } .tb_listing:not(.tb_compact_view) .tb_article .thumbnail:hover:before { opacity: 1; } /*** Grid view ***/ .tb_grid_view .tb_article { text-align: initial; } .tb_grid_view .tb_article > * { width: auto !important; min-width: 100%; } /*** List view ***/ .tb_list_view .tb_article + .tb_article { margin-top: 30px; padding-top: 30px; } .tb_list_view .tb_article:last-child { margin-bottom: 30px; } .tb_list_view .tb_article .tb_meta + .tb_description { margin-top: 0; padding-top: 0; } .tb_list_view .tb_article .tb_meta + .tb_description:after { content: none; } .tb_list_view.tb_thumbnail_left .tb_description, .tb_list_view.tb_thumbnail_right .tb_description { clear: none; } /*** Compact view ***/ .tb_compact_view .tb_article h3 + .tb_description, .tb_compact_view .tb_article h3 + .tb_meta { margin-top: 10px; } .tb_compact_view .tb_article .tb_description { margin-bottom: 10px; } .tb_compact_view .tb_article .tb_meta { margin-left: -10px; margin-right: -10px; padding-left: 10px; } .tb_compact_view .tb_article .tb_meta > * { margin-right: 10px; } .tb_compact_view .tb_article .tb_meta > * + * { padding-left: 0; padding-right: 0; } .tb_compact_view .tb_article .tb_meta > * + *:before { content: none; } .tb_article .tb_meta .tb_social_share { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .tb_article .tb_meta .tb_social_share > :not(:last-child) { margin-right: 15px; } /* ----------------------------------------------------------------------------------------- J Q U E R Y P L U G I N S ----------------------------------------------------------------------------------------- */ .bootstrap-touchspin { width: auto; } .bootstrap-touchspin > input { padding: 0 !important; } .bootstrap-touchspin .btn-group-vertical { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .bootstrap-touchspin .btn { -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; width: 1.5em; min-width: 20px; padding: 0; } .bootstrap-touchspin .btn i, .bootstrap-touchspin .btn i:before { margin: 0; font-size: 12px; } .bootstrap-touchspin .bootstrap-touchspin-up { border-radius: 0 2px 0 0 !important; } .bootstrap-touchspin .bootstrap-touchspin-down { border-radius: 0 0 2px 0 !important; } .noty_modal { position: fixed; z-index: 9999998; top: 0; right: 0; width: 100%; height: 100%; background: #fff; opacity: 0.9; } .noty_cont, .noty_bar { position: fixed; z-index: 9999999; width: 300px; margin: 0; } .noty_bar { display: none; width: 100%; } .noty_layout_topRight { top: 0; right: 15px; } .noty_layout_topLeft { top: 0; left: 15px; } .noty_layout_bottomLeft { bottom: 0; left: 15px; } .noty_layout_bottomRight { bottom: 0; right: 15px; } .noty_layout_topCenter { top: 0; left: 50%; margin-left: -150px; } .noty_layout_bottomCenter { bottom: 0; left: 50%; margin-left: -150px; } .noty_cont .noty_bar { position: static; margin: 0; } .noty_bar .noty_close { cursor: pointer; } .noty_message { position: relative; margin: 15px 0; padding: 15px; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .noty_text, .noty_text_body { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .noty_text:after { content: ''; display: table; clear: both; } .noty_text .tb_icon { font-size: 19px; color: #fff; } .noty_text h3 { -ms-flex: 1 0 100%; -webkit-flex: 1 0 100%; flex: 1 0 100%; margin-bottom: 20px; } .noty_text .thumbnail { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: 60px; margin-right: 20px; } .noty_text .thumbnail img { width: auto; height: 100%; } .noty_text > p, .noty_text_body { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .noty_text_body > p { overflow: hidden; -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } .noty_text p a { font-weight: 600; } .noty_text .error { width: 100%; min-width: 0; margin: 0; } .noty_buttons { text-align: center; padding-top: 10px; } .noty_buttons button { margin-top: 10px; } .noty_buttons button + button { margin-left: 5px; } .noty_message h2 { margin-left: 5px; margin-right: 5px; padding-top: 0; padding-bottom: 0; line-height: 20px; font-size: 18px; font-weight: normal; } .noty_message .noty_close { z-index: 100; position: absolute; top: 15px; right: 15px; letter-spacing: 0; word-spacing: 0; } .noty_message .noty_close:after { display: none; } .noty_message h3 { padding-right: 20px; font-size: 16px; } .noty_message .tb_icon, .noty_message .noty_close.noty_close { width: 20px; height: 20px; line-height: 20px; text-align: center; } .noty_message .tb_icon { padding: 2px; font-size: inherit; border-radius: 50%; vertical-align: middle; } .noty_message .tb_icon:before { font-size: 0.8em; } /*** Mobile ***/ @media (max-width: 768px) { .noty_cont { position: static; width: auto; height: auto; } .noty_bar { position: fixed !important; top: 15px; left: 15px; right: 15px; bottom: 15px; width: auto; } .noty_message { margin: 0; } .noty_text { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .noty_text h3 { text-align: center; padding-right: 0; padding-left: 0; } .noty_text p { max-width: 320px; } } /* ----------------------------------------------------------------------------------------- P R E S E T S ----------------------------------------------------------------------------------------- */ [class].pr_intro-border-bottom-V9sco .panel-heading, [class].pr_intro-border-bottom-V9sco .box-heading { color: #6ec1b6; } [class].pr_intro-border-middle-VOJ0D .panel-heading, [class].pr_intro-border-middle-VOJ0D .box-heading { color: #6ec1b6; } [class].pr_intro-border-top-Qjj2S .panel-heading, [class].pr_intro-border-top-Qjj2S .box-heading { color: #6ec1b6; } [class].pr_intro-border-bottom-V9sco { padding-top: 40px; padding-bottom: 40px; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_1.png") repeat-x bottom; background-size: auto; background-attachment: scroll; } .row-wrap[class].pr_intro-border-bottom-V9sco > .row { padding-top: 40px; padding-bottom: 40px; } [class].pr_intro-border-bottom-V9sco > .row { background-size:; background-attachment:; } [class].pr_intro-border-middle-VOJ0D { background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_2.png") repeat-x 50% 51%; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_2.png") repeat-x 50% 51%, -o-linear-gradient(-90deg, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 1) 50%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_2.png") repeat-x 50% 51%, -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 1) 50%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_2.png") repeat-x 50% 51%, -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 1) 50%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_2.png") repeat-x 50% 51%, -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 1) 50%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_2.png") repeat-x 50% 51%, linear-gradient(180deg, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 1) 50%) no-repeat center ; background-size: auto, auto; background-attachment: scroll, scroll; } [class].pr_intro-border-middle-VOJ0D > .row { background-size:; background-attachment:; } [class].pr_intro-border-top-Qjj2S { padding-top: 45px; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_4.png") repeat-x top; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_4.png") repeat-x top, -o-linear-gradient(-90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 0%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_4.png") repeat-x top, -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 0%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_4.png") repeat-x top, -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 0%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_4.png") repeat-x top, -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 0%) no-repeat center ; background: url("https://www.tospitaki.gr/image/catalog/sample_data/border/wave_top_white_4.png") repeat-x top, linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 0%) no-repeat center ; background-size: auto, auto; background-attachment: scroll, scroll; } .row-wrap[class].pr_intro-border-top-Qjj2S > .row { padding-top: 45px; } [class].pr_intro-border-top-Qjj2S > .row { background-size:; background-attachment:; } /* ----------------------------------------------------------------------------------------- B U R N E N G I N E S T Y L E ----------------------------------------------------------------------------------------- */ .tbSticky { z-index: 101; position: fixed !important; top: 0; -webkit-transition: background 0.3s, padding 0.3s; transition: background 0.3s, padding 0.3s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .tbSticky > .row-wrap { padding-top: 0; padding-bottom: 0; } .tbSticky.tb_sticky_width_full { left: 0; right: 0; width: 100vw; } .tbSticky.tb_sticky_width_fixed { left: 50%; left: 50vw; width: 100%; } .tb_width_1200 .tbSticky.tb_sticky_width_fixed { max-width: 1200px; margin-left: -600px; } @media (max-width: 1280px) { .tb_width_1200 .tbSticky.tb_sticky_width_fixed { width: auto; left: 30px; right: calc(30px - 100vw + 100%); margin: 0; } } /* ----------------------------------------------------------------------------------------- M I N I M A L ----------------------------------------------------------------------------------------- */ #header:not(.tbSticky) > .tbStickyRow, #header:not(.tbSticky) .tbStickyOnly, .tbSticky > .tbStickyRow .tbStickyHide { display: none !important; } .tbSticky > .tbStickyRow > .col { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .tbSticky > .tbStickyRow .tbStickyShow { margin-top: 0; margin-bottom: 0; } .tbSticky > .tbStickyRow .tbStickyShow + .tbStickyShow { margin-left: 30px; } .tbSticky .tb_wt_header_search_system.tbStickyShow + .tb_wt_header_cart_menu_system.tbStickyShow { margin-left: 10px; } #header:not(.tbSticky) div:not(.tbStickyRow) .tbStickyOnly { display: none !important; } /* Cart ------------------------------------------------------------------------------ */ .tbSticky > .tbStickyRow #cart .btn + .heading > a { padding-left: 0; padding-right: 0; } .tbSticky > .tbStickyRow #cart .btn + .heading > a > .tb_items { position: absolute; top: -5px; left: auto; right: -7px; width: 16px; height: 16px; line-height: 16px !important; text-align: center; opacity: 1; font-family: Arial; font-weight: normal; font-size: 10px; color: #fff !important; background-color: #333; border-radius: 50%; } .tbSticky > .tbStickyRow #cart .btn + .heading > a > .tb_icon, .tbSticky > .tbStickyRow #cart .btn + .heading > a > .tb_label, .tbSticky > .tbStickyRow #cart .btn + .heading > a > .tb_total, .tbSticky > .tbStickyRow #cart .btn + .heading > a > .tb_items:before, .tbSticky > .tbStickyRow #cart .btn + .heading > a > .tb_items:after { display: none; } /* Nav ------------------------------------------------------------------------------- */ .tbSticky nav > .nav.nav-justified > li { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .tbSticky nav > .nav > li:before { content: none !important; } /* ----------------------------------------------------------------------------------------- D E F A U L T ----------------------------------------------------------------------------------------- */ @keyframes sticky_hide { 0% { max-height: 200px; } 100% { max-height: 0px; } } @keyframes sticky_show { 0% { max-height: 0px; } 100% { max-height: 200px; } } #header.tbStickyScrolled .tbStickyHide { animation: sticky_hide 0.3s 0.2s both; } #header.tbStickyRestored .tbStickyHide { animation: sticky_show 0.3s 0.2s both; } #header.tbElementsHidden .tbStickyHide { overflow: hidden; } #header.tbSticky #cart > .nav > .dropdown > .btn { display: none !important; } /* ----------------------------------------------------------------------------------------- L A Y O U T ----------------------------------------------------------------------------------------- */ #sticky_header.tb_content_fixed > .row { margin-right: auto; margin-left: auto; } /*** Fill elements ***/ #sticky_header .tb_wt { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; } #sticky_header .tbStickyFill { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } /*** Order elements ***/ #sticky_header .tbStickyPosition-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } #sticky_header .tbStickyPosition-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } #sticky_header .tbStickyPosition-3 { -ms-flex-order: 4; -webkit-order: 3; order: 3; } #sticky_header .tbStickyPosition-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } #sticky_header .tbStickyPosition-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } #sticky_header .tbStickyPosition-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } #sticky_header .tbStickyPosition-7 { -ms-flex-order: 7; -webkit-order: 7; order: 7; } #sticky_header .tbStickyPosition-8 { -ms-flex-order: 8; -webkit-order: 8; order: 8; } /* ----------------------------------------------------------------------------------------- M O B I L E ----------------------------------------------------------------------------------------- */ @media (max-width: 768px) { #sticky_header { display: none; } }/*** Subtle border ***********************************/ .buttons:before, .mini-cart-total:before, .content:not(.ui-widget-content) + h2:before, fieldset + fieldset legend:before, .pagination:before, .table + .pagination:before, .tb_listing > .tb_review:not(:first-child):before, .account-account .tb_system_page_content .list-unstyled + h2:before, .affiliate-account .tb_system_page_content .list-unstyled + h2:before { content: ''; position: absolute; top: 0; left: 0; display: flex; width: 100%; border-top: 1px solid; opacity: 0.2; } .tb_listing + .pagination:before { content: none; } .tb_main_color, .tb_hover_main_color:hover, .colorbox, .agree, .tb_list_1 > li:before, .tb_list_1 > li > a:before { color: #93C4BC !important; } a.tb_main_color:hover, a.colorbox:hover, a.agree:hover, .tb_main_color_hover:hover { color: #A774AA !important; } .tb_main_color_bg, .tb_hover_main_color_bg:hover { background-color: #93C4BC !important; } a.tb_main_color_bg:hover, .tb_main_color_bg_hover:hover { background-color: #A774AA !important; } .tb_secondary_color, .tb_hover_secondary_color:hover { color: #A774AA !important; } body { color: #333333; } a:not(:hover) { color: #333333; } a:hover { color: #A774AA; } .tb_text_wrap a:not(:hover) { color: #A774AA; } .tb_text_wrap a:hover { color: #A774AA; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend, .panel-heading, .box-heading { color: #93C4BC; } .tb_separate_columns > .col, hr { border-color: #dddddd; } .tb_bg_str_1, .tb_bg_hover_str_1:hover { background-color: rgba(51,51,51, 0.05);} .tb_bg_str_2, .tb_bg_hover_str_2:hover { background-color: rgba(51,51,51, 0.1); } .tb_bg_str_3, .tb_bg_hover_str_3:hover { background-color: rgba(51,51,51, 0.15); } .tb_bg_str_4, .tb_bg_hover_str_4:hover { background-color: rgba(51,51,51, 0.2); } .tb_bg_str_5, .tb_bg_hover_str_5:hover { background-color: rgba(51,51,51, 0.3); } .tb_text_str_1, .tb_text_hover_str_1:hover { color: rgba(51,51,51, 0.2) !important; } .tb_text_str_2, .tb_text_hover_str_2:hover { color: rgba(51,51,51, 0.3) !important; } .tb_text_str_3, .tb_text_hover_str_3:hover { color: rgba(51,51,51, 0.4) !important; } .tb_text_str_4, .tb_text_hover_str_4:hover { color: rgba(51,51,51, 0.6) !important; } .tb_text_str_5, .tb_text_hover_str_5:hover { color: rgba(51,51,51, 0.8) !important; } .border, .border-color { border-color: rgba(51,51,51, 0.15); } body { background-color: transparent; } #tb_dec_plane_body .part_1, #tb_dec_plane_fin path { fill: #A774AA !important; } #tb_dec_plane_body .part_2 { fill: #F9BFC2 !important; } #tb_dec_plane_body .part_3 { fill: #93C4BC !important; } [class].tbStickyRow .tb_main_color, [class].tbStickyRow .tb_hover_main_color:hover, [class].tbStickyRow .colorbox, [class].tbStickyRow .agree, [class].tbStickyRow .tb_list_1 > li:before, [class].tbStickyRow .tb_list_1 > li > a:before { color: #93C4BC !important; } [class].tbStickyRow a.tb_main_color:hover, [class].tbStickyRow a.colorbox:hover, [class].tbStickyRow a.agree:hover, [class].tbStickyRow .tb_main_color_hover:hover { color: #93C4BC !important; } [class].tbStickyRow .tb_main_color_bg, [class].tbStickyRow .tb_hover_main_color_bg:hover { background-color: #93C4BC !important; } [class].tbStickyRow a.tb_main_color_bg:hover, [class].tbStickyRow .tb_main_color_bg_hover:hover { background-color: #93C4BC !important; } [class].tbStickyRow { color: #333333; } [class].tbStickyRow a:not(:hover) { color: #333333; } [class].tbStickyRow a:hover { color: #A774AA; } [class].tbStickyRow .tb_text_wrap a:not(.btn):not(:hover) { color: #A774AA; } [class].tbStickyRow .tb_text_wrap a:not(.btn):hover { color: #A774AA; } [class].tbStickyRow h1, [class].tbStickyRow h2, [class].tbStickyRow h3, [class].tbStickyRow h4, [class].tbStickyRow h5, [class].tbStickyRow h6, [class].tbStickyRow .h1, [class].tbStickyRow .h2, [class].tbStickyRow .h3, [class].tbStickyRow .h4, [class].tbStickyRow .h5, [class].tbStickyRow .h6, [class].tbStickyRow a.h1:not(:hover), [class].tbStickyRow a.h2:not(:hover), [class].tbStickyRow a.h3:not(:hover), [class].tbStickyRow a.h4:not(:hover), [class].tbStickyRow a.h5:not(:hover), [class].tbStickyRow a.h6:not(:hover), [class].tbStickyRow legend, [class].tbStickyRow .panel-heading, [class].tbStickyRow .box-heading { color: #A774AA; } [class].tbStickyRow a.h1:hover, [class].tbStickyRow a.h2:hover, [class].tbStickyRow a.h3:hover, [class].tbStickyRow a.h4:hover, [class].tbStickyRow a.h5:hover, [class].tbStickyRow a.h6:hover { color: #A774AA; } [class].tbStickyRow .tb_bg_str_1, [class].tbStickyRow .tb_bg_hover_str_1:hover { background-color: rgba(51,51,51, 0.05);} [class].tbStickyRow .tb_bg_str_2, [class].tbStickyRow .tb_bg_hover_str_2:hover { background-color: rgba(51,51,51, 0.1); } [class].tbStickyRow .tb_bg_str_3, [class].tbStickyRow .tb_bg_hover_str_3:hover { background-color: rgba(51,51,51, 0.15); } [class].tbStickyRow .tb_bg_str_4, [class].tbStickyRow .tb_bg_hover_str_4:hover { background-color: rgba(51,51,51, 0.2); } [class].tbStickyRow .tb_bg_str_5, [class].tbStickyRow .tb_bg_hover_str_5:hover { background-color: rgba(51,51,51, 0.3); } [class].tbStickyRow .tb_text_str_1, [class].tbStickyRow .tb_text_hover_str_1:hover { color: rgba(51,51,51, 0.2) !important; } [class].tbStickyRow .tb_text_str_2, [class].tbStickyRow .tb_text_hover_str_2:hover { color: rgba(51,51,51, 0.3) !important; } [class].tbStickyRow .tb_text_str_3, [class].tbStickyRow .tb_text_hover_str_3:hover { color: rgba(51,51,51, 0.4) !important; } [class].tbStickyRow .tb_text_str_4, [class].tbStickyRow .tb_text_hover_str_4:hover { color: rgba(51,51,51, 0.6) !important; } [class].tbStickyRow .tb_text_str_5, [class].tbStickyRow .tb_text_hover_str_5:hover { color: rgba(51,51,51, 0.8) !important; } [class].tbStickyRow .border, [class].tbStickyRow .border-color { border-color: rgba(51,51,51, 0.15); } #sticky_header { background-color: #d8f0ed; } [class].tbStickyRow input:not(:hover):not(:focus), [class].tbStickyRow select:not(:hover):not(:focus), [class].tbStickyRow textarea:not(:hover):not(:focus), [class].tbStickyRow .input-group:not(:hover):not(:focus) { color: #333333; } [class].tbStickyRow input:not(:hover):not(:focus), [class].tbStickyRow select:not(:hover):not(:focus), [class].tbStickyRow textarea:not(:hover):not(:focus), [class].tbStickyRow .input-group:not(:hover):not(:focus) { background-color: #abdbd4; } [class].tbStickyRow input:not(:hover):not(:focus), [class].tbStickyRow select:not(:hover):not(:focus), [class].tbStickyRow textarea:not(:hover):not(:focus), [class].tbStickyRow .input-group:not(:hover):not(:focus) { border-top-color: #abdbd4; border-left-color: #abdbd4; } [class].tbStickyRow input:not(:hover):not(:focus), [class].tbStickyRow select:not(:hover):not(:focus), [class].tbStickyRow textarea:not(:hover):not(:focus), [class].tbStickyRow .input-group:not(:hover):not(:focus) { border-bottom-color: #abdbd4; border-right-color: #abdbd4; } [class].tbStickyRow input:hover:not(:focus), [class].tbStickyRow select:hover:not(:focus), [class].tbStickyRow textarea:hover:not(:focus), [class].tbStickyRow .input-group:hover:not(:focus) { color: #ffffff; } [class].tbStickyRow input:hover:not(:focus), [class].tbStickyRow select:hover:not(:focus), [class].tbStickyRow textarea:hover:not(:focus), [class].tbStickyRow .input-group:hover:not(:focus) { background-color: #90cfc6; } [class].tbStickyRow input:hover:not(:focus), [class].tbStickyRow select:hover:not(:focus), [class].tbStickyRow textarea:hover:not(:focus), [class].tbStickyRow .input-group:hover:not(:focus) { border-top-color: #90cfc6; border-left-color: #90cfc6; } [class].tbStickyRow input:hover:not(:focus), [class].tbStickyRow select:hover:not(:focus), [class].tbStickyRow textarea:hover:not(:focus), [class].tbStickyRow .input-group:hover:not(:focus) { border-bottom-color: #90cfc6; border-right-color: #90cfc6; } [class].tbStickyRow input:focus, [class].tbStickyRow select:focus, [class].tbStickyRow textarea:focus, [class].tbStickyRow .input-group:focus { color: #ffffff; } [class].tbStickyRow input:focus, [class].tbStickyRow select:focus, [class].tbStickyRow textarea:focus, [class].tbStickyRow .input-group:focus { background-color: #90cfc6; } [class].tbStickyRow input:focus, [class].tbStickyRow select:focus, [class].tbStickyRow textarea:focus, [class].tbStickyRow .input-group:focus { border-top-color: #90cfc6; border-left-color: #90cfc6; } [class].tbStickyRow input:focus, [class].tbStickyRow select:focus, [class].tbStickyRow textarea:focus, [class].tbStickyRow .input-group:focus { border-bottom-color: #90cfc6; border-right-color: #90cfc6; } [class].tbStickyRow .has-error input, [class].tbStickyRow .has-error select, [class].tbStickyRow .has-error textarea { color: #84290a !important; } [class].tbStickyRow .has-error input, [class].tbStickyRow .has-error select, [class].tbStickyRow .has-error textarea { background-color: #ffe7df !important; } [class].tbStickyRow .has-error input, [class].tbStickyRow .has-error select, [class].tbStickyRow .has-error textarea { border-top-color: #ffcdbc !important; border-left-color: #ffcdbc !important; } [class].tbStickyRow .has-error input, [class].tbStickyRow .has-error select, [class].tbStickyRow .has-error textarea { border-bottom-color: #ffe7df !important; border-right-color: #ffe7df !important; } [class].tbStickyRow nav > ul > li.dropdown:not(:hover) > a, [class].tbStickyRow nav > ul > li.dropdown:not(:hover) > * > a, [class].tbStickyRow nav > ul > li:not(.dropdown) > a:not(:hover), [class].tbStickyRow nav > ul > li:not(.dropdown) > * > a:not(:hover) { background-color: transparent; } [class].tbStickyRow nav > ul > li.dropdown:not(.tb_selected):hover > a, [class].tbStickyRow nav > ul > li.dropdown:not(.tb_selected):hover > * > a, [class].tbStickyRow nav > ul > li:not(.dropdown):not(.tb_selected) > a:hover, [class].tbStickyRow nav > ul > li:not(.dropdown):not(.tb_selected) > * > a:hover { background-color: transparent; } [class].tbStickyRow nav > ul > li.tb_selected > a, [class].tbStickyRow nav > ul > li.tb_selected > * > a { color: #A774AA !important; } [class].tbStickyRow nav > ul > li.tb_selected > a, [class].tbStickyRow nav > ul > li.tb_selected > * > a { background-color: transparent !important; } #cart .nav > li > a.btn:not(:hover) { background-color: #A774AA !important; } #cart .nav > li > a.btn:not(:hover) { color: #ffffff !important; } #cart .nav > li > a.btn:hover { background-color: #A774AA !important; } #cart .nav > li > a.btn:hover { color: #ffffff !important; } #sticky_header #cart .nav > li > .heading > a > .tb_items { background-color: #333333 !important; } #sticky_header #cart .nav > li > .heading > a > .tb_items { color: #ffffff !important; } .tbMobileMenu .tb_main_color, .tbMobileMenu .tb_hover_main_color:hover, .tbMobileMenu .colorbox, .tbMobileMenu .agree, .tbMobileMenu .tb_list_1 > li:before, .tbMobileMenu .tb_list_1 > li > a:before { color: #93C4BC !important; } .tbMobileMenu a.tb_main_color:hover, .tbMobileMenu a.colorbox:hover, .tbMobileMenu a.agree:hover, .tbMobileMenu .tb_main_color_hover:hover { color: #93C4BC !important; } .tbMobileMenu .tb_main_color_bg, .tbMobileMenu .tb_hover_main_color_bg:hover { background-color: #93C4BC !important; } .tbMobileMenu a.tb_main_color_bg:hover, .tbMobileMenu .tb_main_color_bg_hover:hover { background-color: #93C4BC !important; } .tbMobileMenu, .tbMobileMenu .nav-responsive .dropdown-menu, .tbMobileMenu .nav-responsive .dropdown-menu .dropdown-menu { color: #333333; } .tbMobileMenu a:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu a:not(:hover), .tbMobileMenu .nav-responsive > li.tb_selected > a > span.tb_text { color: #333333; } .tbMobileMenu a:hover, .tbMobileMenu .nav-responsive .dropdown-menu a:hover { color: #A774AA; } .tbMobileMenu .tb_text_wrap a:not(.btn):not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_wrap a:not(.btn):not(:hover) { color: #A774AA; } .tbMobileMenu .tb_text_wrap a:not(.btn):hover, .tbMobileMenu .nav-responsive .dropdown-menu .nav-responsive .dropdown-menu .tb_text_wrap a:not(.btn):hover { color: #A774AA; } .tbMobileMenu h1, .tbMobileMenu h2, .tbMobileMenu h3, .tbMobileMenu h4, .tbMobileMenu h5, .tbMobileMenu h6, .tbMobileMenu .h1, .tbMobileMenu .h2, .tbMobileMenu .h3, .tbMobileMenu .h4, .tbMobileMenu .h5, .tbMobileMenu .h6, .tbMobileMenu a.h1:not(:hover), .tbMobileMenu a.h2:not(:hover), .tbMobileMenu a.h3:not(:hover), .tbMobileMenu a.h4:not(:hover), .tbMobileMenu a.h5:not(:hover), .tbMobileMenu a.h6:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu h1, .tbMobileMenu .nav-responsive .dropdown-menu h2, .tbMobileMenu .nav-responsive .dropdown-menu h3, .tbMobileMenu .nav-responsive .dropdown-menu h4, .tbMobileMenu .nav-responsive .dropdown-menu h5, .tbMobileMenu .nav-responsive .dropdown-menu h6, .tbMobileMenu .nav-responsive .dropdown-menu .h1, .tbMobileMenu .nav-responsive .dropdown-menu .h2, .tbMobileMenu .nav-responsive .dropdown-menu .h3, .tbMobileMenu .nav-responsive .dropdown-menu .h4, .tbMobileMenu .nav-responsive .dropdown-menu .h5, .tbMobileMenu .nav-responsive .dropdown-menu .h6, .tbMobileMenu .nav-responsive .dropdown-menu a.h1:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu a.h2:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu a.h3:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu a.h4:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu a.h5:not(:hover), .tbMobileMenu .nav-responsive .dropdown-menu a.h6:not(:hover), .tbMobileMenu legend, .tbMobileMenu .panel-heading, .tbMobileMenu .box-heading { color: #93C4BC; } .tbMobileMenu a.h1:hover, .tbMobileMenu a.h2:hover, .tbMobileMenu a.h3:hover, .tbMobileMenu a.h4:hover, .tbMobileMenu a.h5:hover, .tbMobileMenu a.h6:hover, .tbMobileMenu .nav-responsive .dropdown-menu a.h1:hover, .tbMobileMenu .nav-responsive .dropdown-menu a.h2:hover, .tbMobileMenu .nav-responsive .dropdown-menu a.h3:hover, .tbMobileMenu .nav-responsive .dropdown-menu a.h4:hover, .tbMobileMenu .nav-responsive .dropdown-menu a.h5:hover, .tbMobileMenu .nav-responsive .dropdown-menu a.h6:hover { color: #A774AA; } .tbMobileMenu .tb_list_1 > li:before, .tbMobileMenu .tb_list_1 > li > a:before, .tbMobileMenu .nav-responsive .dropdown-menu.tb_list_1 > li:before, .tbMobileMenu .nav-responsive .dropdown-menu.tb_list_1 > li > a:before, .tbMobileMenu .nav-responsive .dropdown-menu .tb_list_1 > li:before, .tbMobileMenu .nav-responsive .dropdown-menu .tb_list_1 > li > a:before { color: #93C4BC !important; } .tbMobileMenu .tb_separate_columns > .col, .tbMobileMenu .nav-responsive .dropdown-menu .tb_separate_columns > .col { border-color: #dddddd; } .tbMobileMenu .tb_bg_str_1, .tbMobileMenu .tb_bg_hover_str_1:hover { background-color: rgba(51,51,51, 0.05);} .tbMobileMenu .tb_bg_str_2, .tbMobileMenu .tb_bg_hover_str_2:hover { background-color: rgba(51,51,51, 0.1); } .tbMobileMenu .tb_bg_str_3, .tbMobileMenu .tb_bg_hover_str_3:hover { background-color: rgba(51,51,51, 0.15); } .tbMobileMenu .tb_bg_str_4, .tbMobileMenu .tb_bg_hover_str_4:hover { background-color: rgba(51,51,51, 0.2); } .tbMobileMenu .tb_bg_str_5, .tbMobileMenu .tb_bg_hover_str_5:hover { background-color: rgba(51,51,51, 0.3); } .tbMobileMenu .tb_text_str_1, .tbMobileMenu .tb_text_hover_str_1:hover { color: rgba(51,51,51, 0.2) !important; } .tbMobileMenu .tb_text_str_2, .tbMobileMenu .tb_text_hover_str_2:hover { color: rgba(51,51,51, 0.3) !important; } .tbMobileMenu .tb_text_str_3, .tbMobileMenu .tb_text_hover_str_3:hover { color: rgba(51,51,51, 0.4) !important; } .tbMobileMenu .tb_text_str_4, .tbMobileMenu .tb_text_hover_str_4:hover { color: rgba(51,51,51, 0.6) !important; } .tbMobileMenu .tb_text_str_5, .tbMobileMenu .tb_text_hover_str_5:hover { color: rgba(51,51,51, 0.8) !important; } .tbMobileMenu .border, .tbMobileMenu .border-color { border-color: rgba(51,51,51, 0.15); } .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_str_1, .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_hover_str_1:hover { background-color: rgba(51,51,51, 0.05);} .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_str_2, .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_hover_str_2:hover { background-color: rgba(51,51,51, 0.1); } .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_str_3, .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_hover_str_3:hover { background-color: rgba(51,51,51, 0.15); } .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_str_4, .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_hover_str_4:hover { background-color: rgba(51,51,51, 0.2); } .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_str_5, .tbMobileMenu .nav-responsive .dropdown-menu .tb_bg_hover_str_5:hover { background-color: rgba(51,51,51, 0.3); } .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_str_1, .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_hover_str_1:hover { color: rgba(51,51,51, 0.2) !important; } .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_str_2, .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_hover_str_2:hover { color: rgba(51,51,51, 0.3) !important; } .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_str_3, .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_hover_str_3:hover { color: rgba(51,51,51, 0.4) !important; } .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_str_4, .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_hover_str_4:hover { color: rgba(51,51,51, 0.6) !important; } .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_str_5, .tbMobileMenu .nav-responsive .dropdown-menu .tb_text_hover_str_5:hover { color: rgba(51,51,51, 0.8) !important; } .tbMobileMenu .nav-responsive .dropdown-menu .border, .tbMobileMenu .nav-responsive .dropdown-menu .border-color { border-color: rgba(51,51,51, 0.15); } #wrapper .tbMobileMenu { background-color: #ffffff; } [class].dropdown-menu .tb_main_color, [class].dropdown-menu .tb_hover_main_color:hover, [class].dropdown-menu .colorbox, [class].dropdown-menu .agree { color: #93C4BC !important; } [class].dropdown-menu a.tb_main_color:hover, [class].dropdown-menu a.colorbox:hover, [class].dropdown-menu a.agree:hover, [class].dropdown-menu .tb_main_color_hover:hover { color: #A774AA !important; } [class].dropdown-menu .tb_main_color_bg, [class].dropdown-menu .tb_hover_main_color_bg:hover { background-color: #93C4BC !important; } [class].dropdown-menu a.tb_main_color_bg:hover, [class].dropdown-menu .tb_main_color_bg_hover:hover { background-color: #A774AA !important; } .dropdown-menu, .tb_no_text > span[data-tooltip]:before { color: #333333; } [class].dropdown-menu a:not(:hover) { color: #333333; } [class].dropdown-menu a:hover { color: #A774AA; } [class].dropdown-menu .tb_text_wrap a:not(.btn):not(:hover) { color: #A774AA; } [class].dropdown-menu .tb_text_wrap a:not(.btn):hover { color: #A774AA; } [class].dropdown-menu h1, [class].dropdown-menu h2, [class].dropdown-menu h3, [class].dropdown-menu h4, [class].dropdown-menu h5, [class].dropdown-menu h6, [class].dropdown-menu .h1, [class].dropdown-menu .h2, [class].dropdown-menu .h3, [class].dropdown-menu .h4, [class].dropdown-menu .h5, [class].dropdown-menu .h6, [class].dropdown-menu a.h1:not(:hover), [class].dropdown-menu a.h2:not(:hover), [class].dropdown-menu a.h3:not(:hover), [class].dropdown-menu a.h4:not(:hover), [class].dropdown-menu a.h5:not(:hover), [class].dropdown-menu a.h6:not(:hover), [class].dropdown-menu legend, [class].dropdown-menu .panel-heading, [class].dropdown-menu .box-heading { color: #A774AA; } [class].dropdown-menu a.h1:hover, [class].dropdown-menu a.h2:hover, [class].dropdown-menu a.h3:hover, [class].dropdown-menu a.h4:hover, [class].dropdown-menu a.h5:hover, [class].dropdown-menu a.h6:hover { color: #A774AA; } [class].dropdown-menu.tb_list_1 > li:before, [class].dropdown-menu.tb_list_1 > li > a:before, [class].dropdown-menu .tb_list_1 > li:before, [class].dropdown-menu .tb_list_1 > li > a:before { color: #93C4BC !important; } [class].dropdown-menu li.dropdown-header { color: #dddddd; } [class].dropdown-menu li.divider { border-color: #dddddd; } [class].dropdown-menu .tb_separate_columns > .col { border-color: #dddddd; } [class].dropdown-menu .tb_bg_str_1, [class].dropdown-menu .tb_bg_hover_str_1:hover { background-color: rgba(51,51,51, 0.05);} [class].dropdown-menu .tb_bg_str_2, [class].dropdown-menu .tb_bg_hover_str_2:hover { background-color: rgba(51,51,51, 0.1); } [class].dropdown-menu .tb_bg_str_3, [class].dropdown-menu .tb_bg_hover_str_3:hover { background-color: rgba(51,51,51, 0.15); } [class].dropdown-menu .tb_bg_str_4, [class].dropdown-menu .tb_bg_hover_str_4:hover { background-color: rgba(51,51,51, 0.2); } [class].dropdown-menu .tb_bg_str_5, [class].dropdown-menu .tb_bg_hover_str_5:hover { background-color: rgba(51,51,51, 0.3); } [class].dropdown-menu .tb_text_str_1, [class].dropdown-menu .tb_text_hover_str_1:hover { color: rgba(51,51,51, 0.2) !important; } [class].dropdown-menu .tb_text_str_2, [class].dropdown-menu .tb_text_hover_str_2:hover { color: rgba(51,51,51, 0.3) !important; } [class].dropdown-menu .tb_text_str_3, [class].dropdown-menu .tb_text_hover_str_3:hover { color: rgba(51,51,51, 0.4) !important; } [class].dropdown-menu .tb_text_str_4, [class].dropdown-menu .tb_text_hover_str_4:hover { color: rgba(51,51,51, 0.6) !important; } [class].dropdown-menu .tb_text_str_5, [class].dropdown-menu .tb_text_hover_str_5:hover { color: rgba(51,51,51, 0.8) !important; } [class].dropdown-menu .border, [class].dropdown-menu .border-color { border-color: rgba(51,51,51, 0.15); } [class].dropdown-menu .buttons:before, [class].dropdown-menu .mini-cart-total:before { color: #333333; } .dropdown:after, .dropdown-menu, .dropdown-menu:before, .tb_no_text > span[data-tooltip]:before, .tb_no_text > span[data-tooltip]:after { background-color: #ffffff; } :not(.tb_item_info_hover) .product-thumb { color: #333333; } :not(.tb_item_info_hover) .product-thumb a:not(.btn):not(:hover) { color: #333333; } :not(.tb_item_info_hover) .product-thumb a:not(.btn):hover { color: #A774AA; } :not(.tb_item_info_hover) .product-thumb.product-thumb .name a:not(:hover), :not(.tb_item_info_hover) .product-thumb.product-thumb h4 a:not(:hover) { color: #333333; } :not(.tb_item_info_hover) .product-thumb.product-thumb .name a:hover, :not(.tb_item_info_hover) .product-thumb.product-thumb h4 a:hover { color: #93C4BC; } :not(.tb_item_info_hover) .product-thumb .price { color: #93C4BC; } :not(.tb_item_info_hover) .product-thumb .price-new { color: #A774AA; } :not(.tb_item_info_hover) .product-thumb .price-old { color: #999999; } :not(.tb_item_info_hover) .product-thumb .price-tax { color: #999999; } :not(.tb_item_info_hover) .rating .tb_percent { color: #ffd200; } :not(.tb_item_info_hover) .rating .tb_base { color: #dddddd; } :not(.tb_item_info_hover) .product-thumb .tb_button_add_to_cart .btn:not(:hover) { background-color: #93C4BC !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_add_to_cart .btn:not(:hover) { color: #ffffff !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_add_to_cart .btn:hover { background-color: #A774AA !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_add_to_cart .btn:hover { color: #ffffff !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_compare .btn:not(:hover) { background-color: #93C4BC !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_compare .btn:not(:hover) { color: #ffffff !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_compare .btn:hover { background-color: #A774AA !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_compare .btn:hover { color: #ffffff !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_wishlist .btn:not(:hover) { background-color: #93C4BC !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_wishlist .btn:not(:hover) { color: #ffffff !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_wishlist .btn:hover { background-color: #A774AA !important; } :not(.tb_item_info_hover) .product-thumb .tb_button_wishlist .btn:hover { color: #ffffff !important; } :not(.tb_item_info_hover) .product-thumb .tb_counter { background-color: #eeeeee; } :not(.tb_item_info_hover) .product-thumb .tb_counter_label { color: #ffffff; } :not(.tb_item_info_hover) .product-thumb .tb_counter_label { background-color: #93C4BC; } :not(.tb_item_info_hover) .product-thumb .tb_label_special { background-color: #A774AA; } :not(.tb_item_info_hover) .product-thumb .tb_label_special { color: #ffffff; } :not(.tb_item_info_hover) .product-thumb .tb_label_new { background-color: #94C5BC; } :not(.tb_item_info_hover) .product-thumb .tb_label_new { color: #ffffff; } .tb_style_bordered, .tb_style_bordered > *, .tb_style_bordered > *:after, .tb_style_bordered > *:before, .tb_style_bordered + .pagination, .swiper-wrapper, .swiper-slide > *, .swiper-slide > *:after, .tb_slider_pagination { border-color: #dddddd; } :not(.tb_back) > .product-thumb, .tb_item_info_active .product-thumb { background-color: #ffffff; } .tb_item_info_hover .product-thumb { color: #333333; } .tb_item_info_hover .product-thumb a:not(.btn):not(:hover) { color: #333333; } .tb_item_info_hover .product-thumb a:not(.btn):hover { color: #A774AA; } .tb_item_info_hover .product-thumb.product-thumb .name a:not(:hover), .tb_item_info_hover .product-thumb.product-thumb h4 a:not(:hover) { color: #333333; } .tb_item_info_hover .product-thumb.product-thumb .name a:hover, .tb_item_info_hover .product-thumb.product-thumb h4 a:hover { color: #93C4BC; } .tb_item_info_hover .product-thumb .price { color: #93C4BC; } .tb_item_info_hover .product-thumb .price-new { color: #A774AA; } .tb_item_info_hover .product-thumb .price-old { color: #999999; } .tb_item_info_hover .product-thumb .price-tax { color: #999999; } .tb_item_info_hover .rating .tb_percent { color: #ffd200; } .tb_item_info_hover .rating .tb_base { color: #dddddd; } .tb_item_info_hover .rating .tb_average { color: #333333; } .tb_item_info_hover .product-thumb .tb_button_add_to_cart .btn:not(:hover) { background-color: #93C4BC !important; } .tb_item_info_hover .product-thumb .tb_button_add_to_cart .btn:not(:hover) { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_button_add_to_cart .btn:hover { background-color: #A774AA !important; } .tb_item_info_hover .product-thumb .tb_button_add_to_cart .btn:hover { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_button_compare .btn:not(:hover) { background-color: #93C4BC !important; } .tb_item_info_hover .product-thumb .tb_button_compare .btn:not(:hover) { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_button_compare .btn:hover { background-color: #A774AA !important; } .tb_item_info_hover .product-thumb .tb_button_compare .btn:hover { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_button_wishlist .btn:not(:hover) { background-color: #93C4BC !important; } .tb_item_info_hover .product-thumb .tb_button_wishlist .btn:not(:hover) { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_button_wishlist .btn:hover { background-color: #A774AA !important; } .tb_item_info_hover .product-thumb .tb_button_wishlist .btn:hover { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_counter { color: #333333 !important; } .tb_item_info_hover .product-thumb .tb_counter_label { color: #ffffff !important; } .tb_item_info_hover .product-thumb .tb_label_special { background-color: #A774AA !important; } .tb_item_info_hover .product-thumb .tb_label_special { color: #ffffff; } .tb_item_info_hover .product-thumb .tb_label_new { background-color: #94C5BC; } .tb_item_info_hover .product-thumb .tb_label_new { color: #ffffff; } .tb_item_hovered, .tb_item_info_hover { background-color: #f3f3f3; } input:not(:hover):not(:focus), select:not(:hover):not(:focus), textarea:not(:hover):not(:focus), .input-group:not(:hover):not(:focus) { color: #333333; } input:not(:hover):not(:focus), select:not(:hover):not(:focus), textarea:not(:hover):not(:focus), .input-group:not(:hover):not(:focus) { background-color: #eeeeee; } input:not(:hover):not(:focus), select:not(:hover):not(:focus), textarea:not(:hover):not(:focus), .input-group:not(:hover):not(:focus) { border-top-color: #cccccc; border-left-color: #cccccc; } input:not(:hover):not(:focus), select:not(:hover):not(:focus), textarea:not(:hover):not(:focus), .input-group:not(:hover):not(:focus) { border-bottom-color: #eeeeee; border-right-color: #eeeeee; } input:hover:not(:focus), select:hover:not(:focus), textarea:hover:not(:focus), .input-group:hover:not(:focus) { color: #333333; } input:hover:not(:focus), select:hover:not(:focus), textarea:hover:not(:focus), .input-group:hover:not(:focus) { background-color: #eeeeee; } input:hover:not(:focus), select:hover:not(:focus), textarea:hover:not(:focus), .input-group:hover:not(:focus) { border-top-color: #999999; border-left-color: #999999; } input:hover:not(:focus), select:hover:not(:focus), textarea:hover:not(:focus), .input-group:hover:not(:focus) { border-bottom-color: #dddddd; border-right-color: #dddddd; } input:focus, select:focus, textarea:focus, .input-group:focus { color: #333333; } input:focus, select:focus, textarea:focus, .input-group:focus { background-color: #eeeeee; } input:focus, select:focus, textarea:focus, .input-group:focus { border-top-color: #999999; border-left-color: #999999; } input:focus, select:focus, textarea:focus, .input-group:focus { border-bottom-color: #dddddd; border-right-color: #dddddd; } .has-error input, .has-error select, .has-error textarea { color: #84290a !important; } .has-error input, .has-error select, .has-error textarea { background-color: #ffe7df !important; } .has-error input, .has-error select, .has-error textarea { border-top-color: #ffcdbc !important; border-left-color: #ffcdbc !important; } .has-error input, .has-error select, .has-error textarea { border-bottom-color: #ffe7df !important; border-right-color: #ffe7df !important; } .btn:not(:hover):not(.btn-default), .btn.active:hover, .button:not(:hover), button:not(:hover):not(.btn), [type=button]:not(:hover):not(.btn), [type=submit]:not(:hover):not(.btn), [type=reset]:not(:hover):not(.btn), .ui-button.ui-state-default:not(.btn):not(.ui-state-hover):not(.ui-state-active):not(.ui-state-focus), .ui-slider .ui-slider-handle.ui-state-default:not(.ui-state-hover):not(.ui-state-active):not(.ui-state-focus) { background-color: #93C4BC !important; } .btn:not(:hover):not(.btn-default), .btn.active:hover, .button:not(:hover), button:not(:hover):not(.btn), [type=button]:not(:hover):not(.btn), [type=submit]:not(:hover):not(.btn), [type=reset]:not(:hover):not(.btn), .ui-button.ui-state-default:not(.btn):not(.ui-state-hover):not(.ui-state-active):not(.ui-state-focus), .ui-slider .ui-slider-handle.ui-state-default:not(.ui-state-hover):not(.ui-state-active):not(.ui-state-focus) { color: #ffffff !important; } .btn:not(.active):not(.btn-default):hover, .button:hover, button:not(.btn):hover, [type=button]:not(.btn):hover, [type=submit]:not(.btn):hover, [type=reset]:not(.btn):hover, .ui-button.ui-state-hover:not(.btn):not(.ui-state-focus), .ui-button.ui-state-active:not(.ui-state-focus), .ui-slider .ui-slider-handle.ui-state-hover { background-color: #A774AA !important; } .btn:not(.active):not(.btn-default):hover, .button:hover, button:not(.btn):hover, [type=button]:not(.btn):hover, [type=submit]:not(.btn):hover, [type=reset]:not(.btn):hover, .ui-button.ui-state-hover:not(.btn):not(.ui-state-focus), .ui-button.ui-state-active:not(.ui-state-focus), .ui-slider .ui-slider-handle.ui-state-hover { color: #ffffff !important; } .btn.btn-default:not(:hover), .btn.btn-default.active:hover { background-color: #d6d6d6 !important; } .btn.btn-default:not(:hover), .btn.btn-default.active:hover { color: #333333 !important; } .btn.btn-default:not(.active):hover { background-color: #A774AA !important; } .btn.btn-default:not(.active):hover { color: #ffffff !important; } .table > thead > tr > th, .table > thead > tr > td, .table > table > thead > tr > th, .table > table > thead > tr > td { color: #333333; } .table > thead > tr > th, .table > thead > tr > td, .table > table > thead > tr > th, .table > table > thead > tr > td { background-color: #e9e9e9; } .table > thead > tr > th, .table > thead > tr > td, .table > table > thead > tr > th, .table > table > thead > tr > td { border-color: #cccccc; } .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td, .table > table > tbody > tr > th, .table > table > tbody > tr > td, .table > table > tfoot > tr > th, .table > table > tfoot > tr > td { color: #333333; } .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td, .table > table > tbody > tr > th, .table > table > tbody > tr > td, .table > table > tfoot > tr > th, .table > table > tfoot > tr > td { background-color: transparent; } .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td, .table > table > tbody > tr > th, .table > table > tbody > tr > td, .table > table > tfoot > tr > th, .table > table > tfoot > tr > td, .table-bordered, .cart-info.tb_max_w_500 .table > tbody > tr:not(:last-child), .cart-info.tb_max_w_300 .table > tbody > tr:not(:last-child) { border-color: #dddddd; } .table-striped > tbody > tr:nth-child(even), .table-striped > table > tbody > tr:nth-child(even) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover, .table-hover > table > tbody > tr:hover { background-color: #f5f5f5; } .nav.nav-tabs, .dropdown.tb_tabbed_menu:not(.tb_first_tab_selected):after { background-color: #e6e6e6; } .nav.nav-tabs { border-color: #dddddd; } .tab-content { border-color: #dddddd; } .nav.nav-tabs > li:not(:hover):not(.active):not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not([class*="tb_text_str_"]) { color: #666666; } .nav.nav-tabs > li:not(:hover):not(.active):not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not([class*="tb_bg_str_"]) { background-color: #e6e6e6; } .nav.nav-tabs > li:not(:hover):not(.active):not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not([class*="tb_border_str_"]) { border-color: transparent; } .nav.nav-tabs:not(.tb_style_2) > li:hover:not(.active):not(.ui-state-active):not([class*="tb_text_hover_str_"]), .ui-tabs-nav:not(.tb_style_2) .ui-state-focus:not(.ui-state-active):not([class*="tb_text_hover_str_"]) { color: #111111 !important; } .nav.nav-tabs > li:hover:not(.active):not(.ui-state-active):not([class*="tb_bg_hover_str_"]), .ui-tabs-nav .ui-state-focus:not(.ui-state-active):not([class*="tb_bg_hover_str_"]) { background-color: #dddddd; } .nav.nav-tabs > li:hover:not(.active):not(.ui-state-active):not([class*="tb_border_hover_str_"]), .ui-tabs-nav .ui-state-focus:not(.ui-state-active):not([class*="tb_border_hover_str_"]) { border-color: transparent; } .nav.nav-tabs.tb_style_2 > li.active a, .nav.nav-tabs.tb_style_2 > li.ui-state-active a, .nav.nav-tabs:not(.tb_style_2) > li.active:not([class*="tb_text_str_"]):not([class*="tb_text_hover_str_"]), .ui-tabs-nav:not(.tb_style_2) .ui-state-active:not([class*="tb_text_str_"]):not([class*="tb_text_hover_str_"]) { color: #93C4BC; } .nav.nav-tabs > li.active:not([class*="tb_bg_str_"]):not([class*="tb_bg_hover_str_"]), .ui-tabs-nav .ui-state-active:not([class*="tb_bg_str_"]):not([class*="tb_bg_hover_str_"]) { background-color: #ffffff; } .nav.nav-tabs > li.active:not([class*="tb_border_str_"]):not([class*="tb_border_hover_str_"]), .ui-tabs-nav .ui-state-active:not([class*="tb_border_str_"]):not([class*="tb_border_hover_str_"]) { border-color: #dddddd; } .tb_accordion.tb_style_1, .panel-group > .panel > .panel-collapse, .tb_accordion.tb_style_1 .tb_title + div, .ui-accordion > .ui-widget-content { border-color: #dddddd; } .panel-group > .panel > .panel-heading [data-toggle].collapsed:not(:hover), .tb_accordion > .tb_title, .ui-accordion .ui-state-default:not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not([class*="tb_text_str_"]) { color: #333333; } .panel-group > .panel > .panel-heading [data-toggle].collapsed:not(:hover), .ui-accordion .ui-state-default:not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not([class*="tb_bg_str_"]) { background-color: #e6e6e6; } .panel-group > .panel > .panel-heading [data-toggle].collapsed:not(:hover), .ui-accordion .ui-state-default:not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not([class*="tb_border_str_"]) { border-color: transparent; } .panel-group > .panel > .panel-heading [data-toggle].collapsed:hover, .ui-accordion .ui-state-hover:not(.ui-state-active):not([class*="tb_text_hover_str_"]), .ui-accordion .ui-state-focus:not(.ui-state-active):not([class*="tb_text_hover_str_"]) { color: #111111 !important; } .panel-group > .panel > .panel-heading [data-toggle].collapsed:hover, .ui-accordion .ui-state-hover:not(.ui-state-active):not([class*="tb_bg_hover_str_"]), .ui-accordion .ui-state-focus:not(.ui-state-active):not([class*="tb_bg_hover_str_"]) { background-color: #dddddd; } .panel-group > .panel > .panel-heading [data-toggle].collapsed:hover, .ui-accordion .ui-state-hover:not(.ui-state-active):not([class*="tb_border_hover_str_"]), .ui-accordion .ui-state-focus:not(.ui-state-active):not([class*="tb_border_hover_str_"]) { border-color: transparent; } .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed), .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed):hover, .ui-accordion .ui-state-active:not([class*="tb_text_str_"]):not([class*="tb_text_hover_str_"]) { color: #93C4BC; } .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed), .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed):hover, .ui-accordion .ui-state-active:not([class*="tb_bg_str_"]):not([class*="tb_bg_hover_str_"]) { background-color: #ffffff; } .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed), .panel-group > .panel > .panel-heading [data-toggle]:not(.collapsed):hover, .ui-accordion .ui-state-active:not([class*="tb_border_str_"]):not([class*="tb_border_hover_str_"]) { border-color: #dddddd; } .modal-header, .bootstrap-datetimepicker-widget thead, .ui-dialog .ui-widget-header, .ui-datepicker .ui-widget-header { color: #ffffff !important; } .modal-header, .bootstrap-datetimepicker-widget thead, .ui-dialog .ui-widget-header, .ui-datepicker .ui-widget-header { background-color: #93C4BC; } .modal-header, .bootstrap-datetimepicker-widget tbody, .ui-dialog .ui-widget-header, .ui-datepicker .ui-widget-header { border-color: #93C4BC; } .bootstrap-datetimepicker-widget tbody, .bootstrap-datetimepicker-widget tfoot, .ui-dialog.ui-widget-content, .ui-dialog.ui-widget-content a, .ui-datepicker.ui-widget-content, .ui-datepicker.ui-widget-content a, .ui-tooltip.ui-widget-content, .ui-tooltip.ui-widget-content a, .ui-autocomplete.ui-widget-content, .ui-autocomplete.ui-widget-content a { color: #333333 !important; } .bootstrap-datetimepicker-widget, .ui-dialog.ui-widget-content, .ui-datepicker.ui-widget-content, .ui-tooltip.ui-widget-content, .ui-autocomplete.ui-widget-content { background-color: #ffffff; } .bootstrap-datetimepicker-widget, .ui-dialog.ui-widget-content, .ui-datepicker.ui-widget-content, .ui-tooltip.ui-widget-content, .ui-autocomplete.ui-widget-content { border-color: #dddddd; } .bootstrap-datetimepicker-widget td:not(:hover), .bootstrap-datetimepicker-widget td > span:not(:hover), .ui-dialog .ui-state-default, .ui-dialog .ui-state-default a, .ui-datepicker .ui-state-default, .ui-datepicker .ui-state-default a, .ui-tooltip .ui-state-default, .ui-tooltip .ui-state-default a, .ui-autocomplete .ui-state-default, .ui-autocomplete .ui-state-default a { color: #333333 !important; } .bootstrap-datetimepicker-widget td:not(:hover), .bootstrap-datetimepicker-widget td > span:not(:hover), .ui-dialog .ui-state-default, .ui-datepicker .ui-state-default, .ui-tooltip .ui-state-default, .ui-autocomplete .ui-state-default { background-color: #e3e3e3; } .bootstrap-datetimepicker-widget td:not(:hover), .bootstrap-datetimepicker-widget td > span:not(:hover), .ui-dialog .ui-state-default, .ui-datepicker .ui-state-default, .ui-tooltip .ui-state-default, .ui-autocomplete .ui-state-default { border-color: #d3d3d3; } .ui-dialog .ui-state-default .ui-icon, .ui-datepicker .ui-state-default .ui-icon, .ui-tooltip .ui-state-default .ui-icon, .ui-autocomplete .ui-state-default .ui-icon { color: #333333 !important; } .bootstrap-datetimepicker-widget td:hover, .bootstrap-datetimepicker-widget td > span:hover, .ui-dialog .ui-state-hover, .ui-dialog .ui-state-focus, .ui-dialog .ui-state-hover a, .ui-dialog .ui-state-hover a:hover, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover, .ui-tooltip .ui-state-hover, .ui-tooltip .ui-state-focus, .ui-tooltip .ui-state-hover a, .ui-tooltip .ui-state-hover a:hover, .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-state-hover a, .ui-autocomplete .ui-state-hover a:hover { color: #111111 !important; } .bootstrap-datetimepicker-widget td:hover, .bootstrap-datetimepicker-widget td > span:hover, .ui-dialog .ui-state-hover, .ui-dialog .ui-state-focus, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-tooltip .ui-state-hover, .ui-tooltip .ui-state-focus, .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus { background-color: #d3d3d3 !important; } .bootstrap-datetimepicker-widget td:hover, .bootstrap-datetimepicker-widget td > span:hover, .ui-dialog .ui-state-hover, .ui-dialog .ui-state-focus, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-tooltip .ui-state-hover, .ui-tooltip .ui-state-focus, .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus { border-color: #c3c3c3 !important; } .ui-dialog .ui-state-hover .ui-icon, .ui-dialog .ui-state-focus .ui-icon, .ui-datepicker .ui-state-hover .ui-icon, .ui-datepicker .ui-state-focus .ui-icon, .ui-tooltip .ui-state-hover .ui-icon, .ui-tooltip .ui-state-focus .ui-icon, .ui-autocomplete .ui-state-hover .ui-icon, .ui-autocomplete .ui-state-focus .ui-icon { color: #333333 !important; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td > span.active, .ui-dialog .ui-state-active, .ui-dialog .ui-state-active a, .ui-dialog.ui-widget-content .ui-state-active, .ui-dialog.ui-widget-content .ui-state-active a, .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-active a, .ui-datepicker.ui-widget-content .ui-state-active, .ui-datepicker.ui-widget-content .ui-state-active a, .ui-tooltip .ui-state-active, .ui-tooltip .ui-state-active a, .ui-tooltip.ui-widget-content .ui-state-active, .ui-tooltip.ui-widget-content .ui-state-active a, .ui-autocomplete .ui-state-active, .ui-autocomplete .ui-state-active a, .ui-autocomplete.ui-widget-content .ui-state-active, .ui-autocomplete.ui-widget-content .ui-state-active a { color: #ffffff !important; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td > span.active, .ui-dialog .ui-state-active, .ui-datepicker .ui-state-active, .ui-tooltip .ui-state-active, .ui-autocomplete .ui-state-active { background-color: #333333 !important; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td > span.active, .ui-dialog .ui-state-active, .ui-datepicker .ui-state-active, .ui-tooltip .ui-state-active, .ui-autocomplete .ui-state-active { border-color: #222222 !important; } .ui-dialog .ui-state-active .ui-icon, .ui-datepicker .ui-state-active .ui-icon, .ui-tooltip .ui-state-active .ui-icon, .ui-autocomplete .ui-state-active .ui-icon { color: #333333 !important; } .bootstrap-datetimepicker-widget .today:not(.active), .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-highlight a, .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-highlight a, .ui-tooltip .ui-state-highlight, .ui-tooltip .ui-state-highlight a, .ui-autocomplete .ui-state-highlight, .ui-autocomplete .ui-state-highlight a { color: #93C4BC !important; } .bootstrap-datetimepicker-widget .today:not(.active), .ui-dialog .ui-state-highlight, .ui-datepicker .ui-state-highlight, .ui-tooltip .ui-state-highlight, .ui-autocomplete .ui-state-highlight { background-color: #ffffff; } .ui-dialog .ui-state-highlight, .ui-datepicker .ui-state-highlight, .ui-tooltip .ui-state-highlight, .ui-autocomplete .ui-state-highlight { border-color: #dddddd; } .ui-dialog .ui-state-error, .ui-dialog .ui-state-error a, .ui-dialog .ui-state-error-text, .ui-datepicker .ui-state-error, .ui-datepicker .ui-state-error a, .ui-datepicker .ui-state-error-text, .ui-tooltip .ui-state-error, .ui-tooltip .ui-state-error a, .ui-tooltip .ui-state-error-text, .ui-autocomplete .ui-state-error, .ui-autocomplete .ui-state-error a, .ui-autocomplete .ui-state-error-text { color: #93C4BC !important; } .ui-dialog .ui-state-error, .ui-datepicker .ui-state-error, .ui-tooltip .ui-state-error, .ui-autocomplete .ui-state-error { background-color: #ffffff; } .ui-dialog .ui-state-error, .ui-datepicker .ui-state-error, .ui-tooltip .ui-state-error, .ui-autocomplete .ui-state-error { border-color: #dddddd; } .mSButtons:not(:hover) svg { fill: #ffffff; } .mSButtons:not(:hover):after { background-color: #000000; } .mSButtons:hover svg { fill: #ffffff; } .mSButtons:hover:after { background-color: #000000; } .mSPages li:not(:hover):not(.active) { background-color: #000000; } .mSPages li:hover { background-color: #000000; } .mSPages li.active, .mSPages li.active:hover { background-color: #000000; } .tb_fullscreen_button { color: #ffffff !important; } .tb_fullscreen_button { background-color: #93C4BC; } .tb_fullscreen_button:hover { color: #ffffff !important; } .tb_fullscreen_button:hover { background-color: #A774AA; } .tb_caption .tb_text { color: #ffffff; } .tb_caption:after { background-color: #000000; } .tb_slider_controls a:not(:hover) { color: #93C4BC; } .tb_slider_controls a:hover { color: #A774AA; } .tb_slider_controls a.tb_disabled, .tb_slider_controls a.tb_disabled:hover { color: #999999; } .tb_slider_pagination span:not(:hover) { background-color: #dddddd; } .tb_slider_pagination span:hover { background-color: #cccccc; } .tb_slider_pagination span.tb_active, .tb_slider_pagination span.tb_active:hover { background-color: #999999; } .pagination a:not(:hover) { color: #333333; } .pagination a:not(:hover) { background-color: #eeeeee; } .pagination a:hover { color: #93C4BC; } .pagination a:hover { background-color: #dddddd; } .pagination b, .pagination span { color: #333333; } .pagination b, .pagination span { background-color: transparent; } .pagination .results { color: #999999; } .noty_message { color: #333333; } .noty_message a { color: #A774AA; } .noty_message a:not(.btn):hover { color: #A774AA; } .noty_message { background-color: #ffffff; } .tb_area_bottom .tb_main_color, .tb_area_bottom .tb_hover_main_color:hover { color: #A774AA !important; } .tb_area_bottom a.tb_main_color:hover, .tb_area_bottom .tb_main_color_hover:hover { color: #4e6100 !important; } .tb_area_bottom .tb_main_color_bg, .tb_area_bottom .tb_hover_main_color_bg:hover { background-color: #A774AA !important; } .tb_area_bottom a.tb_main_color_bg:hover, .tb_area_bottom .tb_main_color_bg_hover:hover { background-color: #4e6100 !important; } .tb_area_bottom { color: #ffffff; } .tb_area_bottom a:not(:hover) { color: #fbffeb; } .tb_area_bottom a:hover { color: #333333; } h1 { line-height: 30px; } p.tb_empty { line-height: 20px; } .pagination .results { line-height: 30px; } .pagination .results:first-child { line-height: 20px; } .pagination .links a, .pagination .links b { line-height: 30px; } .tb_compact_view .name, .tb_compact_view .price, .tb_compact_view h4 { line-height: 20px; } .options .tb_radio_row.tb_style_2 label, .options .tb_checkbox_row.tb_style_2 label { margin: 10px 10px 0 0; height: 30px; line-height: 30px; } .options .tb_radio_row.tb_style_2 label span, .options .tb_checkbox_row.tb_style_2 label span { display: none; } .picker-switch, .ui-datepicker-title { font-size: 20px !important; }.tbToggleButtons, .tbMobileMenuOverlay { display: none !important; } /* ----------------------------------------------------------------------------------------- M O B I L E max-width: 768px ----------------------------------------------------------------------------------------- */ @media (max-width: 768px) { html.tbMobile { overflow: hidden; } #header .tbMobileDisplayBlock, .tbMobileMenu .tbMobileMenuDisplayBlock { display: block !important; } .tbMobileMenu { position: fixed; z-index: 1001; top: 0; left: 0; overflow: auto; overflow-x: hidden; width: calc(100% - 60px); height: 100%; padding: 30px; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; } html.tbMobile .tbMobileMenu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tbMobileMenuOverlay { position: fixed; z-index: 1000; top: -10000px; right: 0; bottom: auto; left: 0; display: block !important; cursor: pointer; } .tbMobileMenuOverlay.tbActive { top: 0; bottom: 0; } .tbMobileMenuOverlay .tb_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: #000; /* -webkit-transition: opacity 0.5s; transition: opacity 0.5s; */ } .tbMobileMenuOverlay.tbActive .tb_bg { opacity: 0.6; } .tbMobileMenuOverlay svg { position: absolute; z-index: 1; top: 17px; right: 17px; width: 24px; height: 24px; color: #fff; } /*** Mobile header rows / blocks ***/ #header .tb_wt_header_logo_system, #header .tbToggleButtons { display: inline-block !important; min-width: 0 !important; } #site_logo { display: inline-block; vertical-align: top; } #header .row-wrap:not(.tbMobileShow), #header .col:not(.tbMobileShow), #header .tb_wt:not(.tbMobileShow) { display: none !important; } #header .row-wrap.tbMobileShow > .row > .tbLogoCol { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } #header .tbMobileDisplayBlock { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } #header .tbLogoCol { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } #header .tb_wt_header_logo_system { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } #header .tbToggleButtons { margin-right: -10px; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #header .tbToggleButtons > * { margin-right: 10px; } #header .tbLogoCol > .tbToggleButtons { opacity: 1 } /*** Mobile menu rows / blocks ***/ .tbMobileMenu > .row { height: 100%; } .tbMobileMenu > .row > .col-xs-12 { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .tbMobileMenu .tbMobileMenuCenter { text-align: center; } .tbMobileMenu .tbMobileMenuDisplayBlock { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0 !important; margin-right: 0 !important; } .tbMobileMenu [class].tbMobileMenuDisplayInline { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; margin-left: 10px; margin-right: 10px; } .tbMobileMenu .tb_wt { margin-bottom: 10px !important; margin-top: 20px; } .tbMobileMenu .tb_wt.tbMobileMenuDisplayBlock, .tbMobileMenu .tb_wt:not(.tbMobileMenuDisplayInline) { padding-left: 0; padding-right: 0; } .tbMobileMenu .tbMainNavigation + .tbMainNavigation, .tbMobileMenu .tb_wt.display-inline-block:not(.tbMobileMenuDisplayBlock), .tbMobileMenu .tb_wt.tbMobileMenuDisplayInline, .tbMobileMenu .tb_wt:first-child { margin-top: 0 !important; } .tbToggleButtons .tb_toggle:before { font-size: 18px; } .tbMobileMenu .tb_wt_header_logo_system { text-align: center; } .tbMobileMenu .tb_wt_header_search_system .tb_search_wrap { width: auto !important; max-width: none !important; min-width: 0 !important; } .tbMobileMenu .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > input, .tbMobileMenu .tb_wt_header_search_system.tb_style_4 .tb_search_wrap > .twitter-typeahead { position: static !important; width: 100% !important; opacity: 1; } .tbMobileMenu .tb_wt_header_search_system.tb_style_4 .tb_search_button { position: absolute; top: 0; right: 0; } /*** Cart menu ***/ .tbMobileCartMenu .tb_wt_header_cart_menu_system { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } .tbMobileCartMenu .tb_wt_header_cart_menu_system .heading, .tbMobileCartMenu .tb_wt_header_cart_menu_system .tbStickyOnly { display: none !important; } .tbMobileCartMenu .tb_wt_header_cart_menu_system, .tbMobileCartMenu .tb_wt_header_cart_menu_system .dropdown-menu { display: block !important; margin: 0 !important; } .tbMobileCartMenu .tb_wt_header_cart_menu_system .dropdown-menu { width: auto !important; margin: 0 !important; box-shadow: none; } } /*** Order elements ***/ .tbMobileMenu .tbMobilePosition-1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .tbMobileMenu .tbMobilePosition-2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .tbMobileMenu .tbMobilePosition-3 { -ms-flex-order: 4; -webkit-order: 3; order: 3; } .tbMobileMenu .tbMobilePosition-4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; } .tbMobileMenu .tbMobilePosition-5 { -ms-flex-order: 5; -webkit-order: 5; order: 5; } .tbMobileMenu .tbMobilePosition-6 { -ms-flex-order: 6; -webkit-order: 6; order: 6; } .tbMobileMenu .tbMobilePosition-7 { -ms-flex-order: 7; -webkit-order: 7; order: 7; } .tbMobileMenu .tbMobilePosition-8 { -ms-flex-order: 8; -webkit-order: 8; order: 8; } @media only screen and (min-width: 769px) { .tbMobileMenu { display: none; } }.row-wrap { background-origin: border-box !important; } #header { position: relative; z-index: 50; } #header.tb_header_visible { margin-bottom: 0; } #header.tb_header_overlay { position: absolute; top: 0; left: 0; right: 0; } #header.tb_header_transparent:not(.tbStickyScrolled), #header.tb_header_transparent:not(.tbStickyScrolled) > .row-wrap, #header.tb_header_transparent:not(.tbStickyScrolled) > .row-wrap > .row, #header.tb_header_transparent:not(.tbStickyScrolled) > .row-wrap > .row > .col { background: transparent none !important; } #bottom > .row, #bottom > .row > .col, #bottom > .row > .col > .row-wrap { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .tb_grid_view .price .tb_decimal_point, .tb_list_view .price .tb_decimal_point, .tb_price.tb_fancy .tb_decimal_point, .price.custom .tb_decimal_point { display: none; } .tb_grid_view .price .tb_decimal, .tb_price.tb_fancy .tb_decimal, .price.custom .tb_decimal { position: relative; top: -0.25em; margin-left: 1px; font-size: 0.6em; vertical-align: top; } .main > .row > .col, .sidebar > .row > .col { display: block; } /*** Content Wrap ***/ #content > .row > .col { display: block; } @media (min-width: 769px) { .main { order: 2; } #left_col { order: 1; } #right_col { order: 3; } } .row.tb_separate_columns > #left_col { border-left-style: none; border-left-width: 0; border-right-style: solid; border-right-width: 1px; } .row.tb_separate_columns > #right_col { border-right-style: none; border-right-width: 0; border-left-style: solid; border-left-width: 1px; } /* ----------------------------------------------------------------------------------------- B O T T O M A R E A ( S T A T I C F O O T E R ) ----------------------------------------------------------------------------------------- */ #copy { font-size: 11px; } #payment_images { text-align: right; word-spacing: -0.25em; } #payment_images .tb_payment { display: inline-block; word-spacing: normal; vertical-align: middle; } #payment_images .tb_payment img { display: inline-block; vertical-align: top; } #payment_images .tb_payment table { width: auto; } #payment_images .tb_payment + .tb_payment { margin-left: 10px; } /* ------------------------------------------------------------------------------------- */ /* --- Mobile Layout ----------------------------------------- */ /* ------------------------------------------------------------------------------------- */ /* --- Max width: 767px ----------------------------------------- */ @media (max-width: 768px) { #copy, #payment_images { display: block; width: 100%; text-align: center; } } /* ----------------------------------------------------------------------------------------- L A Z Y L O A D I N G ----------------------------------------------------------------------------------------- */ img[data-src] { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } img[data-src].lazyload:not(.lazyloaded) { opacity: 0; } /* ----------------------------------------------------------------------------------------- M E N U ----------------------------------------------------------------------------------------- */ body.is_logged .tb_menu_system_account_login, body:not(.is_logged) .tb_menu_system_account_logout, body.is_affiliate_logged .tb_menu_system_affiliate_login, body:not(.is_affiliate_logged) .tb_menu_system_affiliate_logout { display: none; } /* Megamenu -------------------------------------------------------------------------- */ .tb_text > .tb_icon { min-width: 1.5em; margin-left: 0; margin-right: 0; } .tb_text > .tb_icon > i { vertical-align: top; } [dir="ltr"] .tb_text > .tb_icon > i { margin-left: 0 !important; } [dir="rtl"] .tb_text > .tb_icon > i { margin-right: 0 !important; } .dropdown ul.tb_grid_view > li, .tb_menu_all_categories .tb_subcategories > .tb_listing > .tb_menu_category > a { display: block; } .dropdown .tb_menu_category > .thumbnail, .dropdown .tb_subcategories > ul > li > .thumbnail { float: right; margin-bottom: 0; } .dropdown .tb_subcategories > .tb_multicolumn { -webkit-column-width: 180px; -moz-column-width: 180px; column-width: 180px; margin-top: -20px; } .dropdown .tb_subcategories > .tb_multicolumn.tb_list_1:first-child { margin-top: 0; } .dropdown .tb_subcategories > .tb_multicolumn:not(.tb_list_1) > * { display: table; width: 100%; margin-top: 0; padding-top: 20px; } .dropdown .tb_subcategories > .tb_multicolumn > *:after { content: ''; display: table; clear: both; } .dropdown .tb_subcategories > .tb_multicolumn:not(.tb_list_1) > * > :last-child { margin-bottom: 0 !important; } .dropdown .tb_subcategories .tb_multicolumn .h4, .dropdown .tb_subcategories .tb_multicolumn .h4 .tb_text { display: block; } .dropdown-menu .col-md-fill .tb_category_brands { margin: 0 -20px; padding: 20px 20px 0 20px; } .dropdown-menu .col-md-fill .tb_category_brands .tb_list_1 { margin-bottom: ; } .tb_images, .tab-content > .tb_megamenu > .dropdown-menu > .tb_category_brands .tb_images { text-align: center; margin-top: -10px; margin-left: -20px; } .tb_images > * { display: inline-block; margin-top: 10px; margin-left: 20px; } .tb_multicolumn { -webkit-column-width: 140px; -moz-column-width: 140px; column-width: 140px; } .tb_multicolumn *, .tb_menu_brands .tb_letter { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .tb_multicolumn:not(.tb_list_1) > * + * { margin-top: 20px; } .tb_menu_brands .tb_letter + .tb_letter { margin-top: 10px; } .tb_menu_brands .tb_grid_view .tb_letter ul { margin-bottom: 0; } .tb_category_info_col * { color: inherit !important; } .tb_category_info_col .tb_desc { opacity: 0.9; } @media (max-width: 768px) { .tb_category_info_col { display: none; } } .tb_menu_banner { position: relative; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; } .tb_menu_banner a { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .dropdown-menu > .tb_menu_banner { width: auto; float: none; max-width: none; margin: 20px -20px -20px -20px; padding: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row:first-child:last-child { -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 100%; } .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row:first-child:last-child .tb_subcategories { -ms-flex: 0 0 auto; flex: 0 0 auto; } .tb_menu_banner { -ms-flex-direction: row !important; flex-direction: row !important; } } /* Dropdown tabs --------------------------------------------------------------------- */ .dropdown-menu > .tb_tabs > .nav-tabs { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .dropdown-menu > .tb_tabs > .nav-tabs > li { border-color: transparent !important; } .dropdown-menu > .tb_tabs > .nav-tabs > li { border-radius: 0; } .dropdown-menu > .tb_tabs.tabs-left > .nav-tabs { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dropdown-menu > .tb_tabs.tabs-right > .nav-tabs { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-menu > .tb_tabs.tabs-left > .nav-tabs > li:first-child { border-top-left-radius: inherit; } .dropdown-menu > .tb_tabs.tabs-left > .nav-tabs > li:last-child { border-bottom-left-radius: inherit; } .dropdown-menu > .tb_tabs.tabs-right > .nav-tabs > li:first-child { border-top-right-radius: inherit; } .dropdown-menu > .tb_tabs.tabs-right > .nav-tabs > li:last-child { border-top-bottom-radius: inherit; } .dropdown-menu > .tb_tabs > .nav-tabs > .dropdown.tb_hovered { margin-bottom: 0; padding-bottom: 0; } .dropdown-menu > .tb_tabs > .nav-tabs > .dropdown:after, .dropdown-menu > .tb_tabs > .tab-content > .dropdown:after { content: none; } .dropdown-menu > .tb_tabs > .tab-content { border: none !important; } .dropdown-menu > .tb_tabs > .tab-content > * { display: none; } .dropdown-menu > .tb_tabs > .nav-tabs > .dropdown > a, .dropdown-menu > .tb_tabs > .tab-content, .dropdown-menu > .tb_tabs > .tab-content .col { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .dropdown-menu > .tb_tabs > .tab-content > .dropdown > .dropdown-menu { display: block; padding: 20px; } .dropdown-menu > .tb_tabs > .tab-content > .tb_opened, .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .row, .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu, .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu, .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row > .col-xs-12:first-child { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; } @media (-webkit-min-device-pixel-ratio:0) { .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } } @-moz-document url-prefix() { .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .row { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } } .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > *:not(.row) { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0; padding: 20px; } .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .clear { padding: 0; } .tb_tabbed_menu > .dropdown-menu, .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu { padding: 0 !important; } .dropdown-menu > .tb_tabs > .tab-content > .tb_megamenu > .dropdown-menu > .tb_ip_20 { margin: 0; } .dropdown-menu > .tb_tabs > .tab-content > .dropdown > .dropdown-menu, .dropdown-menu > .tb_tabs > .tab-content > .dropdown:hover > .dropdown-menu, .dropdown-menu > .tb_tabs > .tab-content > .dropdown.tb_hovered > .dropdown-menu { position: static; width: auto !important; margin: 0; box-shadow: none; opacity: 1 !important; } .dropdown-menu > .tb_tabs > .tab-content .col { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories, .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories + .border, .dropdown-menu > .tb_tabs > .tab-content .tb_category_brands, .dropdown-menu > .tb_tabs > .tab-content .tb_category_info { -ms-flex: 1 1 0px; -webkit-flex: 1 1 0px; flex: 1 1 0px; width: 100%; } .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories { -ms-flex: 0 0 auto; } .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories ~ .border, .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories ~ .tb_category_brands { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: calc(100% + 40px); } .dropdown-menu > .tb_tabs > .tab-content .tb_subcategories ~ .tb_category_brands { width: 100%; } .tb_megamenu .tb_images { margin-top: 0; } @media (max-width: 768px) { .dropdown .tb_subcategories ~ .tb_category_brands { padding-bottom: 20px; } } .nav:not(.nav-responsive) > li > .dropdown-menu > .tb_tabs > .tab-content > li > a { display: none; } @media (min-width: 769px) { .nav.nav-responsive > li > .dropdown-menu > .tb_tabs > .tab-content > li > a { display: none; } } @media (max-width: 768px) { .nav.nav-responsive > li > .dropdown-menu > .tb_tabs > .nav-tabs, .nav.nav-responsive .tb_menu_banner { display: none !important; } .nav.nav-responsive > li > .dropdown-menu > .tb_tabs > .tab-content, .nav.nav-responsive > li > .dropdown-menu > .tb_tabs > .tab-content > li { display: block !important; } .nav.nav-responsive > li > .dropdown-menu > .tb_tabs > .tab-content > li:not(.tb_active):not(.tb_hovered) > .dropdown-menu, .nav.nav-responsive > li > .dropdown-menu > .tb_tabs > .tab-content .tb_category_info_col { display: none !important; } .nav.nav-responsive .dropdown .tb_subcategories > .tb_multicolumn { margin-top: 0; } .nav.nav-responsive .col-xs-12 { width: 100% !important; } .nav.nav-responsive .tb_separate_columns.tb_ip_20 > .col:not(.tb_menu_banner) + .col { margin-top: 20px !important; padding-top: 20px; } .nav.nav-responsive .dropdown-menu > .clear.border { margin-left: 0; margin-right: 0; } } /* ----------------------------------------------------------------------------------------- U N S O R T E D ----------------------------------------------------------------------------------------- */ .tb_vsep_0 > li { padding-top: 0; padding-bottom: 0; } .tb_vsep_xs > li, .tb_vsep_xs > li > a { padding-top: 2px; padding-bottom: 2px; } .tb_vsep_sm > li, .tb_vsep_sm > li > a { padding-top: 5px; padding-bottom: 5px; } .tb_vsep_md > li, .tb_vsep_md > li > a { padding-top: 10px; padding-bottom: 10px; } .tb_vsep_lg > li, .tb_vsep_lg > li > a { padding-top: 15px; padding-bottom: 15px; } .tb_vsep_xs > li > a { margin-top: -2px; margin-bottom: -2px; } .tb_vsep_sm > li > a { margin-top: -5px; margin-bottom: -5px; } .tb_vsep_md > li > a { margin-top: -10px; margin-bottom: -10px; } .tb_vsep_lg > li > a { margin-top: -15px; margin-bottom: -15px; } .tb_list_1.tb_vsep_xs > li:before { top: 12px; } .tb_list_1.tb_vsep_sm > li:before { top: 15px; } .tb_list_1.tb_vsep_md > li:before { top: 20px; } .tb_list_1.tb_vsep_lg > li:before { top: 25px; } /* ----------------------------------------------------------------------------------------- L A Z Y L O A D ----------------------------------------------------------------------------------------- */ .container.lazyload, .container-fluid.lazyload, .row-wrap.lazyload, .row-wrap.lazyload > .row, .row-wrap.lazyload > .row > .col, .row-wrap.lazyload .tb_wt, .row-wrap.lazyload .tb_banner .tb_image { background-image: none !important; } /* ----------------------------------------------------------------------------------------- S T I C K Y S I D E B A R ----------------------------------------------------------------------------------------- */ .col-sticky, .col-sticky.is_stuck { min-width: 0; margin-top: 0; margin-left: 0; margin-right: 0; } .is_stuck { min-width: 0 !important; } .tb_sticky_sidebar { min-width: 0; } .col-sticky > .row { -ms-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } /* ----------------------------------------------------------------------------------------- T H E M E S T Y L E ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- C O M P O N E N T S ----------------------------------------------------------------------------------------- */ .dropdown-menu { border-radius: 5px; } .tb_category_info_col { border: none !important; } .price-old:before { transform: rotate(-13deg); } .tb_listing_options.tb_style_plain { border-radius: 8px; } /* ----------------------------------------------------------------------------------------- H E A D E R ----------------------------------------------------------------------------------------- */ #sticky_header { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 0 10px rgba(0, 0, 0, 0.1); } .tbSticky .tbStickyRow .tbMainNavigation + .tbMainNavigation { margin-left: 20px; } .tbMainNavigationBar, .tb_listing_options.tb_style_plain:not(.tb_pt_0):not(.tb_pb_0):not(.tb_pl_0), .tb_listing_options.tb_style_plain:not(.tb_pt_0):not(.tb_pb_0):not(.tb_pl_0) > * { position: relative; } .tbMainNavigationBar:before, .tb_listing_options.tb_style_plain:not(.tb_pt_0):not(.tb_pb_0):not(.tb_pl_0):before { content: ''; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; display: block; background-image: -webkit-linear-gradient( right, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%), -webkit-linear-gradient(bottom, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%), -webkit-linear-gradient( right, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%), -webkit-linear-gradient(bottom, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%); background-image: linear-gradient( to right, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%), linear-gradient( to bottom, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%), linear-gradient( to right, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%), linear-gradient( to bottom, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 50%); background-size: 16px 1px, 1px 16px, 16px 1px, 1px 16px; background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; background-position: 0 0, 100% 0, 0 100%, 0 0; border-radius: 5px; } .tb_listing_options.tb_style_plain:not(.tb_pt_0):not(.tb_pb_0):not(.tb_pl_0):before { background-image: -webkit-linear-gradient( right, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%), -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%), -webkit-linear-gradient( right, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%), -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%); background-image: linear-gradient( to right, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%), linear-gradient( to bottom, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%), linear-gradient( to right, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%), linear-gradient( to bottom, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 50%); } #copy { font-size: 12px; } .dashed_main:not(.dashed_overlay), .dashed_secondary:not(.dashed_overlay), .dashed_dark:not(.dashed_overlay), .dashed_darkest:not(.dashed_overlay), .dashed_light:not(.dashed_overlay), .dashed_main:after, .dashed_secondary:after, .dashed_dark:after, .dashed_darkest:after, .dashed_light:after { background-size: 16px 1px, 1px 16px, 16px 1px, 1px 16px !important; background-repeat: repeat-x, repeat-y, repeat-x, repeat-y !important; background-position: 0 0, 100% 0, 0 100%, 0 0 !important; } .row-wrap.dashed_main, .row-wrap.dashed_secondary, .row-wrap.dashed_dark, .row-wrap.dashed_darkest, .row-wrap.dashed_light { -webkit-background-origin: padding-box !important; background-origin: padding-box !important; } .row-wrap.dashed_overlay, .row-wrap.dashed_overlay > .row { position: relative; z-index: 1; } .dashed_overlay:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .tb_widget_banner.dashed_overlay:after { z-index: 2; } .dashed_main:not(.dashed_overlay), .dashed_main:after { background-image: -webkit-linear-gradient( right, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient( right, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%) !important; background-image: linear-gradient( to right, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%), linear-gradient( to right, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(147,196,188, 0.6) 50%, rgba(0,0,0,0) 50%) !important; } .dashed_secondary:not(.dashed_overlay), .dashed_secondary:after { background-image: -webkit-linear-gradient( right, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient( right, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%) !important; background-image: linear-gradient( to right, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%), linear-gradient( to right, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(167,116,170, 0.4) 50%, rgba(0,0,0,0) 50%) !important; } .dashed_darkest:not(.dashed_overlay), .dashed_darkest:after { background-image: -webkit-linear-gradient( right, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient( right, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%) !important; background-image: linear-gradient( to right, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%), linear-gradient( to right, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 50%) !important; } .dashed_dark:not(.dashed_overlay), .dashed_dark:after { background-image: -webkit-linear-gradient( right, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient( right, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%) !important; background-image: linear-gradient( to right, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%), linear-gradient( to right, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 50%) !important; } .dashed_light:not(.dashed_overlay), .dashed_light:after { background-image: -webkit-linear-gradient( right, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient( right, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%), -webkit-linear-gradient(bottom, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%) !important; background-image: linear-gradient( to right, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%), linear-gradient( to right, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%), linear-gradient( to bottom, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 50%) !important; } .dashed_1px_md:not(.dashed_overlay), .dashed_1px_md:after { background-size: 20px 1px, 1px 20px, 20px 1px, 1px 20px !important; } .dashed_2px_md:not(.dashed_overlay), .dashed_2px_md:after { background-size: 20px 2px, 2px 20px, 20px 2px, 2px 20px !important; } .dashed_3px_md:not(.dashed_overlay), .dashed_3px_md:after { background-size: 20px 3px, 3px 20px, 20px 3px, 3px 20px !important; } .dashed_1px_lg:not(.dashed_overlay), .dashed_1px_lg:after { background-size: 24px 1px, 1px 24px, 24px 1px, 1px 24px !important; } .dashed_2px_lg:not(.dashed_overlay), .dashed_2px_lg:after { background-size: 24px 2px, 2px 24px, 24px 2px, 2px 24px !important; } .dashed_3px_lg:not(.dashed_overlay), .dashed_3px_lg:after { background-size: 24px 3px, 3px 24px, 24px 3px, 3px 24px !important; } .dashed_offset_5px:after { top: 5px; right: 5px; bottom: 5px; left: 5px; border-radius: 5px; } .dashed_offset_10px:after { top: 10px; right: 10px; bottom: 10px; left: 10px; border-radius: 8px; } /* ----------------------------------------------------------------------------------------- D E C O R A T I O N ----------------------------------------------------------------------------------------- */ #decoration_scene_top { z-index: 1; overflow: hidden; direction: ltr; } #decoration_scene_top, .tb_dec__layer, .tb_dec__layer * { position: absolute; display: block; } #decoration_scene_top, .tb_dec__layer { top: 0; left: 0; width: 100%; height: 500px; } #decoration_scene_top svg { position: static; } .tb_dec__cloud1 { width: 170px; height: 100px; } .tb_dec__cloud2 { width: 112px; height: 57px; } .tb_dec__cloud3 { width: 85px; height: 53px; } .tb_dec__plane, .tb_dec__plane .tb_dec__part1 { width: 92px; height: 60px; } .tb_dec__plane .tb_dec__part1 { position: static; top: 0; left: 0; } .tb_dec__plane .tb_dec__part2 { top: 0; right: 0; width: 6px; height: 60px; animation: fin_rotate linear 0.2s; animation-iteration-count: infinite; } .tb_dec__flipped { transform: rotateY(180deg); } /*** Positions ***/ .tb_dec__pos1 { top: 190px; left: -180px; animation: move_left_to_right linear 120s; animation-iteration-count: infinite; } .tb_dec__pos2 { top: -50px; left: -180px; animation: move_left_to_right linear 240s; animation-iteration-count: infinite; animation-delay: 20s; } .tb_dec__pos4 { top: 90px; left: -160px; animation: move_left_to_right linear 180s; animation-iteration-count: infinite; animation-delay: 30s; } .tb_dec__pos3 { top: 220px; left: -160px; animation: plane_move linear 90s; animation-iteration-count: infinite; animation-delay: 10s; } .tb_dec__pos5 { top: 15px; left: -160px; animation: plane_move linear 90s; animation-iteration-count: infinite; animation-delay: 10s; } .tb_dec__reverse { animation-direction: reverse; } /*** Animations ***/ #decoration_scene_top ~ section, #decoration_scene_top ~ #wrapper > section { position: relative; } #decoration_scene_top ~ #wrapper > section { z-index: 1; } #wrapper.container { position: relative; z-index: 1; } @media (max-width: 767px) { #decoration_scene_top { display: none; } #decoration_scene_top * { -webkit-animation: none !important; animation: none !important; } }