/* ------------------------------------------- Name: Liberte Date: 2021/12/24 --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--azure); transform-origin: center center; } html { overflow-x: hidden; overflow-y: scroll; width: 100%; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { width: 100%; min-height: 100%; background: var(--white); font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #ffffff; --porcelain: #f8f8f8; --seashell: #f1f1f1; --mercury: #e4e4e4; --alto: #d2d2d2; --silver: #cccccc; --hurricane: #ababab; --chalice: #9e9e9e; --dusty: #959595; --boulder: #777777; --gray: #6a6a6a; --tundora: #444444; --dune: #333333; --shaft: #222222; --black: #000000; --wine: #cc0000; --kreo: #d40000; --red: #fc0000; --maid: #feefef; --ebb: #eeeaea; --bride: #fff6f5; --salmon: #ff6245; --orange: #ff5500; --fire: #ffa500; --cream: #ffdfa1; --colonial: #ffeebc; --sun: #ffde06; --shine: #fff301; --wood: #5c991b; --leaf: #7cb342; --panache: #f8fbf6; --lime: #0abd06; --emerald: #287d3c; --mint: #edf9f0; --neon: #10db55; --whatsapp: #25d366; --orient: #036487; --glacier: #78acc3; --casal: #355b6c; --astro: #013c57; --teal: #054664; --orient: #03608b; --calypso: #2b617a; --seagull: #88cded; --azure: #129bdb; --ness: #007cb7; --bali: #8ca1ab; --bismark: #4c7183; --pickle: #060707; --space: #2b3134; --loblo: #bcc8ce; --dove: #78909c; --aqua: #0daeff; --hit: #9aa9b1; --tropical: #cee8fa; --twitter: #55acee; --catalina: #08416e; --chambray: #2d527c; --oslo: #858c94; --havelock: #4a90e2; --coal: #163860; --ice: #e9f3ff; --dark: #2c4058; --pattens: #d3e7ff; --sea: #1473e6; --calm: #eff6ff; --catskill: #f6f8fb; --made: #0e3064; --messenger: #448aff; --water: #f1f5fc; --ribbon: #0b5fff; --science: #054fde; --athens: #f5f6f8; --facebook: #4267b2; --nevada: #55575c; --regent: #85878d; --cod: #171922; --viber: #7b519d; --cherry: #990f3d; } :root { --arial: Arial, Kufi, Helvetica, sans-serif; --portada: Portada, Kufi, Arial, Helvetica, sans-serif; --serif: The_Serif, Portada, Kufi, Arial, Helvetica, sans-serif; --serif_caps: The_Serif_Caps, The_Serif, Portada, Kufi, Arial, Helvetica, sans-serif; --hacen: Portada, Hacen, Kufi, Arial, Helvetica, sans-serif; --s12_16: 12px; --s12_18: 12px; --s14_15: 14px; --s14_18: 14px; --s15: 15px; --s15_16: 15px; --s15_20: 15px; --s16_15: 16px; --s16_18: 16px; --s18: 18px; --s18_14: 18px; --s18_24: 18px; --s18_25: 18px; --s20: 20px; --s20_18: 20px; --s20_24: 20px; --s20_25: 20px; --s20_30: 20px; --s25: 25px; --s25_30: 25px; --s25_35: 25px; --s25_40: 25px; --s30: 30px; --s30_35: 30px; --s30_25: 30px; } .theme-rtl, [dir="rtl"] { --arial: Kufi, Arial, Helvetica, sans-serif; --portada: Kufi, Portada, Arial, Helvetica, sans-serif; --serif: Kufi, The_Serif, Portada, Arial, Helvetica, sans-serif; --serif_caps: Kufi, The_Serif_Caps, The_Serif, Portada, Arial, Helvetica, sans-serif; --hacen: Hacen, Kufi, Portada, Arial, Helvetica, sans-serif; --s12_16: 16px; --s12_18: 18px; --s14_15: 15px; --s14_18: 18px; --s15: 20px; --s15_16: 16px; --s15_20: 20px; --s16_15: 15px; --s16_18: 18px; --s18: 16px; --s18_14: 14px; --s18_24: 24px; --s18_25: 25px; --s20: 24px; --s20_18: 18px; --s20_24: 24px; --s20_25: 25px; --s20_30: 30px; --s25: 30px; --s25_30: 30px; --s25_35: 35px; --s25_40: 40px; --s30: 40px; --s30_35: 35px; --s30_25: 25px; } .theme-rtl, [dir="rtl"] { font-family: var(--portada); line-height: 1.8;} /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--coal); font-family: var(--portada); line-height: 1.5; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 30px; } h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; font-weight: 600; font-size: 25px; line-height: 1.12; } h1, .h1 { font-size: 50px; line-height: 1; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; position: relative; z-index: 2; color: var(--dove); font-family: var(--arial); font-weight: 400; font-size: 15px; text-transform: uppercase; text-decoration: none; } [data-whatintent="mouse"] h1 a.small:hover, [data-whatintent="mouse"] h2 a.small:hover, [data-whatintent="mouse"] h3 a.small:hover, [data-whatintent="mouse"] h4 a.small:hover, [data-whatintent="mouse"] h5 a.small:hover, [data-whatintent="mouse"] h6 a.small:hover { color: var(--chambray); } h1 .small .icon-chevron-down, h2 .small .icon-chevron-down, h3 .small .icon-chevron-down, h4 .small .icon-chevron-down, h5 .small .icon-chevron-down, h6 .small .icon-chevron-down { position: relative; top: -3px; margin-right: 6px; color: var(--astro); font-size: 5px; } .toggle h1 .small .icon-chevron-down:before, .toggle h2 .small .icon-chevron-down:before, .toggle h3 .small .icon-chevron-down:before, .toggle h4 .small .icon-chevron-down:before, .toggle h5 .small .icon-chevron-down:before, .toggle h6 .small .icon-chevron-down:before { content: "\e928"; } h1 .small.text-right, h2 .small.text-right, h3 .small.text-right, h4 .small.text-right, h5 .small.text-right, h6 .small.text-right { float: right; margin: 0; } a { background: none; color: var(--azure); text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, .module-users a, #footer a, #up .list-tags a:before, .module-alert a, .list-news-box-featured a, .list-inline a, #root .list-social.compact i, .form-aside > * > .s12:first-child a, .module-static > footer a, .theme-compact #root #nav > ul li.active a, .module-error a, .form-login a, .list-border a, .list-comments footer ul li a, #root .list-comments footer ul li a.overlay-wine { color: inherit; } ul, ol, dd, blockquote { padding-left: 45px; } ul { list-style: none; } li { position: relative; z-index: 2; } ul li:after { content: ""; display: block; position: absolute; left: -20px; top: 11px; width: 10px; height: 10px; border-radius: 9px; background: var(--sun); } [dir="rtl"] ul, [dir="rtl"] ol, [dir="rtl"] dd, [dir="rtl"] blockquote { padding-left: 0; padding-right: 45px; } [dir="rtl"] ul li:after { left: auto; right: -20px; } /*! Mixins --------- */ /* cl:b */ .module-offset:after, .list-news.cols:after, .list-news.featured:after, .module-single h1 a:before, .module-single h2 a:before, .module-single h3 a:before, .module-single h4 a:before, .module-single h5 a:before, .module-single h6 a:before, .list-slider-main li:after, .list-news.article:after, #main > section .cols:after, .list-news-box:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, form p:after { content: ""; display: block; overflow: hidden; position: relative; left: 0; top: 0; clear: both; width: auto; height: auto; } /* fill */ .cols-a > header:first-child figure:before, .cols-a.c:before, .form-small:before, .list-main:after, .icon-premium:after, .list-news:after, #root > .close-comments.a:before, #root > .close-comments.a, .scheme-alert:before, #comments .form-comment .submit:before, .popup-a.fullscreen .list-slider-main li:before, .list-border:before, .list-price li:before, .form-comment:before, .link-btn.box:before, .scheme-outline:before, .form-aside:before, .module-image a:before, .module-image > figure:before, .list-gallery li:before, .list-gallery a:before, .list-slider-main li a.has-desc:after, .header-border span:before, .module-single .link-btn:before, .module-single h1 a:before, .module-single h2 a:before, .module-single h3 a:before, .module-single h4 a:before, .module-single h5 a:before, .module-single h6 a:before, .list-slider-main + .link-btn:before, .module-comments .link-btn:before, .cols-a.b:before, .list-slider-main h1 a:before, .list-slider-main h2 a:before, .list-slider-main h3 a:before, .list-slider-main h4 a:before, .list-slider-main h5 a:before, .list-slider-main h6 a:before, .list-slider-main i:after, .header-border:before, .form-search > header:before, .form-search > p:before, .form-search > div:before, .form-search > header:before, .form-search:before, .module-profile:before, .list-main h1 a:before, .list-main h2 a:before, .list-main h3 a:before, .list-main h4 a:before, .list-main h5 a:before, .list-main h6 a:before, .list-main li:before, .module-offset.limit .module-box:after, .module-box:before, aside figure:before, #nav > ul.is-slider:before, .module-weather p a:before, #nav .list-lang + .list-social:before, #nav .list-social + .list-lang:before, #footer > nav > ul:before, .cols-a.a:before, .list-news a:after, .list-news:before, .list-news li:before, .list-news-box:before, .list-news-box a:before, .list-news-box li:before, .list-news-box img, .list-social li:before, .module-comments .list-tags:before, .module-comments:before, h1 .small.text-right:before, h2 .small.text-right:before, h3 .small.text-right:before, h4 .small.text-right:before, h5 .small.text-right:before, h6 .small.text-right:before, .list-compact li.link-btn a:before, .list-compact li:before, .module-related:before, figure i:after, q:before, .image-box:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ .theme-thin #footer:before, .theme-compact #footer:before, .theme-compact #top:after, .module-mobile-overlay:before, .module-alert:before, #nav:before, #top:before, #footer > div:before, .module-footer:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 120vw; margin: 0 0 0 -60vw; } /* icon */ #root > .close-comments.b:before, #comments:before, .scheme-profile:before, .popup-a.module-error .box-inset:before, .popup-a .box-inset > .close:before, .link-input-show:before, .list-slider-main a.pop:before, .list-slider-main li a:before, .module-alert p .close:before, .popup-a.module-error .box-inset:before, .owl-nav button:before, #main form button:before, #logo:before, #footer > nav > ul a:before, #footer > nav:before, .module-footer:after, q:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .module-image a:before, .list-gallery a:before, .module-single h1 a:before, .module-single h2 a:before, .module-single h3 a:before, .module-single h4 a:before, .module-single h5 a:before, .module-single h6 a:before, .list-slider-main h1 a:before, .list-slider-main h2 a:before, .list-slider-main h3 a:before, .list-slider-main h4 a:before, .list-slider-main h5 a:before, .list-slider-main h6 a:before, .list-main h1 a:before, .list-main h2 a:before, .list-main h3 a:before, .list-main h4 a:before, .list-main h5 a:before, .list-main h6 a:before, .module-weather p a:before, .list-news a:after, .list-news:before, .list-news-box a:before, .list-compact li.link-btn a:before { z-index: 8; } /* tr:c * { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* tr:y */ .scheme-profile img, .module-weather figure, .list-social .icon-attachment ~ span { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:x * { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* tr:n */ .comments-active #comments, .popup-a.shown .box-inset { -webkit-transform: none; transform: none; } /* show */ .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after, .comments-active #root > .close-comments.a { visibility: visible; opacity: 1; } /* hide */ #nav > ul.is-slider .owl-nav button.disabled, #nav > ul.is-slider.last:before, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } /* i:wi */ .list-slider-main img, .list-main figure img, .list-news-box-featured img, .list-news img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:bg */ .list-news-box img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* cu:d */ #nav > ul > li.active > a, .module-poll .check input[type="radio"]:checked ~ label, .check input[type="radio"]:checked ~ label:before, .active *, [disabled], .disabled { cursor: default; } /* td:u */ [data-whatintent="mouse"] .list-border a:hover, [data-whatintent="mouse"] .module-static > footer a:hover, .form-aside a.s12 { text-decoration: underline; } /* td:n */ .list-comments footer ul li a, .list-border a, .module-static > footer a, .list-comments header ul a, [data-whatintent="mouse"] .form-aside a.s12:hover, .list-inline a, .module-alert a, #footer a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .module-users a, [data-whatintent="mouse"] a:hover { text-decoration: none; } /*! Layout --------- */ #root { position: relative; width: 100%; min-height: 100vh; padding: 208px 0 0; } #top { position: fixed; left: 50%; top: 0; z-index: 100000 !important; width: 1298px; height: 208px; margin: 0 0 0 -649px; } .content-in-view #top { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .content-in-view.scrolled-up #top, .content-in-view.search-active #top, .content-in-view.sub-active #top { -webkit-transform: none; transform: none; } #top:before { border-top: 42px solid var(--astro); border-bottom: 1px solid var(--chambray); background: var(--white); } #logo { display: block; position: absolute; left: 50%; top: 42px; bottom: 60px; z-index: 8; width: 180px; margin: 0 0 0 -90px; } /*#logo:before { content: "\e919"; margin-top: -35px; font-size: 70px; line-height: 70px; }*/ #logo a { display: block; overflow: hidden; position: relative; z-index: 9; width: 100%; height: 100%; text-indent: -3000em; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 65px; padding: 0 256px 0 0; } #nav:before { border-top: 1px solid var(--mercury); } #nav > ul { position: relative; z-index: 2; list-style: none; width: 100%; margin: 0 -20px 0 0; padding: 0; font-family: var(--serif); font-weight: 600;} #nav > ul > li, #nav > ul.is-slider li { position: relative; z-index: 2; margin: 0 20px 0 0; border: 0 solid rgba(0,0,0,0); font-size: 22px; } #nav > ul > li > a, #nav > ul.is-slider li a { display: block; height: 100%; color: var(--astro); text-decoration: none; white-space: nowrap; cursor: pointer; } #nav > ul.is-slider { display: block; width: 100%; margin-right: 0; padding-right: 60px; } #nav > ul.is-slider li { margin: 0; } #nav > ul.is-slider .owl-nav button { display: block; position: absolute; top: 50%; z-index: 9; width: 30px; height: 60px; margin-top: -30px; background: none; } #nav > ul.is-slider .owl-nav button.owl-prev { left: auto; right: -20px; } #nav > ul.is-slider .owl-nav button.owl-next, #nav > ul.is-slider.last .owl-nav button.owl-prev { right: -50px; } #nav > ul.is-slider:before { left: auto; right: 0; z-index: 7; width: 120px; } #nav > ul.is-slider:before { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); } #nav > ul .owl-dots { visibility: hidden; position: absolute; left: 0; bottom: 0; z-index: 9; opacity: 0; } #nav > div { position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; height: 100%; } #nav .list-social { margin-right: -20px; } #nav .list-social li { margin-right: 20px; margin-bottom: 0; } #nav .list-social i { color: var(--astro); font-size: 18px; line-height: 20px; } #nav .list-social .icon-facebook { font-size: 20px; } #nav .list-lang + .list-social, #nav .list-social + .list-lang { position: relative; margin-left: 48px; } #nav .list-lang + .list-social:before, #nav .list-social + .list-lang:before { left: -27px; top: 50%; bottom: auto; height: 24px; margin-top: -12px; border-left: 1px solid var(--alto); } #nav .list-lang { margin: 0 -15px 0 0; padding-top: 10px; font-weight: 700; } #nav .list-lang li { margin: 0 15px 0 0; font-size: 15px; } #nav .list-lang li:before { content: "/"; display: block; position: absolute; left: -15px; top: 0; width: 15px; color: var(--ness); font-weight: 700; text-align: center; } #nav .list-lang li.strong { display: block; position: absolute; right: 0; top: 0; color: var(--black); font-size: 10px; font-weight: 700; } #nav .list-lang a { color: var(--ness); font-size: 1em; text-transform: uppercase; } #up { display: block; position: absolute; left: 0; right: 0; top: 0; z-index: 9; height: 42px; color: var(--white); font-family: var(--arial); font-weight: 700; font-size: 15px; white-space: nowrap; } #up > ul { position: relative; z-index: 9; list-style: none; height: 100%; margin: 0 -30px 0 0; padding: 0; background: var(--astro); } #up > ul > li { position: relative; z-index: 2; margin: 0 30px 0 0; } #up > ul > li:before { content: ""; display: block; position: absolute; left: -15px; top: 50%; width: 1px; height: 15px; margin: -7.5px 0 0; background: var(--bismark); } #up > ul > li > a { display: block; color: inherit; font-weight: 700; line-height: 42px; text-decoration: none; } #up > ul > li > a i { display: block; margin-right: 10px; font-size: 16px; } #up > ul > li > ul { display: none; position: absolute; right: 0; top: 100%; list-style: none; width: 176px; margin: 0; padding: 6px 0 6px 14px; box-shadow: 0 4px 10px rgba(18,155,219,.25); background: var(--azure); line-height: 1.3333333333; } #up > ul > li > ul li { font-size: 15px; } #up > ul > li > ul li a { display: block; padding: 6px 14px 6px 0; border-top: 1px solid var(--aqua); color: var(--white); font-weight: 400; text-decoration: none; } [data-whatintent="mouse"] #root #up > ul > li > ul li a:hover { color: var(--astro); } #up .list-tags { display: block; overflow: hidden; z-index: 2; margin: 0; color: var(--white); font-size: 15px; font-family: var(--arial); font-weight: 400; line-height: 42px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; } #up .list-tags li { display: inline; margin: 0 12px 0 0; padding: 0; } #up .list-tags li.strong { color: var(--dove); font-size: 18px; font-family: var(--serif); font-weight: 700; } #up .list-tags a { display: inline; position: relative; top: -1px; margin: 0; padding: 0; border-radius: 0; border-radius: 0; border-width: 0; background: none; color: var(--white); font-size: 15px; font-weight: 400; font-family: var(--arial); line-height: 42px; text-transform: none; } #up .list-tags + ul { padding-left: 20px; } #main { display: block; position: absolute; left: 0; right: 0; top: 42px; bottom: 60px; z-index: 7; padding: 0 35px; } #main > ul { position: relative; z-index: 2; list-style: none; margin: 0 -30px 0 0; padding: 0; } #main > ul > li { margin-right: 30px; } #main > ul > li > a { display: block; position: relative; z-index: 2; height: 106px; color: var(--astro); line-height: 106px; text-decoration: none; } #main > ul > li > a i { display: block; position: relative; width: 100%; height: 105px; font-size: 30px; line-height: 106px; } #main > ul > li > a i:before { display: block; position: absolute; left: -10px; right: -10px; top: 0; text-align: center; } #main > ul > li > a i.icon-menu { width: 26px; font-size: 24px; } #main > ul > li > a i.icon-zoom { width: 28px; } .search-active #main > ul > li > a .icon-zoom:before, .sub-active #main > ul > li > a .icon-menu:before { content: "\e902"; color: var(--azure); font-size: 26px; } .search-active #main > ul > li > a .icon-zoom:after, .sub-active #main > ul > li > a .icon-menu:after { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 20px; height: 20px; margin: -10px 0 0 -10px; background: var(--orient); } .search-active #main > ul > li > a .icon-zoom:after, .sub-active #main > ul > li > a .icon-menu:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main > section { display: none; overflow-x: hidden; overflow-y: auto; position: absolute; left: -48px; right: -48px; top: 100%; z-index: 9; max-height: calc(100vh - 145px); margin-top: -3px; box-shadow: 5px 15px 20px rgba(191,220,255,.4); background: var(--white); font-family: var(--arial); line-height: 1.2; } #main form { background: var(--orient); color: var(--white); } #main form p { margin: 0; font-size: 22px; } #main form label { width: 195px; font-size: 1.0909090909em; font-weight: 700; text-align: right; } #main form input { width: calc(100% - 195px); height: 85px; padding: 0 100px 0 14px; border-width: 0; background: none; color: var(--white); font-size: 1em; font-family: inherit; } #main ::-webkit-input-placeholder { color: var(--glacier); opacity: 1; } #main :-ms-input-placeholder { color: var(--glacier); opacity: 1; } #main ::-ms-input-placeholder { color: var(--glacier); opacity: 1; } #main ::placeholder { color: var(--glacier); opacity: 1; } #main form button { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 126px; min-width: 0; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--white); text-align: left; text-indent: -3000em; direction: ltr; } #main form button:before { content: "\e901"; margin-top: -15px; font-size: 30px; line-height: 30px; } #main > section .cols { } #main > section .cols > * { position: relative; left: -25%; z-index: 2; float: left; width: 25%; padding: 24px 34px 34px; background: var(--astro); color: var(--white); } #main > section .cols > *:before { content: ""; display: block; position: absolute; left: -1px; top: 0; bottom: 0; width: 1px; background: var(--casal); } #main > section .cols > *:first-child, #main > section .cols > *:first-child + * { background: var(--white); color: var(--coal); } #main > section .cols > *:first-child { left: 75%; float: right; background: var(--catskill); } #main > section .cols > *:first-child > .desktop-hide:last-child { margin-bottom: -24px; } #main > section .cols ul { list-style: none; margin: 0; padding: 0; } #main > section .cols ul li { margin: 0 0 8px; font-size: 20px; } #main > section .cols ul li a { color: inherit; font-size: 1em; text-decoration: none; } #main > section .cols ul li a i { display: block; position: relative; top: 9px; width: 24px; margin: -10px 11px 0 0; color: var(--azure); line-height: 26px; text-align: center; } #main > section .cols ul li a i.icon-user-menu, #main > section .cols ul li a i.icon-camera { font-size: 18px; } #main > section .cols ul li a i.icon-camera:before { content: "\e93f"; } #main > section .cols ul li a i.icon-documents { font-size: 24px; } #root #main > section .cols ul li a i.icon-bookmark { color: var(--wine); font-size: 14px; } [data-whatintent="mouse"] #main > section .cols > .strong a:hover i { color: var(--astro); } #main > section .cols ul + ul { margin-top: 25px; padding-top: 24px; border-top: 1px solid var(--mercury); } #main > section .cols .list-tags { display: block; min-height: 320px; margin: 0 -34px 0; padding: 24px 34px; border-width: 0; background: var(--sun); color: var(--kreo); font-weight: 700; font-family: var(--serif); font-weight: 700; text-transform: uppercase; } #main > section .cols .list-tags li { margin-bottom: 16px; font-size: 20px; } #main > section .cols .list-tags li a { display: block; margin: 0 0 -8px; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--space); font-size: 20px; font-family: var(--arial); font-weight: 700; text-transform: none; } #root #main > section .cols .list-tags li a { color: var(--space); } #main > section .cols .list-tags li a:before, [data-whatintent="mouse"] #root #main > section .cols .list-tags li a:hover { color: var(--red); } #main > section .cols > * > .list-tags:first-child, #main > section .cols > * > .desktop-hide:first-child + .list-tags { margin-top: -24px; padding-top: 24px; } #main > section .cols .list-tags + ul { margin-top: 0; padding-top: 24px; border-top-width: 0; } #main > section .cols .list-lang, #main > section footer .list-lang { font-family: Hacen, Kufi, Arial, Helvetica, sans-serif; } #main > section .cols .list-lang li, #main > section footer .list-lang li { margin: 0 0 10px; color: var(--azure); font-size: 15px; } #main > section .cols .list-lang li a, #main > section footer .list-lang li a { display: block; margin-bottom: -6px; color: var(--astro); font-size: 20px; } #main > section footer { padding: 19px 30px 9px; border-top: 1px solid var(--mercury); color: var(--nevada); font-size: 15px; } #main > section footer ul { overflow: hidden; list-style: none; margin: 0 -20px 0 0; padding: 0; } #main > section footer ul li { margin-right: 20px; margin-bottom: 10px; } #main > section footer ul li:before { content: "|"; display: block; position: absolute; left: -20px; top: 0; width: 20px; text-align: center; } #main > section footer ul li a { color: inherit; text-decoration: none; } #main > section footer .list-social { margin-right: -18px; } #main > section footer .list-social li { margin-right: 18px; } #main > section footer .list-social li a { color: var(--astro); } #main > section footer .list-social li a i { color: inherit; font-size: 18px; line-height: 20px; } #main > section footer .list-social li a i.icon-facebook { font-size: 20px; } #main > a.close { display: block; visibility: hidden; position: absolute; left: -3000em; right: -3000em; top: calc(100% + 60px); height: 100vh; background: var(--pattens); opacity: 0; } .sub-active #main > a.close, .search-active #main > a.close { visibility: visible; opacity: .6; } #content, #footer { position: relative; z-index: 3; width: 100%; max-width: 1298px; margin: 0 auto; } #content { padding-top: 30px; } #content.w990, .theme-thin #content.w990, .theme-compact #content.w990 { width: 990px; } #content.w980, .theme-thin #content.w980, .theme-compact #content.w980 { width: 980px; } #footer { position: relative; z-index: 2; padding: 7px 0 36px; border: 0 solid rgba(0,0,0,0); color: var(--chalice); font-family: var(--arial); font-size: 14px; line-height: 1.1428571429; } #footer > * { position: relative; z-index: 2; } #footer > nav { padding-bottom: 10px; } #footer > nav > * { position: relative; z-index: 2; } #footer > nav > div { width: 610px; padding-left: 147px; } #footer > nav > ul { list-style: none; width: 316px; margin: -2px 0 0; padding: 1px 29px 0; } #footer > nav > ul:before { bottom: -30px; border: 0 solid var(--seashell); border-left-width: 1px; border-right-width: 1px; } #footer > nav > ul li { width: 50%; margin: 0 0 3px; font-size: 15px; } #footer > nav > ul a { display: block; position: relative; padding-left: 13px; } #footer > nav > ul a:before { content: "\e937"; right: auto; top: 6px; margin: 0; color: var(--oslo); font-size: 8px; line-height: 1; } #footer > nav:before { content: "\e91a"; right: auto; top: 6px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDEyMC44IDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjAuOCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZmZmfS5zdDJ7ZmlsbDojMTYxNjE1fTwvc3R5bGU+PHBhdGggZD0iTTEyMC4xIDBIMHY2LjloMTIwLjFWMHoiIHN0eWxlPSJmaWxsOiMxMjliZGIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtMy43IDQtLjEgMS40SC45di0uMUgxYy4xIDAgLjIgMCAuMi0uMWwuMS0uMVYxLjhjMC0uMS0uMS0uMS0uMS0uMSAwLS4xLS4xLS4xLS4yLS4xSC45di0uMWgxLjZ2LjFoLS4xYy0uMSAwLS4xIDAtLjIuMWwtLjEuMXYzLjRsLjEuMWguNmMuMSAwIC4zIDAgLjQtLjEuMS0uMi4yLS4zLjItLjUuMS0uMi4yLS40LjMtLjd6TTUuNCAxLjd2MS42aC4xYy4xIDAgLjIgMCAuMi0uMS4xIDAgLjEtLjEuMi0uMnMuMS0uNC4yLS42aC4xdjIuMWgtLjFjMC0uMiAwLS40LS4xLS42IDAtLjEtLjEtLjItLjItLjMtLjIgMC0uMy0uMS0uNC0uMVY1czAgLjEuMS4xLjEuMS4yIDBoLjJjLjEgMCAuMiAwIC40LS4xcy4yIDAgLjMgMGMuMi0uMi4zLS41LjQtLjhsLS4xIDEuMkg0LjN2LS4xaC4xYy4xIDAgLjEgMCAuMi0uMWwuMS0uMVYxLjljMC0uMSAwLS4xLS4xLS4yIDAgMC0uMSAwLS4xLS4xaC0uMnYtLjFoMi41djEuMmgtLjFjMC0uMi0uMS0uNC0uMi0uNiAwLS4yLS4yLS4zLS4zLS4zLS4yLS4xLS4zLS4xLS41LS4xaC0uM3pNOS4xIDUuNHYtLjFoLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjEtLjEtLjItLjFoLS4xdi0uMWgxLjRjLjMgMCAuNi4xLjkuMi4zLjIuNS40LjYuNy4xLjMuMi43LjIgMS4xIDAgLjMgMCAuNS0uMS44LS4xLjItLjEuNC0uMy42LS4xLjEtLjIuMy0uNC40LS4yLjEtLjMuMi0uNS4ySDkuMXptMS4xLTMuN3YzLjRzLjEuMS4yIDBjLjEgMCAuMiAwIC4zLS4xLjIuMS4zIDAgLjMtLjEuMi0uNC4zLS45LjMtMS40IDAtLjQgMC0uOC0uMi0xLjItLjEtLjItLjItLjQtLjQtLjUtLjEtLjEtLjMtLjEtLjUtLjF6TTEzLjggMy42djEuNWMwIC4xLjEuMS4xLjEuMSAwIC4yLjEuMyAwdi4xaC0xLjVjLjEgMCAuMiAwIC4zLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjItLjEtLjMgMHYtLjJoMS40Yy4zIDAgLjUgMCAuOC4xLjEuMS4zLjIuNC40LjEuMi4yLjQuMi42IDAgLjMtLjEuNS0uMi43LS4xLjEtLjMuMi0uNC4zbC43IDEuM2MuMS4xLjEuMi4yLjMuMS4xLjEuMS4yLjF2LjFoLTFsLTEtMS44aC0uMnptMC0xLjl2MS43aC4xYy4yIDAgLjMgMCAuNS0uMS4xLS4xLjItLjIuMi0uMy4xLS4yLjEtLjMuMS0uNXMwLS41LS4yLS43bC0uMi0uMmMtLjEgMC0uMi0uMS0uMyAwbC0uMi4xek0xNy45IDEuNGMuMiAwIC41IDAgLjcuMS4yLjEuNC4yLjUuNC4zLjQuNS45LjUgMS41IDAgLjUtLjEuOS0uMyAxLjMtLjEuMi0uMy40LS41LjYtLjIuMS0uNS4yLS43LjItLjMgMC0uNS0uMS0uNy0uMi0uNC0uMS0uNi0uMy0uNy0uNS0uMi0uNC0uNC0uOS0uNC0xLjMgMC0uNS4xLTEgLjUtMS41LjEtLjIuMy0uMy41LS40LjItLjEuNC0uMi42LS4yem0wIC4yYy0uMyAwLS41LjItLjYuNi0uMS40LS4yLjktLjIgMS4zIDAgLjUuMSAxIC4zIDEuNSAwIC4xLjEuMi4yLjIuMS4xLjIuMS4zLjEuMSAwIC4zIDAgLjQtLjEuMi0uMi4zLS40LjMtLjYuMS0uMy4xLS43LjEtMS4xIDAtLjQgMC0uOC0uMS0xLjIgMC0uMi0uMS0uNC0uMy0uNS0uMS0uMS0uMi0uMi0uNC0uMnpNMjEuNiA1LjN2LjFIMjB2LS4xaC4xYy4xIDAgLjIgMCAuMi0uMWwuMS0uMVYxLjhjMC0uMS0uMS0uMS0uMS0uMS0uMSAwLS4xLS4xLS4yLS4xSDIwdi0uMWgxLjZ2LjFoLS4xYy0uMSAwLS4xIDAtLjIuMWwtLjEuMXYzLjRjMCAuMS4xLjEuMS4xLjEgMCAuMS4xLjIuMWwuMS0uMXpNMjQuOSAxLjV2MS4xaC0uMWMwLS4yLS4xLS40LS4yLS41LS4xLS4xLS4xLS4yLS4yLS4zLS4xIDAtLjItLjEtLjMtLjFoLS4ydjMuNGMwIC4xLjEuMS4xLjEuMSAwIC4xLjEuMi4xaC4xdi4xaC0xLjZ2LS4xaC4xYy4xIDAgLjEgMCAuMi0uMWwuMS0uMVYxLjdoLS40Yy0uMSAwLS4xLjEtLjIuMS0uMS4yLS4yLjQtLjIuN2gtLjF2LTFoMi43ek0yNi44IDUuNHYtLjFoLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjEtLjEtLjItLjFoLS4xdi0uMWgxLjRjLjMgMCAuNi4xLjkuMi4zLjIuNS40LjYuNy4xLjMuMi43LjIgMS4xIDAgLjMgMCAuNS0uMS44LS4xLjItLjEuNC0uMy42LS4xLjEtLjIuMy0uNC40LS4yLjEtLjMuMi0uNS4ySDI2Ljh6TTI4IDEuN3YzLjRzMCAuMS4xLjFjMCAwIC4xLjEuMiAwIC4xIDAgLjIgMCAuMy0uMS4xLS4xLjItLjEuMi0uMi4yLS41LjMtLjkuMy0xLjQgMC0uNCAwLS44LS4yLTEuMi0uMS0uMi0uMi0uNC0uNC0uNS0uMi0uMS0uMy0uMS0uNS0uMXpNMzEuNiAxLjd2MS42aC4xYy4xIDAgLjIgMCAuMi0uMS4xIDAgLjEtLjEuMi0uMi4xLS4yLjItLjUuMi0uN2guMXYyLjFoLS4xYzAtLjIgMC0uNC0uMS0uNiAwLS4xLS4xLS4yLS4yLS4zLS4xLS4xLS4yLS4xLS4zLS4xdjEuNXMwIC4xLjEuMS4xLjEuMiAwYy4xIDAgLjIgMCAuNC0uMS4xIDAgLjItLjEuMy0uMi4yLS4yLjMtLjUuNC0uOGguMUwzMyA1LjRoLTIuNnYtLjFoLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xVjEuOWMwLS4xIDAtLjEtLjEtLjIgMCAwLS4xIDAtLjEtLjFoLS4ydi0uMUgzM3YxLjJoLS4xYzAtLjItLjEtLjQtLjItLjZsLS4zLS4zYy0uMiAwLS4zLS4xLS41LS4xaC0uM3pNMzcuMyAxLjR2MS4zaC0uMWMwLS4zLS4xLS42LS4zLS44LS4xLS4xLS4xLS4yLS4yLS4yLS4xLS4xLS4yLS4xLS4zLS4xaC0uMmMtLjEgMC0uMS4xLS4yLjEtLjEuMS0uMS4yLS4xLjR2LjJjLjEuMS4xLjIuMi4zLjIuMS4zLjIuNS4zLjMuMi41LjQuNy42LjEuMi4yLjQuMi43IDAgLjMtLjEuNi0uMy44LS4xLjEtLjMuMy0uNS4zLS4yLjEtLjQuMS0uNiAwLS4xIDAtLjItLjEtLjMtLjEtLjEgMC0uMS0uMS0uMi0uMSAwIDAtLjEgMC0uMS4xIDAgMC0uMS4xLS4xLjJoLS4xVjRoLjFjMCAuMy4yLjcuNCAxIC4xLjEuMi4yLjMuMi4xLjEuMi4xLjMuMWguMmMuMSAwIC4xLS4xLjItLjEuMi0uMi4yLS4zLjItLjUgMC0uMSAwLS4yLS4xLS4zIDAtLjEtLjEtLjItLjItLjItLjEtLjEtLjMtLjItLjQtLjMtLjItLjEtLjQtLjMtLjYtLjQtLjEtLjEtLjItLjMtLjMtLjQtLjEtLjItLjEtLjMtLjEtLjUgMC0uMy4xLS42LjMtLjguMS0uMS4yLS4yLjMtLjIuMS0uMS4yLS4xLjQtLjFoLjNjLjEgMCAuMi4xLjMuMS4xIDAgLjEuMS4yLjFoLjFjMC0uMSAwLS4yLjEtLjN6TTM5LjkgNC4zaC0xLjFsLS4xLjRjMCAuMS0uMS4yLS4xLjN2LjFzMCAuMS4xLjEuMi4xLjMuMXYuMWgtMXYtLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xLjMtLjYgMS4xLTMuMSAxLjEgMy4yYzAgLjIuMS40LjIuNmwuMS4xaC4xdi4xaC0xLjV2LS4xaC4xYy4xIDAgLjIgMCAuMi0uMVY0LjlzMC0uMS0uMS0uMnYtLjR6bS0uMS0uMi0uNS0xLjQtLjUgMS40aDF6TTQ0LjIgMS41di4xYy0uMSAwLS4xIDAtLjIuMS0uMSAwLS4xLjEtLjEuMS0uMS4yLS4yLjQtLjMuN2wtMSAzaC0uMWwtMS0zLjFjLS4xLS4yLS4xLS40LS4zLS43bC0uMS0uMUg0MXYtLjFoMS40di4xYy0uMSAwLS4yIDAtLjMuMVYycy4xLjIuMS40bC42IDIgLjYtMS43Yy4xLS4yLjEtLjQuMS0uNHYtLjRsLS4xLS4xYy0uMSAwLS4yLS4xLS4zIDB2LS4zaDEuMXpNNDYuMiAxLjRjLjIgMCAuNSAwIC43LjEuMi4xLjQuMi41LjQuMy40LjUuOS41IDEuNSAwIC41LS4xLjktLjMgMS4zLS4yLjMtLjQuNS0uNi42LS4yLjEtLjUuMi0uNy4yLS4zIDAtLjUtLjEtLjctLjItLjMtLjEtLjUtLjMtLjYtLjUtLjItLjQtLjQtLjktLjQtMS4zIDAtLjUuMS0xIC41LTEuNS4xLS4yLjMtLjMuNS0uNC4yLS4xLjQtLjIuNi0uMnptMCAuMmMtLjMgMC0uNS4yLS42LjYtLjEuNC0uMi45LS4yIDEuMyAwIC41LjEgMSAuMyAxLjUgMCAuMS4xLjIuMi4yLjEuMS4yLjEuMy4xLjEgMCAuMyAwIC40LS4xLjItLjIuMy0uNC4zLS42LjEtLjQuMS0uNy4xLTEuMSAwLS40IDAtLjgtLjEtMS4yIDAtLjItLjEtLjQtLjMtLjUtLjEtLjEtLjItLjItLjQtLjJ6TTQ5LjkgNS4zdi4xaC0xLjZ2LS4xaC4xYy4xIDAgLjEgMCAuMi0uMWwuMS0uMVYxLjhjMC0uMS0uMS0uMS0uMS0uMS0uMSAwLS4xLS4xLS4yLS4xaC0uMXYtLjFoMS42di4xaC0uMWMtLjEgMC0uMSAwLS4yLjFsLS4xLjF2My40YzAgLjEuMS4xLjEuMWguM3pNNTEuNSAzLjZ2MS41YzAgLjEuMS4xLjEuMS4xIDAgLjIuMS4zIDB2LjFoLTEuNWMuMSAwIC4yIDAgLjMtLjFsLjEtLjFWMS44YzAtLjEtLjEtLjEtLjEtLjEtLjEgMC0uMi0uMS0uMyAwdi0uMmgxLjRjLjMgMCAuNSAwIC44LjEuMi4xLjMuMi40LjQuMS4yLjIuNC4yLjYgMCAuMy0uMS41LS4yLjctLjEuMS0uMy4yLS40LjNsLjcgMS4zYy4xLjEuMS4yLjIuMy4xLjEuMS4xLjIuMXYuMWgtMWwtMS0xLjhoLS4yem0wLTEuOXYxLjdoLjFjLjIgMCAuMyAwIC41LS4xLjEtLjEuMi0uMi4yLS4zLjEtLjIuMS0uMy4xLS41czAtLjUtLjItLjdsLS4yLS4yYy0uMSAwLS4yLS4xLS4zIDBsLS4yLjF6TTU0LjEgNi41di0uMmMuMi0uMS4zLS4yLjQtLjQuMS0uMS4xLS4zLjEtLjV2LS4xSDU0LjNsLS4xLS4xYy0uMiAwLS4yLS4xLS4yLS4yczAtLjIuMS0uM2wuMS0uMWguMmMuMSAwIC4xIDAgLjIuMS4xIDAgLjEuMS4xLjEuMS4yLjEuMy4xLjUgMCAuMy0uMS41LS4yLjctLjEuMi0uMy40LS41LjV6TTU5LjcgNGwtLjEgMS40aC0yLjd2LS4xaC4xYy4xIDAgLjEgMCAuMi0uMWwuMS0uMVYxLjhjMC0uMS0uMS0uMS0uMS0uMS0uMSAwLS4xLS4xLS4yLS4xaC0uMXYtLjFoMS42di4xaC0uMWMtLjEgMC0uMSAwLS4yLjFsLS4xLjF2My4zYzAgLjEuMS4xLjEuMWguNmMuMSAwIC4zIDAgLjQtLjFsLjMtLjNjMC0uMyAwLS41LjItLjh6TTYxLjQgMS43djEuNmguMWMuMSAwIC4yIDAgLjItLjEuMSAwIC4xLS4xLjItLjIgMC0uMS4xLS40LjEtLjZoLjF2Mi4xSDYyYzAtLjIgMC0uNC0uMS0uNiAwLS4xLS4xLS4yLS4yLS4zLS4xLS4xLS4yLS4xLS4zLS4xVjVzMCAuMS4xLjEuMS4xLjIgMGguMmMuMSAwIC4yIDAgLjQtLjEuMSAwIC4yLS4xLjMtLjIuMi0uMi4zLS41LjQtLjhsLS4xIDEuMmgtMi42di4xaC4xYy4xIDAgLjEgMCAuMi0uMWwuMS0uMVYxLjljMC0uMSAwLS4xLS4xLS4ycy0uMS0uMS0uMi0uMWgtLjF2LS4xaDIuNXYxLjJoLS4xYzAtLjItLjEtLjQtLjItLjZsLS4zLS4zYy0uMiAwLS4zLS4xLS41LS4xaC0uM3pNNjUgNS40di0uMWguMWMuMSAwIC4xIDAgLjItLjFsLjEtLjFWMS44YzAtLjEtLjEtLjEtLjEtLjEtLjEgMC0uMS0uMS0uMi0uMUg2NXYtLjFoMS40Yy4zIDAgLjYuMS45LjIuMy4yLjUuNC42LjcuMS4zLjIuNy4yIDEuMSAwIC4zIDAgLjUtLjEuOC0uMS4yLS4xLjQtLjMuNi0uMS4xLS4yLjMtLjQuNC0uMi4xLS4zLjItLjUuMkg2NXptMS4yLTMuN3YzLjRzMCAuMS4xLjFjMCAwIC4xLjEuMiAwIC4xIDAgLjIgMCAuMy0uMS4xIDAgLjEtLjEuMi0uMi4yLS40LjMtLjkuMy0xLjQgMC0uNCAwLS44LS4yLTEuMi0uMS0uMi0uMi0uNC0uNC0uNS0uMi0uMS0uMy0uMS0uNS0uMXpNNjkuOCAxLjd2MS42aC4xYy4xIDAgLjIgMCAuMi0uMS4xIDAgLjEtLjEuMi0uMi4xLS4yLjItLjUuMi0uN2guMXYyLjFoLS4xYzAtLjIgMC0uNC0uMS0uNiAwLS4xLS4xLS4yLS4yLS4zLS4xLS4xLS4yLS4xLS4zLS4xdjEuNXMwIC4xLjEuMS4xLjEuMiAwaC4yYy4xIDAgLjIgMCAuNC0uMS4xIDAgLjItLjEuMy0uMi4yLS4yLjMtLjUuNC0uOGguMWwtLjEgMS4yaC0yLjZ2LjJoLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xVjEuOWMwLS4xIDAtLjEtLjEtLjJzLS4xLS4xLS4yLS4xaC0uMXYtLjFoMi41djEuMmgtLjFjLS4zLS4zLS4zLS41LS40LS43bC0uMy0uM2MtLjIgMC0uMy0uMS0uNS0uMWgtLjN6TTc1LjEgMS41di4xYy0uMSAwLS4xIDAtLjIuMS0uMSAwLS4xLjEtLjEuMS0uMS4yLS4yLjQtLjMuN2wtMSAzaC0uMWwtMS0zLjFjLS4xLS4yLS4xLS40LS4zLS43bC0uMS0uMWgtLjF2LS4xaDEuNHYuMWMtLjEgMC0uMiAwLS4zLjFWMnMuMS4yLjEuNGwuNiAyIC42LTEuN2MuMS0uMi4xLS40LjEtLjR2LS40bC0uMS0uMWMtLjEgMC0uMi0uMS0uMyAwdi0uM2gxLjF6TTc3LjEgMS40Yy4yIDAgLjUgMCAuNy4xcy40LjIuNS40Yy4zLjQuNS45LjUgMS41IDAgLjUtLjEuOS0uMyAxLjMtLjEuMi0uMy40LS41LjUtLjIuMS0uNS4yLS43LjItLjMgMC0uNS0uMS0uNy0uMi0uNCAwLS42LS4yLS44LS40LS4yLS40LS40LS45LS40LTEuMyAwLS41LjEtMSAuNS0xLjUuMS0uMi4zLS4zLjUtLjQuMi0uMS41LS4yLjctLjJ6bTAgLjJjLS4zIDAtLjUuMi0uNi41LS4xLjQtLjIuOS0uMiAxLjMgMCAuNS4xIDEgLjMgMS41IDAgLjEuMS4yLjIuMi4xLjEuMi4xLjMuMS4xIDAgLjMgMCAuNC0uMS4yLS4yLjMtLjQuMy0uNi4xLS4zLjEtLjcuMS0xLjEgMC0uNCAwLS44LS4xLTEuMiAwLS4yLS4xLS40LS4zLS41LS4xIDAtLjItLjEtLjQtLjF6TTgwLjggNS4zdi4xaC0xLjZ2LS4xaC4xYy4xIDAgLjIgMCAuMi0uMWwuMS0uMVYxLjhjMC0uMS0uMS0uMS0uMS0uMS0uMSAwLS4xLS4xLS4yLS4xaC0uMXYtLjFoMS42di4xaC0uMWMtLjEgMC0uMSAwLS4yLjFsLS4xLjF2My40YzAgLjEuMS4xLjEuMS4xIDAgLjEuMS4yLjFsLjEtLjF6TTgyLjQgMy42djEuNWMwIC4xLjEuMS4xLjEuMSAwIC4yLjEuMyAwdi4xaC0xLjVjLjEgMCAuMiAwIC4zLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjItLjEtLjMgMHYtLjJoMS40Yy4zIDAgLjUgMCAuOC4xLjIuMS4zLjIuNC40LjEuMS4xLjQuMS42IDAgLjMtLjEuNS0uMi43LS4xLjEtLjMuMi0uNC4zbC43IDEuM2MuMS4xLjEuMi4yLjMuMS4xLjEuMS4yLjF2LjFoLTFsLTEtMS44aC0uMXptMC0xLjl2MS43aC4xYy4yIDAgLjMgMCAuNS0uMS4xLS4xLjItLjIuMi0uMy4xLS4yLjEtLjMuMS0uNXMwLS41LS4yLS43bC0uMi0uMmMtLjEgMC0uMi0uMS0uMyAwbC0uMi4xek04Ni4zIDUuNHYtLjFoLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjEtLjEtLjItLjFoLS4xdi0uMWgxLjRjLjMgMCAuNi4xLjkuMi4zLjIuNS40LjYuNy4yLjYuMyAxLjIuMSAxLjgtLjEuMi0uMS40LS4zLjYtLjEuMS0uMi4zLS40LjQtLjIuMS0uMy4yLS41LjJIODYuM3ptMS4yLTMuN3YzLjRjLjEgMCAuMS4xLjIgMCAuMSAwIC4yIDAgLjMtLjEuMS0uMS4yLS4xLjItLjIuMi0uNC4zLS45LjMtMS40IDAtLjQgMC0uOC0uMi0xLjItLjEtLjItLjItLjQtLjQtLjVoLS40ek05MC4zIDMuM3YtLjFjLjItLjEuMy0uMi40LS40LjEtLjEuMS0uMy4xLS41di0uMXMtLjEuMS0uMiAwaC0uMWwtLjEtLjFjLS4xLS4xLS4xLS4yLS4xLS4zIDAtLjEgMC0uMi4xLS4zbC4xLS4xaC4yYy4xIDAgLjEgMCAuMi4xLjEgMCAuMS4xLjEuMXYuNWMwIC4zLS4xLjUtLjIuNy0uMS4zLS4zLjQtLjUuNXpNOTMuMyA1LjN2LjFoLTEuNnYtLjFoLjFjLjEgMCAuMSAwIC4yLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjEtLjEtLjItLjFoLS4xdi0uMWgxLjZ2LjFoLS4xYy0uMSAwLS4xIDAtLjIuMWwtLjEuMXYzLjRjMCAuMS4xLjEuMS4xLjEgMCAuMS4xLjIuMWwuMS0uMXpNOTQuOCAxLjVsMS41IDIuNFYyLjJjMC0uMiAwLS4zLS4xLS41IDAtLjEtLjEtLjEtLjItLjFoLS4ydi0uMWgxdi4xYy0uMSAwLS4yIDAtLjMuMSAwIDAtLjEuMS0uMS4yVjUuNmgtLjFsLTItMy4zdjIuNWMwIC4yIDAgLjMuMS41bC4xLjFoLjJ2LjFoLTEuMXYtLjJoLjJjLjEgMCAuMS0uMS4yLS4xLjEtLjEuMS0uMy4xLS40VjJsLS4xLS4xYzAtLjEtLjEtLjEtLjItLjItLjEgMC0uMS0uMS0uMi0uMXYtLjFoMS4yek05OC41IDEuN3YxLjZoLjFjLjEgMCAuMiAwIC4zLS4xcy4yLS4yLjItLjNjLjEtLjIuMS0uMy4xLS41aC4xdjJoLS4xYzAtLjMtLjEtLjUtLjItLjctLjEtLjEtLjMtLjItLjQtLjJoLS4xdjEuNmMwIC4xLjEuMS4xLjEuMSAwIC4xLjEuMi4xaC4xdi4xaC0xLjZ2LS4xaC4xYy4xIDAgLjIgMCAuMi0uMWwuMS0uMVYxLjhjMC0uMS0uMS0uMS0uMS0uMS0uMSAwLS4xLS4xLS4yLS4xaC0uMXYtLjFoMi42djEuMWgtLjFjMC0uMi0uMS0uNC0uMi0uNi0uMS0uMS0uMi0uMi0uNC0uMy0uMiAwLS4zLS4xLS41IDBoLS4yek0xMDIuMSAxLjRjLjIgMCAuNSAwIC43LjEuMi4xLjQuMi41LjQuMy40LjUuOS40IDEuNSAwIC41LS4xLjktLjMgMS4zLS4xLjItLjMuNC0uNS41LS4yLjEtLjUuMi0uNy4yLS4zIDAtLjUtLjEtLjctLjItLjItLjEtLjQtLjMtLjUtLjUtLjItLjQtLjQtLjktLjQtMS4zIDAtLjUuMS0xIC41LTEuNS4xLS4yLjMtLjMuNS0uNCAwIDAgLjItLjEuNS0uMXptMCAuMmMtLjMgMC0uNS4yLS42LjUtLjEuNC0uMi45LS4yIDEuMyAwIC41LjEgMSAuMyAxLjUgMCAuMS4xLjIuMi4yLjEuMS4yLjEuMy4xLjEgMCAuMyAwIC40LS4xLjItLjIuMy0uNC4zLS42LjEtLjMuMS0uNy4xLTEuMSAwLS40IDAtLjgtLjEtMS4yIDAtLjItLjEtLjQtLjMtLjUtLjEgMC0uMy0uMS0uNC0uMXpNMTA1LjMgMy42djEuNWMwIC4xLjEuMS4xLjEuMSAwIC4yLjEuMyAwdi4xaC0xLjVjLjEgMCAuMiAwIC4zLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjItLjEtLjMgMHYtLjJoMS40Yy4zIDAgLjUgMCAuOC4xLjIuMS4zLjIuNC40LjEuMi4yLjQuMi42IDAgLjMtLjEuNS0uMi43LS4xLjEtLjMuMi0uNC4zbC43IDEuM2MuMS4xLjEuMi4yLjMuMS4xLjEuMS4yLjF2LjFoLS45bC0xLTEuOGgtLjN6bTAtMS45djEuN2guMWMuMiAwIC4zIDAgLjUtLjEuMS0uMS4yLS4xLjItLjMuMS0uMi4xLS4zLjEtLjVzMC0uNS0uMi0uN2wtLjItLjJjLS4xIDAtLjItLjEtLjMgMGwtLjIuMXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTA5LjkgNC4xLjgtMi42aDEuMnYuMWgtLjFjLS4xIDAtLjEgMC0uMi4xbC0uMS4xdjMuNGMwIC4xLjEuMS4xLjEuMSAwIC4xLjEuMi4xaC4xdi4xaC0xLjZ2LS4yaC4xYy4xIDAgLjIgMCAuMi0uMWwuMS0uMVYxLjhsLTEuMiAzLjZoLS4xbC0xLjItMy42djMuM2wuMS4xLjEuMWguMXYuMWgtMXYtLjFoLjJjLjEgMCAuMS0uMS4xLS4xIDAtLjEuMS0uMS4xLS4yVjEuN2MwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjEtLjEtLjItLjFoLS4xIDEuMmwxLjIgMi42ek0xMTMuNSAxLjd2MS42aC4xYy4xIDAgLjIgMCAuMi0uMS4xIDAgLjEtLjEuMi0uMi4xLS4yLjItLjUuMi0uN2guMXYyLjFoLS4xYzAtLjIgMC0uNC0uMS0uNiAwLS4xLS4xLS4yLS4yLS4zLS4xLS4xLS4yLS4xLS4zLS4xdjEuNXMwIC4xLjEuMS4xLjEuMiAwaC4yYy4xIDAgLjIgMCAuNC0uMS4xIDAgLjItLjEuMy0uMi4yLS4yLjMtLjUuNC0uOGguMWwtLjMgMS41aC0yLjZ2LS4xaC4xYy4xIDAgLjEgMCAuMi0uMWwuMS0uMVYxLjljMC0uMSAwLS4xLS4xLS4ycy0uMS0uMS0uMi0uMWgtLjF2LS4xaDIuNXYxLjJoLS4xYzAtLjItLjEtLjQtLjItLjZsLS4zLS4zYy0uMiAwLS4zLS4xLS41LS4xaC0uM3pNMTE2LjggMy42djEuNWMwIC4xLjEuMS4xLjEuMSAwIC4yLjEuMyAwdi4xaC0xLjVjLjEgMCAuMiAwIC4zLS4xbC4xLS4xVjEuOGMwLS4xLS4xLS4xLS4xLS4xLS4xIDAtLjItLjEtLjMgMHYtLjJoMS40Yy4zIDAgLjUgMCAuOC4xLjIuMS4zLjIuNC40LjEuMi4yLjQuMi42IDAgLjMtLjEuNS0uMi43LS4xLjEtLjMuMi0uNC4zbC43IDEuM2MuMS4xLjEuMi4yLjMuMS4xLjEuMS4yLjF2LjFoLTFsLTEtMS44aC0uMnptMC0xLjl2MS43aC4xYy4yIDAgLjMgMCAuNS0uMS4xLS4xLjItLjIuMi0uMy4xLS4yLjEtLjMuMS0uNXMwLS41LS4yLS43bC0uMi0uMmMtLjEgMC0uMi0uMS0uMyAwbC0uMi4xeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05LjcgNTUuM2MtMi42IDAtMi44LS43LTIuOC00LjdWMTYuNGMwLTIuNi4xLTMuNSAxLjUtMy41aDEuMlY5LjJIMHYzLjdoMS4xYzEuMyAwIDEuNS44IDEuNSAzLjV2MzUuNWMwIDIuNi0uMSAzLjQtMS41IDMuNEgwVjU5aDE2LjVsLjMtMTguN2gtMS4zYy0uNyA5LjQtMi4zIDE1LTUuOCAxNXpNMjQuOSA1MS44VjE2LjRjMC0yLjYuMS0zLjUgMS41LTMuNWgxLjFWOS4ySDE4djMuN2gxYzEuMyAwIDEuNS44IDEuNSAzLjV2MzUuNWMwIDIuNi0uMSAzLjQtMS41IDMuNGgtMS4xVjU5aDkuNXYtMy43aC0xLjFjLTEuMyAwLTEuNC0uOS0xLjQtMy41ek00MC4zIDMzdi0uMWMzLjYtMS42IDUuMS01LjIgNS4xLTExLjYgMC03LjctMi41LTEyLjEtNi40LTEyLjFIMjguNnYzLjdoMS4xYzEuMyAwIDEuNS44IDEuNSAzLjV2MzUuNWMwIDIuNi0uMSAzLjQtMS41IDMuNGgtMS4xVjU5aDExYzQuOSAwIDYuNi02LjMgNi42LTEzLjIgMC04LjktMy4zLTEyLjEtNS45LTEyLjh6bS00LjgtMTQuMmMwLTUuNS4yLTUuOSAyLjEtNS45IDIuMiAwIDMuNCAyLjYgMy40IDguNiAwIDYuNy0xLjMgMTAuMS0zLjkgMTAuMWgtMS42VjE4Ljh6bTEuNyAzNi41Yy0xLjYgMC0xLjctLjgtMS43LTMuNFYzNS41aDIuOGMyIDAgMy4zIDMuOSAzLjMgMTAuMSAwIDYuOS0xLjUgOS43LTQuNCA5Ljd6TTU3LjMgNTUuM2MtMi41IDAtMi43LS43LTIuNy00LjVWMzVoLjNjMi4xIDAgMy41IDQuMiAzLjYgMTAuNmgxLjRsLS4xLTI0LjJoLTEuM2MtLjIgNi0xLjQgOS45LTMuNCA5LjloLS41VjE3LjhjMC0zLjkuNC00LjkgMi4zLTQuOSAzLjkgMCA1LjEgNC4zIDYuMiAxNC4zaDEuMmwtLjItMThINDcuN3YzLjdoMS4xYzEuMyAwIDEuNS44IDEuNSAzLjV2MzUuNWMwIDIuNi0uMSAzLjQtMS41IDMuNGgtMS4xVjU5aDE2LjZsLjMtMTguMy0xLjItLjNjLTEuMSAxMC0yLjYgMTQuOS02LjEgMTQuOXpNODMuNSA1NC40Yy0uNiAwLS43LTEuMi0xLjEtNi4yLS42LTguMy0xLjQtMTIuMi00LTE0VjM0YzMtLjUgNS4zLTQuOCA1LjMtMTIgMC02LjgtMS41LTEyLjgtNi4yLTEyLjhINjYuM3YzLjdoMS4xYzEuMyAwIDEuNS44IDEuNSAzLjV2MzUuNWMwIDIuNi0uMSAzLjQtMS41IDMuNGgtMS4xVjU5aDkuNnYtMy43aC0xLjJjLTEuMyAwLTEuNS0uOC0xLjUtMy40VjM1aDEuM2MyLjUgMCAzLjIgMi4yIDMuMyAxMy41IDAgOC40IDEuOCAxMS41IDMuOSAxMS41IDIuMyAwIDQuMS0zLjQgNC4xLTEyLjNoLTEuMmMtLjIgNS4xLS41IDYuNy0xLjEgNi43em0tOS40LTIzLjFoLTFWMTcuNWMwLTQuMS4yLTQuNiAyLjMtNC42IDIuMiAwIDMuNSAxLjkgMy41IDguNiAwIDcuOC0xLjkgOS44LTQuOCA5Ljh6TTg2LjYgOS4yIDg2LjIgMjhoMS4yYy4zLTYuMyAxLjUtMTUuNCA0LjEtMTUuNC44IDAgLjkuNi45IDIuNXYzNi44YzAgMi42LS4xIDMuNC0xLjUgMy40aC0xLjRWNTloMTAuMXYtMy43aC0xLjRjLTEuMyAwLTEuNS0uOC0xLjUtMy40VjE1YzAtMS45LjEtMi41LjktMi41IDIuNiAwIDMuOCA5LjEgNC4xIDE1LjRoMS4ybC0uNC0xOC44SDg2LjZ6TTExOS42IDQwLjRjLTEgMTAuMS0yLjUgMTQuOS02IDE0LjktMi41IDAtMi43LS43LTIuNy00LjVWMzVoLjNjMi4xIDAgMy41IDQuMiAzLjYgMTAuNmgxLjRsLS4yLTI0LjNoLTEuM2MtLjIgNi0xLjQgOS45LTMuNCA5LjloLS41VjE3LjhjMC0zLjkuNC00LjkgMi4zLTQuOSAzLjkgMCA1LjEgNC4zIDYuMiAxNC4zaDEuMmwtLjItMTguMWgtMTYuNXYzLjdoMS4xYzEuMyAwIDEuNS44IDEuNSAzLjV2MzUuNWMwIDIuNi0uMSAzLjQtMS41IDMuNGgtMS4xdjMuN2gxNi42bC4zLTE4LjMtMS4xLS4yeiIvPjwvc3ZnPg==) no-repeat; color: rgba(0,0,0,0); font-size: 60px; line-height: 1; } #footer > div { z-index: 3; padding-top: 22px; color: var(--hurricane); font-size: 12px; line-height: 1.1666666667; text-align: right; } #footer > div:before { border-top: 2px dotted var(--loblo); background: var(--white); opacity: .75; } #footer > div > *:first-child { color: var(--dusty); text-align: left; } #footer .list-social { width: auto; margin: 0 -30px 0 0; padding: 10px 0 0; border-width: 0; } #footer .list-social li { width: auto; margin-right: 30px; } #footer .list-social a { padding: 0; } #footer .list-social i { color: var(--astro); font-size: 34px; line-height: 32px; } #footer .list-social .icon-google-play { font-size: 30px; } #footer .list-social .icon-facebook { font-size: 34px; } #footer .icon-kreo { display: inline-block; position: relative; margin-left: 7px; color: var(--kreo); font-size: 11px; line-height: 1px; } #footer p { margin-bottom: 18px; } #footer p span.br:before { content: " - "; } #comments { overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; bottom: 0; z-index: 100020; width: 600px; padding: 32px 60px 6px; background: var(--white); } #comments { -webkit-transform: translateX(100%); transform: translateX(100%); } #comments:before { content: "\e932"; overflow: hidden; left: 0; right: auto; top: -40px; z-index: 0; margin: 0; color: var(--water); font-size: 168px; line-height: 168px; text-indent: -22px; } #comments > header { position: relative; z-index: 2; margin-bottom: 14px; } #comments > header > * { margin-bottom: 26px; } #comments > header h1, #comments > header h2, #comments > header h3, #comments > header h4, #comments > header h5, #comments > header h6 { color: var(--ribbon); font-size: 35px; font-variant: small-caps; font-weight: 700; font-family: var(--serif); } #comments > header .scheme-profile { margin-left: auto; } #comments .list-comments { margin-bottom: 0; padding-top: 26px; border-top: 10px solid var(--athens); } #comments .list-comments > li { padding-top: 47px; } #comments .list-comments > li:first-child { padding-top: 0; } #comments .list-comments header { margin-bottom: 0; } #comments .list-comments header > * { margin-bottom: 10px; } #comments .list-comments h1, #comments .list-comments h2, #comments .list-comments h3, #comments .list-comments h4, #comments .list-comments h5, #comments .list-comments h6 { margin: 0 8px 0 0; color: var(--coal); font-size: 18px; font-family: var(--arial); font-weight: 700; } #comments .list-comments li.link-btn { margin-top: 0; padding-top: 45px; border-top-width: 1px; } #comments .list-comments:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } #comments .form-comment { margin-bottom: 26px; } #comments .form-comment p { margin-bottom: 14px; } #comments .form-comment textarea { height: 165px; min-height: 165px; padding: 20px; border-color: #0b5fff;} #comments .disabled textarea { background: linear-gradient(white, #d7d7d7); border-color: #c7c7c7;} #comments .form-comment .submit { overflow: hidden; margin: 0; padding: 0 0 0 16px; border-radius: 2px; background: var(--ebb); color: var(--cod); font-size: 15px; } #comments .form-comment .submit button { top: 0; width: 160px; min-width: 0; height: auto; margin: 0 0 0 auto; padding: 10px; border-radius: 2px; font-size: 1em; } #comments .form-comment .submit button { -webkit-align-self: stretch; align-self: stretch; } #comments .disabled .submit button { background: #d4d4d4; border-color: #c9c9c9; color: #a1a1a1; } #root > .close-comments.a { visibility: hidden; position: fixed; z-index: 100001; opacity: 0; } #root > .close-comments.a:before { background: var(--astro); opacity: .4; } #root > .close-comments.b { position: absolute; right: -55px; top: 20px; z-index: 100021; width: 55px; height: 55px; background: var(--ribbon); color: var(--white); font-size: 22px; text-indent: -3000em; text-align: left; direction: ltr; } #root > .close-comments.b:before { content: "\e900"; } .comments-active #root > .close-comments.b { right: 576px; position: fixed; } .theme-thin #root { padding-top: 85px; padding-left: 0; padding-right: 0; } .theme-thin #root #top, .theme-compact #root #top { left: 50%; width: 1038px; height: 85px; margin-left: -519px; padding: 0; font-family: var(--arial); } .theme-thin #root #logo, .theme-compact #root #logo { left: 0; bottom: 0; top: 0; width: auto; height: 85px; margin: 0; background: none; color: var(--ebony); font-size: 20px; font-weight: 700; line-height: 85px; text-transform: uppercase; text-indent: 0; } .theme-thin #logo a, .theme-compact #logo a { color: inherit; line-height: 85px; text-decoration: none; text-indent: 0; } .theme-thin #nav { display: block; position: absolute; left: auto; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0 0 0 auto; padding: 0; color: var(--silver); font-family: inherit; } .theme-thin #nav > ul, .theme-compact #nav > ul { margin: 0 0 0 auto; padding: 0; font-family: var(--arial); } .theme-thin #nav > ul li { margin: 0; border-width: 0; font-size: 20px; } .theme-thin #nav > ul li > a { color: inherit; line-height: 85px; font-weight: 400; } .theme-thin #nav > ul li > a i { display: inline-block; position: relative; top: -.1em; margin: 0 12px 0 0; font-size: 0.8em; line-height: 1px; } .theme-thin #top:before, .theme-thin #top:after { box-shadow: none; border-width: 0; border-bottom: 1px solid var(--alto); background: var(--white); } .theme-thin #content, .theme-thin #footer, .theme-compact #content, .theme-compact #footer { width: 1038px; } .theme-thin #content { padding-top: 56px; } .theme-thin #content > *:last-child { margin-bottom: 56px; } .theme-thin #content > .form-login:last-child { margin-bottom: 30px; } .theme-thin #footer, .theme-compact #footer { min-height: 0; padding: 22px 0 .1px; border-width: 0; font-size: 12px; } .theme-thin #footer:before, .theme-compact #footer:before { border-top: 1px solid var(--alto); } .theme-thin #footer p, .theme-compact #footer p { margin-bottom: 22px; } .theme-compact #root { padding-top: 135px; padding-left: 0; padding-right: 0; } .theme-compact #root #top { height: 135px; padding: 0; font-family: var(--arial); } .theme-compact #root #logo { position: absolute; left: 0; top: 0; bottom: 0; width: auto; margin: 0; color: var(--white); font-size: 30px; } .theme-compact #top:before { box-shadow: none; } .theme-compact #top:after { border-width: 0; border-top: 85px solid var(--astro); background: var(--mercury); } .theme-compact #nav { display: block; position: absolute; left: 0; right: 0; top: auto; bottom: 0; width: auto; height: 50px; margin: 0; padding: 0; color: var(--coal); text-transform: uppercase; } .theme-compact #root #nav > ul { width: auto; margin-right: -21px; } .theme-compact #nav > ul li { margin: 0 21px 0 0 !important; border-width: 0; font-size: 12px; font-family: var(--arial); } .theme-compact #nav > ul li > a { height: 50px; line-height: 50px; font-weight: 400; } [data-whatintent="mouse"].theme-compact #nav > ul li > a:hover { color: var(--chambray); } .theme-compact #nav > ul > li:first-child, .theme-compact #nav > ul.is-slider .owl-item:first-child li { border-width: 0; } .theme-compact #up { left: auto; right: 0; top: 0; height: 85px; padding: 0; border-width: 0; background: none; color: var(--white); font-weight: 700; line-height: 1.3333333333; text-align: right; } .theme-compact #up > ul { margin: 0 -42px 0 0; } .theme-compact #up > ul > li { position: relative; z-index: 2; margin: 0 42px 0 0; font-size: 12px; } .theme-compact #up > ul > li:after { content: ""; display: block; position: absolute; left: -21px; top: 50%; width: 1px; height: 35px; margin: -17.5px 0 0; background: var(--calypso); } .theme-compact #up > ul > li > a { display: block; line-height: 1.3333333333; } .theme-compact #up > ul > li > a span { display: block; } .theme-compact #up > ul > li > a span span { display: block; font-weight: 400; text-transform: none; } .theme-compact #up > ul > li > a i { display: block; margin: 0; color: var(--hit); font-size: 34px; line-height: 38px; } [data-whatintent="mouse"].theme-compact #up > ul > li > a:hover, [data-whatintent="mouse"].theme-compact #root #up > ul > li > a:hover i { color: var(--tropical); } .theme-compact #up > ul > li > a span + i { padding-left: 15px; } .theme-compact #up > ul > li > a span.hidden + i { padding-left: 0; } .theme-compact #up > ul > li > a i.icon-bell { font-size: 38px; } .theme-compact #content { padding-top: 64px; } /*! Columns --------- */ .cols-a { position: relative; z-index: 2; margin: 0 0 60px; } .cols-a > * { position: relative; z-index: 1; } .cols-a > header:first-child + *, .cols-a > *:first-child { z-index: 2; width: calc(100% - 330px); } .cols-a > header.sticky:first-child, .cols-a > aside.sticky, .cols-a > aside > .sticky, .cols-a > header:first-child > .sticky, .triple > * > .sticky { position: sticky; top: 0; padding-bottom: .1px; } .cols-a > header:first-child, .cols-a > aside { width: 300px; padding: 0 0 .1px; } .cols-a.a { } .cols-a.a:before { left: 455px; top: -8px; bottom: -12px; border-left: 2px solid var(--seashell); } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: calc(100% - 495px); } .cols-a.a > header:first-child, .cols-a.a > aside { width: 425px; } .cols-a.a + figure { margin-top: -48px; } .cols-a + .cols-a { padding-top: 40px; border-top: 10px solid var(--athens); } .cols-a.b { } .cols-a.b:before { right: 331px; border-right: 1px solid var(--mercury); } .cols-a.c { } .cols-a.c:before { left: 270px; border-left: 1px solid var(--mercury); } .cols-a.c > header:first-child + *, .cols-a.c > *:first-child { width: calc(100% - 300px); } .cols-a.c > header:first-child, .cols-a.c > aside { width: 242px; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double > h1, .double > h2, .double > h3, .double > h4, .double > h5, .double > h6, .double > p { -webkit-align-self: baseline; align-self: baseline; } #root h1.double > .text-right, #root h2.double > .text-right, #root h3.double > .text-right, #root h4.double > .text-right, #root h5.double > .text-right, #root h6.double > .text-right { top: 0; margin-top: 0; margin-left: auto; padding-top: 0; } #root h1.double > img, #root h2.double > img, #root h3.double > img, #root h4.double > img, #root h5.double > img, #root h6.double > img { top: 20px; -webkit-align-self: center; align-self: center; } .double > .s10 { -webkit-align-self: center; align-self: center; } .double.a { margin-left: -30px; } .double.a > * { float: left; width: 50%; border-left-width: 30px; } .triple { display: block; position: relative; margin-left: -30px; } .triple > * { display: block; position: relative; clear: none; float: left; width: 33.3333333333%; margin-top: 0; border: 0 solid rgba(0,0,0,0); border-left-width: 30px; } .triple.a { } .triple.a > * { width: 330px; } .triple.a > *:first-child { width: calc(100% - 660px); } /*! Modules --------- */ .header-article { color: var(--dove); font-family: var(--serif); font-size: var(--s25_35); line-height: 1.1; text-align: center; text-transform: uppercase; } .header-article .small { display: block; margin: 0 0 10px; color: var(--azure); font-size: var(--s20_30); font-weight: 700; font-family: var(--serif); line-height: 1.1; text-transform: uppercase; } .header-article h1, .header-article h2, .header-article h3, .header-article h4, .header-article h5, .header-article h6 { max-width: 966px; margin: 0 auto 0; color: var(--coal); font-family: var(--portada); font-size: 50px; line-height: 1; text-transform: none; } .header-article h1 .small, .header-article h2 .small, .header-article h3 .small, .header-article h4 .small, .header-article h5 .small, .header-article h6 .small { display: block; color: var(--bali); font-family: var(--serif); font-weight: 400; font-size: 0.5333333333em; text-transform: none; } .header-article .module-users { margin-top: 13px; margin-bottom: 22px; } .header-article + .cols-a { padding-top: 30px; border-top: 2px solid var(--ice); } figure + .header-article { margin-top: 35px; } .header-article.compact { overflow: hidden; margin-bottom: 38px; font-size: 20px; } .header-article.compact .small { margin-bottom: 0; font-size: 1em; } .header-article.compact p { margin-bottom: 7px; } .header-article.compact h1, .header-article.compact h2, .header-article.compact h3, .header-article.compact h4, .header-article.compact h5, .header-article.compact h6 { position: relative; max-width: none; margin: 0; font-family: var(--serif); font-weight: 700; font-size: 30px; text-transform: uppercase; } .header-article.compact h1:before, .header-article.compact h2:before, .header-article.compact h3:before, .header-article.compact h4:before, .header-article.compact h5:before, .header-article.compact h6:before, .header-article.compact h1:after, .header-article.compact h2:after, .header-article.compact h3:after, .header-article.compact h4:after, .header-article.compact h5:after, .header-article.compact h6:after { content: ""; display: block; position: absolute; top: 50%; width: 100vw; height: 2px; margin-top: -1px; background: var(--pattens); } .header-article.compact h1:before, .header-article.compact h2:before, .header-article.compact h3:before, .header-article.compact h4:before, .header-article.compact h5:before, .header-article.compact h6:before { left: calc(100% + 60px); } .header-article.compact h1:after, .header-article.compact h2:after, .header-article.compact h3:after, .header-article.compact h4:after, .header-article.compact h5:after, .header-article.compact h6:after { left: auto; right: calc(100% + 60px); } .header-article.compact h1:first-child:last-child, .header-article.compact h2:first-child:last-child, .header-article.compact h3:first-child:last-child, .header-article.compact h4:first-child:last-child, .header-article.compact h5:first-child:last-child, .header-article.compact h6:first-child:last-child { font-size: 50px; } .header-article.compact h1:first-child:last-child:before, .header-article.compact h2:first-child:last-child:before, .header-article.compact h3:first-child:last-child:before, .header-article.compact h4:first-child:last-child:before, .header-article.compact h5:first-child:last-child:before, .header-article.compact h6:first-child:last-child:before { left: calc(100% + 104px); } .header-article.compact h1:first-child:last-child:after, .header-article.compact h2:first-child:last-child:after, .header-article.compact h3:first-child:last-child:after, .header-article.compact h4:first-child:last-child:after, .header-article.compact h5:first-child:last-child:after, .header-article.compact h6:first-child:last-child:after { right: calc(100% + 104px); } .header-article.compact h1 .small, .header-article.compact h2 .small, .header-article.compact h3 .small, .header-article.compact h4 .small, .header-article.compact h5 .small, .header-article.compact h6 .small { font-size: 0.5333333333em; } .header-article.compact + .cols-a { padding-top: 0; border-top-width: 0; } figure + .header-article.compact { margin-top: 40px; } [dir="rtl"].header-article, [dir="rtl"] .header-article { font-family: var(--hacen); font-weight: 300; font-size: 25px} [dir="rtl"].header-article h1, [dir="rtl"].header-article h2, [dir="rtl"].header-article h3, [dir="rtl"].header-article h4, [dir="rtl"].header-article h5, [dir="rtl"].header-article h6, [dir="rtl"] .header-article h1, [dir="rtl"] .header-article h2, [dir="rtl"] .header-article h3, [dir="rtl"] .header-article h4, [dir="rtl"] .header-article h5, [dir="rtl"] .header-article h6 { margin-bottom: 3px; font-family: var(--hacen); font-weight: 400; font-size: 35px;} [dir="rtl"] .module-comments h3 .text-right {font-size: 20px; line-height: 2;} [dir="rtl"] .module-comments h3 a {font-size: 20px;} [dir="rtl"].header-article p, [dir="rtl"] .header-article p { margin-bottom: 2px; } [dir="rtl"].header-article .small, [dir="rtl"] .header-article .small { margin-bottom: 0; font-size: 20px } [dir="rtl"].header-article.compact h1:first-child:last-child:before, [dir="rtl"].header-article.compact h2:first-child:last-child:before, [dir="rtl"].header-article.compact h3:first-child:last-child:before, [dir="rtl"].header-article.compact h4:first-child:last-child:before, [dir="rtl"].header-article.compact h5:first-child:last-child:before, [dir="rtl"].header-article.compact h6:first-child:last-child:before, [dir="rtl"] .header-article.compact h1:first-child:last-child:before, [dir="rtl"] .header-article.compact h2:first-child:last-child:before, [dir="rtl"] .header-article.compact h3:first-child:last-child:before, [dir="rtl"] .header-article.compact h4:first-child:last-child:before, [dir="rtl"] .header-article.compact h5:first-child:last-child:before, [dir="rtl"] .header-article.compact h6:first-child:last-child:before { left: calc(100% + 60px); } [dir="rtl"].header-article.compact h1:first-child:last-child:after, [dir="rtl"].header-article.compact h2:first-child:last-child:after, [dir="rtl"].header-article.compact h3:first-child:last-child:after, [dir="rtl"].header-article.compact h4:first-child:last-child:after, [dir="rtl"].header-article.compact h5:first-child:last-child:after, [dir="rtl"].header-article.compact h6:first-child:last-child:after, [dir="rtl"] .header-article.compact h1:first-child:last-child:after, [dir="rtl"] .header-article.compact h2:first-child:last-child:after, [dir="rtl"] .header-article.compact h3:first-child:last-child:after, [dir="rtl"] .header-article.compact h4:first-child:last-child:after, [dir="rtl"] .header-article.compact h5:first-child:last-child:after, [dir="rtl"] .header-article.compact h6:first-child:last-child:after { right: calc(100% + 60px); } .module-alert { position: relative; z-index: 2; max-width: 1256px; margin: 0 auto 30px; padding: 19px 0 21px 104px; color: var(--white); font-weight: 600; font-size: 22px; line-height: 1.1363636364; } .module-alert:before { background: var(--ribbon); } .module-alert p { display: block; position: absolute; left: 0; top: 22px; padding: 0 20px 0 0; color: var(--shine); font-family: var(--arial); font-weight: 700; font-size: 20px; text-transform: uppercase; } .module-alert ul { list-style: none; margin: 0; padding: 0; } .module-alert a { cursor: pointer; } [data-whatintent="mouse"] .module-alert a:hover, [data-whatintent="mouse"] .module-alert .owl-nav button:hover { color: var(--shine); } .module-alert .owl-nav button { display: block; overflow: hidden; position: absolute; left: auto; top: 50%; bottom: 0; width: 46px; height: 46px; margin-top: -23px; background: none; font-size: 19px; } .module-alert .owl-nav button.owl-prev { left: auto; right: 16px; } .module-alert .owl-nav button.owl-next { right: -30px; } .module-alert .owl-nav button.owl-prev:before, #nav > ul.is-slider .owl-nav button.owl-prev:before { content: "\e92e"; } .module-alert .owl-nav button.owl-next:before, #nav > ul.is-slider .owl-nav button.owl-next:before { content: "\e92b"; } .module-alert ul.is-slider li { padding-right: 82px; } #content > .module-alert:first-child { margin-top: -30px; } .module-box { position: relative; z-index: 9; margin: 0 0 48px; padding: 37px 30px 28px; color: var(--black); font-size: 15px; line-height: 1.4; } .module-box:before { background: var(--colonial); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: 8px; color: var(--astro); font-size: 35px; line-height: 1; } .module-box h1 .small, .module-box h2 .small, .module-box h3 .small, .module-box h4 .small, .module-box h5 .small, .module-box h6 .small { margin: 0 0 10px; color: var(--black); font-size: 0.5714285714em; font-weight: inherit; font-family: inherit; text-transform: none; } .module-box p { margin: 0 0 8px; } .module-box footer { margin-top: 30px; } .module-box .link-btn { margin-bottom: 0; } .module-box .link-btn a { min-width: 350px; padding: 10px 20px; border-radius: 5px; border-color: var(--astro); background: var(--astro); color: var(--white); font-size: 18px; text-transform: none; } [data-whatintent="mouse"] .module-box .link-btn a:hover { border-color: var(--sea); background: var(--sea); color: var(--white); } .module-comments { position: relative; z-index: 2; margin: 0; padding: 18px 0 0 115px; border-top: 1px solid var(--mercury); color: var(--hit); font-family: var(--arial); } .module-comments h1, .module-comments h2, .module-comments h3, .module-comments h4, .module-comments h5, .module-comments h6 { position: static; margin: 0 0 22px; color: inherit; font-size: var(--s18_25); font-family: inherit; font-weight: 400; line-height: 1.5; } .module-comments h1 span, .module-comments h2 span, .module-comments h3 span, .module-comments h4 span, .module-comments h5 span, .module-comments h6 span { display: block; position: absolute; left: 0; top: 20px; width: 91px; height: 63px; background: var(--sun); color: var(--astro); font-size: 30px; font-weight: 700; line-height: 63px; text-align: center; } .module-comments h1 span:before, .module-comments h2 span:before, .module-comments h3 span:before, .module-comments h4 span:before, .module-comments h5 span:before, .module-comments h6 span:before { content: ""; display: block; position: absolute; right: 14px; top: 100%; width: 28px; height: 22px; border-top: 11px solid var(--sun); border-right: 14px solid var(--sun); border-left: 14px solid rgba(0,0,0,0); border-bottom: 11px solid rgba(0,0,0,0); } [data-whatintent="mouse"] .module-comments h1 a:hover span, [data-whatintent="mouse"] .module-comments h2 a:hover span, [data-whatintent="mouse"] .module-comments h3 a:hover span, [data-whatintent="mouse"] .module-comments h4 a:hover span, [data-whatintent="mouse"] .module-comments h5 a:hover span, [data-whatintent="mouse"] .module-comments h6 a:hover span { background: var(--azure); color: var(--white); } [data-whatintent="mouse"] .module-comments h1 a:hover span:before, [data-whatintent="mouse"] .module-comments h2 a:hover span:before, [data-whatintent="mouse"] .module-comments h3 a:hover span:before, [data-whatintent="mouse"] .module-comments h4 a:hover span:before, [data-whatintent="mouse"] .module-comments h5 a:hover span:before, [data-whatintent="mouse"] .module-comments h6 a:hover span:before { border-top-color: var(--azure); border-right-color: var(--azure); } [data-whatintent="mouse"] [dir="rtl"] .module-comments h3 a:hover span:before {border-top-color: var(--azure); border-left-color: var(--azure); border-right-color: rgba(0,0,0,0);} .module-comments .header-border { position: relative; width: 100%; margin: 0 0 19px; padding: 0; border-width: 0; color: var(--dove); font-size: 20px; font-weight: 700; text-transform: none; } .module-comments .header-border:before { bottom: 8px; border-color: var(--ice); } #root .module-comments .header-border span { position: relative; top: 0; width: auto; height: auto; background: var(--white); color: inherit; font-size: 1em; font-weight: inherit; line-height: inherit; } .module-comments:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-comments .list-tags { min-width: 100%; margin-top: -11px; } .module-users + .module-comments { margin-top: -13px; } .module-comments .list-social { margin-left: auto; } .module-comments .list-tags { position: relative; margin-right: 0; padding-top: 21px; } .module-comments .list-tags:before { border-top: 1px solid var(--mercury); } .link-btn.a, .module-comments .link-btn { position: relative; top: 3px; z-index: 2; margin-top: -30px; color: var(--cod); font-size: 20px; line-height: 1.25; } .module-comments .link-btn > span { max-width: 220px; } .link-btn.a a, .module-comments .link-btn a { min-width: 240px; padding-top: 12px; padding-bottom: 12px; font-size: 1em; } .module-comments .list-social + .link-btn { margin-left: 22px; padding-left: 26px; } .module-comments .list-social + .link-btn:before { top: 50%; bottom: auto; height: 40px; margin-top: -27.5px; border-left: 1px solid var(--mercury); } .module-comments p.strong { position: relative; z-index: 9; width: 100%; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--ice); color: var(--dove); } .module-comments p.strong a { display: block; position: relative; z-index: 2; color: inherit; text-decoration: none; } .module-comments p.strong i { display: inline-block; position: relative; top: .15em; margin-right: 6px; color: var(--dove); font-size: 21px; } .module-comments .icon-chat:before { content: "\e92f"; } .module-comments p.strong span { color: var(--made); } .module-comments p.strong .text-right { display: block; margin-left: auto; } .module-comments p.strong:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-comments.compact { margin-top: 35px; padding: 0; border-top-width: 0; } .module-comments.compact .list-social { margin-left: 0; margin-right: -18px; } .module-comments.compact .list-social li { margin-right: 18px; margin-bottom: 18px; } .module-comments.compact .list-social i { font-size: 40px; line-height: 40px; } .module-comments.compact .list-social i.icon-envelope { font-size: 30px; } .module-comments.compact .list-social i.icon-twitter { font-size: 34px; } .module-comments.compact .list-social i.icon-eye { font-size: 26px; } .module-comments.compact .list-social i.icon-chat, .module-comments.compact .list-social i.icon-attachment { font-size: 36px; } [dir="rtl"] .module-comments { padding-right: 115px; padding-left: 0; font-family: var(--hacen); } [dir="rtl"] .module-comments h1, [dir="rtl"] .module-comments h2, [dir="rtl"] .module-comments h3, [dir="rtl"] .module-comments h4, [dir="rtl"] .module-comments h5, [dir="rtl"] .module-comments h6 { font-weight: 300; } [dir="rtl"] .module-comments h1 span, [dir="rtl"] .module-comments h2 span, [dir="rtl"] .module-comments h3 span, [dir="rtl"] .module-comments h4 span, [dir="rtl"] .module-comments h5 span, [dir="rtl"] .module-comments h6 span { left: auto; right: 0; } [dir="rtl"] .module-comments h1 span:before, [dir="rtl"] .module-comments h2 span:before, [dir="rtl"] .module-comments h3 span:before, [dir="rtl"] .module-comments h4 span:before, [dir="rtl"] .module-comments h5 span:before, [dir="rtl"] .module-comments h6 span:before { right: auto; left: 14px; border-right-color: rgba(0,0,0,0); border-left-color: var(--sun); } [dir="rtl"] .module-comments .list-social { margin-left: 0; margin-right: auto; } [dir="rtl"] .module-comments .list-tags:before { left: 30px; } .module-error { max-width: 600px; margin: 0 auto 0; color: var(--coal); font-family: var(--arial); font-size: 20px; line-height: 1.4; text-align: center; } .module-error header { font-size: 25px; font-weight: 400; line-height: 1.4; } .module-error header p { margin-bottom: 25px; } .module-error header + * { margin-top: 40px; } .module-error h1, .module-error h2, .module-error h3, .module-error h4, .module-error h5, .module-error h6 { margin: 0 0 12px; color: var(--azure); font-size: 40px; font-family: inherit; letter-spacing: normal; } .module-error h1 span, .module-error h2 span, .module-error h3 span, .module-error h4 span, .module-error h5 span, .module-error h6 span { display: block; margin-bottom: -2px; color: inherit; font-size: 5em; } .module-error h1 .small, .module-error h2 .small, .module-error h3 .small, .module-error h4 .small, .module-error h5 .small, .module-error h6 .small { margin: 0 0 53px; font-weight: 700; font-size: 0.875em; text-transform: none; } .module-error h1 i, .module-error h2 i, .module-error h3 i, .module-error h4 i, .module-error h5 i, .module-error h6 i { display: block; margin: 0 0 25px; font-size: 160px; line-height: 1; } .module-error h1.overlay-orange, .module-error h2.overlay-orange, .module-error h3.overlay-orange, .module-error h4.overlay-orange, .module-error h5.overlay-orange, .module-error h6.overlay-orange { color: var(--salmon); } .module-error header.strong h1 span, .module-error header.strong h2 span, .module-error header.strong h3 span, .module-error header.strong h4 span, .module-error header.strong h5 span, .module-error header.strong h6 span { margin-bottom: -8px; } #root .module-error .overlay-h, #root .module-error .overlay-lime { color: var(--neon); } .module-error .link-btn { margin-top: 55px; } .module-error .link-btn a { min-width: 320px; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 20px; font-weight: 700; text-transform: none; } [data-whatintent="mouse"] .module-error .link-btn a:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } .module-error footer { color: var(--dove); font-size: 15px; } .module-footer { position: relative; z-index: 2; margin: 80px 0 30px -85px; padding: 32px 0 22px; color: var(--black); font-family: var(--arial); font-size: 15px; line-height: 1.1333333333; } .module-footer:after { content: "\e938"; overflow: hidden; left: 316px; right: auto; top: 0; bottom: 0; margin: 0; color: var(--white); font-size: 400px; line-height: 126px; } .module-footer > * { position: relative; z-index: 2; border-left: 85px solid rgba(0,0,0,0); } .module-footer form header { width: 360px; padding-right: 35px; } .module-footer form:first-child header { width: 275px; } .module-footer:before { background: var(--sun); } .module-footer h1, .module-footer h2, .module-footer h3, .module-footer h4, .module-footer h5, .module-footer h6 { margin: 0 0 2px; color: var(--astro); font-size: 30px; font-weight: 700; font-family: var(--serif); text-transform: uppercase; } .module-footer p { margin-bottom: 10px; } .module-footer input, .module-footer button { width: 220px; margin: 0 0 10px; border-color: var(--mercury); } [data-whatintent="mouse"] .module-footer input:hover, .module-footer input:focus { border-color: var(--sea); } .module-footer button { float: none; width: 100%; margin: 0; padding: 11px 20px; border-radius: 2px; border-color: var(--astro); background: var(--astro); color: var(--white); font-size: 14px; } [data-whatintent="mouse"] .module-footer button:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } .module-image { position: relative; z-index: 2; padding: 0 415px 0 0; } .module-image > figure { position: relative; z-index: 2; width: 100%; height: 684px; padding: 0 40px; } .module-image > figure:before { border: 5px solid var(--pattens); } .module-image > aside { width: 385px; margin-top: 0; margin-right: -415px; color: var(--dove); font-family: var(--arial); font-size: 18px; line-height: 1.1666666667; } .module-image > aside figure { position: relative; z-index: 2; padding: 34px; border: 1px solid var(--mercury); text-align: center; } .module-image > aside figure + * { margin-top: 40px; padding-top: 30px; border-top: 5px solid var(--athens); } .module-image figure a { position: static; } .module-offset { position: relative; z-index: 2; padding: 54px 65px 0 180px; border-top: 1px solid var(--mercury); } .module-offset > .offset, .module-offset p img.img-justified { display: block; margin-left: -45px; } .module-offset p img.img-justified { max-width: calc(100% + 45px) !important; } .module-offset .list-social { display: block; position: sticky; top: 0; /*position: absolute; left: 32px; top: 74px;*/ float: left; margin: 0 0 30px -148px; padding-top: 20px; text-align: center; } .module-offset .list-social li { margin: 0 0 20px; } .module-offset .list-social li:last-child { margin-bottom: 0; } .module-offset .list-social li.br { margin-top: 24px; padding-top: 18px; } .module-offset .list-social li.br:before { left: 50%; right: auto; width: 40px; height: 1px; margin-left: -20px; background: var(--silver); } .module-offset .list-social span { margin-bottom: -12px; } figure + .module-offset { margin-top: -19px; } .module-offset:first-child { margin-top: 0; padding-top: 20px; border-top-width: 0; } .module-offset.limit { } .module-offset.limit .module-box { margin-top: -143px; } .module-offset.limit .module-box:after { top: -360px; bottom: auto; height: 360px; } [dir="rtl"] .module-offset, [dir="rtl"].module-offset { padding-left: 65px; padding-right: 180px; } [dir="rtl"] .module-offset > .offset, [dir="rtl"].module-offset > .offset { margin-left: 0; margin-right: -45px; } [dir="rtl"] .module-offset .list-social, [dir="rtl"].module-offset .list-social { float: right; margin-left: 0; margin-right: -148px; } .module-poll { margin-top: 32px; padding: 34px 0 .1px; border-top: 1px solid var(--mercury); } .module-poll header { margin-bottom: 27px; color: var(--coal); font-weight: 600; font-size: 25px; line-height: 1.2; } .module-poll header > * { margin-bottom: 2px; } .module-poll:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-poll .check { } .module-poll .check label { display: block; position: relative; z-index: 2; margin: 0 0 15px; padding: 13px 19px; border-radius: 4px; background: var(--pattens); color: var(--catalina); font-weight: 600; font-size: 15px; line-height: 1.2; cursor: pointer; } [data-whatintent="mouse"] .module-poll .check label:hover, .module-poll .check input:checked ~ label { background: var(--azure); color: var(--white); } .module-poll footer { color: var(--gray); font-size: 15px; font-family: var(--arial); padding-top: 0px!important;} .module-poll footer button, .module-poll footer a { display: block; position: relative; top: 0; float: none; min-width: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--azure); font-size: 1em; font-weight: 400; line-height: 1.5; text-align: center; text-transform: none; } .module-poll footer i { display: inline-block; position: relative; top: -1px; margin-right: 3px; font-size: 8px; line-height: 1px; } .module-poll .list-results { margin-top: -6px; } .module-poll .submit, .module-poll button { display: block; width: 100%; margin-right: 0; } .module-poll + * { margin-top: 0; } .module-profile { position: relative; z-index: 2; margin-bottom: 46px; color: var(--dove); font-size: 15px; font-family: var(--arial); } .module-profile:before { bottom: 1px; border-bottom: 10px solid var(--athens); } .module-profile > header { position: relative; z-index: 2; min-height: 135px; padding: 0 0 12px 156px; } .module-profile figure { position: absolute; left: 0; top: 0; width: 135px; margin: 0 0 20px; padding: 5px; border-radius: 999px; background: var(--white); } .module-profile img { display: block; width: 100% !important; border-radius: 999px; } .module-profile h1, .module-profile h2, .module-profile h3, .module-profile h4, .module-profile h5, .module-profile h6 { margin: 0 0 2px; color: var(--dove); font-size: 30px; font-weight: 700; font-family: inherit; } .module-profile p { margin: 0 0 5px; text-transform: uppercase; } .module-profile .list-social { margin-bottom: 0; } .module-profile > .list-social { margin-bottom: 14px; } .header-article.compact + .module-profile { margin-top: -24px; } [dir="rtl"] .module-profile, [dir="rtl"].module-profile { } [dir="rtl"] .module-profile > header, [dir="rtl"].module-profile > header { padding-left: 0; padding-right: 156px; } [dir="rtl"] .module-profile figure, [dir="rtl"].module-profile figure { left: auto; right: 0; } .module-related { position: relative; z-index: 2; margin: 0 0 42px; padding: 1px 0 0 30px; font-family: var(--serif); } .module-related:before { right: auto; z-index: 9; width: 2px; border-left: 2px solid var(--seashell); } .module-related > h1, .module-related > h2, .module-related > h3, .module-related > h4, .module-related > h5, .module-related > h6 { margin-bottom: 15px; color: var(--wine); font-size: 25px; font-family: inherit; font-weight: 700; text-transform: uppercase; } [dir="rtl"] .module-related { padding-left: 0; padding-right: 30px; } [dir="rtl"] .module-related:before { left: auto; right: 0; } .module-single { position: relative; z-index: 2; margin-bottom: 30px; padding: 0 50px 0 200px; font-size: 20px; line-height: 1.4; } .module-single .list-slider-main { position: relative; z-index: 2; margin: 0 -50px 23px -200px; } .module-single .list-slider-main + p { position: relative; float: left; width: 200px; margin: 0 0 0 -200px; color: var(--azure); font-family: var(--serif); font-weight: 700; font-size: 40px; line-height: 1; text-transform: uppercase; text-align: center; } .module-single .list-slider-main + p ~ * {float: right; clear: right; width: 100%; } .module-single h1, .module-single h2, .module-single h3, .module-single h4, .module-single h5, .module-single h6 { margin: 0 0 6px; font-size: 30px; line-height: 1.4; } .module-single p { margin-bottom: 16px; } #root .module-single .link-btn { position: relative; z-index: 9; margin-top: 37px; padding-top: 22px; } #root .module-single .link-btn:last-child { margin-bottom: 5px; } .module-single .link-btn.a:before { right: 15px; border-top: 2px dotted var(--mercury); } .module-space { font-family: var(--arial); } #root #content.module-space { padding-top: 64px; } .module-space h1, .module-space h2, .module-space h3, .module-space h4, .module-space h5, .module-space h6 { margin-bottom: 32px; font-size: 20px; font-family: inherit; font-weight: 700; } .module-space header { margin-bottom: 42px; } .module-space header h1, .module-space header h2, .module-space header h3, .module-space header h4, .module-space header h5, .module-space header h6 { font-size: 30px; } .module-static { } .module-static > header { margin-bottom: 15px; color: var(--dove); font-size: 20px; font-family: var(--arial); line-height: 1.375; } .module-static > header h1, .module-static > header h2, .module-static > header h3, .module-static > header h4, .module-static > header h5, .module-static > header h6 { margin: 0 0 6px; color: var(--coal); font-size: 30px; font-weight: 700; font-family: inherit; line-height: 1.1; } .module-static > footer { color: var(--chalice); font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.2; } .module-static > footer p, .module-static > footer ul, .module-static > footer ol { margin-bottom: 18px; } .module-users { margin-bottom: 30px; color: var(--dove); font-size: var(--s15_16); font-weight: 400; font-family: var(--arial); line-height: 1.4666666667; text-align: left; text-transform: none; } .module-users ul { list-style: none; margin-right: 40px; margin-bottom: 0; padding: 0; } .module-users li { overflow: hidden; position: relative; width: auto; margin: 0 -25px 0 0; padding: 0; border-radius: 99px; border: 2px solid var(--white); } #root .module-users li { width: auto; margin-top: 0; margin-bottom: 0; padding: 0; border: 2px solid var(--white); } .module-users li:nth-child(1) { z-index: 9; } .module-users li:nth-child(2) { z-index: 8; } .module-users li:nth-child(3) { z-index: 7; } .module-users li:nth-child(4) { z-index: 6; } .module-users li:nth-child(5) { z-index: 5; } .module-users li:nth-child(6) { z-index: 4; } .module-users li:nth-child(7) { z-index: 3; } .module-users li:nth-child(8) { z-index: 2; } .module-users li:nth-child(9) { z-index: 1; } .module-users img { display: block; max-width: none !important; border-radius: 99px; } #root .module-users p { margin-bottom: 0; } .module-users a { position: relative; z-index: 2; font-weight: 700; text-transform: uppercase; } .module-users p span.text-uppercase { display: inline; font-weight: inherit; text-transform: uppercase; } [dir="rtl"].module-users, [dir="rtl"] .module-users { text-align: right; } [dir="rtl"].module-users ul, [dir="rtl"] .module-users ul { margin-right: 0; margin-left: 40px; padding-left: 0; padding-right: 0; } [dir="rtl"].module-users li, [dir="rtl"] .module-users li { margin-right: 0; margin-left: -25px; } .module-weather { display: block; position: relative; z-index: 2; padding: 0 62px 0 0; font-family: var(--arial); font-size: 15px; font-weight: 700; line-height: 1.3333333333; text-align: right; } .module-weather figure { display: block; position: absolute; right: 0; top: 50%; width: 50px; } .module-weather p { position: static; margin: 0; } .module-weather p span { display: block; font-weight: 400; } .module-weather p i { display: inline-block; position: relative; top: -.1em; margin-right: 2px; color: var(--azure); font-size: 10px; line-height: 1px; } .module-weather p a { display: block; color: inherit; text-decoration: none; } .module-weather ul { display: none; position: absolute; left: 0; top: calc(100% + 7px); list-style: none; width: 161px; padding: 4px 14px; box-shadow: 0 4px 4px rgba(0,0,0,.25); background: var(--astro); text-align: left; } .module-weather ul li { font-size: 15px; } .module-weather ul li a { display: block; padding: 6px 0; border-top: 1px solid var(--chambray); color: var(--white); font-weight: 700; text-decoration: none; } .module-weather ul li:first-child a, #up > ul > li > ul li:first-child a { border-top-width: 0; } @media only screen and (min-width: 62.5em) { /* 1000 */ .module-wide { position: relative; z-index: 3; margin: 55px 0; } .module-wide:before, .module-wide .module-comments:before, .module-wide .module-comments .list-tags:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 120vw; margin: 0 0 0 -60vw; } .module-wide:before, .module-wide .list-news:before { background: var(--athens); } .module-wide:before { top: 125px; } .module-wide:first-child { margin-top: 0; } .module-wide > .module-comments:last-child > .list-tags:last-child { margin-bottom: 10px; } .module-wide .module-comments:before { top: -1px; border-top: 1px solid var(--mercury); } aside .list-news:before { display: none; } } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: red; text-indent: -3000em; text-align: left; } .owl-nav button { } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button.owl-prev:before { content: "\e93a"; } .owl-nav button.owl-next:before { content: "\e937"; } .owl-dots { clear: both; } .owl-dots button { } .owl-dots button.active { background: yellow; cursor: default; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999998; width: 100%; color: var(--regent); } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px; } .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; } #root:after { position: fixed; z-index: 999997; background: rgba(119,119,119,.75); } .popup-a .box-inner { position: relative; z-index: 999999; width: 400px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 65px 60px 19px; box-shadow: 0 4px 12px rgba(0,0,0,.25); border-radius: 10px; background: var(--white); color: var(--regent); opacity: 0; } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 99; width: 77px; height: 66px; color: var(--cod); font-size: 24px; text-indent: -3000em; text-align: left; direction: ltr; } .popup-a .box-inset > .close:before { content: "\e900"; margin-top: -12px; line-height: 24px; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999999; } .popup-a.fullscreen { } .popup-a.fullscreen .box-outer { padding: 0; } .popup-a.fullscreen .box-inner { width: 100%; } .popup-a.fullscreen .box-inset { min-height: 100vh; box-shadow: none; padding: 24px 24px 4px; border-radius: 0; background: var(--cod); color: var(--white); } .popup-a.fullscreen .box-inset > .close { width: 83px; height: 61px; margin: 0; color: inherit; font-size: 19px; } .popup-a.fullscreen .box-inset .list-slider-main { margin: -24px -24px -4px; } .popup-a.fullscreen .list-slider-main li, .popup-a.fullscreen .list-slider-main li > a { overflow: hidden; padding-right: 360px; } .popup-a.fullscreen .list-slider-main li:before { right: 360px; background: var(--shaft); } .popup-a.fullscreen .list-slider-main li > a { display: block; float: none; width: calc(100% + 360px); } .popup-a.fullscreen .list-slider-main li img { display: block; float: left; width: 100% !important; height: 100vh !important; } .popup-a.fullscreen .list-slider-main li img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .popup-a.fullscreen .list-slider-main li > span, .popup-a.fullscreen .list-slider-main li > a span { display: block; overflow-x: hidden; overflow-y: auto; position: relative; left: 0; right: 0; top: 0; bottom: 0; float: right; width: 360px; min-width: 0; max-width: none; margin-right: -360px; margin-top: 65px; max-height: 100vh; padding: 17px 24px 0 30px; text-align: inherit; } .popup-a.fullscreen .list-slider-main li span figure { display: block; margin: 55px 0 24px; } .popup-a.fullscreen .list-slider-main li span figure img { display: block; float: none; width: auto !important; height: auto !important; margin: 0 auto; } #root .popup-a.fullscreen .list-slider-main .owl-nav button { width: 110px; height: 150px; margin-top: -75px; font-size: 56px; } .popup-a.fullscreen .list-slider-main .owl-nav button.owl-next { right: 360px; } .popup-a.fullscreen .list-slider-main .counter { right: 24px; bottom: auto; top: 0; width: 306px; height: 65px; border-bottom: 1px solid var(--dune); font-size: 40px; font-family: var(--serif); font-weight: 700; line-height: 64px; text-align: inherit; } .popup-a.module-error { max-width: none; color: var(--regent); } .popup-a.module-error .box-inset:before { content: "\e944"; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: 100%; margin: 0; border-radius: 10px; color: var(--bride); font-size: 423px; line-height: 203px; text-align: left; text-indent: -48px } .popup-a.module-error header { margin-bottom: 0; font-size: 20px; } .popup-a.module-error header p { } .popup-a.module-error header + footer { margin-top: 17px; } .popup-a.module-error .link-btn a { width: 100%; border-radius: 5px; border-color: var(--salmon); background: var(--salmon); color: var(--porcelain); } .popup-a.module-error h1, .popup-a.module-error h2, .popup-a.module-error h3, .popup-a.module-error h4, .popup-a.module-error h5, .popup-a.module-error h6 { margin-bottom: 30px; font-size: 35px; } .popup-a.module-error.overlay-leaf { } .popup-a.module-error.overlay-leaf .box-inset:before { content: "\e943"; color: var(--panache); } .popup-a.module-error.overlay-leaf .link-btn a { border-color: var(--leaf); background: var(--leaf); color: var(--porcelain); } [data-whatintent="mouse"] .popup-a.module-error.overlay-leaf .link-btn a:hover { border-color: var(--wood); background: var(--wood); color: var(--porcelain); } .popup-a.module-error h1 i, .popup-a.module-error h2 i, .popup-a.module-error h3 i, .popup-a.module-error h4 i, .popup-a.module-error h5 i, .popup-a.module-error h6 i { margin-bottom: 24px; } .popup-a.module-error.overlay-sal { } .popup-a.module-error.overlay-sal .link-btn a { border-color: var(--salmon); background: var(--salmon); color: var(--porcelain); } [data-whatintent="mouse"] .popup-a.module-error.overlay-sal .link-btn a:hover { border-color: var(--red); background: var(--red); color: var(--porcelain); } .w820 { max-width: 820px; } .w980 { max-width: 980px; } .w990 { max-width: 990px; } .w820.text-center, .w980.text-center, .w990.text-center { margin-left: auto; margin-right: auto; text-align: inherit; } /*! Headers --------- */ .header-border { position: relative; margin-bottom: 35px; color: var(--dove); font-weight: 700; line-height: 1.1; text-transform: uppercase; } .header-border span { display: block; position: relative; z-index: 2; } .header-border span:before { right: -15px; background: var(--white); } #root .header-border .text-right { position: relative; z-index: 9; margin-left: auto; padding-left: 10px; background: var(--white); } .header-border:before { bottom: 5px; border-bottom: 1px solid var(--mercury); } .cols-a > * > .header-border:first-child { margin-top: 16px; } .cols-a > *:first-child > .header-border:first-child { margin-top: -26px; } #root .header-border + .list-news { margin-top: -45px; } #root .header-border + .list-news.aside { margin-top: -13px; } .header-border.a { } .cols-a > * > .header-border.a:first-child, .cols-a > *:first-child > .header-border.a:first-child { margin-top: -5px; } [dir="rtl"] #root .header-border, #root [dir="rtl"] .header-border { font-family: var(--hacen); } [dir="rtl"] #root .header-border span, #root [dir="rtl"] .header-border span { right: 0; left: -15px; top: .1em; } [dir="rtl"] #root .header-border .text-right, #root [dir="rtl"] .header-border .text-right { top: 0; margin-left: 0; margin-right: auto; padding-left: 0; padding-right: 10px; z-index: 0;} /*! Content --------- */ q { quotes: none; display: block; position: relative; z-index: 2; max-width: 477px; margin: 70px auto 84px; padding: 42px 0 0; font-size: var(--s30_25); line-height: 1.3333333333; text-align: center; } q:before, q:after { content: ""; display: block; position: absolute; } q:before { left: 50%; right: auto; top: 12px; width: 356px; height: 1px; margin: 0 0 0 -178px; border: 0 solid var(--cream); border-left-width: 120px; border-right-width: 120px; } q:after { content: "\e90d"; top: 0; margin: 0; color: var(--sun); font-size: 26px; line-height: 26px; } .strong, .theme-compact #nav > ul li.active a { font-weight: 700; } h1.strong.text-uppercase, h2.strong.text-uppercase, h3.strong.text-uppercase, h4.strong.text-uppercase, h5.strong.text-uppercase, h6.strong.text-uppercase { font-family: var(--serif); } .em { font-style: italic; } .text-center, .cols-a > header:first-child figure, .cols-a > aside figure { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s10 { color: var(--dove); font-size: 10px; font-family: var(--arial); } .s12 { font-size: 12px; } .s20 { position: relative; z-index: 2; font-size: 20px; } h1.s20, h2.s20, h3.s20, h4.s20, h5.s20, h6.s20, h1.s25, h2.s25, h3.s25, h4.s25, h5.s25, h6.s25 { font-family: var(--serif); font-weight: 700; line-height: 1.2; text-transform: uppercase; } h1.s20 .small.text-right, h2.s20 .small.text-right, h3.s20 .small.text-right, h4.s20 .small.text-right, h5.s20 .small.text-right, h6.s20 .small.text-right { top: 5px; } h1.s25 .small.text-right, h2.s25 .small.text-right, h3.s25 .small.text-right, h4.s25 .small.text-right, h5.s25 .small.text-right, h6.s25 .small.text-right { top: 9px; } h1.s20 .small.text-right:before, h2.s20 .small.text-right:before, h3.s20 .small.text-right:before, h4.s20 .small.text-right:before, h5.s20 .small.text-right:before, h6.s20 .small.text-right:before, h1.s30 .small.text-right:before, h2.s30 .small.text-right:before, h3.s30 .small.text-right:before, h4.s30 .small.text-right:before, h5.s30 .small.text-right:before, h6.s30 .small.text-right:before, h1.s25 .small.text-right:before, h2.s25 .small.text-right:before, h3.s25 .small.text-right:before, h4.s25 .small.text-right:before, h5.s25 .small.text-right:before, h6.s25 .small.text-right:before { left: auto; right: calc(100% + 6px); top: auto; bottom: 4px; width: 35px; height: 1px; background: var(--alto); } .s20 img { display: inline-block; position: relative; top: 18px; z-index: -1; margin-top: -40px; margin-right: -20px; } .s25 { font-size: 25px; } .s30 { font-size: 30px; } .s40 { font-size: 40px; } .overlay-azure, .overlay-a, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] .list-social a:hover i, [data-whatintent="mouse"] h1 a:hover, [data-whatintent="mouse"] h2 a:hover, [data-whatintent="mouse"] h3 a:hover, [data-whatintent="mouse"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover, .module-footer h1 span, .module-footer h2 span, .module-footer h3 span, .module-footer h4 span, .module-footer h5 span, .module-footer h6 span, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] #footer .list-social a:hover i, [data-whatintent="mouse"] #nav .list-social a:hover i, [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] #main > ul > li > a:hover, [data-whatintent="mouse"] #main > section .cols > *:first-child a:hover, [data-whatintent="mouse"] #main > section footer ul li a:hover, [data-whatintent="mouse"] #nav > ul.is-slider li a:hover, .form-search > header p span, .form-search > header p a, [data-whatintent="mouse"] .module-comments p.strong a:hover span, [data-whatintent="mouse"] .module-comments p.strong a:hover i, .list-comments header ul a, .list-comments footer ul a, [data-whatintent="mouse"] .list-comments footer ul li a:hover, .list-news .list-inline li.strong a.overlay-azure, .list-main .list-inline li.strong a.overlay-azure, [data-whatintent="mouse"] #main > section .cols > .strong ul li a:hover { color: var(--azure); } .overlay-coal, .overlay-b, [data-whatintent="mouse"] .module-comments h1 a:hover, [data-whatintent="mouse"] .module-comments h2 a:hover, [data-whatintent="mouse"] .module-comments h3 a:hover, [data-whatintent="mouse"] .module-comments h4 a:hover, [data-whatintent="mouse"] .module-comments h5 a:hover, [data-whatintent="mouse"] .module-comments h6 a:hover, [data-whatintent="mouse"] .list-news.ol > li:hover:after, [data-whatintent="mouse"] .list-main h1 a:hover .small, [data-whatintent="mouse"] .list-main h2 a:hover .small, [data-whatintent="mouse"] .list-main h3 a:hover .small, [data-whatintent="mouse"] .list-main h4 a:hover .small, [data-whatintent="mouse"] .list-main h5 a:hover .small, [data-whatintent="mouse"] .list-main h6 a:hover .small, [data-whatintent="mouse"] .list-news h1 a:hover .small, [data-whatintent="mouse"] .list-news h2 a:hover .small, [data-whatintent="mouse"] .list-news h3 a:hover .small, [data-whatintent="mouse"] .list-news h4 a:hover .small, [data-whatintent="mouse"] .list-news h5 a:hover .small, [data-whatintent="mouse"] .list-news h6 a:hover .small, [data-whatintent="mouse"] .list-gallery a:hover, [data-whatintent="mouse"] .list-comments header ul a:hover { color: var(--coal); } .overlay-wine, [data-whatintent="mouse"] .list-compact a:hover, [data-whatintent="mouse"] .list-compact a:hover *, [data-whatintent="mouse"] .module-users a:hover { color: var(--wine); } [data-whatintent="mouse"] .header-article a.small:hover, [data-whatintent="mouse"] .list-news .list-inline li.strong a:hover, [data-whatintent="mouse"] .list-main .list-inline li.strong a:hover, [data-whatintent="mouse"] .list-news h1 a.text-uppercase:hover, [data-whatintent="mouse"] .list-news h2 a.text-uppercase:hover, [data-whatintent="mouse"] .list-news h3 a.text-uppercase:hover, [data-whatintent="mouse"] .list-news h4 a.text-uppercase:hover, [data-whatintent="mouse"] .list-news h5 a.text-uppercase:hover, [data-whatintent="mouse"] .list-news h6 a.text-uppercase:hover, [data-whatintent="mouse"] #nav .list-lang a:hover, [data-whatintent="mouse"] .list-news .list-inline li.strong a.overlay-azure:hover, [data-whatintent="mouse"] .list-main .list-inline li.strong a.overlay-azure:hover { color: var(--sea); } .overlay-sun, #root #top .overlay-sun, #root #main > section .cols ul.desktop-hide .overlay-sun i{ color: var(--sun); } [data-whatintent="mouse"] .list-main h1 a.small:hover, [data-whatintent="mouse"] .list-main h2 a.small:hover, [data-whatintent="mouse"] .list-main h3 a.small:hover, [data-whatintent="mouse"] .list-main h4 a.small:hover, [data-whatintent="mouse"] .list-main h5 a.small:hover, [data-whatintent="mouse"] .list-main h6 a.small:hover, [data-whatintent="mouse"] .list-news .list-inline a:hover, [data-whatintent="mouse"] .list-main .list-inline a:hover, .list-compact span.overlay-wine:first-child, .list-comments header ul i.icon-flag, .list-comments footer ul .overlay-wine i, [data-whatintent="mouse"] #root .list-comments footer ul li a.overlay-wine:hover { color: var(--kreo); } [data-whatintent="mouse"] .list-news-box a:hover, [data-whatintent="mouse"] .list-news-box-featured a:hover, [data-whatintent="mouse"] #root #up a:hover, [data-whatintent="mouse"] .module-weather ul li a:hover, [data-whatintent="mouse"] #main > section .cols ul li a:hover { color: var(--tropical); } .overlay-orange, [data-whatintent="mouse"] #root a.overlay-wine:hover { color: var(--orange); } .overlay-h, .module-error .overlay-h, .popup-a.module-error.overlay-h h1, .popup-a.module-error.overlay-h h2, .popup-a.module-error.overlay-h h3, .popup-a.module-error.overlay-h h4, .popup-a.module-error.overlay-h h5, .popup-a.module-error.overlay-h h6 { color: var(--lime); } .overlay-leaf, .module-error .overlay-leaf, .popup-a.module-error.overlay-leaf h1, .popup-a.module-error.overlay-leaf h2, .popup-a.module-error.overlay-leaf h3, .popup-a.module-error.overlay-leaf h4, .popup-a.module-error.overlay-leaf h5, .popup-a.module-error.overlay-leaf h6 { color: var(--leaf); } .overlay-wine, #root .overlay-wine, .popup-a.module-error.overlay-wine h1, .popup-a.module-error.overlay-wine h2, .popup-a.module-error.overlay-wine h3, .popup-a.module-error.overlay-wine h4, .popup-a.module-error.overlay-wine h5, .popup-a.module-error.overlay-wine h6 { color: var(--wine); } .overlay-sal, #root .overlay-sal, .popup-a.module-error.overlay-sal h1, .popup-a.module-error.overlay-sal h2, .popup-a.module-error.overlay-sal h3, .popup-a.module-error.overlay-sal h4, .popup-a.module-error.overlay-sal h5, .popup-a.module-error.overlay-sal h6 { color: var(--salmon); } .overlay-dove, h1 .overlay-dove, h2 .overlay-dove, h3 .overlay-dove, h4 .overlay-dove, h5 .overlay-dove, h6 .overlay-dove { color: var(--alto); } .overlay-pickle { color: var(--pickle); } .scheme-alert { display: block; position: relative; z-index: 2; padding: 7px; color: var(--azure); font-size: 13px; line-height: 1.4; } .scheme-alert:before { border-radius: 8px; background: var(--azure); opacity: .1; } .scheme-alert i { display: inline-block; position: relative; top: .1em; margin: 0 4px 0 0; font-size: 1.0769230769em; line-height: 1px; } .scheme-alert .icon-error:before { content: "\e945"; } .scheme-alert.overlay-wine { color: var(--kreo); } .scheme-alert.overlay-wine:before { background: var(--maid); opacity: 1; } .scheme-alert.overlay-leaf { color: var(--emerald); } .scheme-alert.overlay-leaf:before { background: var(--mint); opacity: 1; } .scheme-capital { display: block; position: relative; top: 7px; float: left; margin: -40px 10px 0 0; color: var(--azure); font-size: 100px; font-weight: 400; line-height: 1; } .scheme-outline { display: block; position: relative; z-index: 2; min-height: 227px; margin-bottom: 66px; padding: 20px; font-size: 12px; text-align: center; } .scheme-outline:before { border: 1px solid var(--mercury); } /*h1 + .scheme-outline, h2 + .scheme-outline, h3 + .scheme-outline, h4 + .scheme-outline, h5 + .scheme-outline, h6 + .scheme-outline, header + .scheme-outline { margin-top: 42px; }*/ .scheme-profile { position: relative; padding-right: 60px; color: var(--azure); font-size: 20px; font-family: var(--arial); font-weight: 700; line-height: 1.2; text-align: right; } .scheme-profile:before { content: "\e90a"; left: auto; margin-top: -22px; color: var(--dove); font-size: 44px; line-height: 44px; } .scheme-profile a { display: block; color: var(--black); font-size: 0.75em; font-weight: 400; } [data-whatintent="mouse"] .scheme-profile a:hover { color: var(--dove); text-decoration: underline; } /*! Links --------- */ .link-btn, .submit { position: relative; z-index: 2; margin: 0 -15px 15px 0; } .link-btn > * { margin: 0 15px 15px 0; } #root .link-btn a.overlay-wine { border-color: var(--wine); background: var(--wine); color: var(--white); } [data-whatintent="mouse"] #root .link-btn a.overlay-wine:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } .link-btn a.overlay-orange { border-color: var(--orange); background: var(--orange); color: var(--white); } [data-whatintent="mouse"] .link-btn a.overlay-orange:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } .link-btn.a { margin-top: 0; font-family: var(--arial); } .link-btn.a > span + a:last-child { margin-left: auto; } .link-btn.a a { white-space: nowrap; } .link-btn.aside { color: var(--dove); } .link-btn.aside > span { margin-bottom: 15px; color: var(--dove); font-size: 16px; line-height: 1.375; } .link-btn.aside > span .strong { color: var(--black); font-weight: 700; } .link-btn.aside > a { min-width: 248px; border-radius: 2px; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 20px; font-weight: 700; text-transform: none; } [data-whatintent="mouse"] .module-box .link-btn a:hover, [data-whatintent="mouse"] .module-box button:hover, [data-whatintent="mouse"] .module-error .link-btn a:hover, [data-whatintent="mouse"] .link-btn.aside > a:hover, [data-whatintent="mouse"] table .link-btn a:hover, [data-whatintent="mouse"] .list-comments li.link-btn a:hover, [data-whatintent="mouse"] .form-comment button:hover, [data-whatintent="mouse"] .list-events .link-btn a:hover, [data-whatintent="mouse"] .list-price header .link-btn a:hover, [data-whatintent="mouse"] .form-newsletter button:hover, [data-whatintent="mouse"] .form-aside button:hover, [data-whatintent="mouse"] .form-aside .link-btn a:hover, [data-whatintent="mouse"] .form-login button:hover, [data-whatintent="mouse"] #root > .close-comments.b:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } .link-btn.box { position: relative; z-index: 2; margin-right: 0; margin-bottom: 30px; padding: 22px 16px 7px 26px; } .link-btn.box:before { border: 1px solid var(--mercury); } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure { position: relative; z-index: 2; margin-top: 42px; color: var(--dove); font-family: var(--arial); font-size: 15px; text-align: right; } figure a, figure span { display: block; position: relative; z-index: 2; } figure i { position: relative; z-index: 2; } figure .icon-play, figure .icon-microphone, figure .icon-camera { display: block; position: absolute; right: 50px; bottom: 40px; z-index: 2; width: 102px; height: 102px; color: var(--white); font-size: 40px; line-height: 102px; text-align: center; } figure .icon-camera { font-size: 36px; } figure .icon-play { font-size: 102px; } figure .icon-play:after, figure .icon-microphone:after, figure .icon-camera:after { border-radius: 99px; background: var(--azure); opacity: .5; } [data-whatintent="mouse"] figure a:hover .icon-play:after, [data-whatintent="mouse"] figure a:hover .icon-microphone:after, [data-whatintent="mouse"] figure a:hover .icon-camera:after { background: var(--sea); opacity: 1; } figcaption a, figcaption span { display: inline; } figcaption + *, * + figcaption { display: block; margin-top: 14px; } figure + * { margin-top: 38px; } .image-box { position: relative; z-index: 2; text-align: center; } .image-box:before, aside figure:before, .cols-a > header:first-child figure:before { background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI0NDUgNTA4LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0NDUgNTA4LjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qxe2ZpbGw6I2Y2ZjhmYn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01LjMgMEgwdjkuNmwyNDcuNCA0OTkuMmgxMC4xek0xNyAwbDI1Mi4xIDUwOC44aDEwLjFMMjcgMHpNMzguNyAwbDI1Mi4xIDUwOC44aDEwLjFMNDguNyAwek02MC40IDBsMjUyLjEgNTA4LjhoMTAuMUw3MC40IDB6TTgyLjEgMGwyNTIuMSA1MDguOGgxMC4xTDkyLjEgMHpNMTAzLjggMGwyNTIuMSA1MDguOEgzNjZMMTEzLjggMHpNMTI1LjUgMGwyNTIuMSA1MDguOGgxMC4xTDEzNS41IDB6TTE0Ny4yIDBsMjUyLjEgNTA4LjhoMTAuMUwxNTcuMiAwek0xNjguOSAwIDQyMSA1MDguOGgxMC4xTDE3OC45IDB6TTE5MC42IDBsMjUyLjEgNTA4LjhoMTAuMUwyMDAuNiAwek0yMTIuMyAwbDI1Mi4xIDUwOC44aDEwLjFMMjIyLjMgMHpNMjM0IDBsMjUyLjEgNTA4LjhoMTAuMUwyNDQgMHpNMjU1LjcgMGwyNTIuMSA1MDguOGgxMC4xTDI2NS43IDB6TTI3Ny40IDBsMjUyLjEgNTA4LjhoMTAuMUwyODcuNCAwek0yOTkuMSAwbDI1Mi4xIDUwOC44aDEwLjFMMzA5LjEgMHpNMzIwLjggMGwyNTIuMSA1MDguOEg1ODNMMzMwLjggMHpNMzQyLjUgMGwyNTIuMSA1MDguOGgxMC4xTDM1Mi41IDB6TTM2NC4yIDBsMjUyLjEgNTA4LjhoMTAuMUwzNzQuMiAwek0zODUuOSAwIDYzOCA1MDguOGgxMC4xTDM5NS45IDB6TTQwNy42IDBsMjUyLjEgNTA4LjhoMTAuMUw0MTcuNiAwek00MzkuMyAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek00NjEgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNNDgyLjcgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNNTA0LjQgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNNTI2LjEgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNNTQ3LjggMGgtMTBsMjUyLjEgNTA4LjhIODAwek01NjkuNSAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek01OTEuMiAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek02MTIuOSAwaC0xMEw4NTUgNTA4LjhoMTAuMXpNNjM0LjYgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNNjU2LjMgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNNjc4IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTY5OS43IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTcyMS40IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTc0My4xIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTc2NC44IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTc4Ni41IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTgwOC4yIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTgyOS45IDBoLTEwTDEwNzIgNTA4LjhoMTAuMXpNODUxLjYgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNODczLjMgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNODk1IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTkxNi43IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTkzOC40IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTk2MC4xIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTk4MS44IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTEwMDMuNSAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xMDI1LjIgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTA0Ni45IDBoLTEwTDEyODkgNTA4LjhoMTAuMXpNMTA2OC42IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTEwOTAuMyAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xMTEyIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTExMzMuNyAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xMTU1LjQgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTE3Ny4xIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTExOTguOCAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xMjIwLjUgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTI0Mi4yIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTEyNjMuOSAwaC0xMEwxNTA2IDUwOC44aDEwLjF6TTEyODUuNiAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xMzA3LjMgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTMyOSAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xMzUwLjcgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTM3Mi40IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTEzOTQuMSAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xNDE1LjggMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTQzNy41IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTE0NTkuMiAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xNDgwLjkgMGgtMTBMMTcyMyA1MDguOGgxMC4xek0xNTAyLjYgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTUyNC4zIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTE1NDYgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTU2Ny43IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTE1ODkuNCAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xNjExLjEgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTYzMi44IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTE2NTQuNSAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xNjc2LjIgMGgtMTBsMjUyLjEgNTA4LjhoMTAuMXpNMTY5Ny45IDBoLTEwTDE5NDAgNTA4LjhoMTAuMXpNMTcxOS42IDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTE3NDEuMyAwaC0xMGwyNTIuMSA1MDguOGgxMC4xek0xNzYzIDBoLTEwbDI1Mi4xIDUwOC44aDEwLjF6TTE3NzQuNyAwbDI1Mi4xIDUwOC44aDEwLjFMMTc4NC43IDB6TTE3OTYuNCAwbDI1Mi4xIDUwOC44aDEwLjFMMTgwNi40IDB6TTE4MTguMSAwbDI1Mi4xIDUwOC44aDEwLjFMMTgyOC4xIDB6TTE4MzkuOCAwbDI1Mi4xIDUwOC44aDEwLjFMMTg0OS44IDB6TTE4NjEuNSAwbDI1Mi4xIDUwOC44aDEwLjFMMTg3MS41IDB6TTE4ODMuMiAwbDI1Mi4xIDUwOC44aDEwLjFMMTg5My4yIDB6TTE5MDQuOSAwIDIxNTcgNTA4LjhoMTAuMUwxOTE0LjkgMHpNMTkyNi42IDBsMjUyLjEgNTA4LjhoMTAuMUwxOTM2LjYgMHpNMTk0OC4zIDBsMjUyLjEgNTA4LjhoMTAuMUwxOTU4LjMgMHpNMTk3MCAwbDI1Mi4xIDUwOC44aDEwLjFMMTk4MCAwek0xOTkxLjcgMGwyNTIuMSA1MDguOGgxMC4xTDIwMDEuNyAwek0yMDEzLjQgMGwyNTIuMSA1MDguOGgxMC4xTDIwMjMuNCAwek0yMDM1LjEgMGwyNTIuMSA1MDguOGgxMC4xTDIwNDUuMSAwek0yMDU2LjggMGwyNTIuMSA1MDguOGgxMC4xTDIwNjYuOCAwek0yMDc4LjUgMGwyNTIuMSA1MDguOGgxMC4xTDIwODguNSAwek0yMTAwLjIgMGwyNTIuMSA1MDguOGgxMC4xTDIxMTAuMiAwek0yMTIxLjkgMCAyMzc0IDUwOC44aDEwLjFMMjEzMS45IDB6TTIxNDMuNiAwbDI1Mi4xIDUwOC44aDEwLjFMMjE1My42IDB6TTIxNjUuMyAwbDI1Mi4xIDUwOC44aDEwLjFMMjE3NS4zIDB6TTIxODcgMGwyNTIuMSA1MDguOGg1Ljl2LTguNEwyMTk3IDB6Ii8+PC9zdmc+) center center; background-size: 2445px auto; } .image-box a, .image-box img { display: block; margin: 0 auto; } /*! Tables --------- */ table { display: table; width: 100%; margin-bottom: 70px; border-collapse: collapse; border-spacing: 0; border: 0 solid var(--mercury); border-right-width: 1px; border-left-width: 1px; color: var(--dove); font-family: Arial, Helvetica, sans-serif; } th, td { padding: 18px; border: 0 solid var(--mercury); border-bottom-width: 1px; font-weight: 400; font-size: 16px; line-height: 1.375; text-align: left; vertical-align: top; } th { padding-top: 9px; padding-bottom: 8px; background: var(--catskill); font-size: 12px; font-weight: 700; } tr:first-child > * { border-top-width: 1px; } td span.strong { display: block; margin-top: 4px; } table .link-btn { margin-top: 19px; } table .link-btn:last-child { margin-bottom: 6px; } table td.link-btn { display: table-cell; margin-top: 0; padding-right: 14px; vertical-align: middle; } table .link-btn a { display: block; float: right; min-width: 153px; margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; border-radius: 2px; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 14px; font-weight: 700; text-transform: none; } /*table .link-btn { margin-bottom: 0; } tr > *:last-child .link-btn { margin-right: -4px; }*/ /*! Lists --------- */ .list-compact li:after, #top li:after, #footer li:after, .list-social li:after, .module-users li:after, .check li:after, .list-results li:after, .list-tags li:after, .list-news-box li:after, .list-news li:after, .list-inline li:after, .list-lang li:after, .module-weather li:after, .module-alert li:after, .list-main li:after, .list-gallery li:after { display: none; position: relative; left: auto; top: 0; width: auto; height: auto; border-radius: 0; background: none; } [dir="rtl"] .list-compact, [dir="rtl"] .list-poll, [dir="rtl"] .list-gallery, [dir="rtl"] .list-border, [dir="rtl"] .list-comments, [dir="rtl"] .list-inline, [dir="rtl"] .list-lang, [dir="rtl"] .list-main, [dir="rtl"] .list-news, [dir="rtl"] .list-news-box, [dir="rtl"] .list-price, [dir="rtl"] .list-results, [dir="rtl"] .list-slider-main, [dir="rtl"] .list-social, [dir="rtl"] .list-tags, [dir="rtl"] .check { padding-right: 0; } .list-border { position: relative; z-index: 2; list-style: none; max-width: 784px; margin: 0 auto 10px; padding: 0; font-family: var(--arial); font-size: 15px; line-height: 1.2; } .list-border:before { left: calc(50% + -1px); top: 2px; bottom: 40px; border-left: 1px solid var(--mercury); } .list-border li { width: calc(50% - 42px); margin-bottom: 11px; } .list-border h1, .list-border h2, .list-border h3, .list-border h4, .list-border h5, .list-border h6 { margin: 0 0 10px; color: var(--azure); font-family: inherit; font-weight: 700; font-size: 20px; text-transform: uppercase; } .list-comments { list-style: none; margin: 0 0 100px; padding: 0; font-family: var(--arial); font-size: 16px; line-height: 1.625; } .list-comments li { margin: 0 0 44px; padding: 38px 0 0; border-top: 1px solid var(--silver); } .list-comments li:first-child, .list-comments li.link-btn { margin-top: 0; padding-top: 0; border-top-width: 0; } .list-comments header { } .list-comments header ul, .list-comments footer ul { list-style: none; margin-right: -16px; margin-bottom: 20px; padding: 0; color: var(--dusty); font-size: 12px; } .list-comments header ul li, .list-comments footer ul li { margin: 0 16px 0 0; padding: 0; border-width: 0; } .list-comments header ul i, .list-comments footer ul i { display: inline-block; position: relative; top: .1em; margin-left: 3px; font-size: 1.0833333333em; line-height: 1px; } .list-comments header ul i.icon-edit, .list-comments footer ul i.icon-edit { top: .25em; } .list-comments header ul i.icon-backward, .list-comments footer ul i.icon-backward { color: var(--azure); font-size: 0.75em; } .list-comments header ul.list-inline, .list-comments footer ul.list-inline { margin-right: -10px; } .list-comments header ul.list-inline li, .list-comments footer ul.list-inline li { margin-right: 10px; } .list-comments footer ul { margin-right: -22px; color: var(--regent); font-weight: 700; } .list-comments footer ul li { margin: 0 22px 0 0; padding: 0; border-width: 0; } .list-comments footer ul li i { margin-left: 0; margin-right: 4px; color: var(--azure); } .list-comments p { margin-bottom: 18px; } .list-comments li.link-btn { display: block; width: 100%; margin-top: 98px; margin-right: 0; } .list-comments li.link-btn a { display: block; float: none; width: 100%; margin-right: 0; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 20px; text-transform: none; } .list-compact { list-style: none; padding: 0; color: var(--teal); font-family: var(--serif); font-size: 15px; line-height: 1.4; } .list-compact li { position: relative; z-index: 2; margin: 0 0 12px; padding-left: 52px; } .list-compact a { display: block; color: inherit; text-decoration: none; } .list-compact span:first-child { display: block; position: absolute; left: 0; top: 2px; color: var(--coal); font-family: var(--arial); font-size: 0.9333333333em; font-weight: 700; } .list-compact i { display: inline-block; position: relative; margin-right: 2px; color: var(--azure); font-size: 10px; line-height: 1px; } .list-compact li.text-center { margin-top: 12px; padding: 0; font-size: 15px; } .list-compact li.text-center:before { top: 50%; bottom: auto; height: 2px; margin-top: -1px; background: var(--mercury); } .list-compact li.text-center span:first-child { position: relative; top: 0; z-index: 4; padding: 0 9px; background: var(--white); color: var(--silver); font-size: 1em; font-family: inherit; font-weight: 400; text-transform: uppercase; text-align: center; } .list-compact li.link-btn { display: block; z-index: 9; margin-top: -3px; margin-right: 0; padding: 0; } .list-compact li.link-btn:before, .list-compact li.link-btn a:before { top: -67px; bottom: auto; height: 67px; } .list-compact li.link-btn:before, .module-offset.limit .module-box:after { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } .list-compact li.link-btn a { float: none; margin-right: 0; padding: 11px 16px 8px; border-color: var(--mercury); color: var(--dove); font-size: 0.9333333333em; font-family: inherit; font-weight: 700; } [data-whatintent="mouse"] .list-compact li.link-btn a:hover { border-color: var(--mercury); color: var(--sea); } .list-gallery { list-style: none; margin-left: -42px; padding: 0; color: var(--hit); } .list-gallery li { position: relative; z-index: 2; width: 33.3333333%; margin-top: 40px; padding: 0 12px 14px; border-left: 42px solid rgba(0,0,0,0); } .list-gallery li:before { border-bottom: 5px solid var(--pattens); } .list-gallery figure { margin: 0 -12px 23px; text-align: center; } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin-top: 0; font-size: 18px; font-weight: 400; font-family: var(--arial); line-height: 1.2222222222; } .list-gallery li.link-btn { display: block; width: 100%; min-height: 0; margin-top: 34px; margin-bottom: 0; margin-right: 0; padding: 0; } .list-inline { list-style: none; padding: 0; } .list-inline li { position: relative; } .list-inline li:after { content: "|"; display: block; position: absolute; right: 100%; left: auto; top: 0; bottom: auto; width: 10px; height: auto; margin: 0; padding: 0; border-radius: 0; background: none; text-align: center; direction: inherit; } .list-inline li.strong { margin-right: 6px; color: var(--ruby); font-weight: 700; text-transform: uppercase; } .list-lang { position: relative; z-index: 2; list-style: none; padding: 0; color: var(--azure); font-family: var(--arial); font-weight: 400; font-size: 15px; line-height: 1.2; } .list-lang li { position: relative; z-index: 2; margin: 0 0 3px; font-weight: 400; } .list-lang li.strong { margin-bottom: 8px; } .list-lang a { display: block; color: var(--astro); font-size: 1.3333333333em; font-weight: 700; text-decoration: none; } .list-main { position: relative; z-index: 2; list-style: none; margin: 0 0 5px -28px; padding: 0; font-size: var(--s15_16); font-weight: 300; line-height: 1.4; } .list-main:after { left: 0; right: auto; z-index: 9; width: 28px; background: var(--white); } .list-main li { position: relative; z-index: 2; min-width: 100%; min-height: 187px; margin-bottom: 25px; padding: 35px 0 0 190px; border-left: 28px solid rgba(0,0,0,0); } .list-main li:first-child { margin-top: -35px; } .list-main li:before { border-top: 1px solid var(--mercury); } .list-main figure { position: absolute; left: 190px; top: 37px; z-index: 8; width: 250px; } .list-main figure ~ * { padding-left: 280px; } .list-main figure i, .list-news figure i { display: block; position: absolute; right: 20px; bottom: 20px; z-index: 9; width: 40px; height: 40px; border-radius: 99px; background: var(--azure); color: var(--white); font-size: 18px; line-height: 40px; text-align: center; } .list-main figure i.icon-camera, .list-news figure i.icon-camera { font-size: 14px; } .list-main figure i.icon-play, .list-news figure i.icon-play { font-size: 40px; } [data-whatintent="mouse"] .list-main li:hover figure i, [data-whatintent="mouse"] .list-news li:hover figure i { background: var(--sea); } .list-main h1, .list-main h2, .list-main h3, .list-main h4, .list-main h5, .list-main h6 { position: static; margin: 0 0 11px; font-size: var(--s25_30); font-weight: 600; line-height: 1.12; } .list-main h1 .small, .list-main h2 .small, .list-main h3 .small, .list-main h4 .small, .list-main h5 .small, .list-main h6 .small { position: relative; z-index: 9; margin: 0 0 4px; font-size: var(--s15_20); font-family: var(--serif); font-weight: 400; text-transform: uppercase; } .list-main h1 > .small:first-child, .list-main h2 > .small:first-child, .list-main h3 > .small:first-child, .list-main h4 > .small:first-child, .list-main h5 > .small:first-child, .list-main h6 > .small:first-child, .list-main h1 > a:first-child > .small:first-child, .list-main h2 > a:first-child > .small:first-child, .list-main h3 > a:first-child > .small:first-child, .list-main h4 > a:first-child > .small:first-child, .list-main h5 > a:first-child > .small:first-child, .list-main h6 > a:first-child > .small:first-child { margin-top: 3px; } .list-main h1 a.small, .list-main h2 a.small, .list-main h3 a.small, .list-main h4 a.small, .list-main h5 a.small, .list-main h6 a.small { margin: 0; color: var(--sea); font-size: 12px; font-family: var(--arial); font-weight: 700; } .list-main h1 .small + .small, .list-main h2 .small + .small, .list-main h3 .small + .small, .list-main h4 .small + .small, .list-main h5 .small + .small, .list-main h6 .small + .small, .list-main h1 .small + a > .small:first-child, .list-main h2 .small + a > .small:first-child, .list-main h3 .small + a > .small:first-child, .list-main h4 .small + a > .small:first-child, .list-main h5 .small + a > .small:first-child, .list-main h6 .small + a > .small:first-child { margin-top: 6px; } .list-main h1 .icon-premium, .list-main h2 .icon-premium, .list-main h3 .icon-premium, .list-main h4 .icon-premium, .list-main h5 .icon-premium, .list-main h6 .icon-premium { font-size: 0.72em; } .list-main p + h1, .list-main p + h2, .list-main p + h3, .list-main p + h4, .list-main p + h5, .list-main p + h6 { margin-top: 14px; } .list-main p { margin: 0 0 11px; } .list-main figure + p, .list-main .list-inline + p { margin: 0; color: var(--boulder); font-family: var(--arial); font-size: 15px; } #root .list-main .list-inline { position: absolute; left: 0; top: 39px; z-index: 9; width: 180px; margin-top: 0; margin-bottom: 0; padding: 0; } .list-main li.link-btn { display: block; min-height: 0; margin-top: 40px; margin-right: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .list-main li.link-btn a, .list-gallery li.link-btn a { display: block; float: none; width: 100%; margin: 0; } #root .list-main li.overlay { z-index: 99; min-height: 180px; padding: 21px 22px 10px; } .list-main li.overlay:before { border-width: 0; background: var(--seashell); } #root .list-main li.overlay figure { left: 22px; top: 20px; } .list-main li.overlay figure ~ * { padding-left: 280px; } .list-main li.overlay figure ~ .list-inline { margin-left: 280px; padding-left: 0; } .list-main li.wide, .list-main li.featured { min-height: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } #root .list-main li.wide, #root .list-main li.featured { padding-left: 0; padding-right: 0; } .list-main li.wide + li, .list-main li.overlay + li { margin-top: -27px; } .list-main li.wide figure, .list-main li.featured figure, .list-main li.w50 figure { margin-bottom: 12px; } #root .list-main li.wide figure, #root .list-main li.featured figure, #root .list-main li.w50 figure { position: relative; left: 0; top: 0; width: auto;; } .list-main li.wide figure i, .list-main li.featured figure i { right: 30px; bottom: 30px; width: 70px; height: 70px; font-size: 32px; line-height: 70px; } .list-main li.wide figure i.icon-camera, .list-main li.featured figure i.icon-camera { font-size: 24px; } .list-main li.wide figure i.icon-play, .list-main li.featured figure i.icon-play { font-size: 70px; } #root .list-main li.wide figure ~ *, #root .list-main li.featured figure ~ *, #root .list-main li.w50 figure ~ * { padding-left: 0; padding-right: 0; } #root .list-main li.wide .list-inline, #root .list-main li.featured .list-inline, #root .list-main li.w50 .list-inline { position: relative; top: 0; width: auto; } #root .cols-a .cols-a .list-main li.wide figure ~ .list-inline, #root .cols-a .cols-a .list-main li.featured figure ~ .list-inline, #root .cols-a .cols-a .list-main li.w50 .list-inline { margin-left: 0; } .list-main li.w50 { width: 50%; min-width: 0; } .list-main li.w50:before { left: -28px; } .list-main li.w50 figure { width: auto; margin-bottom: 14px; } #root .list-main li.w50 figure ~ * { padding-left: 0; padding-right: 0; } .list-main li.featured { font-size: 18px; } .list-main li.featured h1, .list-main li.featured h2, .list-main li.featured h3, .list-main li.featured h4, .list-main li.featured h5, .list-main li.featured h6 { font-size: 30px; } .list-main li.featured h1 .small, .list-main li.featured h2 .small, .list-main li.featured h3 .small, .list-main li.featured h4 .small, .list-main li.featured h5 .small, .list-main li.featured h6 .small { margin-bottom: 0; font-size: 16px; } .list-main li.no-img { min-height: 0; } .list-main .list-results { margin-top: 17px; } [dir="rtl"] .list-main li, [dir="rtl"].list-main li { padding-left: 0; padding-right: 190px; } [dir="rtl"] .list-main h1, [dir="rtl"] .list-main h2, [dir="rtl"] .list-main h3, [dir="rtl"] .list-main h4, [dir="rtl"] .list-main h5, [dir="rtl"] .list-main h6, [dir="rtl"].list-main h1, [dir="rtl"].list-main h2, [dir="rtl"].list-main h3, [dir="rtl"].list-main h4, [dir="rtl"].list-main h5, [dir="rtl"].list-main h6 { font-family: var(--hacen); font-weight: 400; } [dir="rtl"] .list-main figure, [dir="rtl"].list-main figure { left: auto; right: 190px; } [dir="rtl"] .list-main figure ~ *, [dir="rtl"].list-main figure ~ *, [dir="rtl"] .list-main li.overlay figure ~ *, [dir="rtl"].list-main li.overlay figure ~ * { padding-left: 0; padding-right: 280px; } #root [dir="rtl"] .list-main .list-inline, #root [dir="rtl"].list-main .list-inline { left: auto; right: 0; margin-right: 0; margin-left: -10px; } #root [dir="rtl"] .list-main .list-inline li, #root [dir="rtl"].list-main .list-inline li { margin-right: 0; margin-left: 10px; } #root [dir="rtl"] .list-main .list-inline li:after, #root [dir="rtl"].list-main .list-inline li:after { left: auto; right: -10px; } #root [dir="rtl"] .list-main .list-inline li.strong, #root [dir="rtl"].list-main .list-inline li.strong { margin-right: 0; margin-left: 8px; } #root [dir="rtl"] .list-main li.overlay figure, #root [dir="rtl"].list-main li.overlay figure { left: auto; right: 22px; } .cols-a .cols-a .list-main { } .cols-a .cols-a .list-main li { padding-left: 0; } .cols-a .cols-a .list-main figure { left: 0; } .cols-a .cols-a .list-main h1, .cols-a .cols-a .list-main h2, .cols-a .cols-a .list-main h3, .cols-a .cols-a .list-main h4, .cols-a .cols-a .list-main h5, .cols-a .cols-a .list-main h6 { } #root .cols-a .cols-a .list-main .list-inline { position: relative; left: 0; top: 0; width: auto; } #root .cols-a .cols-a .list-main figure ~ .list-inline { margin-left: 280px; } .list-main.polls { } #root .list-main.polls li { min-height: 0; padding-left: 0; padding-right: 0; } .list-main.polls p { display: block; color: var(--gray); font-size: 15px; font-family: var(--arial); } .list-news { position: relative; z-index: 2; list-style: none; margin: -30px 0 0 -30px; padding: 0; font-weight: 300; font-family: var(--portada); font-size: var(--s18); line-height: 1.4; counter-reset: counter; } .list-news:before { right: auto; width: 30px; background: var(--white); } .list-news li { position: relative; z-index: 2; width: 25%; margin: 30px 0 17px; padding: 0 0 .1px; border-left: 30px solid rgba(0,0,0,0); } .list-news li:before { left: -30px; top: -30px; border-top: 2px solid var(--seashell); } .list-news li:nth-child(-n+4):before { display: none; } .list-news figure { position: relative; z-index: 2; margin: 0 0 11px; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 13px; font-size: var(--s25); font-weight: 600; line-height: 1.2; } .list-news h1 .small, .list-news h2 .small, .list-news h3 .small, .list-news h4 .small, .list-news h5 .small, .list-news h6 .small { display: block; margin: 0 0 4px; color: var(--dove); font-size: var(--s15); font-family: var(--serif); font-weight: 400; line-height: 1.1; text-transform: uppercase; } .list-news h1 a.small, .list-news h2 a.small, .list-news h3 a.small, .list-news h4 a.small, .list-news h5 a.small, .list-news h6 a.small, .list-news h1 a.text-uppercase, .list-news h2 a.text-uppercase, .list-news h3 a.text-uppercase, .list-news h4 a.text-uppercase, .list-news h5 a.text-uppercase, .list-news h6 a.text-uppercase { position: relative; z-index: 9; } .list-news h1 .text-uppercase, .list-news h2 .text-uppercase, .list-news h3 .text-uppercase, .list-news h4 .text-uppercase, .list-news h5 .text-uppercase, .list-news h6 .text-uppercase { display: block; color: var(--azure); font-family: var(--serif); font-weight: 700; } .list-news h1 .text-uppercase + .small, .list-news h2 .text-uppercase + .small, .list-news h3 .text-uppercase + .small, .list-news h4 .text-uppercase + .small, .list-news h5 .text-uppercase + .small, .list-news h6 .text-uppercase + .small { margin-top: 7px; } .list-news h1 .icon-premium, .list-news h2 .icon-premium, .list-news h3 .icon-premium, .list-news h4 .icon-premium, .list-news h5 .icon-premium, .list-news h6 .icon-premium { padding-right: 5px; font-size: 0.75em; } .list-news h1 .icon-premium:after, .list-news h2 .icon-premium:after, .list-news h3 .icon-premium:after, .list-news h4 .icon-premium:after, .list-news h5 .icon-premium:after, .list-news h6 .icon-premium:after { height: 15px; margin-top: -7.5px; } .list-news li > h1:last-child, .list-news li > h2:last-child, .list-news li > h3:last-child, .list-news li > h4:last-child, .list-news li > h5:last-child, .list-news li > h6:last-child { margin-bottom: 22px; } .list-news p { margin: 0 0 13px; } .list-news .list-inline, .list-main .list-inline { overflow: hidden; margin-bottom: 13px; margin-right: -10px; color: var(--boulder); font-size: 12px; font-family: var(--arial); } #root .list-news .list-inline li, #root .list-main .list-inline li { position: relative; z-index: 9; float: none; clear: none; width: auto; min-width: 0; min-height: 0; margin: 0 10px 1px 0; padding: 0; border-width: 0; line-height: 1.4; } #root .list-news .list-inline li.strong, #root .list-main .list-inline li.strong { margin-right: 8px; } #root .list-news .list-inline li:before, #root .list-main .list-inline li:before { content: "|"; display: none; position: absolute; left: -10px; top: 0; width: 10px; border-width: 0; text-align: center; text-indent: 0; } .list-news .list-inline li.strong a, .list-main .list-inline li.strong a { color: var(--cherry); font-weight: 700; text-transform: uppercase; text-decoration: none; } .list-news .list-inline + h1, .list-news .list-inline + h2, .list-news .list-inline + h3, .list-news .list-inline + h4, .list-news .list-inline + h5, .list-news .list-inline + h6 { margin-top: -12px; } .list-news .module-users { position: relative; z-index: 9; margin: 17px 0 27px; font-size: 12px; line-height: 1.3333333333; } .list-news .module-users ul { margin-right: 28px; } .list-news .module-users li { margin-right: -20px; } .list-news .module-users ul img { width: 40px !important; } figure + .list-news { padding-top: 40px; } figure + .list-news:after { left: 30px; border-top: 1px solid var(--mercury); } .list-news + figure { margin-top: 38px; } .cols-a .cols-a .list-news + figure { margin-top: 0; padding-top: 30px; border-top: 1px solid var(--mercury); } aside .list-news + h1, aside .list-news + h2, aside .list-news + h3, aside .list-news + h4, aside .list-news + h5, aside .list-news + h6 { padding-top: 32px; border-top: 1px solid var(--mercury); } .list-news.article { display: block; padding-right: 634px; } #root .list-news.article > li { float: left; clear: left; width: 100%; } #root .list-news.article > li:before { display: block; } #root .list-news.article > li:first-child { float: right; clear: none; width: 604px; margin-right: -634px; border-left-width: 0; } #root .list-news.article > li:first-child, #root .list-news.article > li:first-child + li { margin-top: 30px; } #root .list-news.article > li:first-child:before, #root .list-news.article > li:first-child + li:before { display: none; } #root .list-news.article > li > .list-inline:first-child { margin-top: -5px; } #root .list-news.article > li:first-child + li > .list-inline:first-child { margin-top: 0; } .list-news.article > li:first-child h1, .list-news.article > li:first-child h2, .list-news.article > li:first-child h3, .list-news.article > li:first-child h4, .list-news.article > li:first-child h5, .list-news.article > li:first-child h6 { margin-bottom: 11px; font-size: 30px; line-height: 1; } .list-news.article > li:first-child h1 .small, .list-news.article > li:first-child h2 .small, .list-news.article > li:first-child h3 .small, .list-news.article > li:first-child h4 .small, .list-news.article > li:first-child h5 .small, .list-news.article > li:first-child h6 .small { font-size: 16px; } .list-news.article > li:first-child figure i { width: 70px; height: 70px; font-size: 32px; line-height: 70px; } .list-news.article > li:first-child figure i.icon-camera { font-size: 24px; } .list-news.article > li:first-child figure i.icon-play { font-size: 70px; } .list-news.aside { margin-bottom: 16px; } .list-news.aside h1, .list-news.aside h2, .list-news.aside h3, .list-news.aside h4, .list-news.aside h5, .list-news.aside h6 { font-size: 20px; } .list-news.aside li + li { margin-top: 22px; } #root .list-news.aside li:before { display: none; } [class*="cols"] .list-news { } [class*="cols"] .list-news li { width: 33.3333333333%; } [class*="cols"] > header .list-news, [class*="cols"] > aside .list-news { display: block; margin-top: 0; } [class*="cols"] > header .list-news li, [class*="cols"] > aside .list-news li { width: 100%; } [class*="cols"] > header .list-news li > .list-inline:first-child, [class*="cols"] > aside .list-news li > .list-inline:first-child { margin-top: -5px; } [class*="cols"] > header .list-news li:first-child, [class*="cols"] > aside .list-news li:first-child { margin-top: 0; } [class*="cols"] > header .list-news li:first-child:before, [class*="cols"] > aside .list-news li:first-child:before { display: none; } [class*="cols"] > header .list-news li:last-child, [class*="cols"] > aside .list-news li:last-child { margin-bottom: 0; } [class*="cols"] > header .list-news li:before, [class*="cols"] > aside .list-news li:before { display: block; } .list-news.ol { } .list-news.ol li { width: 33.3333333333%; padding-left: 54px; } .list-news.ol > li:after { display: block; position: absolute; left: 0; top: -14px; counter-increment: counter; content: counters(counter, '.') ' '; color: var(--wine); font-weight: 700; font-size: 50px; font-family: var(--serif); line-height: 50px; text-indent: 0; } .list-news.ol li:nth-child(4):before { display: block; } .list-news.ol h1, .list-news.ol h2, .list-news.ol h3, .list-news.ol h4, .list-news.ol h5, .list-news.ol h6 { font-size: 20px; } [class*="cols"] .list-news.ol { } [class*="cols"] .list-news.ol li { width: 50%; } [class*="cols"] .list-news.ol li:nth-child(3):before { display: block; } @media only screen and (min-width: 82.5em) { /* 1320 */ .list-news.cols { display: block; margin-bottom: 25px; padding-left: 847px; } #root .list-news.cols li, #root .list-news.featured li { float: right; clear: right; width: 100%; margin-bottom: 0; } #root .list-news.cols li + li:before, #root .list-news.featured li + li:before { display: block; left: 0; top: -22px; border-top: 1px solid var(--seashell); } #root .list-news.cols li:first-child { float: left; width: 497px; margin-left: -847px; } #root .list-news.cols li:first-child + li { float: left; width: 350px; margin-left: -350px; } .list-news.featured { display: block; margin-bottom: 25px; padding-left: 500px; } #root .list-news.featured li:first-child { float: left; width: 497px; margin-left: -500px; } .list-news.featured li:first-child h1, .list-news.featured li:first-child h2, .list-news.featured li:first-child h3, .list-news.featured li:first-child h4, .list-news.featured li:first-child h5, .list-news.featured li:first-child h6, .list-news.cols li:first-child h1, .list-news.cols li:first-child h2, .list-news.cols li:first-child h3, .list-news.cols li:first-child h4, .list-news.cols li:first-child h5, .list-news.cols li:first-child h6 { font-size: var(--s30_35); } .list-news.featured li:first-child h1 .small, .list-news.featured li:first-child h2 .small, .list-news.featured li:first-child h3 .small, .list-news.featured li:first-child h4 .small, .list-news.featured li:first-child h5 .small, .list-news.featured li:first-child h6 .small { margin-bottom: 0; } #root .list-news.featured li:first-child + li:before, #root .list-news.cols li:first-child + li:before, #root .list-news.cols li:first-child + li + li:before { display: none; } #root .header-border + .list-news.featured, #root .header-border + .list-news.cols { margin-top: -35px; } .list-news.featured:last-child { margin-bottom: 8px; } [dir="rtl"] .list-news.cols { padding-left: 0; padding-right: 847px; } [dir="rtl"] #root .list-news.cols li, [dir="rtl"] #root .list-news.featured li, #root [dir="rtl"] .list-news.cols li, #root [dir="rtl"] .list-news.featured li { float: left; clear: left; } [dir="rtl"] #root .list-news.cols li:first-child, #root [dir="rtl"] .list-news.cols li:first-child { float: right; margin-right: -847px; margin-left: 0; } [dir="rtl"] #root .list-news.cols li:first-child + li, #root [dir="rtl"] .list-news.cols li:first-child + li { float: right; margin-right: -350px; margin-left: 0; } [dir="rtl"] .list-news.featured { padding-left: 0; padding-right: 500px; } [dir="rtl"] #root .list-news.featured li:first-child, #root [dir="rtl"] .list-news.featured li:first-child { float: right; margin-left: 0; margin-right: -500px; } } [dir="rtl"] .list-news h1, [dir="rtl"] .list-news h2, [dir="rtl"] .list-news h3, [dir="rtl"] .list-news h4, [dir="rtl"] .list-news h5, [dir="rtl"] .list-news h6 { font-family: var(--hacen); font-weight: 400; line-height: 1;} .list-news-box { position: relative; z-index: 2; list-style: none; min-height: 605px; margin: 86px -30px 30px; padding: 0; border-top: 26px solid rgba(0,0,0,0); color: var(--white); font-size: 20px; font-weight: 600; line-height: 1.2; } .list-news-box:before { left: 30px; right: 30px; top: -26px; border-top: 2px solid var(--seagull); } .list-news-box li { position: relative; z-index: 3; float: right; clear: right; width: 340px; height: 193px; margin: 0; padding: 20px; border: 0 solid rgba(0,0,0,0); } .list-news-box li:before { top: auto; height: 72%; } .list-news-box li:before { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.84) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.84) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.84) 100%); } .list-news-box img { z-index: -2; } .list-news-box a { display: block; position: static; color: inherit; text-decoration: none; } .list-news-box i { display: block; position: absolute; right: 20px; top: 15px; width: 50px; height: 50px; border-radius: 99px; background: var(--azure); color: var(--white); font-size: 20px; line-height: 50px; text-align: center; } .list-news-box i.icon-play { font-size: 50px; } .list-news-box i.icon-camera { font-size: 18px; } [data-whatintent="mouse"] .list-news-box a:hover i, [data-whatintent="mouse"] .list-news-box-featured a:hover i { background: var(--sea); } .list-news-box li:first-child { position: absolute; left: 0; right: 340px; top: 0; bottom: 0; float: none; width: auto; height: auto; min-height: 0; padding: 40px; font-size: 40px; line-height: 1; } .list-news-box li:first-child i, .list-news-box-featured i { display: block; overflow: hidden; position: absolute; left: 45px; top: 35px; right: auto; z-index: 9; width: 90px; height: 90px; border-radius: 99px; background: var(--azure); color: var(--white); font-size: 40px; line-height: 90px; text-align: center; } .list-news-box li:first-child i.icon-play, .list-news-box-featured i.icon-play { font-size: 90px; } .list-news-box li:first-child i.icon-camera, .list-news-box-featured i.icon-camera { font-size: 32px; } .list-news-box:first-child { margin-top: 0; border-top-width: 0; } .cols-a + .list-news-box, .cols-a + * > .list-news-box:first-child, .cols-a + * > .mobile-only:first-child + .list-news-box, .cols-a + * > .mobile-only:first-child + .list-news-box-featured + .list-news-box { margin-top: 0; } .list-price { list-style: none; margin: 0 0 7px -15px; padding: 0; color: var(--dove); font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.2; } .list-price li { position: relative; z-index: 2; width: 33.333333333333%; margin: 0 0 50px; padding: 32px 28px 35px; border-left: 15px solid rgba(0,0,0,0); font-weight: 400; } .list-price li:before { border: 1px solid var(--mercury); background: var(--white); } .list-price li.strong:before { border-color: var(--ribbon); } .list-price header { color: var(--ribbon); font-size: 35px; font-weight: 700; line-height: 1.1; text-align: center; } .list-price h1, .list-price h2, .list-price h3, .list-price h4, .list-price h5, .list-price h6 { margin: 0 0 17px; color: var(--coal); font-size: 25px; font-weight: 700; font-family: inherit; line-height: 1; } .list-price h1 span, .list-price h2 span, .list-price h3 span, .list-price h4 span, .list-price h5 span, .list-price h6 span { display: block; margin: 7px 0 0; color: var(--dove); font-weight: 400; font-size: 0.6em; } .list-price header p { margin-bottom: 21px; } .list-price header .link-btn a { min-width: 210px; border-radius: 2px; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 20px; font-weight: 700; text-transform: none; } .list-price header p.link-btn { margin-bottom: 16px; } .list-price header p.link-btn a { padding-left: 15px; padding-right: 15px; } .list-price p.label { position: absolute; right: -15px; top: -27px; width: 85px; height: 85px; padding: 10px; border-radius: 85px; background: var(--sun); color: var(--wine); font-size: 25px; font-weight: 700; } .list-price p, .list-price ul, .list-price ol { margin-bottom: 19px; } .list-price ul { display: block; list-style: none; padding: 0 0 0 20px; color: var(--tundora); line-height: 1.5333333333; } .list-price ul li { width: auto; margin: 0; padding: 0; border-width: 0; } .list-price ul li:before { left: -20px; top: 8px; right: auto; bottom: auto; width: 8px; height: 8px; border-radius: 8px; border-width: 0; background: var(--red); } .list-price ul li.disabled { color: var(--silver); text-decoration: line-through; } .list-price ul li.disabled:before { background: var(--silver); } .list-results { list-style: none; margin-bottom: 17px; padding: 0; color: var(--black); font-weight: 700; font-size: 15px; font-family: var(--arial); } .list-results li { position: relative; margin: 0 0 10px; padding: 0; border-width: 0; } #root .list-results li { margin-top: 0; margin-bottom: 10px; padding: 0; border-width: 0; } .list-results li span { display: block; float: right; padding-top: 1px; color: var(--nevada); font-size: 0.9333333333em; font-weight: 400; } .list-results .bar { display: block; overflow: hidden; clear: both; width: 100%; height: 10px; margin: 4px 0 0; border-radius: 2px; background: var(--mercury); } .list-results .bar > * { display: block; float: left; height: 100%; border-radius: 2px; background: var(--azure); } .list-slider-main { position: relative; z-index: 2; list-style: none; margin-bottom: 20px; padding: 0; color: var(--white); font-family: var(--arial); font-size: 15px; line-height: 1.3333333333; background-color: var(--cod);} .list-slider-main li { position: relative; z-index: 2; } .list-slider-main li a { display: block; position: relative; z-index: 2; color: inherit; text-decoration: none; cursor: pointer; } #root .list-slider-main li a, .list-slider-main li a * { cursor: pointer; } .list-slider-main a.pop:before { content: "\e941"; left: auto; right: 0; top: 0; z-index: 9; width: 90px; margin: 0; font-size: 29px; line-height: 88px; } .list-slider-main i { display: block; position: absolute; left: 50%; top: 50%; z-index: 9; width: 102px; height: 102px; margin: -51px 0 0 -51px; border-radius: 99px; font-size: 45px; line-height: 102px; text-align: center; } .list-slider-main i.icon-camera { font-size: 36px; } .list-slider-main i.icon-play { font-size: 102px; } .list-slider-main i:after { border-radius: 99px; background: var(--azure); opacity: .5; } [data-whatintent="mouse"] .list-slider-main li:hover i:after, [data-whatintent="mouse"] .module-single:hover .list-slider-main i:after { background: var(--sea); opacity: 1; } .list-slider-main.is-slider li > span, .list-slider-main.is-slider li a > span { max-width: 652px; padding-right: 159px; } .list-slider-main li a.has-desc:after { top: auto; z-index: 2; height: 100%; max-height: 280px; } .list-slider-main li a.has-desc:after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 35%, rgba(0,0,0,96) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 35%,rgba(0,0,0,96) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 35%,rgba(0,0,0,96) 100%); } .list-slider-main a.pop { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 100; width: 90px; height: 88px; color: var(--white); text-align: left; text-indent: -3000em; direction: ltr; } .list-slider-main li > span, .list-slider-main li a > span { display: block; position: absolute; right: 0; bottom: 0; z-index: 9; width: 100%; max-width: 539px; padding: 35px 46px; text-align: right; } #root .list-slider-main .owl-nav button { display: block; position: absolute; top: 50%; width: 128px; height: 80px; margin-top: -40px; background: none; color: var(--white); font-size: 56px; } .list-slider-main .owl-nav button:before { margin-top: -30px; line-height: 60px; } .list-slider-main .owl-nav button.owl-prev { left: 0; } .list-slider-main .owl-nav button.owl-next { right: 0; } .list-slider-main .owl-nav button.owl-prev:before { left: 0; } .list-slider-main .owl-nav button.owl-next:before { right: 0; } .list-slider-main .counter { display: block; position: absolute; right: 0; bottom: 35px; z-index: 9; width: 159px; color: var(--white); font-family: var(--serif); font-size: 40px; font-weight: 700; line-height: 1; text-align: center; } .list-slider-main.is-slider, #root .list-slider-main.is-slider { z-index: 19; } .list-slider-main img { height: 547px!important; -o-object-fit: contain; object-fit: contain; } .list-social { list-style: none; margin: 0 -28px 2px 0; padding: 0; color: var(--dove); font-size: 18px; font-family: var(--arial); line-height: 1.2; text-transform: uppercase; text-align: center; } .list-social li { position: relative; z-index: 2; margin: 0 28px 28px 0; } .list-social a { display: block; color: inherit; text-decoration: none; } .list-social i { display: block; font-size: 46px; line-height: 46px; } .list-social i.icon-facebook, .list-social i.icon-facebook-circle { color: var(--facebook); } .list-social i.icon-envelope { font-size: 34px; } .list-social i.icon-twitter { color: var(--twitter); font-size: 38px; } .list-social i.icon-whatsapp { color: var(--whatsapp); } .list-social i.icon-messenger { color: var(--messenger); } .list-social i.icon-viber { color: var(--viber); } .list-social i.icon-eye { font-size: 30px; } .list-social i.icon-chat, .list-social i.icon-attachment { font-size: 40px; } .list-social i.icon-eye:before { content: "\e920"; } .list-social i.icon-chat:before { content: "\e92f"; } [data-whatintent="mouse"] .list-social a:not(.shorturl):hover .icon-attachment, .list-social li.delay .icon-attachment { color: var(--pattens); } .list-social .icon-attachment ~ span { position: absolute; left: -10px; right: -10px; top: 50%; z-index: 2; margin: 0; color: var(--coal); font-weight: 700; font-size: 10px; line-height: 1; text-align: center; } #root .list-social .icon-attachment ~ span { margin: 0; } .list-social span { display: block; margin-top: 2px; } .list-social.compact { margin-right: -10px; color: var(--astro); } .list-social.compact li { margin-right: 10px; margin-bottom: 10px; } .list-social.compact i { font-size: 15px; line-height: 15px; } .list-social.compact i.icon-envelope { font-size: 12px; } .list-social.compact i.icon-twitter, .list-social.compact i.icon-chat, .list-social.compact i.icon-attachment { font-size: 13px; } [data-whatintent="mouse"] .list-social.compact a:hover { color: var(--azure); } .list-tags { list-style: none; margin: 0 -30px 20px 0; padding: 0; color: var(--hit); font-size: var(--s20_18); font-weight: 700; font-family: var(--arial); } .list-tags li { margin: 0 30px 10px 0; } .list-tags a { display: block; margin-right: -20px; padding: 6px 11px; border-radius: 2px; border: 1px solid var(--water); background: var(--water); color: var(--cod); font-size: var(--s16_15); font-weight: 400; text-decoration: none; } .list-tags a:before { content: "#"; color: var(--azure); } [data-whatintent="mouse"] .list-tags a:hover { border-color: var(--azure); background: var(--pattens); } .list-tags i { display: inline-block; position: relative; top: .1em; margin-right: 3px; color: var(--alto); line-height: 1px; } [dir="rtl"] .list-tags { margin-right: 0; margin-left: -30px; font-family: var(--hacen); } [dir="rtl"] .list-tags li { margin-right: 0; margin-left: 30px; } [dir="rtl"] .list-tags a { margin-right: 0; margin-left: -20px; } [dir="rtl"] .list-tags i { margin-right: 0; margin-left: 3px; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: var(--loblo); } :-ms-input-placeholder { opacity: 1; color: var(--loblo); } ::-ms-input-placeholder { opacity: 1; color: var(--loblo); } ::placeholder { opacity: 1; color: var(--loblo); } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; } input, select, textarea { display: block; width: 100%; border-radius: 2px; border: 1px solid var(--oslo); background: 100% center no-repeat var(--white); background-size: auto 20px; font-size: 15px; font-family: var(--arial); } input:focus, select:focus, textarea:focus { border-color: var(--sea); } input, select { height: 48px; padding: 0 14px; } input[type="date"], .input-date, .module-footer input[type="email"] { padding-right: 48px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM1IDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNSAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZDJkMmQyfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTUgMTFoOGMuNSAwIDEtLjUgMS0xcy0uNS0xLTEtMUg1Yy0uNSAwLTEgLjUtMSAxcy41IDEgMSAxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNiAyaC0xVjFjMC0uNS0uNS0xLTEtMXMtMSAuNS0xIDF2MUg1VjFjMC0uNS0uNS0xLTEtMVMzIC41IDMgMXYxSDJDLjkgMiAwIDIuOSAwIDR2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0yem0wIDE1YzAgLjUtLjUgMS0xIDFIM2MtLjUgMC0xLS41LTEtMVY3aDE0djEweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01IDE1aDVjLjUgMCAxLS41IDEtMXMtLjUtMS0xLTFINWMtLjUgMC0xIC41LTEgMXMuNSAxIDEgMXoiLz48L3N2Zz4=); line-height: 46px; } .module-footer input[type="email"], .form-small input[type="email"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xOCAwSDJDLjkgMCAwIC45IDAgMnYxMmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjJjMC0xLjEtLjktMi0yLTJ6bTAgMTNjMCAuNS0uNSAxLTEgMUgzYy0uNSAwLTEtLjUtMS0xVjRsNi45IDQuM2MuNy40IDEuNS40IDIuMSAwTDE4IDR2OXptLTgtNkwyIDJoMTZsLTggNXoiIHN0eWxlPSJmaWxsOiNkMmQyZDIiLz48L3N2Zz4=); background-size: auto 16px; } select { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJtLjYgMyA1IDQuNWMuOC43IDIgLjcgMi43IDBsNS00LjVjMS4yLTEuMS40LTMtMS40LTNoLTEwQy4yIDAtLjcgMS45LjYgM3oiIHN0eWxlPSJmaWxsOiM4NThjOTQiLz48L3N2Zz4=); background-size: auto 8px; line-height: normal; } .js select { color: var(--loblo); } .js select.chosen { color: var(--coal); } textarea { padding: 7px 7px 7px 12px; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { display: block; overflow: hidden; float: left; margin: 0 15px 15px 0; padding: 14px 24px; border-radius: 0; border: 1px solid var(--azure); background: none; color: var(--azure); font-weight: 700; font-family: var(--arial); font-size: var(--s14_18); line-height: 1.2; text-align: center; text-transform: uppercase; text-decoration: none; } [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover, [data-whatintent="mouse"] .link-btn a:hover { border-color: var(--sea); color: var(--sea); text-decoration: none; } button i, .link-btn a i { display: inline-block; position: relative; top: .1em; margin-left: 8px; font-size: 1.1111111111em; line-height: 1px; } button i[class*="arrow"], .link-btn a i[class*="arrow"] { top: -.1em; font-size: 10px; } [dir="rtl"] button i, [dir="rtl"] .link-btn a i { margin-right: 8px; margin-left: 0; } .check { position: relative; z-index: 2; list-style: none; padding: 0; font-size: 18px; line-height: 1.35; } .check li { position: relative; z-index: 2; margin: 0 0 4px; } .check input { display: block; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .check label { display: block; position: relative; z-index: 2; padding: 0 0 0 27px; color: inherit; font-weight: inherit; font-size: 1em; line-height: 1.35; } .check label:before { content: ""; display: block; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 9px; border: 2px solid var(--dove); cursor: pointer; } .check input:checked ~ label:before { border-color: var(--azure); background: var(--azure); } .input-captcha { } .input-captcha input { width: calc(100% - 165px); } .link-input-show { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 56px; height: 48px; color: var(--oslo); font-size: 18px; text-align: left; text-decoration: none; text-indent: -3000em; direction: ltr; } .link-input-show:before { content: "\e926"; } .input-shown .link-input-show:before { content: "\e923"; } .form-aside { position: relative; z-index: 2; margin: 0 0 36px -20px; padding: 44px 0 0; font-size: 16px; font-family: var(--arial); line-height: 1.375; } .form-aside:first-child { margin-top: 0; padding-top: 0; } .form-aside:before { left: 20px; bottom: auto; height: 5px; } .form-aside:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .form-aside > * { position: relative; width: 420px; padding: 47px 0 0; border-left: 20px solid rgba(0,0,0,0); } .form-aside > * > .s12:first-child { position: absolute; right: 0; top: 4px; } .form-aside > header { width: calc(100% - 420px); max-width: 470px; margin-bottom: 32px; padding: 0; } #root .form-aside h1, #root .form-aside h2, #root .form-aside h3, #root .form-aside h4, #root .form-aside h5, #root .form-aside h6 { margin-bottom: 12px; font-size: 25px; font-family: inherit; } .form-aside h1 .s12, .form-aside h2 .s12, .form-aside h3 .s12, .form-aside h4 .s12, .form-aside h5 .s12, .form-aside h6 .s12 { font-weight: 400; } .form-aside p { margin-bottom: 30px; } .form-aside p > label:first-child { display: block; position: absolute; left: 10px; top: -8px; z-index: 9; padding: 0 4px; background: var(--white); color: var(--oxford); font-size: 16px; line-height: 1; } .form-aside .link-btn { display: block; margin-right: 0; } .form-aside button, .form-aside .link-btn a { float: none; width: 100%; margin-top: 35px; margin-right: 0; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 20px; text-transform: none; } [data-whatintent="mouse"] .form-aside button:hover, [data-whatintent="mouse"] .form-aside .link-btn a:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } .form-aside > .link-btn { position: relative; top: -2px; margin-top: auto; padding-top: 0; } .form-aside:before, .form-comment:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1IDUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojY2JjYmNifTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNGgxdjFIMHpNMSAzaDF2MUgxek0yIDJoMXYxSDJ6TTMgMWgxdjFIM3pNNCAwaDF2MUg0eiIvPjwvc3ZnPg==); background-size: 5px 5px; } .form-comment { position: relative; z-index: 2; width: 100%; max-width: 818px; margin: 0 auto 30px; padding: 0 0 6px; font-family: var(--arial); } .form-comment:before { top: auto; bottom: 0; height: 5px; } .form-comment:before { transform: scaleX(-1); } .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6 { margin-bottom: 27px; font-weight: 700; font-size: 30px; font-family: inherit; } .form-comment input { display: block; float: left; width: calc(100% - 190px); height: 44px; border-radius: 2px; border-color: var(--oslo); } .form-comment button { position: relative; top: 9px; float: right; width: 177px; min-width: 0; margin: -10px 0 0; height: 46px; padding-top: 0; padding-bottom: 0; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 20px; text-transform: none; } .form-login { max-width: 318px; margin: 0 auto; color: var(--regent); font-size: 16px; font-family: var(--arial); line-height: 1.125; } .form-login h1, .form-login h2, .form-login h3, .form-login h4, .form-login h5, .form-login h6 { margin-bottom: 46px; color: var(--black); font-size: 30px; font-family: var(--serif_caps); font-weight: 700; font-variant: small-caps; text-align: center; letter-spacing: normal; } .form-login h1 .small, .form-login h2 .small, .form-login h3 .small, .form-login h4 .small, .form-login h5 .small, .form-login h6 .small { display: block; margin: 0 0 6px; color: var(--ribbon); font-family: var(--arial); font-weight: 400; font-size: 0.6666666667em; text-transform: uppercase; } .form-login p { margin-bottom: 19px; } .form-login p > label:first-child, .form-aside p > label:first-child, #comments .form-comment p > label:first-child { display: block; position: absolute; left: 10px; top: -8px; z-index: 9; padding: 0 4px; background: var(--white); color: var(--black); font-size: 16px; line-height: 1; } #comments .disabled p > label:first-child { color: #c4c4c4; } .form-login input, .form-login select, .form-login textarea { margin: 0 0 11px; border-radius: 2px; } .form-login img { display: block; margin-bottom: 11px; } .form-login .link-btn, .form-login .submit { margin: -4px 0 1px; } .form-login button, .form-login .link-btn a { width: 100%; margin: 0 0 15px; font-size: 20px; font-family: inherit; font-weight: 700; text-transform: none; } .form-login button { border-color: var(--ribbon); background: var(--ribbon); color: var(--white); } .form-login .link-btn a { border-color: var(--silver); color: var(--boulder); font-weight: 400; } [data-whatintent="mouse"] .form-login .link-btn a:hover { color: var(--coal); } .form-login .link-btn + .link-btn, .form-login .link-btn + .submit, .form-login .submit + .link-btn, .form-login .submit + .submit { margin-top: -1px; } .form-login footer { margin-top: 26px; color: var(--dove); line-height: 1.375; } .form-login footer p a.overlay-b { display: block; color: var(--black); } .form-search { position: relative; z-index: 2; margin: 0 0 35px; padding: 0 0 .1px; } .form-search > header { position: relative; z-index: 2; margin: 0 0 16px; color: var(--bali); font-size: 20px; font-weight: 700; } .form-search > header:before { bottom: 6px; border-bottom: 2px solid var(--pattens); } .form-search > header h1, .form-search > header h2, .form-search > header h3, .form-search > header h4, .form-search > header h5, .form-search > header h6 { margin: 0; color: var(--astro); font-size: 40px; } .form-search > header p { padding-left: 10px; background: var(--white); text-align: right; } .form-search > p { margin: 0; padding: 30px 28px; color: var(--white); } .form-search > p:before { background: var(--astro); } .form-search > p input { width: calc(100% - 240px); } .form-search > p button { float: right; width: 220px; border-color: var(--azure); background: var(--azure); font-size: 20px; text-transform: none; } [data-whatintent="mouse"] .form-search > p button:hover { border-color: var(--sea); background: var(--sea); } .form-search > div { position: relative; z-index: 2; padding: 26px 36px 6px 16px; } .form-search > div > * { margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); } .form-search > div:before { background: var(--athens); } .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6 { margin-top: 0; color: var(--bali); font-weight: 700; font-size: 20px; } .form-search h1 .small, .form-search h2 .small, .form-search h3 .small, .form-search h4 .small, .form-search h5 .small, .form-search h6 .small { font-size: 16px; font-weight: 400; font-family: var(--arial); text-transform: none; } .form-search input, .form-search select, .form-search textarea { width: 220px; height: 45px; border-color: var(--white); font-family: var(--arial); font-size: 15px; font-weight: 400; } .form-search button { min-width: 73px; height: 45px; margin: 0; padding-top: 0; padding-bottom: 0; border-radius: 2px; border-color: var(--astro); background: var(--astro); color: var(--white); font-family: var(--arial); font-size: 18px; } [data-whatintent="mouse"] .form-search button:hover { border-color: var(--azure); background: var(--azure); color: var(--white); } figure + .form-search { margin-top: 40px; } .form-search + .cols-a { padding-top: 40px; border-top: 10px solid var(--athens); } .form-small { position: relative; z-index: 3; min-height: 250px; margin: 0 0 30px; padding: 20px 30px 3px; color: var(--black); font-family: var(--arial); font-size: 15px; line-height: 1.1333333333; } .form-small { -webkit-align-self: flex-start; align-self: flex-start; } .form-small:before { overflow: hidden; z-index: -2; border: 0 solid var(--havelock); background: var(--calm); color: var(--white); font-family: i; font-size: 400px; font-weight: 400; line-height: 216px; text-indent: 100px; text-align: left; } .form-small h1, .form-small h2, .form-small h3, .form-small h4, .form-small h5, .form-small h6 { margin-bottom: 5px; color: var(--havelock); font-family: var(--serif); font-size: 25px; font-weight: 700; text-transform: uppercase; } .form-small h1 span, .form-small h2 span, .form-small h3 span, .form-small h4 span, .form-small h5 span, .form-small h6 span { color: var(--azure); } .form-small a { color: var(--havelock); } .form-small p { margin-top: auto; margin-bottom: 15px; } .form-small input, .form-small select, .form-small textarea { border-color: var(--alto); font-size: 15px; } .form-small input, .form-small select, .form-small input[type="email"] { height: 45px; padding: 0 45px 0 14px; } .form-small input { padding-left: 14px; } .form-small input:focus, .form-small select:focus, .form-small textarea:focus { border-color: var(--sea); } .form-small button { float: none; width: 100%; margin: 10px 0; padding: 11px; border-radius: 2px; border-color: var(--ribbon); background: var(--ribbon); color: var(--white); font-size: 14px; } [data-whatintent="mouse"] .form-small button:hover { border-color: var(--astro); background: var(--astro); color: var(--white); } .form-small .s10 { display: block; color: var(--hurricane); font-size: 11px; text-align: center; } .form-small.aside { padding: 30px 303px 3px 37px; font-size: 12px; line-height: 1.1666666667; } .form-small.aside:before { content: "\e938"; border-color: var(--sun); background: var(--sun); } .form-small.aside h1, .form-small.aside h2, .form-small.aside h3, .form-small.aside h4, .form-small.aside h5, .form-small.aside h6 { color: var(--black); font-size: 35px; } .form-small.aside figure { overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; width: 289px; margin: 0; padding: 24px 28px 0; } .form-small.aside figure img { display: block; width: 100% !important; height: auto !important; box-shadow: 0 2px 5px -1px rgba(0,0,0,.25); border: 10px solid var(--white); } [data-whatintent="mouse"] .form-small.aside figure a:hover img { box-shadow: 0 5px 12px var(--azure); } /*! Helpers --------- */ .owl-height, #nav > ul:before, #nav > ul.is-slider .owl-nav button, .module-alert, #footer, #root > .close-comments, #comments, #top { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #top { transition-property: transform; } .owl-height { transition-property: height; } #footer { transition-property: border-width; } .popup-a.fullscreen .list-slider-main .owl-nav button { transition-property: bottom; } #root > .close-comments.b { transition-property: right, left; } .clear { clear: both; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -10px; right: auto; bottom: auto; } .hidden, [hidden], template, #nav em, .list-social span.hidden, .list-compact li.link-btn ~ li, .list-compact li.link-btn:first-child:before, .module-poll .check label:before, .module-poll footer, .module-poll.done .check, .module-offset .list-social li.br:first-child:before, .list-news-box:first-child:before, #root .list-news .list-inline li.strong + li:before, #root .list-main .list-inline li.strong + li:before, .module-footer label, #footer .list-social a:before, #footer .list-social:before, #nav .list-lang li.strong:before, #nav .list-lang li:first-child:before, #nav .list-lang li.strong + li:before, #up .list-tags li:before, #up > ul > li:first-child:before, .search-active #main > section .cols, .search-active #main > section footer, #main > section .cols > *:first-child + *:before, #main > section .cols > *:first-child:before, #main > section .cols > *:last-child:before, #main > section footer .list-social li:before, #root .owl-carousel .disabled, .module-alert li, #nav .owl-dots, aside figure:before, .module-mobile-overlay:before, .list-news-box-featured, .module-alert p .close, #main > section footer .list-lang, #main > section footer .list-social li.strong, .module-offset.limit .module-box:first-child:before, .module-comments h1 i, .module-comments h2 i, .module-comments h3 i, .module-comments h4 i, .module-comments h5 i, .module-comments h6 i, .form-search h1:after, .form-search h2:after, .form-search h3:after, .form-search h4:after, .form-search h5:after, .form-search h6:after, .form-search > p:after, .form-search > p > .hidden, .list-main li:first-child:before, .list-main li.wide + li:before, #root .list-main li.overlay .list-inline, .list-main li.overlay + li:before, .list-main li.link-btn:before, #root .list-results li:before, .link-btn.desktop-hide, #root #root .module-single .link-btn.desktop-hide, .list-slider-main > li, .list-slider-main.is-slider li a[data-popup]:before, .list-gallery li.link-btn:before, .form-aside:first-child:before, .theme-compact #root #logo:before, .theme-compact #up > ul > li:before, .theme-compact #up > ul > li:first-child:after, .theme-compact #up > ul > li > a span.hidden, .theme-thin #root #logo:before, .theme-compact #root #logo:before, .theme-thin #nav:before, .list-comments li:after, .list-comments li.link-btn ~ li, .form-comment label, #root .list-inline li:first-child:after, #root .list-inline li.strong + li:after, .list-price li:after, .list-border li:after, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .popup-a.fullscreen .list-slider-main ~ *, .list-slider-main li span figure a:before, #comments .form-comment:before, .form-small label, .list-news figure.mobile-only, #nav > ul.is-slider.static:before, .module-comments.compact h1 span:before, .module-comments.compact h2 span:before, .module-comments.compact h3 span:before, .module-comments.compact h4 span:before, .module-comments.compact h5 span:before, .module-comments.compact h6 span:before { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .module-poll.done footer, .module-comments h1 a, .module-comments h2 a, .module-comments h3 a, .module-comments h4 a, .module-comments h5 a, .module-comments h6 a, [data-whatintent="mouse"] .list-social a:not(.shorturl):hover .icon-attachment ~ span, .list-social li.delay .icon-attachment ~ span, .module-users p span, .module-weather.toggle ul, #up > ul > li.toggle > ul, .search-active #main > section, .sub-active #main > section, .module-alert li:first-child, .list-slider-main > li:first-child, #root .list-inline li:after, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-a.fullscreen .list-slider-main li span figure a { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; } figure:first-child, *:first-child > q, h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure, .list-compact li.link-btn:first-child, .header-article .module-users:first-child, .module-offset .list-social li.br:first-child, .list-news-box:first-child, .list-news .module-users:first-child, .module-footer:first-child, .module-alert + *, .module-offset.limit .module-box:first-child, #root .m0 + *, #root .m20 + *, #root .m30 + *, .list-main li.overlay:first-child, .list-main .list-results:first-child, .list-gallery li:nth-child(-n+3), .module-comments.compact:first-child, .module-error .link-btn:first-child, .module-error header + footer, .list-comments li.link-btn:first-child, .form-login footer:first-child, #comments .list-comments > li:first-child { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .header-article p, .form-search > header > *, .list-gallery li.link-btn > *:last-child, .list-main li.link-btn > *:last-child, .module-error > *:last-child, .module-error > footer:last-child > *:last-child, .cols-a .cols-a { margin-bottom: 0; } #root .m10 { margin-bottom: 10px; } #root .m20 { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } #root .m30 { margin-bottom: 30px; } #root .m40 { margin-bottom: 40px; } #root .m45 { margin-bottom: 45px; } #root .m50 { margin-bottom: 50px; } #root .m55 { margin-bottom: 55px; } #root .m60 { margin-bottom: 60px; } #root .m85 { margin-bottom: 85px; } #root .m90 { margin-bottom: 90px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--azure); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--azure); color: var(--white); text-shadow: none; } hr { width: 100%; height: 1px; margin: 0 0 27px; padding: 0; border-width: 0; border-top: 1px solid var(--mercury); } hr.strong { height: 10px; border-top-width: 10px; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .form-small, .triple, .list-main, #comments .list-comments header, #comments .form-comment .submit, #comments > header, .popup-a .box-outer, .list-border, .list-price p.label, .list-price, .input-captcha, .list-comments header ul, .list-comments footer ul, .list-comments header, .scheme-outline, .theme-compact #up, .module-comments p.strong, .form-aside h1, .form-aside h2, .form-aside h3, .form-aside h4, .form-aside h5, .form-aside h6, .form-aside, .module-image > figure, .module-image, .list-gallery, .header-border, .form-search > p, .form-search > header, .form-search.toggle > div > h1, .form-search.toggle > div > h2, .form-search.toggle > div > h3, .form-search.toggle > div > h4, .form-search.toggle > div > h5, .form-search.toggle > div > h6, .form-search > div > h1, .form-search > div > h2, .form-search > div > h3, .form-search > div > h4, .form-search > div > h5, .form-search > div > h6, .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6, .form-search > div, .module-profile > header, .module-profile, .list-main .list-inline, #main > section footer .list-social, #footer > nav > ul.list-social, #main > section .cols > *, #nav .owl-stage, #main > section footer, #main > section footer ul, #main > section .cols ul li a, #main form p, .cols, #main, #main > ul, #up > ul > li > a, #up > ul, #up, #nav .list-lang, #nav > div, #nav > div > ul, #nav, #nav > ul, #footer > nav > ul, #footer > div, #footer > nav, .module-footer form, .module-footer, .double, .list-inline, .list-news, .list-news-box li, .list-tags, .module-comments, .list-social, .header-article, .module-users, .module-users ul, .double, .list-compact li.text-center, .cols-a, .link-btn, .submit, .theme-compact #up > ul > li > a, .theme-compact #root, .theme-compact #footer, .theme-thin #root, .theme-thin #content, .theme-thin #nav > ul:first-child, .theme-thin #footer { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ .form-small, #comments .form-comment .submit, .link-btn.aside, .scheme-outline, .form-aside, .module-image, #root .link-btn.a, #root .module-single .link-btn.a, #root .module-single .link-btn.a.desktop-hide, .form-search > header, .form-search > div, .module-profile > header, .module-profile, #main > section .cols > *, #footer > div, #root .list-social a, #nav .owl-stage, #nav > ul, #nav .list-lang, #nav > div ul, #nav > div, #main > section .cols ul li a, #up > ul, #up > ul > li > a, #up, #up .list-tags, #nav, #nav > ul, footer > div, #footer > nav, .module-footer form, .module-footer, .list-news-box li, .header-article, .module-users, .module-users ul, .theme-compact #up > ul > li > a, .theme-compact #root, .theme-thin #root { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dv */ .cols-a.inv { -webkit--flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .form-small, .scheme-outline, .theme-compact #root, .theme-thin #content, .module-profile > header, #main > section .cols > *, .list-news-box li, .header-article, .theme-thin #root { -webkit-flex-direction: column; flex-direction: column; } /* f:js */ #comments .list-comments header, .theme-thin #nav > ul, .theme-compact #nav > ul, #main > section .cols > *, h1.double, h2.double, h3.double, h4.double, h5.double, h6.double, .module-offset .list-social { -webkit-justify-content: flex-start; justify-content: flex-start; } /* f:jc */ .popup-a .box-outer, .list-price p.label, .list-price header .link-btn, .scheme-outline, .theme-thin #content, .module-comments.compact, .module-image > figure, .module-profile > header, .module-box .link-btn, #main > section .cols ul.desktop-hide, #footer > nav > ul.list-social, .module-footer, .list-compact li.text-center, .module-error .link-btn { -webkit-justify-content: center; justify-content: center; } /* f:je */ .list-news-box li { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ #comments > header, .list-border, .input-captcha, .list-comments header, .link-btn.aside, .form-aside h1, .form-aside h2, .form-aside h3, .form-aside h4, .form-aside h5, .form-aside h6, .form-aside, .module-image, .form-search > p, .form-search > header, .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6, .module-profile, #main > section footer, #main, #main > ul, #up, #nav, #footer > div, #footer > nav, .module-footer form, .double, .module-comments, .double, .cols-a, .theme-thin #footer, .theme-compact #footer { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .form-aside, .module-image, #footer > nav, .list-price { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ #comments .form-comment .submit, #comments > header, .popup-a .box-outer, .scheme-outline, .form-aside h1, .form-aside h2, .form-aside h3, .form-aside h4, .form-aside h5, .form-aside h6, .module-image > figure, .link-btn, .form-search > p, .form-search > div, .list-social a, #main > section footer, #main form p, #main, #main > ul, #up > ul > li > a, #up > ul, #up, #nav > div, #nav > div > ul, #nav, #nav > ul, .theme-compact #up > ul > li > a, .module-footer form, .list-tags, .header-article, .module-users, .list-price p.label { -webkit-align-items: center; align-items: center; } /* f:ae */ .input-captcha, .module-profile, .module-comments { -webkit-align-items: flex-end; align-items: flex-end; } /* f:al */ #comments .list-comments header, .module-comments p.strong, .header-border, .form-search > header, .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6, h1.double, h2.double, h3.double, h4.double, h5.double, h6.double { -webkit-align-items: baseline; align-items: baseline; } /* f:ab */ .cols-a { -webkit-align-items: stretch; align-items: stretch; } /* f:b0 */ .cols > * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ .theme-compact #content, .theme-thin #content, .form-search h1, .form-search h2, .form-search h3, .form-search h4, .form-search h5, .form-search h6, #main > section .cols > * > *:last-child, #main > section .cols > * > .list-lang, .cols > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-acrobat:before { content: "\e938"; } .icon-angle-down:before { content: "\e939"; } .icon-angle-left:before { content: "\e93a"; } .icon-angle-right:before { content: "\e937"; } .icon-angle-up:before { content: "\e934"; } .icon-arrow-down:before { content: "\e93d"; } .icon-arrow-left:before { content: "\e93e"; } .icon-arrow-right:before { content: "\e93b"; } .icon-arrow-up:before { content: "\e93c"; } .icon-attachment:before { content: "\e935"; } .icon-backward:before { content: "\e936"; } .icon-bell:before { content: "\e933"; } .icon-bookmark:before { content: "\e930"; } .icon-camera:before { content: "\e931"; } .icon-camera-outline:before { content: "\e93f"; } .icon-chat:before { content: "\e932"; } .icon-check-offset:before { content: "\e943"; } .icon-chat-strong:before { content: "\e92f"; } .icon-checkbox:before { content: "\e92c"; } .icon-chevron-down:before { content: "\e92d"; } .icon-chevron-left:before { content: "\e92e"; } .icon-chevron-right:before { content: "\e92b"; } .icon-chevron-up:before { content: "\e928"; } .icon-contact:before { content: "\e929"; } .icon-documents:before { content: "\e92a"; } .icon-edit:before { content: "\e927"; } .icon-envelope:before { content: "\e924"; } .icon-error:before { content: "\e925"; } .icon-error-full:before { content: "\e945"; } .icon-external:before { content: "\e941"; } .icon-eye:before { content: "\e926"; } .icon-eye-line:before { content: "\e923"; } .icon-eye-strong:before { content: "\e920"; } .icon-facebook:before { content: "\e921"; } .icon-facebook-circle:before { content: "\e922"; } .icon-flag:before { content: "\e91f"; } .icon-google-play:before { content: "\e91c"; } .icon-history:before { content: "\e91d"; } .icon-kreo:before { content: "\e91e"; } .icon-label:before { content: "\e91b"; } .icon-linkedin:before { content: "\e918"; } .icon-logo:before { content: "\e919"; } .icon-logo-small:before, .icon-premium:before { content: "\e946"; } .icon-logo-text-1:before { content: "\e91a"; } .icon-logo-text-2:before { content: "\e917"; } .icon-logo-text-3:before { content: "\e914"; } .icon-logout:before { content: "\e915"; } .icon-menu:before { content: "\e916"; } .icon-messenger:before { content: "\e913"; } .icon-microphone:before { content: "\e910"; } .icon-minus:before { content: "\e911"; } .icon-play:before { content: "\e912"; } .icon-play-circle:before { content: "\e90f"; } .icon-plus:before { content: "\e90c"; } .icon-quote:before { content: "\e90d"; } .icon-return:before { content: "\e942"; } .icon-rss:before { content: "\e90e"; } .icon-sound:before { content: "\e90b"; } .icon-trash:before { content: "\e907"; } .icon-twitter:before { content: "\e908"; } .icon-user:before { content: "\e909"; } .icon-space-premium:before { content: "\e847"; } .icon-user-circle:before { content: "\e90a"; } .icon-user-menu:before { content: "\e904"; } .icon-viber:before { content: "\e905"; } .icon-video:before { content: "\e906"; } .icon-whatsapp:before { content: "\e903"; } .icon-x:before { content: "\e902"; } .icon-x-offset:before { content: "\e944"; } .icon-x-rounded:before { content: "\e900"; } .icon-youtube:before { content: "\e940"; } .icon-zoom:before { content: "\e901"; } .icon-premium { display: inline-block; position: relative; z-index: 2; color: var(--fire); font-size: 0.72em; line-height: 1px; } h1 .icon-premium, h2 .icon-premium, h3 .icon-premium, h4 .icon-premium, h5 .icon-premium, h6 .icon-premium { margin-right: 3px; padding-right: 7px; } h1 .icon-premium:after, h2 .icon-premium:after, h3 .icon-premium:after, h4 .icon-premium:after, h5 .icon-premium:after, h6 .icon-premium:after { top: 50%; bottom: auto; height: 18px; margin-top: -9px; border-right: 1px solid var(--silver); } /*! Fonts --------- */ @font-face { font-family: 'Hacen'; src: url('fonts/hacen_tunisia_lt.woff2') format('woff2'), url('fonts/hacen_tunisia_lt.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Hacen'; src: url('fonts/hacen_tunisia_lt.woff2') format('woff2'), url('fonts/hacen_tunisia_lt.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Hacen'; src: url('fonts/hacen_tunisia.woff2') format('woff2'), url('fonts/hacen_tunisia.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Hacen'; src: url('fonts/hacen_tunisia.woff2') format('woff2'), url('fonts/hacen_tunisia.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Hacen'; src: url('fonts/hacen_tunisia_bold.woff2') format('woff2'), url('fonts/hacen_tunisia_bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Hacen'; src: url('fonts/hacen_tunisia_bold.woff2') format('woff2'), url('fonts/hacen_tunisia_bold.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Kufi'; src: url('fonts/droidkufi-regular.woff2') format('woff2'), url('fonts/droidkufi-regular.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Kufi'; src: url('fonts/droidkufi-regular.woff2') format('woff2'), url('fonts/droidkufi-regular.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Kufi'; src: url('fonts/droidkufi-regular.woff2') format('woff2'), url('fonts/droidkufi-regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Kufi'; src: url('fonts/droidkufi-regular.woff2') format('woff2'), url('fonts/droidkufi-regular.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Kufi'; src: url('fonts/droidkufi-bold.woff2') format('woff2'), url('fonts/droidkufi-bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Kufi'; src: url('fonts/droidkufi-bold.woff2') format('woff2'), url('fonts/droidkufi-bold.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Portada'; src: url('fonts/portadalt.woff2') format('woff2'), url('fonts/portadalt.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Portada'; src: url('fonts/portadalt-italic.woff2') format('woff2'), url('fonts/portadalt-italic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Portada'; src: url('fonts/portada.woff2') format('woff2'), url('fonts/portada.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Portada'; src: url('fonts/portada-italic.woff2') format('woff2'), url('fonts/portada-italic.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Portada'; src: url('fonts/portadasb.woff2') format('woff2'), url('fonts/portadasb.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Portada'; src: url('fonts/portadasb-italic.woff2') format('woff2'), url('fonts/portadasb-italic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Portada'; src: url('fonts/portada-bold.woff2') format('woff2'), url('fonts/portada-bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Portada'; src: url('fonts/portada-bolditalic.woff2') format('woff2'), url('fonts/portada-bolditalic.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'The_Serif'; src: url('fonts/theseriflight-plain.woff2') format('woff2'), url('fonts/theseriflight-plain.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'The_Serif'; src: url('fonts/theseriflight-italic.woff2') format('woff2'), url('fonts/theseriflight-italic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'The_Serif'; src: url('fonts/theserif-plain.woff2') format('woff2'), url('fonts/theserif-plain.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'The_Serif'; src: url('fonts/theserif-plain.woff2') format('woff2'), url('fonts/theserif-plain.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'The_Serif'; src: url('fonts/theserifbold-plain.woff2') format('woff2'), url('fonts/theserifbold-plain.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'The_Serif'; src: url('fonts/theserifbold-plain.woff2') format('woff2'), url('fonts/theserifbold-plain.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'The_Serif_Caps'; src: url('fonts/theseriflight-caps.woff2') format('woff2'), url('fonts/theseriflight-caps.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'The_Serif_Caps'; src: url('fonts/theseriflight-capsitalic.woff2') format('woff2'), url('fonts/theseriflight-capsitalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'The_Serif_Caps'; src: url('fonts/theserif-caps.woff2') format('woff2'), url('fonts/theserif-caps.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'The_Serif_Caps'; src: url('fonts/theserif-capsitalic.woff2') format('woff2'), url('fonts/theserif-capsitalic.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'The_Serif_Caps'; src: url('fonts/theserifbold-caps.woff2') format('woff2'), url('fonts/theserifbold-caps.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'The_Serif_Caps'; src: url('fonts/theserifbold-capsitalic.woff2') format('woff2'), url('fonts/theserifbold-capsitalic.woff') format('woff'); font-weight: 700; font-style: italic; } /* Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } .popup-a.fullscreen.shown .box-inset { -webkit-animation-name: fade-in; animation-name: fade-in; } .popup-a.fullscreen.unshown .box-inset { -webkit-animation-name: fade-out; animation-name: fade-out; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* Responsive --------- */ @media only screen and (max-width: 82.5em) { /* 1320 */ #top, #content, #footer { width: 1094px; } #top { margin-left: -547px; } #root { padding-top: 195px; } #top { height: 195px; } #logo { bottom: 58px; } #logo:before { font-size: 60px; } #nav { height: 58px; } #main { bottom: 58px; } #main > ul > li > a, #main > ul > li > a i { height: 95px; line-height: 95px; } #main > section { max-height: calc(100vh - 134px); } #footer { } #footer > nav > div { width: 500px; } .cols-a.a { } .cols-a.a:before { left: 355px; } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: calc(100% - 395px); } .cols-a.a > header:first-child, .cols-a.a > aside { width: 325px; } .cols-a.c { } .cols-a.c:before { display: none; } .cols-a.c > header:first-child + *, .cols-a.c > *:first-child { width: calc(100% - 270px); } .cols-a.c > header:first-child, .cols-a.c > aside { width: 240px; } .form-search { } .form-search > div { padding-left: 0; padding-right: 20px; } .form-search input, .form-search select, .form-search textarea { width: 180px; } .form-small { } .triple .form-small.aside { padding-right: 37px; } .triple .form-small.aside figure { display: none; } .list-gallery { margin-left: -20px; } .list-gallery li { padding: 0; border-left-width: 20px; } .list-gallery figure { margin-left: 0; margin-right: 0; } .list-main { } #root .list-main li { padding-left: 0; padding-right: 0; } #root .list-main figure { left: 0; right: 0; } #root .list-main .list-inline { position: relative; top: 0; width: auto; } #root .list-main figure ~ .list-inline { margin-left: 280px; } #root [dir="rtl"] .list-main figure ~ .list-inline, #root [dir="rtl"].list-main figure ~ .list-inline { margin-left: 0; margin-right: 280px; } #root .list-main li.overlay { margin-left: -22px; } #root [dir="rtl"] .list-main li.overlay, #root [dir="rtl"].list-main li.overlay { margin-right: 0; margin-left: -22px; } .cols-a .cols-a .list-main { } .cols-a .cols-a .list-main figure { width: 233px; } .cols-a .cols-a .list-main figure ~ * { padding-left: 261px; } #root .cols-a .cols-a .list-main figure ~ .list-inline { margin-left: 261px; } .list-news.article { padding-right: 514px; } #root .list-news.article > li:first-child { width: 484px; margin-right: -514px; } .list-news.ol { } .list-news.ol li { padding-left: 40px; } .list-news-box { min-height: 566px; } .list-news-box li { height: 180px; } .module-single { padding-right: 20px; } .module-single .list-slider-main { margin-right: -20px; } .list-slider-main img { height: 510px!important;} .module-alert { } .module-alert .owl-nav button.owl-prev { right: 27px; } .module-alert .owl-nav button.owl-next { right: -19px; } .module-alert ul.is-slider li { padding-right: 71px; } .module-comments.compact { } .module-comments.compact .list-social { margin-right: -14px; } .module-comments.compact .list-social li { margin-right: 14px; margin-bottom: 14px; } .module-comments.compact .list-social i { font-size: 34px; line-height: 34px; } .module-comments.compact .list-social i.icon-envelope { font-size: 26px; } .module-comments.compact .list-social i.icon-twitter { font-size: 30px; } .module-comments.compact .list-social i.icon-eye { font-size: 22px; } .module-comments.compact .list-social i.icon-chat, .module-comments.compact .list-social i.icon-attachment { font-size: 30px; } .module-footer { margin-left: -60px; } .module-footer:after { left: 220px; } .module-footer > * { border-left-width: 60px; } .module-footer form header { width: 320px; padding-right: 20px; } .module-image { padding-right: 330px; } .module-image > aside { width: 300px; margin-right: -330px; } .module-image > aside figure { padding: 0; border-width: 0; } .module-image > aside figure + * { margin-top: 40px; padding-top: 30px; border-top: 5px solid var(--athens); } .module-image figure a { position: static; } .module-offset { padding-right: 0; padding-left: 100px; } .module-offset .list-social { left: 0; margin-left: -100px; } [dir="rtl"] .module-offset { padding-right: 100px; padding-left: 0; } [dir="rtl"] .module-offset .list-social { right: 0; margin-right: -100px; } #root .list-news.featured { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-comments .link-btn > span { display: none; } #root .module-offset > .offset, #root .module-offset p img.img-justified { margin-left: 0; margin-right: 0; } #root .module-offset p img.img-justified { max-width: 100% !important; } } @media only screen and (max-width: 70em) { /* 1120 */ #top, #content, #footer, .theme-thin #content, .theme-thin #footer, .theme-thin #root #top, .theme-compact #content, .theme-compact #footer, .theme-compact #root #top, .theme-thin #content.w990, .theme-compact #content.w990 { width: 994px; } #top, .theme-thin #root #top, .theme-compact #root #top { margin-left: -497px; } #root { padding-top: 190px; } #top { height: 190px; } #logo:before { font-size: 56px; } #main > ul > li > a, #main > ul > li > a i { height: 90px; line-height: 90px; } #main > section { max-height: calc(100vh - 129px); } #footer { } #footer > nav > div { width: 400px; padding-left: 0; } #root .cols-a .cols-a { display: block; padding-left: 0; padding-right: 0; } #root .cols-a .cols-a > * { float: none; width: auto; } .form-search { } .form-search > div { padding-left: 10px; } .form-search > div > * { border-left-width: 10px; } .form-search input, .form-search select, .form-search textarea { width: 180px; } .form-small { } .form-small:before { text-indent: 10px; } .list-news.article { padding-right: 414px; } #root .list-news.article > li:first-child { width: 384px; margin-right: -414px; } .list-news-box { min-height: 506px; margin-top: 50px; margin-left: 0; margin-right: 0; } .list-news-box:before { left: 0; right: 0; } .list-news-box li { width: 280px; height: 160px; } .list-news-box li:first-child { right: 280px; font-size: 34px; } .module-image { } .module-image > figure { height: 668px; } .module-single { padding: 0; } #root .module-single .list-slider-main { margin-left: 0; margin-right: 0; } .module-single .list-slider-main + p { font-size: 16px; } .module-single .list-slider-main + p, .module-single .list-slider-main + p ~ * { float: none; clear: none; width: auto; margin-left: 0; text-align: inherit; } .list-slider-main img { height:260px!important; } .list-social { margin-right: -24px; } .list-social li { margin-right: 24px; } .module-footer { } .module-footer:after { left: 224px; } .module-footer > * { width: 50%; } .module-footer form { display: block; } .module-footer p { min-height: 34px; } .module-footer input { width: calc(100% - 170px); } .module-footer button { width: 160px; margin: 0 0 10px 10px; padding-left: 10px; padding-right: 10px; } #root .module-footer form header { width: auto; padding-left: 0; padding-right: 0; } .popup-a { } .popup-a.fullscreen .list-slider-main li, .popup-a.fullscreen .list-slider-main li > a { padding-right: 348px; } .popup-a.fullscreen .list-slider-main li:before { right: 348px; } .popup-a.fullscreen .list-slider-main li > a { width: calc(100% + 348px); } .popup-a.fullscreen .list-slider-main li > span, .popup-a.fullscreen .list-slider-main li > a span { width: 348px; margin-right: -348px; padding-left: 24px; } #root .popup-a.fullscreen .list-slider-main .owl-nav button { width: 80px; height: 80px; margin-top: -40px; font-size: 45px; } .popup-a.fullscreen .list-slider-main .owl-nav button.owl-next { right: 348px; } .popup-a.fullscreen .list-slider-main .counter { width: 300px; } .popup-a.fullscreen .list-slider-main li span figure { margin-top: 40px; } .popup-a.fullscreen { } .popup-a.fullscreen .list-slider-main { font-size: 12px; line-height: 1.4; } .popup-a.fullscreen .list-slider-main li, .popup-a.fullscreen .list-slider-main li > a { padding-right: 170px; } .popup-a.fullscreen .list-slider-main li:before { right: 170px; } .popup-a.fullscreen .list-slider-main li > a { width: calc(100% + 170px); } .popup-a.fullscreen .list-slider-main li > span, .popup-a.fullscreen .list-slider-main li > a span { width: 170px; margin-top: 38px; margin-right: -170px; padding-left: 14px; padding-right: 14px; } #root .popup-a.fullscreen .list-slider-main .owl-nav button { width: 104px; } .popup-a.fullscreen .list-slider-main .owl-nav button.owl-next { right: 170px; } .popup-a.fullscreen .list-slider-main .counter { right: 0; width: 170px; height: 41px; padding: 0 14px; font-size: 20px; line-height: 40px; } .popup-a.fullscreen .box-inset > .close { width: 45px; height: 41px; font-size: 15px; } .module-footer form p { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .wide-hide { display: block; } #footer > nav:before, .cols-a.b:before, .popup-a.fullscreen .list-slider-main li > span figure, .popup-a.fullscreen .list-slider-main li > a span figure { display: none; } } @media only screen and (min-width: 62.5em) { /* 1000 */ .module-alert p br { display: none; } #root .popup-a.fullscreen .list-slider-main .owl-nav button { bottom: auto !important; } } @media only screen and (max-width: 63.75em) { /* 1020 */ #top, #content, #footer, .theme-thin #content, .theme-thin #footer, .theme-thin #root #top, .theme-compact #content, .theme-compact #footer, .theme-compact #root #top, .theme-thin #content.w990, .theme-compact #content.w990, .theme-thin #content.w980, .theme-compact #content.w980, #content.w980, .theme-thin #content.w980, .theme-compact #content.w980 { width: 720px; } .theme-thin #root #top, .theme-compact #root #top { margin-left: -360px; } body { font-size: 18px; } ul, ol, dl, p, figure, pre, h1, h2, h3, h4, h5, h6, legend, .link-btn.box { margin-bottom: 26px; } ul, ol, dd, blockquote { padding-left: 35px; } [dir="rtl"] ul, [dir="rtl"] ol, [dir="rtl"] dd, [dir="rtl"] blockquote { padding-left: 0; padding-right: 35px; } ul li:after { top: 9px; } h1, .h1 { font-size: 30px; } #root { padding-top: 114px; } #top { left: 0; right: 0; width: auto; height: 114px; margin: 0; } #logo { top: 0; bottom: 44px; } #logo:before { font-size: 45px; } #top:before { box-shadow: 0 4px 6px rgba(0,0,0,.1); border-width: 0; } #nav { display: block; height: 44px; padding: 0; } #nav > ul { width: 100%; margin: 0; padding: 0; font-family: var(--arial); } #nav > ul > li, #nav > ul .owl-item { margin-right: 0 !important; } #nav > ul > li, #nav > ul.is-slider li { border-left-width: 16px; font-size: 15px; } #nav > ul > li:first-child, #nav > ul.is-slider .owl-item:first-child li { border-left-width: 24px; } #nav > ul > li:last-child, #nav > ul.is-slider .owl-item:last-child li { border-right-width: 24px; } #nav > ul > li > a, #nav > ul.is-slider li a { height: 44px; font-weight: 700; line-height: 44px; } #nav > ul .owl-stage { /*overflow-x: auto; overflow-y: hidden;*/ width: 100% !important; } #nav > ul.is-slider { padding-right: 0; } #main { position: absolute; left: 0; right: 0; top: 0; bottom: 44px; padding: 0; } #main > ul { width: 100%; margin-right: 0; padding: 0 24px; } #main > ul > li { margin-right: 0; } #main > ul > li > a, #main > ul > li > a i { height: 70px; line-height: 70px; } #main > ul > li > a i { font-size: 25px; } #main > ul > li > a i.icon-menu { width: 22px; font-size: 20px; } #main > ul > li > a i.icon-zoom { width: 23px; } .search-active #main > ul > li > a .icon-zoom:before, .sub-active #main > ul > li > a .icon-menu:before { font-size: 18px; } .search-active #main > ul > li > a .icon-zoom:after, .sub-active #main > ul > li > a .icon-menu:after { margin-top: -7px; } #main > section { left: 0; right: 0; } #main form input { width: 100%; padding-left: 24px; padding-right: 86px; } #main form button { width: 86px; } #main > section { max-height: calc(100vh - 67px); } #main > section .cols { } #main > section .cols > * { padding: 24px; } #main > section .cols ul li { margin: 0 0 8px; font-size: 20px; } #main > section .cols .list-tags { margin-left: -24px; margin-right: -24px; padding: 24px; } #main > section .cols .list-tags li { margin-bottom: 19px; font-size: 20px; } #main > section .cols .list-tags li a { margin-bottom: -10px; font-size: 1em; } #main > section .cols ul.desktop-hide { margin-left: -24px; margin-right: -24px; padding: 24px 24px 17px; background: #105170; color: var(--white); font-weight: 700; } #root #main > section .cols ul.desktop-hide i { width: auto; min-width: 0; margin-right: 10px; color: var(--white); font-size: 16px; text-align: left; } #main > section .cols > * > ul.desktop-hide:first-child { margin-top: -24px; padding-top: 24px; } #root #main > section .cols ul.desktop-hide li.text-uppercase, #root #main > section .cols ul.desktop-hide li.text-uppercase i { color: var(--sun); } #root #main > section .cols ul.desktop-hide li.text-uppercase ul { display: block; padding: 12px 0 2px; color: var(--white); font-size: 18px; text-transform: none; } #main > section footer { padding-left: 24px; padding-right: 24px; } #footer { padding-bottom: 2px; } #footer > nav > div { width: 280px; } #footer > nav > ul { width: 180px; padding: 0 25px; } #footer > nav > ul li { width: 100%; } #footer .list-social { margin-right: -18px; } #footer .list-social li { margin-right: 18px; } #footer .list-social .icon-twitter { font-size: 28px; } #footer p span.br { display: block; padding-top: 5px; } #comments { width: 100%; max-width: 357px; padding-left: 30px; padding-right: 30px; padding-bottom: 25px; } #comments .list-comments > li { margin-bottom: 0; margin-top: 44px; padding-top: 21px; } #comments .list-comments li.link-btn { padding-top: 19px; } #comments .form-comment { margin-bottom: 16px; } #comments .form-comment textarea { height: 130px; min-height: 130px; } #comments .form-comment .submit button { width: 98px; } .comments-active #root > .close-comments.b { right: 334px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: calc(100% - 270px); } .cols-a > header:first-child, .cols-a > aside, .cols-a.a > header:first-child, .cols-a.a > aside { width: 250px; } #root .cols-a.m20, #root .cols-a.m50 { margin-bottom: 0; } #root .cols-a.m20 + figure, #root .cols-a.m50 + figure { margin-top: 0; } .cols-a.b { display: block; width: 100%; } .cols-a.b + .module-comments { border-top-width: 0; } figure { margin: 30px 0 26px; font-size: 12px; line-height: 1.1666666667; } figure .icon-play, figure .icon-microphone, figure .icon-camera { right: 20px; bottom: 24px; width: 60px; height: 60px; font-size: 24px; line-height: 60px; } figure .icon-camera { font-size: 22px; } figure .icon-play { font-size: 60px; } figcaption + *, * + figcaption { margin-top: 9px; } figure + * { margin-top: 30px; } .form-aside { } .form-aside > * { width: 340px; } .form-aside > header { width: calc(100% - 340px); } .form-comment { padding-bottom: 10px; } #content > .form-comment:first-child { margin-top: 13px; } .form-search { margin-bottom: 30px; } .form-search > header { display: block; margin-bottom: 22px; font-size: 16px; text-align: center; } .form-search > header h1, .form-search > header h2, .form-search > header h3, .form-search > header h4, .form-search > header h5, .form-search > header h6 { display: block; margin-bottom: 4px; font-size: 25px; } .form-search > header p { margin-bottom: 4px; padding: 0; text-align: center; } .form-search > p { display: block; padding: 20px 20px 5px; } .form-search > p > * { display: block; float: none; width: 100%; margin-bottom: 15px; } .form-search > p input, .form-search > p button { display: block; float: none; width: 100%; } .form-search > p button, .form-search button { height: auto; padding-top: 12px; padding-bottom: 12px; font-size: 18px; } .form-search > div { display: block; padding: 16px 30px 15px; } .form-search > div > * { display: none; width: 100%; margin: 0 0 15px; border-left-width: 0; } .form-search > div > h1, .form-search > div > h2, .form-search > div > h3, .form-search > div > h4, .form-search > div > h5, .form-search > div > h6 { margin-bottom: 3px; } .form-search.toggle > div > h1, .form-search.toggle > div > h2, .form-search.toggle > div > h3, .form-search.toggle > div > h4, .form-search.toggle > div > h5, .form-search.toggle > div > h6 { margin-bottom: 21px; } .form-search input, .form-search select, .form-search textarea, .form-search button { width: 100%; } .form-search + .cols-a { margin-top: 0; padding-top: 0; border-top-width: 0; } .header-article.compact + .form-search { margin-top: -4px; } figure + .form-search { margin-top: 30px; } .header-article { font-size: var(--s18_24); line-height: 1.1111111111; } .header-article h1, .header-article h2, .header-article h3, .header-article h4, .header-article h5, .header-article h6 { max-width: none; margin-bottom: 8px; font-size: var(--s30_35); } .header-article h1 + *, .header-article h2 + *, .header-article h3 + *, .header-article h4 + *, .header-article h5 + *, .header-article h6 + * { margin-top: 30px; } .header-article p { margin-bottom: 8px; } .header-article .small { margin-bottom: 6px; font-size: var(--s20_25); } .header-article + .cols-a { margin-top: 4px; padding-top: 0; border-top-width: 0; } figure + .header-article { margin-top: 25px; } [dir="rtl"].header-article h1, [dir="rtl"].header-article h2, [dir="rtl"].header-article h3, [dir="rtl"].header-article h4, [dir="rtl"].header-article h5, [dir="rtl"].header-article h6, [dir="rtl"] .header-article h1, [dir="rtl"] .header-article h2, [dir="rtl"] .header-article h3, [dir="rtl"] .header-article h4, [dir="rtl"] .header-article h5, [dir="rtl"] .header-article h6 { margin-bottom: 6px; } [dir="rtl"].header-article .small, [dir="rtl"] .header-article .small { margin-bottom: 5px; } [dir="rtl"].header-article p, [dir="rtl"] .header-article p { margin-bottom: 0; } .header-article.compact { margin-bottom: 30px; font-size: 16px; } .header-article.compact h1, .header-article.compact h2, .header-article.compact h3, .header-article.compact h4, .header-article.compact h5, .header-article.compact h6 { margin-bottom: 0; font-size: var(--s20_30); } .header-article.compact .s30 { font-size: 30px; } figure + .header-article.compact { margin-top: 25px; } .header-article.compact h1:first-child:last-child, .header-article.compact h2:first-child:last-child, .header-article.compact h3:first-child:last-child, .header-article.compact h4:first-child:last-child, .header-article.compact h5:first-child:last-child, .header-article.compact h6:first-child:last-child { font-size: 30px; } .header-border { } #root .header-border + .list-news { margin-top: -17px; } .image-box { padding: 15px 0; } .image-box:before { left: 50%; right: auto; width: 110vw; margin-left: -55vw; } .module-alert + .image-box { margin-top: -30px; } #content > .image-box:first-child, #content > .module-alert:first-child + .image-box { padding-top: 15px; padding-bottom: 15px; } #content > .image-box:first-child { margin-top: -30px; } .list-gallery { margin-left: -28px; font-size: 11px; } .list-gallery li { width: 50%; padding: 0 8px; border-left-width: 28px; } .list-gallery li, .list-gallery li:nth-child(3) { margin-top: 30px; } .list-gallery figure { margin-bottom: 15px; } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin-bottom: 23px; font-size: 1em; } .list-gallery li.link-btn { margin-top: 40px; } .list-main { margin-bottom: 9px; margin-left: -20px; font-size: 13px; } .list-main:after { width: 20px; } .list-main li { min-height: 109px; margin-bottom: 17px; padding-top: 20px; border-left-width: 20px; } .list-main li:first-child { margin-top: -20px; } .list-main figure, .cols-a .cols-a .list-main figure { top: 20px; width: 138px; } .list-main figure ~ *, .cols-a .cols-a .list-main figure ~ * { padding-left: 158px; } #root .cols-a .cols-a .list-main figure ~ .list-inline { margin-left: 158px; } .list-main figure i { right: 10px; bottom: 10px; width: 25px; height: 25px; font-size: 12px; line-height: 25px; } .list-main figure i.icon-camera { font-size: 10px; } .list-main figure i.icon-play { font-size: 25px; } #root .list-main figure ~ .list-inline { margin-left: 158px; } .list-main h1, .list-main h2, .list-main h3, .list-main h4, .list-main h5, .list-main h6 { font-size: var(--s20_24); line-height: 1; } .list-main h1 .small, .list-main h2 .small, .list-main h3 .small, .list-main h4 .small, .list-main h5 .small, .list-main h6 .small { font-size: var(--s15_16); } .list-main figure + p, .list-main .list-inline + p { font-size: 14px; } .list-main p + h1, .list-main p + h2, .list-main p + h3, .list-main p + h4, .list-main p + h5, .list-main p + h6 { margin-top: 12px; } #root .list-main .list-inline { margin-right: -8px; font-size: 10px; } #root .list-main .list-inline li { margin-right: 8px; } #root .list-main .list-inline li:before { left: -8px; width: 8px; } #root .list-main li.overlay { min-height: 117px; margin-left: -20px; padding: 20px 20px 12px; } #root .list-main li.overlay figure { left: 20px; top: 20px; } .list-main li.overlay figure ~ * { padding-left: 158px; } .list-main li.overlay figure ~ .list-inline { margin-left: 158px; } .list-main li.wide + li, .list-main li.overlay + li { margin-top: -17px; } [dir="rtl"] .list-main figure ~ *, [dir="rtl"].list-main figure ~ *, [dir="rtl"] .list-main li.overlay figure ~ *, [dir="rtl"].list-main li.overlay figure ~ * { padding-right: 158px; } #root [dir="rtl"] .list-main figure ~ .list-inline, #root [dir="rtl"].list-main figure ~ .list-inline { margin-right: 158px; padding-right: 0; } #root [dir="rtl"] .list-main li.overlay, #root [dir="rtl"].list-main li.overlay { margin-right: -20px; margin-left: 0; } .list-main.featured { } .list-main li.featured { margin-bottom: 9px; font-size: 15px; } .list-main li.featured h1, .list-main li.featured h2, .list-main li.featured h3, .list-main li.featured h4, .list-main li.featured h5, .list-main li.featured h6 { margin-bottom: 9px; font-size: 25px; } .list-main li.featured h1 .small, .list-main li.featured h2 .small, .list-main li.featured h3 .small, .list-main li.featured h4 .small, .list-main li.featured h5 .small, .list-main li.featured h6 .small { margin-bottom: 1px; font-size: 16px; } .list-main li.wide figure i, .list-main li.featured figure i { right: 16px; bottom: 22px; width: 60px; height: 60px; font-size: 28px; line-height: 60px; } .list-main li.wide figure i.icon-camera, .list-main li.featured figure i.icon-camera { font-size: 22px; } .list-main li.wide figure i.icon-play, .list-main li.featured figure i.icon-play { font-size: 60px; } .list-news { margin-top: -17px; } .list-news li { width: 50%; margin-top: 17px; } aside .list-news li { margin-top: 30px; } [class*="cols"] .list-news li { width: 100%; } .list-news li:nth-child(-n+4):before, .list-news li:before, [class*="cols"] .list-news li:nth-child(2):before { display: block; } .list-news li:nth-child(-n+2):before { display: none; } .list-news li:before { top: -25px; } h1 + .list-news, h2 + .list-news, h3 + .list-news, h4 + .list-news, h5 + .list-news, h6 + .list-news, header + .list-news { margin-top: -24px; } .list-news li { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .list-news.article { padding-right: 0; } #root .list-news.article > li:first-child, #root .list-news.article > li:first-child + li { margin-top: 17px; } #root .list-news.article > li:first-child { float: none; width: 100%; margin-right: 0; margin-left: 0; border-left-width: 30px; } #root .list-news.article > li:first-child + li { margin-top: 21px; } #root .list-news.article > li:first-child + li:before { display: block; } #root .list-news.article > li:first-child + li > .list-inline:first-child { margin-top: -5px; } .list-news.ol { } .list-news.ol li { padding-left: 40px; } .list-news.ol li:before { left: 40px; } [class*="cols"] .list-news.ol { } [class*="cols"] .list-news.ol li { width: 100%; } [class*="cols"] .list-news.ol li:nth-child(2):before { display: block; } .list-news-box { min-height: 0; margin-top: 0; padding-top: 0; border-top-width: 0; font-size: 15px; line-height: 1.2 } .list-news-box li { width: 33.333333333%; height: auto; padding: 0; } .list-news-box i { right: 15px; top: 15px; width: 44px; height: 44px; font-size: 18px; line-height: 44px; } .list-news-box i.icon-play { font-size: 44px; } .list-news-box i.icon-camera { font-size: 16px; } .list-news-box img { position: relative; height: 136px !important; } .list-news-box span { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 15px; } .list-news-box li:first-child { position: relative; right: 0; width: 100%; padding: 0; font-size: 25px; } .list-news-box li:first-child i, .list-news-box-featured i { left: 16px; top: 16px; width: 60px; height: 60px; font-size: 27px; line-height: 60px; } .list-news-box li:first-child i.icon-play, .list-news-box-featured i.icon-play { font-size: 60px; } .list-news-box li:first-child i.icon-camera, .list-news-box-featured i.icon-camera { font-size: 22px; } .list-news-box li:first-child img { height: 408px !important; } .list-news-box li:first-child span { padding: 24px; } .list-price { } .list-price li { padding-left: 21px; padding-right: 21px; } .list-price h1, .list-price h2, .list-price h3, .list-price h4, .list-price h5, .list-price h6 { margin-left: -11px; margin-right: -11px; } .list-price p.label { width: 62px; height: 62px; font-size: 18px; } .cols-a.b { } #root .cols-a.b > * { float: none; width: auto; margin-left: 0; margin-right: 0; } .link-btn { margin-bottom: 11px; } .link-btn.a { font-size: 16px; line-height: 1.375; } .link-btn.a a, .module-comments .link-btn a { min-width: 182px; padding-top: 14px; padding-bottom: 14px; font-size: 16px; } .list-slider-main { font-size: 14px; line-height: 1.2727272727; } .list-slider-main i { width: 60px; height: 60px; margin: -30px 0 0 -30px; font-size: 20px; line-height: 60px; } .list-slider-main i.icon-camera { font-size: 16px; } .list-slider-main i.icon-play { font-size: 60px; } .list-slider-main li > span, .list-slider-main li a > span { max-width: none; padding: 25px 24px; font-size: 1.3em; } .list-slider-main.is-slider li > span, .list-slider-main.is-slider li a > span { max-width: none; padding-right: 66px; } .list-slider-main a.pop, .list-slider-main li a:before, .list-slider-main a.pop:before { width: 56px; font-size: 24px; line-height: 56px; } #root .list-slider-main .owl-nav button { width: 55px; font-size: 40px; } .list-slider-main .counter { bottom: 28px; width: 66px; font-size: 20px; } .list-social { margin-right: -18px; margin-bottom: 14px; font-size: 20px; font-weight: 700; } .list-social li { margin: 0 18px 12px 0; } .list-social i { font-size: 38px; line-height: 38px; } .list-social i.icon-twitter { font-size: 34px; } .list-social i.icon-eye { font-size: 34px; } .list-social i.icon-chat { font-size: 20px; } .list-social i.icon-attachment { font-size: 38px; } .list-social span, .module-offset .list-social span { margin: 0 0 0 12px; } [dir="rtl"] .list-social, [dir="rtl"] .module-comments .list-social { margin-right: -18px; margin-left: 0; } [dir="rtl"] .list-social span, [dir="rtl"] .module-offset .list-social span { margin-left: 0; margin-right: 12px; } .list-tags { font-size: var(--s16_18); } .list-tags li { margin: 0 16px 10px 0; } .list-tags a { margin: 0 -6px 0 0; padding: 5px 9px; font-size: var(--s14_15); } .list-tags i { margin-right: 1px; } .module-alert { padding-top: 16px; padding-bottom: 22px; font-size: 20px; line-height: 1.4; } .module-alert p { top: 16px; padding-top: 1px; } .module-alert .owl-nav button { top: -5px; bottom: auto; width: 36px; height: 36px; margin: 0; font-size: 14px; } .module-alert .owl-nav button.owl-prev { right: 21px; } .module-alert .owl-nav button.owl-next { right: -15px; } .module-alert ul.is-slider li { padding-right: 52px; } .module-box { margin-bottom: 45px; padding: 52px 40px 44px; font-size: 10px; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: 9px; font-size: 30px; } .module-box h1 .small, .module-box h2 .small, .module-box h3 .small, .module-box h4 .small, .module-box h5 .small, .module-box h6 .small { margin-bottom: 3px; font-size: 0.4666666667em; } .module-box footer { margin-top: 32px; } .module-box .link-btn a { width: 100%; min-width: 0; padding-top: 11px; padding-bottom: 11px; } .module-comments, #root .module-comments { display: block; padding: 14px 0 0; } .module-comments h1, .module-comments h2, .module-comments h3, .module-comments h4, .module-comments h5, .module-comments h6 { position: relative; margin: 0 0 18px; padding: 0 0 14px; border-bottom: 1px solid var(--mercury); color: var(--hit); font-family: var(--arial); font-weight: 700; font-size: var(--s20_25); } .module-comments h1 i, .module-comments h2 i, .module-comments h3 i, .module-comments h4 i, .module-comments h5 i, .module-comments h6 i { display: inline-block; position: relative; top: .15em; margin-right: 5px; color: var(--dove); font-family: i; font-size: 20px; font-weight: 400; line-height: 1px; direction: ltr; } .module-comments .icon-chat:before { content: "\e92f"; } .module-comments h1 a, .module-comments h2 a, .module-comments h3 a, .module-comments h4 a, .module-comments h5 a, .module-comments h6 a { display: inline; } [data-whatintent="mouse"] .module-comments h1 a:hover, [data-whatintent="mouse"] .module-comments h2 a:hover, [data-whatintent="mouse"] .module-comments h3 a:hover, [data-whatintent="mouse"] .module-comments h4 a:hover, [data-whatintent="mouse"] .module-comments h5 a:hover, [data-whatintent="mouse"] .module-comments h6 a:hover { color: var(--hit); } .module-comments h1 .text-right, .module-comments h2 .text-right, .module-comments h3 .text-right, .module-comments h4 .text-right, .module-comments h5 .text-right, .module-comments h6 .text-right { display: block; float: right; margin: 0; padding: 0; } #root .module-comments h1 span, #root .module-comments h2 span, #root .module-comments h3 span, #root .module-comments h4 span, #root .module-comments h5 span, #root .module-comments h6 span { display: inline; position: relative; top: 0; width: auto; height: auto; background: none; color: var(--made); font-size: 1em; line-height: inherit; } [data-whatintent="mouse"] #root .module-comments h1 a:hover span, [data-whatintent="mouse"] #root .module-comments h2 a:hover span, [data-whatintent="mouse"] #root .module-comments h3 a:hover span, [data-whatintent="mouse"] #root .module-comments h4 a:hover span, [data-whatintent="mouse"] #root .module-comments h5 a:hover span, [data-whatintent="mouse"] #root .module-comments h6 a:hover span, [data-whatintent="mouse"] h1 a:hover i, [data-whatintent="mouse"] h2 a:hover i, [data-whatintent="mouse"] h3 a:hover i, [data-whatintent="mouse"] h4 a:hover i, [data-whatintent="mouse"] h5 a:hover i, [data-whatintent="mouse"] h6 a:hover i { color: var(--azure); } .module-comments .list-tags { margin-top: -7px; padding-top: 15px; } .module-comments .header-border { margin-bottom: 11px; } .module-comments p.strong { padding-top: 12px; } [dir="rtl"] .module-comments { } [dir="rtl"] .module-comments h1 i, [dir="rtl"] .module-comments h2 i, [dir="rtl"] .module-comments h3 i, [dir="rtl"] .module-comments h4 i, [dir="rtl"] .module-comments h5 i, [dir="rtl"] .module-comments h6 i { margin-right: 0; margin-left: 5px; } [dir="rtl"] .module-comments h1 .text-right, [dir="rtl"] .module-comments h2 .text-right, [dir="rtl"] .module-comments h3 .text-right, [dir="rtl"] .module-comments h4 .text-right, [dir="rtl"] .module-comments h5 .text-right, [dir="rtl"] .module-comments h6 .text-right { float: left; } .module-comments.compact { margin-top: 0; } .module-comments.compact .list-social { margin-right: -20px; margin-bottom: 5px; } .module-comments.compact .list-social li { margin-right: 20px; margin-bottom: 11px; } .module-comments.compact .list-social i { font-size: 40px; line-height: 40px; } .module-comments.compact .list-social i.icon-envelope { font-size: 30px; } .module-comments.compact .list-social i.icon-twitter { font-size: 34px; } .module-comments.compact .list-social i.icon-eye { font-size: 26px; } .module-comments.compact .list-social i.icon-chat, .module-comments.compact .list-social i.icon-attachment { font-size: 36px; } .module-footer { margin-top: 0; margin-left: -40px; } .module-footer > * { border-left-width: 40px; } figure + .module-footer { margin-top: -30px; } .module-image { display: block; margin-bottom: 47px; padding: 0; } .module-image > figure { height: auto; margin-bottom: 16px; padding: 16px; } #root .module-image > aside { width: auto; margin-right: 0; margin-left: 0; text-align: center; } .module-image > aside p { margin-bottom: 24px; } .module-image > aside figure + * { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-offset, #root .module-offset { padding-top: 18px; padding-left: 0; padding-right: 0; } .module-offset .list-social { position: relative; left: 0; top: 0; float: none; margin: 0 0 18px; padding: 0 0 6px; border-bottom: 1px solid var(--mercury); } #root .module-offset .list-social { float: none; margin-left: 0; margin-right: 0; } .module-offset .list-social li, .module-offset .list-social li.br { margin: 0 12px 12px 0; padding: 0; } .module-offset .list-social li.br { display: block; position: absolute; right: 0; top: 0; margin-right: 0; } .module-offset .list-social li.br ~ li:last-child { margin-right: 80px; } .module-offset .list-social i { font-size: 34px; line-height: 34px; } .module-offset .list-social i.icon-twitter { font-size: 28px; } .module-offset .list-social i.icon-eye { font-size: 20px; } .module-offset .list-social i.icon-chat { font-size: 20px; } .module-offset .list-social i.icon-attachment { font-size: 32px; } figure + .module-offset { margin-top: -18px; } .module-offset:first-child { padding-top: 0; } .module-offset.limit .module-box { margin-top: -140px; } [dir="rtl"] .module-offset .list-social li, [dir="rtl"] .module-offset .list-social li.br { margin-right: 0; margin-left: 12px; } [dir="rtl"] .module-offset .list-social li.br { left: 20px; right: auto; margin-left: 0; } [dir="rtl"] .module-offset .list-social li.br ~ li:last-child { margin-right: 0; margin-left: 80px; } .module-poll { margin: 62px 0 23px; padding-top: 0; border-top-width: 0; } .module-poll header { margin-bottom: 22px; } .module-profile { display: block; margin-bottom: 30px; padding: 0 0 8px; text-align: center; } .module-profile:before { bottom: 0; } .module-profile > header { min-height: 0; margin-bottom: 30px; padding: 0; } #root .module-profile > header { padding-left: 0; padding-right: 0; } .module-profile figure { position: relative; width: 170px; margin-left: auto; margin-right: auto; padding: 0; background: none; } .header-article.compact + .module-profile { margin-top: -4px; } .module-related, #root .module-related { margin-bottom: 30px; padding-left: 0; padding-right: 0; } .module-single, #root .cols-a > .module-single { margin-bottom: 8px; padding-bottom: 42px; font-size: 18px; line-height: 1.3888888889; } .module-single:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; border-width: 0; background: var(--athens); } .module-single .list-slider-main { margin-bottom: 14px; } .module-single h1, .module-single h2, .module-single h3, .module-single h4, .module-single h5, .module-single h6 { margin-bottom: 16px; font-size: 25px; line-height: 1.12; } .module-single .list-slider-main figure + p { font-size: 15px; } #root .module-single > .link-btn:last-child { margin-bottom: -37px; } .module-space { } .module-space header { margin-bottom: 0; } #root #content.module-space { padding-top: 43px; } .module-users { margin-bottom: 27px; font-size: 12px; line-height: 1.3333333333; } .module-users ul { margin-right: 28px; } .module-users li { margin-right: -20px; } .module-users ul img { width: 40px !important; } .module-users a { text-transform: none; } q { max-width: 364px; margin-top: 34px; margin-bottom: 48px; font-size: 20px; font-weight: 700; line-height: 1.5; } q:before { top: 13px; width: 236px; margin-left: -118px; border-left-width: 70px; border-right-width: 70px; } q:after { font-size: 20px; } .scheme-capital { top: 20px; margin-top: -20px; font-size: 54px; } .scheme-outline, table { margin-bottom: 56px; } .theme-compact { } .theme-compact #root #logo { font-size: 20px; } .theme-compact #up > ul > li > a i { font-size: 30px; line-height: 30px; } .theme-compact #up > ul > li > a i.icon-bell { font-size: 30px; } .theme-compact #up > ul > li > a i.icon-logout { font-size: 24px; } .theme-compact #up > ul { margin-right: -32px; } .theme-compact #up > ul li { margin-right: 32px; } .theme-compact #up > ul > li:after { left: -17px; } .theme-compact #content { padding-top: 30px; } .theme-thin { } .theme-thin #nav > ul li { font-size: 18px; } .theme-thin #nav > ul li > a i { margin-right: 4px; } .triple.a { } #root .triple.a > * { width: 50%; } .module-offset .list-social, .list-social a, .list-news-box, #root .module-single .link-btn.desktop-hide { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #main > ul { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .list-social, #main > ul, #nav > ul, #nav > ul .owl-stage { -webkit-justify-content: center; justify-content: center; } #main > ul { -webkit-justify-content: space-between; justify-content: space-between; } h1 + .scheme-outline, h2 + .scheme-outline, h3 + .scheme-outline, h4 + .scheme-outline, h5 + .scheme-outline, h6 + .scheme-outline, header + .scheme-outline, .module-poll + *, #main > section .cols > * > ul.desktop-hide:first-child + .list-tags { margin-top: 0; } .header-article.compact p { margin-bottom: 0; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .form-search.toggle > div > *, .popup-a.fullscreen .list-slider-main li a.has-desc:after { display: block; } .module-comments h1 span:before, .module-comments h2 span:before, .module-comments h3 span:before, .module-comments h4 span:before, .module-comments h5 span:before, .module-comments h6 span:before, .module-offset .list-social li.br:before, .module-related:before, aside .s20 img, #nav .list-social, #nav .list-lang, #top .module-weather, #up, #footer p span.br:before, .list-news-box:before, .cols-a.a:before, #main form label, #main > section .cols ul.desktop-hide ul, #nav .owl-nav, #nav > ul.is-slider:before, .header-article.compact h1:before, .header-article.compact h2:before, .header-article.compact h3:before, .header-article.compact h4:before, .header-article.compact h5:before, .header-article.compact h6:before, .header-article.compact h1:after, .header-article.compact h2:after, .header-article.compact h3:after, .header-article.compact h4:after, .header-article.compact h5:after, .header-article.compact h6:after, .form-search > header:before, .cols-a.b:before, #root .cols-a > .desktop-only, .module-image > aside figure, .popup-a.fullscreen .list-slider-main ~ figure, #root .popup-a.fullscreen .list-slider-main span figure, .popup-a.fullscreen .list-slider-main .counter, #comments > header h1, #comments > header h2, #comments > header h3, #comments > header h4, #comments > header h5, #comments > header h6, .triple.a > figure, #root #main > section .cols ul.desktop-hide li.text-uppercase ul li:before { display: none; } /* responsive video iframe facebook */ iframe[src*="video.php"] {aspect-ratio: 16 / 9; height: 100%; width: 100%; } } @media only screen and (min-width: 47.5em) { /* 760 */ #footer { border-bottom-width: 0 !important; } } @media only screen and (max-width: 47.5em) { /* 760 */ #root .list-main .list-inline {display: none;} #content, #footer, .theme-compact #content, .theme-compact #footer, .theme-compact #root #top, .theme-thin #content, .theme-thin #footer, .theme-thin #nav, .theme-thin #content.w980, .theme-compact #content.w980, .theme-thin #content.w990, .theme-compact #content.w990, #root .popup-a.fullscreen .list-slider-main li > span, #root .popup-a.fullscreen .list-slider-main li > a span { width: auto; max-width: none; } #root, .theme-compact #content, .theme-compact #footer, .theme-compact #root #top, .theme-thin #content, .theme-thin #footer, .theme-thin #nav, #root .popup-a.fullscreen .list-slider-main li > span, #root .popup-a.fullscreen .list-slider-main li > a span { padding-left: 24px; padding-right: 24px; } #root { overflow: hidden; } #top { } #nav > ul .owl-stage { overflow-x: auto; overflow-y: hidden; } #nav > ul::-webkit-scrollbar, #nav > ul *::-webkit-scrollbar { height: 0; } #main { } #root #main > section .cols > * { left: 0; float: none; width: 100%; padding: 0 24px 24px; } #root #main > section .cols > *:first-child { padding-bottom: 0; } #root #main > section .cols > *:first-child, #root #main > section .cols > *:first-child + * + * { padding-top: 24px; } #root #main > section .cols > *:first-child + * + * + * { margin-top: -24px; } #root #main > section .cols > *:first-child + * { padding-top: 24px; padding-bottom: 24px; } #root #main > section .cols ul.desktop-hide li.text-uppercase { width: 100%; } #root #main > section .cols ul.desktop-hide li.text-uppercase ul { margin-bottom: -6px; padding-bottom: 0; } #main > section .cols .list-tags { min-height: 0; } #main > section .cols ul.desktop-hide { width: calc(100% + 30px + 24px + 24px); margin-right: -30px; border-width: 0; } #main > section .cols ul.desktop-hide li { position: relative; z-index: 2; margin-right: 30px; } #main > section .cols ul.desktop-hide li:before { content: ""; display: block; position: absolute; left: -16px; top: 50%; width: 1px; height: 18px; margin-top: -9px; background: var(--bismark); } #root #main > section footer { display: block; padding: 20px 24px 26px; border-width: 0; background: var(--astro); color: var(--white); } #main > section footer ul { display: block; margin: 0 0 22px; padding: 18px 0 0; border-top: 1px solid var(--orient); } #main > section footer ul li { margin: 0 0 8px; font-size: 20px; } #main > section footer ul li a, #main > section footer .list-lang li a { color: var(--white); font-size: 20px; } #main > section footer ul + ul { border-top: 1px solid var(--orient); } #main > section footer .list-lang { display: block; padding-top: 28px; } #main > section footer .list-social { margin-right: -24px; padding-top: 20px; border-width: 0; } #main > section footer .list-social li.strong { display: block; width: 100%; margin-bottom: 16px; color: var(--orient); font-size: 18px; font-weight: 400; text-transform: none; } #main > section footer .list-social li { margin-right: 24px; } #main > section footer .list-social li a { color: var(--white); } #main > section footer .list-social li a i { font-size: 26px; line-height: 26px; } #main > section footer .list-social li a i.icon-google-play { font-size: 22px; } #main > section footer .list-social li a i.icon-twitter { font-size: 24px; } #main > section footer .list-social li a i.icon-facebook { font-size: 26px; } #content { } #content > figure:last-child, #content > figure:nth-last-child(2) { margin-bottom: 0; } #content > figure:nth-last-child(2) + * { margin-top: 26px; } #footer { margin-left: -24px; margin-right: -24px; padding: 32px 24px 2px; border-top: 4px solid var(--astro); } #footer > nav { display: block; padding-top: 95px; } #footer > nav:before { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: auto; height: 76px; margin: 0; background-size: auto 100%; background-position: center center; } #footer > nav > ul.list-social { margin-right: -40px; margin-bottom: 25px; } #footer > nav > ul.list-social li { margin-right: 40px; } #footer .list-social i { font-size: 38px; line-height: 40px; } #footer .list-social .icon-google-play { font-size: 34px; } #footer .list-social .icon-twitter { font-size: 36px; } #footer .list-social .icon-facebook { font-size: 40px; } #footer > div { display: block; padding-top: 22px; text-align: center; } #footer > div:before { border-top: 1px solid var(--mercury); } #footer > div > *:first-child { text-align: center; } .cols-a, #root .cols-a { display: block; margin-bottom: 0; padding-left: 0; padding-right: 0; } #root .cols-a > * { display: block; position: relative; top: 0; float: none; width: auto; margin-left: 0; margin-right: 0; padding: 0; } #root .cols-a > * + * { margin-top: 40px; } #root .cols-a > * + .wide-only { margin-top: 25px; } aside .s20 img { display: inline-block; } .cols-a aside figure, .cols-a > header:first-child figure { padding: 40px 0; } .cols-a aside figure:before, .cols-a > header:first-child figure:before { display: block; left: -24px; right: -24px; } .cols-a aside > figure:last-child, .cols-a aside > .sticky:last-child > figure:last-child { margin-bottom: 0; } .cols-a aside .image-static { padding: 0; } .cols-a + .cols-a, .cols-a + .mobile-hide + .cols-a { padding-top: 20px; border-top: 2px solid var(--mercury); } .cols-a + .cols-a.mobile-only, .cols-a + .mobile-hide + .cols-a.mobile-only { margin-top: 50px; padding-top: 0; border-top-width: 0; } .cols-a > * + aside > h1:first-child, .cols-a > * + aside > h2:first-child, .cols-a > * + aside > h3:first-child, .cols-a > * + aside > h4:first-child, .cols-a > * + aside > h5:first-child, .cols-a > * + aside > h6:first-child { padding-top: 29px; border-top: 10px solid var(--athens); } .cols-a > *:first-child .cols-a > aside:last-child { margin-bottom: -10px; border-bottom: 1px solid var(--mercury); } .cols-a.a { } #root .cols-a.a > aside { margin-left: 0; margin-right: 0; } #root .cols-a.a > * + * { margin-top: 0; padding-top: 27px; border-top: 2px solid var(--seashell); } .form-aside { display: block; width: 100%; max-width: 370px; margin-left: auto; margin-right: auto; padding-top: 48px; } .form-aside:before { left: 0; } #root .form-aside > * { width: 100%; max-width: 330px; margin-left: auto; margin-right: auto; padding: 0; border-left-width: 0; } .form-aside > header { margin-bottom: 47px; } .form-aside h1, .form-aside h2, .form-aside h3, .form-aside h4, .form-aside h5, .form-aside h6 { } #content > .form-aside:first-child { padding-top: 5px; } #content > .form-aside:last-child { margin-bottom: 92px; } .form-comment { margin-bottom: 29px; padding-bottom: .1px; text-align: center; } .form-comment p { max-width: 330px; margin-left: auto; margin-right: auto; } .form-comment input { display: block; float: none; width: 100%; } .form-comment button { top: 0; float: none; width: 100%; margin: 12px 0; } .form-small { min-height: 0; margin: 0 -24px 22px; padding: 32px 36px 16px; } #root .form-small + .form-small, #root .form-small + figure + .form-small { margin-top: -12px; } .form-small.aside { min-height: 268px; padding-left: 196px; } .form-small.aside h1, .form-small.aside h2, .form-small.aside h3, .form-small.aside h4, .form-small.aside h5, .form-small.aside h6 { font-size: 25px; } .form-small.aside figure, .triple .form-small.aside figure { display: block; left: 0; right: auto; top: 0; width: 187px; padding: 28px 10px 0 32px; } .header-border { margin-bottom: 27px; font-size: var(--s25_40); } .image-article { margin-left: -24px; margin-right: -24px; } .image-article figcaption { padding-left: 15px; padding-right: 15px; } .link-btn.aside > * + * { margin-top: 17px; } .link-btn.aside > span { margin-right: 0; } .link-btn.aside.box { padding-top: 27px; padding-bottom: 20px; } .list-border { max-width: 318px; margin-bottom: 15px; } .list-border li { width: 100%; } .list-comments { margin-bottom: 70px; } .list-comments li.link-btn { max-width: 330px; margin-left: auto; margin-right: auto; margin-top: 50px; } .list-compact { margin-bottom: 48px; font-size: 18px; } .list-compact li { margin-bottom: 10px; padding-left: 62px; } .list-compact span:first-child { top: 1px; font-size: 1em; } .list-compact i { font-size: 12px; } .list-compact li.text-center { } .list-compact li.text-center span:first-child { padding: 0 20px; } .list-compact li.link-btn { margin-top: 25px; font-family: var(--serif); } .list-compact li.link-btn a { padding: 14px; font-size: 16px; } .list-main { margin-bottom: 0; } #root .list-main li.overlay { padding-right: 0; } #root .list-main li.overlay:before { right: -20px; } .list-main li.featured { z-index: 9999; } .list-main li.featured figure { margin-left: -24px; margin-right: -24px; } #root [dir="rtl"] .list-main li.overlay, #root [dir="rtl"].list-main li.overlay { padding-left: 0; padding-right: 20px; } #root [dir="rtl"] .list-main li.overlay:before, #root [dir="rtl"].list-main li.overlay:before { right: 0; left: -20px; } .list-news { margin-bottom: 20px; } .list-news li { width: 100%; min-height: 92px; } .list-news figure, #root .list-news figure.mobile-only { position: absolute; left: 0; top: 0; width: 138px; } .list-news figure ~ * { margin-left: 158px; } .list-news figure ~ h1, .list-news figure ~ h2, .list-news figure ~ h3, .list-news figure ~ h4, .list-news figure ~ h5, .list-news figure ~ h6 { font-size: var(--s20_24); } .list-news figure ~ h1 .small, .list-news figure ~ h2 .small, .list-news figure ~ h3 .small, .list-news figure ~ h4 .small, .list-news figure ~ h5 .small, .list-news figure ~ h6 .small { margin-bottom: 0; font-size: var(--s12_16); } .list-news figure ~ p { font-size: 14px; } .list-news figure i { right: 10px; bottom: 10px; width: 25px; height: 25px; font-size: 12px; line-height: 25px; } .list-news figure i.icon-camera { font-size: 9px; } .list-news figure i.icon-play { font-size: 25px; } #root figure + .list-news { margin-top: 40px; padding-top: 0; } figure + .list-news:after { display: none; } .list-news + figure { margin-top: 0; border-top-width: 0; } .list-news + .module-poll, .list-news + .mobile-hide + .module-poll { margin-top: -13px; padding-top: 30px; border-top: 1px solid var(--mercury); } .list-news li > h1:last-child, .list-news li > h2:last-child, .list-news li > h3:last-child, .list-news li > h4:last-child, .list-news li > h5:last-child, .list-news li > h6:last-child { margin-bottom: 8px; } .list-news .module-users { margin-bottom: 18px; } aside .list-news + h1, aside .list-news + h2, aside .list-news + h3, aside .list-news + h4, aside .list-news + h5, aside .list-news + h6 { margin-top: -13px; padding-top: 27px; } #root .header-border + .list-news { margin-top: -21px; } .list-news:last-child { margin-bottom: 10px; } [dir="rtl"] .list-news figure, #root [dir="rtl"] .list-news figure.mobile-only, [dir="rtl"] #root .list-news figure.mobile-only { left: auto; right: 0; } [dir="rtl"] .list-news figure ~ * { margin-left: 0; margin-right: 158px } .list-news.featured { } .list-news.featured > li:first-child figure, .list-news.cols > li:first-child figure { position: relative; width: 100%; margin-bottom: 14px; } .list-news.featured > li:first-child figure ~ *, .list-news.cols > li:first-child figure ~ * { margin-left: 0; margin-right: 0; } .list-news.featured > li:first-child figure ~ h1, .list-news.featured > li:first-child figure ~ h2, .list-news.featured > li:first-child figure ~ h3, .list-news.featured > li:first-child figure ~ h4, .list-news.featured > li:first-child figure ~ h5, .list-news.featured > li:first-child figure ~ h6, .list-news.cols > li:first-child figure ~ h1, .list-news.cols > li:first-child figure ~ h2, .list-news.cols > li:first-child figure ~ h3, .list-news.cols > li:first-child figure ~ h4, .list-news.cols > li:first-child figure ~ h5, .list-news.cols > li:first-child figure ~ h6 { font-size: var(--s25_30); } .list-news.featured > li:first-child figure ~ h1 .small, .list-news.featured > li:first-child figure ~ h2 .small, .list-news.featured > li:first-child figure ~ h3 .small, .list-news.featured > li:first-child figure ~ h4 .small, .list-news.featured > li:first-child figure ~ h5 .small, .list-news.featured > li:first-child figure ~ h6 .small, .list-news.cols > li:first-child figure ~ h1 .small, .list-news.cols > li:first-child figure ~ h2 .small, .list-news.cols > li:first-child figure ~ h3 .small, .list-news.cols > li:first-child figure ~ h4 .small, .list-news.cols > li:first-child figure ~ h5 .small, .list-news.cols > li:first-child figure ~ h6 .small { margin-bottom: 2px; font-size: var(--s12_18); } .list-news.featured > li:first-child figure ~ p, .list-news.cols > li:first-child figure ~ p { font-size: 1em; } #root .list-news.featured li:first-child + li:before, #root .list-news.cols li:first-child + li:before, #root .list-news.cols li:first-child + li + li:before { display: block; } #root .header-border + .list-news.featured { margin-top: -32px; } .list-news.cols { } .list-news.cols > li:first-child { font-size: var(--s18_14); } .list-news.cols p { display: none; } .list-news.article { margin-bottom: 6px; margin-top: 0; } .list-news.article > li, aside .list-news li, .cols-a > header:first-child .list-news li { min-height: 0; } #root .list-news.article > li:first-child { position: relative; z-index: 99; width: auto; margin-left: 0; font-size: 15px; } .list-news.article > li:first-child figure { margin-left: -24px; margin-right: -24px; } .list-news.article > li:first-child figure i, .list-slider-main i { right: 20px; bottom: 20px; width: 60px; height: 60px; font-size: 27px; line-height: 60px; } .list-news.article > li:first-child figure i.icon-camera, .list-slider-main i.icon-camera { font-size: 20px; } .list-news.article > li:first-child figure i.icon-play, .list-slider-main i.icon-play { font-size: 60px; } .list-news.article > li:first-child h1, .list-news.article > li:first-child h2, .list-news.article > li:first-child h3, .list-news.article > li:first-child h4, .list-news.article > li:first-child h5, .list-news.article > li:first-child h6 { margin-bottom: 13px; font-size: 25px; line-height: 1.2; } .list-news.article > li:first-child h1 .small, .list-news.article > li:first-child h2 .small, .list-news.article > li:first-child h3 .small, .list-news.article > li:first-child h4 .small, .list-news.article > li:first-child h5 .small, .list-news.article > li:first-child h6 .small { margin-bottom: 4px; font-size: 15px; } #root .list-news.article > li:first-child + li { margin-top: 14px; } .header-article.compact + .list-news.article, .header-article.compact + .cols-a > *:first-child > .list-news.article:first-child { margin-top: -10px; } .list-news.article figure { position: relative; width: auto; } .list-news.article figure ~ * { margin-left: 0; } .list-news.article figure ~ h1, .list-news.article figure ~ h2, .list-news.article figure ~ h3, .list-news.article figure ~ h4, .list-news.article figure ~ h5, .list-news.article figure ~ h6 { font-size: 25px; } .list-news.article figure ~ p { font-size: 1em; } .list-news-box { overflow-y: hidden; overflow-x: auto; margin: 0 -24px 10px; } .list-news-box li { width: 250px; min-width: 250px; max-width: 250px; margin-bottom: 16px; border-left-width: 24px; background: none; } .list-news-box li:last-child { width: 274px; min-width: 274px; max-width: 274px; border-right-width: 24px; } .list-news-box span { position: relative; padding: 13px 0 0; } .list-news-box-featured { display: block; list-style: none; margin: 0 0 24px; padding: 0 0 24px; border-bottom: 1px solid var(--mercury); font-size: 25px; font-family: var(--portada); font-weight: 600; line-height: 1; } .list-news-box-featured a { display: block; text-decoration: none; } .list-news-box-featured span { display: block; padding-top: 10px; } .list-price { display: block; margin-bottom: 11px; } .list-price li { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; padding-left: 28px; padding-right: 28px; border-left-width: 0; } .list-price h1, .list-price h2, .list-price h3, .list-price h4, .list-price h5, .list-price h6 { margin-left: 0; margin-right: 0; } .list-price p.label { width: 85px; height: 85px; font-size: 25px; } .list-slider-main { font-size: 11px; } .list-slider-main i { margin: -30px 0 0 -30px; } #root .m0-mob { margin-bottom: 0; } .mm8 { margin-left: -8px !important; margin-right: -8px !important; } .m90 { } #root figure.m90 { margin-bottom: 32px; } .mobile-text-center { text-align: center; } .module-alert, #content > .module-alert:first-child { position: fixed; left: 0; right: 0; bottom: 0; z-index: 8; margin: 0; padding: 16px 24px 22px 57px !important; font-size: 20px; line-height: 1.4; } .module-alert:before { left: 0; right: 0; width: auto; margin: 0; border-left: 40px solid var(--science); } .module-alert p { position: static; left: 0; top: 0; margin: 0 0 7px; padding: 0; font-size: 1em; } .module-alert p .close { display: block; position: absolute; left: 0; top: 0; z-index: 9; width: 40px; height: 42px; color: var(--azure); font-size: 20px; text-decoration: none; text-indent: -3000em; direction: ltr; } .module-alert p .close:before { content: "\e902"; } .module-alert .owl-nav button { top: -40px; } .module-alert ul.is-slider li { padding-right: 0; } .module-alert.toggle { -webkit-transform: translateY(100%); transform: translateY(100%); } .module-box, .module-comments, #root .cols-a > aside, #root .cols-a.a { margin-left: -8px; margin-right: -8px; } .module-error { font-size: 14px; line-height: 1.4285714286; } .module-error h1, .module-error h2, .module-error h3, .module-error h4, .module-error h5, .module-error h6 { margin-bottom: 10px; font-size: 25px; } .module-error h1 span, .module-error h2 span, .module-error h3 span, .module-error h4 span, .module-error h5 span, .module-error h6 span { margin-bottom: 10px; font-size: 5.2em; } .module-error h1 .small, .module-error h2 .small, .module-error h3 .small, .module-error h4 .small, .module-error h5 .small, .module-error h6 .small { margin-bottom: 33px; font-size: 1.4em; } .module-error header { font-size: 16px; line-height: 1.375; } .module-error header.strong { font-size: 25px; line-height: 1.12; } .module-error header.strong h1, .module-error header.strong h2, .module-error header.strong h3, .module-error header.strong h4, .module-error header.strong h5, .module-error header.strong h6 { margin-bottom: 20px; } .module-error header p { margin-bottom: 16px; } .module-error header + * { margin-top: 25px; } .module-error footer { font-size: 10px; } .module-error .link-btn { margin-top: 37px; } .module-error .link-btn a { min-width: 0; width: 100%; } .module-mobile-overlay { position: relative; z-index: 2; margin: 0 0 28px; padding: 17px 0 .1px; color: var(--white); } .module-mobile-overlay:before { background: var(--pickle); } .module-mobile-overlay h1.s20 .small.text-right:before, .module-mobile-overlay h2.s20 .small.text-right:before, .module-mobile-overlay h3.s20 .small.text-right:before, .module-mobile-overlay h4.s20 .small.text-right:before, .module-mobile-overlay h5.s20 .small.text-right:before, .module-mobile-overlay h6.s20 .small.text-right:before, .module-mobile-overlay h1.s30 .small.text-right:before, .module-mobile-overlay h2.s30 .small.text-right:before, .module-mobile-overlay h3.s30 .small.text-right:before, .module-mobile-overlay h4.s30 .small.text-right:before, .module-mobile-overlay h5.s30 .small.text-right:before, .module-mobile-overlay h6.s30 .small.text-right:before { background: var(--dark); } .module-mobile-overlay .list-news-box-featured { border-color: var(--dark); } [data-whatintent="mouse"] .module-mobile-overlay h1 a.small:hover, [data-whatintent="mouse"] .module-mobile-overlay h2 a.small:hover, [data-whatintent="mouse"] .module-mobile-overlay h3 a.small:hover, [data-whatintent="mouse"] .module-mobile-overlay h4 a.small:hover, [data-whatintent="mouse"] .module-mobile-overlay h5 a.small:hover, [data-whatintent="mouse"] .module-mobile-overlay h6 a.small:hover { color: var(--tropical); } .module-offset, #root .module-offset { margin-left: -24px; margin-right: -24px; padding-left: 15px; padding-right: 15px; } .module-offset .list-social { margin-left: -24px !important; margin-right: -24px !important; padding-left: 20px; padding-right: 20px;} .module-offset .list-social li.br { right: 24px; } .module-offset .list-social li.br ~ li:last-child { margin-right: 90px; } .module-related { } figure + .module-related { margin-top: 36px; } .module-single { } #root .module-single .list-slider-main { margin-left: -24px; margin-right: -24px; } .module-space, #content.module-space { width: 100%; max-width: 364px; margin-left: auto; margin-right: auto; } .popup-a { } .popup-a .box-inset { padding-left: 24px; padding-right: 24px; } .popup-a .box-inset > .close { width: 66px; } .popup-a.module-error footer { width: 100%; max-width: 278px; margin-left: auto; margin-right: auto; } .popup-a.fullscreen { } .popup-a.fullscreen .box-inset > .close { width: 50px; height: 50px; font-size: 18px; } .popup-a.fullscreen .list-slider-main li, .popup-a.fullscreen .list-slider-main li > a { padding-right: 0; font-size: 15px; line-height: 1.3333333333; } .popup-a.fullscreen .list-slider-main li > a { width: 100%; } .popup-a.fullscreen .list-slider-main li img { height: calc(100vh - 50px)!important; max-height: none !important;} .popup-a.fullscreen .list-slider-main .owl-nav button.owl-next { right: 0; } .popup-a.fullscreen .list-slider-main li > span, .popup-a.fullscreen .list-slider-main li > a span { overflow: visible; position: relative; right: 0; bottom: 0; left: 0; top: auto; width: auto; height: auto; max-height: none; margin: 0; padding-top: 16px; padding-bottom: 16px; text-align: right; } #root .popup-a.fullscreen .list-slider-main li > span { display: block; position: absolute; } #root .popup-a.fullscreen .list-slider-main .owl-nav button { top: 0; bottom: 0!important; width: 54px; height: auto; margin: 0; font-size: 30px; } .theme-compact #root { padding-top: 0; } .theme-compact #root #top { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: auto; margin: 0; } .theme-compact #root #logo, .theme-compact #root #logo a { display: block; position: relative; left: 0; top: 0; height: auto; font-size: 20px; line-height: 1.2; } .theme-compact #root #logo { margin: 0 -24px; padding: 0; border-bottom: 1px solid var(--calypso); } .theme-compact #root #logo a { padding: 17px 24px; } .theme-compact #nav { position: relative; height: auto; margin: 0 -24px; padding: 15px 24px; background: var(--mercury); color: var(--astro); } .theme-compact #root #nav > ul { display: block; } .theme-compact #nav > ul li > a { height: auto; padding: 5px 0; line-height: 1.2; } .theme-compact #up { display: block; position: relative; height: auto; padding-top: 19px; padding-bottom: 19px; } .theme-compact #up > ul { margin-right: -36px; } .theme-compact #up > ul > li { margin-right: 36px; } .theme-compact #up > ul > li:after { left: -19px; } .theme-compact #up > ul > li > a i { font-size: 34px; line-height: 42px; } .theme-compact #up > ul > li > a span + i { padding-left: 20px; } .theme-compact #up > ul > li > a span.mobile-hide + i { padding-left: 0; } .theme-compact #up > ul > li > a i.icon-bell { font-size: 42px; } .theme-compact #up > ul > li > a i.icon-logout { font-size: 34px; } .theme-compact #root #top:after { border-width: 0; background: var(--astro); } .theme-compact #footer { margin-left: 0; margin-right: 0; font-size: 10px; line-height: 1.5; } .theme-compact #footer p { width: 100%; margin-bottom: 1px; } .theme-compact #footer > *:first-child { font-size: 12px; } .theme-compact #footer .icon-kreo { margin: 0 0 0 3px; font-size: 8px; } .theme-thin #root { padding-top: 0; } .theme-thin #root #top { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; padding: 30px 0 15px; text-align: center; } .theme-thin #root #logo, .theme-thin #root #logo a, .theme-thin #nav, .theme-thin #root #nav > ul, .theme-thin #nav > ul li, .theme-thin #nav > ul li > a { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; float: none; width: auto; height: auto; margin: 0; padding: 0; background: none; color: inherit; font-size: 20px; line-height: 1.2; text-align: center; text-indent: 0; } .theme-thin #root #logo { margin-bottom: 16px; } .theme-thin #root #nav { margin-top: -6px; color: var(--silver); font-weight: 400; } .theme-thin #root #nav > ul { margin-bottom: 10px; } .theme-thin #nav > ul li > a i { position: relative; top: -.05em; margin-right: 4px; font-size: 0.8em; } .theme-thin #content { padding-top: 40px; } .theme-thin #footer { display: block; margin-left: 0; margin-right: 0; padding-top: 20px; padding-bottom: 12px; color: var(--chalice); font-size: 10px; line-height: 1.5; } .theme-thin #footer, .theme-compact #footer { padding-bottom: 25px; } .theme-thin #footer > p { width: 100%; margin-bottom: 5px; } .theme-thin #footer > p:first-child { color: var(--gray); font-size: 12px; line-height: 1.1666666667; } .triple, #root .triple { display: block; } #root .triple > *, #root .triple.a > * { float: none; width: auto; min-width: 0; } .module-users.mobile-hide + .module-comments, figure.mobile-hide + *, .cols-a.a + figure, .cols-a > *:first-child > .header-border:first-child, .cols-a > * > .header-border:first-child { margin-top: 0; } .module-space header { margin-bottom: 0; } #main > section .cols ul.desktop-hide, .link-btn.aside, [class*="cols"] > header .list-news, [class*="cols"] > aside .list-news, .list-news.cols { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-news-box { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #nav > ul, #nav > ul .owl-stage { -webkit-justify-content: flex-start; justify-content: flex-start; } #main > section footer .list-social, .link-btn.aside { -webkit-justify-content: center; justify-content: center; } .theme-compact #up > ul { -webkit-justify-content: flex-end; justify-content: flex-end; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .module-mobile-overlay:before, .cols, .theme-thin #root #top:before, .list-main li.featured p, .list-news figure.mobile-only, .list-news.cols p.mobile-only { display: block; } .module-footer, .cols-a aside .image-static:before, .list-news-box li:first-child, .list-news-box li:before, #footer > nav > ul, #footer > nav > div, #main > section .cols > * .list-lang, #main > section .cols ul.desktop-hide li:first-child:before, #main > section footer ul li:before, .search-active #root #main > section footer, .list-main p, .theme-compact #up > ul > li > a span.mobile-hide, .theme-thin #root #nav.mobile-only, .list-border:before, .popup-a.fullscreen .list-slider-main li:before { display: none; } .list-news-box li {-webkit-justify-content: initial; justify-content: initial;} } @media only screen and (max-width: 31.25em) { /* 500 */ .popup-a.module-error { } .popup-a.module-error .box-outer { padding: 0; } .popup-a.module-error .box-outer { -webkit-align-items: flex-start; align-items: flex-start; } .popup-a.module-error .box-inset { min-height: 100vh; border-radius: 0; } .popup-a.module-error .box-inset { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; } .popup-a.module-error header + footer { margin-top: 15px; } /*.popup-a.module-error .box-inset > .close { display: none; }*/ } @media only screen and (max-width: 25em) { /* 400 */ #comments { width: calc(100% - 31px) } .comments-active #root > .close-comments.b { right: calc(100% - 55px); } } /* Datepicker */ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} .datepicker { left: -10000px; right: auto; } .datepicker.active { right: unset; } .scheme-error{ display: block; position: relative; margin: 10px 0; padding: 6.5px 28px 6.5px 9px; border-radius: 8px; background: var(--bride); color: #e5383b; font-weight: 400; font-size: 13px; line-height: 1.5; } .no_comment {text-align: center; color: red;} .no_comment a {font-weight: 600; color: #91000b;} .disable_comment {text-align: center; color: red; padding: 50px 0px 15px;} .error_liste {display: list-item; margin-right: 5px; list-style-type: none; margin-bottom: 10px;} .scheme-success { display: block; position: relative; margin: 10px 0; padding: 6.5px 28px 6.5px 9px; border-radius: 8px; background: #edf9f0; color: #287d3c; font-weight: 400; font-size: 13px; line-height: 1.5; } /* Spinner */ .spinner-border { display: inline-block; width: 1.4rem; height: 1.4rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* shorturl */ .list-social a.shorturl.active .icon-attachment{ color: var(--pattens); } .list-social a.shorturl.active .icon-attachment ~ span{ display: block; } /* error style */ .text-success { color: #2ecc71 !important; } .text-error { color: #fd0000 !important; } .message-box { display: none; border-radius: 1px; margin-bottom:10px; } .message-box p { text-align: left !important; font-weight: bold; font-size: 11px !important; } .message-box.error { display: block; border: 1px solid #fd6262; padding: 5px 10px; background-color: #f8d1d1;} .message-box.error p { color: #fd0000 !important; margin-bottom: 0px;} .message-box.success { display: block; border: 1px solid #4bf69d; padding: 5px 10px; background-color: #cbf4e1;} .message-box.success p { color: #27ae60 !important; margin-bottom: 0px; } /* responsive player */ #video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; background-color: #000; } #video-container iframe, #video-container object, #video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; background-color: #000; z-index: 2;} .module-offset p iframe, .twitter-tweet {display: flex; margin: 20px auto;} .twitter-tweet {padding-bottom: 20px;} .cols-a footer { padding-top: 50px; } .mt0 {margin-top: 0px;} /* aligne images article */ .img-center {display: block;margin: 0 auto; } .img-left {float: left; margin: 0 20px 10px 0;} .img-right {float: right; margin: 0 0 10px 20px;}