/****************************************************************** STYLESHEET: Funidelia Main Stylesheet ******************************************************************/ /* ------------------------------------------------------ */ /* CSS RESET: NORMALIZE V8.0.0 */ /* ------------------------------------------------------ */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus{outline:none !important;border: 0;} *::-moz-focus-inner { border: 0; } *:focus::-ms-value{outline:none !important;border: 0;} html { line-height: 1.5; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } hr { margin: 10px 0px; padding: 0px; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; border: 0px; border-top: 1px solid #E5E5E5; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } p { line-height: 1.5; margin-top: 0; margin-bottom: 0.75rem; } b, strong { font-weight: bolder; } dfn, em { font-style: italic; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin: 0; white-space: pre-wrap; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; outline: none; -moz-outline: none; } button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {margin: 0; outline: none; -moz-outline: none;} button::-moz-focus-inner, input::-moz-focus-inner, optgroup::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner {border:0;margin: 0; outline: none; -moz-outline: none;} button, input { overflow: visible; } button, select { text-transform: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; border-style: none; padding: 0; } button:-moz-focusring, input[type="button"]:-moz-focusring, input[type="reset"]:-moz-focusring, input[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } button[disabled], html input[disabled] { cursor: default; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; border: 0; } progress { vertical-align: baseline; } textarea { overflow: auto; vertical-align: top; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="file"]::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } address { font-style: normal; } summary { display: list-item; } [hidden], template { display: none; } menu { padding: 0; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0; } ol, ul { padding: 0; list-style-type: none; } nav ul, nav ol { list-style: none; list-style-image: none; } ul, ol { margin-top: 1.5rem; margin-bottom: 1.5rem; } ul li, ol li { line-height: 1.3rem; } ul ul, ol ul, ul ol, ol ol { margin-top: 0; margin-bottom: 0; } blockquote { line-height: 1.5rem; margin-top: 0px; margin-bottom: 15px; padding: 0px; } table { margin-top: 1.5rem; border-spacing: 0; border-collapse: collapse; } table td, table th { padding: 0; line-height: 1.15; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin-top: 0; margin-bottom: 0.75rem; line-height: 1.5rem; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; } img[data-sizes="auto"] { display: block; } /* ------------------------------------------------------ */ /* GENERAL */ /* ------------------------------------------------------ */ body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666666; background: #FFFFFF; } /* ------------------------------------------------------ */ /* TEXT */ /* ------------------------------------------------------ */ .tit-b { margin-top: 0; margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 1.5; color: #333333; } .tit-m { margin-top: 0; margin-bottom: 10px; font-size: 20px; font-weight: 700; line-height: 1.5; color: #333333; } .tit-n { margin-top: 0; margin-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #333333; } .tit-s { margin-top: 0; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 1.5; color: #333333; } .tit-sb { margin-top: 0; margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 1.5; color: #333333; } .tit-b a, .tit-m a, .tit-n a, .tit-s a, .tit-b a:hover, .tit-m a:hover, .tit-n a:hover, .tit-s a:hover { color: inherit; border: 0px; } .atit-b { margin-bottom: 0px; font-size: 12px; font-weight: 400; line-height: 1.25; color: #919191; text-transform: uppercase; } .atit-m { margin-bottom: 0px; font-size: 11px; font-weight: 400; line-height: 1.25; color: #919191; text-transform: uppercase; } .atit-n { margin-bottom: 2px; font-size: 10px; font-weight: 400; line-height: 1.25; color: #919191; text-transform: uppercase; } .atit-s { margin-bottom: 2px; font-size: 9px; font-weight: 400; line-height: 1.25; color: #919191; text-transform: uppercase; } .stit-b { padding-bottom: 10px; font-size: 20px; font-weight: normal; line-height: 1.25; color: #5C5C5C; border-bottom: 1px dotted #C2C2C2; } .stit-m { padding-bottom: 10px; font-size: 18px; font-weight: normal; line-height: 1.25; color: #5C5C5C; border-bottom: 1px dotted #C2C2C2; } .stit-n { padding-bottom: 10px; font-size: 17px; font-weight: normal; line-height: 1.25; color: #5C5C5C; border-bottom: 1px dotted #C2C2C2; } .stit-s { padding-bottom: 10px; font-size: 16px; font-weight: normal; line-height: 1.25; color: #5C5C5C; border-bottom: 1px dotted #C2C2C2; } .tit-landing, .tit-pro { margin-top: 0; margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 1.25; color: #333333; } .tit-bscc, .tit-scc { overflow: hidden; display: block; margin-top: 15px; margin-bottom: 20px; font-weight: 700; line-height: 1.25; color: #333333; text-align: center; } .tit-bscc:before, .tit-bscc:after, .tit-scc:before, .tit-scc:after { position: relative; width: 50%; height: 1px; display: inline-block; content: ""; vertical-align: middle; background-color: #ECECEC; } .tit-bscc:before, .tit-scc:before { right: 0.5em; margin-left: -50%; } .tit-bscc:after, .tit-scc:after { left: 0.5em; margin-right: -50%; } .tit-bscc { font-size: 24px; } .tit-scc { font-size: 20px; } /*div.tit-scc:empty, div.tit-scc:before, div.tit-scc:after { display: none !important; }*/ .tit-boxf1 { margin: 0px; padding: 15px; font-weight: 700; font-size: 14px; text-align: center; color: #333333; text-transform: uppercase; background: #E5E5E5; } .tit-boxf2 { margin: 0px; padding: 15px; font-weight: 700; font-size: 14px; text-align: center; color: #FFFFFF; text-transform: uppercase; background: #999999; } .tit-landing a, .tit-pro a, .tit-bscc a, .tit-scc a, .tit-boxf1 a, .tit-boxf1 a .tit-landing a:hover, .tit-pro a:hover, .tit-bscc a:hover, .tit-scc a:hover, .tit-boxf1 a:hover, .tit-boxf1 a:hover { color: inherit; border: 0px; } .tit-landing a:hover { color: #000000; border-bottom: 0px; } .tit-backend { margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #333333; border-bottom: 1px solid #e5e5e5; } .tit-backend-des { margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #cf9c08; } .tit-backend-bdes { margin-top: 0; margin-bottom: 5px; font-size: 24px; font-weight: 700; line-height: 1.5; color: #cf9c08; } .tit-backend-int { margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #cf9c08; } .tit-backend-int .txt { font-weight: normal; } .txt-b { font-size: 18px; } .txt-m { font-size: 16px; } .txt-n { font-size: 14px; } .txt-sn { font-size: 13px; } .txt-s { font-size: 12px; } .txt-sb, .txt-sb p, .note-text { font-size: 11px; line-height: 1.5; } .note-anx { font-size: 12px; color: #888888; } .note-error { display: block; margin-top: 10px; font-size: 11px; color: #a94442; } .txt-nstrong { font-weight: normal; } .txt-strong { font-weight: 700; } .txt-nstrong-small { font-weight: 400; font-size: 14px; } .txt-pl { text-align: left !important; } .txt-pr { text-align: right !important; } .txt-pc { text-align: center !important; } .txt-pj { text-align: justify !important; text-justify: inter-word !important; } .txt-icase { text-transform: none !important; } .txt-lcase { text-transform: lowercase !important; } .txt-ucase { text-transform: uppercase !important; } .txt-ccase { text-transform: capitalize !important; } .txt-nwrap { white-space: nowrap; } .txt-normal { color: #666666; } .txt-correct { color: #3C763D; } .txt-error { color: #a94442; } .txt-info { color: #8A6D3B; } .txt-alert { color: #CC9900;; } .txt-plusinfo { color: #31708F; } .txt-urgent { color: #CC0000; } .txt-ng { color: #FFFFFF; } .txt-grey { color: #888888; } .txt-important { color: #cf9c08; } .txt-num { display: inline-block; width: 28px; margin: 0px 2px; padding: 4px 0px; line-height: 1; text-align: center; color: #333333; text-decoration: none; border: 2px solid #333333; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .txt-emp { color: #333333; font-weight: 700; } .txt-highlight { display: inline-block; margin-top: 8px; padding: 5px 7px; color: #70714b; font-size: 12px; font-weight: 700; background: #ffffd3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } a.txt-grey { border-bottom: 0px; } a.txt-grey:focus { color: #888888; border-bottom: 0px; } a.txt-grey:active { color: #888888; border-bottom: 0px; } .des, .txt-des { color: #CC9900; } .price { font-size: 18px; font-weight: 700; color: #333333; } .price-m { font-size: 15px; font-weight: 700; color: #333333; } .price-p { font-size: 14px; color: #DB8000; text-decoration: line-through; } .price-d { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; font-size: 18px; font-weight: 700; line-height: 1; color: #FFFFFF; letter-spacing: -1px; background: #DB8000; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .state-normal { color: #004085; font-size: 13px; text-transform: uppercase; font-weight: 700; } .state-inprocess { color: #cc9900; font-size: 13px; text-transform: uppercase; font-weight: 700; } .state-accept { color: #688700; font-size: 13px; text-transform: uppercase; font-weight: 700; } .state-cancel { color: #990000; font-size: 13px; text-transform: uppercase; font-weight: 700; } .available, .available-time { font-size: 12px; text-transform: uppercase; color: #598527; } .navailable, .navailable-time { font-size: 12px; text-transform: uppercase; color: #CC0000; } .available-out { font-size: 12px; text-transform: uppercase; color: #a94442; } .badged { position: absolute; display: block; top: -6px; right: 0px; padding: 4px 5px; font-size: 12px !important; font-weight: 700; color: #FFFFFF; background: #f8981d; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .badged-correct { color: #FFFFFF; background: #28a745; } .badged-error { color: #FFFFFF; background: #dc3545; } .badged-alert { color: #333333; background: #ffc107; } .badged-info { color: #FFFFFF; background: #17a2b8; } @media (max-width: 992px) { .tit-b { font-size: 21px; } .tit-m { font-size: 18px; } .tit-n { font-size: 15px; } .tit-s { font-size: 14px; } .atit-b { font-size: 11px; } .atit-m { font-size: 10px; } .atit-n { font-size: 9px; } .atit-s { font-size: 8px; } .stit-b { font-size: 18px; } .stit-m { font-size: 16px; } .stit-n { font-size: 15px; } .stit-s { font-size: 14px; } .tit-landing, .tit-pro { font-size: 21px; } .tit-bscc { font-size: 18px; } .tit-scc { font-size: 18px; } .tit-boxf1 { font-size: 14px; } .tit-boxf2 { font-size: 14px; } } @media (max-width: 768px) { .tit-b { font-size: 21px; } .tit-m { font-size: 18px; } .tit-n { font-size: 15px; } .tit-s { font-size: 14px; } .atit-b { font-size: 11px; } .atit-m { font-size: 10px; } .atit-n { font-size: 9px; } .atit-s { font-size: 8px; } .stit-b { font-size: 18px; } .stit-m { font-size: 16px; } .stit-n { font-size: 15px; } .stit-s { font-size: 14px; } .tit-landing, .tit-pro { font-size: 21px; } .tit-bscc { font-size: 18px; } .tit-scc { font-size: 18px; } .tit-boxf1 { font-size: 14px; } .tit-boxf2 { font-size: 14px; } .tit-backend {font-size: 16px; } .tit-backend-des { font-size: 16px; } .tit-backend-bdes { font-size: 18px; } /*div.tit-scc:empty, div.tit-scc:before, div.tit-scc:after { display: none !important; }*/ } @media (max-width: 700px) { .tit-bscc, .tit-scc { border-top: 1px solid #E5E5E5; padding-top: 15px; } .tit-bscc:before, .tit-bscc:after, .tit-scc:before, .tit-scc:after { background: transparent; } /*div.tit-scc:empty, div.tit-scc:before, div.tit-scc:after { display: none !important; }*/ } @media (max-width: 576px) { .tit-b { font-size: 21px; } .tit-m { font-size: 18px; } .tit-n { font-size: 15px; } .tit-s { font-size: 14px; } .atit-b { font-size: 11px; } .atit-m { font-size: 10px; } .atit-n { font-size: 9px; } .atit-s { font-size: 8px; } .stit-b { font-size: 18px; } .stit-m { font-size: 16px; } .stit-n { font-size: 15px; } .stit-s { font-size: 14px; } .tit-landing, .tit-pro { font-size: 21px; } .tit-bscc { font-size: 18px; } .tit-scc { font-size: 18px; } .tit-boxf1 { font-size: 14px; } .tit-boxf2 { font-size: 14px; } } /* ------------------------------------------------------ */ /* LIST */ /* ------------------------------------------------------ */ ul { position: relative; margin: 5px 0px 15px 0px; padding-left: 25px; } ul > li { margin-bottom: 5px; } ul > li:last-child { margin-bottom: 0; } ul > li::before { position: absolute; left: 0; padding: 2px 8px; content:"\e923 "; font-family: 'iconfuni'; font-size: 50%; } ol { position: relative; margin: 15px 0px 15px 0px; padding-left: 35px; } ol > li { counter-increment: step-counter; margin-top: 5px; margin-bottom: 15px; } ol > li:last-child { margin-bottom: 0; } ol > li::before { content: counter(step-counter); position: absolute; left: 0; display: inline-block; padding: 2px 10px; font-family: 'Open Sans', sans-serif; font-size: 100%; color: #333333; font-weight: 700; background-color: #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ol[type="1"] > li::before { content: counter(step-counter); position: absolute; left: 0; display: inline-block; padding: 2px 10px; font-family: 'Open Sans', sans-serif; font-size: 100%; color: #333333; font-weight: 700; background-color: #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ol[type="A"] > li::before { content: counter(step-counter,lower-alpha); text-transform: uppercase; position: absolute; left: 0; display: inline-block; padding: 2px 10px; font-family: 'Open Sans', sans-serif; font-size: 100%; color: #333333; font-weight: 700; background-color: #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul { margin-bottom: 15px; } ol > li > ol > li { counter-increment: step-counter-nested; } ol > li > ol > li::before { content: counter(step-counter-nested); background-color: #F5F5F5; font-weight: 400; } ol > li > ol[type="1"] > li::before { content: counter(step-counter-nested); background-color: #F5F5F5; font-weight: 400; } ol > li > ol[type="A"] > li::before { content: counter(step-counter-nested,lower-alpha); background-color: #F2F2F2; font-weight: 400; } ul.lst-nbullet { padding-left: 0px; } ul.lst-nbullet > li::before { display: none; } ul.lst-links { position: relative; margin: 5px 0px 15px 0px; padding-left: 25px; } ul.lst-links > li { margin-bottom: 3px; } ul.lst-links > li:last-child { margin-bottom: 0; } ul.lst-links > li::before { position: absolute; left: 0; padding: 2px 8px; content:"\e90a "; font-family: 'iconfuni'; font-size: 65%; } ul.lst-links > li a { color: #555555; text-decoration: none; border-bottom: 1px dotted #C2C2C2; } ul.lst-links > li a:hover { color: #994900; border-bottom: 1px dotted #994900; } ul.lst-links .des { font-weight: 700; } ul.lst-space > li { margin-bottom: 8px; } ul.lst-tags { position: relative; margin: 0px; padding: 0px; vertical-align: middle; } ul.lst-tags > li { float: left; margin: 3px 2px; display: block; } ul.lst-tags > li:last-child { margin-bottom: 0; } ul.lst-tags > li::before { display: none; } ul.lst-tags > li a.tag-selected { display: block; max-width: 175px; padding: 0px 9px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; background: #acacac; border-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.lst-tags > li a.tag-selected:hover { background: #333333; } ul.lst-tags > li a.tag-selected:after { display: inline-block; margin-left: 5px; padding: 0px; line-height: 1; content: "\e92a"; font-family: "iconfuni"; color: #FFFFFF; font-size: 11px; } ul.lst-tags > li a.tag-more { display: block; padding: 0px 9px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; background: #acacac; border-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.lst-tags > li a.tag-more:hover { background: #333333; } ul.lst-tags > li.hidden { display: none; } ul.lst-cols { position: relative; margin: 5px 0px 24px 0px; padding: 0px; width: 100%; columns:5; -webkit-column-count:5; -moz-column-count:5; -ms-column-count:5; -o-column-count:5; column-count:5; -webkit-column-gap:10px; -moz-column-gap:10px; -ms-column-gap:10px; -o-column-gap:10px; column-gap:10px; } ul.lst-cols > li { margin-bottom: 0px; } ul.lst-cols > li::before { display: none; } ul.lst-cols > li a { color: #555555; border-bottom: 0; } ul.lst-cols > li a:hover { color: #994900; border-bottom: 1px dotted #994900; } ul.lst-line { position: relative; margin: 5px auto 15px auto; padding: 15px 0px 0px 0px; text-align: center; border-top: 1px solid #E5E5E5; } ul.lst-line > li { display: inline-block; } ul.lst-line > li::before { display: none; } ul.lst-line > li a { color: #555555; font-weight: 700; border-bottom: 0; } ul.lst-line > li a:hover { color: #994900; border-bottom: 1px dotted #994900; } ul.lst-line > li:after { position: relative; top: -2px; margin:0px 0px 0px 5px; display: inline-block; content: "●"; font-size: 10px; color: #555555; } ul.lst-line > li:last-child::after { display: none; } ul.lst-boxlinks, ul.lst-tags-found { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px; list-style-type: none; } ul.lst-tags-found { margin: 15px -5px 15px -5px; } ul.lst-boxlinks { margin: 0px 0px; } ul.lst-boxlinks > li, ul.lst-tags-found > li { z-index: 1; box-sizing: border-box; flex: 1 0 306px; max-width: calc(25% - 10px); margin: 0px 5px 10px 5px; padding: 0px; font-size: 11px; } ul.lst-boxlinks > li::before, ul.lst-tags-found > li::before { display: none; } ul.lst-boxlinks > li a.btn-box, ul.lst-tags-found > li a.btn-box { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin: 0px; padding: 10px 20px 10px 10px; font-size: 11px; border-color: #cccccc; } ul.lst-boxlinks > li a.btn-box:hover, ul.lst-tags-found > li a.btn-box:hover { color: #333333; background: #cccccc; } ul.lst-boxlinks > li a.btn-box:hover::after, ul.lst-tags-found > li a.btn-box:hover::after { color: #333333; } #lst-products ul.lst-boxlinks { margin-bottom: 15px; } #lst-products ul.lst-boxlinks .btn-box:focus, #lst-products ul.lst-boxlinks .btn-box:focus { color: #333333; text-decoration: none; background:#FFFFFF; } ul.lst-wline { position: relative; margin: 5px 0px 15px 0px; padding: 0px; } ul.lst-wline > li { padding-top: 5px; padding-bottom: 10px; border-bottom: 1px dotted #e5e5e5; } ul.lst-wline > li:first-child { padding-top: 0px; } ul.lst-wline > li:last-child { padding-bottom: 0px; border-bottom: 0px; } ul.lst-wline > li::before { display: none; } ul.lst-actions { margin: 0; padding: 0; } ul.lst-actions li { margin: 0px; padding: 10px 0px; border-bottom: 1px dotted #e5e5e5; } ul.lst-actions li:before { display: none; } ul.lst-actions li:last-child { border-bottom: 0; } ul.lst-actions li.actions-replacement input, ul.lst-actions li.actions-collection_refund input, ul.lst-actions li.actions-collection input, ul.lst-actions li.actions-discount input, ul.lst-actions li.actions-refund input, ul.lst-actions li.actions-send_piece input, ul.lst-actions li.actions-super_discount input, ul.lst-actions li.actions-send input, ul.lst-actions li.actions-wait input, ul.lst-actions li.actions-cancel input, ul.lst-actions li.actions-contact input, ul.lst-actions li.actions-cancel-product input, ul.lst-actions li.actions-contact a { font-weight: 700; background: transparent; border: 0px; } ul.lst-actions li.actions-send, ul.lst-actions li.actions-send input { color: #4cae4c; } ul.lst-actions li.actions-wait, ul.lst-actions li.actions-wait input { color: #d58512;; } ul.lst-actions li.actions-cancel, ul.lst-actions li.actions-cancel input { color: #d43f3a; } ul.lst-actions li.actions-contact, ul.lst-actions li.actions-contact input { color: #1b73a0; } ul.lst-actions li.actions-cancel-product, ul.lst-actions li.actions-cancel-product input { color: #a06f23; } ul.lst-actions li.actions-discount, ul.lst-actions li.actions-discount input { color: #4cae4c; } ul.lst-actions li.actions-replacement, ul.lst-actions li.actions-replacement input { color: #0070a0; } ul.lst-actions li.actions-collection_refund, ul.lst-actions li.actions-collection_refund input { color: #d58512; } ul.lst-actions li.actions-collection, ul.lst-actions li.actions-collection_refund input { color: #d58512; } ul.lst-actions li.actions-refund, ul.lst-actions li.actions-refund input { color: #a06f23; } ul.lst-actions li.actions-send_piece, ul.lst-actions li.actions-send_piece input { color: #459aa0; } ul.lst-actions li.actions-super_discount, ul.lst-actions li.actions-super_discount input { color: #0070a0; } ul.lst-actions li.actions-contact a { padding: 1px 6px; display: inline-block; } ul.lst-opinion { position: relative; display: table; width: 100%; margin: 5px 0px 15px 0px; padding: 0px; } ul.lst-opinion > li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #e5e5e5; } ul.lst-opinion > li:first-child { padding-top: 0px; } ul.lst-opinion > li:last-child { padding-bottom: 0px; border-bottom: 0px; } ul.lst-opinion > li::before { display: none; } ul.lst-opinion .lst-opinion-media { display: table-cell; padding-right: 25px; vertical-align: top; } ul.lst-opinion .lst-opinion-dts { display: table-cell; width: 100%; vertical-align: top; } ul.lst-opinion .lst-opinion-dts .tit { margin-bottom: 5px; font-size: 14px; } ul.lst-opinion .lst-opinion-dts .tit a { color: #333333; border-bottom: 0px; } ul.lst-opinion .lst-opinion-dts .tit a:hover { color: #000000; border-bottom: 0px; } ul.lst-opinion .lst-opinion-comment { } ul.lst-opinion .lst-opinion-cols { float: left; padding-right: 15px; } .lst-instagram { position: relative; z-index: 100; display: block; margin: 0px; padding-left: 16px; padding-right: 16px; } .lst-instagram .lst-instagram-item { z-index: 1; float: left; margin: 0px 10px 10px 10px; padding: 0px; } .lst-instagram .lst-instagram-item a { overflow: hidden; position: relative; display: block; width: 100%; height: auto; min-height: 225px; border-bottom: 0px; background: #E5E5E5; } .lst-instagram .lst-instagram-item a:after { position: absolute; bottom: 5px; left: 10px; display: block; font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 20px; text-transform: none; color: #FFFFFF; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e956"; opacity: 0.8; } .lst-instagram .lst-instagram-item .img-responsive { position: absolute; top: auto; bottom: auto; left: auto; right: auto; display: block; width: auto; height: 120%; max-width: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; } .lst-instagram .lst-instagram-item .fdo { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); } .lst-instagram { margin-bottom: 14px; } .lst-instagram { padding-left: 16px; padding-right: 16px; } .lst-instagram .slick-prev, [dir='rtl'] .lst-instagram .slick-next { left: -7px; } [dir='rtl'] .lst-instagram .slick-prev, .lst-instagram .slick-next { right: -7px; } .lst-instagram .slick-prev, .lst-instagram .slick-next { width: 20px; height: 20px; } .lst-instagram .slick-prev:before, [dir='rtl'] .lst-instagram .slick-prev:before, .lst-instagram .slick-next:before, [dir='rtl'] .lst-instagram .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .lst-instagram .slick-prev:hover:before, [dir='rtl'] .lst-instagram .slick-prev:hover:before, .lst-instagram .slick-next:hover:before, [dir='rtl'] .lst-instagram .slick-next:hover:before { color: #000000; } .lst-instagram .item { padding-left: 7px; padding-right: 7px; } .lst-instagram .item img { margin-bottom: 14px; } .lst-instagram .slick-prev, .lst-instagram .slick-next { top: 45%; } ul.lst-colour { display: inline-block; margin: 0px; padding: 0px; } ul.lst-colour > li { list-style-type: none; display: inline-block; margin: 0px 5px 0px 0px; } ul.lst-colour > li:before { display: none; } ul.lst-colour > li:last-child { border-bottom: 0; } ul.lst-colour > li a { display: block; width: 30px; height: 30px; text-indent: -10000px; background: #FFFFFF; border: 2px solid #DCDCDC; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } ul.lst-colour > li a:hover { border-color: #994900; } ul.lst-colour > li a.active { border-color: #db8000; } ul.lst-colour > li a.active:hover { border-color: #994900; } @media (max-width: 1024px) { .lst-instagram .lst-instagram-item a { min-height: 215px; } } @media (max-width: 900px) { ul.lst-cols { columns:4; -webkit-column-count:4; -moz-column-count:4; -ms-column-count:4; -o-column-count:4; column-count:4; } ul.lst-boxlinks > li, ul.lst-tags-found > li { max-width: calc(33.33333% - 10px); } } @media (max-width: 768px) { ul.lst-dlinks > li { -webkit-box-flex: 0; -ms-flex: 0 0 32.66667%; flex: 0 0 32.66667%; max-width: 32.66667%; } ul.lst-dlinks > li:nth-child(4n) { margin-right: 1%; } ul.lst-dlinks > li:nth-child(3n) { margin-right: 0 !important; } } @media (max-width: 700px) { ul.lst-cols { font-size: 13px; columns:3; -webkit-column-count:3; -moz-column-count:3; -ms-column-count:3; -o-column-count:3; column-count:3; } ul.lst-line { font-size: 13px; } ul.lst-boxlinks > li, ul.lst-tags-found > li { max-width: calc(50% - 10px); } .lst-instagram { margin-bottom: 0px; max-height: 190px; } .lst-instagram .lst-instagram-item a { min-height: 176px; } } @media (max-width: 576px) { /****/ ul.lst-dlinks > li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 !important; } ul.lst-dlinks > li .link { margin: 0 !important; font-weight: 600; border: 1px solid #E5E5E5; border-bottom: 0; } ul.lst-dlinks > li .link:focus, ul.lst-dlinks > li .link:hover { border: 1px solid #E5E5E5; border-bottom: 0; } ul.lst-dlinks > li:last-child .link { border-bottom: 1px solid #E5E5E5; } ul.lst-dlinks .link::after { content: "\e90d"; } ul.lst-cols { columns:2; -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2; column-count:2; } ul.lst-boxlinks > li { max-width: 100% !important; margin-bottom: 0px; font-size: 10px; margin: 0 !important; } ul.lst-boxlinks > li a.btn-box, ul.lst-tags-found > li a.btn-box { padding: 12px 20px 12px 5px; font-size: 11px; border-left: 0px; border-right: 0px; border-top: 1px solid #E5E5E5; border-bottom: 0px; } ul.lst-boxlinks > li a.btn-box:hover, ul.lst-tags-found > li a.btn-box:hover { color: #333333;;background: transparent; } ul.lst-boxlinks > li a.btn-box::after, ul.lst-tags-found > li a.btn-box::after { right: 5px; color: #555555; font-size: 12px; } ul.lst-boxlinks > li:last-child a.btn-box, ul.lst-tags-found > li:last-child a.btn-box { border-bottom: 1px solid #E5E5E5; } ul.lst-tags-found > li { flex: 1 0 100% !important; max-width: 100% !important; margin-bottom: 0px; font-size: 10px; } .lst-instagram .lst-instagram-item a { min-height: 185px; } } /* ------------------------------------------------------ */ /* TABLES */ /* ------------------------------------------------------ */ table.tbl { margin-bottom: 15px; width: 100%; border-collapse: collapse; border: 1px solid #E5E5E5; } table.tbl caption { display: none; padding: 15px; width: 100%; font-size: 16px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; background: #666666; border: 1px solid #666666; } table.tbl caption.tbl-caption-emp, .tbl-caption-emp { padding: 15px; width: 100%; font-size: 16px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; background: #666666; border: 1px solid #666666; } table.tbl thead tr th { padding: 15px; font-size: 14px; font-weight: 700; color: #333333; text-transform: uppercase; white-space: nowrap; background: #E5E5E5; } table.tbl tbody tr { clear:both; width: 100%; border-top: 1px solid #E5E5E5; background: #FFFFFF; } table.tbl tbody tr.error { background: #faf8f4; border-right: 4px solid #db8000; } table.tbl > tbody > tr > td { padding: 15px; color: #555555; } table.tbl tbody td { text-align: left; vertical-align: top; line-height: 1.35; } table.tbl tbody td.td-actions { white-space: nowrap; } table.tbl tbody td.td-actions a { margin-bottom: 5px; } table.tbl tbody td.td-actions a:last-child { margin-bottom: 0px; } table.tbl tbody td.td-actions a:nth-child(2), table.tbl tbody td.td-actions a:nth-child(3) { margin-top: 10px; } table.tbl tbody td.td-actions .btn { font-size: 12px; padding: 10px 15px; } table.tbl tbody td.td-actions .action-d { margin-top: 15px; } table.tbl tbody td.td-actions-ib a { display: inline-block; } table.tbl tbody td .tit { display: none; } .tbl-caption-emp { display: block; margin: 0px; padding: 13px 15px; font-size: 14px; border: 0px; } .tbl-caption { display: block; margin: 0px; padding: 13px 15px; width: 100%; font-size: 14px; font-weight: 700; color: #333333; text-align: center; text-transform: uppercase; background: #E5E5E5; border: 1px solid #E5E5E5; } .tbl-caption-process { display: block; margin: 0px; padding: 13px 15px; width: 100%; font-size: 14px; font-weight: 700; color: #333333; text-align: left; text-transform: uppercase; background: #E5E5E5; border: 1px solid #E5E5E5; } table.tbl-ng thead tr th { color: #FFFFFF; background: #999999; } table.tbl-striped > tbody > tr:nth-of-type(odd) { background: #F5F5F5; } table.tbl-margin-no { margin: 0px; } table.tbl-simple { border-left: 0px; border-right: 0px; border-top: 0px; } table.tbl-simple thead tr th { text-align: left; border-bottom: 6px solid #E5E5E5; background: #FFFFFF; } table.tbl-simple tbody tr { clear:both; width: 100%; border-top: 1px solid #E5E5E5; background: #FFFFFF; } table.tbl .txt-check { padding: 15px 0px 15px 15px !important; } table.tbl .txt-check-dts { padding: 15px 15px 15px 5px !important; } table.tbl .txt-check-dts.wdts { padding: 15px 15px 15px 5px !important; } table.tbl .txt-pro-name { font-size: 14px; line-height: 1.5; } table.tbl .txt-pro-name a { color: #333333; border-bottom: 0px; } table.tbl .txt-pro-sizes { font-size: 12px; color: #999999; line-height: 1.5; } table.tbl .txt-mobile { display: none; } table.tbl .txt-select { white-space: nowrap; } table.tbl .txt-select .select-ctd { display: inline-block; padding-right: 15px; } table.tbl .txt-select input { display: inline-block; } table.tbl .txt-select .select-label { display: none; } table.tbl .txt-previous, table.tbl .txt-price-previous { font-size: 13px; color: #c00000; font-weight: 700; } table.tbl .txt-colpsan { background: #FEFBF4; } table.tbl .img-pro { position: relative; } table.tbl .error-num { position: absolute; left: -10px; top: -10px; display: block; padding: 3px 7px; font-weight: 700; color: #FFFFFF; font-size: 12px; background: #db8000;; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } table.tbl .num { font-size: 18px; color: #333333; line-height: 1.5; } table.tbl .link-del { padding-right: 30px; color: #555555; border-bottom: none; } table.tbl .link-del i { font-size: 20px; } table.tbl .link-del .txt { display: none; } table.tbl .nexpress { display: block; margin-top: 5px; } table.tbl-dts caption { padding: 15px; font-size: 14px; font-weight: 700; color: #333333; text-transform: uppercase; white-space: nowrap; background: #E5E5E5; border: 0px; } table.tbl-dts tbody td.td-actions .btn { font-size: 13px; } table.tbl-bundle, .modal table.tbl-bundle { margin-bottom: 0px; border: 4px solid #E5E5E5; } table.tbl-bundle tbody tr:first-child, .modal table.tbl-bundle tbody tr:first-child { border-top: 0px; } table.tbl-bundle tbody td.txt-pro, .modal table.tbl-bundle tbody td.txt-pro { padding-top: 20px; text-align: left; font-size: 14px; line-height: 1.5; } table.tbl-bundle tbody td.txt-select, .modal table.tbl-bundle tbody td.txt-select { padding-top: 20px; text-align: right; } table.tbl-bundle tbody td.img-pro img { max-width: 45px; } table.tbl tbody tr.row1a { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl tbody tr.row1b { clear:both; width: 100%; border-top: 0px; background: #ffffd3; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } table.tbl tbody tr.row1b td { position: relative; padding: 18px; } table.tbl tbody tr.row1b .arrow { position: absolute; top: -9px; left: 30px; width: 17px; height:9px; line-height: 9px; background: transparent url("https://static1.funidelia.com/img/global/funidelia6/fdo_dd_primary_more.gif") top center no-repeat; } @media (max-width: 700px) { table.tbl caption { display: block; width: 100%; } table.tbl thead { display: none; } table.tbl > tbody > tr > td:nth-child(2) { padding: 15px 15px 8px 15px; } table.tbl > tbody > tr > td:last-child { padding: 0px 15px 15px 15px; } table.tbl > tbody > tr > td { display: block; width: 100%; padding: 15px; } table.tbl tbody td.td-tit { padding: 15px; color: #333333; background: #E5E5E5; } table.tbl tbody td.td-tit .tit { font-weight: 700; } table.tbl tbody td.td-actions { text-align: right; } table.tbl tbody td.td-actions .action-d { display: inline-block; margin-top: 10px; margin-left: 20px; } table.tbl tbody td .tit { display: inline-block; width: 50%; } table.tbl .error-num { top: 5px; left: 5px; } table.tbl-ng tbody td.td-tit { padding: 15px; color: #FFFFFF !important; background: #999999 !important; } table.tbl-striped > tbody > tr:nth-of-type(odd) { background: #FFFFFF; } table.tbl .txt-mobile { display: block; } table.tbl .txt-check { padding: 15px 0px 0px 15px !important; } table.tbl .txt-check-dts { padding: 0px 15px 15px 15px !important; } table.tbl .txt-check-dts.wdts { padding: 15px 15px 0px 15px !important; } table.tbl .txt-bl { clear: both; float: left; width: 50%; padding: 0px 15px; } table.tbl .txt-br { float: right; width: 50%; padding: 0px 15px; } table.tbl .txt-bl .tit, table.tbl .txt-br .tit { width: auto; } table.tbl .txt-colpsan { padding: 15px !important; } table.tbl-bundle > tbody > tr > td { display: table-cell; width: auto; } table.tbl tbody tr.row1b td { padding-top: 15px; width: 100%; } table.tbl-cart-detail td.txt-available .tit { display: none; } table.tbl-cart-detail td.txt-select { clear:both; padding-left: 15px !important; } table.tbl-cart-detail td.txt-select .select-label { display: inline-block; } table.tbl-cart-detail td.txt-price { } table.tbl-cart-detail td.txt-stotal { padding-bottom: 20px; } table.tbl-cart-detail td.td-actions { clear: both; float: none; } } /* ------------------------------------------------------ */ /* FORMS */ /* ------------------------------------------------------ */ .form { margin: 0px 0px 20px 0px; padding: 0px; } .form fieldset { margin: 0px; padding: 0px; border: none; } .form label { display: inline-block; margin-bottom: 10px; color: #666666; font-weight: normal; } .form label.label-emp { font-weight: 700; } .form label.label-center { display: block; text-align: center; } .form label.label-left { display: block; text-align: left; } .form label.label-right { display: block; text-align: right; } .form-nm { margin: 0px; } .form-mm {margin: 5px 0px; } .form-group { margin-bottom: 15px; } .form-control { display: block; width: 100%; height: 40px; padding: 8px 12px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.25; color: #333333; background-color: #fff; border: 2px solid #DCDCDC; border-radius: 4px; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { border: 2px solid #e3af26; box-shadow: none; outline: none; } .form-control::-webkit-input-placeholder { color: #636c72; opacity: 1; } .form-control::-moz-placeholder { color: #636c72; opacity: 1; } .form-control:-ms-input-placeholder { color: #636c72; opacity: 1; } .form-control::placeholder { color: #636c72; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } .form-auto { width: auto !important; } textarea.form-control { height: 120px; } .form .has-error label { color: #a94442; font-weight: 700; } .form .has-error .form-control { color: #a94442; background: #F2DEDE; border: 2px solid #EBCCD1; } .form .has-error .form-control:focus { background: #F2DEDE; border: 2px solid #EBCCD1; box-shadow: none; } .form .has-error .note-form { color: #a94442; font-weight: normal; } .form .has-error .form-cc .form-ci { border: solid #EBCCD1; background: #F2DEDE; } .form .has-error .form-cc input:checked ~ .form-ci { border: solid #DCDCDC; background: #FFFFFF; } .form .has-error .form-cc input:checked:focus ~ .form-ci { border: solid #DCDCDC; background: #FFFFFF; } .form .has-error .form-cr .form-ci { border-color: #EBCCD1; background: #F2DEDE; } .form .has-error .form-cr input:checked ~ .form-ci { border-color: #DCDCDC; background: #FFFFFF; } .form .has-error .form-cr input:checked:focus ~ .form-ci { border-color: #DCDCDC; background: #FFFFFF; } .form .has-success .form-control { background: transparent url("https://static1.funidelia.com/img/global/funidelia6/fdo_ok.png") top right 10px no-repeat; border: 2px solid #DCDCDC; } .form .has-success .form-control:focus { background: transparent url("https://static1.funidelia.com/img/global/funidelia6/fdo_ok.png") top right 10px no-repeat; border: 2px solid #e3af26; box-shadow: none; } .form-center { margin: 20px auto; text-align: center; } .form .note-form { font-size: 11px; color: #9a9a9a; font-style: normal; } .form .note-error { display: block; margin-top: 10px; font-size: 11px; color: #a94442; } .form .form-actions { margin: 25px 0px 0px 0px; text-align: center; } .form .form-actions .act-link { float: left; width: 48%; text-align: right; } .form .form-actions .act-btn { float: right; width: 48%; } .form .form-actions .act-btn .btn, .form .form-actions .act-btn .btn-form { display: block; width: 100%; margin: 0px 5px 0px 0px; } .form .form-actions .link { display: inline-block; zoom: 1; *display: block; margin: 15px 0px 0px 0px; font-size: 13px; } .form .form-actions .btn { } .form .form-actions .group { display: inline-block; zoom: 1; *display: block; } .form .form-check .radio + .radio, .form .form-check .checkbox + .checkbox { margin: 3px 0px; } .form .form-check .radio, .form .form-check .checkbox { margin: 3px 0px; } .form .form-inline { margin-bottom: 15px; } .form .form-inline label { display: inline-block; } .form .form-inline .form-group { margin-bottom: 0px; } .form .form-inline .form-select { display: inline-block; width: auto !important; } .form .form-inline .form-control { display: inline-block; width: auto !important; } .form .form-inline .w-25 { display: inline-block; width: 25% !important; } .form .form-inline .w-50 { display: inline-block; width: 50% !important; } .form .form-inline .w-75 { display: inline-block; width: 75% !important; } .form .form-inline .w-100 { display: inline-block; width: 100% !important; } .form .form-row { display: table; width: 100%; } .form .form-row label { display: table-cell; padding-top: 8px;padding-right: 15px; width: 25%; vertical-align: top; text-align: right; } .form .form-row-cps { display: table-cell; width: 75%; vertical-align: top; } .form .form-row .w-25 {width: 25% !important; } .form .form-row .w-50 {width: 50% !important; } .form .form-row .w-75 {width: 75% !important; } .form .form-row .w-100 {width: 100% !important; } .form-di { display: inline-block !important; width: auto !important; } .form-cb { padding-left: 0px !important; } .form-cb label { padding-left: 0px !important; } .form-cc { display: inline-block; height: 24px; width: 24px; position: relative; padding-left: 33px !important; cursor: pointer; font-size: 13px; vertical-align: middle; } .form-cc:hover input:not([disabled]):checked ~ .form-ci { } .form-ci { position: absolute; left: 0; margin-top: -3px; height: 24px; width: 24px; background: #FFFFFF; border: 2px solid #DCDCDC; vertical-align: middle; } .form-ci:after { content: ''; position: absolute; display: none; } .form-cc input { position: absolute; z-index: -1; opacity: 0; } .form-cc input:checked ~ .form-ci { background: #FFFFFF; } .form-cc input:checked:focus ~ .form-ci { background: #FFFFFF; } .form-cc input:disabled ~ .form-ci { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .form-cc input:checked ~ .form-ci:after { display: block; } .form-cc input:disabled ~ .form-ci:after { border-color: #7b7b7b; } .form-cc .form-ci:after { left: 6px; top: 0px; width: 6px; height: 16px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); } .form-cr { display: inline-block; position: relative; height: 24px; width: 24px; padding-bottom: 4px; padding-left: 33px !important; cursor: pointer; font-size: 13px; vertical-align: baseline; } .form-cr:hover input:not([disabled]):checked ~ .form-ci { } .form-cr input { position: absolute; z-index: -1; opacity: 0; } .form-cr input:checked ~ .form-ci { background: #FFFFFF; } .form-cr input:checked:focus ~ .form-ci { background: #FFFFFF; } .form-cr input:disabled ~ .form-ci { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .form-cr input:checked ~ .form-ci:after { display: block; } .form-cr input:disabled ~ .form-ci:after { border-color: #7b7b7b; } .form-cr .form-ci { border-radius: 50%; } .form-cr .form-ci:after { left: 5px; top: 5px; height: 10px; width: 10px; border-radius: 50%; background: #000; } .form-cr input:disabled ~ .control__indicator:after { background: #7b7b7b; } .form-cb .form-cc { display: table-cell; vertical-align: top; margin-top: 4px; } .form-cb .form-cr { display: table-cell; vertical-align: top; margin-top: 4px; } .form-cb .form-ci { margin-top: 0px; } .form-cb .form-cp { display: table-cell; padding-top: 3px; line-height: 1.5; } .form .read label { cursor: auto !important; } .form .read .form-cp:before { display: inline-block; padding-right: 5px; content:"\e934"; font-family: 'iconfuni'; } .form .read .form-cr, .form .read .form-cc { display: none !important; } .form-select { position: relative; display: inline-block; width: 99%; } .form-select select { padding: 8px 25px 8px 10px; display: inline-block; width: 100%; cursor: pointer; outline: 0; border: 0; border-radius: 4px; background: #FFFFFF; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 2px solid #DCDCDC; } .form-select select option { padding: 2px 6px; } .form-select select::-ms-expand { display: none; } .form-select select:hover { color: #000; background: #FFFFFF; } .form-select select:disabled { opacity: 0.5; pointer-events: none; } .form-selectArr { position: absolute; top: 17px; right: 8px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; } .form-select select:hover ~ .form-selectArr { border-top-color: #000; } .form-select select:focus ~ .form-selectArr { border-top-color: #e3af26; } .form-select select:disabled ~ .form-selectArr { border-top-color: #e6e6e6; } .form-select-wa { width: auto; } .form .radio label, .form .checkbox label, .radio label, .checkbox label { cursor: pointer; } .form-nresize { resize: none; } .form-autocomplete { overflow: visible; position: relative; display: block; width: 100%; margin: 0; white-space: nowrap; } .form-grid { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form-gcols { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 50%; max-width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group .label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; margin-top: 5px; } .input-group .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0px; } .input-group .twitter-typeahead { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0px; } .input-group .twitter-typeahead .form-control { display: block; width: 100%; } .input-group-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-btn .btn, .input-group-btn .nbtn { height: 40px; margin: 0px; padding: 8px 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .form .box-add { padding: 10px; } .form .box-add .txt-stit { padding-left: 10px; padding-right: 10px; } .box-add .form-actions { margin-bottom: 10px; margin-top: 10px; padding-left: 10px; padding-right: 10px; } .box-add .w-100 { padding-left: 10px; padding-right: 10px; } .label-info { padding: 15px; font-weight: 700; color: #FFFFFF; background: #8a6d3b; } @media (max-width: 700px) { .form-gcols { flex: 1 0 100%; max-width: 100%; width: 100%; margin-left: 0px; margin-right: 0px;padding: 0px; } .form .form-row label { width: 55%; } .form .form-row-cps { width: 45%; } .form-auto { width: 100% !important; } .input-group.typeahead .label { display: block; width: 100%; text-align: center; } } @media (max-width: 576px) { .form .form-actions .act-link { float: none; width: 100%; text-align: center; } .form .form-actions .act-btn { float: none; width: 100%; text-align: center; } .form .form-actions .btn { float: none; width: 100%; } .form .form-actions .group { display: block; } .form .form-row label { display: block; width: 100%; text-align: left; } .form .form-row-cps { display: block; width: 100%; } .form .form-row .w-25, .form .form-row .w-50, .form .form-row .w-75, .form .form-row .w-100 { display: table-cell; } } /* ------------------------------------------------------ */ /* BOX */ /* ------------------------------------------------------ */ .box { display: table; width: 100%; margin-bottom: 15px; padding: 20px; background: #FFFFFF; border: 1px solid #E5E5E5; } .box p:last-child { margin-bottom: 0; } .box ul:last-child, .box ol:last-child { margin-bottom: 0px; } .box-flex { margin-bottom: 15px; padding: 20px; background: #FFFFFF; border: 1px solid #E5E5E5; } .box-flex p:last-child { margin-bottom: 0; } .box-flex ul:last-child, .box-flex ol:last-child { margin-bottom: 0px; } .box-flex-npadd { margin-bottom: 15px; padding: 0px; background: #FFFFFF; border: 1px solid #E5E5E5; } .box-flex-npadd p:last-child { margin-bottom: 0; } .box-flex-npadd ul:last-child, .box-flex-npadd ol:last-child { margin-bottom: 0px; } .box-process { display: table; width: 100%; margin-bottom: 0px; padding: 15px; background: #FFFFFF; border: 1px solid #E5E5E5; } .box-process p:last-child { margin-bottom: 0; } .box-process ul:last-child, .box ol:last-child { margin-bottom: 0px; } .box-npadd { display: table; width: 100%; margin-bottom: 15px; padding: 0px; background: #FFFFFF; border: 1px solid #E5E5E5; } .box-npadd p:last-child { margin-bottom: 0; } .box-npadd ul:last-child, .box ol:last-child { margin-bottom: 0px; } .box-f1 { display: table; width: 100%; margin-bottom: 15px; padding: 20px; background: #F9F9F9; border: 1px solid #E5E5E5; } .box-f1 p:last-child { margin-bottom: 0; } .box-f1 ul:last-child, .box-f1 ol:last-child { margin-bottom: 0px; } .box-f2 { display: table; width: 100%; margin-bottom: 15px; padding: 20px; background: #FEFBF4; border: 1px solid #E5E5E5; } .box-f2 p:last-child { margin-bottom: 0; } .box-f2 ul:last-child, .box-f2 ol:last-child { margin-bottom: 0px; } .box-correct { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #3C763D; background: #EDF7E9; border: 1px solid #C6DBC3; } .box-error { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #a94442; background: #F2DEDE; border: 1px solid #EBCCD1; } .box-info { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #8A6D3B; background: #FCF8E3; border: 1px solid #FAEBCC; } .box-alert { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #CC9900; background: #ffffe5; border: 1px solid #E6E6E0; border-left: 4px solid #CC9900; } .box-plusinfo { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #31708F; background: #d9edf7; border: 1px solid #BCDFF1; } .box-add { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #CC9900; background: #ffffe5; border: 1px solid #E6E6E0; } .box-urgent { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #EE0000; background: #FEF0F0; border: 1px solid #EE0000; } .box-ng { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #FFFFFF; background: #333333; } .box-important { display: table; width: 100%; margin-bottom: 15px; padding: 15px; color: #FFFFFF; text-align: center; text-transform: uppercase; font-weight: bold; background: #ff9900; } .box-msg { display: table; width: 100%; margin-bottom: 15px; padding: 20px; color: #CC9900; background: #ffffe5; border: 1px solid #FAEBCC; } .box-correct p:last-child, .box-error p:last-child, .box-info p:last-child, .box-ng p:last-child, .box-plusinfo p:last-child, .box-alert p:last-child, .box-urgent p:last-child, .box-important p:last-child, .box-add p:last-child { margin-bottom: 0; } .box-correct ul:last-child, .box-correct ol:last-child, .box-error ul:last-child, .box-error ol:last-child, .box-info ul:last-child, .box-info ol:last-child, .box-ng ul:last-child, .box-ng ol:last-child, .box-plusinfo ul:last-child, .box-plusinfo ol:last-child, .box-alert ul:last-child, .box-alert ol:last-child, .box-urgent ul:last-child, .box-urgent ol:last-child, .box-important ul:last-child, .box-important ol:last-child, .box-add ul:last-child, .box-add ol:last-child { margin-bottom: 0px; } .box-correct .box, .box-correct .box, .box-error .box, .box-info .box, .box-alert .box, .box-plusinfo .box, .box-urgent .box, .box-ng .box, .box-important .box, .box-add .box { margin-bottom: 0px; } .box-correct ol > li::before { color: #FFFFFF; background-color: #3C763D; } .box-error ol > li::before { color: #FFFFFF; background-color: #a94442; } .box-info ol > li::before { color: #FFFFFF; background-color: #8A6D3B; } .box-alert ol > li::before { color: #FFFFFF; background-color: #CC9900; } .box-plusinfo ol > li::before { color: #FFFFFF; background-color: #31708F; } .box-urgent ol > li::before { color: #FFFFFF; background-color: #EE0000; } .box-ng ol > li::before { color: #333333; background-color: #FFFFFF; } .box-important ol > li::before { color: #FFFFFF; background-color: #FF9900; } .box-addF2 { background: #FFFFFF !important; } .box-correct hr { border-top: 1px solid #C6DBC3; } .box-error hr { border-top: 1px solid #EBCCD1; } .box-info hr { border-top: 1px solid #FAEBCC; } .box-alert hr { border-top: 1px solid #C6DBC3; } .box-plusinfo hr {border-top: 1px solid #BCDFF1; } .box-urgent hr { border-top: 1px solid #EBCCD1; } .box-ng hr { border-top: 1px solid #E5E5E5; } .box-impotant hr { border-top: 1px solid #FAEBCC; } .box-important .box-highlight { display: inline-block; margin-right: 5px; padding: 4px 10px; color: #FFFFFF; font-weight: 700; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-seo-f1 { margin-bottom: 15px; } .box-seo-f2 { display: table; width: 100%; margin-bottom: 15px; padding: 20px; background: #F9F9F9; border: 1px solid #E5E5E5; border-top: 10px solid #9B9B9B; } .box-seo-f1 p:last-child, .box-seo-f2 p:last-child { margin-bottom: 0; } .box-seo-f1 ul:last-child, .box-seo-f1 ol:last-child, .box-seo-f2 ul:last-child, .box-seo-f2 ol:last-child { margin-bottom: 0px; } .box-video { overflow:hidden; position:relative; height:0; margin-bottom: 24px; padding-bottom:56.25%; padding-top:30px; } .box-video iframe, .box-video object, .box-video embed, .box-video video { position:absolute; top:0; left:0; width:100%; height:100%; } .box-video-ib { margin: 0px; padding-top: 0px; } .box-comments-resume { padding: 10px 15px; background: #fafafa; border-bottom: 1px solid #e5e5e5; } .box-comments-resume ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0px; padding: 0px; width: 100%; list-style-type: none; } .box-comments-resume li { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding: 5px 10px; width: 33.3333%; vertical-align: top; color: #333333; font-weight: 700; text-align: center; border-left: 1px solid #e5e5e5; } .box-comments-resume li:before { display: none; } .box-comments-resume li:first-child { border-left: none; } .box-comments-resume li [class^="icf-"]:before, .box-comments-resume li [class*=" icf-"]:before { margin-right: 5px; font-size: 20px; vertical-align: middle; } .box-comments-resume [class^="star-"], .box-comments-resume [class*=" star-"] { margin-left: 5px; } .box-comments-resume [class^="star-"]:before, .box-comments-resume [class*=" star-"]:before { font-size: 18px; vertical-align: middle; } .box-comments-resume [class^="size-"], .box-comments-resume [class*=" size-"] { margin-left: 5px; } .box-comments { } .box-comments .filters { } .box-comments .filters label { margin-right: 1px; font-weight: 700; color: #333333; } .box-comments .filters { margin-bottom: 10px; } .box-comments .filters .form-group { margin-bottom: 5px; } .box-comments .filters .form-control { display: inline-block; width: auto; } .box-comments ul.lst-comments { margin: 0px; padding: 0px; list-style-type: none; } .box-comments .lst-comments li { position: relative; clear: both; padding: 10px 0px; border-top: 1px solid #e8e8e8; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .box-comments .lst-comments li:before { display: none; } .box-comments .comment-stars { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .box-comments .comment-stars [class^="star-"]:before, .box-comments .comment-stars [class*=" star-"]:before { margin-right: 20px; font-size: 20px; vertical-align: middle; } .box-comments .comment-sizes { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin-left: 20px; text-align: center; } .box-comments .comment-sizes .txt { display: block; margin-bottom: 5px; font-size: 13px; color: #333333; font-weight: 700; white-space: nowrap; } .box-comments .comment-detail { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; line-height: 1.5; } .box-comments .comment-detail .actions { padding-top: 8px; font-size: 13px; } .box-comments .comment-detail .actions i { display: inline-block; margin-right: 3px; font-size: 15px; line-height: 0; vertical-align: middle; } .box-comments .comment-detail .actions i::before { font-size: 15px; line-height: 1; vertical-align: top; } .box-comments .comment-detail .actions .link, .box-comments .comment-detail .actions .link:hover { text-decoration: none; border-bottom: 0px; } .box-comments .comment-user { color: #333333; font-weight: 700; text-transform: uppercase; } .box-comments .comment-info { font-size: 13px; color: #999999; } .box-comments .comment-description { color: #333333; } .box-comments .comment-description-original { color: #333333; } .box-comments .pagination { margin-top: 5px; padding-top: 15px; padding-bottom: 0px; } .box-opinion { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .box-opinion-percent { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 20%; max-width: calc(20% - 10px); } .box-opinion-percent .number { display: inline-block; margin-right: 5px; font-size: 15px; font-weight: 700; color: #333333; text-align: right; width: 30px; } .box-opinion-percent [class^="star-"] { display: inline-block; line-height: 1; } .box-opinion-percent [class^="star-"]:before { font-size: 20px; vertical-align: middle; } .box-opinion-info { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 20%; max-width: calc(20% - 10px); padding-right: 15px; padding-left: 15px; border-left: 1px dotted #C2C2C2; border-right: 1px dotted #C2C2C2; } .box-opinion-info .stats-number { } .box-opinion-info .stats-number .number { color: #333333; font-size: 28px; font-weight: 700; text-align: center; } .box-opinion-info .stats-number .txt { text-align: center; font-size: 13px; } .box-opinion-info .stats-stars { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #c2c2c2; } .box-opinion-info .stats-stars [class^="star-"] { text-align: center; } .box-opinion-info .stats-stars [class^="star-"]:before { font-size: 20px; vertical-align: middle; } .box-opinion-info .stats-stars .number { margin-top: 5px; font-size: 18px; font-weight: 700; color: #333333; text-align: center; } .box-opinion-txt { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 60%; max-width: calc(60% - 10px); } .box-opinion-filters { } .box-opinion-filters .txt { display: inline-block; margin-right: 5px;font-size: 16px; font-weight: 700; color: #333333; } .box-opinion-filters .num { display: inline-block; margin: 0px 2px; padding: 4px 5px; line-height: 1; text-align: center; color: #8A6D3B; background: #FCF8E3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-opinion-shop { margin: 0px; padding: 0px; } .box-opinion-shop .item { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #E5E5E5; } .box-opinion-shop .item:first-child { border-top: 0px; } .box-opinion-shop .item:last-child { } .box-opinion-shop .item:before { display: none !important; } .box-opinion-shop .comment-stars { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 25%; max-width: calc(25% - 25px); margin: 15px 0px; padding: 20px; vertical-align: middle; text-align: center; background: #F9F9F9; border: 1px solid #E5E5E5; } .box-opinion-shop .comment-stars .txt { font-size: 13px; color: #333333; font-weight: 700; } .box-opinion-shop .comment-stars [class^="icf-"] { display: inline-block; margin: 6px 0px 10px 0px; padding: 4px 6px; font-size: 36px; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-opinion-shop .comment-stars [class^="icf-"] .txt { display: none; } .box-opinion-shop .comment-stars .icf-hand-positive { background: #6b9900; } .box-opinion-shop .comment-stars .icf-hand-negative { background: #9a0031; } .box-opinion-shop .comment-stars .icf-hand-neutral { background: #a7a7a7; } .box-opinion-shop .comment-stars [class^="star-"]:before { font-size: 18px; } .box-opinion-shop .comment-detail { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 75%; max-width: calc(75% - 25px); margin: 15px 0px; } .box-opinion-shop .comment-detail p { margin-bottom: 0px; } .box-opinion-shop .comment-detail .comment-tit { margin-bottom: 5px; color: #333333; font-size: 14px; font-weight: 700; } .box-opinion-shop .comment-detail .comment-user { font-size: 16px; color: #333333; } .box-opinion-shop .comment-detail .comment-info { margin: 0px 0px 5px 0px;color: #888888; font-size: 12px; } .box-opinion-shop .comment-detail .comment-description { margin: 0px 0px 10px 0px; font-size: 13px; } .box-opinion-shop .comment-detail .comment-prds { font-size: 12px; } .box-opinion-shop .comment-detail .comment-prds strong { color: #333333; } .box-opinion-shop .item:first-child .comment-stars, .box-opinion-shop .item:first-child .comment-detail { margin-top: 0px; } .box-opinion-shop .item:last-child .comment-stars, .box-opinion-shop .item:last-child .comment-detail { margin-bottom: 0px; } .box-opinion-prd { margin: 0px; padding: 0px; } .box-opinion-prd .item { display: table; width: 100%; border-top: 1px solid #E5E5E5; } .box-opinion-prd .item:first-child { border-top: 0px; } .box-opinion-prd .item:last-child { } .box-opinion-prd .item:before { display: none !important; } .box-opinion-prd .comment-prd { display: table-cell; padding: 15px 0px; width: 100px; vertical-align: top; text-align: left; } .box-opinion-prd .comment-prd a { border-bottom: 0px; } .box-opinion-prd .comment-detail { display: table-cell; padding: 15px 0px; vertical-align: top; text-align: left; } .box-opinion-prd .comment-detail p { margin-bottom: 0px; } .box-opinion-prd .comment-detail .tit { margin-bottom: 5px; color: #333333; font-size: 14px; font-weight: 700; } .box-opinion-prd .comment-detail .tit a { border-bottom: 0px; color: #333333; } .box-opinion-prd .comment-detail .tit a:hover { color: #333333; } .box-opinion-prd .comment-detail .val { margin-bottom: 5px; } .box-opinion-prd .comment-detail .val [class^="icf-"] { display: inline-block; margin: 0px 5px 0px 0px; padding: 4px 6px; font-size: 18px; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-opinion-prd .comment-detail .val [class^="icf-"] .txt { display: none; } .box-opinion-prd .comment-detail .val .icf-hand-positive { background: #6b9900; } .box-opinion-prd .comment-detail .val .icf-hand-negative { background: #9a0031; } .box-opinion-prd .comment-detail .val .icf-hand-neutral { background: #a7a7a7; } .box-opinion-prd .comment-detail .val [class^="star-"]:before { font-size: 18px; } .box-opinion-prd .comment-detail .comment-tit { } .box-opinion-prd .comment-detail .comment-user { font-size: 16px; color: #333333; } .box-opinion-prd .comment-detail .comment-info { margin: 0px 0px 5px 0px;color: #888888; font-size: 12px; } .box-opinion-prd .comment-detail .comment-description { margin: 0px 0px 10px 0px; font-size: 13px; } .box-opinion-prd .comment-detail .comment-links { font-size: 13px; } .box-opinion-prd .comment-detail .comment-links [class^="icf-"] { display: inline-block; margin: 0px 5px 0px 0px; font-size: 16px; line-height: 0; vertical-align: middle; color: #333333; } .box-opinion-prd .item:first-child .comment-prd, .box-opinion-prd .item:first-child .comment-detail { padding-top: 0px; } .box-opinion-prd .item:last-child .comment-prd, .box-opinion-prd .item:last-child .comment-detail { padding-bottom: 0px; } .box-return { } .box-return label { padding-left: 0px; display: block; } .box-return .radio { position: relative; float: left; width: 33%; min-height: 1px; margin: 0px; padding: 0px; text-align: center; border-left: 1px solid #e8e8e8; } .box-return .radio:first-child { border-left: 0px; } .box-return .radio input[type="radio"] { position: relative; margin: 0px; display: block; } .box-return .radio .price-cost { display: block; font-size: 16px;color: #cf9c08; font-weight: 700; } .box-return .radio .form-cr { padding-bottom: 0px; padding-left: 0px; margin-bottom: 14px; } .box-cols { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; padding-top: 10px; } .box-cols .cols { border-left: 1px solid #e5e5e5; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .box-cols.cols1 .cols { box-sizing: border-box; flex: 1 0 100%; max-width: 100%; border-left: none; } .box-cols.cols2 .cols { box-sizing: border-box; flex: 1 0 50%; max-width: calc(50%); } .box-cols.cols3 .cols { box-sizing: border-box; flex: 1 0 33.333333%; max-width: calc(33.333333%); } .box-cols.cols4 .cols { box-sizing: border-box; flex: 1 0 25%; max-width: calc(25%); } .box-cols.cols2 .cols:nth-child(2n+1), .box-cols.cols3 .cols:nth-child(3n+1), .box-cols.cols4 .cols:nth-child(4n+1) { border-left: none; } .box-faqs .tit-s { text-align: center; } .box-faqs img { display: block; margin: 0 auto 10px auto; padding: 15px; background: #e5e5e5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .box-share { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .box-share-pcol, .box-share-col { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 33.333333%; max-width: calc(33.333333% - 15px); } .box-trusted { margin-top: 40px; text-align: center; } .box-process .radio .box-buy-more { z-index: 100; position: relative; float: left; margin-bottom: 15px; padding: 15px 15px 0px 15px; width: 100%; background: #ffffd3; border: 1px solid #e8e8e8; border-top: none; } .box-process .radio .box-buy-more .arrow { position: absolute; top: -9px; left: 40%; width: 50px; height: 9px; background: transparent url('https://static1.funidelia.com/img/global/funidelia6/fdo_dd_primary_more.gif') top center no-repeat; } .box-process .radio .box-buy-more label { padding: 0px; width: 100%; text-align: left; font-size: 13px; color: #737373; font-weight: normal; background: transparent; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .box-process .radio .box-buy-more label:hover { border: none; box-shadow: none; } .box-process .radio .box-buy-more input[type="radio"] { position: relative; float: none; margin-top: 0px; margin-left: 5px; } .box-process .radio .box-buy-more .radio-inline { width: auto; } .box-gmaps { display: block; width: 100%; height: 340px; margin: 0px auto; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .box-map { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .box-map .item { box-sizing: border-box; flex: 1 0 50%; max-width: calc(50% - 10px); } .box-expInt .stit-m { margin-top: 0; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 1.5; color: #333333; border-bottom: 0px; } .box-expInt .line-f1 { width: 100%; margin: 0px 0px 20px 0px; border-top: 1px dotted #C5C5C5; } .box404 { margin: 0px 0px 20px 0px; background: #333333; display: table; } .box404-ctt { display: table-cell; padding: 20px 100px 0px 0px; width: 50%; color: #FFFFFF; vertical-align: middle; } .box404-ctt .text1 { display: block; font-weight: 700; font-size: 20px; line-height: 1; } .box404-ctt .text2 { display: block; font-weight: 700; font-size: 140px; line-height: 1; } .box404-ctt .text3 { display: block; margin: 10px 0px; font-weight: 700; font-size: 16px; line-height: 1.3; color: #f8981d; } .box404-ctt ul { } .box404-ctt li { } .box404-ctt li:before { content: "\e90a "; font-weight: normal; font-size: 12px; } .box404-ctt a { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; } .box404-ctt a:hover { color: #FFFFFF; } .box404-img { display: table-cell; width: 50%; vertical-align: top; } .box-cookie { z-index: 1030; position: fixed; bottom: 0; right: 0; left: 0; padding: 20px; font-size: 12px; color: #FFFFFF; background: #333333; opacity: 0.9; display: none;} .box-cookie p { margin: 0px; padding: 0px; } .box-cookie .close { float: right; margin: 0px; padding: 0px 0px 0px 10px; color: #FFFFFF; font-size: 18px; background: transparent; border: 0px; } @media (max-width: 1080px) { .box-share-col { flex: 1 0 33.333333%; max-width: calc(33.333333% - 15px); } .box-opinion-percent { flex: 1 0 25%; max-width: calc(25% - 10px); } .box-opinion-info { flex: 1 0 25%; max-width: calc(25% - 10px); } .box-opinion-txt { flex: 1 0 50%; max-width: calc(50% - 10px); } } @media (max-width: 960px) { .box-share-col { flex: 1 0 33.333333%; max-width: calc(33.333333% - 5px); } .box-cols.cols4 .cols { flex: 1 0 50%; max-width: calc(50% - 10px); } .box-cols.cols4 .cols:nth-child(2n+1) { border-left: 0px; } } @media (max-width: 800px) { .box-opinion-percent { flex: 1 0 27%; max-width: calc(27% - 10px); } .box-opinion-info { flex: 1 0 27%; max-width: calc(27% - 10px); } .box-opinion-txt { flex: 1 0 46%; max-width: calc(46% - 10px); } .box404-ctt { padding: 20px 20px 20px 0px; } .box404-ctt .text1 { font-size: 16px; } .box404-ctt .text2 { font-size: 100px; } .box404-ctt .text3 { font-size: 14px; } } @media (max-width: 700px) { .box-comments-resume ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .box-comments-resume li { padding: 10px 0px; width: 100%; text-align: left; border-left: 0px; border-top: 1px solid #e5e5e5; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .box-comments-resume li:first-child { border-top: 0px; } .box-comments-resume .pagination .prev, .box-comments-resume .pgination .next { margin: 20px 5px; } .box-share-pcol, .box-share-col { margin-bottom: 15px !important; } .box-share-pcol { flex: 1 0 100%; max-width: calc(100%); } .box-share-col { flex: 1 0 50%; max-width: calc(50% - 5px); } .box-opinion-percent { flex: 1 0 50%; max-width: calc(50% - 10px); } .box-opinion-info { flex: 1 0 50%; max-width: calc(50% - 10px); border-right: 0px; } .box-opinion-txt { margin-top: 15px; padding-top: 15px; flex: 1 0 100%; max-width: 100%; border-top: 1px dotted #C2C2C2; } .box-opinion-filters .txt { display: block; margin-bottom: 10px; } .box-opinion-shop .comment-stars { flex: 1 0 40%; max-width: calc(40% - 10px); } .box-opinion-shop .comment-detail { flex: 1 0 60%; max-width: calc(60% - 10px); } .box-return .radio { float: none; width: 100% !important; padding: 15px 0px; text-align: left; border: 0px; border-top: 1px solid #e8e8e8; } .box-return .radio:first-child { border-top: 0px; } .box-return .radio input[type="radio"] { position: absolute; display: inline-block; zoom: 1; *display: block; margin-right: 8px; } .box-return .radio .price-cost { display: inline-block; zoom: 1; *display: block; margin-left: 10px; } .box-return .radio br { display: none; } .box-return .radio .form-cr { margin: 0px; padding: 10px 0px 0px 0px; } .box-cols .cols { margin: 10px 0px 0px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px solid #e5e5e5; border-left: none; } .box-cols.cols1 .cols { flex: 1 0 100%; max-width: 100%; } .box-cols.cols2 .cols { flex: 1 0 100%; max-width: 100%; } .box-cols.cols3 .cols { flex: 1 0 100%; max-width: 100%; } .box-cols.cols4 .cols { flex: 1 0 100%; max-width: 100%; } .box-cols .cols:last-child { padding-bottom: 0px; border-bottom: none; } .box-cols .cols:first-child { margin-top: 0px; } .box-map .item { box-sizing: border-box; flex: 1 0 100%; max-width: 100%; margin-bottom: 15px; } .box404-ctt { display: block; width: 80%; margin: 0px auto; padding: 20px 0px 20px 0px; text-align: center; border-top: 1px dotted #555555; } .box404-ctt ul { padding-left: 0px; } .box404-ctt li:before { display: none; } .box404-img { display: block; width: 100%; text-align: center; } .box404-img img { margin: 0px auto; } .box, .box-flex, .box-process, .box-f1, .box-f2, .box-correct, .box-error, .box-info, .box-alert, .box-plusinfo, .box-add, .box-urgent, .box-ng, .box-important, .box-msg, .box-seo-f2 { padding: 15px; } } @media (max-width: 576px) { .box-comments .comment-stars [class^="star-"]::before, .box-comments .comment-stars [class*=" star-"]::before { margin-right: 15px; font-size: 15px; } .box-comments .comment-sizes { display: none; } .box-comments .comment-sizes .txt { font-size: 11px; } .box-comments .comment-description { font-size: 13px; } .box-share-pcol { display: none; } .box-share-col { flex: 1 0 100%; max-width: calc(100%); } } /* ------------------------------------------------------ */ /* TRUNCATE TEXT */ /* ------------------------------------------------------ */ .truncate-ctt { position: relative; } .truncate-chars, .truncate-words, .truncate-lines { margin-bottom: 15px; } .truncate-chars a.btn-truncate, .truncate-words a.btn-truncate, .truncate-lines a.btn-truncate, .truncate-html a.btn-truncate { font-size: 12px; font-weight: bold; text-transform: uppercase; } .truncate-lines a.btn-truncate { padding-top: 10px; padding-bottom: 10px; text-align: left; border-bottom: 1px dotted #E5E5E5; } .truncate-lines a.btn-truncate:before { display: inline-block; margin-right: 5px; content: "\e903"; font-family: "iconfuni"; font-size: 16px; vertical-align: middle; } .truncate-lines a.btn-truncate:hover, .truncate-lines a.btn-truncate:focus, .truncate-lines a.btn-truncate:active { } .truncate-lines.show-class a.btn-truncate:before { content: "\e90f"; } .truncate-lines.show-class a.btn-truncate, .truncate-lines.hide-class a.btn-truncate { display: block; } .truncate-lines.hide-class .truncate-ctt:after { position: absolute; content: ''; bottom: 0; left: 0; right: 0; height: 40px; background: linear-gradient( rgba(255,255,255,0), #fff); } .truncate-lines.hide-class { } .truncate-words a.btn-truncate, .truncate-chars a.btn-truncate { display: inline-block; margin-left: 5px; white-space: nowrap; } .truncate-words a.btn-truncate:hover, .truncate-chars a.btn-truncate:hover, .truncate-words a.btn-truncate:focus, .truncate-chars a.btn-truncate:focus, .truncate-words a.btn-truncate:active, .truncate-chars a.btn-truncate:active { } .truncate-words.show-class a.btn-truncate, .truncate-chars.show-class a.btn-truncate { margin-left: 0px; } .truncate-html a.btn-truncate { padding-top: 10px; padding-bottom: 10px; text-align: left; border-bottom: 1px dotted #E5E5E5; } .truncate-html a.btn-truncate:before { display: inline-block; margin-right: 5px; content: "\e903"; font-family: "iconfuni"; font-size: 16px; vertical-align: middle; } .truncate-html a.btn-truncate:hover, .truncate-html a.btn-truncate:focus, .truncate-html a.btn-truncate:active { } .truncate-html.show-class a.btn-truncate:before { content: "\e90f"; } .truncate-html.show-class a.btn-truncate, .truncate-html.hide-class a.btn-truncate { display: block; } .truncate-html.hide-class .truncate-ctt:after { position: absolute; content: ''; bottom: 0; left: 0; right: 0; height: 40px; background: linear-gradient( rgba(255,255,255,0), #fff); } .truncate-html.hide-class { } .box-ctt-seo.truncate-lines a.btn-truncate, .box-ctt-seo.truncate-html a.btn-truncate { border-bottom: 0px; } .box-ctt-seo.truncate-html a.btn-truncate { padding-top: 20px; } .box-ctt-seo.truncate-lines.hide-class .truncate-ctt:after, .box-ctt-seo.truncate-html.hide-class .truncate-ctt:after { background: linear-gradient( rgba(249,249,249,0), #F9F9F9) !important; } /* ------------------------------------------------------ */ /* SLIDERS */ /* ------------------------------------------------------ */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img, .slick-initialized .slick-slide { display: block; } .slick-slide.slick-loading img, .slick-arrow.slick-hidden { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-loading .slick-list { background: #fff url("https://static1.funidelia.com/img/global/funidelia6/loader.gif") center center no-repeat; } .slick-prev, .slick-next { font-size: 0; line-height: 0; z-index: 1000; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '\e909'; color: #444444; font-family: 'iconfuni'; } [dir='rtl'] .slick-prev:before { content: '\e90d'; color: #444444; font-family: 'iconfuni'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '\e90d'; color: #444444; font-family: 'iconfuni'; } [dir='rtl'] .slick-next:before { content: '\e909'; color: #444444; font-family: 'iconfuni'; } .slick-vertical .slick-prev, .slick-vertical .slick-next { position: relative; top: 0px; left: 0px; right: 0px; margin: 0px auto; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .slick-vertical .slick-prev { margin-bottom: 2px; } .slick-vertical .slick-prev:before { content: '\e911'; } [dir='rtl'] .slick-vertical .slick-next:before { content: '\e911'; } .slick-vertical .slick-next:before { content: '\e905'; } [dir='rtl'] .slick-vertical .slick-prev:before { content: '\e905'; } .slick-dotted.slick-slider { margin-bottom: 40px; } .slick-dots { position: absolute; left: 0px; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; padding: 0px; width: 25px; height: 20px; cursor: pointer; line-height: 0; } .slick-dots li:before { display: none; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 50px; content: '•'; line-height: 0; text-align: center; color: #dddddd; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #db8000; } /* ------------------------------------------------------ */ /* DROPDOWN */ /* ------------------------------------------------------ */ .show > .dropdown-menu { display: block; } .show > a { outline: 0; } .dropup, .dropdown { position: relative; display: inline-flex; vertical-align: middle; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1001; display: none; float: left; min-width: 10rem; padding: 0; margin: 2px 0 0; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #E5E5E5; -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.175); -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.175); box-shadow: 0px 6px 10px rgba(0,0,0,0.175); } .dropdown-menu:after, .dropdown-menu:before { bottom: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 10px; margin-left: -10px; } .dropdown-menu:before { border-color: rgba(229, 229, 229, 0); border-bottom-color: #e5e5e5; border-width: 11px; margin-left: -11px; } .dropup .dropdown-menu:after, .dropup .dropdown-menu:before { top: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropup .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-top-color: #FFFFFF; border-width: 10px; margin-left: -10px; } .dropup .dropdown-menu:before { border-color: rgba(229, 229, 229, 0); border-top-color: #e5e5e5; border-width: 11px; margin-left: -11px; } .dropdown-menu .form { padding: 15px; margin-bottom: 0px; } .dropdown-menu .brd-sep { margin-top: 10px; padding-top: 10px; } .dropup .caret, .dropdown .caret .dropdown-menu .arrow { display: none; } .dropdown-menu table { margin: 0px; } .dropdown-menu .list-unstyled { margin: 0px; padding: 0px; } .dropup.show, .dropdown.show { display: inline-block; } .dropdown-header { display: block; padding: 15px 15px 0px 15px; font-size: 11px; font-weight: 700; color: #333333; text-transform: uppercase; white-space: nowrap; } .dropdown-padd { padding: 5px 15px 15px 15px; } ul.dropdown-item { margin: 0px; padding: 0px; } ul.dropdown-item li { margin: 0px; line-height: 1; } ul.dropdown-item li::before { display: none; } ul.dropdown-item li a { display: block; padding: 7px 15px 7px 15px; font-size: 13px; color: #555555; text-decoration: none; white-space: nowrap; border: 0px; } ul.dropdown-item li a:hover { color: #994900; border: 0px; } ul.dropdown-item li a:focus { color: #555555; border: 0px; } ul.dropdown-item li a.active, ul.dropdown-item li a:active { color: #db8000; } ul.dropdown-item li a.active:hover { color: #994900;} ul.dropdown-item li a.disabled, ul.dropdown-item li a:disabled { color: #DCDCDC; } ul.dropdown-item li:first-child a { padding: 15px 15px 7px 15px; } ul.dropdown-item li:last-child a { padding: 7px 15px 15px 15px; } ul.dropdown-item li.dropdown-divider a { margin-bottom: 7px; padding: 7px 15px 15px 15px; border-bottom: 1px solid #E5E5E5; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right:after, .dropdown-menu-right:before { right: 20px; left: auto; } .dropup .dropdown-menu-right:after, .dropup .dropdown-menu-right:before { right: 20px; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 12px; -webkit-box-shadow: 0px -6px 10px rgba(0,0,0,0.175); -moz-box-shadow: 0px -6px 10px rgba(0,0,0,0.175); box-shadow: 0px -6px 10px rgba(0,0,0,0.175); } /* ------------------------------------------------------ */ /* MODAL */ /* ------------------------------------------------------ */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000001; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-special .modal-dialog { display: flex; align-items: center; min-height: calc(100% - 4rem); } .modal-special .btn-box { font-size: 11px !important; display: block !important; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #D5D5D5; outline: 0; -webkit-box-shadow: 1px 1px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 25px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 25px 0px rgba(0,0,0,0.5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10040; background-color: #E5E5E5; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.75; } .modal-header { padding: 15px; background: #FFFFFF; border-bottom: 1px dotted #E5E5E5; } .modal-header .close { float: right; margin: 0; padding: 0; line-height: 1; font-size: 21px; color: #555555; background: none; border: none; } .modal-header .close:hover { color: #994900; } .modal-title { display: inline-block; margin: 7px 0px 0px 0px; font-size: 14px; font-weight: 700; line-height: 1; text-transform: uppercase; } .modal-body { position: relative; width: 100%; padding: 15px; background: #FFFFFF; } .modal-npbody { padding: 0px; } .modal-footer { padding: 15px; text-align: center; background: #FFFFFF; border-top: 1px dotted #E5E5E5; } .modal-footer a, .modal-footer button { margin: 0px 10px 0px 0px; font-size: 13px; } .modal-footer-simple { padding-top: 0px; border-top: none; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .modal .modal-notes { font-size: 13px; line-height: 1.3; } .modal .modal-notes ul > li { line-height: 1.3rem; } .modal .modal-img { float: right; } .modal table.tbl { margin-top: 0px; } .modal table.tbl thead tr th { padding: 7px; font-size: 12px; } .modal table.tbl > tbody > tr > td { padding: 7px; font-size: 12px; text-align: center; } .modal .tit-scc { margin-top: 10px; font-size: 13px; text-transform: uppercase; } .modal .modal-info { display: table; width: 100%; margin-top: 15px; margin-bottom: 15px; padding: 10px; color: #8A6D3B; text-align: center; background: #FCF8E3; border: 1px solid #FAEBCC; } .modal .modal-info p:last-child { margin-bottom: 0; } .modal .modal-info ol:last-child, .modal .modal-info ul:last-child { margin-bottom: 0px; } .modal .modal-info .num { color: #db8000; font-style: normal; } .modal .modal-info [class^="icf-"], .modal .modal-info [class*=" icf-"] { margin-right: 5px; font-size: 24px; line-height: 1; vertical-align: middle; } .modal .modal-product { display: table; width: 100%; margin-bottom: 15px; padding: 10px 30px; text-align: center; border: 4px solid #E5E5E5; } .modal .modal-product .img { position: relative; display: table-cell; margin-bottom: 0px; padding-right: 20px; width: 39%; text-align: right; vertical-align: middle; border-right: 1px dotted #e5e5e5; } .modal .modal-product .img:after { z-index: 2; position: absolute; top: 10px; right: 100px; display: inline-block; content: "\e935"; font-family: "iconfuni"; font-size: 36px; line-height: 1; color: #555555; } .modal .modal-product .txt { display: table-cell; margin-bottom: 0px; padding-left: 20px; width: 59%; text-align: left; vertical-align: middle; } .modal .modal-product .txt .tit-s { font-size: 16px; margin-bottom: 0px; } .modal .modal-product .txt .leg { font-size: 12px; text-transform: uppercase; } .modal .modal-product .txt .size { text-transform: uppercase; } .modal .modal-product img.img-responsive { z-index: 1; display: inline-block; } .modal-products-crr { margin-bottom: 10px; } .modal-products-crr { padding-left: 16px; padding-right: 16px; } .modal-products-crr .slick-prev, [dir='rtl'] .modal-products-crr .slick-next { left: -7px; } [dir='rtl'] .modal-products-crr .slick-prev, .modal-products-crr .slick-next { right: -7px; } .modal-products-crr .slick-prev, .modal-products-crr .slick-next { width: 20px; height: 20px; } .modal-products-crr .slick-prev:before, [dir='rtl'] .modal-products-crr .slick-prev:before, .modal-products-crr .slick-next:before, [dir='rtl'] .modal-products-crr .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .modal-products-crr .slick-prev:hover:before, [dir='rtl'] .modal-products-crr .slick-prev:hover:before, .modal-products-crr .slick-next:hover:before, [dir='rtl'] .modal-products-crr .slick-next:hover:before { color: #000000; } .modal-products-crr .item { padding-left: 7px; padding-right: 7px; } .modal-products-crr .item img { margin-bottom: 14px; } .modal-products-crr .slick-prev, .modal-products-crr .slick-next { top: 30%; } .modal-products-crr .prd { position: relative } .modal-products-crr .prd .accesorie-checkbox-box { } .modal-products-crr .prd .accesorie-checkbox-box label { cursor: pointer; display: block; padding: 10px 7px 5px 7px; color: #333333; border-top: 2px dotted #e5e5e5; } .modal-products-crr .prd .accesorie-checkbox-box label.unchecked { color: #3C763D; background: #EDF7E9; } .modal-products-crr .prd .accesorie-checkbox-box .txt { display: inline-block; margin-left: 5px; font-size: 12px; font-weight: 700; text-transform: uppercase; } .modal-products-crr .prd .accesorie-checkbox-ctd { position: relative; height: 140px; } .modal-products-crr .prd .accesorie-checkbox-ctd .prd-img { float: left; margin-right: 10px; } .modal-products-crr .prd .accesorie-checkbox-ctd .prd-img img { border: 2px solid #e6e6e6; } .modal-products-crr .prd .accesorie-checkbox-ctd .prd-detail { margin: 0 0 0 55px; } .modal-products-crr .prd .accesorie-checkbox-ctd .tit-mini { margin: 0px 0px 5px 0px; font-size: 13px; font-weight: normal; line-height: 1.35; } .modal-products-crr .prd .accesorie-checkbox-ctd .tit-mini a { color: #333333; border-bottom: 0px; } .modal-products-crr .prd .accesorie-checkbox-ctd .txt-price { display: inline-block; padding-right: 5px; font-size: 16px; font-weight: 700; white-space: nowrap; } .modal-products-crr .prd .accesorie-checkbox-ctd .txt-price-previous { padding-right: 5px; color: #999999; font-size: 13px; white-space: nowrap; text-decoration: line-through; } .modal-products-crr .prd .accesorie-checkbox-ctd .txt-price-alt { display: inline-block; padding-right: 5px; font-size: 13px; font-weight: 700; white-space: nowrap; } .modal-products-crr .prd .accesorie-checkbox-ctd .txt-price-previous-alt { padding-right: 5px; color: #999999; font-size: 10px; white-space: nowrap; text-decoration: line-through;} .modal-products-crr .prd .accesorie-checkbox-ctd .txt-price-percent { z-index: 3; position: absolute; top: 0px; left: -7px; padding: 8px 2px; font-size: 9px; font-weight: 700; color: #FFFFFF; line-height: 1; background: #db8000; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .modal-products-crr .prd .accesorie-checkbox-ctd .prd-sel { display: inline-block; margin-top: 8px; margin-bottom: 10px; font-size: 13px; } .modal-products-crr .prd .accesorie-checkbox-ctd .prd-sel label { display: none; } .modal-products-crr .prd .accesorie-checkbox-ctd .prd-sel .form-select select { padding: 5px 25px 5px 5px; height: 36px; font-size: 13px; } .modal-products-crr .prd .accesorie-checkbox-ctd .available-time { display: block; margin-top: 7px; font-size: 11px; } .modal-products-crr .prd .accesorie-checkbox-box .form-cc { margin-top: 3px; padding-left: 0px !important; } .modal-products-crr .form-cc input:checked ~ .form-ci { } .modal-products-crr .form-cc .form-ci::after { border: solid #669900; border-width: 0 2px 2px 0; transform: rotate(45deg); } .modal .modal-bundle { display: table; width: 100%; margin-bottom: 15px; padding: 10px 30px; font-size: 16px; font-weight: 700; color: #333333; text-align: center; border: 4px solid #E5E5E5; } .modal .modal-bundle .txt:before { display: inline-block; margin-right: 5px; font-weight: normal; content: "\e920"; font-family: "iconfuni"; font-size: 20px; line-height: 0; color: #555555; vertical-align: middle; } .modal .tbl-bundle .form-select select { width: auto !important; padding: 8px 25px 8px 10px !important; } .modal-quickview { } .modal-quickview-media { position: relative; float: left; width: 30%; background: #333333; } .modal-quickview-media .img { position: relative; display: block; } .modal-quickview-media .img img { opacity: 0.98; background: #FAFAFA; } .modal-quickview-media .img img.img-responsive { width: 100%; height: auto; } .modal-quickview-media .product-price-discount { position: absolute; z-index: 3; top: 10px; left: 10px; padding: 10px 5px; font-size: 14px; font-weight: 700; color: #FFFFFF; line-height: 1.5; background: #db8000; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; } .modal-quickview-media .product-price-discount .dto-txt { display: none; } .modal-quickview-detail { position: relative; float: right; width: 68%; } .modal-quickview-detail .product-name { margin-bottom: 15px; padding: 0px 15px 5px 15px; border-bottom: 1px dotted #e5e5e5; } .modal-quickview-detail .product-name .tit-pro { margin-bottom: 5px; font-size: 18px; } .modal-quickview-detail .product-name .txt-val { color: #994900; font-size: 12px; } .modal-quickview-detail .product-name .txt { margin-top: 10px; font-size: 13px; line-height: 1.4; } .modal-quickview-detail .product-name .txt br { display: none; } .modal-quickview-detail .product-name ul { padding-left: 20px; } .modal-quickview-detail .product-name li { margin-bottom: 0px; font-size: 12px; line-height: 1.4; } .modal-quickview-detail .product-name li::before { padding: 7px 8px; font-size: 30%; } .modal-quickview-detail .product-price { padding-bottom: 10px; } .modal-quickview-detail .product-price .txt-pvp { display: inline-block; } .modal-quickview-detail .product-price .txt-price { font-size: 22px; } .modal-quickview-detail .product-price .money { font-size: 21px; } .modal-quickview-detail .product-price .txt-pvp-alt .txt-price { font-size: 16px; color: #434343; } /* CROACIA */ .modal-quickview-detail .product-price .txt-pvp-alt .money { font-size: 16px; } /* CROACIA */ .modal-quickview-detail .product-price .txt-pvp-alt .txt-price-previous { font-size: 12px; } /* CROACIA */ .modal-quickview-detail .product-price .msg-urgency { clear: none; display: inline-block; margin-left: 5px; } .modal-quickview-detail .product-choose { margin-bottom: 0px; } .modal-quickview-detail .product-choose .product-selection .lbl { display: inline-block; float: left; padding-top: 5px; } .modal-quickview-detail .product-choose .product-selection .select-sizes { clear: none; padding: 0px 0px 20px 70px; text-align: left; } .modal-quickview-detail .product-choose .product-selection .select-size-sending { font-size: 13px; } .modal-quickview-detail .product-choose .product-selection .select-size-sending .txt-free { display: inline-block; } .modal-quickview-detail .product-choose .product-selection .select-pro-ctd { display: table-cell; padding: 0px 0px 0px 10px; vertical-align: top; } .modal-quickview-detail .product-choose .product-actions .product-ations-box { display: table; width: 100%; } .modal-quickview-detail .product-choose .product-actions { display: table-cell; padding: 0px 10px 0px 10px; vertical-align: top; } a.modal-quickview-more { display: block; font-size: 13px; font-weight: 700; color: #555555; text-align: center; padding: 15px; background: #e8e8e8; border-bottom: none; } a.modal-quickview-more:hover { color: #FFFFFF; background: #727272; } .modal-promo { display: table; } .modal-promo .close { margin: 0; padding: 0; line-height: 1; font-size: 21px; color: #555555; background: none; border: none; } .modal-promo-img { position: relative; display: table-cell; vertical-align: top; background: #000000; } .modal-promo-img .close { display: none; position: absolute; top: 10px; right: 10px; color: #FFFFFF; } .modal-promo-img .d-desktop { min-width: 180px; } .modal-promo-ctd { display: table-cell; padding: 20px; vertical-align: top; text-align: center; } .modal-promo-ctd .close { float: right; } .modal-promo-ctd .stit { clear: both; overflow: hidden; display: block; margin: 0px; padding: 0px; font-weight: 700; line-height: 1.25; color: #cc0033; font-size: 16px; text-transform: uppercase; } .modal-promo-ctd .stit .txt { display: inline-block; margin: 10px 0px 5px 0px; } .modal-promo-ctd .stit:before, .modal-promo-ctd .stit:after { position: relative; width: 50%; height: 1px; display: inline-block; content: ""; vertical-align: middle; background-color: #ECECEC; } .modal-promo-ctd .stit:before { right: 0.5em; margin-left: -50%; } .modal-promo-ctd .stit:after { left: 0.5em; margin-right: -50%; } .modal-promo-ctd .tit { } .modal-promo-ctd .promo { display: inline-block; margin: 5px auto; padding: 20px 10px; border: 4px solid #cc0033; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .modal-promo-ctd .promo .num { display: block; font-size: 48px; font-weight: 700; line-height: 1; letter-spacing: -1px; color: #cc0033; } .modal-promo-ctd .promo .txt { display: block; font-size: 12px; font-weight: 700; line-height: 1; color: #cc0033; } .modal-promo-ctd .dts { font-size: 13px; } .modal-promo-ctd .action { } .modal-promo-ctd .action a.btn-box:hover { background: #cc0033 !important; border: 3px solid #cc0033 !important; } .modal-promo-ctd .legend { display: block; margin-top: 10px; padding-top: 10px; font-size: 10px; border-top: 1px solid #E5E5E5; } .modal-news { display: table; } .modal-news .close { margin: 0; padding: 0; line-height: 1; font-size: 21px; color: #555555; background: none; border: none; } .modal-news-img { position: relative; display: table-cell; vertical-align: top; background: #f8981d; } .modal-news-img .close { display: none; position: absolute; top: 10px; right: 10px; color: #FFFFFF; } .modal-news-img .d-desktop { min-width: 180px; } .modal-news-ctd { display: table-cell; padding: 20px; vertical-align: top; text-align: center; } .modal-news-ctd .close { float: right; } .modal-news-ctd .stit { clear: both; overflow: hidden; display: block; margin: 0px; padding: 0px; font-weight: 700; line-height: 1.25; color: #f8981d; font-size: 12px; text-transform: uppercase; } .modal-news-ctd .stit .txt { display: inline-block; margin: 10px 0px 5px 0px; } .modal-news-ctd .stit:before, .modal-promo-ctd .stit:after { position: relative; width: 50%; height: 1px; display: inline-block; content: ""; vertical-align: middle; background-color: #ECECEC; } .modal-news-ctd .stit:before { right: 0.5em; margin-left: -50%; } .modal-news-ctd .stit:after { left: 0.5em; margin-right: -50%; } .modal-news-ctd .tit { font-weight: 700; display: block; line-height: 1.25; color: #f8981d; font-size: 20px; } .modal-news-ctd .promo { display: inline-block; margin: 5px auto; padding: 10px 15px; border: 4px solid #f8981d; } .modal-news-ctd .promo .num { display: block; font-size: 48px; font-weight: 700; line-height: 1; letter-spacing: -1px; color: #f8981d; } .modal-news-ctd .promo .txt { display: block; font-size: 12px; font-weight: 700; line-height: 1; color: #f8981d; } .modal-news-ctd .dts { margin-top: 10px; padding-bottom: 10px; font-size: 13px; border-bottom: 1px dotted #e5e5e5; } .modal-news-ctd .action { } .modal-news-ctd .action a.btn-box:hover { background: #cc0033 !important; border: 3px solid #cc0033 !important; } .modal-news-ctd .legend { display: block; margin-top: 10px; padding-top: 10px; font-size: 10px; border-top: 1px solid #E5E5E5; } .modal-loading { text-align: center; padding: 0!important; } .modal-loading:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-loader { display: inline-block; text-align: left; vertical-align: middle; } .modal-loader .loader { margin: 0 auto; border-top: 1.1em solid #898989; border-right: 1.1em solid #898989; border-bottom: 1.1em solid #898989; border-left: 1.1em solid #ea8d06; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5); } @media (max-width: 700px) { .modal-products-crr .prd .accesorie-checkbox-ctd { height: 125px; } } @media (min-width: 576px) { .modal-content { border: 0px; } .modal-dialog { max-width: 500px; margin: 30px auto; } .modal-mini { max-width: 400px !important; } .modal-quickview-media {width: 25%;} .modal-quickview-detail { width: 75%;} } @media (max-width: 576px) { .modal-special .modal-content { background: none; } .modal-special .modal-body { top: auto !important; bottom: 0px !important; } .modal-special .close { color: #555555; } .modal-special .modal-dialog { display: block; } .modal-dialog { width: 100% !important; height: 100%; margin: 0px; } .modal-content { height: 100%; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; } .modal-header { position: fixed; top: 0; width: 100%; z-index: 9000; } .modal-footer { position: fixed; bottom: 0; width: 100%; z-index: 9000; } .modal-body { position:absolute; top: 52px !important; bottom: 80px !important; overflow-y: auto; } .modal-npbody { top: 0px !important; bottom: 0px !important; } .modal .tit-scc { padding-top: 5px; border-top: 0px; } .modal table.tbl > tbody > tr > td { padding: 8px; font-size: 13px; } .modal table.tbl > tbody > tr > td strong { font-size: 14px; } .modal a.btn-second { display: inline-block; margin-bottom: 20px; } .modal .modal-info { font-size: 13px; } .modal .modal-info [class^="icf-"], .modal .modal-info [class*=" icf-"] { font-size: 20px; } .modal .modal-product { padding: 10px; } .modal .modal-product .img { width: 70px; padding-right: 10px; white-space: nowrap; } .modal .modal-product .img:after { display: none; } .modal .modal-product .txt { padding-left: 10px; width: auto; line-height: 1.3; } .modal .modal-product .txt .tit-s { font-size: 13px; line-height: 1.3; } .modal .modal-product .txt .leg { font-size: 11px; line-height: 1; } .modal-promo, .modal-promo-img, .modal-promo-ctd, .modal-news, .modal-news-img, .modal-news-ctd { display: block; } .modal-promo-img .close, .modal-news-img .close { display: inline-block; } .modal-promo-ctd .close, .modal-news-ctd .close { display: none; } } @media (min-width: 992px) { .modal-dialog { max-width: 800px; } .modal-dialog.modal-medium { max-width: 610px; } .modal-dialog.modal-small { max-width: 400px; } } /* ------------------------------------------------------ */ /* TABS */ /* ------------------------------------------------------ */ ul.resp-tabs-list { z-index: 2; position: relative; display: table; width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; } .resp-tabs-list li { cursor: pointer; display: table-cell; margin: 0; padding: 13px 15px; font-size: 14px; text-align: center; background: #FAFAFA; border: 1px solid #E5E5E5; border-left: 0px; } .resp-tabs-list li:first-child { border-left: 1px solid #E5E5E5 !important; } .resp-tabs-list > li::before { display: none; } .resp-tabs-container { clear: left; padding: 0px; background-color: #FFFFFF; } .resp-tab-content { z-index: 1; position: relative; top: -1px; display: none; margin-bottom: 20px !important; padding: 20px; border: 1px solid #E5E5E5; } .resp-tab-content p:last-child { margin-bottom: 0px; } .resp-tab-content .tit-normal, .resp-tab-content .tit-group { color: #333333; text-transform: uppercase; font-size: 14px !important; margin-bottom: 5px; } .resp-tab-active { margin-bottom: -1px !important; color: #333333; background: #FFFFFF !important; border: 1px solid #E5E5E5 !important; border-left: 0px !important; border-bottom: 1px #FFFFFF solid !important; } .resp-tab-active a, .resp-tab-active a:hover { color: #333333 !important; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content-active { display: block; } ul.resp-tabs-listF2 { z-index: 2; position: relative; display: block; width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; } .resp-tabs-listF2 li { cursor: pointer; display: inline-block; margin: 0; padding: 13px 15px; font-size: 14px; text-align: center; background: #FAFAFA; border: 1px solid #E5E5E5; border-left: 0px; } .resp-tabs-listF2 li:first-child { border-left: 1px solid #E5E5E5 !important; } .resp-tabs-listF2 li a { color: #666666; border-bottom: 0px; } .resp-tabs-listF2 li a:hover { color: #333333; } .resp-tabs-listF2 > li::before { display: none; } .resp-tab-contentF2 { z-index: 1; position: relative; top: -1px; display: none; margin-bottom: 20px !important; padding: 20px; border: 1px solid #E5E5E5; } .resp-tab-contentF2 p:last-child { margin-bottom: 0px; } .resp-tab-content-activeF2 { display: block; } h2.resp-accordion { display: none; cursor: pointer; margin: 0px; margin-bottom: 1px; padding: 13px 15px; font-size: 14px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; background: #A3A3A3 !important; border: 0px; } h2.resp-tab-active { background: #666666 !important; border: 0px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } .resp-vtabs { display: table !important; width: 100%; margin-bottom: 20px !important; background: #DCDCDC; border: 1px solid #E5E5E5 } .resp-vtabs ul.resp-tabs-list { display: table-cell; width: 25%; border: none; } .resp-vtabs .resp-tabs-list li { display: block; width: 100%; text-align: left; border: 0px !important; border-top: 1px solid #E5E5E5 !important; border-right: 1px solid #E5E5E5 !important; } .resp-vtabs .resp-tabs-list li:first-child { border-left: 0px !important; border-top: 0px !important; } .resp-vtabs .resp-tabs-container { clear: none; display: table-cell; width: 75%; vertical-align: top; border: none !important; border-color: transparent !important; } .resp-vtabs .resp-tab-content { top: 0px; margin-bottom: 0px !important; border: none !important; word-wrap: break-word; } .resp-vtabs .resp-tabs-list .resp-tab-active { border-right: 0px !important; } .resp-arrow::after { float: right; content: "\e902"; font-family: "iconfuni"; font-size: 16px; } h2.resp-tab-active .resp-arrow::after { content: "\e90e"; font-family: "iconfuni"; } .resp-easy-accordion { margin-bottom: 20px !important; } .resp-easy-accordion h2.resp-accordion { display: block; padding: 3px 0px; font-size: 14px; color: #db8000; font-weight: normal; text-transform: none; background: #FFFFFF !important; border-bottom: 1px solid #E5E5E5; } .resp-easy-accordion h2.resp-accordion:hover { color: #994900; } .resp-easy-accordion h2.resp-accordion:before { margin-right: 5px; content: "\e90d"; font-family: "iconfuni"; font-size: 10px; color: #333333 !important; } .resp-easy-accordion h2.resp-tab-active, .resp-easy-accordion h2.resp-tab-active:hover { font-weight: 700; color: #333333; } .resp-easy-accordion h2.resp-tab-active:before { content: "\e905"; } .resp-easy-accordion .resp-tab-content { padding: 5px 0px; margin-bottom: 0px !important; border: 0px !important; } .resp-easy-accordion .resp-arrow::after { display: none; } .resp-easy-accordion .resp-tab-content-active { padding-bottom: 0px; border-bottom: 1px solid #E5E5E5 !important; } .resp-easy-accordion .resp-tab-content-active:after { display: block; content: " "; height: 30px; background: #FFFFFF; background: -webkit-linear-gradient(to bottom, #FFFFFF, #FAF5E7); background: linear-gradient(to bottom, #FFFFFF, #FAF5E7); } .resp-jfit { width: 100%; margin: 0px; } @media only screen and (max-width: 700px) { ul.resp-tabs-list, .resp-vtabs ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } .resp-tab-content { margin-bottom: 0px; border: 0px; top: 0px; } .resp-tab-content:last-child { border-bottom: 1px solid #E5E5E5; } .resp-tabs-container { margin-bottom: 20px; width: 100%; } .resp-tabs-container .resp-tab-content:last-child { margin-bottom: 0px; } .resp-accordion-closed { display: none !important; } .resp-vtabs { background: #FFFFFF; border: 0px; } .resp-vtabs .resp-tab-content { margin-bottom: 0px; border: 0px; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #E5E5E5 !important;} .resp-vtabs .resp-tabs-container { display: block; width: 100%; } } /* ------------------------------------------------------ */ /* TOOLTIPS */ /* ------------------------------------------------------ */ .tooltip { z-index: 1070; position: absolute; display: block; text-align: left; font-size: 11px; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 5px 8px; color: #FFFFFF; text-align: center; background-color: #333333; } .tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } /* ------------------------------------------------------ */ /* SEARCH AUTOCOMPLETE */ /* ------------------------------------------------------ */ .twitter-typeahead { overflow: visible; width: 100%; } .twitter-typeahead .tt-query { display: block; float: left; width: 100%; } .twitter-typeahead .tt-hint { display: block; float: left; width: 100%; } .twitter-typeahead .tt-input { } .twitter-typeahead .tt-menu { z-index: 10000 !important; position: absolute !important; top: 50px !important; left: 0 !important; width: 100%; font-size: 13px; background: #FFFFFF; border: 2px solid #e3af26; } .twitter-typeahead .tt-menu .txt-stit { color: #db8000; font-weight: 700; } .twitter-typeahead .tt-suggestion { padding: 10px; border-bottom: 1px dotted #E5E5E5; } .twitter-typeahead .tt-suggestion:hover { cursor: pointer; background: #FFF8EF; } .twitter-typeahead .tt-suggestion .txt { font-weight: 700; } .twitter-typeahead .tt-suggestion .note-text { font-size: 11px !important; display: block !important; } .twitter-typeahead .tt-highlight { color: #333333; } .twitter-typeahead .tt-header { padding: 7px 10px 0px 10px; font-size: 10px; text-align: right; } .twitter-typeahead pre { display: none !important; } /* ------------------------------------------------------ */ /* IMAGE ZOOM DETAIL */ /* ------------------------------------------------------ */ .xzoom { } .xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .xzoom-container { display: inline-block; } .xzoom-thumbs { text-align: center; margin-bottom: 10px; } .xzoom-gallery { } .xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both; } .xzoom-hidden { overflow: hidden; } .xzoom-preview { border: 1px solid #CCCCCC; background: #FFFFFF; box-shadow: -0px -0px 10px rgba(0,0,0,0.20); z-index: 9999; } .xzoom-lens { border: 1px solid #E5E5E5; cursor: crosshair; } .xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url("https://static1.funidelia.com/img/global/funidelia6/loader.gif"); width: 30px; height: 30px; } .xactive { } .xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left; } .xzoom-caption span { color: #fff; display: block; font-size: 0.75em; font-weight: bold; padding: 10px; } /* ------------------------------------------------------ */ /* BREADCRUMBS */ /* ------------------------------------------------------ */ .breadcrumb { margin: 0px 0px 10px 0px; padding: 0px; font-size: 13px; } .breadcrumb a { color: #555555; text-decoration: none; border-bottom: none; } .breadcrumb > .active { color: #333333; font-weight: 700; display: none;} .breadcrumb > li + li:before { position: relative; margin: 0; padding: 0 3px; content: ">"; font-size: 13px; font-weight: normal; color: #333333; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .breadcrumb li:first-child:before { display: none; } .breadcrumb li { position: relative; display: inline-block; margin: 0px; padding: 0px; line-height: 1.3; } .breadcrumb-mobile-wrapper { display: none; } @media only screen and (max-width: 576px) { .breadcrumb { display: none; } .breadcrumb.breadcrumb-mobile-wrapper { display: block; } } .breadcrumb-aux { float: right; margin-top: 5px; } .breadcrumb-aux a { border-bottom: none; } .breadcrumb-aux a:hover { border-bottom: none; } .breadcrumb-aux i { font-size: 18px; vertical-align: middle; } @media only screen and (max-width: 576px) { .breadcrumb-aux .txt { display: none; } .breadcrumb-aux i { font-size: 24px; } } @media only screen and (max-width: 576px) { .breadcrumb { font-size: 11px; } .breadcrumb li:first-child, .breadcrumb li:last-child { width: auto !important; background: none !important; } .breadcrumb li { overflow: hidden; } .breadcrumb li:hover, .breadcrumb li a:focus, .breadcrumb li a:hover { width: auto !important; } } /* ------------------------------------------------------ */ /* PAGINATION */ /* ------------------------------------------------------ */ .pagination { position: relative; width: 100%; margin-top: 20px; padding: 20px 0px; text-align: center; border-top: 1px solid #E5E5E5; } .pagination .prev, .pagination .next { position: absolute; margin-top: 25px; } .pagination .prev { top: 0; left: 0; } .pagination .next { top: 0; right: 0; } .pagination ul { margin: 0px; padding: 0px; } .pagination li::before { display: none; } .pagination li { display: inline-block; font-size: 16px; font-weight: 700; } .pagination li a, .pagination li .link { display: block; width: 32px; margin: 0px 2px; padding: 6px 0px; line-height: 1; text-align: center; color: #898989; text-decoration: none; border: 2px solid #898989; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .pagination li a:hover, .pagination li .link:hover { color: #994900; border: 2px solid #994900; } .pagination li.active a, .pagination li.active .link { color: #333333; border: 2px solid #333333; } .pagination li.first a, .pagination li.end a, .pagination li.first .link, .pagination li.end .link { border: 2px solid transparent; } .pagination li.first a::after, .pagination li.first .link::after { content:"\e909"; font-family: "iconfuni"; font-size: 16px; } .pagination li.end a::after, .pagination li.end .link::after { content:"\e90d"; font-family: "iconfuni"; font-size: 16px; } .pagination li a .txt, .pagination li .link .txt { display: none; } .pagination ul.txt li.first a::before, .pagination ul.txt li.first .link::before { margin-right: 5px; content:"\e909"; font-family: "iconfuni"; font-size: 16px; vertical-align: middle; } .pagination ul.txt li.first a::after, .pagination ul.txt li.first .link::after { display: none; } .pagination ul.txt li.first a, .pagination ul.txt li.first .link { display: inline-block; width: auto; height: auto; } .pagination ul.txt li.end a::before, .pagination ul.txt li.end .link::before { display: none; } .pagination ul.txt li.end a::after, .pagination ul.txt li.end .link::after { margin-left: 5px; content:"\e90d"; font-family: "iconfuni"; font-size: 16px; vertical-align: middle; } .pagination ul.txt li.end a, .pagination ul.txt li.end .link { display: inline-block; width: auto; height: auto; } @media only screen and (max-width: 700px) { .pagination .prev, .pagination .next { position: relative;display: inline-block; margin: 25px 5px; } } /* ------------------------------------------------------ */ /* SIDE NAVIGATION */ /* ------------------------------------------------------ */ @media (max-width: 700px) { .sidr { width: 100%; } .sidr { z-index:999999; overflow-x:none; overflow-y:auto; position:fixed; top:0; min-height:100%; height:100%; color:#555555; background:#FFFFFF; } .sidr.right { left:auto; right:-280px } .sidr.left { left:-100%; right:auto; } .sidr.open { display: block; } } /* ------------------------------------------------------ */ /* BUTTONS & LINKS */ /* ------------------------------------------------------ */ span.link { -webkit-appearance: button; -moz-appearance: button; appearance: button;} a, a.link, span.link { color: #db8000; text-decoration: none; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; outline: none; border-bottom: 1px dotted #db8000; outline: none; } a:hover, a.link:hover, span.link:hover { color: #994900; text-decoration: none; border-bottom: 1px dotted #994900; outline: none; } a:active, a.link:active, span.link:active { color: #994900; text-decoration: none; border-bottom: 1px dotted #994900; outline: none; } a:focus, a.link:focus, span.link:focus { color: #994900; text-decoration: none; border-bottom: 1px dotted #994900; outline: none; } a.link-sbrd { border: 0px; } a.link-sbrd:hover { border: 0px; } a.link-sbrd:active { border: 0px; } a.link-sbrd:focus { border: 0px; } a.link-back, a.link-next { color: #888888; border-bottom: 0px; } a.link-back:hover, a.link-back:hover::before, a.link-back:hover, a.link-next:hover, a.link-next:hover::before { color: #994900; border-bottom: 0px; } a.link-back::before, a.link-next::after { display: inline-block; line-height: 1; color: #898989; font-family: "iconfuni"; vertical-align: middle; } a.link-back::before { margin-right: 5px; content: "\e909"; } a.link-next::after { margin-left: 5px; content: "\e90d"; } a.link-add, a.link-nadd { border-bottom: 0px; } a.link-add:before, a.link-nadd:before { display: inline-block; margin-right: 5px; line-height: 1; font-family: "iconfuni"; vertical-align: middle; border-bottom: 0px; } a.link-add:before { content: "\e955"; } a.link-nadd:before { content: "\e954"; } a.link-add:focus,a.link-nadd:focus,a.link-add:active,a.link-nadd:active { display: inline-block; margin-right: 5px; line-height: 1; vertical-align: middle; border-bottom: 0px; background: transparent; } a.link-wi { display: table; border-bottom: 0px; } a.link-wi [class^="icf-"] { display: table-cell; padding-right: 5px; font-size: 18px; line-height: 1; vertical-align: top; border-bottom: 0px; } a.link-wi .txt { display: table-cell; border-bottom: 1px dotted #db8000; vertical-align: top } a.link-wi:hover .txt { border-bottom: 1px dotted #994900; } a.link-wi-bl { color: #333333; border-bottom: 0px; } a.link-wi-bl [class^="icf-"] { display: table-cell; padding-right: 5px; font-size: 18px; line-height: 1; border-bottom: 0px; } a.link-wi-bl .txt { display: table-cell; border-bottom: 1px dotted #333333; vertical-align: top; } a.link-wi-bl:hover .txt { display: table-cell; border-bottom: 1px dotted #000000; vertical-align: top } a.link-wi-bl:hover { color: #000000; } a.link-wi-ng { color: #ffffff; border-bottom: 0px; } a.link-wi-ng [class^="icf-"] { display: inline-block; padding-right: 5px; font-size: 18px; line-height: 1; vertical-align: top; border-bottom: 0px; } a.link-wi-ng .txt { display: table-cell; border-bottom: 1px dotted #ffffff; vertical-align: top } a.link-wi-ng:hover .txt { border-bottom: 1px dotted #ffffff; } a.link-delete { color: #333333; font-size: 11px; font-weight: 700; border-bottom: 0px; } a.link-delete:hover { color: #000000; } a.link-delete:before { display: inline-block; margin-right: 5px; content: "\e986"; font-size: 13px; font-weight: normal; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } a.back-to-top { display: none; z-index: 100; position: fixed; bottom: 0; right: 0; margin: 15px; padding: 10px 15px; line-height: 1; text-decoration: none; color: #ffffff; background: #ff9000; opacity: 0.75; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.back-to-top i { display: block; font-size: 24px; } a.back-to-top .txt { display: none; padding: 0px; font-size: 12px; text-transform: uppercase; font-weight: 700; } a.back-to-top:hover { background: #434343; color: #FFFFFF !important; opacity: 1; } .btn-toogle { display: inline-block; margin: 0px 5px 8px 0px; padding: 10px; font-size: 13px; line-height: 1; color: #555555; font-weight: 700; text-decoration: none; background: #FFFFFF; border: 2px solid #dcdcdc; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .btn-toogle:hover { color: #333333; cursor: pointer; border: 2px solid #dcdcdc; } .btn-toogle::after{ position: relative; top: 3px; float: right; display: inline-block; margin-left: 10px; padding: 0px; line-height: 1; content: "\e904"; font-family: "iconfuni"; color: #333333; font-size: 10px; text-align: center; } .btn-toogle:focus { color: #333333; background: #F5F5F5; border: 2px solid #E3AF26; } .btn-toogle:focus::after { color: #E3AF26; } .show .btn-toogle { background: #F5F5F5; border-color: #E3AF26; } .show .btn-toogle::after { color: #E3AF26; } .btn { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #8e8e8e; border: none; border-bottom: 2px solid #646464; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn:focus, .btn:hover { color: #FFFFFF; text-decoration: none; background:#6e6e6e; border-bottom: 2px solid #646464; } .btn:focus, .btn.focus { outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } .btn:active, .btn.active { background:#6e6e6e; border-bottom: 2px solid #646464; } a.btn.disabled { pointer-events: none; } .nbtn { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #8e8e8e; border: none; border-bottom: 2px solid #646464; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .nbtn:focus, .nbtn:hover { color: #FFFFFF; text-decoration: none; background:#6e6e6e; border-bottom: 2px solid #646464; } .nbtn:focus, .nbtn.focus { outline: 0; } .nbtn.disabled, .nbtn:disabled { cursor: not-allowed; opacity: .65; } .nbtn:active, .nbtn.active { background:#6e6e6e; border-bottom: 2px solid #646464; } a.nbtn.disabled { pointer-events: none; } .btn-mini { font-size: 12px; padding: 10px 15px; } .btn-ok { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #669900; border: none; border-bottom: 2px solid #568100; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-ok:focus, .btn-ok:hover { color: #FFFFFF; text-decoration: none; background:#568100; border-bottom: 2px solid #568100; } .btn-ok:focus, .btn-ok.focus { outline: 0; } .btn-ok.disabled, .btn-ok:disabled { cursor: not-allowed; opacity: .65; } .btn-ok:active, .btn-ok.active { background:#568100; border-bottom: 2px solid #568100; } a.btn-ok.disabled { pointer-events: none; } .btn-buy { display: inline-block; margin: 0px 5px 8px 0px; padding: 10px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #669900; border: none; border-bottom: 2px solid #568100; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-buy:before { display: inline-block; padding: 0px 5px 0px 0px; content: "\e91f"; font-family: "iconfuni"; color: #FFFFFF; font-size: 24px; font-weight: normal; line-height: 1; vertical-align: text-bottom; } .btn-buy:focus, .btn-buy:hover { color: #FFFFFF; text-decoration: none; background:#568100; border-bottom: 2px solid #568100; } .btn-buy:focus, .btn-buy.focus { outline: 0; } .btn-buy.disabled, .btn-buy:disabled { cursor: not-allowed; opacity: .65; } .btn-buy:active, .btn-buy.active { background:#568100; border-bottom: 2px solid #568100; } a.btn-buy.disabled { pointer-events: none; } .btn-form { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #e3b30c; border: none; border-bottom: 2px solid #c79a00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-form:focus, .btn-form:hover { color: #FFFFFF; text-decoration: none; background:#d9a900; border-bottom: 2px solid #c79a00; } .btn-form:focus, .btn-form.focus { outline: 0; } .btn-form.disabled, .btn-form:disabled { cursor: not-allowed; opacity: .65; } .btn-form:active, .btn-form.active { background:#d9a900; border-bottom: 2px solid #c79a00; } a.btn-form.disabled { pointer-events: none; } .btn-form-control { margin: 0px 5px 5px 0px; padding: 12px 15px; } .btn-txt { display: inline-block; margin: 0px 5px 8px 0px; padding: 4px 0px; color: #db8000; font-size: 14px; font-weight: normal; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; background: transparent; border: none; border-bottom: 1px dotted #994900; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-txt:focus, .btn-txt:hover { color: #994900; text-decoration: none; border-bottom: none; } .btn-txt:focus, .btn-txt.focus { outline: 0; } .btn-txt.disabled, .btn-txt:disabled { cursor: not-allowed; opacity: .65; } .btn-txt:active, .btn-txt.active { color: #994900; } a.btn-txt.disabled { pointer-events: none; } .btn-box { position: relative; display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 30px 14px 15px; color: #333333; font-size: 13px; font-weight: 700; line-height: 1; text-align: left; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #FFFFFF; border: 3px solid #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-box:focus, .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#d9a900; border: 3px solid #d9a900; } .btn-box:focus, .btn-box.focus { outline: 0; } .btn-box.disabled, .btn-box:disabled { cursor: not-allowed; opacity: .65; } .btn-box:active, .btn-box.active { color: #FFFFFF; background:#d9a900; border: 3px solid #d9a900; } .btn-box::after { position: absolute; right: 8px; display: inline-block; margin-left: 10px; padding: 0px; line-height: 1; content: "\e90c"; font-family: "iconfuni"; color: #333333; font-size: 12px; text-align: center; } .btn-box:hover::after, .btn-box:focus::after, .btn-box:active::after, .btn-box.active::after { color: #FFFFFF; } a.btn-box.disabled { pointer-events: none; } .btn-ibox { display: inline-block; margin: 0px 5px; padding: 5px 20px; color: #888888; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; vertical-align: middle; background: transparent; border: 3px solid #c5c5c5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-ibox:focus, .btn-ibox:hover { color: #6e6e6e; text-decoration: none; border: 3px solid #6e6e6e; } .btn-ibox:focus, .btn-ibox.focus { outline: 0; } .btn-ibox.disabled, .btn-ibox:disabled { cursor: not-allowed; opacity: .65; } .btn-ibox:active, .btn-ibox.active { color: #6e6e6e; border: 3px solid #6e6e6e; } a.btn-ibox.disabled { pointer-events: none; } .btn-ibox.yes:hover { color: #FFFFFF; background: #3C763D; border-color: #3C763D; } .btn-ibox.no:hover { color: #FFFFFF; background: #a94442; border-color: #a94442; } .btn-ibox [class^="icf-"] { display: block; font-size: 30px; line-height: 1.5; } .btn-normal { white-space: normal; line-height: 1.35; } .btn-ctt { display: block; margin: 0px; padding: 20px; color: #888888; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; vertical-align: middle; border: 3px dashed #c5c5c5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-ctt:focus, .btn-ctt:hover { color: #6e6e6e; text-decoration: none; border: 3px dashed #6e6e6e; } .btn-ctt:focus, .btn-ctt.focus { outline: 0; } .btn-ctt.disabled, .btn-ctt:disabled { cursor: not-allowed; opacity: .65; } .btn-ctt:active, .btn-ctt.active { color: #6e6e6e; border: 3px dashed #6e6e6e; } a.btn-ctt.disabled { pointer-events: none; } .btn-video, .link.btn-video { display: inline-block; margin: 0px 5px 8px 0px; padding: 8px 10px; color: #FFFFFF; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #cccccc; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-video:hover, .link.btn-video:hover { color: #FFFFFF; text-decoration: none; outline: 0; border: none; } .btn-video:focus, .btn-video.focus, .link.btn-video:focus, .link.btn-video.focus { outline: 0; color: #FFFFFF; background: #cccccc; border: none; } .btn-video.disabled, .btn-video:disabled, .link.btn-video.disabled, .link.btn-video:disabled { cursor: not-allowed; opacity: .65; } .btn-video:active, .btn-video.active, .link.btn-video:active, .link.btn-video.active { background:#cccccc; } a.btn-video.disabled , .link.btn-video.disabled { pointer-events: none; } .btn-video:before, .link.btn-video:before { display: block; margin-bottom: 5px; content: "\e98d"; font-family: "iconfuni"; font-size: 24px; font-weight: normal; text-align: center; vertical-align: middle; } .btn-facebook { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #0089cb; border: none; border-bottom: 2px solid #006aa9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-facebook:focus, .btn-facebook:hover { color: #FFFFFF; text-decoration: none; background:#2a9add; border-bottom: 2px solid #006aa9; } .btn-facebook:focus, .btn-facebook.focus { outline: 0; } .btn-facebook.disabled, .btn-facebook:disabled { cursor: not-allowed; opacity: .65; } .btn-facebook:active, .btn-facebook.active { background:#0089cb; border-bottom: 2px solid #006aa9; } a.btn-facebook.disabled { pointer-events: none; } .btn-twitter { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #55acee; border: none; border-bottom: 2px solid #077fbe; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-twitter:focus, .btn-twitter:hover { color: #FFFFFF; text-decoration: none; background:#68bfff; border-bottom: 2px solid #077fbe; } .btn-twitter:focus, .btn-twitter.focus { outline: 0; } .btn-twitter.disabled, .btn-twitter:disabled { cursor: not-allowed; opacity: .65; } .btn-twitter:active, .btn-twitter.active { background:#55acee; border-bottom: 2px solid #077fbe; } a.btn-twitter.disabled { pointer-events: none; } .btn-instagram { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #434343; border: none; border-bottom: 2px solid #232323; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-instagram:focus, .btn-instagram:hover { color: #FFFFFF; text-decoration: none; background:#636363; border-bottom: 2px solid #232323; } .btn-instagram:focus, .btn-instagram.focus { outline: 0; } .btn-instagram.disabled, .btn-instagram:disabled { cursor: not-allowed; opacity: .65; } .btn-instagram:active, .btn-instagram.active { background:#434343; border-bottom: 2px solid #232323; } a.btn-instagram.disabled { pointer-events: none; } .btn-youtube { display: inline-block; margin: 0px 5px 8px 0px; padding: 14px 15px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; background: #d01d15; border: none; border-bottom: 2px solid #aa0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-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; } .btn-youtube:focus, .btn-youtube:hover { color: #FFFFFF; text-decoration: none; background:#e93c2a; border-bottom: 2px solid #aa0000; } .btn-youtube:focus, .btn-youtube.focus { outline: 0; } .btn-youtube.disabled, .btn-youtube:disabled { cursor: not-allowed; opacity: .65; } .btn-youtube:active, .btn-youtube.active { background:#d01d15; border-bottom: 2px solid #aa0000; } a.btn-youtube.disabled { pointer-events: none; } .btn-facebook i, .btn-twitter i, .btn-instagram i, .btn-youtube i { display: inline-block; margin-right: 5px; font-size: 24px; vertical-align: middle; line-height: 0; } @media (max-width: 700px) { .btn-movil { display: block; width: 100%; white-space: normal; line-height: 1.35; } } /* ------------------------------------------------------ */ /* COMMENTS STARS */ /* ------------------------------------------------------ */ .comments-star { font-size: 11px; font-weight: 700; vertical-align: middle; line-height: 1; } [class^="star-"] i, [class*=" star-"] i { display: none; } [class^="star-"]:before, [class*=" star-"]:before { display: inline-block; margin-right: 5px; font-size: 12px; color: #db8000; font-family: 'iconfuni'; line-height: 1; vertical-align: tex-top; } .star-0:before { content: "\e983 \e983 \e983 \e983 \e983"; } .star-1:before { content: "\e984 \e983 \e983 \e983 \e983"; } .star-2:before { content: "\e984 \e984 \e983 \e983 \e983"; } .star-3:before { content: "\e984 \e984 \e984 \e983 \e983"; } .star-4:before { content: "\e984 \e984 \e984 \e984 \e983"; } .star-5:before { content: "\e984 \e984 \e984 \e984 \e984"; } [class^="size-"], [class*=" size-"] { display: inline-block; width: 170px; height: 36px; text-indent: -10000px; background: url("https://static1.funidelia.com/img/global/int/es/comments-size2.png") no-repeat scroll 0 -49px transparent; } .size-msmall { background-position: 0px -141px; } .size-small { background-position: 0px -190px; } .size-normal { background-position: 0px -1px; } .size-big { background-position: 0px -236px; } .size-mbig { background-position: 0px -96px; } /* ------------------------------------------------------ */ /* TIMELINE */ /* ------------------------------------------------------ */ .timeline { list-style: none; margin: 0px; padding: 0px 0; position: relative; font-weight: 300; } .timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #DCDCDC; left: 50%; margin-left: -1.5px; } .timeline li { margin-bottom: 50px; position: relative; width: 50%; float: left; clear: left; } .timeline li:before, .timeline li:after { content:" "; display: table; } .timeline li:after { clear: both; } .timeline li:before, .timeline li:after { content:" "; display: table; } .timeline li:after { clear: both; } .timeline li .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #dcdcdc; background: #ffffff; position: relative; } .timeline li .timeline-panel:before { position: absolute; top: 10px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dcdcdc; border-right: 0 solid #dcdcdc; border-bottom: 15px solid transparent; content:" "; } .timeline li .timeline-panel:after { position: absolute; top: 11px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content:" "; } .timeline li .timeline-badge { color: #CDCDCD; width: 24px; height: 24px; line-height: 1; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; background: #FFFFFF; } .timeline li.timeline-inverted .timeline-panel { float: right; } .timeline li.timeline-inverted .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline li.timeline-inverted .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge a { font-size: 24px; color: #CDCDCD !important; border-bottom: 0px; } .timeline-badge a:hover { color: #CDCDCD !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading { padding: 15px; border-bottom: 1px solid #e8e8e8; } .timeline-heading h4 { margin: 0px; padding: 0px; color: #434343; font-size: 13px; font-weight: 700; line-height: 1.35; } .timeline-heading a { border-bottom: 0px; } .timeline-heading [class^="icf-"], .timeline-heading [class*=" icf-"] { display: inline-block; margin-right: 5px; font-size: 18px; line-height: 0px; vertical-align: middle; } .timeline-body { display: none; background: #f8f8f8; border-bottom: 1px solid #e8e8e8; } .timeline-body p, .timeline-body ul { padding: 10px 15px; margin-bottom: 0; } .timeline-footer { display: none; padding: 5px 15px; } .timeline-footer p { margin-bottom: 0; } .timeline-footer a { cursor: pointer; text-decoration: none; } .timelime-crm { margin: 8px 0px; display: inline-block; zoom: 1; *display: block; font-size: 12px; padding: 4px 8px; color: #FFFFFF; background: #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .timeline li.timeline-inverted { float: right; clear: right; } .timeline li:nth-child(2) { margin-top: 50px; } .timeline li.timeline-inverted > .timeline-badge { left: -12px; } a.timeline-info { float: right; font-size: 11px; text-transform: uppercase; color: #434343 } a.timeline-info i { font-size: 13px; } .timeline-ok { } .timeline-ok .timeline-badge a { color: #e5cc7f !important; } .timeline-ok .timeline-panel:after { border-color: transparent #f3e7c2 !important; } .timeline-ok.timeline-inverted .timeline-panel:after { border-color: transparent #f3e7c2 !important; } .timeline-active .timeline-badge a { color: #f3e7c2 !important; } .timeline-ok .timeline-heading { background: #f3e7c2 !important; } .timeline-active { } .timeline-active .timeline-panel:after { border-color: transparent #b3d98c !important; } .timeline-active.timeline-inverted .timeline-panel:after { border-color: transparent #b3d98c !important; } .timeline-active .timeline-badge a { color: #b3d98c !important; } .timeline-active .timeline-heading { background: #b3d98c !important; } .timeline-active .timeline-heading h4 { color: #FFFFFF !important; } .timeline-active a.timeline-info { color: #FFFFFF !important; } .timeline-nok { margin-top: 0px; } .timeline-end { margin-bottom: 30px !important; } .timeline .act .timeline-body { display: block; } .timeline .act .timeline-footer { display: block; } .no-float { float: none !important; margin: 0px !important; } @media (max-width: 700px) { ul.timeline:before { left: 12px; } ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; } ul.timeline > li > .timeline-panel { width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); } ul.timeline > li > .timeline-badge { left: 0px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .timeline > li.timeline-inverted > .timeline-badge { left: 0px; } } /* ------------------------------------------------------ */ /* SCROLLBARS */ /* ------------------------------------------------------ */ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .scrollable-ctt { width: 240px; height: auto; max-height: 370px; overflow-x: hidden; } .scrollable-ctt > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollable-ctt > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollable-ctt > .scroll-element { background-color: #fcfdff; } .scrollable-ctt > .scroll-element, .scrollable-ctt > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollable-ctt > .scroll-element .scroll-element_outer, .scrollable-ctt > .scroll-element .scroll-element_size, .scrollable-ctt > .scroll-element .scroll-element_inner-wrapper, .scrollable-ctt > .scroll-element .scroll-element_inner, .scrollable-ctt > .scroll-element .scroll-bar, .scrollable-ctt > .scroll-element .scroll-bar div { height: 100%; left: 0; top: 0; width: 100%; } .scrollable-ctt > .scroll-element .scroll-element_outer, .scrollable-ctt > .scroll-element .scroll-element_size, .scrollable-ctt > .scroll-element .scroll-element_inner-wrapper, .scrollable-ctt > .scroll-element .scroll-bar_body { background: none !important; } .scrollable-ctt > .scroll-element.scroll-x { border-top: solid 1px #fcfdff; bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollable-ctt > .scroll-element.scroll-y { border-left: solid 1px #fcfdff; height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollable-ctt > .scroll-element.scroll-x div { background-image: url('https://static1.funidelia.com/img/global/funidelia6/vista-x.png'); background-repeat: repeat-x; } .scrollable-ctt > .scroll-element.scroll-y div { background-image: url('https://static1.funidelia.com/img/global/funidelia6/vista-y.png'); background-repeat: repeat-y; } .scrollable-ctt > .scroll-element.scroll-x .scroll-arrow {} .scrollable-ctt > .scroll-element.scroll-x .scroll-bar { min-width: 16px; background-position: 0px -34px; background-repeat: no-repeat; } .scrollable-ctt > .scroll-element.scroll-x .scroll-bar_body { left: 2px; } .scrollable-ctt > .scroll-element.scroll-x .scroll-bar_body-inner { left: -4px; background-position: 0px -17px; } .scrollable-ctt > .scroll-element.scroll-x .scroll-bar_center { left: 50%; margin-left: -6px; width: 12px; background-position: 24px -34px; } .scrollable-ctt > .scroll-element.scroll-x .scroll-bar_bottom { left: auto; right: 0; width: 2px; background-position: 37px -34px; } .scrollable-ctt > .scroll-element.scroll-y .scroll-bar { min-height: 16px; background-position: -34px 0px; background-repeat: no-repeat; } .scrollable-ctt > .scroll-element.scroll-y .scroll-bar_body { top: 2px; } .scrollable-ctt > .scroll-element.scroll-y .scroll-bar_body-inner { top: -4px; background-position: -17px 0px; } .scrollable-ctt > .scroll-element.scroll-y .scroll-bar_center { top: 50%; margin-top: -6px; height: 12px; background-position: -34px 24px; } .scrollable-ctt > .scroll-element.scroll-y .scroll-bar_bottom { top: auto; bottom: 0; height: 2px; background-position: -34px 37px; } .scrollable-ctt > .scroll-element .scroll-arrow { display: none; } .scrollable-ctt > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; } .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less { height: 100%; width: 17px; background-position: 0px -51px;} .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more { height: 100%; left: auto; right: 0; width: 17px; background-position: 17px -51px;} .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 17px; } .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_inner { left: -34px; } .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: -34px; } .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 27px; background-position: -51px 0px;} .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 27px; background-position: -51px 28px;} .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 17px; } .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_inner { top: -34px; } .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -34px; } .scrollable-ctt > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -17px; } .scrollable-ctt > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; } .scrollable-ctt > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -17px; } .scrollable-ctt > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; } .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 17px;} .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_inner { left: -51px;} .scrollable-ctt > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -51px;} .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 17px;} .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_inner { top: -51px;} .scrollable-ctt > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: -51px;} /* ------------------------------------------------------ */ /* IMAGE */ /* ------------------------------------------------------ */ img { vertical-align: middle; border-style: none; } img.img-responsive { display: block; max-width: 100%; height: auto; /*width: 100%; height: auto;*/ } .lazyload { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .lazyloading { opacity: 1; transition: opacity 300ms; background: #fff url("https://static1.funidelia.com/img/global/funidelia6/loader.gif") center center no-repeat; } /* ------------------------------------------------------ */ /* GRID & FLEXBOX */ /* ------------------------------------------------------ */ .container-fluid { position: relative; min-width: 320px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container { position: relative; min-width: 320px; max-width: 1285px; width: 100%; margin-right: auto; margin-left: auto; padding: 0px 15px; } @media only screen and (max-width: 576px) { .container { max-width: 100%; width: 100%; padding: 0px 10px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } .erow { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ecol-2 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-3 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 33.333333%; max-width: calc(33.333333% - 15px); } .ecol-4 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-5 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 20%; max-width: calc(20% - 15px); } .ecol-6 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 16.666667%; max-width: calc(16.666667% - 15px); } .ecol-s14 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 20%; max-width: calc(20% - 15px); } .ecol-s24 { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 60%; max-width: calc(60% - 10px); } .ecol-s2 { } .ecol-s2a { float: left; text-align: left; } .ecol-s2b { float: right; text-align: right; } .ecol-w100 { flex: 1 0 100%; max-width: 100%; width: 100%; } @media (max-width: 700px) { .ecol-s2 [class^="ecol-s2"]:nth-child(2), .ecol-s2 [class^=" ecol-s2"]:nth-child(2) { margin-top: 15px; padding-top: 15px; border-top: 2px dotted #e5e5e5; } .ecol-s2a { float: none; width: 100%; text-align: left; } .ecol-s2b { float: right; width: 100%; text-align: left; } } @media (max-width: 576px) { .emobile .ecol-2 { flex: 1 0 100%; max-width: 100%; } .ecol-2 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-3 { flex: 1 0 100%; max-width: 100%; } .ecol-4 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-5 { flex: 1 0 100%; max-width: 100%; } .ecol-6 { flex: 1 0 100%; max-width: 100%; } .erow-i .ecol-2 { flex: 1 0 100%; max-width: 100%; } .ecol-s14 { flex: 1 0 50%; max-width: calc(50% - 15px); } .ecol-s24 { flex: 1 0 100%; max-width: 100%; } } /* Small devices */ @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } .emobile .ecol-2 { flex: 1 0 100%; max-width: 100%; } .ecol-2 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-3 { flex: 1 0 100%; max-width: 100%; } .ecol-4 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-5 { flex: 1 0 100%; max-width: 100%; } .ecol-6 { flex: 1 0 100%; max-width: 100%; } .erow-i .ecol-2 { flex: 1 0 100%; max-width: 100%; } .ecol-s14 { flex: 1 0 50%; max-width: calc(50% - 15px); } .ecol-s24 { flex: 1 0 100%; max-width: 100%; } } /* Tablets */ @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } .emobile .ecol-2, .ecol-2, .erow-i .ecol-2 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-3 { flex: 1 0 33.333333%; max-width: calc(33.333333% - 5px); } .ecol-4 { flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-5 { flex: 1 0 20%; max-width: calc(20% - 15px); } .ecol-6 { flex: 1 0 33.333333%; max-width: calc(33.333333% - 15px); } .ecol-s14 { flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-s24 { flex: 1 0 50%; max-width: calc(50% - 10px); } } /* Desktops */ @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } .emobile .ecol-2, .ecol-2, .erow-i .ecol-2 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-3 { flex: 1 0 33.333333%; max-width: calc(33.333333% - 15px); } .ecol-4 { flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-5 { flex: 1 0 20%; max-width: calc(20% - 15px); } .ecol-6 { flex: 1 0 16.666667%; max-width: calc(16.666667% - 15px); } .ecol-s14 { flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-s24 { flex: 1 0 50%; max-width: calc(50% - 10px); } } /* Extra Desktops */ @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } .emobile .ecol-2, .ecol-2, .erow-i .ecol-2 { flex: 1 0 50%; max-width: calc(50% - 10px); } .ecol-3 { flex: 1 0 33.333333%; max-width: calc(33.333333% - 15px); } .ecol-4 { flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-5 { flex: 1 0 20%; max-width: calc(20% - 15px); } .ecol-6 { flex: 1 0 16.666667%; max-width: calc(16.666667% - 15px); } .ecol-s14 { flex: 1 0 25%; max-width: calc(25% - 15px); } .ecol-s24 { flex: 1 0 50%; max-width: calc(50% - 10px); } } /* ------------------------------------------------------ */ /* COMPLEMENTARY STYLES */ /* ------------------------------------------------------ */ hr.brd { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; border: 0px; border-top: 1px solid #E5E5E5; } hr.brd-colour { width: 100%; margin: 0px 0px 20px 0px; height: 10px; border: 0px; background: #EEA849; background: -webkit-linear-gradient(to right, #EEA849, #F46B45); background: linear-gradient(to right, #EEA849, #F46B45); } hr.brd-grey { width: 100%; margin: 0px 0px 20px 0px; height: 10px; border: 0px; background: #9C9C9C; } hr.brd-dotted { width: 100%; margin: 0px 0px 20px 0px; border-top: 1px dotted #C5C5C5; } hr.brd-bdeco { width: 100%; margin: 0px 0px 20px 0px; height: 6px; background: url('https://static1.funidelia.com/img/global/funidelia6/fdo_sep_big.gif') repeat-x 0 0; border: 0; } hr.brd-sdeco { width: 100%; margin: 0px 0px 20px 0px; height: 3px; background: url('https://static1.funidelia.com/img/global/funidelia6/fdo_sep_small.gif') repeat-x 0 0; border: 0; } .brd-t { border-top: 1px solid #E5E5E5; } .brd-b { border-bottom: 1px solid #E5E5E5; } .brd-l { border-left: 1px solid #E5E5E5; } .brd-r { border-right: 1px solid #E5E5E5; } .brd-lr { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; } .brd-tb { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .brd-g { border: 1px solid #E5E5E5; } .brd-sep { padding-top: 15px; border-top: 2px dotted #E5E5E5; } .brd-sep p { margin-bottom: 0px; } .box-sep > .brd-sep:first-child { padding-top: 0px; border-top: 0px !important; } .brd-scc { margin-top: 15px; padding-top: 15px; border-top: 10px solid #9C9C9C; } .padd-no { padding: 0px; } .padd { padding: 20px; } .padd-bl { padding: 0px 0px 20px 20px; } .padd-br { padding: 0px 20px 20px 0px; } .padd-blr { padding: 0px 20px 20px 20px; } .padd-tl { padding: 20px 0px 0px 20px; } .padd-tr { padding: 20px 20px 0px 0px; } .padd-tlr { padding: 20px 20px 0px 20px; } .padd-l { padding: 0px 0px 0px 20px; } .padd-r { padding: 0px 20px 0px 0px; } .padd-lr { padding: 0px 20px 0px 20px; } .padd-t { padding: 20px 0px 0px 0px; } .padd-b { padding: 0px 0px 20px 0px; } .padd-tb { padding: 20px 0px; } .margin-mm { margin: 5px 0px; } .margin-mxm { margin: 10px 0px; } .margin-no { margin: 0px; } .margin { margin: 20px; } .margin-bl { margin: 0px 0px 20px 20px; } .margin-br { margin: 0px 20px 20px 0px; } .margin-blr { margin: 0px 20px 20px 20px; } .margin-l { margin: 0px 0px 0px 20px; } .margin-r { margin: 0px 20px 0px 0px; } .margin-lr { margin: 0px 20px 0px 20px; } .margin-t { margin: 20px 0px 0px 0px; } .margin-b { margin: 0px 0px 20px 0px; } .margin-tb { margin: 20px 0px; } .gserp1, .ggroup1 { z-index: 1000 !important; } .gserp2, .ggroup2 { z-index: 900 !important; } .gserp3, .ggroup3 { z-index: 800 !important; } .gserp4, .ggroup4 { z-index: 700 !important; } .gserp5, .ggroup5 { z-index: 600 !important; } .gserp6, .ggroup6 { z-index: 500 !important; } .gserp7, .ggroup7 { z-index: 400 !important; } .gserp8, .ggroup8 { z-index: 300 !important; } .gserp9, .ggroup9 { z-index: 200 !important; } .gserp10, .ggroup10 { z-index: 100 !important; } .a-bs { vertical-align: baseline !important; } .a-t { vertical-align: top !important } .a-m { vertical-align: middle !important; } .a-b { vertical-align: bottom !important; } .a-txt-t { vertical-align: text-bottom !important; } .a-txt-b { vertical-align: text-top !important; } .a-vh { display: flex; justify-content: center; align-items: center; } .f-no { float: none; } .f-left, .pull-left { float: left; } .f-right, .pull-right { float: right; } .clearfix::after { display: block; clear: both; content: ""; } .clear { clear:both; } .pr { position: relative; } .pa { position: absolute; } .pv-m { vertical-align: middle; } .pv-t { vertical-align: top; } .pv-b { vertical-align: bottom; } .d, .show { display: block; } .d-i { display: inline; } .d-ib { display: inline-block; } .d-t { display: table; } .d-tc { display: table-cell; } .d-tr { display: table-row; } .nd, .hidden { display: none !important; } .inv { visibility: hidden; } .open { display: block !important; } .collapse { display: none; } .collapse.show { display: block; } .w-auto { width: auto !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-65px { width: 65px !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .mcode { background: #FFFDEC; } .d-desktop, .ydisplayTPL, .displayDesktop { display: block; } .d-ib-desktop { display: inline-block; } .d-mobile, .ndisplayTPL, .ndisplaySerpTPL { display: none; } .d-ib-mobile, .displayMobile { display: none; } @media (max-width: 700px) { .ndisplayTPL { display: block; } .ydisplayTPL { display: block !important; } .ndisplaySerpTPL { display: block !important; } .displayDesktop { display: none; } .displayMobile { display: block; } #chome .displayDesktop { display: block; } #chome .displayMobile { display: none; } } @media (max-width: 576px) { .d-desktop { display: none; } .d-ib-desktop { display: none; } .d-mobile { display: block; } .d-ib-mobile { display: inline-block; } } /* Backgrounds */ .mcolour { background: -moz-linear-gradient(45deg, #ff0000 0%, #ffff00 29%, #05C1FF 70%, #ff00ff 100%) !important; background: -webkit-linear-gradient(45deg, #ff0000 0%, #ffff00 29%, #05C1FF 70%, #ff00ff 100%) !important; background: -o-linear-gradient(45deg, #ff0000 0%, #ffff00 29%, #05C1FF 70%, #ff00ff 100%) !important; background: -ms-linear-gradient(45deg, #ff0000 0%, #ffff00 29%, #05C1FF 70%, #ff00ff 100%) !important; background: linear-gradient(45deg, #ff0000 0%, #ffff00 29%, #05C1FF 70%, #ff00ff 100%) !important; } /* Loader */ .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(0, 0, 0, 0.1); border-right: 1.1em solid rgba(0, 0, 0, 0.1); border-bottom: 1.1em solid rgba(0, 0, 0, 0.1); border-left: 1.1em solid #333333; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader-process { margin: 20px auto; border-top: 1.1em solid rgba(204, 153, 0, 0.1); border-right: 1.1em solid rgba(204, 153, 0, 0.1); border-bottom: 1.1em solid rgba(204, 153, 0, 0.1); border-left: 1.1em solid #CC9900; } /* Animation elements */ .ani-rotate360, .processing { display: inline-block; transform: rotate(359deg); animation: ani-rotate360 2s infinite linear; } @keyframes ani-rotate360 { 0% { transform: rotate(359deg); } 100% { transform: rotate(0deg); } } /* ------------------------------------------------------ */ /* ICONS */ /* ------------------------------------------------------ */ [class^="icf-"], [class*=" icf-"], [class^="glyphicon-"], [class*=" glyphicon-"] { font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icf-link { display: inline-block; margin-right: 5px; font-size: 18px; line-height: 0px; vertical-align: middle; border-bottom: 0px; } .icf-inline { display: inline-block; margin-right: 5px; line-height: 0px; vertical-align: middle; } .icf-block { display: block; margin-bottom: 5px; } .icf-middle { vertical-align: middle; } .icf-ssp { font-size: 48px; } .icf-sp { font-size: 36px; } .icf-sb { font-size: 24px; } .icf-b { font-size: 18px; } .icf-m { font-size: 16px; } .icf-n { font-size: 14px; } .icf-s { font-size: 12px; } .icf-adjunte:before { content: "\e900"; } .icf-agree:before { content: "\e901"; } .icf-arrow-bottom:before { content: "\e902"; } .icf-arrow-bottom-circle:before { content: "\e903"; } .icf-arrow-bottom-fill:before { content: "\e904"; } .icf-arrow-bottom-light:before { content: "\e905"; } .icf-arrow-left:before { content: "\e906"; } .icf-arrow-left-circle:before { content: "\e907"; } .icf-arrow-left-fill:before { content: "\e908"; } .icf-arrow-left-light:before { content: "\e909"; } .icf-arrow-right:before { content: "\e90a"; } .icf-arrow-right-circle:before { content: "\e90b"; } .icf-arrow-right-fill:before { content: "\e90c"; } .icf-arrow-right-light:before { content: "\e90d"; } .icf-arrow-top:before { content: "\e90e"; } .icf-arrow-top-circle:before { content: "\e90f"; } .icf-arrow-top-fill:before { content: "\e910"; } .icf-arrow-top-light:before { content: "\e911"; } .icf-award:before { content: "\e912"; } .icf-barcode:before { content: "\e913"; } .icf-bell1:before { content: "\e914"; } .icf-bell2:before { content: "\e915"; } .icf-book-directions:before { content: "\e916"; } .icf-bookmark1:before { content: "\e917"; } .icf-bookmark2:before { content: "\e918"; } .icf-calculator:before { content: "\e919"; } .icf-calculator-hand:before { content: "\e91a"; } .icf-calendar:before { content: "\e91b"; } .icf-calendar-numeric:before { content: "\e91c"; } .icf-camera:before { content: "\e91d"; } .icf-camera-image:before { content: "\e91e"; } .icf-cart:before { content: "\e91f"; } .icf-cart-ok:before { content: "\e920"; } .icf-categorie:before { content: "\e921"; } .icf-certificate:before { content: "\e922"; } .icf-circle:before { content: "\e923"; } .icf-clock:before { content: "\e924"; } .icf-clock-24h:before { content: "\e925"; } .icf-clock-active:before { content: "\e926"; } .icf-clock-alarm:before { content: "\e927"; } .icf-clock-crono:before { content: "\e928"; } .icf-clock-speed:before { content: "\e929"; } .icf-close:before { content: "\e92a"; } .icf-close-circle:before { content: "\e92b"; } .icf-clothes:before { content: "\e92c"; } .icf-columns:before { content: "\e92d"; } .icf-coment1:before { content: "\e92e"; } .icf-coment2:before { content: "\e92f"; } .icf-coments1:before { content: "\e930"; } .icf-coments2:before { content: "\e931"; } .icf-copyright:before { content: "\e932"; } .icf-correct:before { content: "\e933"; } .icf-correct-circle:before { content: "\e934"; } .icf-correct-hand:before { content: "\e935"; } .icf-delivery:before { content: "\e936"; } .icf-direction:before { content: "\e937"; } .icf-discount1:before { content: "\e938"; } .icf-discount2:before { content: "\e939"; } .icf-download:before { content: "\e93a"; } .icf-eco:before { content: "\e93b"; } .icf-eco-leaf:before { content: "\e93c"; } .icf-eco-leaf-circle:before { content: "\e93d"; } .icf-edit:before { content: "\e93e"; } .icf-facebook:before { content: "\e93f"; } .icf-facebook-circle:before { content: "\e940"; } .icf-facebook-square:before { content: "\e941"; } .icf-favorite:before { content: "\e942"; } .icf-file:before { content: "\e943"; } .icf-file_pdf:before { content: "\e944"; } .icf-file-repeat:before { content: "\e945"; } .icf-file-search:before { content: "\e946"; } .icf-filter:before { content: "\e947"; } .icf-googleplus:before { content: "\e948"; } .icf-googleplus-circle:before { content: "\e949"; } .icf-googleplus-square:before { content: "\e94a"; } .icf-hand-negative:before { content: "\e94b"; } .icf-hand-neutral:before { content: "\e94c"; } .icf-hand-positive:before { content: "\e94d"; } .icf-help:before { content: "\e94e"; } .icf-image:before { content: "\e94f"; } .icf-images:before { content: "\e950"; } .icf-incorrect:before { content: "\e951"; } .icf-incorrect-circle:before { content: "\e952"; } .icf-info:before { content: "\e953"; } .icf-info-minus:before { content: "\e954"; } .icf-info-plus:before { content: "\e955"; } .icf-instagram:before { content: "\e956"; } .icf-instagram-circle:before { content: "\e957"; } .icf-instagram-square:before { content: "\e958"; } .icf-location:before { content: "\e959"; } .icf-location-map:before { content: "\e95a"; } .icf-lock:before { content: "\e95b"; } .icf-logo-f:before { content: "\e95c"; } .icf-logo-f-circle:before { content: "\e95d"; } .icf-made-f-h:before { content: "\e95e"; } .icf-made-f-v:before { content: "\e95f"; } .icf-mail:before { content: "\e960"; } .icf-megaphone:before { content: "\e961"; } .icf-menu:before { content: "\e962"; } .icf-menu-close:before { content: "\e963"; } .icf-new:before { content: "\e964"; } .icf-offer1:before { content: "\e965"; } .icf-offer2:before { content: "\e966"; } .icf-order:before { content: "\e967"; } .icf-payment:before { content: "\e968"; } .icf-payment-back:before { content: "\e969"; } .icf-payment-gift:before { content: "\e96a"; } .icf-payment-ok:before { content: "\e96b"; } .icf-phone:before { content: "\e96c"; } .icf-pinterest:before { content: "\e96d"; } .icf-pinterest-circle:before { content: "\e96e"; } .icf-pinterest-square:before { content: "\e96f"; } .icf-printer:before { content: "\e970"; } .icf-rows:before { content: "\e971"; } .icf-rss:before { content: "\e972"; } .icf-rss-circle:before { content: "\e973"; } .icf-rss-square:before { content: "\e974"; } .icf-ruler1:before { content: "\e975"; } .icf-ruler2:before { content: "\e976"; } .icf-ruler3:before { content: "\e977"; } .icf-search:before { content: "\e978"; } .icf-send:before { content: "\e979"; } .icf-send-airport:before { content: "\e97a"; } .icf-send-airport-urgent:before { content: "\e983"; } .icf-shipping:before { content: "\e984"; } .icf-shipping-close:before { content: "\e97d"; } .icf-shipping-free:before { content: "\e97e"; } .icf-shipping-open:before { content: "\e97f"; } .icf-sitemap:before { content: "\e980"; } .icf-social:before { content: "\e981"; } .icf-square:before { content: "\e982"; } .icf-star_off:before { content: "\e983"; } .icf-star_on:before { content: "\e984"; } .icf-synchronize:before { content: "\e985"; } .icf-trash:before { content: "\e986"; } .icf-twitter:before { content: "\e987"; } .icf-twitter-circle:before { content: "\e988"; } .icf-twitter-square:before { content: "\e989"; } .icf-unlock:before { content: "\e98a"; } .icf-user:before { content: "\e98b"; } .icf-video:before { content: "\e98c"; } .icf-video-play:before { content: "\e98d"; } .icf-view:before { content: "\e98e"; } .icf-wallet:before { content: "\e98f"; } .icf-warning:before { content: "\e990"; } .icf-web:before { content: "\e991"; } .icf-whatsapp:before { content: "\e992"; } .icf-whatsapp-circle:before { content: "\e993"; } .icf-whatsapp-square:before { content: "\e994"; } .icf-youtube:before { content: "\e995"; } .icf-youtube-circle:before { content: "\e996"; } .icf-youtube-square:before { content: "\e997"; } .icf-zoom-in:before { content: "\e998"; } .icf-zoom-out:before { content: "\e999"; } .icf-new-letter:before { content: "\e99a"; } .glyphicon-chevron-right:before { content: "\e90a"; } .glyphicon-chevron-left:before { content: "\e906"; } /* ------------------------------------------------------ */ /* HEADER */ /* ------------------------------------------------------ */ #header { z-index: 10001; position: relative; clear:both; background: #2E2E2E; } #header-msg { clear: both; } #header-ctt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: start; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: start; align-items: stretch; } #header-brand { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } #header-nav { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } #header-search { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; width: 200px; } #header-menu { -webkit-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } /* Header menssage */ #header-msg { clear: both; position: relative; margin: 0; padding: 10px 10px 8px 10px; font-size: 13px; line-height: 1; color: #FFFFFF; text-align: center; background: #FFB75E; background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E); background: linear-gradient(to right, #ED8F03, #FFB75E); } #header-msg.wc1 { height:39px; font-weight: 700; background: #fdc830; background: -webkit-linear-gradient(to right, #fdc830, #f37335); background: linear-gradient(to right, #fdc830, #f37335); } #header-msg.wc1 .txt-h1 { display: inline-block; font-weight: 700; } #header-msg.wc1 .txt-h1:before { display: inline-block; margin-right: 7px; content: '\e979'; color: #000000; font-family: 'iconfuni'; font-size: 26px; font-weight: normal; vertical-align: middle; line-height:0; } #header-msg.wc1 .txt-h2 { display: inline-block; padding: 3px 6px 5px 6px; line-height: auto; text-transform: uppercase; vertical-align: middle; background: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #header-msg.wc1 .txt-h3 { display: inline-block; font-weight: 700; } #header-msg.wc2 { padding: 6px 10px 6px 10px; font-weight: 700; background: #ee0979; background: -webkit-linear-gradient(to right,#ff6a00,#ee0979); background: linear-gradient(to right,#ff6a00,#ee0979); } #header-msg.wc2 .phase1 { display: inline-block; padding: 0px 10px 0px 0px; border-right: 1px solid #FFFFFF; } #header-msg.wc2 .phase2 { display: inline-block; padding: 0px 0px 0px 8px; } #header-msg.wc2 .phase1:before { display: inline-block; margin-right: 0px; padding: 3px 8px;; content: '\e979'; color: #ffffff; font-family: 'iconfuni'; font-size: 24px; font-weight: normal; vertical-align: middle; line-height:auto; background: #000000; -webkit-border-radius: 18px; -moz-border-radius: 4px; border-radius: 18px; } #header-msg.wc2 .txt-h1 { display: inline-block; border-bottom: 1px dotted #FFFFFF; } #header-msg.wc2 .txt-h2 { display: inline-block; padding: 3px 6px 5px 6px; line-height: auto; color: #000000; background: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #header-msg.wclock { min-height: 42px; padding: 10px 10px 8px 10px; color: #FFFFFF; background: #cc0000; background: #cc0000; background: -webkit-linear-gradient(to right, #ff3333, #cc0000); background: linear-gradient(to right, #ff3333, #cc0000); } #header-msg.wclock .txt-h1 { min-height: 14px; color: #FFFFFF; font-weight: 700; text-decoration: none; display: inline-block; vertical-align: middle; } #header-msg.wclock .txt-h2 { min-height: 18px; color: #ffcc00; font-weight: 700; text-transform: uppercase; text-decoration: underline; vertical-align: middle; } #header-msg.wclock #clock { display: inline-block; min-height: 24px; padding: 0px 0px; font-weight: 700; vertical-align: middle; } #header-msg.wclock #clock span { display: inline-block; margin: 0px 4px; font-size: 20px; vertical-align: middle; line-height: 0; } #header-msg.wclock #clock i { display: inline-block; min-height: 24px; margin: 0px 2px; padding: 5px 4px; color: #FFFFFF; font-size: 14px; line-height: 1; font-style: normal; background: #333333; } /* Header Brand&Logo */ #header-brand { margin: 0; padding: 0; font-weight: normal; line-height: 1; vertical-align: middle; } #header-brand a { display: block; margin: 20px 0px 10px 0px; width: 145px; height: 53px; text-indent: -10000px; vertical-align: middle; background: transparent url('https://static1.funidelia.com/img/global/funidelia6/logo_funidelia.svg') top left no-repeat; border: 0px; } /* Header Navigation secundary: customer service, user, cart */ #header-nav { padding: 12px 0px; } #header-nav .header-nav-menu { margin: 0px; padding: 0px; white-space: nowrap; text-align: right; } #header-nav .header-nav-menu > li { margin: 0px 0px 0px 10px; padding: 0px; line-height: 1; } #header-nav .header-nav-menu > li::before { display: none; } #header-nav .header-nav-menu > li > a { border: none; } #header-nav .head-client {display: inline-block; margin-bottom: 13px !important; vertical-align: inherit !important; } #header-nav .head-client .opt { font-size: 13px; color: #FFFFFF; } #header-nav .head-client a.opt { color: #FFFFFF; } #header-nav .head-client a.opt:hover, #header-nav .head-client a.opt:hover::before { color: #f8981d; } #header-nav .head-client a.opt:before { display: inline-block; margin-right: 5px; content: "\e94e"; font-size: 15px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: text-top; } #header-nav .head-language { display: inline-block; margin-bottom: 13px !important; vertical-align: inherit !important; } #header-nav .head-language .opt { font-size: 13px; color: #FFFFFF; } #header-nav .head-language a.opt { color: #FFFFFF; text-transform: uppercase; } #header-nav .head-language a.opt:hover, #header-nav .head-language a.opt:hover::before, #header-nav .head-language a.dropdown-toggle:hover::after { color: #f8981d; } #header-nav .head-language a.opt:before { margin-right: 5px; content: "\e991"; font-size: 15px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: text-top; } #header-nav .head-language a.dropdown-toggle:after { display: inline-block; margin-left: 5px; margin-bottom: 3px; content: "\e902"; font-size: 10px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-language .dropdown-menu { top: 25px; } #header-nav .head-language .dropdown-menu li { font-size: 13px !important; } #header-nav .head-search { display: none; } #header-nav .head-search .opt { position: relative; display: inline-block; font-size: 13px; color: #FFFFFF; } #header-nav .head-search .opt .txt { display: none; } #header-nav .head-search a.opt { color: #FFFFFF; } #header-nav .head-search a.opt:hover, #header-nav .head-search a.opt:hover::before { color: #f8981d; } #header-nav .head-search a.opt:before { margin-right: 5px; content: "\e978"; font-size: 29px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-search a.active { background: #444444; } #header-nav .head-search a.active:before { content: "\e92a"; } #header-nav .head-user { display: inline-block; } #header-nav .head-user .opt { position: relative; display: inline-block; font-size: 13px; color: #FFFFFF; } #header-nav .head-user .opt .txt { display: none; } #header-nav .head-user a.opt { color: #FFFFFF; } #header-nav .head-user a.opt:hover, #header-nav .head-user a.opt:hover::before, #header-nav .head-user a.dropdown-toggle:hover::after { color: #f8981d; } #header-nav .head-user a.opt:before { margin-right: 5px; content: "\e98b"; font-size: 29px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-user a.dropdown-toggle:after { display: inline-block; content: "\e902"; font-size: 15px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-user .dropdown-menu { width: 260px; top: 38px; font-size: 13px !important; } #header-nav .head-user .form .form-control { font-size: 13px !important; } #header-nav .head-user .form .btn-form { display: block; margin-bottom: 15px; width: 100% !important; } #header-nav .head-cart { display: inline-block; } #header-nav .head-cart .opt { position: relative; display: inline-block; font-size: 13px; color: #FFFFFF; } #header-nav .head-cart .opt .txt { display: none; } #header-nav .head-cart .opt .badged { right: 10px; font-size: 11px !important; background: #CCCCCC; color: #333333; } #header-nav .head-cart a.opt { color: #FFFFFF; } #header-nav .head-cart a.opt:hover, #header-nav .head-cart a.opt:hover::before, #header-nav .head-cart a.dropdown-toggle:hover::after { color: #f8981d; } #header-nav .head-cart a.opt:hover .badged { color: #333333; background: #FFFFFF; } #header-nav .head-cart a.opt:before { margin-right: 5px; display: inline-block; width: 30px; height: 29px; content: "\e91f"; font-size: 29px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-cart .active .badged { color: #FFFFFF; background: #f8981d; } #header-nav .head-cart a.dropdown-toggle:after { display: inline-block; margin-left: 10px; content: "\e902"; font-size: 15px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-cart a.dropdown-toggle .badged { right: 16px; min-width: 16px; min-height: 16px } #header-nav .head-cart .dropdown-menu { top: 38px; width: 260px; font-size: 13px !important; } #header-nav .head-cart .dropdown-header { padding: 15px; font-size: 14px; text-align: center; border-bottom: 1px dotted #E5E5E5; } #header-nav .head-cart .dropdown-padd { padding: 15px; white-space: normal; } #header-nav .head-cart .dropdown-padd .lazyloading { display:block; margin:0 auto; width: 30px; height: 30px; } #header-nav .head-cart .msg-empty, .msg-ley { text-align: center; line-height: 1.5; color: #CC9900; } #header-nav .head-cart .msg-urgency { display: block; padding: 10px; font-size: 12px; text-align: center; line-height: 1.5; color: #EE0000; font-weight: 700; background: #FEF0F0; border: 1px solid #EE0000; } #header-nav .head-cart .msg-urgency:before { display: inline-block; margin-right: 5px; content: "\e964"; font-size: 17px; color: #EE0000; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-cart .form { margin: 0px; padding: 0px; } #header-nav .head-cart .form .form-control, #header-nav .head-cart .form .form-select { font-size: 13px !important; } #header-nav .head-cart .form .form-select { margin-right: 15px !important; margin-top: 10px; width: 50px; } #header-nav .head-cart .form .form-select .form-selectArr { top: 12px; } #header-nav .head-cart .form .hc-ctd-sel { display: inline-block; padding: 3px 8px; width: 50px; height: 30px; font-size: 12px; } #header-nav .head-cart .form .hc-pro-img { margin-right: 15px !important; } #header-nav .head-cart .form .hc-ctd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #header-nav .head-cart .form .hc-pro { font-size: 13px; color: #333333; } #header-nav .head-cart .form .hc-ctd-price { margin: 0px; padding: 0px; font-size: 15px; } #header-nav .head-cart .form .hc-ctd-price .txt { display: none; } #header-nav .head-cart .form .hc-ctd-del { font-size: 10px; font-weight: 700; } #header-nav .head-cart .form .hc-ctd-del:before { display: inline-block; margin-right: 5px; content: "\e986"; font-size: 13px; font-weight: normal; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-nav .head-cart .form .price-total { margin: 0 0 15px 0; color: #856000; font-size: 15px; font-weight: 700; text-align: center; line-height: 1; } #header-nav .head-cart .form .price-total strong { font-size: 14px; color: #CC9900; font-weight: 700; } #header-nav .head-cart .form .btn-form { display: block; width: 100%; white-space:normal; line-height:1.3; } #header-nav .head-cart .form label { display: none; } #header-nav .head-cart .form ul { margin: 10px 0px 0px 0px; padding: 0px; } #header-nav .head-cart .form li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; } #header-nav .head-cart .form li:before { display: none; } #header-nav .head-cart .form li p { margin-bottom: 0; } #header-nav .head-cart .form li a { border-bottom: 0px; color: #333333; } #header-nav .head-cart .form li a:hover { color: #000000; } #header-nav .head-sep { width: 100% !important } #header-nav .show a.opt, #header-nav .show a.opt:before, #header-nav .show a.dropdown-toggle:after, #header-nav .show a.opt:hover, #header-nav .show a.opt:hover::before, #header-nav .show a.dropdown-toggle:hover::after { color: #f8981d !important; } #header-nav .show .badged { color: #333333 !important; background: #FFFFFF !important; } /* Header search */ #header-search { padding: 25px 40px 0px 50px; white-space: nowrap; } #header-search .search-form { overflow: visible; position: relative; display: block; width: 100%; margin: 0; white-space: nowrap; } #header-search .search-form h2 { display: none; } #header-search .search-form form { margin: 0px; padding: 0px; width: 100%; } #header-search .search-form form fieldset { margin: 0px; padding: 0px; border: 0px; } #header-search .search-form form label { display: none; } #header-search .search-form form .search-group { position: relative; display: table; border-collapse: separate; } #header-search .search-form form .search-group .form-control { display: table-cell; font-size: 14px !important; padding: 8px 12px; height: 46px; box-shadow: none; border-color: #FFFFFF;border-bottom-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #header-search .search-form form .search-group .form-control:focus { border: 3px solid #ea8d06; border-right: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #header-search .search-form form .search-group .search-group-btn { position: relative; display: table-cell; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; border: none; } #header-search .search-form form .search-group .search-group-btn .btn { width: 44px; height: 46px; font-size: 13px; border: 0px; text-shadow: 0px 1px 1px rgba(183, 148, 56, 1); border-bottom-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -moz-border-top-left-radius: 0px; } #header-search .search-form form .search-group .search-group-btn .btn .ico-search { margin-right: 4px; } #header-search .search-form form .search-group .search-group-btn .btn .txt { font-size: 15px; } #header-search .search-form form .search-group .searchForm-reset-header { position: relative; top: 12px; left: -78px; display: none; margin: 0px; padding: 5px 7px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; line-height: 1; font-weight: 700; background: #CDCDCD; border: 0px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; } #header-search .search-form form .search-group .act { display: inline-block; } #header-search .btn-search { margin: 0px 0px 8px 0px; padding: 0px 10px; background: #f8981d; } #header-search .btn-search:hover { background:#ea8d06; } #header-search .btn-search .txt { display: none; } #header-search .btn-search [class^="icf-"], #header #header-search .btn-search [class*=" icf-"] { font-size: 24px; } #header-search.show { display: block !important; } #header .twitter-typeahead .tt-menu { border: 3px solid #ea8d06; } /* Header menu */ #header-menu { position: relative; clear: both; display: block; } #header #header-menu .header-menu-responsive { display: block; } #header #header-menu .header-menu-responsive.dropdown-menu { display: block; position: static; float: none; margin: 0px; padding: 0px; background: transparent; border: 0px; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header #header-menu .header-menu-responsive.dropdown-menu::after, #header #header-menu .header-menu-responsive.dropdown-menu::before { display: none; } #header-menu a.opt-menu { display: none; padding: 10px; border-right: 1px solid #444444; border-bottom: 0; } #header-menu a.opt-menu:before { display: inline-block; width: 29px; height: 29px; content: "\e962"; font-size: 29px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-menu a.opt-menu .txt { display: none; } #header-menu ul { margin: 0px; padding: 0px; list-style-type: none; display: table; width: 100%; } #header-menu li { float: left; margin-bottom: 0; line-height: 1; } #header-menu li:before { display: none; } #header-menu li .menu-h2 { display: inline-block; margin: 0px; padding: 0px; text-align: center; font-size: 15px; font-weight: 700; color: #FFFFFF; line-height: 1; text-transform: uppercase; } #header-menu li .menu-h2 a { position: relative; display: inline-block; padding: 10px 15px 13px 0px; color: #FFFFFF; border-bottom: 0; } #header-menu li .menu-h2 a:after { display: inline-block; margin-left: 5px; content: "\e902"; font-size: 11px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-menu li .menu-h2 a:hover, #header-menu li .menu-h2 a:hover::after { color: #f8981d; } #header-menu li:hover .menu-h2 a:before { position: absolute; bottom: -2px; left: 40%; display:block; content: "\e910"; font-size: 11px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } #header-menu li .dropdown .fdo { display: table; } #header-menu li.opt-normal { margin: 0px; } #header-menu li.opt-normal .dropdown { overflow: hidden; z-index: 9001; position: absolute; top: 100%; left: 0; width: 100%;display: none; width: 100%; padding: 15px 20px; font-size: 14px; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #header-menu li.opt-normal:hover .dropdown { display: block; } #header-menu li.opt-normal .dropdown .fdo { z-index: 2; position: relative; width: 90%; } #header-menu li.opt-normal:hover a, #header-menu li.opt-normal:hover a:after { color: #f8981d; } #header-menu li.opt-normal .header-menu-cat { display: none; } #header-menu li.opt-normal .header-menu-tags { display: table-cell; width: 33%; padding: 0px; vertical-align: top; } #header-menu li.opt-normal .header-menu-tags .menu-column-title, #header-menu li.opt-normal .header-menu-tags .menu-column-title a { margin-bottom: 7px; font-size: 15px; color: #333333; font-weight: 700; line-height: 1.3; border: 0; } #header-menu li.opt-normal .header-menu-tags ul.lst-tags { display: block; margin: 0px; padding: 0px 0px 15px 0px; } #header-menu li.opt-normal .header-menu-tags .lst-tags li { display: block; float: none; width: 100%; padding-bottom: 0px; } #header-menu li.opt-normal .header-menu-tags .lst-tags a { display: block; width: 100%; color: #666666; line-height: 1.3; border: 0; } #header-menu li.opt-normal .header-menu-tags .lst-tags a:hover { color: #994900; } #header-menu li.opt-normal .header-menu-img { z-index: 1; position: absolute; bottom: 0px; right: 0px; display: block; width: 189px; height: 393px; } #header-menu li.opt-normal ul.all { margin: 0; padding: 0; } #header-menu li.opt-normal .all li { margin-bottom: 8px; } #header-menu li.opt-normal .all li a { padding: 5px 10px; font-size: 13px; font-weight: 700; color: #db8000; line-height: 1; text-align: left; text-transform: uppercase; border: 2px solid #db8000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -o-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; } #header-menu li.opt-normal .all li a:hover { color: #FFFFFF; text-decoration: none; background:#d9a900; border: 2px solid #d9a900; } /* Added gae-menu-mob class in '_submenu.php' and css to fix problem with Google Analytics. */ #header-menu li.opt-normal .header-menu-cat .lst-cats .gae-menu-mob { cursor: pointer; } #header-menu li.opt-links { float: right; } #header-menu li.opt-links .menu-h2 a { padding: 10px 0px 13px 0px; color: #f8981d !important; text-transform: normal !important; } #header-menu li.opt-links .menu-h2 a:hover { cursor: default; } #header-menu li.opt-links .menu-h2 a:after { content: "\e90c"; color: #f8981d !important; } #header-menu li.opt-links .menu-h2 a:before { display: none; } #header-menu li.opt-links .dropdown { float: right; display: block; } #header-menu li.opt-links .dropdown li a { display: inline-block; padding: 10px 0px 13px 5px; font-size: 15px; font-weight: 700; color: #FFFFFF; border-bottom: 0 } #header-menu li.opt-links .dropdown li a:hover { color: #f8981d; } #header-menu li.opt-links .dropdown li:after { position: relative; top: -2px; margin:0px 0px 0px 5px; display: inline-block; content: "●"; font-size: 10px; color: #FFFFFF; } #header-menu li.opt-links .dropdown li:last-child::after { display: none; } #header-menu li.opt-links .img { display: none; } #header-menu .header-menu-movil { display: none; padding-bottom: 10px; margin-bottom: 0px; } #header-menu .header-menu-movil li { float: left; width: 50% !important; display: block !important; background: #FFFFFF; border-left: 1px solid #E5E5E5; } #header-menu .header-menu-movil li.opt-movil-mlanguage { width: 33.33333% !important; } #header-menu .header-menu-movil li:first-child a { border-left: none; } #header-menu .header-menu-movil li a { position: relative; display: block; padding: 15px 0px; text-transform: uppercase; font-weight: 700; font-size: 13px; color: #333333; text-align: center; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; } #header-menu .header-menu-movil li a:before { display: inline-block; margin-right: 10px; color: #333333; font-family: 'iconfuni'; line-height: 0; font-weight: normal; vertical-align: middle; } #header-menu .header-menu-movil li a.opt-back:before { content: "\e909"; font-size: 16px; } #header-menu .header-menu-movil li a.opt-user:before { content: "\e98b"; font-size: 20px; } #header-menu .header-menu-movil li a.opt-language:before { content: "\e991"; font-size: 20px; } #header-menu .header-menu-movil li a.active { background: #E5E5E5; } #header-menu .header-menu-movil-att { display: none; padding: 15px; } #header-menu .header-menu-movil-att .menu-h3 { margin: 0px; padding: 0px; font-size: 14px; font-weight: 700; color: #333333; text-transform: uppercase; } #header-menu .header-menu-movil-att ul { display: block; margin: 0px; padding: 0px; } #header-menu .header-menu-movil-att li { margin: 0px; padding: 0px; display: block; width: 100%; } #header-menu .header-menu-movil-att a { padding: 8px 0px; display: block; color: #555555; font-size: 14px; border-bottom: none; } #header-menu .header-menu-movil-att a:before { display: inline-block; margin-right: 5px; font-size: 20px; content: "\e94e"; font-family: 'iconfuni'; line-height: 0; vertical-align: middle; } #header-menu .header-menu-movil-att a:hover { color: #555555; } #header-menu #header-movil-user { display: none !important; } #header-menu #header-movil-user.active { display: block !important; width: 100% !important; background: #E5E5E5; } #header-menu #header-movil-user .form { margin: 0px; text-align: center; } #header-menu #header-movil-user .form-group { text-align: left; } #header-menu #header-movil-user .btn-form { width: 100%; } #header-menu #header-movil-user a { display: inline-block; padding: 10px 0px 5px 0px; font-size: 13px; font-weight: normal; text-transform: initial; color: #db8000; border-bottom: 1px dotted #db8000; } #header-menu #header-movil-language { display: none !important; } #header-menu #header-movil-language.active { display: block !important; width: 100% !important; background: #E5E5E5; } #header-menu #header-movil-language li, #header-menu #header-movil-user li { float: none; width: 100% !important; padding: 0px 15px 0px 15px !important; background: #E5E5E5 !important; } #header-menu #header-movil-language li a, #header-menu #header-movil-user li a { display: block; padding: 15px 0px; color: #333333; font-size: 14px; font-weight: normal; text-transform: initial; text-align: left; border: 0px; border-bottom: 1px dotted #B5B5B5; } #header-menu #header-movil-language li a.active, #header-menu #header-movil-user li.active { color: #db8000; } #header-menu #header-movil-language li:last-child a, #header-menu #header-movil-user li:last-child a { border-bottom: none; } #header-sticky-wrapper #header { -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); } #header-sticky-wrapper #header-msg, #header-sticky-wrapper #header-search, #header-sticky-wrapper #header-nav .head-client, #header-sticky-wrapper #header-nav .head-language, #header-sticky-wrapper #header-nav .head-sep, #header-sticky-wrapper #header-nav .head-user, #header-sticky-wrapper #header-menu { display: none; } #header-sticky-wrapper #header-brand a { margin: 14px 0px 0px 0px; width: 115px; height: 25px; background-size: 115px 42px; } #header-sticky-wrapper #header-search { padding: 10px 40px 0 50px; } #header-sticky-wrapper #header-search .search-form form .search-group .form-control { height: 40px; } #header-sticky-wrapper #header-search .search-form form .search-group .search-group-btn .btn { height: 40px; } #checkout-page #header-nav { display: none !important; } #checkout-page #header-search { display: none !important; } #checkout-page #header-menu { display: none !important; } #checkout-page #header-brand { margin: 0px auto; } #checkout-page #header-brand a { margin: 20px auto; width: 115px; height: 25px; background-size: 115px 42px; } #checkout-page #header-sticky-wrapper #header-brand a { margin: 14px auto; } @media (max-width: 1024px) { #header-search { padding: 25px 10px 0px 25px; } #header-menu li .menu-h2, #header-menu li.opt-links .dropdown li a { font-size: 14px; } #header-menu li .menu-h2 a:after { font-size: 10px; } #header-menu li.opt-normal .dropdown .fdo { width: 100%; } #header-menu li.opt-normal .header-menu-cat { width: 25%; } #header-menu li.opt-normal .header-menu-tags { width: 25%; } #header-menu li.opt-normal .header-menu-cat .menu-column-title, #header-menu li.opt-normal .dropdown .header-menu-cat .menu-column-title a, #header-menu li.opt-normal .header-menu-tags .menu-column-title, #header-menu li.opt-normal .header-menu-tags .menu-column-title a { font-size: 14px; } #header-menu li.opt-normal .header-menu-cat .lst-cats li, #header-menu li.opt-normal .header-menu-tags .lst-tags li { font-size: 13px; } #header-menu li.opt-normal .header-menu-img { display: none; width: 120px; height: 250px; opacity: 0.5; } #header-menu li.opt-links .menu-h2 a:after { font-size: 9px; } } @media (max-width: 960px) { #header-menu li.opt-links .menu-h2 a { color: #FFFFFF !important; } #header-menu li.opt-links .menu-h2 a:after { content: "\e902"; font-size: 10px; color: #ffffff !important; } #header-menu li.opt-links .menu-h2 a:hover, #header-menu li.opt-links .menu-h2 a:hover::after { cursor: pointer; color: #f8981d !important; } #header-menu li.opt-links:hover .menu-h2 a, #header-menu li.opt-links:hover .menu-h2 a:after { color: #f8981d !important; } #header-menu li.opt-links .dropdown { overflow: hidden; z-index: 9001; position: absolute; top: 100%; left: 0; width: 100%;display: none; width: 100%; padding: 15px 20px; font-size: 14px; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #header-menu li.opt-links .dropdown .fdo { width: 100%; } #header-menu li.opt-links .dropdown ul { float: none; width: 100%; margin: 0px; } #header-menu li.opt-links .dropdown li { float: left; width: 33.333%; padding: 0px 3px; margin: 0px; } #header-menu li.opt-links .dropdown li a { overflow: hidden; position: relative; display: block; width: 100%; min-height: 47px; margin: 0px 0px; padding: 0px 0px; font-family: 'Roboto Slab', serif; font-size: 14px; color: #727272; text-align: center; background: #FFFFFF; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header-menu li.opt-links .dropdown li a .txt { display: none; } #header-menu li.opt-links .dropdown li a .img { display: block; position: absolute; top: 0px; left:50%; margin-left:-150px; } #header-menu li.opt-links .dropdown li::after { display: none; } #header-menu li.opt-links:hover .dropdown { display: block; } #header-menu li.opt-links:hover .menu-h2 a:before { position: absolute; bottom: -2px; left: 40%; display:block; content: "\e910"; font-size: 11px; color: #ffffff; font-family: 'iconfuni'; line-height: 1; vertical-align: middle; } } @media (max-width: 800px) { #header-menu li .menu-h2 { font-size: 13px; } #header-menu li.opt-normal .header-menu-cat { width: 25%; } #header-menu li.opt-normal .header-menu-tags { width: 25%; } #header-menu li.opt-normal .header-menu-cat .menu-column-title, #header-menu li.opt-normal .dropdown .header-menu-cat .menu-column-title a, #header-menu li.opt-normal .header-menu-tags .menu-column-title, #header-menu li.opt-normal .header-menu-tags .menu-column-title a { font-size: 13px; } #header-menu li.opt-normal .header-menu-cat .lst-cats li, #header-menu li.opt-normal .header-menu-tags .lst-tags li { font-size: 12px; } #header-menu li.opt-normal .header-menu-img { display: none; } } @media (max-width: 700px) { #header-sticky-wrapper #header-menu { display: block; } #header .container { padding: 0; } #header-msg.wclock { min-height: 59px; } #header-msg.wclock .txt-h1 { display: block; } #header-msg.wclock #clock { margin-top: 3px; } #header-brand { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; color: #FFFFFF; } #header-nav { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; color: #FFFFFF; } #header-search { display: none; -webkit-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding: 10px; color: #666666; background: #444444; } #header-menu { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; color: #FFFFFF; } #header-menu { width: 50px; } #header-brand { min-height: 49px; text-align: center; } #header-brand a, #checkout-page #header-brand a { margin: 14px 0px 0px 0px; width: 115px; height: 25px; background-size: 115px 42px; } #checkout-page #header-brand a { margin: 14px 0px 12px 0px; } #header-menu .header-menu-nav { display: none; } #header-nav { padding: 0px 5px 0px 0px; } #header-nav .header-nav-menu > li { margin: 0 -0.25em 0 0; } #header-nav .head-client, #header-nav .head-language, #header-nav .head-user { display: none; } #header-nav .head-search { display: inline-block; border-left: 1px solid #444444; } #header-nav .head-search .opt { padding: 10px; } #header-nav .head-search a.opt:hover, #header-nav .head-search a.opt:hover::before { color: #FFFFFF; } #header-nav .head-search a.opt::before { margin: 0; } #header-nav .head-cart { min-height: 49px; border-left: 1px solid #444444; } #header-nav .head-cart .opt { width:54px; min-height: 49px; padding: 10px; } #header-nav .head-cart a.opt:hover, #header-nav .head-cart a.opt:hover::before, #header-nav .head-cart a.dropdown-toggle:hover::after { color: #FFFFFF; } #header-nav .head-cart a.opt:hover .badged { color: #FFFFFF; background: #f8981d; } #header-nav .head-cart a.dropdown-toggle .badged { top: 8px !important; right: 4px !important; } #header-nav .head-cart a.dropdown-toggle:after { display: none; } #header-menu a.opt-menu { display: block; max-width: 50px; min-height: 49px; } #header-menu li { float: none; } #header-menu li .menu-h2 { display: block; margin: 0px; padding: 0px; font-size: 15px; font-weight: 700; color: #333333; } #header-menu li .menu-h2 a { display: block; padding: 15px 15px; width: 100%; font-size: 15px; color: #FFFFFF; text-align: left; border-bottom: 1px solid #E5E5E5; background: #ABABAB; } #header-menu li .menu-h2 a:hover, #header-menu li .menu-h2 a:hover::after { color: #FFFFFF !important; } #header-menu li .menu-h2 a:after { position: absolute; right: 0px; margin: 0px 15px; content: "\e905"; font-size: 16px; color: #FFFFFF; } #header-menu li .menu-h2 a.active { border-bottom: 1px solid #FFFFFF; } #header-menu li:hover .menu-h2 a:before { display: none; } #header-menu li.opt-normal:hover .dropdown { display: none; } #header-menu li.opt-normal .header-menu-tags { display: block; width: 100%; padding-left: 20px; } #header-menu li.opt-normal .header-menu-tags ul.lst-tags { display: none; } #header-menu li.opt-normal .header-menu-tags .menu-column-title { display: block; margin: 0px; padding: 0px; line-height: 0; } #header-menu li.opt-normal .header-menu-tags .menu-column-title a { display: block; margin: 0px; padding: 13px 15px 13px 25px; font-size: 15px; color: #666666; font-weight: normal; border-bottom: 1px solid #FFFFFF; } #header-menu li.opt-normal .header-menu-tags .menu-column-title a:after { display: inline-block; float: right; margin-top: 10px; color: #333333; font-family: 'iconfuni'; line-height: 0; font-weight: normal; vertical-align: middle; content: "\e90d"; font-size: 16px; } #header-menu li.opt-normal .header-menu-tags .menu-column-title a.active { padding: 15px 15px 15px 0px; font-weight: bold; color: #333333; border-bottom: 1px solid #FFFFFF; text-transform: uppercase; } #header-menu li.opt-normal .header-menu-tags .menu-column-title a.active:after { content: "\e92a"; color: #333333; } #header-menu li.opt-normal .header-menu-tags .menu-column-title a.active.active:before { position: static; display: inline-block; margin: 10px 5px 10px 0px; color: #333333; font-family: 'iconfuni'; line-height: 0; font-weight: normal; vertical-align: middle; content: "\e909"; font-size: 16px; } #header-menu li.opt-normal .header-menu-tags ul.lst-tags { padding: 0px; border-bottom: 1px solid #FFFFFF; } #header-menu li.opt-normal .header-menu-tags .lst-tags li { margin: 0px; padding: 0px; } #header-menu li.opt-normal .header-menu-tags .lst-tags a { padding: 13px 15px 13px 25px; font-size: 15px; } #header-menu li.opt-normal .header-menu-tags .lst-tags a:hover { color: #333333; } #header-menu li.opt-normal .header-menu-cat { display: none; } #header-menu li.opt-normal.open .dropdown { display: block; position: relative; padding: 0px; top: 0px; background: none; box-shadow: none; border-bottom: 1px solid #E5E5E5; } #header-menu li.opt-normal.open .menu-h2 a { color: #FFFFFF; background: #555555; } #header-menu li.opt-normal.open .menu-h2 a:after { content: "\e911"; color: #FFFFFF; } #header-menu li.opt-normal.open .menu-h2 a:hover, #header-menu li.opt-normal.open .menu-h2 a:hover::after { color: #FFFFFF !important; } #header-menu li.opt-normal.open .menu-h2 a.active { color: #333333; background: #FFFFFF; } #header-menu li.opt-normal.open .menu-h2 a.active:hover, #header-menu li.opt-normal.open .menu-h2 a.active:hover::after { color: #333333 !important; } #header-menu li.opt-normal.open .menu-h2 a.active:after { content: "\e92a"; color: #333333; } #header-menu li.opt-normal.open .menu-h2 a.active:before { position: static; display: inline-block; margin: 10px 5px 10px 0px; color: #333333; font-family: 'iconfuni'; line-height: 0; font-weight: normal; vertical-align: middle; content: "\e909"; font-size: 16px; } #header-menu li.opt-links { float: none; display: block; width: 100%; margin: 0px; } #header-menu li.opt-links .menu-h2 { display: none; } #header-menu li.opt-links .dropdown { float: none; display: block; position: relative; padding: 0px; box-shadow: none; background: #FFFFFF; } #header-menu li.opt-links ul { display: block; float: none; margin: 0px; padding: 5px 15px 15px 15px; } #header-menu li.opt-links li { display: block; float: left; padding: 0px; width: 33.3%; padding: 0px 10px 0px 0px; } #header-menu li.opt-links a { display: block; padding: 0px 0px 3px 0px; margin: 4px 0px; background: none; border: 0px; } #header-menu .header-menu-movil-att { display: none; } #header-menu li.opt-normal ul.all { display: block; padding-left: 25px; } #header-menu li.opt-normal .all li { margin-bottom: 0px; } #header-menu li.opt-normal .all li a { display: block; margin: 0px; padding: 15px 15px 15px 20px; font-size: 15px; color: #666666; font-weight: normal; text-transform: uppercase; border: 0px; } #header-menu li.opt-normal .all li a:hover { color: #666666; background: #FFFFFF; border: 0px; } #header-menu li.opt-normal .all li a:after { display: inline-block; float: right; margin-top: 10px; color: #666666; font-family: 'iconfuni'; line-height: 0; font-weight: normal; vertical-align: middle; content: "\e955"; font-size: 16px; } .opt-menu { display: none; } .slidemenu-open .opt-menu { display: block; } .slidemenu-open #header-menu .header-menu-movil { display: block; } .slidemenu-open #header-menu .header-menu-movil-att { display: block; } .slidemenu-open #header-menu .header-menu-nav { display: block; } #header-nav .head-search { display: none; } #header-search { display: block; padding: 7px 10px 0px 10px; border-top: 1px solid #444444; background: #2E2E2E; } #header-sticky-wrapper #header-search { padding: 8px 12px; } } @media (max-width: 576px) { #header-msg.wc2 .phase1 { padding: 0px; border-right: none; } #header-msg.wc2 .phase2 { display: block; font-size: 11px; } #header-msg.wc2 .phase1:before { display: none; } #header-msg.wc2 .phase2 .txt-h1 { border-bottom: none; } #header-msg.wc2 .phase2 .txt-h2 { padding: 0px; color: #FFFFFF; background: transparent; } } @media (max-width: 460px) { #header #header-msg.wc2 .phase2 { display: none; } #header-brand a { margin: 14px 0px 0px 0px; width: 100px; height: 22px; background-size: 100px 37px; } } @media (max-width: 460px) { #header-menu .header-menu-movil li a { font-size: 12px; } #header-menu .header-menu-movil li a::before { margin-right: 5px; } } /* ------------------------------------------------------ */ /* FOOTER */ /* ------------------------------------------------------ */ #footer { clear: both; position: relative; margin: 0px 0px 20px 0px; font-size: 13px; } #footer-ctt { display: block; padding: 30px 0px; color: #FFFFFF; background: #2e2e30; } #footer .g { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .g1 { display: table; position: relative; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; width: 100%; min-height: 1px; } #footer .g2 { position: relative; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; width: 100%; min-height: 1px; text-align: center; border-left: 1px solid #5a5a5c; } #footer li:before { display: none; } #footer-social { padding-top: 10px; padding-bottom: 35px; } #footer-social a { display: inline-block; margin: 0px 1px 0px 1px; border-bottom: 0px; color: #FFFFFF; } #footer-social a:hover { color: #db8000; } #footer-social [class^="icf-"], #footer-social [class*=" icf-"] { display: inline-block; margin-bottom: 5px; font-size: 30px; vertical-align: middle; } #footer-social .sg { display: inline-block; margin: 0px; padding: 0px; } #footer-social .tit-n { display: inline-block; margin: 0px 3px 0px 0px; padding: 0px; font-size: 14px; color: #FFFFFF; } #footer-social .txt { display: none; } #footer-social .footer-blog .tit-n { display: none; } #footer-social .footer-blog .txt { display: inline-block; font-weight: 700; font-size: 15px; } #footer-social .footer-blog [class^="icf-"], #footer-social .footer-blog [class*=" icf-"] { margin-right: 5px; font-size: 18px; } #footer-buysend { display: inline-block; } #footer-buysend img { display: inline-block; margin: 0px 1px 5px 1px; padding: 0px; } #footer-buysend .tit-n { display: none; } #footer-buysend .txt { display: none; } #footer-links, #footer-legal, #footer-info { float: left; width: 33.333333%; padding-right: 15px; white-space: nowrap; } #footer-links ul { margin: 0px; padding: 0px; } #footer-links li { margin: 0px 0px 10px 0px; padding: 0px; } #footer-links li a { display: block; padding: 10px; font-size: 14px; color: #FFFFFF; font-weight: 700; line-height: 1; text-align: center; border: 3px solid #3e3e40; } #footer-links li a:hover { color: #FFFFFF; background: #3e3e40; } #footer-links [class^="icf-"], #footer-links [class*=" icf-"] { font-size: 20px; vertical-align: middle; } #footer-info { width: 26.66%; } #footer-legal { width: 40%; } #footer-legal ul, #footer-info ul { margin: 0px; padding: 0px; } #footer-legal li, #footer-info li { margin: 0px; padding: 0px; } #footer-legal li a, #footer-info li a { color: #FFFFFF; border-bottom: 0px; } #footer-legal li a:hover, #footer-info li a:hover { border-bottom: 1px dotted #FFFFFF; } #footer-legal .tit-n, #footer-info .tit-n { margin-bottom: 3px; font-size: 14px; color: #FFFFFF; } #footer-cert { display: block; padding: 15px 0px 0px 0px; text-align: center; } #footer-cert strong { font-weight: normal; } #footer-cert strong:before{ position: relative; top: -2px; margin:0px 5px 0px 0px; display: inline-block; content: "●"; font-size: 10px; } #footer-cert strong:first-child::before { display: none; } #footer-cert a { border-bottom: 0px; } #checkout-page #footer { margin-bottom: 0px; } #checkout-page #footer-ctt { padding: 15px 0px; } #checkout-page #footer .g1 { display: none !important; } #checkout-page #footer .g2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; border-left: none; } #checkout-page #footer-social { display: none !important; } #checkout-page #footer-cert { display: none !important; } @media (max-width: 1100px) { #footer .g1 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #footer .g2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #footer-links { float: none; width: 100%; } #footer-legal { float: left; width: 49%; } #footer-info { float: right; width: 49%; } #footer-links li { display: inline-block; width: 49%; padding: 0px; } #footer-links li:first-child { float: left; } #footer-links li:last-child { } } @media (max-width: 960px) { #footer .g1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #footer .g2 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; padding-bottom: 15px; border-left: 0px; border-bottom: 1px solid #5a5a5c; } #footer-social { padding: 0px 0px 20px 0px; } #footer-links, #footer-legal, #footer-info { float: left; width: 33.333333%; padding: 0px; } #footer-info { padding: 0px 20px; } #footer-links li { display: block; width: 100%; padding: 0px; } #footer-links li:first-child, #footer-links li:last-child { float: none; } #checkout-page #footer .g2 { margin: 0px; padding: 0px; border-bottom: none; } } @media (max-width: 700px) { #footer .g2 { padding-bottom: 0px; border-bottom: 0px; } #footer-social { padding: 0px; } #footer-social .tit-n { display: none; } #footer-buysend { padding-top: 20px; } #footer-info { display: none; } #footer-links, #footer-legal { float: none; width: 100%; } #footer-legal a { display: inline-block; padding: 5px 0px; font-size: 14px; } #footer-legal a:before { display: inline-block; content: "●"; font-weight: 700; padding-right: 7px; } #footer-legal li:first-child a:before { content: ""; padding-right: 0px; } #footer-links li { display: inline; width: 100%; padding: 0px; } #footer-links li:first-child { float: left; } #footer-links li:last-child { float: right; } #footer-legal { width: 100%; margin-top: 10px; text-align: center; white-space: normal; } #footer-legal .tit-n { display: none; } #footer-legal li { display: inline-block; margin: 0px 3px; } #footer-legal li a { white-space: nowrap; } #checkout-page #footer-buysend { padding-top: 0px; } } @media (max-width: 576px) { #pfooter { display: none; } #footer-social a { margin: 0px 2px 0px 2px; } #footer-social [class^="icf-"], #footer-social [class*=" icf-"] { font-size: 36px; } #footer-social .footer-blog [class^="icf-"], #footer-social .footer-blog [class*=" icf-"] { font-size: 24px; } #footer-buysend { display: none; } #footer-cert strong { display: inline-block; margin: 0px; min-height: 35px; } #footer-cert strong:first-child { display: block; min-height: auto; margin-bottom: 10px; } #footer-cert strong:before{ display: none; } #footer-cert a { border-bottom: 0px; } #checkout-page #footer { display: none; } } @media (max-width: 460px) { #footer-links li { display: block; width: 100%; padding: 0px; } #footer-links li:first-child, #footer-links li:last-child { float: none; } } /* ------------------------------------------------------ */ /* CONTENT */ /* ------------------------------------------------------ */ .ctt-central { } #special .container { padding-top: 24px; padding-bottom: 10px; background: #ffffff; } #ctt { padding-bottom: 10px; height: auto !important; } /* ------------------------------------------------------ */ /* SEO */ /* ------------------------------------------------------ */ .box-seo { text-align: left; } .box-seo-header { height: 145px; overflow: hidden; } .box-seo-header-wtruncate { margin-bottom: 20px; } .box-seo-footer { padding-top: 20px; border-top: 1px dotted #E5E5E5; } .box-ctt-seo { display: table; width: 100%; margin-bottom: 15px; padding: 20px; background: #F9F9F9; border: 1px solid #E5E5E5; border-top: 10px solid #E5E5E5; } .box-ctt-seo:last-child { margin-bottom: 0; } .box-ctt-seo:last-child, .box-ctt-seo ol:last-child { margin-bottom: 0px; } .box-ctt-seo img.pull-right { float: right; margin: 0 0px 10px 20px; } .box-ctt-seo img.pull-left { float: left; margin: 0 20px 10px 0px; } .box-ctt-seo img.pull-center { width: 100%; margin: 0 0 20px 0; } .box-ctt-seo .brd-bottom { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #E5E5E5; } .box-ctt-seo .brd-bottom:last-child { margin: 0px; padding: 0px; border-bottom: 0px; } .box-ctt-seo h2.tit { margin-top: 0; margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 1.5; color: #333333; } .box-ctt-seo h3.tit { margin-top: 0; margin-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #333333; } .box-ctt-seo .col-md-6 img.pull-left { float: none; width: 100%; } @media (max-width: 700px) { .box-seo-header { height: 145px; overflow: hidden; } .box-ctt-seo img.pull-right, .box-ctt-seo img.pull-left { float: none; margin: 0 0 15px 0; } .box-ctt-seo img { width: 100%; height: auto; } .box-ctt-seo .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0px; padding-left: 0px; } } /* ------------------------------------------------------ */ /* GALLERY PHOTOS */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* LANDINGS */ /* ------------------------------------------------------ */ .landing { text-align: center; } .landing-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .landing > a, .landing > .d-desktop > a, .landing > .d-desktop > a { display: block; width: 100%; text-align: center; margin-bottom: 20px; border-bottom: 0px; } .landing > .d-mobile > a { width: 100%; text-align: center; margin-bottom: 20px; border-bottom: 0px; } .landing > a > img.img-responsive, .landing > .d-desktop > a > img.img-responsive, .landing > .d-mobile > a > img.img-responsive { display: inline-block; width: 100%; } /* 1 col */ /* Sliders */ .slider-bnn { margin-bottom: 25px; } .slider-bnn .slick-prev, [dir='rtl'] .slider-bnn .slick-next { left: 30px; } [dir='rtl'] .slider-bnn .slick-prev, .slider-bnn .slick-next { right: 30px; } .slider-bnn .slick-prev, .slider-bnn .slick-next { width: 30px; height: 30px; } .slider-bnn .slick-prev:before, [dir='rtl'] .slider-bnn .slick-prev:before, .slider-bnn .slick-next:before, [dir='rtl'] .slider-bnn .slick-next:before { font-size: 30px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .slider-bnn .slick-prev:hover:before, [dir='rtl'] .slider-bnn .slick-prev:hover:before, .slider-bnn .slick-next:hover:before, [dir='rtl'] .slider-bnn .slick-next:hover:before { color: #000000; } .slider-cols { margin-bottom: 14px; } .slider-cols { padding-left: 16px; padding-right: 16px; } .slider-cols .slick-prev, [dir='rtl'] .slider-cols .slick-next { left: -7px; } [dir='rtl'] .slider-cols .slick-prev, .slider-cols .slick-next { right: -7px; } .slider-cols .slick-prev, .slider-cols .slick-next { width: 20px; height: 20px; } .slider-cols .slick-prev:before, [dir='rtl'] .slider-cols .slick-prev:before, .slider-cols .slick-next:before, [dir='rtl'] .slider-cols .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .slider-cols .slick-prev:hover:before, [dir='rtl'] .slider-cols .slick-prev:hover:before, .slider-cols .slick-next:hover:before, [dir='rtl'] .slider-cols .slick-next:hover:before { color: #000000; } .slider-cols .item { padding-left: 7px; padding-right: 7px; } .slider-cols .item img { margin-bottom: 14px; } .slider-cols .slick-prev, .slider-cols .slick-next { top: 45%; } .slider-cats { margin-bottom: 24px; } .slider-cats { padding-left: 16px; padding-right: 16px; } .slider-cats .slick-prev, [dir='rtl'] .slider-cats .slick-next { left: -7px; } [dir='rtl'] .slider-cats .slick-prev, .slider-cats .slick-next { right: -7px; } .slider-cats .slick-prev, .slider-cats .slick-next { width: 20px; height: 20px; } .slider-cats .slick-prev:before, [dir='rtl'] .slider-cats .slick-prev:before, .slider-cats .slick-next:before, [dir='rtl'] .slider-cats .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .slider-cats .slick-prev:hover:before, [dir='rtl'] .slider-cats .slick-prev:hover:before, .slider-cats .slick-next:hover:before, [dir='rtl'] .slider-cats .slick-next:hover:before { color: #000000; } .slider-cats .item { padding-left: 5px; padding-right: 5px; } .slider-cats .item .tit-n { margin-bottom: 0; font-size: 12px; font-weight: normal; } .slider-cats .item img { margin-bottom: 8px; } .slider-cats .slick-prev, .slider-cats .slick-next { top: 35%; } /* 1 cols */ .landing-cols1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 5px; margin-right: 0px; } .landing-cols1 img { margin-bottom: 10px; } .landing-cols1 .tit-n { font-size: 16px; } /* 2 cols */ .landing-cols2 { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-cols2:nth-child(2n) { margin-right: 0; } .landing-cols2 img { margin-bottom: 10px; } .landing-cols2 .tit-n { font-size: 16px; } /* 3 cols */ .landing-cols3 { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin-bottom: 5px; margin-right: 2%; } .landing-cols3:nth-child(3n) { margin-right: 0; } .landing-cols3 img { margin-bottom: 14px; } .landing-cols3 .tit-n { font-size: 16px; } /* 4 cols */ .landing-cols4 { -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; margin-right: 2%; } .landing-cols4:nth-child(4n) { margin-right: 0; } .landing-cols4 img { margin-bottom: 14px; } .landing-cols4 .tit-n { font-size: 16px; } /* 5 cols */ .landing-cols5 { -webkit-box-flex: 0; -ms-flex: 0 0 18.4%; flex: 0 0 18.4%; max-width: 18.4%; margin-bottom: 5px; margin-right: 2%; } .landing-cols5:nth-child(5n) { margin-right: 0; } .landing-cols5 img { margin-bottom: 14px; } .landing-cols5 .tit-n, .slider-5cols .tit-n { font-size: 15px; } .landing-cols5 p, .slider-5cols p { font-size: 13px; } /* 6 cols */ .landing-cols6 { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; margin-bottom: 5px; margin-right: 2%; } .landing-cols6:nth-child(6n) { margin-right: 0; } .landing-cols6 img { margin-bottom: 14px; } .landing-cols6 .tit-n, .slider-6cols .tit-n { font-size: 15px; } .landing-cols6 p, .slider-6cols p { font-size: 13px; } /* Cols categories */ .landing-categories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; margin-bottom: 14px; } .landing-cat { -webkit-box-flex: 0; -ms-flex: 0 0 7.416666%; flex: 0 0 7.416666%; max-width: 7.416666%; margin-bottom: 14px; margin-right: 1%; } .landing-cat:nth-child(12n) { margin-right: 0; } .landing-cat img { margin-bottom: 8px; } .landing-cat .tit-n { margin-bottom: 0; font-size: 12px; font-weight: normal; } /* 1 bloque especial dc */ .landing-card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; text-align: left; background-color: #FFFFFF; border: 1px solid #E5E5E5; } .landing-card-ctd { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px; } .landing-card-img { position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 400px; background: #e5e5e5; } .landing-card-img .img-responsive { width: 100%; height: auto; } .landing-card-img .deco { position: relative; z-index: 1; display: block; } .landing-card-img .deco::after { z-index: 2; content: "a";position: absolute; color: #cccccc; bottom: 0px; display: none; width: 100%; height: 60px; background: -moz-linear-gradient(top, rgba(229,229,229,0) 0%, rgba(229,229,229,1) 100%); background: -webkit-linear-gradient(top, rgba(229,229,229,0) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(229,229,229,1) 100%); } .landing-card p:last-child { margin-bottom: 0; } .landing-card ul:last-child, .landing-card ol:last-child { margin-bottom: 0px; } /* 1 bloque especial iz */ /* Estrutuctura 1 1x1x2 */ .landing-colscd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .landing-colscd .landing-colsc1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd .landing-colsc2 { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; } .landing-colscd .landing-colsc3 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.left .landing-colsc1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.left .landing-colsc2 { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; margin-right: 0; } .landing-colscd.left .landing-colsc3 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.right .landing-colsc1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.right .landing-colsc2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.right .landing-colsc3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 0; } .landing-colscd img { margin-bottom: 14px; } .landing-colscd .tit-n { font-size: 16px; text-align: center; } /* Estrutuctura 1x2 1 1x2 */ .landing-colsbd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .landing-colsbd .landing-colsb { -webkit-box-flex: 0; -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; margin-bottom: 14px; margin-right: 2%; } .landing-colsbd .landing-colsb:last-child { margin-right: 0%; } .landing-colsbd .landing-colsd { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; margin-bottom: 14px; margin-right: 2%; } .landing-colsbd img { margin-bottom: 14px; } .landing-colsbd .tit-n { font-size: 16px; text-align: center; } .right .landing-colsd { margin-right: 0% !important; } /* Estrucutra Caja BFT: Foto grande + Caja con texto */ .landing-boxphotopt { position: relative; margin: 0px 0px 30px 0px; padding: 0px; } .landing-boxphotopt .landing-boxphoto-media { width:100%; position: relative; } .landing-boxphotopt .landing-boxphoto-media img { display: block; width: 100%; } .landing-boxphotopt .landing-boxphoto-caption { position: relative; font-size: 15px; letter-spacing:3px; text-transform: uppercase; text-align: center; } .landing-boxphotopt .landing-boxphoto-side { position: absolute; top: 0px; padding: 40px; width: 400px; height: 100%; color: #FFFFFF; background: rgb(85,85,85); background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(46,46,46,1) 100%); } .landing-boxphotopt .landing-boxphoto-header { text-transform: uppercase; font-weight: 700; color: #FFFFFF; letter-spacing: 1px; } .landing-boxphotopt .landing-boxphoto-atit { margin: 0px 0px 20px 0px; font-size: 16px; letter-spacing: 4px; color: #FFFFFF; text-transform: uppercase; } .landing-boxphotopt .landing-boxphoto-tit { margin: 30px 0px 60px 0px; font-size: 40px; line-height: 1.2; font-weight: 700; letter-spacing:-0.5px; color:#FFFFFF; text-transform: none; } .landing-boxphotopt .landing-boxphoto-btn { margin: 60px 0px; } .landing-boxphotopt .landing-boxphoto-logo { } .landing-boxphotopt .landing-boxphoto-logo-tit { } .landing-boxphotopt ul.landing-boxphoto-logo-img { margin: 20px 0px 0px 0px; padding: 0px; list-style-type: none; } .landing-boxphotopt ul.landing-boxphoto-logo-img li { display:inline-block; padding: 0px 20px; width: 150px; } .landing-boxphotopt ul.landing-boxphoto-logo-img li::before { display: none; } .landing-boxphotopt ul.landing-boxphoto-logo-img li img { width:100% } .landing-boxphotopt .btn-box { color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .landing-boxphotopt .btn-box::after { color: #FFFFFF; } .landing-boxphotopt .btn-box:focus, .landing-boxphotopt .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#ff9000; border: 3px solid #ff9000; } .landing-boxphotopt.left .landing-boxphoto-side { left: 0px; } .landing-boxphotopt.left .landing-boxphoto-media { padding: 60px 0px 30px 220px; } .landing-boxphotopt.left .landing-boxphoto-caption { text-align: right; margin: 30px 20px 0px 180px; } .landing-boxphotopt.right .landing-boxphoto-side { right: 0px; } .landing-boxphotopt.right .landing-boxphoto-media { padding: 60px 220px 30px 0px; } .landing-boxphotopt.right .landing-boxphoto-caption { text-align: left; margin: 30px 180px 0px 20px; } /* Estrucutra Caja: Foto + Caja grande con texto */ .landing-boxphototp { position: relative; margin: 80px 0px 40px 0px; } .landing-boxphototp .landing-boxphoto-media { position: absolute; top: -40px; max-width: 480px; } .landing-boxphototp .landing-boxphoto-media img { display: block; width: 100%; } .landing-boxphototp .landing-boxphoto-ctt { margin: 0px; background: rgb(85,85,85); background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(46,46,46,1) 100%); } .landing-boxphototp .landing-boxphoto-atit { font-weight: 700; font-size: 16px; letter-spacing: 4px; color: #FFFFFF; text-transform: uppercase; } .landing-boxphototp .landing-boxphoto-tit { margin-top: 15px; color: #FFFFFF; font-size: 40px; line-height: 1.2; font-weight: 700; letter-spacing:-0.5px; color:#FFFFFF; text-transform: none; } .landing-boxphototp .landing-boxphoto-txt { margin: 20px 0px; color: #FFFFFF; } .landing-boxphototp .landing-boxphoto-btn { margin: 30px 0px 0px 0px; } .landing-boxphototp .btn-box { color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .landing-boxphototp .btn-box::after { color: #FFFFFF; } .landing-boxphototp .btn-box:focus, .landing-boxphototp .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#ff9000; border: 3px solid #ff9000; } .landing-boxphototp.right .landing-boxphoto-media { right: 80px; } .landing-boxphototp.right .landing-boxphoto-ctt { padding: 80px 640px 80px 80px; } .landing-boxphototp.left .landing-boxphoto-media { left: 80px; } .landing-boxphototp.left .landing-boxphoto-ctt { padding: 80px 80px 80px 640px; } /* Estrucutra Caja BFT: Color */ .landing-boxpcolour .landing-boxphoto-side { background: rgb(238,168,73) !important; background: linear-gradient(180deg, rgba(238,168,73,1) 0%, rgba(244,107,69,1) 100%) !important; } .landing-boxpcolour .landing-boxphoto-ctt { background: rgb(238,168,73) !important; background: linear-gradient(180deg, rgba(238,168,73,1) 0%, rgba(244,107,69,1) 100%) !important; } .landing-boxpcolour .btn-box::after { color: #FFFFFF; } .landing-boxpcolour .btn-box:focus, .landing-boxpcolour .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#333333; border: 3px solid #333333; } /* Estrucutra enlaces */ ul.landing-links { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding: 0px 0px; list-style-type: none; } ul.landing-links > li { z-index: 1; box-sizing: border-box; flex: 1 0 306px; max-width: calc(33.333% - 10px); margin: 0px 5px 10px 5px; padding: 0px; font-size: 11px; } ul.landing-links > li::before { display: none; } ul.landing-links > li a.btn-box { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: table; height: 100px; margin: 0px; padding: 20px; font-size: 18px; line-height: 1.25; text-transform: initial; text-align: center; vertical-align: middle; border-color: #cccccc; } ul.landing-links > li a.btn-box::after { display: none; } ul.landing-links > li a.btn-box:hover { color: #FFFFFF; text-decoration: none; background:#ff9000; border: 3px solid #ff9000; } ul.landing-links > li a.btn-box:hover::after { color: #333333; } ul.landing-links .btn-box:focus, ul.landing-links .btn-box:focus { color: #333333; text-decoration: none; background:#FFFFFF; } ul.landing-links .opc { display: table-cell; text-align: center; vertical-align: middle; } /* Bloque Instagram Modelo 1 */ .landing-instagram-b1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .landing-instagram-b1 .landing-tit { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 0px; margin-right: 0%; padding: 20px; color: #FFFFFF; text-align: left; background: rgb(85,85,85); background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(46,46,46,1) 100%); border: 1px solid #FFFFFF; } .landing-instagram-b1 .landing-tit .tit-n { color: #FFFFFF; } .landing-instagram-b1 .landing-tit .tit-n:before { display: block; font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 26px; text-transform: none; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e956"; } .landing-instagram-b1 .landing-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 0px; margin-right: 0%; } .landing-instagram-b1 .landing-item:nth-child(4n) { margin-right: 0; } .landing-instagram-b1 .landing-item a { overflow: hidden; position: relative; display: block; width: 100%; height: auto; min-height: 280px; border: 1px solid #FFFFFF; background: #E5E5E5; } .landing-instagram-b1 .landing-item a:after { position: absolute; bottom: 5px; left: 10px; display: block; font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 20px; text-transform: none; color: #FFFFFF; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e956"; opacity: 0.8; } .landing-instagram-b1 .landing-item .img-responsive { position: absolute; top: auto; bottom: auto; left: 0; right: 0; display: block; width: 120%; height: auto; max-width: none; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; -webkit-filter: contrast(120%); filter: contrast(120%); } .landing-instagram-b1 .landing-item .fdo { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); } .landing-instagram-b1 .link { margin-top: 20px; } .landing-instagram-b1 .btn-box { color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .landing-instagram-b1 .btn-box::after { color: #FFFFFF; } .landing-instagram-b1 .btn-box:focus, .landing-instagram-b1 .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#ff9000; border: 3px solid #ff9000; } .landing-instagram-b2 { padding: 20px; background: rgb(85,85,85); background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(46,46,46,1) 100%); border: 1px solid #FFFFFF; } .landing-instagram-b2 .landing-tit { text-align: center; margin-bottom: 20px; } .landing-instagram-b2 .landing-tit .tit-n { color: #FFFFFF; } .landing-instagram-b2 .landing-tit .tit-n:before { display: inline-block; margin-right: 5px; font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 20px; text-transform: none; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e956"; } .landing-instagram-b2 .link { margin-top: 0px; text-align: right; } .landing-instagram-b2 .btn-box { color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .landing-instagram-b2 .btn-box::after { color: #FFFFFF; } .landing-instagram-b2 .btn-box:focus, .landing-instagram-b2 .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#ff9000; border: 3px solid #ff9000; } .landing-instagram-b3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .landing-instagram-b3 .landing-tit { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0px; margin-right: 0%; padding: 20px; color: #FFFFFF; text-align: left; background: rgb(85,85,85); background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(46,46,46,1) 100%); border: 1px solid #FFFFFF; } .landing-instagram-b3 .landing-tit .tit-n { color: #FFFFFF; } .landing-instagram-b3 .landing-tit .tit-n:before { display: inline-block; margin-right: 5px; font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 20px; text-transform: none; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e956"; } .landing-instagram-b3 .landing-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 0px; margin-right: 0%; } .landing-instagram-b3 .landing-item a { overflow: hidden; position: relative; display: block; width: 100%; height: auto; min-height: 280px; border: 1px solid #FFFFFF; background: #E5E5E5; } .landing-instagram-b3 .landing-item a:after { position: absolute; bottom: 5px; left: 10px; display: block; font-family: 'iconfuni' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 20px; text-transform: none; color: #FFFFFF; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e956"; opacity: 0.8; } .landing-instagram-b3 .landing-item .img-responsive { position: absolute; top: auto; bottom: auto; left: 0; right: 0; display: block; width: 120%; height: auto; max-width: none; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; -webkit-filter: contrast(120%); filter: contrast(120%); } .landing-instagram-b3 .landing-item:nth-child(3n-1) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0px; margin-right: 0%; } .landing-instagram-b3 .landing-item:nth-child(3n-1) a { min-height: 350px; } .landing-instagram-b3 .landing-item:nth-child(3n-1) .img-responsive { width: 100%; } .landing-instagram-b3 .landing-item .fdo { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.35); } .landing-instagram-b3 .link { margin-top: 10px; text-align: left; } .landing-instagram-b3 .btn-box { margin-bottom: 10px; color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .landing-instagram-b3 .btn-box::after { color: #FFFFFF; } .landing-instagram-b3 .btn-box:focus, .landing-instagram-b3 .btn-box:hover { color: #FFFFFF; text-decoration: none; background:#ff9000; border: 3px solid #ff9000; } /* Estrucutra bloque con fondo de color */ .landing-bg { padding: 25px 30px; margin-bottom: 20px; } .landing-bg-grey { background: rgb(239,239,239); background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(222,222,222,1) 100%); } .landing-bg-black { background: rgb(85,85,85); background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(46,46,46,1) 100%); } .landing-bg-black * { color: #FFFFFF !important; } .landing-bg-colour { background: rgb(238,168,73) !important; background: linear-gradient(180deg, rgba(238,168,73,1) 0%, rgba(244,107,69,1) 100%) !important; } .landing-bg-colour * { color: #FFFFFF !important; } .landing-bg .landing-cols { margin-bottom: 0px; padding-top: 10px; } /* Estrucutra enlaces + img */ /* Estructura html */ /* Small devices */ @media (max-width: 1024px) { .landing-cat { -webkit-box-flex: 0; -ms-flex: 0 0 11.625%; flex: 0 0 11.625%; max-width: 11.625%; margin-bottom: 14px; margin-right: 1%; } .landing-cat:nth-child(12n) { margin-right: 1%; } .landing-cat:nth-child(8n) { margin-right: 0%; } .landing-colsbd .landing-colsb { -ms-flex: 0 0 22.5%; flex: 0 0 22.5%; max-width: 22.5%; } .landing-card-img { max-width: 350px; } .landing-boxphotopt .landing-boxphoto-tit { margin: 20px 0px 35px 0px; } .landing-boxphotopt .landing-boxphoto-btn { margin: 35px 0px; } .landing-boxphototp.right .landing-boxphoto-media { right: 50px; } .landing-boxphototp.right .landing-boxphoto-ctt { padding: 60px 580px 80px 50px; } .landing-boxphototp.left .landing-boxphoto-media { left: 50px; } .landing-boxphototp.left .landing-boxphoto-ctt { padding: 60px 50px 80px 580px; } .landing-instagram-b1 .landing-item .img-responsive { width: 130%; } } @media (max-width: 900px) { ul.landing-links > li { max-width: calc(33.33333% - 10px); } .landing-boxphotopt .landing-boxphoto-atit { font-size: 14px; } .landing-boxphotopt .landing-boxphoto-tit { margin: 10px 0px 20px 0px; font-size: 36px; } .landing-boxphotopt .landing-boxphoto-btn { margin: 25px 0px; } .landing-boxphotopt.left .landing-boxphoto-caption { margin: 30px 0px 0px 180px; font-size: 14px; } .landing-boxphotopt.right .landing-boxphoto-caption { margin: 30px 180px 0px 00px; font-size: 14px; } .landing-boxphototp .landing-boxphoto-media { top: -30px; max-width: 385px; } .landing-boxphototp .landing-boxphoto-atit { font-size: 14px; } .landing-boxphototp .landing-boxphoto-tit { margin-top: 5px; font-size: 36px; } .landing-boxphototp .landing-boxphoto-btn { margin: 20px 0px 0px 0px; } .landing-boxphototp.right .landing-boxphoto-media { right: 0px; } .landing-boxphototp.right .landing-boxphoto-ctt { padding: 40px 420px 60px 40px; } .landing-boxphototp.left .landing-boxphoto-media { left: 0px; } .landing-boxphototp.left .landing-boxphoto-ctt { padding: 40px 40px 60px 420px; } .landing-instagram-b1 .landing-tit { padding: 15px; } .landing-instagram-b1 .landing-tit .tit-n { color: #FFFFFF; } .landing-instagram-b1 .landing-tit .tit-n:before { display: inline-block; margin-right: 5px; font-size: 18px; line-height: 1.5; } .landing-instagram-b1 .landing-item a { min-height: 200px;} .landing-instagram-b1 .landing-item .img-responsive { width: 110%; } .landing-instagram-b1 .btn-box { padding: 10px 30px 10px 10px; } } @media (max-width: 768px) { .landing-cols5 { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin-bottom: 5px; margin-right: 2%; } .landing-cols5:nth-child(3n) { margin-right: 0; } .landing-cols5:nth-child(4n) { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-cols5:nth-child(5n) { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 0%; } .landing-cols5:nth-child(3n) { margin-right: 0; } .landing-cols5:nth-child(6n) { margin-right: 2%; } .landing-cols5:nth-child(8n) { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin-bottom: 5px; margin-right: 0%; } .landing-cols5:nth-child(9n) { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-cols5:nth-child(10n) { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 0%; } .landing-cols6 { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin-bottom: 5px; margin-right: 2%; } .landing-cols6:nth-child(3n) { margin-right: 0; } .landing-cat { -webkit-box-flex: 0; -ms-flex: 0 0 15.83333%; flex: 0 0 15.83333%; max-width: 15.83333%; margin-bottom: 14px; margin-right: 1%; } .landing-cat:nth-child(12n) { margin-right: 0%; } .landing-cat:nth-child(8n) { margin-right: 1%; } .landing-cat:nth-child(6n) { margin-right: 0%; } .landing-colsbd .tit-n { font-size: 14px; } .landing-card-img { max-width: 300px; } .landing-boxphotopt .landing-boxphoto-caption { font-size: 12px; letter-spacing: normal; } .landing-boxphotopt .landing-boxphoto-side { padding: 30px; width: 300px; } .landing-boxphotopt .landing-boxphoto-atit { letter-spacing: normal; } .landing-boxphotopt .landing-boxphoto-tit { font-size: 24px; } .landing-boxphotopt .landing-boxphoto-logo-tit { font-size: 12px; } .landing-boxphotopt ul.landing-boxphoto-logo-img li { padding: 0px 10px; width: 115px; } .landing-boxphotopt.left.landing-boxphoto-media { padding: 50px 0px 30px 200px; } .landing-boxphotopt.right .landing-boxphoto-media { padding: 50px 200px 30px 0px; } .landing-boxphototp .landing-boxphoto-media { top: -30px; max-width: 300px; } .landing-boxphototp .landing-boxphoto-atit { letter-spacing: normal; } .landing-boxphototp .landing-boxphoto-tit { font-size: 24px; } .landing-boxphototp .landing-boxphoto-btn { margin: 20px 0px 0px 0px; } .landing-boxphototp.right .landing-boxphoto-media { right: 0px; } .landing-boxphototp.right .landing-boxphoto-ctt { padding: 30px 340px 40px 30px; } .landing-boxphototp.left .landing-boxphoto-media { left: 0px; } .landing-boxphototp.left .landing-boxphoto-ctt { padding: 30px 30px 40px 340px; } .landing-instagram-b1 .landing-item .img-responsive { width: 130%; } } @media (max-width: 700px) { ul.landing-links > li, ul.lst-tags-found > li { max-width: calc(50% - 10px); } .landing-card { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .landing-card-ctd { width: 100%; } .landing-card-img { max-width: 100%; } .landing-colscd .landing-colsc1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd .landing-colsc2 { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; } .landing-colscd .landing-colsc3 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 5px; } .landing-colscd.left .landing-colsc1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.left .landing-colsc2 { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; } .landing-colscd.left .landing-colsc3 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 5px; } .landing-colscd.right .landing-colsc1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-colscd.right .landing-colsc2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 0; } .landing-colscd.right .landing-colsc3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 5px; } .landing-colscd .tit-n { font-size: 16px; } .landing-boxphotopt .landing-boxphoto-caption { font-size: 11px; letter-spacing: normal; } .landing-boxphotopt .landing-boxphoto-side { padding: 20px; } .landing-boxphotopt .landing-boxphoto-tit { font-size: 20px; } .landing-boxphotopt .landing-boxphoto-btn { margin: 10px 0px; } .landing-boxphotopt ul.landing-boxphoto-logo-img { margin: 10px 0px 0px 0px; } .landing-boxphotopt.left .landing-boxphoto-media { padding: 30px 0px 30px 130px; } .landing-boxphotopt.right .landing-boxphoto-media { padding: 30px 130px 30px 0px; } .landing-boxphototp .landing-boxphoto-media { top: 30px; max-width: 240px; } .landing-boxphototp .landing-boxphoto-tit { font-size: 20px; } .landing-boxphototp.right .landing-boxphoto-ctt { padding: 30px 280px 30px 30px; } .landing-boxphototp.left .landing-boxphoto-ctt { padding: 30px 30px 30px 280px; } .landing-instagram-b1 .landing-tit { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .landing-instagram-b1 .landing-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .landing-instagram-b1 .landing-item:nth-child(2n) { margin-right: 0; } .landing-instagram-b1 .landing-item a { min-height: 315px; } .landing-instagram-b1 .landing-item .img-responsive { width: 120%; } .landing-instagram-b1 .landing-tit { padding: 20px; } .landing-instagram-b1 .landing-tit .tit-n:before { display: block; margin-right: 0px; font-size: 26px; line-height: 1.5; } .landing-instagram-b1 .btn-box { padding: 14px 30px 14px 15px; } } @media (max-width: 576px) { .slider-bnn .slick-prev, [dir='rtl'] .slider-bnn .slick-next { left: 20px; } [dir='rtl'] .slider-bnn .slick-prev, .slider-bnn .slick-next { right: 20px; } .landing-cols3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0px; margin-right: 0%; } .landing-cols4 { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 0px; margin-right: 2%; } .landing-cols4:nth-child(2n) { margin-right: 0; } .landing-cols5 { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 0px; margin-right: 2%; } .landing-cols5:nth-child(2n), .landing-cols5:nth-child(4n), .landing-cols5:nth-child(6n), .landing-cols5:nth-child(8n) { margin-right: 0; } .landing-cols5:nth-child(3n), .landing-cols5:nth-child(5n) { margin-right: 2%; } .landing-cols5:nth-child(6n), .landing-cols5:nth-child(8n), .landing-cols5:nth-child(10n) { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 0px; margin-right: 0%; } .landing-cols6 { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 5px; margin-right: 2%; } .landing-cols6:nth-child(3n) { margin-right: 2%; } .landing-cols6:nth-child(2n), .landing-cols6:nth-child(4n), .landing-cols6:nth-child(6n), .landing-cols6:nth-child(8n), .landing-cols6:nth-child(10n), .landing-cols6:nth-child(12n) { margin-right: 0; } .landing-cat { -webkit-box-flex: 0; -ms-flex: 0 0 24.25%; flex: 0 0 24.25%; max-width: 24.25%; margin-bottom: 14px; margin-right: 1%; } .landing-cat:nth-child(12n) { margin-right: 0%; } .landing-cat:nth-child(8n) { margin-right: 0%; } .landing-cat:nth-child(6n) { margin-right: 1%; } .landing-cat:nth-child(4n) { margin-right: 0%; } .landing-colsbd { margin-bottom: 0px; } .landing-colsbd .landing-colsb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-right: 0; } .landing-colsbd .landing-colsb:first-child { margin-bottom: 10px; } .landing-colsbd .landing-colsb .item {-webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; margin-bottom: 0px; margin-right: 4%; } .landing-colsbd .landing-colsb .item:last-child { margin-right: 0%; } .landing-colsbd .landing-colsd { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } .landing-colsbd .tit-n { font-size: 16px; } ul.landing-links > li { max-width: calc(100% - 0px); margin-bottom: 0px; font-size: 10px; } ul.landing-links > li a.btn-box { padding: 12px 5px 12px 5px; font-size: 11px; border-left: 0px; border-right: 0px; border-top: 1px solid #E5E5E5; border-bottom: 0px; } ul.landing-links > li a.btn-box:hover { color: #333333;;background: transparent; } ul.landing-links > li a.btn-box::after { right: 5px; color: #555555; font-size: 12px; } ul.landing-links > li:last-child a.btn-box { border-bottom: 1px solid #E5E5E5; } .landing-boxphotopt .landing-boxphoto-side { position: relative; width: 100%; text-align: center; } .landing-boxphotopt .landing-boxphoto-media img { z-index: 1; position: relative; } .landing-boxphotopt.left .landing-boxphoto-caption, .landing-boxphotopt.right .landing-boxphoto-caption { display: none; } .landing-boxphotopt.left .landing-boxphoto-media, .landing-boxphotopt.right .landing-boxphoto-media { padding: 0px; } .landing-boxphototp .landing-boxphoto-media { position: relative; top: 0px; max-width: 100%; } .landing-boxphototp .landing-boxphoto-ctt { text-align: center; padding: 30px !important; } .landing-instagram-b1 .landing-item a { min-height: 250px; } } @media (max-width: 460px) { .landing-cat { -webkit-box-flex: 0; -ms-flex: 0 0 32.66666%; flex: 0 0 32.66666%; max-width: 32.66666%; margin-bottom: 14px; margin-right: 1%; } .landing-cat:nth-child(12n) { margin-right: 0%; } .landing-cat:nth-child(8n) { margin-right: 1%; } .landing-cat:nth-child(6n) { margin-right: 0%; } .landing-cat:nth-child(4n) { margin-right: 1%; } .landing-cat:nth-child(3n) { margin-right: 0%; } } /* ------------------------------------------------------ */ /* PRODUCT LIST */ /* ------------------------------------------------------ */ ul.lst-products { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -10px; padding: 0px; list-style-type: none; } ul.lst-products .lst-products-item { z-index: 1; box-sizing: border-box; flex: 1 0 306px; max-width: calc(25% - 20px); margin: 0px 10px 20px 10px; padding: 0px; } ul.lst-products .lst-products-item:before { display: none; } ul.lst-products .lst-products-item a { border-bottom: 0px; } ul.lst-products .lst-products-box { /*border: 1px solid #FFFFFF;*/ } ul.lst-products-big .lst-products-item { flex: 1 0 602px !important; max-width: calc(50% - 20px) !important; } ul.lst-products-big .lst-products-detail .other { min-width: 140px !important; } ul.lst-products-big .lst-products-detail .other .txt-price { display: inline-block !important; } ul.lst-products .lst-products-detail .other br { display: none; } /* CROACIA */ ul.lst-products .lst-products-detail .other .txt-price-alt { display: block; font-size: 13px; color: #434343; font-weight: 700; } /* CROACIA */ ul.lst-products .lst-products-detail .other .txt-price-previous-alt { color: #db8000; text-decoration:line-through; font-size: 12px; } /* CROACIA */ ul.lst-products .lst-products-detail .other .txt-price-previous-alt .txt { display: none; } /* CROACIA */ ul.lst-products .lst-products-detail .other .txt-price .taxes { color: #db8000; } /* CROACIA */ ul.lst-products .lst-products-media { position: relative; text-align: center; line-height: 0; background: #333333; } ul.lst-products .lst-products-media .img { position: relative; display: block; padding-top: 126.421%; } ul.lst-products .lst-products-media .img img { position: absolute; top: 0px; left: 0px; opacity: 0.98; background: #FAFAFA; max-width: 100%; height: auto; } ul.lst-products .lst-products-media .img img.img-responsive { width: 100%; height: auto; } ul.lst-products .lst-products-media .img img.lazyload, ul.lst-products .lst-products-media .img img.lazyloading, ul.lst-products .lst-products-media .img img.lazyloaded { width: 100%; height: 100%; } ul.lst-products .lst-products-media .img .hover-image { position: absolute; top: 0px; left: 0px; opacity: 0; cursor: pointer; visibility:hidden } ul.lst-products-big .lst-products-media .img { padding-top: 51.107%; } ul.lst-products .js-of-link { cursor: pointer} ul.lst-products .lst-products-media .lst-products-icon { position: absolute; z-index: 2; top: 10px; left: 10px; font-size: 12px; font-weight: 700; color: #333333; } ul.lst-products .lst-products-media .lst-products-icon .txt { display: none; } ul.lst-products .lst-products-media .lst-products-icon [class^="icf-"], ul.lst-products .lst-products-media .lst-products-icon [class*=" icf-"] { position: relative; font-size: 24px; vertical-align: middle; } ul.lst-products .lst-products-media .lst-products-icon .icf-made-f-v { top: -10px; left: -10px; font-size: 42px; color: #F99D3C; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units { padding: 5px; font-size: 11px; font-weight: 700; color: #FFFFFF; line-height: 1; background: #db8000; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .number { font-size: 24px; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .txt { display: block; font-size: 9px; text-transform: uppercase; } ul.lst-products .lst-products-media .lst-products-eco { position: absolute; z-index: 3; bottom: 10px; left: 10px; font-size: 12px; font-weight: 700; color: #333333; } ul.lst-products .lst-products-media .lst-products-eco .txt { display: none; } ul.lst-products .lst-products-media .lst-products-eco [class^="icf-"], ul.lst-products .lst-products-media .lst-products-eco [class*=" icf-"] { position: relative; font-size: 28px; color: #669933; vertical-align: middle; } ul.lst-products .lst-products-media .txt-price-taxes { position: absolute; min-width: 41px; z-index: 2; top: 5px; right: 5px; padding: 10px 5px; font-size: 13px; font-weight: 700; color: #FFFFFF; line-height: 1.5; background: #db8000; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; } ul.lst-products .lst-products-media .links-quickview { display: none; position: absolute; z-index: 2; bottom: 0px; left: 0px; width: 100%; padding: 10px; text-align: center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); } ul.lst-products .lst-products-media .links-quickview .btn { margin: 0px; padding: 7px 15px 5px 15px; font-size: 12px; } ul.lst-products .lst-products-media .links-quickview .btn [class^="icf-"], ul.lst-products .lst-products-media .links-quickview .btn [class*=" icf-"] { font-size: 18px; vertical-align: middle; } ul.lst-products .lst-products-detail { z-index: 2; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; padding: 15px 10px; background: #FFFFFF; } ul.lst-products .lst-products-detail .tit { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right: 5px; } ul.lst-products .lst-products-detail .tit-n a, ul.lst-products .lst-products-detail .tit-n { display: block; margin-bottom: 8px; font-size: 14px; color: #555555; font-weight: normal; } ul.lst-products .lst-products-detail .tit-n a:hover { color: #333333; } ul.lst-products .lst-products-detail .other { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; min-width: 90px; padding-left: 5px; text-align: right; white-space: nowrap; } ul.lst-products .lst-products-detail .other .txt-price { display: block; font-size: 16px; color: #333333; font-weight: 700; } ul.lst-products .lst-products-detail .other .txt-price-previous { color: #db8000; text-decoration:line-through; } ul.lst-products .lst-products-detail .other .txt-price-previous .txt { display: none; } ul.lst-products .lst-products-detail .other .txt-price .taxes { color: #db8000; } ul.lst-products .lst-products-detail .txt-available { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; line-height: 1.3; } ul.lst-products .lst-products-detail .txt-available .available { display: none; } ul.lst-products .lst-products-detail .txt-available .navailable-time { display: none; } ul.lst-products .lst-products-size { z-index: 1; display: none; overflow: hidden; position: relative; width: 100%; height: 0px; line-height: 1; text-align: center; } ul.lst-products .lst-products-size .lst-products-size-ctt { overflow: hidden; z-index: 8999; position: absolute; top: 0px; left: 0px; width: 100%; padding: 10px 5px 5px 5px; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; border-top: 1px dotted #E5E5E5; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25); } ul.lst-products .lst-products-size .txt { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: #333333; vertical-align: middle; } ul.lst-products .lst-products-size ul.lst { display: inline-block; margin: 0px; padding: 0px; list-style-type: none; } ul.lst-products .lst-products-size ul.lst li { display: inline-block; font-size: 12px; } ul.lst-products .lst-products-size ul.lst li:before { display: none; } ul.lst-products .lst-products-size ul.lst li a { display: inline-block; min-width: 25px; margin-right: 3px; margin-bottom: 3px; padding: 2px 9px; text-align: center; color: #333333; background: #d2d2d2; } ul.lst-products .lst-products-size ul.lst li a:hover { color: #FFFFFF; background: #db8000; } ul.lst-products .lst-products-size ul.lst li a.ticket { color: #888888; background: #ffffff; } ul.lst-products .lst-products-size ul.lst li a.ticket:hover { color: #FFFFFF; background: #555555; } ul.lst-products .lst-products-item:hover { z-index: 2; } ul.lst-products .lst-products-box:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } ul.lst-products .lst-products-box:hover .lst-products-media .img .hover-image { opacity: 1; visibility:visible;} ul.lst-products .lst-products-box:hover .lst-products-media .links-quickview { display: block; } ul.lst-products .lst-products-box:hover .lst-products-detail .tit-n a { color: #333333; } ul.lst-products .lst-products-box:hover .lst-products-size { display: block; overflow: visible; } ul.lst-products .select { display: none; width: 100%; margin-top: 10px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; } ul.lst-products .select .form { margin: 0px; } ul.lst-products .select .form label { display: none; } ul.lst-products .select .form-select select { font-size: 12px; height: 35px; padding: 5px 25px 5px 3px; } ul.lst-products .select .select-size { float: left; } ul.lst-products .select .select-action { float: right; } ul.lst-products .select .select-action .btn-buy { margin: 0px; padding: 5px 8px; background: #8e8e8e; border: none; border-bottom: 2px solid #646464; } ul.lst-products .select .select-action .btn-buy:focus, ul.lst-products .select .select-action .btn-buy:hover { background:#6e6e6e; border-bottom: 2px solid #646464; } ul.lst-products .select .select-action .btn-buy .txt { display: none; } .lst-products-slider { position: relative; z-index: 100; margin: 0px; padding-left: 16px; padding-right: 16px; } .lst-products-slider .lst-products-item { z-index: 1; float: left; margin: 0px 10px 15px 10px; padding: 0px; } .lst-products-slider .lst-products-item a { border-bottom: 0px; } .lst-products-slider .lst-products-media { position: relative; text-align: center; line-height: 0; background: #000000; } .lst-products-slider .lst-products-media .img { position: relative; display: block; } .lst-products-slider .lst-products-media .img img { opacity: 0.98; background: #FAFAFA; } .lst-products-slider .lst-products-media .img img.img-responsive { width: 100%; height: auto; } .lst-products-slider .lst-products-media .img .hover-image { position: absolute; top: 0px; left: 0px; opacity: 0; } .lst-products-slider .lst-products-media .lst-products-icon { position: absolute; z-index: 2; top: 5px; left: 5px; font-size: 12px; font-weight: 700; color: #333333; } .lst-products-slider .lst-products-media .lst-products-icon .txt { display: none; } .lst-products-slider .lst-products-media .lst-products-icon [class^="icf-"], ul.lst-products .lst-products-media .lst-products-icon [class*=" icf-"] { position: relative; font-size: 20px; vertical-align: middle; } .lst-products-slider .lst-products-media .lst-products-icon .icf-made-f-v { top: -5px; left: -5px; font-size: 32px; color: #F99D3C; } .lst-products-slider .lst-products-media .txt-price-taxes { position: absolute; min-width: 30px; z-index: 2; top: 5px; right: 5px; padding: 7px 3px; font-size: 10px; font-weight: 700; color: #FFFFFF; line-height: 1.5; background: #db8000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .lst-products-slider .lst-products-detail { z-index: 2; position: relative; margin: 0px; padding: 10px 10px; text-align: center; background: #FFFFFF; } .lst-products-slider .lst-products-detail .tit { } .lst-products-slider .lst-products-detail .tit-n a, ul.lst-products .lst-products-detail .tit-n { display: block; margin-bottom: 8px; font-size: 13px; color: #555555; font-weight: normal; } .lst-products-slider .lst-products-detail .tit-n a:hover { color: #333333; } .lst-products-slider .lst-products-detail .other { white-space: nowrap; padding-bottom: 10px; } .lst-products-slider .lst-products-detail .other .txt-price { font-size: 16px; color: #333333; font-weight: 700; } .lst-products-slider .lst-products-detail .other .txt-price-previous { color: #db8000; text-decoration:line-through; } .lst-products-slider .lst-products-detail .other .txt-price-previous .txt { display: none; } .lst-products-slider .lst-products-detail .other .txt-price .taxes { color: #db8000; } .lst-products-slider .lst-products-detail .txt-available { line-height: 1.3; font-size: 11px; } .lst-products-slider .lst-products-detail .txt-available .available { display: none; } .lst-products-slider .lst-products-detail .txt-available .navailable-time { display: none; } .lst-products-slider .lst-products-detail .other .txt-price-alt { font-size: 14px; color: #434343; font-weight: 700; } /* CROACIA */ .lst-products-slider .lst-products-detail .other .txt-price-previous-alt { color: #db8000; text-decoration:line-through; font-size: 12px; } /* CROACIA */ .lst-products-slider .lst-products-detail .other .txt-price-previous-alt .txt { display: none; } /* CROACIA */ .lst-products-slider .lst-products-detail .other .txt-price-alt .taxes { color: #434343; } /* CROACIA */ ul.lst-products .lst-products-detail .other br { display: block; } /* CROACIA */ ul.lst-products .lst-products-detail .other .txt-price-alt { display: inline-block; } /* CROACIA */ ul.lst-products .lst-products-detail .other .txt-price-previous-alt { display: inline-block; margin-left: 3px; } /* CROACIA */ .lst-products-slider .lst-products-box:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .lst-products-slider .lst-products-box:hover .lst-products-media .img .hover-image { opacity: 1; } .lst-products-slider .lst-products-box:hover .lst-products-detail .tit-n a { color: #333333; } .lst-products-slider { margin-bottom: 14px; } .lst-products-slider { padding-left: 16px; padding-right: 16px; } .lst-products-slider .slick-prev, [dir='rtl'] .lst-products-slider .slick-next { left: -7px; } [dir='rtl'] .lst-products-slider .slick-prev, .lst-products-slider .slick-next { right: -7px; } .lst-products-slider .slick-prev, .lst-products-slider .slick-next { width: 20px; height: 20px; } .lst-products-slider .slick-prev:before, [dir='rtl'] .lst-products-slider .slick-prev:before, .lst-products-slider .slick-next:before, [dir='rtl'] .lst-products-slider .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .lst-products-slider .slick-prev:hover:before, [dir='rtl'] .lst-products-slider .slick-prev:hover:before, .lst-products-slider .slick-next:hover:before, [dir='rtl'] .lst-products-slider .slick-next:hover:before { color: #000000; } .lst-products-slider .item { padding-left: 7px; padding-right: 7px; } .lst-products-slider .item img { margin-bottom: 14px; } .lst-products-slider .slick-prev, .lst-products-slider .slick-next { top: 45%; } .lst-products-minislider .lst-products-detail .tit-n a, .lst-products-minislider .lst-products-detail .tit-n { font-size: 12px; } .lst-products-minislider .lst-products-detail .other .txt-price { font-size: 12px; font-weight: normal; } .slider-cats { margin-bottom: 24px; } .slider-cats { padding-left: 16px; padding-right: 16px; } .slider-cats .slick-prev, [dir='rtl'] .slider-cats .slick-next { left: -7px; } [dir='rtl'] .slider-cats .slick-prev, .slider-cats .slick-next { right: -7px; } .slider-cats .slick-prev, .slider-cats .slick-next { width: 20px; height: 20px; } .slider-cats .slick-prev:before, [dir='rtl'] .slider-cats .slick-prev:before, .slider-cats .slick-next:before, [dir='rtl'] .slider-cats .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .slider-cats .slick-prev:hover:before, [dir='rtl'] .slider-cats .slick-prev:hover:before, .slider-cats .slick-next:hover:before, [dir='rtl'] .slider-cats .slick-next:hover:before { color: #000000; } .slider-cats .item { padding-left: 5px; padding-right: 5px; } .slider-cats .item .tit-n { margin-bottom: 0; font-size: 12px; font-weight: normal; } .slider-cats .item img { margin-bottom: 8px; } .slider-cats .slick-prev, .slider-cats .slick-next { top: 35%; } .lst-products-serp { color: #333333; padding-bottom: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #e5e5e5; } .lst-products-serp .txt-num { color: #8A6D3B; background: #FCF8E3; border: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media (max-width: 1024px) { ul.lst-products { margin: 0px -7px; } ul.lst-products .lst-products-item { box-sizing: border-box; flex: 1 0 306px; max-width: calc(25% - 14px); margin: 0px 7px 10px 7px; } ul.lst-products-big .lst-products-item { flex: 1 0 602px !important; max-width: calc(50% - 14px) !important; margin: 0px 7px 20px 7px !important; } ul.lst-products .lst-products-media .lst-products-icon { top: 5px; left: 5px; } ul.lst-products .lst-products-media .lst-products-icon [class^="icf-"], ul.lst-products .lst-products-media .lst-products-icon [class*=" icf-"] { font-size: 20px; } ul.lst-products .lst-products-media .lst-products-icon .icf-made-f-v { font-size: 36px; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .number { font-size: 20px; } ul.lst-products .lst-products-media .lst-products-eco [class^="icf-"], ul.lst-products .lst-products-media .lst-products-eco [class*=" icf-"] { font-size: 24px; } ul.lst-products .lst-products-media .txt-price-taxes { font-size: 11px; } ul.lst-products .lst-products-media .links-quickview .btn { font-size: 11px; } ul.lst-products .lst-products-detail { padding: 10px; } ul.lst-products .lst-products-detail .tit { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; line-height: 1.3; padding-right: 0px; text-align: center; } ul.lst-products .lst-products-detail .other { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; line-height: 1.3; padding-left: 0px; text-align: center; } ul.lst-products .lst-products-detail .other .txt-price { display: inline-block; } ul.lst-products .lst-products-detail .other .txt-price-previous { display: inline-block; margin-left: 3px; } ul.lst-products .lst-products-detail .tit-n a, ul.lst-products .lst-products-detail .tit-n { font-size: 13px; } ul.lst-products .lst-products-detail .txt-available { margin-top: 10px; text-align: center; font-size: 11px; } ul.lst-products .lst-products-size .txt { font-size: 11px; } ul.lst-products .lst-products-size ul.lst li { font-size: 11px; } ul.lst-products .lst-products-size ul.lst li a { padding: 2px 5px; } } @media (max-width: 800px) { ul.lst-products { margin: 0px -5px; } ul.lst-products .lst-products-item { box-sizing: border-box; flex: 1 0 306px; max-width: calc(33.33333% - 10px); margin: 0px 5px 20px 5px; } ul.lst-products-big .lst-products-item { flex: 1 0 602px !important; max-width: calc(50% - 10px) !important; margin: 0px 5px 20px 5px !important; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .number { font-size: 18px; line-height: 1.3 } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .txt { font-size: 9px; } ul.lst-products .lst-products-media .txt-price-taxes { min-width: 34px; height: 34px; padding: 8px 4px; font-size: 11px; } ul.lst-products .lst-products-detail .tit-n a, ul.lst-products .lst-products-detail .tit-n { font-size: 13px; } ul.lst-products .lst-products-box:hover .lst-products-media .links-quickview { display: none; } ul.lst-products .lst-products-box:hover .lst-products-size { display: none; } } @media (max-width: 700px) { ul.lst-products { margin: 0px -7px; } ul.lst-products .lst-products-item { box-sizing: border-box; flex: 1 0 306px; max-width: calc(50% - 14px); margin: 0px 7px 20px 7px; } ul.lst-products-big .lst-products-item { flex: 1 0 602px !important; max-width: calc(50% - 14px) !important; margin: 0px 7px 20px 7px !important; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .number { font-size: 16px; line-height: 1.3; } ul.lst-products .lst-products-media .lst-products-icon .txt-msg-units .txt { font-size: 8px; } ul.lst-products .lst-products-detail { padding: 10px 3px; } ul.lst-products .lst-products-detail .tit-n a, ul.lst-products .lst-products-detail .tit-n { font-size: 14px; } ul.lst-products .lst-products-box:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ul.lst-products .lst-products-box:hover .lst-products-media .img img { display: block; } ul.lst-products .lst-products-box:hover .lst-products-media .img .hover-image { display: none; } ul.lst-products .select { display: block; } ul.lst-products .select .select-action .btn-buy::before { padding: 0px 2px 0px 0px; font-size: 21px; } .lst-products-serp { padding: 5px 10px; font-size: 14px; background: #ffe; border-top: 1px solid #e5e5e5; } .lst-products-serp .txt-num { display: inline-block; clear: both; } } @media (max-width: 576px) { ul.lst-products { margin: 0px -5px; } ul.lst-products .lst-products-item { box-sizing: border-box; flex: 1 0 306px; max-width: calc(50% - 10px); margin: 0px 5px 20px 5px; } ul.lst-products-big .lst-products-item { box-sizing: border-box; flex: 1 0 576px !important; max-width: calc(100%) !important; margin: 0px 0px 5px 0px !important; } ul.lst-products .lst-products-detail .tit-n a, ul.lst-products .lst-products-detail .tit-n { font-size: 13px; } } /* Logotypes licences*/ .licence-disney { display: block; width: 49px; height: 21px; background: url('https://static1.funidelia.com/img/global/funidelia6/licences/disney.png') top left no-repeat; } .lst-products-slider .licence-disney { width: 42px; height: 18px; background: url('https://static1.funidelia.com/img/global/funidelia6/licences/disney_mobile.png') top left no-repeat; } @media (max-width: 700px) { .licence-disney { width: 42px; height: 18px; background: url('https://static1.funidelia.com/img/global/funidelia6/licences/disney_mobile.png') top left no-repeat; } } /* ------------------------------------------------------ */ /* PRODUCT FILTERS */ /* ------------------------------------------------------ */ #filters { clear: both; margin-bottom: 24px; background: #e5e5e5; } #filters:empty, #filters:-moz-only-whitespace { display: none; } #filters .filters-header { display: none; z-index: 10001; position: fixed; top: 0; left: 0; width: 100%; padding: 15px 15px 10px 15px; background: rgba(255,255,255,.75); border-bottom: 1px dotted #c5c5c5; } #filters .tit-n { float: left; margin: 7px 0px 0px 0px; font-size: 14px; font-weight: 700; line-height: 1; color: #666666; text-transform: uppercase; } #filters .close { float: right; margin: 0; padding: 0; line-height: 1; font-size: 21px; color: #666666; background: transparent; border: 0px; } #filters .filters-cont { padding: 15px; } #filters .filters-list { float: left; } #filters .filters-order { float: right } #filters .filters-result { padding-top: 10px; text-align: center; color: #333333; } #filters .filters-list .btn { margin: 0px; padding: 8px 10px 8px 10px; height: 40px; font-size: 14px; text-transform: inherit; border-bottom: 0px; } #filters .filters-list .btn:after { float: right; display: inline-block; margin-top: 3px; margin-left: 5px; content: "\e904"; font-family: "iconfuni"; font-weight: normal; font-size: 10px; vertical-align: middle; } #filters .filters-list .btn:focus, #filters .filters-list .btn:active { background: #8e8e8e; } #filters .filters-list .btn.active { background:#d9a900; } #filters .filters-order .form { margin: 0px; padding: 0px; } #filters .filters-order .form legend { display: none; } #filters .filters-order .form label { display: none; } #filters .filters-order .form-control { padding: 8px 22px 8px 8px; color: #FFFFFF; font-weight: 700; background: #8e8e8e; border: 2px solid #8e8e8e; } #filters .filters-order .form-selectArr { border-color: #FFFFFF transparent transparent transparent; } #filters .filters-order .form-select select:hover ~ .form-selectArr { border-top-color: #FFFFFF; } #filters .filters-order .form-select select:focus ~ .form-selectArr { border-top-color: #FFFFFF; } #filters .filters-order .form-select select:disabled ~ .form-selectArr { border-top-color: #e6e6e6; } #filters .filters-order .form-select select option { color: #555555; background: #FFFFFF;} #filters .filters-form { display: none; clear: both; position: relative; background: #898989; } #filters .filters-form.active { display: block; } #filters .filters-form.active::before { position: absolute; top: -12px; left: 60px; display: inline-block; content: "\e910"; color: #898989; font-family: "iconfuni"; font-weight: normal; font-size: 16px; vertical-align: middle; } #filters .filters-form .form { margin: 0px; padding: 0px; } #filters .filters-form .form label { margin: 0px; } #filters .filters-tags { padding: 15px 15px 7px 15px; font-size: 12px; color: #FFFFFF; } #filters .filters-tags .tit-tags { display: none; font-weight: 700; } #filters .filters-tags ul.lst-tags { display: inline-block; } #filters .filters-tags ul.lst-tags > li a.tag-selected, #filters .filters-tags ul.lst-tags > li a.tag-more { text-transform: inherit; background: #5a5a5a; } #filters .filters-tags ul.lst-tags > li a.tag-selected:hover, #filters .filters-tags ul.lst-tags > li a.tag-more:hover { background: #333333; } #filters .filters-form.disabled { display: block; background: #e5e5e5; border-top: 1px dotted #bbbbbb; } #filters .filters-form.disabled .filters-tags ul.lst-tags > li a.tag-selected, #filters .filters-form.disabled .filters-tags ul.lst-tags > li a.tag-more { cursor: auto; color: #999999; background: transparent; border: 1px solid #bbbbbb; } #filters .filters-form.disabled .filters-tags ul.lst-tags > li a.tag-selected:hover, #filters .filters-form.disabled .filters-tags ul.lst-tags > li a.tag-more:hover { background: transparent; } #filters .filters-form.disabled .filters-tags ul.lst-tags > li a.tag-selected::after { content: "\e933"; } #filters .filters-form.disabled .filters-group { display: none; } #filters .filters-form.disabled.active { background: #898989; } #filters .filters-form.disabled.active .filters-group { display: block; } #filters .filters-form.disabled.active .filters-tags ul.lst-tags > li a.tag-selected, #filters .filters-form.disabled.active .filters-tags ul.lst-tags > li a.tag-more { cursor: pointer; color: #FFFFFF; background: #5a5a5a;; border: none; } #filters .filters-form.disabled.active .filters-tags ul.lst-tags > li a.tag-selected:hover, #filters .filters-form.disabled.active .filters-tags ul.lst-tags > li a.tag-more:hover { background: #333333; } #filters .filters-form.disabled.active .filters-tags ul.lst-tags > li a.tag-selected::after { content: "\e92a"; } #filters .filters-group { position: relative; margin: 0px 15px; padding: 0px 0px 15px 0px; font-size: 13px; color: #FFFFFF; display: table; } #filters .filters-group-item { display: table-cell; } #filters .filters-group-btn { display: table-cell; vertical-align: top; } #filters .filters-group .dropdown { font-size: 13px; float: left; } #filters .filters-group .dropdown .btn-toogle { margin: 10px 6px 0px 0px; padding: 7px; height: 35px; font-size: 13px; line-height: 1.35; } #filters .filters-group .dropdown .btn-toogle .txt { display: inline-block; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } #filters .filters-group .dropdown .btn-toogle::after { top: 5px; } #filters .filters-group .dropdown-menu { margin: 7px 0px 0px 0px; padding: 0px; color: #555555; border: 2px solid #E3AF26; } #filters .filters-group .dropdown-menu li:first-child label { padding-top: 8px; } #filters .filters-group .dropdown-menu li:last-child label { padding-bottom: 10px; border-bottom: 0px; } #filters .filters-group .dropdown-menu li.active label { color: #994900 !important; font-weight: 700 !important; } #filters .filters-group .dropdown-menu li.active label .num { font-weight: normal; color: #333333; } #filters .filters-group .dropdown-menu label { display: block; padding: 4px 8px; width: 100%; vertical-align: middle; white-space: nowrap; } #filters .filters-group .dropdown-menu label:hover { cursor: pointer; } #filters .filters-group .dropdown-menu .txt { display: inline-block; max-width: 140px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } #filters .filters-group .dropdown-menu .num { display: inline-block; font-size: 10px; color: #959595; vertical-align: middle; } #filters .filters-group .dropdown-menu .scrollable-ctt { width: auto; max-width: 280px; max-height: 420px; } #filters .filters-group .dropdown-divider { border-top: 1px dotted #E5E5E5; } #filters .filters-group .dropdown-header { padding: 10px 10px 0px 10px; } #filters .filters-group .show .btn-toogle { } #filters .filters-group .form-cc { padding-left: 22px !important; width: 18px; height: 18px; font-size: 13px; vertical-align: middle; } #filters .filters-group .form-cc .form-ci:after { left: 4px; top: 0px; width: 4px; height: 10px; } #filters .filters-group .form-cc .form-ci { margin-top: 0px; height: 18px; width: 18px; } #filters .filters-group .btn-form { margin: 10px 0px 0px 5px; padding: 8px 10px 6px 10px; height: 35px; font-size: 13px; text-transform: inherit; border-bottom: 0px; } #filters .filters-group .btn-form [class^="icf-"], #filters .filters-group .btn-form [class*=" icf-"] { font-size: 20px; vertical-align: middle; } #filters-sticky-wrapper { margin-bottom: 24px; } #filters-sticky-wrapper.is-sticky { font-size: 13px; } #filters-sticky-wrapper.is-sticky #filters { left: 0; width: 100% !important; padding: 12px 9px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); } #filters-sticky-wrapper.is-sticky #filters .filters-cont { position: relative; min-width: 320px; max-width: 1285px; width: 100%; margin-right: auto; margin-left: auto; padding: 0px 15px; } #filters-sticky-wrapper.is-sticky #filters .filters-list .btn { font-size: 13px; } #filters-sticky-wrapper.is-sticky #filters .filters-result { padding-top: 12px; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-control { padding: 8px 22px 8px 8px; height: 38px; font-size: 13px; color: #FFFFFF; font-weight: 700; background: #8e8e8e; border: 2px solid #8e8e8e; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-selectArr { border-color: #FFFFFF transparent transparent transparent; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-select select:hover ~ .form-selectArr { border-top-color: #FFFFFF; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-select select:focus ~ .form-selectArr { border-top-color: #FFFFFF; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-select select:disabled ~ .form-selectArr { border-top-color: #e6e6e6; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-select select option { color: #555555; background: #FFFFFF;} #filters-sticky-wrapper.is-sticky #filters .filters-form { position: relative; min-width: 320px; max-width: 1285px; width: 100%; margin: 0px auto; background: transparent; } #filters-sticky-wrapper.is-sticky #filters .filters-form.active::before { display: none; } #filters-sticky-wrapper.is-sticky #filters .filters-form.disabled { display: none; border-top: 0px; } #filters-sticky-wrapper.is-sticky #filters .filters-group { margin: 0px; padding: 0px 0px 5px 0px; } #filters-sticky-wrapper.is-sticky #filters .filters-group .dropdown .btn-toogle { margin-top: 7px; } #filters-sticky-wrapper.is-sticky #filters .filters-group .btn-form { margin-top: 7px; } #filters-sticky-wrapper.is-sticky #filters .filters-tags { margin-top: 10px; padding: 10px 0px 0px 0px; border-top: 1px dotted #BCBCBC; } #filters-sticky-wrapper.is-sticky #filters.filters-mobile, #filters.filters-mobile { z-index: 10004 !important; } #filters-sticky-wrapper #filters .filters-form.filters-mobile, #filters .filters-form.filters-mobile { overflow-y: auto; display: block; z-index: 10003; position: fixed; top: 0px; left: 0; min-width: 100%; max-width: 100%; width: 100%; height: 100%; margin: 0px auto; background: transparent; display: block; background: #FFFFFF; } #filters-sticky-wrapper #filters:empty { display: none !important; min-height: 0px !important; } #filters-sticky-wrapper.is-sticky #filters:empty { display: none !important; min-height: 0px !important; } .filters-result-mobile { display: none; text-align: center; font-size: 13px; padding: 0px 15px 20px 15px; } @media (max-width: 1200px) { #filters-sticky-wrapper.is-sticky #filters .filters-cont { padding: 0px; } } @media (max-width: 700px) { #filters { font-size: 12px; min-height: 50px; } #filters:empty { display: none !important; min-height: 0px !important; } #filters .filters-header { display: block; } #filters .filters-cont { padding: 0px; min-height: 50px; } #filters .filters-list { padding: 5px 0px 5px 5px; } #filters .filters-list .btn { font-size: 12px; } #filters .filters-order { padding: 5px 5px 5px 0px; } #filters .filters-order .form-control { font-size: 12px; } #filters .filters-result { padding: 20px 0px 0px 0px; } #filters .filters-result .txt { display: none; } #filters .filters-tags { margin-top: 50px; padding: 10px 15px; border-top: 0px; border-bottom: 0px; } #filters .filters-group { display: block; margin: 0px; padding: 0px 0px 15px 0px; } #filters .filters-group .dropdown { float: none; display: block; width: 100%; } #filters .filters-group .dropdown .btn-toogle { display: block; margin: 0px; padding: 15px; width: 100%; height: auto; font-size: 15px; color: #FFFFFF; text-transform: uppercase; background: #ABABAB; border: 0px; border-bottom: 1px solid #E5E5E5; text-align: left; /****/ } #filters .filters-group .dropdown .btn-toogle:after { position: absolute; right: 0px; margin: 12px 15px; content: "\e905"; font-size: 16px; color: #FFFFFF; } #filters .filters-group .dropdown .btn-toogle .txt { max-width: 90%; } #filters .filters-group .dropdown-menu { position: relative; float: none; margin: 0px; border: 0px; font-size: 15px; border-bottom: 1px solid #E5E5E5; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #filters .filters-group .dropdown-menu::after, #filters .filters-group .dropdown-menu::before { margin: 0px; display: none; } #filters .filters-group .dropdown-menu label { padding: 6px 15px; font-size: 14px; } #filters .filters-group .dropdown-menu .txt { max-width: 100%; text-transform: uppercase; } #filters .filters-group .dropdown-menu .scrollable-ctt { max-width: 100%; max-height: none; } #filters .filters-group .dropdown.show .btn-toogle:after { content: "\e911"; } #filters .filters-group .btn-form { display: block ;margin: 0px; padding: 12px; width: 100%; font-size: 15px; height: auto; } #filters .filters-group-item { z-index: 1; position: relative; display: block; } #filters .filters-group-btn { z-index: 3000; position: fixed; bottom: 0px; left: 0px; padding: 40px 25px 30px 25px; display: block; width: 100%; font-size: 14px; text-transform: uppercase; background: transparent url("https://static1.funidelia.com/img/global/funidelia6/fdo_filters_mobile.png") top left repeat-x; } #filters-sticky-wrapper.is-sticky { font-size: 12px; } #filters-sticky-wrapper.is-sticky #filters { min-height: auto; } #filters-sticky-wrapper.is-sticky #filters .filters-cont { min-height: auto; } #filters-sticky-wrapper.is-sticky #filters .filters-list, #filters-sticky-wrapper.is-sticky #filters .filters-order { padding: 0px; } #filters-sticky-wrapper.is-sticky #filters .filters-result { padding: 13px 0px 0px 0px; } #filters-sticky-wrapper.is-sticky #filters .filters-list .btn { font-size: 12px; } #filters-sticky-wrapper.is-sticky #filters .filters-list .btn:hover, #filters-sticky-wrapper.is-sticky #filters .filters-list .btn:focus, #filters-sticky-wrapper.is-sticky #filters .filters-list .btn:active { background: #8e8e8e; } #filters-sticky-wrapper.is-sticky #filters .filters-order .form-control { font-size: 12px; } #filters-sticky-wrapper.is-sticky #filters .filters-tags { padding: 10px 15px; margin-top: 50px; border-top: 0px; border-bottom: 0px; } #filters-sticky-wrapper.is-sticky #filters .filters-group, #filters-sticky-wrapper #filters .filters-group, #filters .filters-group { margin-bottom: 120px; } #filters-sticky-wrapper.is-sticky #filters .filters-group .dropdown .btn-toogle { margin-top: 0px; } } @media (max-width: 576px) { #filters-sticky-wrapper #filters .filters-result { width: auto; } #filters-sticky-wrapper #filters .filters-result .txt { display: none; } #filters-sticky-wrapper #filters .filters-form { display: none; } #filters-sticky-wrapper #filters .filters-form.disabled { border-top: 0px; } #filters .filters-list { width: 49%; } #filters .filters-list .btn { display: block; width: 100%; height: 39px; text-align: left; } #filters .filters-order { width: 49%; } .filters-result { display: none; } .filters-result-mobile { display: block; } .filters-result-mobile:empty { display: none !important; } } /* ------------------------------------------------------ */ /* PRODUCT SHEET */ /* ------------------------------------------------------ */ .product-desktop { display: block; width: 100%; } .product-desktop .product-group0 { display: block; } .product-desktop .product-group1 { display: block; float: left; width: 43%; vertical-align: top; } .product-desktop .product-group2 { display: block; float: left; width: 31%; vertical-align: top; } .product-desktop .product-group3 { display: block; float: right; width: 26%; vertical-align: top; } .product-desktop .product-group4 { clear: both; display: block; border-top: 10px solid #9C9C9C; } .product-desktop .resp-tabs-container { margin: 0px 15px; border-bottom: 1px solid #E5E5E5; } .product-desktop .resp-easy-accordion h2.resp-accordion { margin: 0px; padding: 6px 0px; font-size: 13px !important; color: #666666 !important; font-weight: 700 !important; text-transform: uppercase; border: 0px solid #E5E5E5 !important; border-top: 1px solid #E5E5E5 !important; } .product-desktop .resp-easy-accordion h2.resp-accordion i { display: inline-block; margin-right: 5px; font-size: 18px; vertical-align: middle; line-height: 1; } .product-desktop .resp-easy-accordion h2.resp-accordion::before { /*display: none;*/ } .product-desktop .resp-easy-accordion h2.resp-accordion::first { border: 0px !important; } .product-desktop .resp-easy-accordion h2.resp-tab-active { color: #333333 !important; background: #fdfdfd !important; background: -moz-linear-gradient(top, #fdfdfd 0%, #ffffff 100%) !important; background: -webkit-linear-gradient(top, #fdfdfd 0%,#ffffff 100%) !important; background: linear-gradient(to bottom, #fdfdfd 0%,#ffffff 100%) !important; } .product-desktop .resp-easy-accordion h2.resp-accordion .txt { display: none !important; margin-left: 5px; color: #db8000; font-size: 11px; font-weight: normal; text-transform: none; } .product-desktop .resp-easy-accordion h2.resp-accordion:hover .txt { color: #994900; } .product-desktop .resp-easy-accordion h2.resp-tab-active .txt { display: none; } .product-desktop .resp-easy-accordion .resp-tab-content { margin: 0px; padding-bottom: 10px } .product-desktop .resp-easy-accordion .resp-tab-content-active { border-bottom: 0px !important; } .product-desktop .resp-easy-accordion .resp-tab-content-active::after { display: none; } .product-mobile .product-group5 { border-bottom: 1px solid #e5e5e5; } .product-mobile .product-group5 .resp-tabs-container { margin-bottom: 10px !important; } .product-mobile .product-group5 h2.resp-accordion { margin: 0; padding: 8px 0; font-size: 13px !important; color: #666 !important; font-weight: 700 !important; text-transform: uppercase; background: #fff !important; border: 0 solid #e5e5e5 !important; border-top: 1px solid #e5e5e5 !important; } .product-mobile .product-group5 h2.resp-accordion i { display: inline-block; margin-right: 5px; font-size: 18px; vertical-align: middle; line-height: 1; } .product-mobile .product-group5 h2.resp-accordion::first { border: 0 !important; } .product-mobile .product-group5 h2.resp-tab-active { color: #333 !important; background: #fdfdfd !important; background: -moz-linear-gradient(top,#fdfdfd 0,#fff 100%) !important; background: -webkit-linear-gradient(top,#fdfdfd 0,#fff 100%) !important; background: linear-gradient(to bottom,#fdfdfd 0,#fff 100%) !important; } .product-mobile .product-group5 h2.resp-accordion .txt { display: none !important; margin-left: 5px; color: #db8000; font-size: 11px; font-weight: normal; text-transform: none; } .product-mobile .product-group5 h2.resp-accordion:hover .txt { color: #994900; } .product-mobile .product-group5 h2.resp-tab-active .txt { display: none; } .product-mobile .product-group5 .resp-tab-content { margin: 0; padding-bottom: 10px; } .product-mobile .product-group5 .resp-tab-content-active { border-bottom: 0 !important; } .product-mobile .product-group5 .resp-tab-content-active::after { display: none; } .product-mobile { display: none; width: 100%; } .product-mobile .product-group2 { border-top: 10px solid #9C9C9C; } .product-mobile .resp-tab-content { margin-bottom: 0px !important; padding: 20px 15px; } .product-mobile h2.resp-accordion i::before { margin-right: 3px; font-size: 20px; line-height: 1; vertical-align: middle; } .product-name { padding: 0px 15px 20px 15px; } .product-media { position: relative; display: block; width: 100%; padding: 0px 10px 0px 0px; line-height: 0; } .product-included { padding: 0px 15px 20px 15px; } .product-colours { padding: 0px 15px 20px 15px; } .product-price { padding: 0px 15px 20px 15px; } .product-choose { } .product-share { padding: 0px 15px; } .product-description { padding: 0px; } .product-info { padding: 0px; } .product-relations-products { } .product-relations-categories { } .product-media-users { } .product-comments { } .product-media .product-media-photo { z-index: 1; position: relative; text-align: center; max-width: 475px; float: right; width: 85%; text-align: right; } .product-media .product-media-photo a { border-bottom: 0px; } .product-media .product-media-photo .product-media-photo-crr { width: 100%; min-height: 654px; overflow: hidden; } .product-media .product-media-photo .product-media-photo-crr img.img-responsive { width: 100% !important; height: auto; max-width: 100%; } .product-media .product-media-photo .product-media-photo-crr img:hover { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } .product-media .product-media-photo .product-media-photo-crr a:before { /*position: absolute; bottom: 5px; right: 5px; content: "\e98e"; font-size: 25px; font-family: "iconfuni"; color: #555555; line-height: 1;*/ } .product-media .product-media-nav { z-index: 2; position: relative; float: left; width:15%; display: block; } .product-media .product-media-nav .product-media-crr { width: 60px; } .product-media .product-media-nav .product-media-crr .item { padding-bottom: 6px; } .product-media .product-media-nav .product-media-crr .item img { border: 2px solid transparent; min-height: 81px; } .product-media .product-media-nav .product-media-crr .item img:hover { cursor: pointer; } .product-media .product-media-nav .product-media-crr .slick-current img { border-color: #db8000; } .product-media .product-media-nav .product-media-videos { margin-top: 10px; line-height: 1; } .product-media .product-media-photo .product-media-txt { margin: 15px 0px; text-align: center; font-size: 12px; line-height: 1.35; } .product-media .product-price-discount { position: absolute; z-index: 3; display: block; width: 50px; text-align: center; top: 5px; right: 15px; padding: 11px 5px; font-size: 18px; font-weight: 700; color: #FFFFFF; line-height: 1.5; background: #db8000; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .product-media .product-price-discount .dto-txt { display: none; } .product-media .product-msg-units { position: absolute; top: 5px; left: 15.5%; z-index: 3; padding: 5px; font-size: 11px; font-weight: 700; text-align: center; color: #FFFFFF; line-height: 1; background: #db8000; } .product-media .product-msg-units .number { font-size: 24px; } .product-media .product-msg-units .txt { display: block; font-size: 9px; text-transform: uppercase; } .product-name i { font-size: 14px; margin-left: 5px; } .product-name .tit-pro { margin-bottom: 5px; } .product-name .msg-urgency { display: none; margin-bottom: 0px; font-size: 11px; font-weight: 700; text-transform: uppercase; } .product-name .txt-val { height: 21px; margin-bottom: 0px; font-size: 13px; } .product-name .txt-val a.link-comments { border-bottom: none !important; } .product-name .txt-val a.link-comments .txt { } .product-name .txt-val a.link-comments i { width: 15px; height: 15px; font-size: 15px; line-height: 1; vertical-align: middle; } .product-name .txt-ref { margin-bottom: 0px; font-size: 12px; } .product-name [class^="star-"], .product-name [class*=" star-"] { vertical-align: middle; } .product-name [class^="star-"]:before, .product-name [class*=" star-"]:before { display: inline-block; width: 75px; height: 15px; font-size: 15px; } .product-name .txt-makerof { margin-top: 0px; margin-bottom: 10px; vertical-align: middle; } .product-name .txt-makerof .logo { display: inline-block; } .product-included .tit-s { display: none; } .product-included .txt { margin-bottom: 0px; } .product-included .txt-makerof { display: none; margin-top: 10px; margin-bottom: 0px; vertical-align: middle; } .product-included .txt-makerof .logo { display: inline-block; } .product-included ul { padding-left: 20px; } .product-included li { margin-bottom: 0px; font-size: 12px; line-height: 1.5; } .product-included li::before { padding: 7px 8px; font-size: 30%; } .product-colours .tit-s { font-size: 13px !important; color: #333333; font-weight: 700; text-transform: uppercase; } .product-price .txt-pvp { margin-bottom: 5px; } .product-price .txt-price { font-size: 30px; font-weight: 700; color: #333333; } .product-price .money { font-size: 24px; font-weight: 700; font-style: normal; color: #333333; } .product-price .txt-price-previous { display: inline-block; margin-left: 5px; font-size: 14px; font-weight: 700; color: #db8000; text-decoration:line-through; } .product-price .txt-price-previous .txt { display: none; } .product-price .msg-urgency { clear: both; display: inline-block; margin-bottom: 0px; padding: 2px 7px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: #fcf2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; } .product-price .txt-pvp-alt { margin-top: -10px; } /* CROACIA */ .product-price .txt-pvp-alt .txt-price-alt { font-size: 20px; font-weight: 700; color: #434343; } /* CROACIA */ .product-price .txt-pvp-alt .money { font-size: 20px; color: #434343; } /* CROACIA */ .product-price .txt-price-previous-alt { display: inline-block; margin-left: 5px; font-size: 14px; font-weight: 700; color: #db8000; text-decoration:line-through; } .product-price .txt-price-previous-alt .txt { display: none; } .product-description { font-size: 13px; line-height: 1.35rem; } .product-description p { line-height: 1.35rem; margin-bottom: 0.35rem; } .product-description .tit-s { display: none; } .product-description .txt-reference { display: none; } .product-description .truncate-lines a.btn-truncate { padding-bottom: 0px; border-bottom: 0px; } .product-description .truncate-lines a.btn-truncate::before { display: none } .product-description .truncate-lines a.btn-truncate::after { content: " ..."; } .product-description .truncate-lines.show-class a.btn-truncate::after { content: ""; } .wdescription .product-descriptionCtt { display: none !important; } .wdescription .info_product:first-child { display: none !important; } .product-info { font-size: 13px; line-height: 1.35rem; } .product-info p { line-height: 1.35rem; margin-bottom: 0.35rem; } .product-info ul > li { margin-bottom: 0.35rem; } .product-info ul li, .product-info ol li { line-height: 1.35rem; } .product-info .tit-s { font-size: 13px; color: #555555; } .product-payment { font-size: 13px; line-height: 1.35rem; } .product-payment .tit-s { display: none; } .product-payment p { line-height: 1.35rem; margin-bottom: 0.35rem; } .product-payment ul > li { margin-bottom: 0.35rem; } .product-payment ul li, .product-info ol li { line-height: 1.35rem; } .product-share { margin-bottom: 20px; font-size: 13px; line-height: 1.35rem; } .product-share .tit-s { display: inline-block; margin-right: 5px; font-size: 14px; color: #555555 !important; } .product-share .txt { display: none; } .product-share ul { display: inline-block; margin: 0px; padding: 0px; vertical-align: middle; } .product-share li { display: inline-block; margin-bottom: 0px; margin-right: 3px; line-height: 1; } .product-share ul > li::before { display: none; } .product-share a { font-size: 24px; color: #555555; border-bottom: 0px; } .product-share a:hover { color: #994900; } .product-relations-categories { } .product-relations-categories .tit-scc { font-size: 16px; } .product-choose .select-pro-sizes { padding: 15px 15px 0px 15px; } .product-choose .select-pro-nsizes { padding: 20px 15px 20px 15px; } .product-choose .product-selection .box { margin-bottom: 0px; padding: 0px; } .product-choose .product-selection .lbl { float: left; font-size: 14px; font-weight: 700; color: #333333; text-transform: uppercase; } .product-choose .product-selection .info-sizes { float: right; font-size: 13px; } .product-choose .product-selection .info-sizes a, .product-choose .product-selection .info-sizes span.link { border-bottom: 0px; } .product-choose .product-selection .info-sizes i { display: inline-block; margin-right: 3px; font-size: 20px; line-height: 0; vertical-align: middle; } .product-choose .product-selection .select-sizes { clear: both; padding: 20px 0px; text-align: center; } .product-choose .product-selection .select-sizes .radio { display: inline-block; zoom: 1; *display: block; margin-right: 5px; margin-top: 0px; padding: 0px; } .product-choose .product-selection .select-sizes .radio label { min-width: 40px; padding: 6px 5px; font-size: 14px; color: #333333; font-weight: 700; text-align: center; background: #FFFFFF; border: 2px solid #cdcdcd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .product-choose .product-selection .select-sizes .radio input { display: none; } .product-choose .product-selection .select-sizes .radio:hover label { cursor: pointer; } .product-choose .product-selection .select-sizes .radio.checked label { color: #FFFFFF; background: #db8000;; border-color: #db8000;; } .product-choose .product-selection .select-sizes .radio.disabled label { color: #b2b2b2; background: #ebebeb; border-color: #ebebeb; } .product-choose .product-selection .select-sizes .radio.disabled:hover label { cursor: pointer; } .product-choose .product-selection .select-sizes-box { font-size: 13px; text-align: center; } .product-choose .product-selection .select-sizes-links { clear: both; padding: 5px 0px; text-align: center; } .product-choose .product-selection .select-sizes-links .size { display: inline-block; zoom: 1; *display: block; margin-right: 5px; margin-top: 0px; padding: 0px; } .product-choose .product-selection .select-sizes-links .size a { min-width: 40px; padding: 6px 5px; font-size: 14px; color: #8A6D3B; font-weight: 700; text-align: center; background: #FFFFFF; border: 2px solid #8A6D3B; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-width: 40px; display: inline-block;} .product-choose .product-selection .select-sizes-links .size a.disabled { color: #b1a07b; background: #e4dcc0; border-color: #e4dcc0; } .product-choose .product-selection .select-size-sending { margin-top: 5px; line-height: 1.35; } .product-choose .product-selection .select-size-sending .txt { color: #333333; font-weight: 700; } .product-choose .product-selection .select-size-sending .date-send { color: #333333; font-weight: 700; } .product-choose .product-selection .select-size-sending .txt-free { display: block; color: #cc0000; text-transform: uppercase; font-weight: 700; } .product-choose .product-selection .select-pro-ctd { display: table-cell; padding: 0px 0px 20px 10px; vertical-align: top; } .product-choose .product-selection .select-pro-ctd .form-control { height: 46px; } .product-choose .product-selection .select-pro-ctd .lbl { display: none; } .product-choose .product-selection .input-pro-ctd { padding: 8px 25px 8px 25px; } .product-choose .product-actions .product-ations-box { display: table; width: 100%; } .product-choose .product-actions .product-ations-buy { display: table-cell; padding: 0px 10px 20px 10px; vertical-align: top; } .product-choose .product-actions .product-ations-buy .btn-buy { display: block; margin: 0px; width: 100%; } .product-choose .box-info { font-size: 11px; border-left: 0px; border-right: 0px; } .product-choose .product-actions .product-ations-notifiy { padding: 15px; font-size: 13px; line-height: 1.35; background: #ffffe5; border-top: 3px solid #db8000; } .product-choose .product-actions .product-ations-notifiy .txt-label { display: block; margin-bottom: 10px; color: #db8000; font-weight: 700; text-align: center; } .product-choose .product-actions .product-ations-notifiy .txt-label .lbl { float: none; display: block; font-size: 13px; color: #db8000; text-transform: none; } .product-choose .product-actions .product-ations-notifiy .form-control { height: 36px; font-size: 13px; } .product-choose .product-actions .product-ations-notifiy .input-group-btn .btn { height: 36px; } .product-choose .product-actions .product-ations-notifiy .btn { display: block; margin: 0px; width: 100%; } .product-choose .product-accessories { margin-bottom: 20px; padding: 10px; background: #fafafa; border-top: 0px; } .product-choose .product-accessories .tit-s { margin-bottom: 0px; font-size: 13px; text-transform: uppercase; color: #333333; text-align: center; } .product-choose .product-accessories .prd { position: relative; border-top: 1px solid #e5e5e5; } .product-choose .product-accessories > .tit-s + .prd { border-top: 0px !important; } .product-choose .product-accessories .prd .padd { min-height: auto !important; padding: 15px 0px; } .product-choose .product-accessories .prd .accesorie-checkbox-box { position: relative; z-index:4; float: left; padding-top: 1px; width: 50px; margin: 0px; padding: 0px; text-align: center; font-size: 9px; text-transform: uppercase; } .product-choose .product-accessories .prd .accesorie-checkbox-box label { padding: 0px; } .product-choose .product-accessories .prd .accesorie-checkbox-box input[type="checkbox"] { display: none; } .product-choose .product-accessories .prd .accesorie-checkbox-box .txt { display: block; padding: 5px 0px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd { position: relative; padding-left: 53px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .prd-img { float: left; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .prd-img img { border: 2px solid #e6e6e6; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .prd-detail { margin: 0 0 0 55px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .tit-mini { margin: 0px 0px 5px 0px; font-size: 13px; font-weight: normal; line-height: 1.35; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .tit-mini a { color: #333333; border-bottom: 0px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .txt-price { display: inline-block; padding-right: 5px; font-size: 16px; font-weight: 700; white-space: nowrap; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .txt-price-previous { padding-right: 5px; color: #999999; font-size: 13px; white-space: nowrap; text-decoration:line-through; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .txt-price-percent { z-index: 3; position: absolute; top: -10px; left: 45px; padding: 8px 2px; min-width: 26px; text-align: center; font-size: 9px; font-weight: 700; color: #FFFFFF; line-height: 1; background: #db8000; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .prd-sel { display: inline-block; margin-top: 8px; font-size: 13px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .prd-sel label { display: none; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .prd-sel .form-select select { padding: 5px 25px 5px 5px; height: 36px; font-size: 13px; } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .available-time { display: block; margin-top: 7px; font-size: 11px; } .product-choose .product-accessories .prd .accesorie-checkbox-box .form-cc { margin-top: 3px; padding-left: 0px !important; } .product-choose .product-accessories #detailForm-accesorie-more { display: block; padding-top: 15px; text-align: center; font-size: 13px; color: #333333; text-transform: uppercase; font-weight: 700; border-bottom: 0px; border-top: 2px dotted #e5e5e5; } .product-choose .product-accessories #detailForm-accesorie-more .txt-aux { display: none; } .product-choose .product-accessories .form-cc input:checked ~ .form-ci { border: 2px solid #669900; } .product-choose .product-accessories .form-cc .form-ci::after { border: solid #669900; border-width: 0 2px 2px 0; transform: rotate(45deg); } .product-choose .product-accessories .prd .accesorie-checkbox-ctd .txt-price-alt { display: inline-block; padding-right: 5px; font-size: 14px; font-weight: 700; white-space: nowrap; } /* CROACIA */ .product-choose .product-accessories .prd .accesorie-checkbox-ctd .txt-price-previous-alt { padding-right: 5px; color: #999999; font-size: 12px; white-space: nowrap; text-decoration:line-through; } /* CROACIA */ .product-bundle { margin-bottom: 20px; padding: 20px; background: #fafafa; border: 1px solid #e5e5e5; } .product-bundle .form { margin: 0px; } .product-bundle-lst { margin: 15px 0px 15px 0px; padding: 0px; } .product-bundle-lst li { display: inline-block; position: relative; width: auto; margin: 0px; vertical-align: top; } .product-bundle-lst li:before { display: none; } .product-bundle-lst li.hidden { display: none !important; } .product-bundle-lst .prd { } .product-bundle-lst .prd a { border-bottom: 0px; } .product-bundle-lst .prd img { display: inline-block; } .product-bundle-lst .prd i { display: inline-block; margin: 0px 3px 0px 5px; } .product-bundle-lst .prd i.hidden { display: none !important; } .product-bundle-lst .bundle-price { margin-left: 15px; } .product-bundle-lst .bundle-price:before { display: none; } .product-bundle-lst .bundle-price p { margin: 0px; } .product-bundle-lst .bundle-price .txt { font-size: 13px; color: #333333; } .product-bundle-lst .bundle-price .txt-price { display: inline-block; padding-right: 5px; font-size: 16px; font-weight: 700; white-space: nowrap; color: #db8000; } .product-bundle-lst .bundle-price .money { font-size: 16px; font-weight: 700; white-space: nowrap; color: #db8000; font-style: normal; } .product-bundle-lst .bundle-price .form-actions { margin: 10px 0px 0px 0px; text-align: left; } .product-bundle-lst .bundle-price .btn-buy { font-size: 11px; margin: 0px; } .product-bundle-select { } .product-bundle-select label { margin-bottom: 3px; font-size: 13px; opacity: 0.45; } .product-bundle-select label.active { opacity: 1; } .product-bundle-select .txt { color: #333333; } .product-bundle-select .txt-price { display: inline-block; padding-left: 5px; font-size: 14px; font-weight: 700; white-space: nowrap; } .product-bundle-select .txt-price .money { font-style: normal; } .product-bundle-select .txt-price-previous { padding-left: 5px; color: #999999; font-size: 13px; white-space: nowrap; } .product-bundle-select .txt-price-previous .txt { font-style: normal; color: #999999; } .product-bundle-select .txt-price-percent { display: inline-block; padding: 4px 2px; font-size: 10px; font-weight: 700; color: #FFFFFF; line-height: 1; background: #db8000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .product-bundle-select .form-cc input:checked ~ .form-ci { border: 2px solid #669900; } .product-bundle-select .form-cc .form-ci::after { border: solid #669900; border-width: 0 2px 2px 0; transform: rotate(45deg); } .product-media-users i::before { font-size: 24px; line-height: 1; vertical-align: top; } .product-comments i::before { font-size: 24px; line-height: 1; vertical-align: top; } @media (max-width: 1160px) { .product-desktop .product-group0 { min-height: 655px; } .product-desktop .product-group1 { width: 40%; } .product-desktop .product-group2 { width: 30%; } .product-desktop .product-group3 { width: 30%; } .product-media .product-media-photo { width: 83%; } .product-media .product-media-photo .product-media-photo-crr { width: 100%; min-height: auto; overflow: hidden; } .product-media .product-msg-units { left: 17.6%; } } @media (max-width: 1080px) { .product-desktop .product-group1 { width: 36%; } .product-desktop .product-group2 { width: 31%; } .product-desktop .product-group3 { width: 33%; } .product-media .product-media-photo { float: none; width: 100%; text-align: center; } .product-media .product-media-photo .product-media-photo-crr { width: 100%; min-height: auto; overflow: hidden; } .product-media .product-media-nav { float: none; width:100%; text-align: center; } .product-media .product-media-nav .product-media-crr { display: none; margin: 0px auto; width: 95%; } .product-media .product-media-nav .product-media-crr .item { float: left; padding-bottom: 0px; } .product-media .product-media-nav .product-media-videos { margin: 10px auto 15px auto; display: inline-block; text-align: center; } .product-media .product-media-nav .product-media-videos .item { display: inline-block; } .product-media .product-media-nav .product-media-videos .btn-video { font-size: 11px; } .product-media .product-media-nav .product-media-videos .btn-video::before { font-size: 20px; } .product-media.mphoto .product-media-nav .product-media-crr { display: block; } .product-media .product-price-discount { font-size: 16px; width: 48px; padding: 12px 5px; -webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px; } .product-media .product-msg-units { left: 5px; } .product-media-crr { padding-left: 16px; padding-right: 16px; margin-bottom: 14px; } .product-media-crr .slick-prev, [dir='rtl'] .product-media-crr .slick-next { left: -7px; } [dir='rtl'] .product-media-crr .slick-prev, .product-media-crr .slick-next { right: -7px; } .product-media-crr .slick-prev, .product-media-crr .slick-next { width: 20px; height: 20px; } .product-media-crr .slick-prev:before, [dir='rtl'] .product-media-crr .slick-prev:before, .product-media-crr .slick-next:before, [dir='rtl'] .product-media-crr .slick-next:before { font-size: 20px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .product-media-crr .slick-prev:hover:before, [dir='rtl'] .product-media-crr .slick-prev:hover:before, .product-media-crr .slick-next:hover:before, [dir='rtl'] .product-media-crr .slick-next:hover:before { color: #000000; } .product-media-crr .item { padding-left: 7px; padding-right: 7px; } .product-media-crr .item img { margin-bottom: 10px; } .product-media-crr .slick-prev, .product-media-crr .slick-next { top: 45%; } } @media (max-width: 1024px) { } @media (max-width: 900px) { .product-desktop .product-group1 { width: 50%; } .product-desktop .product-group2 { float: right; width: 50%; } .product-desktop .product-group3 { float: right; width: 50%; } .product-name { padding: 0px 0px 20px 0px; } .product-included { padding: 0px 0px 20px 0px; } .product-colours { padding: 0px 0px 20px 0px; } .product-price { padding: 0px 0px 20px 0px; } .product-share { padding: 0px 0px; } .product-desktop .resp-tabs-container { margin: 0px 0px; } } @media (max-width: 800px) { .product-desktop .resp-tabs-container { margin-right: 0px; } .product-name { padding-right: 0px; padding-left: 5px; } .product-included { padding-right: 0px; padding-left: 5px; } .product-colours { padding-right: 0px; padding-left: 5px; } .product-price { padding-right: 0px; padding-left: 5px; } .product-share { padding-right: 0px; padding-left: 5px; } .product-desktop .resp-tabs-container { margin-left: 5px; } .product-media .product-price-discount { padding: 12px 5px; font-size: 14px; width: 44px; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; } .product-choose { margin-left: 5px; margin-right: 0px; } .product-choose .product-selection .select-size-sending .txt-free { display: inline-block; } .product-choose .product-selection .input-pro-ctd { padding: 8px 10px 8px 10px; } } @media (max-width: 700px) { .product-desktop { display: none; } .product-mobile { display: block; } .product-group1 { min-height: 480px; } .product-name { padding: 0px; } .product-included { padding: 0px; } .product-price { padding: 0px; } .product-choose { } .product-share { padding: 0px; } .product-description { padding: 0px; } .product-info { padding: 0px; } .product-payment { padding: 0px; } .product-relations-products { } .product-relations-categories { } .product-media-users { } .product-comments { } .product-media { min-height: 380px; padding: 0px 0px 20px 0px; text-align: center; } .product-media .product-media-photo { display: inline-block; width: 100%; margin: 0 auto; } .product-media .product-media-photo .product-media-photo-crr img.img-responsive { width: 100% !important; height: auto; max-height: 500px; max-width: 100%; } .product-media .product-media-photo .product-media-txt { display: none; } .product-media .product-media-nav .product-media-videos { position: absolute; bottom: 0px; left: 0px; margin: 10px auto 0px auto; } .product-media .product-media-nav .product-media-videos .btn-video { font-size: 10px; margin-bottom: 0px; } .product-media .product-media-nav .product-media-videos .btn-video::before { font-size: 16px; } .product-media .product-price-discount { right: 5px; font-size: 16px; width: 48px; padding: 12px 5px; -webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px; } .product-media-photo-crr { padding-left: 30px; padding-right: 30px; } .product-media-photo-crr img.img-responsive { display: inline-block; } .product-media-photo-crr .slick-prev, [dir='rtl'] .product-media-photo-crr .slick-next { left: -7px; } [dir='rtl'] .product-media-photo-crr .slick-prev, .product-media-photo-crr .slick-next { right: -7px; } .product-media-photo-crr .slick-prev, .product-media-photo-crr .slick-next { width: 40px; height: 40px; } .product-media-photo-crr .slick-prev:before, [dir='rtl'] .product-media-photo-crr .slick-prev:before, .product-media-photo-crr .slick-next:before, [dir='rtl'] .product-media-photo-crr .slick-next:before { font-size: 40px; text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); text-shadow: 2px 0px 0px rgba(255, 255, 255, 1); } .product-media-photo-crr .slick-prev:hover:before, [dir='rtl'] .product-media-photo-crr .slick-prev:hover:before, .product-media-photo-crr .slick-next:hover:before, [dir='rtl'] .product-media-photo-crr .slick-next:hover:before { color: #000000; } .product-media-photo-crr .item { padding-left: 7px; padding-right: 7px; } .product-media-photo-crr .slick-prev, .product-media-photo-crr .slick-next { top: 45%; } .product-name { text-align: center; margin-bottom: 10px; } .product-name .tit-pro { margin-bottom: 3px; } .product-name .msg-urgency { } .product-name .txt-val { } .product-name .txt-ref { display: none; } .product-name .txt-makerof { display: none; } .product-price { padding-bottom: 5px; margin-bottom: 15px; text-align: center; border-bottom: 1px solid #E5E5E5; } .product-price .txt-pvp { display: inline-block; min-height: 41px; } .product-price .msg-urgency { display: none; } .product-included { margin-bottom: 20px; font-size: 13px; line-height: 1.5; text-align: center; } .product-included p { line-height: 1.5; } .product-included p br { display: none; } .product-included .txt-makerof { display: block; margin-bottom: 0px; } .product-included li::before { display: none; } .product-colours { text-align: center; } .product-colours .tit-s { text-align: center; } .product-description { font-size: 14px; line-height: 1.5rem; } .product-description p { line-height: 1.5rem; } .product-description .txt-reference { display: block; } .product-info { font-size: 14px; line-height: 1.5rem; } .product-info p { line-height: 1.5rem; } .product-info ul li, .product-info ol li { line-height: 1.5rem; } .product-info .tit-s { font-size: 14px; line-height: 1.5rem; } .product-payment { font-size: 14px; line-height: 1.5rem; } .product-payment p { line-height: 1.5rem; } .product-payment ul li, .product-info ol li { line-height: 1.5rem; } .product-share { text-align: center; margin-top: 25px; margin-bottom: 25px; } .product-share .tit-s { display: none; } .product-share a { font-size: 32px; } .product-share li { margin-right: 4px; margin-left: 4px; } .product-relations-products .tit-scc { margin-top: 0px; } .product-choose { margin-left: 0px; } .product-choose .product-selection .box { border: 0px; } .product-choose .product-selection .lbl { float: none; display: inline-block; margin: 0px 3px; font-size: 16px; } .product-choose .product-selection .info-sizes { float: none; display: inline-block; margin: 0px 3px; font-size: 14px; } .product-choose .select-pro-sizes { padding: 0px; text-align: center; } .product-choose .select-pro-sizes-header { padding-top: 15px; border-top: 1px dotted #e5e5e5; } .product-choose .product-selection .select-sizes .radio { margin-left: 5px; margin-right: 5px; } .product-choose .product-selection .select-sizes .radio label { font-size: 19px; } .product-choose .product-selection .select-sizes-box { border: 1px solid #FAEBCC !important; } .product-choose .product-selection .select-sizes-links .size a { font-size: 16px; } .product-choose .product-selection .select-pro-ctd { padding: 0px 0px 25px 0px; } .product-choose .product-selection .select-pro-ctd .form-control { height: 66px; font-size: 18px; } .product-choose .product-selection .select-pro-ctd .form-selectArr { top: 25px; border-width: 10px 7px 0 7px; } .product-choose .product-actions .product-ations-buy { padding: 0px 0px 25px 10px; } .product-choose .product-actions .product-ations-buy .btn-buy { padding: 20px 10px; font-size: 19px; } .product-choose .product-actions .product-ations-notifiy { margin-bottom: 25px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .product-choose .product-accessories { border-top: 1px solid #e5e5e5; } .product-media-users .tit-scc { display: none; } .product-comments .tit-scc { display: none; } .product-comments .box-npadd { border: 0px; } .product-comments .padd { padding: 20px 0px 0px 0px; } .product-comments .pagination { padding: 15px 0px 0px 0px; } .product-comments .pagination .prev, .product-comments .pagination .next { margin: 15px 5px 0px 5px; } .product-bundle-lst .bundle-price { display: block; width: 100%; margin-top: 5px; margin-left: 0px; text-align: center; } .product-bundle-lst .bundle-price p { display: inline-block; } .product-bundle-lst .bundle-price .form-actions { margin-left: 10px; } .product-bundle-lst .bundle-price .btn-buy { font-size: 14px; padding: 10px 10px; } .product-bundle-select label { margin-bottom: 6px; } } @media (max-width: 576px) { .product-media .product-price-discount { padding: 12px 5px; font-size: 14px; width: 44px; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; } .product-bundle-lst .prd img { max-width: 50px; height: auto; } .product-bundle-lst li { margin-left: 0px; } .product-bundle-lst .bundle-price p { display: block; } .product-bundle-lst .bundle-price .form-actions { margin-left: 0px; } .product-bundle-lst .bundle-price .btn-buy { display: block; width: 100%; padding: 15px 10px; } .product-bundle-select .form-cb .form-cp { line-height: 1.5; } } /* ------------------------------------------------------ */ /* SHOPPING CART */ /* ------------------------------------------------------ */ .box-shopping-esp { margin-bottom: 15px; text-align: center; padding: 15px 15px 10px 15px; background: #406d36 url('https://static1.funidelia.com/img/global/funidelia6/fdo_box_shopping_christmas.gif') top left repeat; color:#ffffff; } .box-shopping-esp .txt-label { display: inline-block; font-weight: 700; text-decoration: uppercase; text-align: center; padding: 6px 10px; margin: 0px 5px 5px 5px; background: #c91e26; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-shopping-esp .txt { font-size: 13px; font-weight: 700; } .box-shopping-esp p:last-child { margin-bottom: 0; } .box-shopping-esp ul:last-child, .box-shopping-esp ol:last-child { margin-bottom: 0px; } .box-shopping-esp .box { margin-bottom: 0px; } .shopping-grid { display: table; width: 100%; } .shopping-tbl { display: table-cell; padding: 10px 25px 0px 0px; width: auto; vertical-align: top; } .shopping-tbl .formCart { margin-bottom: 0px; } .shopping-ctd { display: table-cell; padding: 10px 0px 0px 0px; width: 400px; vertical-align: top; } .shopping-ctd-mobile { display: none; } .shopping-details { } .shopping-resume { } .shopping-security { } .shopping-actions { } .shopping-back { display: inline-block; margin-top: 10px; } .shopping-back-mobile { display: none; margin-top: 20px; } .shopping-ctd-sticky { width: 400px; } .shopping-ctd .box-error { margin-bottom: 0px; padding: 12px; } .shopping-tbl table.tbl { margin-top: 0px; } .shopping-tbl .txt-price, .shopping-tbl .txt-stotal { padding-top: 18px; white-space: nowrap; } .shopping-tbl .txt-stotal-gift { padding-top: 15px; } .shopping-tbl .palt { font-size: 14px !important; color: #666666 !important; } /* CROACIA */ .shopping-tbl .txt-price-previous-alt { font-size: 14px !important; color: #666666 !important; text-decoration: line-through; } /* CROACIA */ .shopping-tbl .txt-gift label { margin-bottom: 0px; } .shopping-tbl .txt-gift a { border-bottom: none; } .shopping-tbl .txt-gift i { font-size: 16px; padding-left: 5px; vertical-align: middle; } .shopping-details { padding: 15px; margin-bottom: 0px; border: 1px solid #e5e5e5; } .shopping-details .form-group:last-child { margin-bottom: 0px; } .shopping-details .txt-s { margin-top: 15px; } .shopping-details .box-msg { margin: 15px 0px 0px 0px; padding: 15px; font-size: 13px; } .shopping-resume { padding: 15px; background: #f8f8f8; border: 1px solid #E5E5E5; border-top: 0px; } .shopping-resume table.tbl { margin-top: 0px; margin-bottom: 0px; border: 0px; } .shopping-resume table.tbl tr { border-top: 2px dotted #cccccc; } .shopping-resume table.tbl tr:first-child { border-top: 0px; } .shopping-resume table.tbl tr:last-child { border-top: 2px solid #555555; } .shopping-resume table.tbl > tbody > tr > td { padding: 10px 0px; line-height: 1; background: #f8f8f8; } .shopping-resume table.tbl > tbody > tr:first-child > td { padding-top: 0px; } .shopping-resume table.tbl td a { font-size: 11px; } .shopping-resume .concept { color: #333333; text-align: left; } .shopping-resume .concept-total { padding-top: 20px !important; color: #333333; text-align: left; font-size: 17px; font-weight: 700; text-transform: uppercase; } .shopping-resume .price { color: #333333; text-align: right; font-weight: normal; white-space: nowrap; } .shopping-resume .price-total { padding-top: 20px !important; color: #db8000;; text-align: right; font-size: 20px; font-weight: 700; white-space: nowrap; } .shopping-resume .price small { display: block; margin-top: 7px; font-weight: 400; color: #333333; } /* CROACIA */ .shopping-resume .price-total small { display: block; margin-top: 7px; font-weight: 600; } /* CROACIA */ .shopping-security { margin: 15px 0px 5px 0px; text-align: center; } .shopping-security .txt { display: inline-block; margin: 0px 10px; font-size: 13px; color: #aaaaaa; vertical-align: middle; } .shopping-notes { margin-top: 30px; font-size: 11px; line-height: 1.5; color: #888888; } .shopping-notes p { margin-bottom: 5px; line-height: 1.5; } .shopping-actions { margin-top: 20px; } .shopping-actions a, .shopping-actions button, .shopping-actions .btn-buy, .shopping-actions .btn-form { display: block; padding: 20px 15px; width: 100%; font-size: 16px; } .shopping-register { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; } .shopping-register::before { position: absolute; content: ""; left: 49%; display: block; width: 1px; height: 100%; border-left: 2px dotted #e5e5e5; } .shopping-register-col { font-size: 16px; text-align: center; box-sizing: border-box; flex: 1 0 50%; max-width: calc(50% - 6px); } .shopping-register-col strong { color: #333333; } .shopping-register-col .form-cr { left: 0px; width: 100%; } .shopping-register-col .form-cr .form-ci { left: 45%; } .bill-grid { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bill-method { position: relative; z-index: 1; box-sizing: border-box; flex: 1 0 50%; max-width: calc(50% - 6px); margin-bottom: 12px; } .bill-method .txt-error { display: block; margin-top: 10px; font-size: 11px; line-height: 1.5; } .bill-method.active .bill-label { color: #3C763D; background: #EDF7E9; border: 1px solid #C6DBC3; } .bill-method.active .bill-label .txt { color: #3C763D; } .bill-method.disabled .bill-label { color: #a94442; background: #F2DEDE; border: 1px solid #EBCCD1; } .bill-method.disabled .bill-label .txt { color: #a94442; } .bill-method.disabled img { opacity: 0.3; } .bill-label { display: table; padding: 10px 7px !important; width: 100%; background: #f7f7f7; border: 1px solid #e8e8e8; } .bill-label .form-cr { padding-top: 2px; width: 33px; vertical-align: top; } .bill-label .form-cp { padding-top: 5px; width: 100%; padding-right: 10px; vertical-align: top; } .bill-label .form-card { white-space: nowrap; vertical-align: top; } .bill-label .txt { display: block; color: #333333; font-weight: 700; } .bill-label .txt-s { display: block; margin-top: 5px; } .bill-more { position: relative; font-size: 13px; padding: 10px; background: #FFFDEC;; border: 1px solid #e5e5e5; border-top: 0px; } .bill-more .form-group { margin-bottom: 10px; } .bill-more .form-cb { margin-bottom: 0px; } .bill-more .form-control { font-size: 13px; height: 38px; } .bill-more:after, .bill-more:before { bottom: 100%; left: 45%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .bill-more:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFDEC;; border-width: 10px; margin-left: -10px; } .bill-more:before { border-color: rgba(229, 229, 229, 0); border-bottom-color: #FFFDEC;; border-width: 11px; margin-left: -11px; } #shop-resume .shopping-tbl { display: block; width: 100%; padding: 10px 0px 0px 0px; } #shop-resume .shopping-tbl table.tbl { margin-bottom: 0px; } .iban-shop-resume { padding: 15px; background: #f8f8f8; border: 1px solid #E5E5E5} @media (max-width: 1080px) { .shopping-tbl { display: block; width: 100%; padding-right: 0px; } .shopping-ctd, .shopping-ctd-sticky { display: block; width: 100%; } .shopping-ctd-mobile { display: block; } .shopping-back { display: none; } .shopping-back-mobile { display: inline-block; } } @media (max-width: 700px) { .shopping-tbl table.tbl { margin-bottom: 0px; } .shopping-tbl table.tbl col { width: 100% !important; } .shopping-tbl table.tbl .link-del { padding-right: 0px; } .shopping-tbl .img-pro, .return-tbl .img-pro { float: left; margin: 0; display: block; width: 85px; padding: 15px 15px 15px 10px; } .shopping-tbl .img-pro .img, .return-tbl .img-pro .img { display: block; width: 60px; } .shopping-tbl .txt-pro { float: left; display: block; width: calc(100% - 85px); padding-left: 0px !important; } .shopping-tbl .txt-price { display: none; } .shopping-tbl .txt-select { float: left; display: block; width: calc(50% - 55px); padding-top: 5px !important; padding-left: 0px !important; padding-right: 0px !important; } .shopping-tbl .txt-stotal { float: right; display: block; width: auto; padding-top: 10px !important; padding-left: 0px !important; } .shopping-tbl .txt-gift { float: left; width: auto; line-height: 1.5; } .shopping-tbl .txt-stotal-gift { float: right; } .shopping-ctd { padding-top: 0px; } .shopping-ctd .tbl-caption-emp { display: none; } .shopping-resume table.tbl { display: table; } .shopping-resume table.tbl > tbody > tr > td { display: table-cell; } .shopping-resume .concept { } .shopping-resume .concept-total { } .shopping-resume .price { } .shopping-resume .price-total { } .shopping-details { border-top: 0px; } .return-tbl .txt-bl .tit, .return-tbl .txt-br .tit { display: blocK; } .return-tbl .txt-bl .units { display: block; margin-top: 18px; } .return-tbl table.tbl .txt-check-dts { padding-bottom: 0px !important; } .bill-method { margin-bottom: 0px; padding: 0px; flex: 1 0 100%; max-width: calc(100%); border-top: 2px dotted #E5E5E5; } .bill-method:first-child { border-top: 0px; } .bill-method:last-child { } .bill-method .txt-error { padding: 0px 7px 10px 7px; } .bill-label { padding: 13px 7px 13px 7px !important; background: #FFFFFF; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .bill-method.active { background: #EDF7E9; } .bill-method.active .bill-label { color: #3C763D; background: transparent; border: 0px; } .bill-method.active .bill-label .txt { color: #3C763D; } .bill-method.disabled { background: #F2DEDE; border: 1px solid #EBCCD1; } .bill-method.disabled .bill-label { color: #a94442; background: transparent; border: 0px; } .bill-method.disabled .bill-label .txt { color: #a94442; } .bill-more { mborder-top: 1px solid #e5e5e5; border-left: 0px; border-right: 0px; } } @media (max-width: 576px) { } /* ------------------------------------------------------ */ /* SPECIALS CART & OFFERS: CYBERMONDAY, BLACKFRIDAY */ /* ------------------------------------------------------ */ .bf-black { font-weight: 700; color: #000000; text-transform:uppercase; } .bf-friday { font-weight: 700; color: #FF0000; text-transform:uppercase; } .bf-sheet { margin: 0px 0px 20px 0px; padding: 15px; text-align: center; background: #ffffe5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .bf-sheet .bf-stitle { padding-bottom: 3px; text-align: center; } .bf-sheet .bf-stitle i { color: #FF0000; font-size: 16px; vertical-align: middle; } .bf-sheet .bf-stitle .bf-black { font-size:18px; } .bf-sheet .bf-stitle .bf-friday { font-size:18px } .bf-sheet .bf-sdescription { font-size: 13px; color: #333333; text-align: center; } .bf-sheet .bf-sdescription p { margin-bottom: 15px; line-height: 1.5; } .bf-sheet .bf-sdescription .bf-txt { color: #FF0000; font-weight: 700; } .bf-sheet .bf-sdescription .bf-txt { color: #FF0000; font-weight: 700; } .bf-sheet .bf-sdescription .bf-txtdto { color: #FF0000; font-weight: 700; text-transform:uppercase; } .bf-sheet .bf-sdescription .bf-dto { display:inline-block; margin: 0px 5px; padding: 0px 4px; color: #ffffff; font-weight:700; background: #FF0000; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; } .bf-sheet .bf-sdescription .bf-next { padding: 8px 0px 0px 0px; margin: 8px 0px 0px 0px; font-weight: normal; font-weight: 700; border-top: 1px dotted #c5c5c5; } .bf-popup { margin-bottom: 15px; padding: 10px; text-align: center; background: #333333; } .bf-popup .bf-stitle { display: inline-block; margin-right: 5px; padding-right: 5px; padding-bottom: 3px; text-align: center; border-right: 1px dotted #c5c5c5; } .bf-popup .bf-stitle i { color: #FFFFFF; font-size: 12px; vertical-align: middle; } .bf-popup .bf-stitle .bf-black { font-size:14px; color:#FFFFFF; } .bf-popup .bf-stitle .bf-friday { font-size:14px } .bf-popup .bf-sdescription { display: inline-block; font-size: 13px; color: #FFFFFF; } .bf-popup .bf-sdescription .bf-txt { color: #ffcc00; } .bf-popup .bf-sdescription .bf-txtdto { color: #ffcc00; text-transform:uppercase; } .bf-popup .bf-sdescription .bf-dto { display:inline-block; margin:0 5px; padding:0 4px 0 4px; font-weight: 700; color: #FF0000; background: #ffcc00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bf-popup .bf-sdescription .bf-pdto{font-size:14px;font-weight:normal} .bf-popup .bf-sdescription p { margin-bottom: 0px; } .bf-shopping { padding: 15px; background: #333333; border: 1px solid #333333; border-top:0} .bf-shopping .bf-stitle { padding-bottom: 3px; text-align: center; } .bf-shopping .bf-stitle i { color: #FFFFFF; font-size: 16px; vertical-align: middle; } .bf-shopping .bf-stitle .bf-black { font-size:18px; color:#FFFFFF; } .bf-shopping .bf-stitle .bf-friday { font-size:18px } .bf-shopping .bf-sdescription { font-size: 13px; font-weight: 700; text-align: center; color: #FFFFFF; } .bf-shopping .bf-sdescription p { margin-bottom: 0px; } .bf-shopping .bf-sdescription .bf-txt { color:#ffcc00; } .bf-shopping .bf-sdescription .bf-txtdto { color: #ffcc00; text-transform:uppercase; } .bf-shopping .bf-sdescription .bf-dto { display: inline-block; margin: 0px 5px; padding: 0 4px 0 4px; color: #FF0000; background: #ffcc00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bf-shopping .bf-scopuon { display: block; margin: 8px 0px; padding: 5px; text-transform:uppercase; border: 1px solid #666666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bf-shopping .bf-scopuon .bf-txt { color:#ffcc00; } .bf-shopping .bf-scopuon .bf-copoun { color:#ffffff; } /* ------------------------------------------------------ */ /* CUSTOMER AREA */ /* ------------------------------------------------------ */ ul.lst-infographic { margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; } ul.lst-infographic li.cols { float: left; margin-bottom: 5px; } ul.lst-infographic li:before { display: none; } ul.lst-infographic .graph { position: relative; text-align: center; background: url('https://static1.funidelia.com/img/global/fdo_panel.png') bottom left repeat-x; border-bottom: 1px solid #e8e8e8; } ul.lst-infographic .graph img { z-index: 1; position: relative; margin: 10px auto; } ul.lst-infographic .graph .num { z-index: 2; position: absolute; top: 0px; left: 0px; display: block; padding: 2px 10px; color: #FFFFFF; font-size: 13px; font-weight: 700; background: #cf9c08; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ul.lst-infographic .cpo { margin-top: 10px; } ul.lst-infographic .cpo .tit { margin: 0px; padding: 0px; font-size: 14px; font-weight: 700; color: #cf9c08; background: none; } ul.lst-infographic.cols4 li.cols { width: 23%; margin-left: 2%; } ul.lst-infographic.cols4 li.cols:nth-child(4n+1) { clear: both; margin-left: 0; } ul.lst-infographic.cols3 li.cols { width: 31.3%; margin-left: 2%; } ul.lst-infographic.cols3 li.cols:nth-child(3n+1) { clear: both; margin-left: 0; } ul.lst-infographic.cols2 li.cols { width: 48%; margin-left: 2%; } ul.lst-infographic.cols2 li.cols:nth-child(2n+1) { clear: both; margin-left: 0; } @media (max-width: 700px) { ul.lst-infographic li.cols { float: none; margin-bottom: 5px; } ul.lst-infographic.cols4 li.cols { width: 100%; margin-left: 0%; } ul.lst-infographic.cols3 li.cols { width: 100%; margin-left: 0%; } ul.lst-infographic.cols2 li.cols { width: 100%; margin-left: 0%; } } /* ------------------------------------------------------ */ /* CMS */ /* ------------------------------------------------------ */ .lat { display: table; width: 100%; } .lat-nav { position: relative; display: table-cell; padding: 10px 25px 0px 0px; width: 250px; vertical-align: top; z-index: 2; } .lat-ctt { position: relative; display: table-cell; padding: 10px 0px 0px 0px; width: auto; vertical-align: top; z-index: 1; } .lat-menu .box { position: relative; z-index: 1; margin-bottom: 0px; padding: 15px; } .lat-menu .box-f2 { border-top: 0px; } .lat-menu .tit-s { padding-top: 10px; margin-bottom: 0px; border-top: 2px dotted #c2c2c2; } .lat-menu .tit-s:first-child { padding-top: 0px; border-top: 0px; } .lat-menu .lst-links h2 { font-weight: normal; margin: 0px; line-height: 1.3rem; } .lat-menu .lst-links a { border-bottom: 0px; } .lat-menu.active { background: #666666; } .lat-menu-mobile { display: none; position: relative; z-index: 1; padding: 12px 10px 12px 10px; border: 1px solid #e5e5e5; background: #ffffff; } .lat-menu-mobile .tit, .template-page .lat-menu-mobile .tit { position: relative; margin: 0px !important; padding: 0px !important; font-size: 14px !important; background: none; line-height: 1.5; border-bottom: 0px !important; } .lat-menu-mobile .tit a { display: block; margin-bottom: 0px; width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 0px; color: #333333; } .lat-menu-mobile .tit a:after { position: absolute; top: 0px; right: 0px; display: inline-block; margin: 10px 0px 0px 10px; content: "\e962"; font-family: 'iconfuni'; font-weight: normal; font-size: 24px; line-height: 0px;vertical-align: middle; } .lat-menu-mobile.active { background: #E5E5E5; } .lat-menu-mobile.active .tit a:after { content: "\e92a"; } .lat-menu .num, .lat-menu-mobile .num { color: #a7a7a7; font-size: 10px; } .template-page .tit { margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #333333; border-bottom: 1px solid #e5e5e5; } .template-page .stit-s, .template-page .tit-group { margin-top: 0; margin-bottom: 5px; padding-bottom: 0px; font-size: 16px; font-weight: 700; line-height: 1.5; color: #666666; border-bottom: 0px; } .template-page .tit-group { color: #333333; } .template-page .stit-sw { font-size: 15px; } .template-page .stit-m { margin: 0 0 8px 0; padding: 0; color: #333333; font-size: 16px; font-weight: 700; border: 0; } .template-page .box-f1 { background: #FFFFFF; } .template-page .box-f5 { display: table; width: 100%; margin-bottom: 15px; padding: 20px; background: #FEFBF4; border: 1px solid #E5E5E5; } .template-page .box-f5 p:last-child { margin-bottom: 0; } .template-page .box-f5 ul:last-child, .template-page .box-f5 ol:last-child { margin-bottom: 0px; } @media (max-width: 850px) { .lat-nav { display: block; width: 100%; padding: 0px 0px 20px 0px; } .lat-ctt { display: block; width: 100%; padding: 0px 0px 20px 0px; } .lat-menu.show { display: block; } .lat-menu { display: none; } .lat-menu .tit-s { font-size: 14px; } .lat-menu-mobile { display: block; } } @media (max-width: 700px) { .template-page .tit { font-size: 16px; } .template-page .stit-s, .template-page .tit-group { font-size: 15px; } } /* ------------------------------------------------------ */ /* USER */ /* ------------------------------------------------------ */ .change-order { } .change-order .change-order-fac { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .change-order .change-order-dir { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .change-order .change-order-cfac { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .change-order .change-order-cdir { -webkit-order: 4; -ms-flex-order: 4; order: 4; } @media (max-width: 700px) { .change-order { } .change-order .change-order-fac { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .change-order .change-order-dir { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .change-order .change-order-cfac { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .change-order .change-order-cdir { -webkit-order: 4; -ms-flex-order: 4; order: 4; } } /* ------------------------------------------------------ */ /* SOCIAL SHARE BOX PAGES */ /* ------------------------------------------------------ */ .tbl-caption-facebook { background: rgb(102,102,102); background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(54,118,149,1) 100%); background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(54,118,149,1) 100%); background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(54,118,149,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#367695',GradientType=0 ); } .tbl-caption-instagram { background: rgb(102,102,102); background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); } .fb-page, .fb-page span, .fb-page span iframe[style] { max-width: 100% !important; } #sb_instagram { width:100%; } .sb_instagram_header { height: 70px; padding: 8px; background: #FFFFFF; border: 1px solid #e5e5e5; } .sbi_header_link { color: #365899; border-bottom: 0px !important; } .sbi_header_text { float: left; } .sbi_header_text h3 { display: inline-block; margin-bottom: 0px; font-size: 18px; font-weight: 500; line-height: 1.358; white-space: nowrap; } .sbi_header_text .sbi_bio { display: none; float: left; margin-bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 250px; color: #1d2129; font-size: 12px; line-height: 1.358; } .sbi_header_img { float: left; margin-right: 5px; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; } .sbi_header_img img {-moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; } .sbi_header_img_hover { } .sbi_box { clear: both; padding: 8px !important; background: #f6f7f9; border: 1px solid #e5e5e5; border-top: 0; overflow-y: auto; max-height: 429px; line-height: 1.28; } #sbi_images { } #sbi_images a { border-bottom: 0px; } .sbi_item { box-shadow: 0 1px 2px rgba(0, 0, 0, .12); margin-bottom: 10px; margin-top: 0px; border-radius: 3px; background: #FFFFFF; } .sbi_type_image { } .sbi_photo_wrap { } .sbi_photo { display: block; } .sbi_photo img { width: 100%; height: auto; } .sbi_photo_wrap p { color: #1d2129; padding: 12px; font-size: 13px; font-weight: normal; line-height: 1.38; } .sbi_photo_wrap .sbi_playbtn { } .sbi_loader { position:relative; left:50%; width:30px; height:30px; margin:10px 0 10px -8px; background: #fff url("https://static1.funidelia.com/img/global/funidelia6/loader.gif") center center no-repeat; } a.sbi_follow_btn { position: relative; display: inline-block; margin-top: 3px; padding: 0px 8px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; color: #4b4f56; background: #f6f7f9; border: 1px solid rgba(0, 0, 0, .12); border-radius: 2px; } a.sbi_follow_btn:hover { background: #e9ebee; } a.sbi_follow_btn i { display: inline-block; margin-right: 3px; line-height: 0; vertical-align: middle; } #sbi_load { } #sbi_load a.sbi_load_btn { position: relative; display: block; margin-top: 3px; margin-bottom: 5px; padding: 4px 8px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; color: #4b4f56; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, .12); border-radius: 2px; } #sbi_load a.sbi_load_btn::after { float: right; display: inline-block; margin-left: 10px; content: "\e90a"; font-family: 'iconfuni'; font-weight: normal; font-size: 12px; vertical-align: middle; } /* ------------------------------------------------------ */ /* FILE INPUT */ /* ------------------------------------------------------ */ .file-input { display: block; overflow-x: auto; } .file-loading { top: 0; right: 0; width: 30px; height: 30px; font-size: 999px; text-align: right; color: #fff; background: transparent url('https://static1.funidelia.com/img/global/funidelia6/loader.gif') top left no-repeat; border: none; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; filter: alpha(opacity=0); opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block; } .file-caption .glyphicon { display: inline-block; min-width: 18px; margin-top: 2px; } .file-caption-name { display: inline-block; overflow: hidden; max-height: 20px; padding-right: 10px; word-break: break-all; } .file-caption-ellipsis { position: absolute; right: 10px; margin-top: -6px; font-size: 1.2em; display: none; font-weight: bold; cursor: default; } .kv-has-ellipsis .file-caption-ellipsis { display: inline; } .kv-has-ellipsis { padding-right: 17px; } .kv-search-container .kv-search-clear { position: absolute; padding: 10px; right: 0px; } .kv-upload-progress .progress { height: 20px; line-height: 20px; margin: 10px 0; overflow: hidden; } .kv-upload-progress .progress-bar { height: 20px; line-height: 20px; } .file-error-message { background-color: #f2dede; color: #a94442; text-align: center; border-radius: 5px; padding: 5px; } .file-error-message pre, .file-error-message ul { margin: 5px 0; text-align: left; } .file-caption-disabled { background-color: #EEEEEE; cursor: not-allowed; opacity: 1; } .file-input .btn[disabled], .file-input .btn .disabled { cursor: not-allowed; } .file-preview { border-radius: 5px; border: 1px solid #ddd; padding: 5px; width: 100%; margin-bottom: 5px; background: #f0fcff; } .file-preview-frame { display: table; margin: 8px; height: 160px; border: 1px solid #ddd; box-shadow: 1px 1px 5px 0px #a2958a; padding: 6px; float: left; text-align: center; vertical-align: middle; background: #FFFFFF; } .file-preview-frame:hover { box-shadow: 3px 3px 5px 0px #333; } .file-preview-image { height: 160px; vertical-align: text-center; } .file-preview-text { width: 160px; color: #428bca; font-size: 11px; text-align: center; } .file-preview-other { padding-top: 48px; text-align: center; } .file-preview-other i { font-size: 2.4em; } .file-other-error { width: 100%; padding-top: 30px; text-align: right; } .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button { display: none; } .loading { background: transparent url('https://static1.funidelia.com/img/global/funidelia6/loader.gif') no-repeat scroll center center content-box !important; } .wrap-indicator { font-weight: bold; color: #245269; cursor: pointer; } .file-actions { text-align: left; } .file-footer-buttons { float: right; } .file-thumbnail-footer .file-caption-name { padding-top: 4px; font-size: 11px; color: #777; } .file-upload-indicator { padding-top: 2px; cursor: default; } .file-upload-indicator:hover { font-size: 1.2em; font-weight: bold; padding-top: 0; } .file-drop-zone { border: 1px dashed #aaa; border-radius: 4px; height: 100%; text-align: center; vertical-align: middle; margin: 12px 15px 12px 12px; padding: 5px; } .file-drop-zone-title { color: #aaa; font-size: 40px; padding: 85px 10px; } .highlighted { border: 2px dashed #999 !important; background-color: #f0f0f0; } .file-uploading { background-image: url('https://static1.funidelia.com/img/global/funidelia6/loader.gif'); background-position: center bottom 10px; background-repeat: no-repeat; opacity: 0.6; } .file-icon-large { font-size: 1.2em; } .file-preview-frame div.file-thumbnail-footer{ display: none; } .grecaptcha-badge { display: none; }