/* Start:/local/templates/rattanplanet/css/app.css?174963152110188*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } b{font-weight: bold;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table {max-width: 100%;width: 100%;border-collapse: collapse;border-spacing: 0;margin-bottom: 1.8vw;overflow-x:auto;} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type=number] { -moz-appearance: textfield; /* Firefox */ } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ html, button, input, select, textarea { color: #222; } ::selection {color: #000;background-color: #ffc600;} img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0,0,0,0) } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; padding: 0; color: #000; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 1rem; font-family: "Inter", sans-serif; font-variant: tabular-nums; line-height: 1; background-color: #fff; font-feature-settings: "tnum","tnum"; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; } :root { --zoomFactor: 1 } h1{font-size: calc(2vw * var(--zoomFactor));} hr { box-sizing: initial; height: 0; overflow: visible } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: 0.842vw; color: #000000d9; font-weight: 500 } p{font-style: normal;font-weight: 500;font-size: 1.1vw;line-height: 1.3;color: #000;padding-bottom: 0.842vw;} ul{margin-bottom: 0;} li{font-style: normal;font-weight: 500;font-size: 1.1vw;line-height: 1.3;color: #000;padding-bottom: 0.842vw;-webkit-transition: .3s linear;-o-transition: .3s linear;-moz-transition: .3s linear;transition: .3s linear;} .text_block li::before{content: "—";margin-right: 0.526vw;} a{color: #fff;text-decoration: none;-webkit-transition: .3s linear;-o-transition: .3s linear;-moz-transition: .3s linear;transition: .3s linear;outline: none;} a:focus{outline: none;} a:hover{text-decoration: underline;} @media (max-width: 576px) { h1 {font-size: calc(12.5vw * var(--zoomFactor));line-height: calc(1 * var(--zoomFactor))} p{font-size: 0.9rem;padding-bottom: 0.5rem;} ul{margin-bottom: 1rem;} li{font-size: 0.9rem;padding-bottom: 1rem;} table{margin-bottom: 1rem;} } @media (min-width: 768px) and (max-width: 1200px) { h1 {font-size: calc(9.375vw * var(--zoomFactor));line-height: calc(1.1111111111 * var(--zoomFactor))} p{font-size: 0.9rem;} } svg { vertical-align: middle; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; } form{-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;} .custom-checkbox{ position: absolute; z-index: -1; opacity: 0; width: 0; } .custom-checkbox+label { display: inline-flex; align-items: center; user-select: none; } .custom-checkbox+label::before { content: ''; display: inline-block; flex-shrink: 0; flex-grow: 0; width: 1.1458333333333333vw; height: 1.1458333333333333vw; background: #C0C0C09E; border-radius: 5px; margin-right: 1em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox:checked+label::before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } /* End */ /* Start:/local/templates/rattanplanet/css/animation.css?174457803412888*/ @-webkit-keyframes online { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes online { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes tooltipShow { 0% { opacity: 0; } 10% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltipShow { 0% { opacity: 0; } 10% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes mainAnim { 0% { -webkit-transform: rotateX(0deg) scale(1); transform: rotateX(0deg) scale(1); } 40% { -webkit-transform: rotateX(150deg) rotateY(70deg) scale(0.5); transform: rotateX(150deg) rotateY(70deg) scale(0.5); } 60% { -webkit-transform: rotateX(150deg) rotateY(240deg) scale(0.93); transform: rotateX(150deg) rotateY(240deg) scale(0.93); } 70% { -webkit-transform: rotateX(90deg) scale(0.6); transform: rotateX(90deg) scale(0.6); } 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) scale(1); transform: rotateX(360deg) rotateY(0deg) scale(1); } } @keyframes mainAnim { 0% { -webkit-transform: rotateX(0deg) scale(1); transform: rotateX(0deg) scale(1); } 40% { -webkit-transform: rotateX(150deg) rotateY(70deg) scale(0.5); transform: rotateX(150deg) rotateY(70deg) scale(0.5); } 60% { -webkit-transform: rotateX(150deg) rotateY(240deg) scale(0.93); transform: rotateX(150deg) rotateY(240deg) scale(0.93); } 70% { -webkit-transform: rotateX(90deg) scale(0.6); transform: rotateX(90deg) scale(0.6); } 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) scale(1); transform: rotateX(360deg) rotateY(0deg) scale(1); } } @-webkit-keyframes rotateN { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateN { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes jampTrf { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 15% { -webkit-transform: translateY(-7%); transform: translateY(-7%); } 25% { -webkit-transform: translateY(0); transform: translateY(0); } 35% { -webkit-transform: translateY(-3%); transform: translateY(-3%); } 45% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jampTrf { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 15% { -webkit-transform: translateY(-7%); transform: translateY(-7%); } 25% { -webkit-transform: translateY(0); transform: translateY(0); } 35% { -webkit-transform: translateY(-3%); transform: translateY(-3%); } 45% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes jampScroll { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 30% { -webkit-transform: translateY(-24%); transform: translateY(-24%); } 55% { -webkit-transform: translateY(0); transform: translateY(0); } 85% { -webkit-transform: translateY(14%); transform: translateY(14%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jampScroll { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 30% { -webkit-transform: translateY(-24%); transform: translateY(-24%); } 55% { -webkit-transform: translateY(0); transform: translateY(0); } 85% { -webkit-transform: translateY(14%); transform: translateY(14%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } @keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } @-webkit-keyframes scale-before { 0% { -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); opacity: 0; } 50% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0.7; } 100% { -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); opacity: 0; } } @keyframes scale-before { 0% { -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); opacity: 0; } 50% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0.7; } 100% { -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); opacity: 0; } } @-webkit-keyframes slide-up-in { 0% { -webkit-transform: translate(0px, 100%) rotate(1deg); transform: translate(0px, 100%) rotate(1deg); opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } 100% { opacity: 1; -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } @keyframes slide-up-in { 0% { -webkit-transform: translate(0px, 100%) rotate(1deg); transform: translate(0px, 100%) rotate(1deg); opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } 100% { opacity: 1; -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } @-webkit-keyframes slide-right { 0% { -webkit-transform: translate(100%, 0%) rotate(1deg); transform: translate(100%, 0%) rotate(1deg); opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } 100% { -webkit-transform: translate(0px, 100%) rotate(1deg); transform: translate(0px, 0px) rotate(0); opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; } } @keyframes slide-right { 0% { -webkit-transform: translate(100%, 0%) rotate(1deg); transform: translate(100%, 0%) rotate(1deg); opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } 100% { -webkit-transform: translate(0px, 100%) rotate(1deg); transform: translate(0px, 0px) rotate(0); opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; } } @keyframes RadialPulse { 0% { box-shadow: 0 0 0 0px rgba(0, 102, 255, 0); } 100% { box-shadow: 0 0 0 10px rgba(0, 102, 255, 0.34); } } @-webkit-keyframes RadialPulse { 0% { box-shadow: 0 0 0 0px rgba(0, 102, 255, 0); } 100% { box-shadow: 0 0 0 10px rgba(0, 102, 255, 0.34); } } @keyframes Ripple { 20% { opacity: 0; transform: scale(2.5); } 100% { opacity: 0; transform: scale(2.5); } } @-webkit-keyframes Ripple { 20% { opacity: 0; transform: scale(2.5); } 100% { opacity: 0; transform: scale(2.5); } } @keyframes animblock{ 0%{ -moz-transform:translateZ(0) scale(0); transform:translateZ(0) scale(0) } 20%{ -moz-transform:translateZ(0) scale(0); transform:translateZ(0) scale(0) } 50%{ -moz-transform:translate3d(0,75%,0) scale(1); transform:translate3d(0,75%,0) scale(1) } to{ -moz-transform:translate3d(0,111px,0) scale(1); transform:translate3d(0,111px,0) scale(1) } } @-webkit-keyframes animblock{ 0%{ -moz-transform:translateZ(0) scale(0); transform:translateZ(0) scale(0) } 20%{ -moz-transform:translateZ(0) scale(0); transform:translateZ(0) scale(0) } 50%{ -moz-transform:translate3d(0,75%,0) scale(1); transform:translate3d(0,75%,0) scale(1) } to{ -moz-transform:translate3d(0,111px,0) scale(1); transform:translate3d(0,111px,0) scale(1) } } @keyframes zoomShow { 0% { transform: scale(0.8); } 100% { transform: scale(1); } } @-webkit-keyframes zoomShow { 0% { transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes next-page { from { height: 69.8px; } to { height: 100px; } } @keyframes video-scale { from { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } to { transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); } } .slick-slide .content{opacity: 1;-webkit-transition: 3s;-moz-transition: 3s;-ms-transition: 3s;-o-transition: 3s;transition: 3s;} .fade_in { opacity: 1; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide-up-in; animation-name: slide-up-in; } .title-first { -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide-up-in; animation-name: slide-up-in; } .subtitle-first { -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide-up-in; animation-name: slide-up-in; } .opas-show { -webkit-animation: tooltipShow 1.7s 1 linear; animation: tooltipShow 1.7s 1 linear; } .slide-right{ -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide-up-in; animation-name: slide-right; } .slide-zoom{ -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomShow; animation-name: zoomShow; animation-iteration-count: inherit; } @keyframes purpleBg { 0% { right: 100% } to { right: 0 } } @keyframes growCircle { 0% { opacity: 0; transform: scale(0); height: 0% } to { opacity: 1; height: 100%; transform: scale(1) } } @keyframes textFadeIn { 0% { transform: translateY(100%) rotateX(-80deg); opacity: 0 } to { transform: none; opacity: 1 } } @keyframes toRightFromLeft { 49% { transform: translate(100%) } 50% { opacity: 0; transform: translate(-100%) } 51% { opacity: 1 } } @keyframes skeleton-loading { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .is-inview .page-heading-1,.page-heading-1.is-inview { opacity: 1!important; transform: translateY(0); transition-property: opacity,transform; transition-duration: .45s,.75s; transition-timing-function: linear,cubic-bezier(.215,.61,.355,1) } .page-heading-1 { transform: translateY(75px); opacity: 0 } .dynamic_block { opacity: 0; transform-origin: center top; transform-style: preserve-3d; transform: translateY(100%) rotateX(-80deg); transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1) } .dynamic_block b { transition: background-position .45s cubic-bezier(.27,0,.22,1) .7s; background-image: linear-gradient(90deg,#00C2C2 50%,#0000 0); background-size: 201% 100%; background-position: 100% } .dynamic_block.is-inview { transition-delay: .1s; transform: none; opacity: 1; transition-duration: .5s } .dynamic_block.is-inview b { background-position: 0; } .ant-drawer>* { transition: transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1),opacity .3s cubic-bezier(.7,.3,.1,1) } .str{ animation: new_icon 2s linear 0s infinite alternate; -webkit-animation: new_icon 2s linear 0s infinite alternate; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: new_icon; animation-name: new_icon; } @-webkit-keyframes new_icon { 0% { -webkit-transform: translate(0px, 0) ; } 100% { -webkit-transform: translate(25px, 0); } } @-moz-keyframes new_icon { 0% { background-position: 0 0; } 100% { background-position: 0 600%; } } .str_b{ animation: new_icon 2s linear 0s infinite alternate; -webkit-animation: new_icon 2s linear 0s infinite alternate; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: new_icon2; animation-name: new_icon2; } @-webkit-keyframes new_icon2 { 0% { -webkit-transform: translate(0px, 0) ; } 100% { -webkit-transform: translate(0, 20px); } } @-moz-keyframes new_icon2 { 0% { background-position: 0 0; } 100% { background-position: 0 600%; } } /* End */ /* Start:/local/templates/rattanplanet/css/grid.css?17473269127775*/ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; } @media (max-width: 576px) { .container { max-width: 90vw; padding: 0; } } @media (min-width: 577px) and (max-width: 768px) { .container { max-width: 59vw; padding: 0; } } @media (min-width: 768px) { .container { max-width: 85vw; } } @media (min-width: 992px) { .container { max-width: 85vw; padding: 0; } } @media (min-width: 1200px) { .container { max-width: 85vw; padding: 0; } } @media (min-width: 1440px) { .container { max-width: 80.83333333333333vw; } } @media (min-width: 1560px) { .container { max-width: 80.83333333333333vw; padding: 0; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .align-items-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{padding: 0;} .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /* End */ /* Start:/local/templates/rattanplanet/css/swiper-bundle.min.css?174457803417907*/ /** * Swiper 9.2.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 21, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/rattanplanet/css/aos.css?174457803425998*/ [data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*# sourceMappingURL=aos.css.map*/ 1 Downloading1 /* End */ /* Start:/local/templates/rattanplanet/css/intlTelInput.css?174457803427961*/ /** * Variables declared here can be overridden by consuming applications, with * the help of the `!default` flag. * * @example * // overriding $hoverColor * $hoverColor: rgba(red, 0.05); * * // overriding image path * $flagsImagePath: "images/"; * * // import the scss file after the overrides * @import "/local/templates/rattanplanet/css/bower_component/intl-tel-input/src/css/intlTelInput"; */ .intl-tel-input { position: relative; display: inline-block; } .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px;} .intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; } .intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; } .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 46px; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; } .intl-tel-input.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; } .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 66px; } .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 70px; } .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 74px; } .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 78px; } .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 82px; } .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 92px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 86px; } .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 90px; } .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 100px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 94px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/local/templates/rattanplanet/css/../images/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("/local/templates/rattanplanet/css/../images/flags@2x.png"); } } .iti-flag.np { background-color: transparent; } /* End */ /* Start:/local/templates/rattanplanet/css/jquery-ui.css?17445780347218*/ /*! jQuery UI - v1.12.1 - 2018-05-02 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { border-radius: 10px!important; position: absolute; z-index: 2; width: 41px; height: 41px; cursor: default; -ms-touch-action: none; touch-action: none; background: #DF7200; cursor: pointer; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background: #DF7200; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 10px; } .ui-slider-horizontal .ui-slider-handle { top: -14px; margin-left: -14px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { } .ui-widget-content { background: #E3E3E3; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { font-weight: normal; color: #454545; background: #DF7200; box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.31); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { /* border: 1px solid #cccccc; */ background: #DF7200; font-weight: normal; color: #fff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { /* border: 1px solid #003eff; */ /* background: #007fff; */ font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 7px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 7px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 7px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 7px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/rattanplanet/css/lightbox.min.css?17469746802532*/ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/local/templates/rattanplanet/css/../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/local/templates/rattanplanet/css/../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/local/templates/rattanplanet/css/../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/local/templates/rattanplanet/css/../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* End */ /* Start:/local/templates/rattanplanet/css/itc-custom-select.css?17445780341779*/ .itc-select { position: relative; width: 100%; } .itc-select__toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 1rem; font-style: italic; line-height: 1.4; border-radius: 0.3125rem; cursor: pointer; user-select: none; } .itc-select__toggle:focus { outline: none; } .itc-select_show .itc-select__toggle::after { transform: rotate(180deg); } .itc-select__dropdown { position: absolute; top: 2.5rem; right: 0; left: 0; z-index: 2; display: none; max-height: 10rem; overflow-y: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 0.3125rem; } .itc-select_show .itc-select__dropdown { display: block; } .itc-select_show .itc-select__backdrop { display: block; } .itc-select__options { margin: 0; padding: 0; list-style: none; } .itc-select__option { padding: 0.375rem 0.75rem; } .itc-select__option_selected { display: flex; justify-content: space-between; align-items: center; background-color: #ffca26; } .itc-select__option_selected::after { width: 0.75rem; height: 0.75rem; color: #0277bd; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="100" width="100" class="svg-inline--fa fa-check fa-w-16" data-icon="check" data-prefix="fas" aria-hidden="true"%3E%3Cpath d="M33.964 85.547l-32.5-32.251a4.935 4.935 0 010-7.017l7.071-7.017a5.027 5.027 0 017.071 0L37.5 60.987l46.894-46.534a5.028 5.028 0 017.07 0l7.072 7.017a4.935 4.935 0 010 7.017l-57.5 57.06a5.027 5.027 0 01-7.072 0z" fill="%230277bd"/%3E%3C/svg%3E'); background-size: cover; content: ""; } .itc-select__option:hover { background-color: #f5f5f5; cursor: pointer; transition: 0.2s background-color ease-in-out; } /* End */ /* Start:/local/templates/rattanplanet/template_styles.css?176363761661008*/ @font-face { font-family: 'Inter'; src: url('/local/templates/rattanplanet/fonts/Inter-Medium.eot'); src: url('/local/templates/rattanplanet/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/rattanplanet/fonts/Inter-Medium.woff2') format('woff2'), url('/local/templates/rattanplanet/fonts/Inter-Medium.woff') format('woff'), url('/local/templates/rattanplanet/fonts/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot'); src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff2') format('woff2'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff') format('woff'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot'); src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff2') format('woff2'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff') format('woff'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot'); src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff2') format('woff2'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff') format('woff'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot'); src: url('/local/templates/rattanplanet/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff2') format('woff2'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.woff') format('woff'), url('/local/templates/rattanplanet/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/local/templates/rattanplanet/fonts/Inter-Bold.eot'); src: url('/local/templates/rattanplanet/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/rattanplanet/fonts/Inter-Bold.woff2') format('woff2'), url('/local/templates/rattanplanet/fonts/Inter-Bold.woff') format('woff'), url('/local/templates/rattanplanet/fonts/Inter-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } .socials{ position: relative; display: flex; gap: 2vw; align-items: center; } .socials a{ position: relative; display: flex; align-items: center; justify-content: center; width: 1.0416666666666665vw; height: 1.0416666666666665vw; } .socials a:hover svg path{ fill:#fff; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .top{ background: #7F9E6E; padding: 0.78vw 0; position: relative; margin: 0 auto; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .top .container{ padding: 0; justify-content: space-between; } .top_panel_item{ display: flex; align-items: center; color: #fff; font-size: 0.8vw; text-transform: uppercase; font-style: normal; font-weight: 700; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .top_panel_item:last-child{margin-right: 0;} .header{ position: relative; height: 5.208333333333334vw; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff; display: flex; align-items: center; z-index: 1; box-shadow: 0px 4px 4px 0px #0000009E; } .header .container{ justify-content: space-between; align-items: center; } .header .logo{ position: relative; background: url(/local/templates/rattanplanet/images/logo.svg) no-repeat; background-size: contain; background-position: center; width: 9.895833333333332vw; height: 3.3333333333333335vw; } .header .slogan{ position: relative; width: 10vw; color: #707070; line-height: 1; font-size: 0.78125vw; font-weight: 600; } .header .menu{ position: relative; height: 2.1354166666666665vw; width: 50.78125vw; display: flex; align-items: center; justify-content: center; gap: 0 1.5vw; } .header .menu a{ height: 100%; color: #225378; display: flex; align-items: center; text-transform: uppercase; line-height: 1; font-weight: 700; font-size: 0.9vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .header .menu a:first-child{ background: #7F9E6E; border: 2px solid #7F9E6E; color: #fff; border-radius: 16px; font-size: 0.8vw; width: 12.34375vw; padding: 0 .5vw; justify-content: center; gap: 0 1rem; } .header .menu a:first-child:hover{ background: #5e7552; border: 2px solid #5e7552; } .header .menu a:first-child:hover{color: #fff;} .header .menu a:first-child::before{ content: ""; background: url(/local/templates/rattanplanet/images/menu_icon.svg) no-repeat; background-size: contain; background-position: center; width: 1.1458333333333333vw; height: 0.8333333333333334vw; display: flex; align-items: center; justify-content: center; } .header .menu a:hover{ color: #000; text-decoration: none; } .header .header_r{ position: relative; display: flex; align-items: center; gap: 0 1vw; } .header .header_r::after{ content: ""; width: 6.5625vw; height: 0.3645833333333333vw; bottom: -2.03125vw; position: absolute; background: #7F9E6E; backdrop-filter: blur(31.600000381469727px); } .header .header_r .search{ position: relative; background: url(/local/templates/rattanplanet/images/search.svg) no-repeat; background-size: contain; background-position: center; width: 1.1979166666666667vw; height: 1.1979166666666667vw; cursor: pointer; } .header .header_r .user{ position: relative; background: url(/local/templates/rattanplanet/images/user.svg) no-repeat; background-size: contain; background-position: center; width: 1.3541666666666667vw; height: 1.4583333333333333vw; cursor: pointer; } .header .header_r .call{ position: relative; background: url(/local/templates/rattanplanet/images/call.svg) no-repeat; background-size: contain; background-position: center; width: 1.1979166666666667vw; height: 1.25vw; cursor: pointer; } .header .header_r .cart{ position: relative; display: flex; zoom: 1.2; align-items: center; justify-content: center; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .header .header_r .cart::before { content: ""; background: url(/local/templates/rattanplanet/images/cart1.svg) no-repeat; width: 1.1458333333333333vw; height: 1.1979166666666667vw; background-size: contain; background-position: center; background-repeat: no-repeat; flex-shrink: 0; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .header .header_r .cart i{ background: #0567a1; color: #FFF; font-size: 0.73vw; font-style: normal; font-weight: 700; line-height: 1; display: flex; width: 1.15vw; height: 1.15vw; flex-direction: column; justify-content: center; border-radius: 50%; text-align: center; margin-left: -0.26vw; } .header .header_r .cart.cart_active i{background: #ffb42b;} .menu_mob{ display: none; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .main_banner{ position: relative; background: url(/local/templates/rattanplanet/images/banner/main_banner.png) no-repeat; background-size: cover; background-position: center; width: 100%; height: 27.34375vw; } .main_banner .socials{ align-items: baseline; flex-wrap: wrap; top: 4.84375vw; right: 5vw; width: 1.0416666666666665vw; position: absolute; } .main_banner .container{ justify-content: space-between; position: relative; } .main_banner_l{ position: relative; width: 47.291666666666664vw; top: 4.84375vw; } .main_banner_l .title{ text-transform: uppercase; font-size: 2.5vw; line-height: 1; font-weight: bolder; color: #fff; margin-bottom: 0.5vw; } .main_banner_l .title span{color: #7f9e6e;} .main_banner_l .description{ color: #fff; margin-bottom: 1.5vw; line-height: 1; font-weight: 700; font-size: 1.25vw; max-width: 35vw; } .main_banner_l .panel{ position: relative; display: flex; align-items: center; justify-content: space-between; height: 3.125vw; margin-top: 3vw; } .main_banner_l .panel .btn{ position: relative; width: 15.937499999999998vw; height: 3.125vw; display: flex; align-items: center; justify-content: center; background: #7F9E6E; flex-shrink: 0; border-radius: 16px; box-shadow: 0px 4px 4px 0px #00000040; color: #fff; font-size: 0.8333333333333334vw; line-height: 1; font-weight: 600; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; text-decoration: none; } .main_banner_l .panel .btn:hover{ background: #5e7552; } .main_banner_adv{ position: relative; display: flex; align-items: center; justify-content: center; gap: 0 1.25vw; } .adv_item{ position: relative; display: flex; align-items: center; } .adv_item svg{ max-width: 2.9166666666666665vw; max-height: 2.604166666666667vw; margin-right: 0.5vw; } .adv_item span{ color: #fff; line-height: 1; font-weight: 800; font-size: 0.78125vw; text-transform: uppercase; width: 9vw; display: block; } .main_banner_r{ position: relative; width: 19.84375vw; height: 23.75vw; background: #fff; display: flex; flex-direction: column; align-items: center; padding: 10px; border-radius: 16px; top: 4.84375vw; } .main_banner_r .photo{ background: url(/local/templates/rattanplanet/images/banner/banner_about.png) no-repeat; height: 12.395833333333334vw; width: 18.90625vw; background-position: center; background-size: contain; margin-bottom: 1.0416666666666665vw; } .main_banner_r .title{ line-height: 1; font-weight: 800; font-size: 1.25vw; color: #090909; margin-bottom: .5vw; text-transform: uppercase; } .main_banner_r .text{ text-align: center; line-height: 1; font-size: 0.78125vw; font-weight: 600; } .main_banner_r .btn{display: none;} .services{ position: relative; width: 100%; overflow: hidden; margin-top: 2vw; } .services_top{ position: relative; height: 3.125vw; align-items: center; margin-bottom: 2vw; } .services_top::before{ content: ""; position: absolute; width: 100%; height: 0.8854166666666666vw; background: #7F9E6E42; } .services_top .container{ justify-content: space-between; height: 3.125vw; align-items: center; display: flex; } .services_top .title{ line-height: 1; text-transform: uppercase; font-weight: 700; font-size: 1.25vw; padding: 0 2vw; background: #fff; position: relative; } .services_top .title b{ color: #7F9E6E; } .services_top .btn_wrap{ padding: 0 1vw; background: #fff; position: relative; height: 3.125vw; } .services_top .btn{ height: 100%; border: 1px solid #7F9E6E; border-radius: 16px; color: #95AB63; line-height: 1; font-weight: 600; font-size: 0.8333333333333334vw; display: flex; align-items: center; justify-content: center; padding: 0 2vw; text-decoration: none; background: #fff; cursor: pointer; } .services_top .btn:hover{ color: #000;; } .services_slider{ position: relative; display: flex; margin-top: 6vw; } .services_slider .services_nav{ position: absolute; width: 2.03125vw; left: 4.635416666666667vw; bottom: 7vw; gap: .5vw 0; display: flex; flex-direction: column; z-index: 2; } .services_slider .services_nav div{ position: relative; display: flex; justify-content: center; align-items: center; width: 2.03125vw; height: 2.03125vw; border-radius: 16px; background: #225378; margin-top: 0; flex-shrink: 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; opacity: 1; } .services_slider .services_nav .swiper-button-next svg, .services_slider .services_nav .swiper-button-prev svg { width: 0.5208333333333333vw; height: 0.78125vw; } .services_slider .services_nav .swiper-button-next:after, .services_slider .services_nav .swiper-button-prev:after{content: none;} .services_slider .services_nav .swiper-button-prev { left: 0; top: 0; } .services_slider .services_nav .swiper-button-next { right: 0; top: 0; } .services_slider .services_nav .swiper-button-prev.swiper-button-disabled{ background: #C4C4C4; } .services_slider .bg { position: absolute; width: 100%; height: 14.895833333333334vw; background: #E4E4E4; bottom: 0; z-index: 1; } .services .swiper{ max-width: max-content; right: -11vw; z-index: 2; bottom: 4vw; position: relative; } .services_item{ position: relative; width: 100%; height: 22.71875vw; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .services_item .photo{ width: 100%; height: 17.864583333333332vw; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .services_item .photo .name{ color: #fff; line-height: 1; font-size: 1.25vw; text-transform: uppercase; font-weight: 800; margin-left: 1.875vw; margin-top: 2vw; max-width: 19vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .services_item .description{ position: relative; margin-top: 1vw; padding: 0 1.875vw; line-height: 1; font-weight: 600; font-size: 0.9375vw; color: #fff; max-width: 21vw; display: none; } .services_item .detail{ position: relative; top: 2vw; line-height: 1; font-size: 0.7291666666666666vw; font-weight: 600; color: #000; text-transform: uppercase; } .services_item .detail:hover{ text-decoration: none; color: #95AB63; } .services_item .detail::after{ content: ""; position: absolute; bottom: -0.5vw; left: 0; width: 7.968749999999999vw; height: 3px; background: #95AB63; } .advantages{ position: relative; padding: 4vw 0; } .advantages .container{ justify-content: space-between; display: flex; align-items: center; } .advantages_item{ position: relative; display: flex; align-items: center; gap: 0 2vw; } .advantages_item svg{ max-width: 3.125vw; max-height: 3.125vw; margin-right: 0.5vw; } .advantages_item .name{ line-height: 1; font-weight: 800; font-size: 1vw; text-transform: uppercase; width: 11vw; display: block; position: relative; } .advantages_item .name::after{ content: ""; background: #7F9E6E; height: 3px; width: 100%; position: absolute; bottom: -1vw; left: 0; } .about{ position: relative; margin-top: 1vw; } .about .col-7, .about .col-5{ padding-left: 0; padding-right: 0; } .about_block{ position: relative; width: 100%; background: #E6EFDD; border-radius: 16px; align-items: center; } .about_block .content{ position: relative; padding: 3vw; padding-left: 3vw; padding-right: 3vw; } .about_block .content .subtitle{ line-height: 1; font-size: 1.25vw; font-weight: 700; margin-bottom: 1.5vw; text-transform: uppercase; color: #000; } .about_block .content .title{ line-height: 1; font-size: 1.6666666666666667vw; font-weight: bolder; margin-bottom: 1.5vw; text-transform: uppercase; max-width: 35vw; color: #225378; } .about_block .content .title span{color: #7F9E6E;} .about_block .content p{ font-weight: 500; line-height: 1; font-size: 1vw; color: #292929; } .about_block .content .btns{ position: relative; display: flex; align-items: center; height: 3.28125vw; gap: 0 1vw; margin-top: 1vw; } .about_block .content .btns > .btn{ height: 3.28125vw; display: flex; align-items: center; justify-content: center; border-radius: 16px; color: #fff; background: #7F9E6E; width: 14.583333333333334vw; font-size: 0.8333333333333334vw; line-height: 1; font-weight: 600; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .about_block .content .btns > .btn:hover{ background: #607853; } .about_block .content .btns > .btn:nth-child(1){ background: #225378; width: 19.270833333333336vw; } .about_block .content .btns > .btn:nth-child(1):hover{ background: #193d58; } .about_block .photo{ position: relative; padding: 1vw; } .about_block .photo_img{ background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 30.677083333333332vw; } .section_product{ position: relative; margin: 3VW 0; } .section_product.new{ margin: 0; } .section_product.popular{ margin-bottom: 0; } .section_product .container{ overflow: visible; } .section_product .bg{ position: absolute; width: 100%; height: 28.958333333333336vw; background: #EEEEEE; bottom: -5vw; } .section_product_nav{display: none;} .product_list{ position: relative; overflow: visible !important; height: 25.802083333333336vw; } .section_product .swiper-button-next, .section_product .swiper-button-prev{ position: absolute; display: flex; justify-content: center; align-items: center; width: 3.229166666666667vw; height: 3.229166666666667vw; border-radius: 25px; background: #0567A1; margin-top: 0; flex-shrink: 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; } .section_product .swiper-button-next.swiper-button-disabled, .section_product .swiper-button-prev.swiper-button-disabled{ background: #7E83824A; opacity: 1!important; } .section_product .swiper-button-prev{left: -5vw;} .section_product .swiper-button-next{right: -5vw;} .section_product .swiper-button-next svg, .section_product .swiper-button-prev svg{ width: 1.40625vw; height: 1.40625vw; } .section_product .swiper-button-next:hover, .section_product .swiper-button-prev:hover{ background: #0567A1; } .section_product .swiper-button-next:after, .section_product .swiper-button-prev:after{content: none;} .section_product .swiper-container{ height: 100%; overflow: hidden; } .product{ position: relative; cursor: pointer; border-radius: 16px; padding: 1.1432291666666667vw; background: #FFFFFF; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .product:hover{ box-shadow: 0px 16px 22.5px 0px #00000021; } .product .photo{ position: relative; width: 100%; height: 14.84375vw; margin-bottom: 1vw; display: flex; align-items: center; justify-content: center; } .product .photo img{ max-width: 100%; max-height: 100%; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .product .photo::before{ content: ""; position: absolute; border: 2px solid #ffffff; border-radius: 16px; width: 90%; height: 88%; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s linear 0.3s; -o-transition: opacity 0.3s, visibility 0s linear 0.3s; -moz-transition: opacity 0.3s, visibility 0s linear 0.3s; transition: opacity 0.3s, visibility 0s linear 0.3s; } .section_product.new .product .photo::before{ content: none; } .product .photo .new{ position: absolute; top: 1.2vw; right: 1.2vw; width: 6.822916666666666vw; height: 2.1875vw; display: flex; align-items: center; justify-content: center; background: #7F9E6E; border-radius: 25px; border: 1px solid #fff; box-shadow: 0px 4px 4px 0px #00000040; color: #fff; text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 0.8333333333333334vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .product:hover .photo .new{ opacity: 0; } .product .title{ color: #000; line-height: 1; font-weight: 900; font-size: 0.9375vw; text-transform: uppercase; margin-bottom: 1.5vw; max-width: 16vw; opacity: .5; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; margin-bottom: 1vw; display: block; } .product .description{ color: #000; line-height: 1; font-weight: 500; font-size: 0.9375vw; margin-bottom: 2vw; height: 5.625vw; overflow: hidden; opacity: .5; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; display: none; } .product:hover .title, .product:hover .description{ opacity: 1; } .product .price{ line-height: 1; color: #090909; font-size: 1vw; font-weight: 900; text-align: center; margin-bottom: 1vw; } .product .btns{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; } .product .qnt_cont{ width: auto; padding: 0; border: none; } .product .qnt_cont a{ width: 2.2vw; height: 2.2vw; } .product .qnt_cont svg{ width: 0.7vw; height: 0.7vw; } .product .qnt_cont input{ font-size: 1vw; width: 3vw; } .product .btn{ width: 8.802083333333334vw; height: 2.2395833333333335vw; border-radius: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #7F9E6E; font-size: 0.7291666666666666vw; line-height: 1; font-weight: 700; color: #7F9E6E; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .product .btn:active, .product .btn.active{ border: 1px solid transparent; color: #fff; box-shadow: 0px 4px 4px 0px #00000040; background: #c88710; } .order_form{ background: url(/local/templates/rattanplanet/images/banner/order.png) no-repeat; width: 100%; height: 23vw; background-position: center; background-size: cover; padding-top: 3vw; } .order_form .container{ justify-content: space-between; } .order_form_text{ position: relative; width: 53.28125vw; top: 3vw; } .order_form h2{ line-height: 1; position: relative; color: #fff; font-size: 42px; text-transform: uppercase; font-weight: 900; margin-bottom: 0.5vw; } .order_form_text2{ position: relative; display: flex; align-items: center; justify-content: space-between; } .order_form .title{ line-height: 1; position: relative; color: #fff; font-size: 1.25vw; text-transform: uppercase; font-weight: 900; z-index: 9; display: flex; align-items: end; margin-bottom: 2vw; } .order_form .title span{ width: 32vw; } .order_form .title svg{ width: 24.21875vw; height: 0.625vw; position: absolute; right: 0; } .order_form_text .main_banner_adv{ justify-content: flex-start; } .order_form .subtitle{ position: relative; color: #fff; font-size: 0.8333333333333334vw; font-weight: 600; width: 20vw; margin-top: 1vw; } .order_form_form{ position: relative; width: 25.260416666666668vw; background: #fff; border-radius: 16px; padding: 1vw; } form input[type="text"], form input[type="tel"] { position: relative; height: 2.864583333333333vw; background: #CFDAC0; border: none; width: 100%; margin-bottom: 1vw; border-radius: 16px; padding: 0 2vw; color: #616161; font-size: 0.8333333333333334vw; font-style: normal; font-weight: 600; } .form_button{ border-radius: 16px; width: 100%; height: 3.5937499999999996vw; color: #fff; font-size: 0.9375vw; font-style: normal; font-weight: 700; line-height: 100%; text-transform: uppercase; padding: 0 2vw; cursor: pointer; border: none; background: #7F9E6E; margin-bottom: 1vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; box-shadow: 0px 12px 13px 0px #00000061; } .form_button:hover{ background: #617954; } .agreement{display: flex;font-weight: 500;font-size: 0.7291666666666666vw;color:#C0C0C0;line-height: 1.2;} .agreement .custom-checkbox { width: 1.1458333333333333vw; height: 1.1458333333333333vw; flex-shrink: 0; position: absolute; z-index: 0; opacity: 0; margin-top: .5vw; } .map_block{ position: relative; height: 30.885416666666664vw; width: 100%; margin: 3vw 0; margin-bottom: 4vw; } .map_block .container{ justify-content: space-between; box-shadow: 0px 8px 5px 0px #0000001A; border-radius: 16px; background: #fff; } .map_block .map{ position: relative; width: 55.9vw; height: 30.885416666666664vw; padding: .5vw; } .map_block .map iframe{ width: 100%; height: 100%; overflow: hidden; border-radius: 16px; } .map_contacts_info { position: relative; width: 24.9vw; height: 30.885416666666664vw; overflow: hidden; border-radius: 16px; padding: .5vw; padding-left: 0; } .map_contacts_info_wrap{ position: relative; height: 100%; width: 100%; overflow: hidden; border-radius: 16px; background: #E3EADF; } .map_contacts_info_top{ position: relative; height: 8.4375vw; border-radius: 16px; justify-content: space-between; align-items: center; padding: 1.1979166666666667vw; background: #fff; margin: 0.4166666666666667vw; } .map_contacts_info_top .logo{ position: relative; background: url(/local/templates/rattanplanet/images/logo2.svg) no-repeat; background-size: contain; background-position: center; width: 11.822916666666666vw; height: 3.4895833333333335vw; } .map_contacts_info_top .slogan{ position: relative; width: 8.697916666666666vw; color: #707070; line-height: 1; font-size: 0.78125vw; font-weight: 600; } .map_contacts_info_b{ position: relative; height: 20.052083333333336vw; border-radius: 16px; background: #fff; padding: 1.7187500000000002vw 1.1979166666666667vw; margin: 0.4166666666666667vw; display: flex; flex-direction: column; justify-content: space-between; } .map_contacts_info_b .col{ position: relative; margin-bottom: 1vw; } .map_contacts_info_b .col.row{ justify-content: space-between; margin-bottom: 0; align-items: center; } .map_contacts_info_b .title{ font-size: 1.3541666666666667vw; font-style: normal; font-weight: 700; margin-bottom: 1vw; color: #7F9E6E; } .map_contacts_info_b .desc{ font-size: 0.9375vw; font-style: normal; font-weight: 600; color: #000; } .map_contacts_info_b .tel{ line-height: 1; color: #000; font-weight: 700; font-size: 1.1458333333333333vw; font-style: normal; text-decoration: none; margin-bottom: .5vw; } .map_contacts_info_b .tel span{ color: #7F9E6E; } .map_contacts_info_b .tel:hover{ color: #5e7552; } .map_contacts_info_b .btn{ height: 1.9270833333333335vw; width: 9.7vw; display: flex; align-items: center; justify-content: center; border-radius: 16px; color: #95AB63; background: #7F9E6E38; border: 1px solid #7F9E6E; font-size: 0.5208333333333333vw; line-height: 1; font-weight: 600; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .map_contacts_info_b .btn:hover{ background: #607853; color: #fff; } .footer{ position: relative; width: 100%; background: #132634; padding: 3vw 0; } .footer .container{ justify-content: space-between; } .footer .logos{ position: relative; width: 14.114583333333334vw; display: flex; flex-direction: column; align-items: flex-end; } .footer .logo{ background: url(/local/templates/rattanplanet/images/logo_footer.svg) no-repeat; width: 13.593749999999998vw; height: 4.583333333333333vw; background-position: center; background-size: contain; margin-bottom: 2vw; } .footer .slogan{ position: relative; width: 8.5vw; color: #fff; line-height: 1; font-size: 0.7vw; font-weight: 600; } .footer .socials{ margin-top: 2.7083333333333335vw; gap: 1.5vw; } .footer .socials a{ margin-bottom: 0; } .footer .socials a{ font-size: 0.7291666666666666vw; line-height: 1; font-weight: 400; color: #AEAEAE; margin-bottom: 0; width: 0.78125vw; height: 0.78125vw; } .footer_menu .title{ color: #7F9E6E; line-height: 1; font-weight: 700; font-size: 1vw; text-transform: uppercase; margin-bottom: 1.5vw; font-style: normal; } .footer_menu nav{ flex-direction: column; display: flex; flex-wrap: nowrap; gap: .8vw 0; position: relative; } .footer_menu nav a{ color: #747474; line-height: 1; text-transform: uppercase; font-size: 0.7291666666666666vw; font-weight: 700; } .footer_menu nav a:hover{ color: #fff; text-decoration: none; } .footer_info{ position: relative; width: 17.1875vw; display: flex; flex-direction: column; justify-content: space-between; } .footer_info .legal{ color: #7E7E7E; line-height: 1; font-style: normal; font-weight: 400; font-size: 0.5729166666666666vw; margin-bottom: 3vw; } .footer_info .copyright{ color: #7E7E7E; line-height: 1; font-style: normal; font-weight: 400; font-size: 0.5208333333333333vw; margin-bottom: 3vw; } .pay_logo{ position: relative; background: url(/local/templates/rattanplanet/images/pay.png) no-repeat; background-size: contain; width: 16.3vw; height: 1.04vw; display: block; } .pay_logo.pay_logo_mob{display: none;} .footer_contacts{ position: relative; display: flex; flex-wrap: wrap; flex-direction: column; width: 11.979166666666668vw; } .footer_contacts .tel{ line-height: 1; color: #fff; font-weight: 700; font-size: 1vw; font-style: normal; text-decoration: none; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5vw; } .footer_contacts .tel::before{ content: ""; width: 0.8333333333333334vw; height: 0.8333333333333334vw; background: url(/local/templates/rattanplanet/images/footer_cal.svg) no-repeat; background-position: center; background-size: cover; } .footer_contacts .tel:nth-child(1){margin-bottom: .5vw;} .footer_contacts .tel span{ color: #7F9E6E; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .footer_contacts .tel:hover span{ color: #fff; } .footer_contacts .address{ text-align: right; line-height: 1.2; font-weight: 600; font-size: 0.625vw; color: #fff; } .footer_contacts .email{ text-align: right; line-height: 1.2; font-weight: 600; font-size: 0.625vw; color: #707070; } .scroll_up{ position: absolute; right: 0; bottom: 0; background: #0567A1; width: 3.229166666666667vw; height: 3.229166666666667vw; border-radius: 25px; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; cursor: pointer; } .scroll_up svg{ width: 0.8333333333333334vw; height: 1.4583333333333333vw; } .scroll_up:hover{ background: #044c76; } .bx-composite-btn{display: none;} .form_popup{ z-index: 9999999999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #242424; backdrop-filter: blur(5px); overflow-y: scroll; } .modal-wrap.order{ width: 70vw; padding: 3.5937499999999996vw 2.5vw; top: 0; } .form_popup.price .modal-wrap{padding: 0;} .is-hidden{display: none;} .modal-wrap{ margin: 0 auto; position: relative; display: block; top: 15vh; background: #fff; padding: 2.5vw; -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; width: 26vw; z-index: 22; -webkit-animation: zoomShow 0.3s ease; -moz-animation: zoomShow 0.3s ease; -o-animation: zoomShow 0.3s ease; animation: zoomShow 0.3s ease; } .form_popup .close{ position: absolute; right: -3.5vw; top: 0; background: #4B8322; border-radius: 11px; display: flex; align-items: center; justify-content: center; width: 2.864583333333333vw; height: 2.864583333333333vw; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .form_popup .close::before{ content: ""; background: url(/local/templates/rattanplanet/images/close.svg) no-repeat; background-position: center; background-size: contain; flex-shrink: 0; width: 1.0416666666666665vw; height: 1.0416666666666665vw; } .form_popup .close:hover{ background: #325816; } .form-wrap{ justify-content: space-between; } .form_popup_top{ position: relative; display: flex; flex-direction: column; margin-bottom: 1vw; justify-content: space-between; align-items: center; } .form_popup_top .title{ color: #000; font-size: 1.3541666666666667vw; font-style: normal; font-weight: 900; line-height: 1; text-transform: uppercase; } .form_popup_top .icon{ position: relative; background: url(/local/templates/rattanplanet/images/logo_order_form.svg) no-repeat; background-size: contain; width: 4.947916666666666vw; height: 2.3958333333333335vw; flex-shrink: 0; } form textarea{ position: relative; height: 5.989583333333334vw; max-height: 5.989583333333334vw; width: 100%; margin-bottom: 1vw; border-radius: 25px; background: #FFF; padding: 1vw 2vw; color: #666; font-size: 0.8333333333333334vw; font-style: normal; font-weight: 600; border: 1px solid #4B8322; } .form_popup_l{ } .form_popup_l h2{ color: #000; line-height: 1; font-weight: 900; font-size: 1.3541666666666667vw; text-transform: uppercase; } .form_popup_l h2 b{ color: #4B8322; } .form_popup_l .description p{ font-weight: 600; font-size: 1.0416666666666665vw; } .form_popup_l .description p:nth-child(2){ color: #4B8322; } .form_popup_l .photo{ width: 100%; height: 25.208333333333332vw; margin-bottom: 1vw; } .form_popup_l .photo img{ max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; } .form_b .row{ justify-content: space-between; margin-bottom: 1vw; align-items: center; } .form_b .name{ color: #000; text-transform: uppercase; font-weight: 700; font-size: 1.6666666666666667vw; width: 65%; flex-shrink: 0; } .form_b .info{ width: 5.572916666666667vw; max-width: 6vw; height: 2.2395833333333335vw; border-radius: 25px; display: flex; align-items: center; justify-content: center; background: #A5C8DD; font-size: 0.5729166666666666vw; line-height: 1.2; font-weight: 700; color: #fff; text-align: center; flex-shrink: 0; padding: 0 1vw; } .form_b p{ font-weight: 400; font-size: 1.0416666666666665vw; padding-bottom: 0; } .form_popup_form{ position: relative; background: #F1F9EB; padding: 2vw 1.5vw; margin-bottom: 2vw; border-radius: 0.8333333333333334vw; padding-bottom: 1vw; } .form_popup_form .order_form_form{ width: 100%; height: auto; background: transparent; padding: 0; } .form_popup .socials{ gap: .5vw; position: relative; justify-content: end; } .menu_mobile{ position: fixed; width: 100%; height: 100%; background: #fff; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; opacity: 1; -webkit-transform: translateY(-150%); transform: translateY(-150%); -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; overflow: scroll; } .menu_mobile.active{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .menu_mobile .container{ justify-content: space-between; display: flex; flex-direction: column; height: 100%; } .menu_mobile .header{ width: 100%; justify-content: space-between; box-shadow: none; } .menu_mob.close{background: none;} .menu_mob.close svg path{fill:#000;} .menu_mobile .menu{ display: flex; height: auto; padding: 0; border: 0; margin-top: 0; border-radius: 0; flex-direction: column; align-items: baseline; gap: 1rem 0; } .menu_mobile .menu a{ height: 100%; color: #225378; display: flex; align-items: center; padding-left: 0!important; text-transform: uppercase; line-height: 1; font-weight: 700; font-size: 22px; padding: 1rem; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; padding-bottom: 0; } .menu_mobile .menu a:hover { text-decoration: none; border: none; } .menu_mobile_conacts{ color: #000; line-height: 1.5; font-weight: 700; font-size: 16px; font-style: normal; margin-bottom: 1rem; text-align: center; } .menu_mobile_conacts .phone{ font-size: 25px; font-weight: 700; line-height: 1; margin: 0.5rem 0; display: block; color: #000; text-decoration: none; } .menu_mobile .socials{ justify-content: center; margin-bottom: 2rem; } .menu_mobile .socials a{ width: 46px; height: 46px; border-radius: 5px; } .menu_mobile .socials a svg path{fill-opacity: 1;} .menu_mobile .socials a:hover svg path, .menu_mobile .socials a:hover svg path{fill: #fff;} .menu_mobile .socials a.viber, .menu_mobile .socials a.viber{background: #CB91D6;} .menu_mobile .socials a.viber:hover, .menu_mobile .socials a.viber:hover{background: #b937d1;} .menu_mobile .socials a.tg, .menu_mobile .socials a.tg{background: #91BCD6;} .menu_mobile .socials a.tg:hover, .menu_mobile .socials a.tg:hover{background: #1889cd;} .menu_mobile .socials a.whatsapp, .menu_mobile .socials a.whatsapp{background: #85BE40;} .menu_mobile .socials a.whatsapp:hover, .menu_mobile .socials a.whatsapp:hover{background: #4e840e;} .page_detail{ position: relative; width: 100%; border-top: 1.5vw solid #E9F1E1; padding-top: 2vw; margin-bottom: 3vw; } .page_detail .container{justify-content: space-between;} .page_detail .col-8{max-width: 857px;} .page_detail .col-8, .page_detail .col-4{ padding-left: 0; padding-right: 0; } .breadcrumb{ position: relative; display: flex; align-items: center; margin-bottom: 1vw; } .brandscubs_item span{ font-weight: 600; font-size: 0.625vw; line-height: 1; color: #7F9E6E; } .brandscubs_item a:hover span{text-decoration: underline;} .brandscubs_item::after{ content: "/"; font-size: 0.7291666666666666vw; padding: 0 4px; line-height: 1; color: #7F9E6E; font-weight: 600; } .brandscubs_item:last-child::after{content: none;} .catalog_detail h1, .page_detail h1 { font-size: 1.6666666666666667vw; font-weight: 900; line-height: 1; text-transform: uppercase; margin-bottom: 1.5vw; color: #225378; } .catalog_detail h1 span, .page_detail h1 span{ color: #7F9E6E; } .page_detail h2{ font-size: 1.25vw; font-weight: 700; line-height: 1; text-transform: uppercase; color: #225378; } .page_detail p{ font-weight: 500; color: #292929; } .page_detail ul { list-style: disc; padding-left: 1vw; margin-top: 1vw; } .page_detail li{ font-size: 1vw; line-height: 1; font-weight: 500; padding-bottom: 0.25vw; } .advantages_about{ padding:0; } .subtitle_delivery{ position: relative; margin-bottom: 2vw; margin-top: -1.2vw; line-height: 1; font-weight: 500; font-style: normal; font-size: 1.1458333333333333vw; color: #7F9E6E; } .about_page_block{ position: relative; height: 23.802083333333332vw; width: 100%; overflow: hidden; border-radius: 16px; border: 8px solid #E3EADF; } .about_page_block_wr{ padding: 1.1979166666666667vw; background: #fff; position: relative; border-radius: 16px; justify-content: space-between; align-items: center; display: flex; flex-direction: column; width: 100%; height: 100%; } .about_page_block .logo{ position: relative; background: url(/local/templates/rattanplanet/images/logo2.svg) no-repeat; background-size: contain; background-position: center; width: 20.208333333333332vw; height: 6.5625vw; margin-bottom: 2vw; } .about_page_block .legal{ color: #030303; line-height: 1; font-style: normal; font-weight: 400; font-size: 0.7291666666666666vw; margin-bottom: 2vw; } .about_page_block .btn{ width: 100%; height: 3.125vw; display: flex; align-items: center; justify-content: center; border-radius: 16px; color: #fff; background: #7F9E6E; font-size: 0.8333333333333334vw; line-height: 1; font-weight: 600; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .about_page_block .btn:hover{ background: #607853; color: #fff; } .about_serf{ position: relative; background: #E3EADF; width: 100%; overflow: hidden; border-radius: 16px; padding: 8px; justify-content: space-between; align-items: center; margin-top: 1vw; } .about_serf .icon{ background: #fff; border-radius: 16px; display: flex; align-items: center; justify-content: center; width: 6.041666666666667vw; height: 5.572916666666667vw; } .about_serf .icon svg{ width: 3.3854166666666665vw; height: 3.3854166666666665vw; } .about_serf .text{ width: 17.8125vw; color: #7F9E6E; line-height: 1; font-weight: 700; font-style: normal; font-size: 0.9375vw; text-transform: uppercase; } .page_detail .map_contacts_info_wrap{ height: auto; } .page_detail .order_form_form{ width: 100%; background: #E9F1E1; margin-top: 1vw; } .order_form_form .title{ color: #7F9E6E; text-align: center; line-height: 1; font-weight: 700; font-style: normal; font-size: 0.8333333333333334vw; padding: 0 1vw; margin-top: 1vw; margin-bottom: 1.5vw; } .page_detail .order_form_form form input[type="text"], .page_detail .order_form_form form input[type="tel"]{ background: #fff; } .product_detail{ margin-bottom: 0; } .product_detail .col-7{ padding-left: 0; padding-right: 0; } .product_detail .col-5{ padding-left: 0; padding-right: 0; justify-content: space-between; display: flex; flex-direction: column; } .product_detail_content.col-6{ max-width: 33.177083333333336vw; } .catalog_element_gallery{ position: relative; padding-left: 0!important; height: 26.927083333333336vw; overflow: hidden; } .product_detail_gellerys.col-7{ max-width: 43.645833333333336vw; } .catalog_element_photo_full{ position: relative; width: 30.104166666666664vw; height: 26.927083333333336vw; border-radius: 16px; border: 1px solid #95AB63; padding: .5vw!important; } .catalog_element_photo_full .swiper-container { position: relative; height: 100%; width: 100%; overflow: hidden; } .product_detail_photo_full_photo{ background-size: contain; background-position: center; background-repeat: no-repeat; border-radius: 16px; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .catalog_element_photo_smile{ height: 26.927083333333336vw; width: 8.697916666666666vw; overflow: hidden; margin-left: 0.7291666666666666vw!important; } .catalog_element_photo_smile .swiper-wrapper{ display: flex; flex-direction: column; } .catalog_element_photo_smile .swiper-container{ position: relative; height: 100%; width: 100%; overflow: hidden; } .catalog_element_photo_smile .swiper-slide{ height: 5.43vw!important; width: 87%; border: 1px solid #D0D0D0; margin-bottom: 5px; border-radius: 10px; cursor: pointer; opacity: 0.5; padding: .5vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .catalog_element_photo_smile .swiper-slide:hover, .catalog_element_photo_smile .swiper-slide.swiper-slide-thumb-active{ opacity: 1; border: 1px solid #95AB63; } .product_detail_photo_smile_item{ background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; overflow: hidden; border-radius: 16px; } .catalog_element_photo_nav{ position: relative; margin-left: 1vw; height: 100%; width: 2.7604166666666665vw; display: flex; flex-wrap: wrap; align-content: space-between; } .catalog_element_photo_nav_prev, .catalog_element_photo_nav_next{ cursor: pointer; width: 2.7604166666666665vw; height: 2.7604166666666665vw; background: #7E83824A; border-radius: 16px; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .catalog_element_photo_nav div:hover{ background: #0567A1; } .catalog_element_photo_nav div svg{ width: 1.25vw; height: 1.25vw; } .product_detail h1{ font-size: 1.4583333333333333vw; max-width: 26.302083333333332vw; margin-bottom: 0; color: #225378; } .product_article_row{ justify-content: space-between; } .product_detail .article{ line-height: 1; font-weight: 500; font-style: normal; font-size: 0.9vw; color: #828282; padding-top: 1vw; } .product_detail .price{ line-height: 1; font-weight: 800; font-style: normal; font-size: 1.4583333333333333vw!important; color: #225378; } .price_info{ line-height: 1; font-weight: 600; font-style: normal; font-size: 0.8vw; text-align: right; margin-bottom: 1vw; color: #7f9e6e; } .product_detail .description{ line-height: 1.2; font-weight: 500; font-style: normal; font-size: 0.9375vw; color: #171717; margin-bottom: 2vw; } .product_detail .description ul{ margin-top: .5vw; } .product_detail .description li{ line-height: 1.2; font-weight: 500; font-style: normal; font-size: 0.9375vw; color: #171717; } .detail_property{ position: relative; justify-content: space-between; align-items: center; margin-bottom: 1.25vw; } .detail_property .name{ line-height: 1; font-weight: 700; font-style: normal; color: #95ab63; font-size: 1vw; text-transform: uppercase; } .detail_property .name span{ color: #7F9E6E; } .detail_property .select_size{ position: relative; width: 20.78125vw; height: 3.3854166666666665vw; border-radius: 16px; border: 1px solid #95AB63; background: #F7FCF5; display: flex; align-items: center; padding: 0.4166666666666667vw; cursor: pointer; } .detail_property .itc-select__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; } .detail_property .itc-select__toggle.select_address_wr { align-items: center; display: flex; color: #7F9E6E; font-size: 1vw; font-style: normal; font-weight: 700; line-height: 100%; padding-left: 1vw; height: 100%; border: none; background-color: transparent; text-transform: uppercase; justify-content: space-between; padding-right: 0; } .detail_property .itc-select__toggle.select_address_wr::after{ flex-shrink: 0; width: 2.7604166666666665vw; height: 2.7604166666666665vw; background-image: url(/local/templates/rattanplanet/images/select_address_wr.svg); background-size: cover; content: ""; } .itc-select__dropdown{ top: 4.6vw!important; max-height: 9vw!important; border-radius: 16px!important; border: 1px solid #95AB63!important; } .detail_property .itc-select__options{ padding-left: 0; margin-top: 0; } .detail_property .itc-select__option{ padding: 0 1vw; height: 2.76vw; display: flex; justify-content: space-between; align-items: center; font-size: 1vw; margin-top: 0; color: #7F9E6E; font-style: normal; font-weight: 700; text-transform: uppercase; padding-left: 1.3166666666666667vw; } .detail_property .itc-select__dropdown .itc-select__option:hover{ background-color: #efefef; } .detail_property .itc-select__option_selected{background-color: #efefef;} .product_detail_btns{ justify-content: space-between; } .qnt_cont{ position: relative; border: 1px solid #95AB63; background: #F7FCF5; border-radius: 16px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; width: 10.520833333333334vw; padding: .25vw .5vw; } .qnt_cont a{ width: 2.604166666666667vw; height: 2.604166666666667vw; background: #DADBDB; display: flex; align-items: center; justify-content: center; border-radius: 16px; overflow: hidden; } .qnt_cont svg { width: 0.8854166666666666vw; height: 0.8854166666666666vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .qnt_cont a:hover{ background: #95AB63; } .qnt_cont a:hover svg path{ fill: #fff;; } .qnt_cont input { font-weight: 600; border: none; width: 40%; text-align: center; color: #225378; line-height: 1; font-size: 1.2vw; background: transparent; } .product_detail_btns .btn{ position: relative; width: 20.78125vw; height: 3.125vw; display: flex; align-items: center; justify-content: center; background: #225378; border-radius: 16px; box-shadow: 0px 4px 4px 0px #00000040; color: #fff; font-size: 1vw; text-transform: uppercase; line-height: 1; font-weight: 600; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; text-decoration: none; } .product_detail_btns .btn:hover{ background: #173952; } .catalog_element_content_tabs{ position: relative; border-radius: 16px; border: 1px solid #95AB63; background: #E9F1E1; box-shadow: 0px 4px 4px 0px #00000024; padding: 0.6770833333333334vw; min-height: 20.78125vw; width: 100%; margin-top: 3vw; } .catalog_element_tabs_panels{ display: flex; align-items: center; width: 100%; height: 3.3854166666666665vw; border-radius: 16px; background: #95AB63; overflow: hidden; justify-content: space-between; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .catalog_element_tabs_panel{ cursor: pointer; background: #ffffff; color: #225378; font-size: 1.25vw; font-style: normal; font-weight: 700; line-height: 1; width: 33.33%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; position: relative; overflow: hidden; } .catalog_element_tabs_panel:hover, .catalog_element_tabs_panel.active{ background: #225378; color: #FFF; } .catalog_element_tabs_content{ position: relative; color: #171717; font-size: 1.1458333333333333vw; font-style: normal; font-weight: 500; line-height: 1; padding-top: 2vw; padding-left: 4vw; padding-right: 4vw; min-height: 16.875vw; padding-bottom: 2.2916666666666665vw; overflow: hidden; } .catalog_element_tabs_content_item{ display: none; } .catalog_element_tabs_content_item.active{ display: block; } .top_banner{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 16.979166666666668vw; } .top_banner .container{ width: 100%; height: 100%; align-items: center; justify-content: space-between; } .top_banner_wrap{ margin-top: -2vw; } .top_banner .brandscubs_item span, .top_banner .brandscubs_item::after{ color: #fff; font-size: 0.8333333333333334vw; } .top_banner h1{ font-size: 2.5vw; font-weight: 900; line-height: 1; text-transform: uppercase; margin-bottom: 0; color: #fff; } .top_banner .socials{ flex-direction: column; margin-top: -2vw; } .catalog_page{ position: relative; margin-top: -2.5vw; } .catalog_page .container{ position: relative; background: #fff; border-radius: 16px; justify-content: space-between; } .catalog_page .col-3, .catalog_page .col-9{ padding-left: 0; padding-right: 0; } .catalog_page .col-3{ flex: auto; max-width: max-content; } .catalog_aside{ position: relative; width: 19vw; overflow: hidden; border-radius: 16px; background: #E3EADF; } .catalog_aside_menu{ position: relative; border-radius: 16px; justify-content: space-between; padding: 1.3020833333333335vw 0.6770833333333334vw; background: #fff; margin: 0.4166666666666667vw; display: flex; flex-direction: column; } .catalog_aside_menu .title{ text-transform: uppercase; font-size: 1.25vw; font-style: normal; font-weight: 700; margin-bottom: 1vw; color: #000; } .catalog_aside_menu .title span{ color: #7F9E6E; } .catalog_aside_menu_items{ gap: 0.2vw 0; display: flex; flex-direction: column; } .catalog_aside_menu_items .menu_item{ width: 100%; height: 2.1875vw; border-radius: 16px; justify-content: space-between; overflow: hidden; text-decoration: none; align-items: center; cursor: pointer; padding: 0.46875vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .catalog_aside_menu_items .menu_item:hover, .catalog_aside_menu_items .menu_item.active{ background: #95AB63; } .catalog_aside_menu_items .menu_item .custom-checkbox+label{ line-height: 1; font-weight: 700; font-style: normal; color: #000; text-transform: uppercase; font-size: 1vw; display: flex; justify-content: space-between; height: 1.4583333333333333vw; align-items: center; } .catalog_aside_menu_items .menu_item:hover .custom-checkbox+label, .catalog_aside_menu_items .menu_item.active .custom-checkbox+label{ color: #fff; } .catalog_aside_menu_items .menu_item .checkbox .custom-checkbox+label::before{ content: ""; width: 1vw; height: 1vw; border: 1px solid #95AB63; border-radius: 60%; background: #E7EBE5; margin-right: 1.1979166666666667vw; display: flex; } .catalog_aside_menu_items .menu_item:hover .checkbox .custom-checkbox+label::before, .catalog_aside_menu_items .menu_item.active .checkbox .custom-checkbox+label::before{ background: #FFFFFF; } .catalog_aside_menu_items .menu_item .checkbox .custom-checkbox:checked+label::before{ background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(/local/templates/rattanplanet/images/menu_item_check.svg); } .catalog_aside_menu .btn, .bx_filter_popup_result a{ background: #7F9E6E; border: 2px solid #7F9E6E; color: #fff; border-radius: 16px; font-size: 1vw; width: 100%; height: 2.7604166666666665vw; padding: 0 .5vw; display: flex; justify-content: center; align-items: center; letter-spacing: 0.08px; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; text-transform: uppercase; font-weight: 600; opacity: .7; text-decoration: none; } .bx_filter_popup_result a, .bx_filter_popup_result div{ margin-bottom: .5vw; } .catalog_aside_menu .btn-del{ background: #bcbcbc; border: 2px solid #a4a0a0; } .catalog_aside_menu .btn:hover, .bx_filter_popup_result a:hover{ opacity: 1; } .bx_filter_popup_result{ line-height: 1; font-style: normal; color: #000; font-size: 0.8333333333333334vw; } .catalog_aside_menu_items .menu_item .name{ line-height: 1; font-weight: 700; font-style: normal; color: #000; text-transform: uppercase; font-size: 1vw; display: flex; justify-content: space-between; height: 1.4583333333333333vw; align-items: center; } .catalog_aside_menu_items .menu_item:hover .name, .catalog_aside_menu_items .menu_item.active .name{ color: #fff; } .catalog_aside_menu_items .menu_item .name::before{ content: ""; width: 1vw; height: 1vw; border: 1px solid #95AB63; border-radius: 60%; background: #E7EBE5; margin-right: 1.1979166666666667vw; } .catalog_aside_menu_items .menu_item:hover .name::before, .catalog_aside_menu_items .menu_item.active .name::before{ background: #FFFFFF; } .catalog_aside_menu_items .menu_item.active .name::after{ content: ""; position: absolute; left: 1.3vw; width: 0.6770833333333334vw; height: 0.5208333333333333vw; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(/local/templates/rattanplanet/images/menu_item_check.svg); } .catalog_aside_menu_items .menu_item .count{ background: #C6D6BE; border-radius: 16px; color: #fff; line-height: 1; font-weight: 700; font-style: normal; font-size: 0.8333333333333334vw; width: 2.4479166666666665vw; height: 1.4583333333333333vw; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } .catalog_aside_menu_items .menu_item:hover .count, .catalog_aside_menu_items .menu_item.active .count{ color: #4B4B4B; } .catalog_page_content.col-9{ padding: 1.5vw; flex: auto; max-width: 76.3%; } .catalog_page .section_text{ position: relative; margin: 2vw 0; line-height: 1; font-weight: 500; font-style: normal; font-size: 1vw; } .catalog_page .section_list{ gap: 1.25vw 0vw; } .catalog_page .product{ width: 19.453125vw; } .navigation{ position: relative; display: flex; align-items: center; height: 3.229166666666667vw; gap: 0 1vw; justify-content: center; margin-top: 4vw; } .navigation > .prev, .navigation > .next{ position: relative; display: flex; justify-content: center; align-items: center; width: 3.229166666666667vw; height: 3.229166666666667vw; border-radius: 1.3020833333333335vw; background: #EEEEEE; margin-top: 0; flex-shrink: 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; } .navigation > .prev:hover, .navigation > .next:hover{ background: #0567A1; } .navigation > div svg{ width: 1.40625vw; height: 1.40625vw; } .pagination-items{ position: relative; display: flex; align-items: center; border: 1px solid #95AB63; border-radius: 23px; padding: 0.4166666666666667vw 1vw; gap: 0 .5vw; height: 100%; } .pagination-items a{ position: relative; width: auto; padding: 0 0.6770833333333334vw; height: 1.875vw; display: flex; align-items: center; justify-content: center; border-radius: 60%; color: #A8A8A8; line-height: 1; font-weight: 700; font-style: normal; font-size: 0.8333333333333334vw; text-decoration: none; background: #fff; } .pagination-items a:hover{ background: #95AB63; text-decoration: none; color: #fff; } .catalog_page.section_page .section_list{ gap: 1.25vw; } .catalog_page.section_page .section_list .services_item{ width: 25vw; } .manufacture_item{ position: relative; display: flex; margin-bottom: 4vw; justify-content: space-between; } .manufacture_item:last-child{ margin-bottom: 0; } .manufacture_item:nth-child(2n){ flex-direction: row-reverse; } .manufacture_item .text{ font-size: 1.1458333333333333vw; font-weight: 600; line-height: 1; padding-top: 3vw; padding-right: 6vw; } .manufacture_item:nth-child(2n) .text{ padding-left: 6vw; color: #597847; padding-right: 0; } .manufacture_item .photo{ width: 540px; height: auto; overflow: hidden; padding: 8px; border-radius: 16px; flex-shrink: 0; box-shadow: 0px 8px 5px 0px #0000001A; background: #E3EADF; } .manufacture_item .photo img{ max-width: 100%; max-height: 100%; border-radius: 16px; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; object-fit: cover; } .page_photo_item{ position: relative; width: 100%; height: 17.864583333333332vw; cursor: pointer; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; margin-bottom: 2vw; } .page_photo_item .photo{ width: 100%; height: 100%; display: flex; border-radius: 16px; overflow: hidden; justify-content: center; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; object-fit: cover; } .page_photo_item .photo::before{ content: ""; position: absolute; border: 2px solid #ffffff; border-radius: 16px; width: 85%; height: 90%; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s linear 0.3s; -o-transition: opacity 0.3s, visibility 0s linear 0.3s; -moz-transition: opacity 0.3s, visibility 0s linear 0.3s; transition: opacity 0.3s, visibility 0s linear 0.3s; } .page_photo_item:hover .photo::before{ opacity: 1; } .advantages_photo{ padding-top: 0; } .catalog_element_tabs_content_item table{position: relative;} .catalog_element_tabs_content_item table thead{margin-bottom: 0.5vw;} .catalog_element_tabs_content_item table thead tr{background: #95ab63;} .catalog_element_tabs_content_item table thead tr td{font-size: 1.15vw;font-weight: 600;color:#fff;} .catalog_element_tabs_content_item table tr{border: 1px solid #000;margin-bottom: 0.5vw;align-items: center;border-radius: 5px;padding: 0.8vw 1.5vw;display: flex;flex-wrap: wrap;justify-content: space-between;text-decoration: none;transition: .5s;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;} .catalog_element_tabs_content_item table td{color:#000;font-size: 1.3vw;width: 30%;text-align: center;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} .catalog_element_tabs_content_item table td:nth-child(2), .catalog_element_tabs_content_item table td:nth-child(3){width: 18%;} .catalog_element_tabs_content_item table td:nth-child(4){width: 15%;} .photo_row{ justify-content: space-between; margin-bottom: 2vw; } .photo_row h1{margin-bottom: 0;} .submenu{ display: flex; align-items: center; justify-content: center; gap: 0 1.5vw; } .submenu a{ height: 100%; color: #225378; display: flex; align-items: center; text-transform: uppercase; line-height: 1; font-weight: 700; font-size: 0.9vw; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; } /* End */ /* /local/templates/rattanplanet/css/app.css?174963152110188 */ /* /local/templates/rattanplanet/css/animation.css?174457803412888 */ /* /local/templates/rattanplanet/css/grid.css?17473269127775 */ /* /local/templates/rattanplanet/css/swiper-bundle.min.css?174457803417907 */ /* /local/templates/rattanplanet/css/aos.css?174457803425998 */ /* /local/templates/rattanplanet/css/intlTelInput.css?174457803427961 */ /* /local/templates/rattanplanet/css/jquery-ui.css?17445780347218 */ /* /local/templates/rattanplanet/css/lightbox.min.css?17469746802532 */ /* /local/templates/rattanplanet/css/itc-custom-select.css?17445780341779 */ /* /local/templates/rattanplanet/template_styles.css?176363761661008 */