/* =========================================================================== */ /* - Typography - Increase Headings - Inputs - Top Bar - Main Header --- Responsive Header --- Sticky Header --- Sticky Header Add Transition --- Simple Sticky Header --- Advanced Sticky Header --- Fildisi Sticky Header --- Side Header - Logo - Main Menu --- Main Menu Types --- Mega Menu --- Menu Description --- Assign Menu --- Responsive Menu --- Advanced Hidden Menu --- Slide or Toggle Menu - Header Elements - Responsive Header Elements - Page Title & Feature Section --- Page Title & Feature Section Custom Heights --- Page Title & Feature Section Positions --- Page Title & Feature Section Content Wrapper --- Page Title & Feature Content Sizes --- Feature Section Buttons --- Feature Section Graphic --- Feature Animation Content --- Feature Slider Navigation - Single Post --- Single Post Title --- Single Post Media --- Single Post Tags --- Single Post Author --- Single Post Comments --- Single Post Comment Form --- Single Post Related - Single Portfolio - Single Related - Single Social Bar - Single Navigation Bar - Pagination - Breadcrumbs - Page With Sidebar - Hidden Area ( Side Area & Responsive Menu ) - Close Button - Page Modal --- Search Modal --- Socials Modal --- Language Modal --- Login Modal - Animate Page Mask - Contact Form Styles - Anchor Menu - Section Navigation - Main Content - Footer --- Footer Bar - Paraller - Background Image - Background Image Sizes - Background Video - Background Overlay - Section Separators - Feature Section Separators - Page Overlay - Hover Overlay - Hover Zoom Effect - Grayscale Effect - Image Hover General Settings --- Hover 01 --- Hover 02 --- Hover 03 --- Hover 04 --- Hover 05 --- Hover 06 --- Hover 07 - Main Loader - Zoom Effect - Go to Section - Back to Top - Basic Shapes ( Round - Extra Round - Circle ) - Fildisi Icon Library - Video Icon - Magnific Popup - Animations - Full Page - Pilling Page - Framed Layout - Grid Settings --- Flex Settings --- Section Settings --- Row Settings --- Columns --- Columns Gap --- Responsive Columns Positions --- Grid Responsive - Plugin Community Event - GDPR Privacy --- GDPR Privacy Popup --- GDPR Privacy Switcher - Print --- General Print */ /* =========================================================================== */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } html, body { overflow-x: hidden; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /** * 2.0 - Basic Typography * ---------------------------------------------------------------------------- */ html { font-size: 16px; } @media only screen and (max-width: 1200px) { html { font-size: 10px; } } @media only screen and (max-width: 767px) { html { font-size: 8px; } } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } p { position: relative; margin-bottom: 30px; } p:last-child { margin-bottom: 0; } p:empty { display: none; } p.eut-pull-left, p.eut-pull-right { position: relative; width: 40%; margin-bottom: 0; font-size: 14px; line-height: 30px; opacity: 0.7; } p.eut-pull-left { position: relative; float: left; margin-left: -30px; padding: 30px 30px 30px 0; } p.eut-pull-right { position: relative; float: right; margin-right: -30px; padding: 30px 0 30px 30px; } @media only screen and (max-width: 767px) { p.eut-pull-left, p.eut-pull-right { float: none; margin: 0 0 30px 0; width: 100%; padding: 0; } } p.eut-dropcap:first-letter { float: left; line-height: 1em !important; padding: 0px 18px 0px 0px; margin-bottom: 0; } /* Links */ a { text-decoration: none; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } a:hover, a:focus, a:visited { text-decoration: none; } /* More Link*/ .more-link { display: block; margin-top: 10px; } /* List */ ul { list-style: disc; } ul ul { list-style-type: circle; } ol { list-style: decimal; } ul, ol { margin-bottom: 28px; margin-left:20px; line-height: 30px; } li > ul, li > ol { margin-bottom: 0; margin-left:20px; } /* Blockquote */ blockquote { margin-bottom: 30px; } blockquote:last-child { margin-bottom: 0; } p + blockquote { margin-top: 30px; } hr + blockquote { margin-top: 30px; } .eut-quote-text, blockquote p { padding-left: 28px; padding-top: 5px; padding-bottom: 5px; border-left: 2px solid; } /* Other elements */ cite, em, var, address, dfn { font-style: italic; } address { margin-bottom: 30px; } dl { margin-bottom: 30px; } dt { font-family: inherit; } dd { padding-left: 15px; } .sticky { position: relative; } .bypostauthor { position: relative; } code, kbd, tt, var, samp, pre { font-family: "Courier New", Courier, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { display: block; clear: both; overflow: auto; padding: 20px; font-size: 14px; line-height: 30px; white-space: pre; overflow-x: auto; height: auto; margin: 30px 0; color: #525455; background-color: #EDF0F3; background-color: rgba(225,227,229,0.25); } sup{ vertical-align: super; font-size: smaller; } sub{ vertical-align: sub; font-size: smaller; } strong { font-weight: bold; } cite, code { letter-spacing: 0.3em; } /** * 3.0 - Aligns * ---------------------------------------------------------------------------- */ .eut-align-left { text-align: left; } .eut-align-right { text-align: right; } .eut-align-center { text-align: center; } /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .eut-column.eut-tablet-align-left, .eut-column-inner.eut-tablet-align-left { text-align: left; } .eut-column.eut-tablet-align-right, .eut-column-inner.eut-tablet-align-right { text-align: right; } .eut-column.eut-tablet-align-center, .eut-column-inner.eut-tablet-align-center { text-align: center; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .eut-column.eut-tablet-sm-align-left, .eut-column-inner.eut-tablet-sm-align-left { text-align: left; } .eut-column.eut-tablet-sm-align-right, .eut-column-inner.eut-tablet-sm-align-right { text-align: right; } .eut-column.eut-tablet-sm-align-center, .eut-column-inner.eut-tablet-sm-align-center { text-align: center; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 767px) { .eut-column.eut-mobile-align-left, .eut-column-inner.eut-mobile-align-left { text-align: left; } .eut-column.eut-mobile-align-right, .eut-column-inner.eut-mobile-align-right { text-align: right; } .eut-column.eut-mobile-align-center, .eut-column-inner.eut-mobile-align-center { text-align: center; } } .alignleft, img.alignleft { float: left; margin-right: 20px; } .alignright, img.alignright { float: right; margin-left: 20px; } .aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } img.eut-pull-left { float: left; margin-left: -30px; padding: 15px 0; } img.eut-pull-right { float: right; margin-right: -30px; padding: 15px 0; } /** * Inputs * ---------------------------------------------------------------------------- */ .input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], input[type="search"], textarea, select { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0); box-shadow: inset 0 0 0 0 rgba(0,0,0,0); position: relative; z-index: 2; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus { outline: none; } fieldset {} legend { white-space: normal; } /** * Buttons * ---------------------------------------------------------------------------- */ input[type=submit] { -webkit-appearance: none; } input[type="submit"], .eut-btn { display: inline-block; border: none; cursor: pointer; } /** * 10.0 - Tables * ---------------------------------------------------------------------------- */ table { width: 100%; margin-bottom: 30px; border: 1px solid; border-collapse: collapse; cursor: default; } tr { -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; border-bottom: 1px solid; } td, th { padding: 10px 20px 10px 20px; line-height: 1.5; border-right: 1px solid; text-align: center; } th:last-child { border: none; } /* Responsive images. */ img { -ms-interpolation-mode: bicubic; border: 0; max-width: 100%; height: auto; } .comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; display: block; } .size-full, .size-large, .size-medium, .size-thumbnail, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Embeds and iframes */ embed, iframe, object, video { max-width: 100%; display: block; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Image Captions*/ .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { display: block; font-size: 0.8em; opacity: 0.54; font-style: italic; margin: 0 auto; padding: 15px 0; text-align: left; line-height: 1.5; margin-bottom: 30px; } .wp-smiley { margin: 0 !important; max-height: 1em; } .mejs-controls .mejs-button button { cursor: pointer; display: block; text-decoration: none; margin: 10px 5px !important; padding: 0 !important; position: absolute !important; height: 20px !important; width: 20px !important; border: 0 !important; line-height: 16px; text-indent: 2px; background-color: transparent !important; } /* Gallery */ .gallery { margin: 0 -15px !important; } .gallery dl { margin-top: 0 !important; } .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img { width: 100%; max-width: 100%; height: auto; max-height: 100%; padding: 0 15px; border: none !important; } .gallery-caption { padding-left: 15px; padding-right: 15px; } /* Visibility & Accessibility ============================================================================= */ .eut-hidden { display: none; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Aligns & Float ============================================================================= */ .eut-vertical-top { vertical-align: top; } .eut-vertical-middle { vertical-align: middle; } .eut-vertical-bottom { vertical-align: bottom; } .eut-float-left { float: left; } .eut-float-right { float: right; } .eut-float-none { float: none; } /* Positions ============================================================================= */ .eut-position-left { float: left; } .eut-position-right { float: right; } .eut-position-center { float: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 1; } .eut-position-center .eut-wrapper { display: inline-block; vertical-align: top; } .eut-rotate-90 { -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* With Scroll ============================================================================= */ .eut-with-scroll { overflow-y: hidden; } /* Margins & Paddings ============================================================================= */ .eut-margin-top-sm { margin-top: 2.5rem; } .eut-margin-bottom-sm { margin-bottom: 2.5rem; } .eut-margin-top-md { margin-top: 5rem; } .eut-margin-bottom-md { margin-bottom: 5rem; } .eut-padding-top-sm { padding-top: 2.5rem; } .eut-padding-bottom-sm { padding-bottom: 2.5rem; } .eut-padding-top-md { padding-top: 5rem; } .eut-padding-bottom-md { padding-bottom: 5rem; } /* Borders ============================================================================= */ .eut-border-top { border-top: 1px solid; } .eut-border-bottom { border-bottom: 1px solid; } .eut-border-left { border-left: 1px solid; } .eut-border-right { border-right: 1px solid; } /* ============================================================================= Special Styles ============================================================================= */ .eut-hover-underline { position: relative; } .eut-hover-underline:after { content: ""; position: absolute; bottom: -3px; left: 50%; width: 0; height: 2px; visibility: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; background-color: #000000; } .eut-hover-underline:hover:after { visibility: visible; width: 100%; } .eut-drop-shadow:not(.eut-column):not(.eut-isotope), .eut-column.eut-drop-shadow .eut-column-wrapper, .eut-isotope.eut-drop-shadow .eut-image-hover { -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); } .eut-drop-shadow-large:not(.eut-column):not(.eut-isotope), .eut-column.eut-drop-shadow-large .eut-column-wrapper, .eut-isotope.eut-drop-shadow-large .eut-image-hover { -webkit-box-shadow: 0 20px 90px rgba(0,0,0,0.2); -moz-box-shadow: 0 20px 90px rgba(0,0,0,0.2); box-shadow: 0 20px 90px rgba(0,0,0,0.2); } /* ============================================================================= - Typography ============================================================================= */ h1,h2,h3,h4,h5,h6, .eut-h1, .eut-h2, .eut-h3, .eut-h4, .eut-h5, .eut-h6, .eut-subtitle-text { margin-bottom: 18px; } h1, .eut-h1, h2, .eut-h2 { margin-bottom: 18px; } h3, .eut-h3, h4, .eut-h4 { margin-bottom: 15px; } h5, .eut-h5, h6, .eut-h6 { margin-bottom: 10px; } .eut-subtitle { margin-bottom: 8px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .eut-h1:last-child, .eut-h2:last-child, .eut-h3:last-child, .eut-h4:last-child, .eut-h5:last-child, .eut-h6:last-child, .eut-subtitle:last-child, .eut-subtitle-text:last-child { margin-bottom: 0px; } .eut-small-title { font-size: 18px; line-height: 24px; } .eut-small-text { line-height: 1.2; } .eut-list-divider { font-size: 0; } .eut-list-divider li { margin: 0 !important; display: inline-block; vertical-align: middle; } .eut-list-divider li:after { content: "/"; margin: 0 0.455em; opacity: 0.5; } .eut-list-divider li:last-child:after { display: none; } /* ============================================================================= - Increase Headings ============================================================================= */ .eut-increase-heading > span { line-height: 1.2em; } .eut-increase-heading.eut-heading-120 > span { font-size: 120.00001%; } .eut-increase-heading.eut-heading-140 > span { font-size: 140%; } .eut-increase-heading.eut-heading-160 > span { font-size: 160%; } .eut-increase-heading.eut-heading-180 > span { font-size: 180%; } .eut-increase-heading.eut-heading-200 > span { font-size: 200%; } .eut-increase-heading.eut-heading-250 > span { font-size: 250%; } .eut-increase-heading.eut-heading-300 > span { font-size: 300%; } #eut-content .alignfull, #eut-content .alignwide { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; width: auto; } @media only screen and ( min-width: 1024px ) { #eut-content .alignwide { margin-left : -12%; margin-right : -12%; max-width : none; } #eut-content.eut-left-sidebar .alignwide { margin-left : 0; margin-right : -12%; } #eut-content.eut-right-sidebar .alignwide { margin-left : -12%; margin-right : 0; } #eut-content.eut-left-sidebar .alignfull { margin-left : 0; margin-right : calc( -100vw / 2 + 100% / 2 ); } #eut-content.eut-right-sidebar .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : 0; } } /* ============================================================================= - Inputs ============================================================================= */ #eut-theme-wrapper input[type="text"], #eut-theme-wrapper input[type="input"], #eut-theme-wrapper input[type="password"], #eut-theme-wrapper input[type="number"], #eut-theme-wrapper input[type="email"], #eut-theme-wrapper input[type="number"], #eut-theme-wrapper input[type="url"], #eut-theme-wrapper input[type="tel"], #eut-theme-wrapper input[type="search"], #eut-theme-wrapper input[type="date"], #eut-theme-wrapper textarea, #eut-theme-wrapper select, #eut-theme-wrapper .select2-choice { -webkit-appearance: none; -moz-appearance: none; border: 1px solid; padding: 16px 20px; outline: none; color: inherit; margin: 0; width: 100%; font-size: 12px; font-family: inherit; margin-bottom: 20px; background: transparent; border-radius: 0; border-color: inherit; min-height: 42px; } #eut-theme-wrapper input[type="number"] { -moz-appearance:textfield; } #eut-theme-wrapper input::-webkit-outer-spin-button, #eut-theme-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #eut-theme-wrapper input[type="text"]:focus, #eut-theme-wrapper input[type="password"]:focus, #eut-theme-wrapper input[type="email"]:focus, #eut-theme-wrapper input[type="number"]:focus, #eut-theme-wrapper input[type="url"]:focus, #eut-theme-wrapper input[type="tel"]:focus, #eut-theme-wrapper input[type="search"]:focus, #eut-theme-wrapper input[type="date"]:focus, #eut-theme-wrapper textarea:focus { color: inherit; } /* Date Input */ #eut-theme-wrapper input[type="date"] { line-height: 15px; } ::-webkit-inner-spin-button { display: none; } ::-webkit-calendar-picker-indicator { background: none; } #eut-theme-wrapper .select2-choice { padding: 10px 14px; } ::-webkit-input-placeholder { color: inherit; opacity: 0.5; } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 0.5; } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 0.5; } :-ms-input-placeholder { color: inherit; opacity: 0.5; } #eut-theme-wrapper select { background-image: url("data:image/png;base64,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"); background-position: center right; background-repeat: no-repeat; text-indent: 0; min-height: 30px; } #eut-theme-wrapper select option { color: #000000; } #eut-theme-wrapper select[multiple] { background-image: none; } /* Search */ .eut-search { position: relative; display: block; max-width: 430px; margin: 0 auto; } #eut-theme-wrapper .eut-search input[type="text"] { width: 100%; height: 50px; padding-right: 50px; margin-bottom: 0; } #eut-theme-wrapper .eut-search button[type="submit"] { width: 38px; height: 38px; line-height: 38px; font-size: 18px; position: absolute; border: none; top: 4px; right: 6px; padding: 0; cursor: pointer; z-index: 3; outline: 0; margin-top: 2px; background-color: transparent; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } #eut-theme-wrapper .eut-search button[type="submit"] i { font-size: inherit; line-height: inherit; } /* ============================================================================= - Top Bar ============================================================================= */ #eut-top-bar { position: relative; width: 100%; top: 0; z-index: 9999; } /* Sticky Top Bar */ #eut-top-bar.eut-sticky-topbar.eut-fixed .eut-wrapper { position: fixed; width: 100%; top: 0; z-index: 9999; } /* Device Sticky Top Bar */ @media only screen and (max-width: 1023px) { #eut-top-bar.eut-device-sticky-topbar.eut-fixed .eut-top-bar-wrapper { position: fixed; } } #eut-top-bar ul { margin: 0; list-style: none; line-height: 1.2; } #eut-top-bar ul p { font-size: 13px; line-height: 1.2; } #eut-top-bar .eut-top-bar-menu { font-size: 10px; } #eut-top-bar ul.eut-left-side { float: left; text-align: left; width: 50%; } #eut-top-bar ul.eut-right-side { float: right; text-align: right; width: 50%; } #eut-top-bar ul li.eut-topbar-item, #eut-top-bar ul li.eut-topbar-item li, #eut-top-bar ul li.eut-topbar-item > a { display: inline-block; vertical-align: middle; } #eut-top-bar ul.eut-left-side li.eut-topbar-item { margin-right: 15px; } #eut-top-bar ul.eut-left-side li.eut-topbar-item ul li { margin-right: 15px; } #eut-top-bar ul.eut-left-side li.eut-topbar-item:last-child, #eut-top-bar ul.eut-left-side li.eut-topbar-item ul li:last-child { margin-right: 0; } #eut-top-bar ul.eut-right-side li.eut-topbar-item { margin-left: 15px; } #eut-top-bar ul.eut-right-side li.eut-topbar-item ul li { margin-left: 15px; } #eut-top-bar ul.eut-right-side li.eut-topbar-item:first-child, #eut-top-bar ul.eut-right-side li.eut-topbar-item ul li:first-child { margin-left: 0; } #eut-top-bar.eut-fullwidth .eut-container { padding-left: 30px; padding-right: 30px; } /* Language */ #eut-top-bar .eut-language > li { position: relative; font-size: 10px; } #eut-top-bar .eut-language > li > ul { position: absolute; z-index: 5; min-width: 160px; padding: 10px 0; top: 100%; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-animation-duration: 0.15s; -moz-animation-duration: 0.15s; -o-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; display: none; } @-webkit-keyframes menu_animation { from { opacity: 0; } 50% { opacity: 1; } } @keyframes menu_animation { from { opacity: 0; } 50% { opacity: 1; } } #eut-top-bar .eut-language > li:hover > ul { display: block; } #eut-top-bar .eut-left-side .eut-language > li > ul { left: -15px; } #eut-top-bar .eut-right-side .eut-language > li > ul { right: -15px; } #eut-top-bar .eut-language img, #eut-top-bar .eut-language span { vertical-align: middle; display: inline-block; } #eut-top-bar .eut-language img { margin-right: 5px; margin-top: -4px; } #eut-top-bar .eut-language > li > ul li { display: block; } #eut-top-bar .eut-language > li > ul li a { display: block; padding: 15px; } /* Menu */ #eut-top-bar .eut-top-bar-menu li { position: relative; } #eut-top-bar .eut-top-bar-menu ul.sub-menu { position: absolute; z-index: 5; min-width: 180px; padding: 10px 0; top: 100%; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-animation-duration: 0.15s; -moz-animation-duration: 0.15s; -o-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; display: none; } #eut-top-bar .eut-top-bar-menu > ul > li:hover > ul.sub-menu { display: block; } #eut-top-bar .eut-left-side .eut-top-bar-menu ul.sub-menu { left: -15px; } #eut-top-bar .eut-right-side .eut-top-bar-menu ul.sub-menu { right: -15px; } #eut-top-bar .eut-top-bar-menu ul.sub-menu li { display: block; } #eut-top-bar .eut-top-bar-menu ul.sub-menu li:after { display: none; } #eut-top-bar .eut-top-bar-menu ul.sub-menu li a { display: block; padding: 15px; } @media only screen and (max-width: 767px) { #eut-top-bar ul.eut-left-side, #eut-top-bar ul.eut-right-side { float: none; width: auto; text-align: center; } #eut-top-bar ul li.eut-topbar-item + li.eut-topbar-item { margin-top: 5px; } } /* ============================================================================= - Main Header ============================================================================= */ #eut-header { position: relative; z-index: 9998; } /* Full Width Header */ #eut-header.eut-fullwidth #eut-main-header:not(.eut-side-default) .eut-container, #eut-header.eut-fullwidth #eut-responsive-header .eut-container { padding-left: 1.875rem; padding-right: 1.563rem; } #eut-header.eut-fullwidth #eut-main-header.eut-header-default .eut-container { position: static; } @media only screen and (max-width: 1200px) { #eut-main-header.eut-header-default .eut-container { position: static; } } #eut-main-header { width: 100%; top: 0; left: auto; position: relative; z-index: 4; border-bottom: 1px solid; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-header.eut-header-below #eut-main-header, #eut-header.eut-header-below #eut-main-header .eut-header-elements { border: none; } #eut-bottom-header { border-top: 1px solid; width: 100%; top: 0; left: auto; position: relative; z-index: 4; } /* ============================================================================= --- Responsive Header ============================================================================= */ #eut-responsive-header { display: none; } #eut-responsive-header #eut-main-responsive-header { width: 100%; top: 0; left: auto; position: relative; z-index: 1000; } /* ============================================================================= --- Advanced Hidden Menu ============================================================================= */ #eut-header.eut-advanced-hidden-menu #eut-main-header { -webkit-transition : background-color 0.7s, border-color 0.7s; -moz-transition : background-color 0.7s, border-color 0.7s; -ms-transition : background-color 0.7s, border-color 0.7s; -o-transition : background-color 0.7s, border-color 0.7s; transition : background-color 0.7s, border-color 0.7s; } #eut-header.eut-header-hover #eut-main-header .eut-logo .eut-wrapper img.eut-light, #eut-header.eut-header-hover #eut-main-header .eut-logo .eut-wrapper img.eut-dark { display: none; } #eut-header.eut-header-hover #eut-main-header .eut-logo .eut-wrapper img.eut-default { display: block; } /* Hidden Menu Button */ #eut-header.eut-header-hover #eut-main-header .eut-hidden-menu-btn a .eut-item span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 50%; } #eut-header.eut-header-hover #eut-main-header .eut-hidden-menu-btn a .eut-item span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; } #eut-header.eut-header-hover #eut-main-header .eut-hidden-menu-btn a .eut-item span:nth-child(2) { opacity: 0; visibility: hidden; } /* Main Menu */ #eut-header.eut-advanced-hidden-menu #eut-main-header { overflow: hidden; } #eut-header.eut-advanced-hidden-menu.eut-open-menu #eut-main-header { overflow: visible; } #eut-header.eut-advanced-hidden-menu #eut-main-header #eut-main-menu .eut-first-level > a { visibility: hidden; } #eut-header.eut-advanced-hidden-menu #eut-main-header #eut-main-menu .eut-first-level.show > a { visibility: visible; } #eut-header.eut-advanced-hidden-menu #eut-main-header #eut-main-menu .eut-first-level > a .eut-item { visibility: hidden; opacity: 0; -webkit-transition : opacity 0.7s, visibility 0.7s; -moz-transition : opacity 0.7s, visibility 0.7s; -ms-transition : opacity 0.7s, visibility 0.7s; -o-transition : opacity 0.7s, visibility 0.7s; transition : opacity 0.7s, visibility 0.7s; } #eut-header.eut-advanced-hidden-menu #eut-main-header #eut-main-menu .eut-first-level.show > a .eut-item { visibility: visible; opacity: 1; } /* Header Elements */ #eut-header.eut-advanced-hidden-menu #eut-main-header .eut-header-elements-wrapper { opacity: 0; visibility: hidden; -webkit-transition : all 0.7s; -moz-transition : all 0.7s; -ms-transition : all 0.7s; -o-transition : all 0.7s; transition : all 0.7s; } #eut-header.eut-advanced-hidden-menu #eut-main-header .eut-header-elements-wrapper.show { opacity: 1; visibility: visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } /* ============================================================================= --- Sticky Header ============================================================================= */ #eut-header.eut-fixed #eut-main-header { position: fixed; } #eut-responsive-header.eut-fixed #eut-main-responsive-header { position: fixed; } .eut-body.eut-boxed #eut-responsive-header.eut-fixed #eut-main-responsive-header { max-width: 90%; } /* ============================================================================= --- Sticky Header Add Transition ============================================================================= */ #eut-header.eut-sticky-animate #eut-main-header, #eut-header.eut-sticky-animate #eut-main-header #eut-bottom-header, #eut-header.eut-sticky-animate #eut-main-header .eut-logo, #eut-header.eut-sticky-animate #eut-main-menu .eut-wrapper > ul > li > a, #eut-header.eut-sticky-animate .eut-header-element > a, .eut-no-assigned-menu { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /* ============================================================================= --- Simple Sticky Header ============================================================================= */ #eut-header #eut-main-header.eut-simple-sticky.eut-header-default, #eut-header #eut-main-header.eut-simple-sticky #eut-bottom-header { -webkit-transition : background-color 0.3s, border-color 0.3s; -moz-transition : background-color 0.3s, border-color 0.3s; -ms-transition : background-color 0.3s, border-color 0.3s; -o-transition : background-color 0.3s, border-color 0.3s; transition : background-color 0.3s, border-color 0.3s; } /* ============================================================================= --- Advanced Sticky Header ============================================================================= */ #eut-header #eut-main-header.eut-advanced-sticky.eut-header-default, #eut-header #eut-main-header.eut-advanced-sticky.eut-header-logo-top, #eut-header #eut-main-header.eut-advanced-sticky #eut-bottom-header { -webkit-transition : transform 0.5s, background-color 0.3s, border-color 0.3s; -moz-transition : transform 0.5s, background-color 0.3s, border-color 0.3s; -ms-transition : transform 0.5s, background-color 0.3s, border-color 0.3s; -o-transition : transform 0.5s, background-color 0.3s, border-color 0.3s; transition : transform 0.5s, background-color 0.3s, border-color 0.3s; } /* ============================================================================= --- Fildisi Sticky Header ============================================================================= */ #eut-fildisi-sticky-header { position: fixed; width: 100%; top: 0; } @media only screen and (max-width: 1023px) { #eut-fildisi-sticky-header { display: none; } } #eut-header.eut-fixed #eut-main-header.eut-fildisi-sticky { display: none; } #eut-header #eut-fildisi-sticky-header .eut-header-elements:not(.eut-safe-button-element) { display: none; opacity: 0; -webkit-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -moz-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -o-animation: fildisi_header_fade_in 0.3s forwards 0.3s; animation: fildisi_header_fade_in 0.3s forwards 0.3s; } #eut-header #eut-fildisi-sticky-header .eut-header-elements:not(.eut-safe-button-element):last-child { padding-right: 1.563rem; } #eut-header.eut-sticky-header.eut-scroll-up #eut-fildisi-sticky-header .eut-header-elements:not(.eut-safe-button-element) { display: block; } #eut-header.eut-sticky-header #eut-main-header { -webkit-box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.1); } #eut-header #eut-fildisi-sticky-header:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } #eut-header.eut-sticky-header.eut-scroll-up #eut-fildisi-sticky-header:before { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-fildisi-sticky-header .eut-logo { text-align: center; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; visibility: hidden; } #eut-header.eut-scroll-down #eut-fildisi-sticky-header .eut-logo, #eut-header.eut-scroll-up #eut-fildisi-sticky-header .eut-logo { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); visibility: visible; } #eut-fildisi-sticky-header .eut-logo .eut-wrapper { display: inline-block; vertical-align: top; opacity: 0; } #eut-header.eut-scroll-down #eut-fildisi-sticky-header .eut-logo .eut-wrapper, #eut-header.eut-scroll-up #eut-fildisi-sticky-header .eut-logo .eut-wrapper { -webkit-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -moz-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -o-animation: fildisi_header_fade_in 0.3s forwards 0.3s; animation: fildisi_header_fade_in 0.3s forwards 0.3s; } #eut-fildisi-sticky-header .eut-header-elements { text-align: center; border: none; margin: 0; } #eut-fildisi-sticky-header .eut-header-element > a.eut-safe-button { display: inline-block; padding-left: 0; padding-right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; visibility: hidden; } #eut-header.eut-scroll-down #eut-fildisi-sticky-header .eut-header-element > a.eut-safe-button, #eut-header.eut-scroll-up #eut-fildisi-sticky-header .eut-header-element > a.eut-safe-button { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); visibility: visible; } #eut-header #eut-fildisi-sticky-header .eut-header-element > a.eut-safe-button .eut-item { opacity: 0; } #eut-header.eut-scroll-down #eut-fildisi-sticky-header .eut-header-element > a.eut-safe-button .eut-item, #eut-header.eut-scroll-up #eut-fildisi-sticky-header .eut-header-element > a.eut-safe-button .eut-item { -webkit-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -moz-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -o-animation: fildisi_header_fade_in 0.3s forwards 0.3s; animation: fildisi_header_fade_in 0.3s forwards 0.3s; } #eut-header #eut-fildisi-sticky-header #eut-fildisi-sticky-menu { display: none; opacity: 0; } #eut-header #eut-fildisi-sticky-header #eut-fildisi-sticky-menu.eut-position-right { padding-right: 1.875rem; } #eut-header.eut-sticky-header.eut-scroll-up #eut-fildisi-sticky-header #eut-fildisi-sticky-menu { display: block; -webkit-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -moz-animation: fildisi_header_fade_in 0.3s forwards 0.3s; -o-animation: fildisi_header_fade_in 0.3s forwards 0.3s; animation: fildisi_header_fade_in 0.3s forwards 0.3s; } /* Animation */ @-webkit-keyframes fildisi_header_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fildisi_header_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fildisi_header_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fildisi_header_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } /* ============================================================================= --- Side Header ============================================================================= */ @media only screen and (min-width: 960px) { #eut-theme-wrapper.eut-header-side .eut-container, #eut-theme-wrapper.eut-header-side #eut-content.eut-left-sidebar .eut-content-wrapper, #eut-theme-wrapper.eut-header-side #eut-content.eut-right-sidebar .eut-content-wrapper { width: 90%; max-width: 1170px; } } #eut-theme-wrapper.eut-header-side .eut-header-element { float: none; display: inline-block; } #eut-main-header.eut-header-side { position: fixed; width: 280px; top: 0; height: 100%; z-index: 100; overflow: hidden; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-body:not(.rtl) #eut-main-header.eut-header-side { left: 0; } #eut-main-header.eut-header-side .eut-main-header-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 95%; height: calc(100% - 120px); padding-right: 30px; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 5; } #eut-main-header.eut-header-side .eut-wrapper { position: relative; z-index: 5; } /* Logo Aligns */ #eut-main-header.eut-header-side .eut-logo { float: none; } #eut-main-header.eut-header-side .eut-logo .eut-wrapper { position: relative; display: inline-block; } #eut-main-header.eut-header-side .eut-logo.eut-position-left { float: none; text-align: left; } #eut-main-header.eut-header-side .eut-logo.eut-position-right { float: none; text-align: right; } #eut-main-header.eut-header-side .eut-logo.eut-position-center { position: relative; height: auto; z-index: 10 } /* Boxed */ .eut-body.eut-boxed:not(.rtl) #eut-theme-wrapper.eut-header-side #eut-main-header.eut-header-side { left: auto; margin-left: -280px; } .eut-body.eut-boxed #eut-theme-wrapper.eut-header-side .eut-container { max-width: 80%; } #eut-main-header.eut-header-side .eut-content { position: relative; } #eut-main-header.eut-header-side .eut-header-elements-wrapper { position: absolute; left: 0; right: 0; bottom: 0; min-height: 100px; z-index: 5; } #eut-main-header.eut-header-side .eut-header-elements { display: block; overflow: hidden; border-top: 1px solid; border-left: none; margin: 0; padding: 15px 0; } #eut-main-header.eut-header-side .eut-header-element > a { padding: 0 0.625rem; } #eut-main-header.eut-header-side li.eut-header-element { height: 25px; line-height: 25px; } /* ============================================================================= - Logo ============================================================================= */ /* General Settings */ .eut-logo { display: block; position: relative; z-index: 2; overflow: hidden; } .eut-shrink .eut-header-logo-top .eut-logo.eut-position-center a img { margin: 0 auto; } .eut-shrink .eut-header-logo-top .eut-logo.eut-position-right a img { margin: 0 0 0 auto; } .eut-logo .eut-wrapper { position: relative; top: 50%; } .eut-logo .eut-wrapper a { position: relative; display: block; } .eut-logo .eut-wrapper img { display: block; position: relative; height: 100%; top: -50%; width: auto !important; max-width: none; } /* Logo Settings for Side Header */ #eut-main-header.eut-header-side .eut-logo .eut-wrapper, #eut-main-header.eut-header-side .eut-logo .eut-wrapper img { top: 0px; } .eut-logo .eut-wrapper img.eut-light, .eut-logo .eut-wrapper img.eut-dark { display: none; } /* Light Logo */ #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-light { display: block; } #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-default, #eut-main-header.eut-light .eut-logo .eut-wrapper img.eut-dark { display: none; } /* Dark Logo */ #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-dark { display: block; } #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-default, #eut-main-header.eut-dark .eut-logo .eut-wrapper img.eut-light { display: none; } /* Sticky Logo */ #eut-header.eut-sticky-header #eut-main-header .eut-logo .eut-wrapper img.eut-sticky { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition : all 0.5s; -moz-transition : all 0.5s; -ms-transition : all 0.5s; -o-transition : all 0.5s; transition : all 0.5s; } #eut-header.eut-sticky-header #eut-main-header:not(.eut-header-logo-top) .eut-logo .eut-wrapper img.eut-sticky { display: block; } #eut-header.eut-sticky-header #eut-main-header:not(.eut-header-logo-top) .eut-logo .eut-wrapper img.eut-default, #eut-header.eut-sticky-header #eut-main-header:not(.eut-header-logo-top) .eut-logo .eut-wrapper img.eut-light, #eut-header.eut-sticky-header #eut-main-header:not(.eut-header-logo-top) .eut-logo .eut-wrapper img.eut-dark { display: none; } #eut-header #eut-main-header.eut-header-logo-top .eut-logo .eut-wrapper img.eut-sticky { display: none; } /* ============================================================================= - Main Menu ============================================================================= */ #eut-header .eut-main-menu ul { list-style: none; list-style: none outside none; margin: 0; } #eut-header .eut-main-menu ul li { position: relative; } #eut-header .eut-horizontal-menu ul.eut-menu li:hover > ul, #eut-header .eut-horizontal-menu ul.eut-menu li.sfHover > ul { display: block; } #eut-header .eut-horizontal-menu ul.eut-menu a { display: block; position: relative; } /* First Level */ #eut-header .eut-horizontal-menu ul.eut-menu > li { float: left; } #eut-main-header.eut-header-default .eut-horizontal-menu.eut-menu-type-classic .eut-first-level > a .eut-item, #eut-main-header.eut-header-default .eut-horizontal-menu.eut-menu-type-advanced-hidden .eut-first-level > a .eut-item { position: relative; top: 2px; } #eut-header .eut-horizontal-menu ul.eut-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } #eut-header .eut-horizontal-menu ul.eut-menu > li > a { padding: 0 1em; text-decoration: none; zoom: 1; /* IE7 */ } /* Menu Align Spaces */ #eut-header .eut-horizontal-menu.eut-position-left ul.eut-menu > li > a { padding : 0px 2em 0px 0px; } #eut-header .eut-horizontal-menu.eut-position-right ul.eut-menu > li > a { padding : 0px 0px 0px 2em; } #eut-main-header.eut-header-default .eut-horizontal-menu.eut-position-left, #eut-header.eut-sticky-header .eut-horizontal-menu.eut-position-left { margin-left: 30px; } #eut-header .eut-horizontal-menu ul.eut-menu li { -webkit-transition : color 0.3s; -moz-transition : color 0.3s; -ms-transition : color 0.3s; -o-transition : color 0.3s; transition : color 0.3s; } #eut-header .eut-horizontal-menu ul.eut-menu li:hover, #eut-header .eut-horizontal-menu ul.eut-menu li.sfHover { -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } /* Sub Menu */ #eut-header .eut-horizontal-menu ul.eut-menu ul.sub-menu { text-align: left; width: 250px; padding: 15px 0; -webkit-box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.25); box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.25); } #eut-header .eut-horizontal-menu ul.eut-menu ul ul { top: -14px; left: 100%; margin-left: 2px; } /* Invert Submenu */ #eut-header .eut-horizontal-menu ul.eut-menu li.eut-invert ul { left: auto; right: 100%; margin-right: 2px; margin-left: 0; } #eut-header .eut-horizontal-menu ul.eut-menu ul.sub-menu li a { position: relative; display: block; padding: 10px; margin: 0 15px; line-height: 1.2em; } /*** arrows (for all except IE7) **/ #eut-header .eut-horizontal-menu.eut-arrow ul.eut-menu .menu-item-has-children > a { padding-right: 2em; } /* styling for both css and generated arrows */ #eut-header .eut-horizontal-menu.eut-arrow ul.eut-menu .menu-item-has-children > a::after { content: ""; font-family: "FontAwesome"; height: 10px; line-height: 10px; margin-left: 2px; position: relative; top: 2px; width: 10px; } /* styling for right-facing arrows */ #eut-header .eut-horizontal-menu.eut-arrow ul.eut-menu ul .menu-item-has-children > a:after, #eut-header .eut-horizontal-menu.eut-arrow-not-first-level ul.eut-menu ul .menu-item-has-children > a:after { content: ""; font-family: "FontAwesome"; position: absolute; margin-top: -1px; top: 10px; right: 0.5em; height: 0; width: 0; } /* Menu Icon */ #eut-top-bar .eut-menu-icon, #eut-footer .eut-menu-icon, .eut-anchor-menu .eut-menu-icon, .widget_nav_menu .eut-menu-icon, #eut-header .eut-main-menu .eut-menu-icon, #eut-hidden-menu .eut-menu-icon { margin-right: 5px; width: 1em; text-align: center; } /* No Link */ #eut-header .eut-main-menu .eut-menu-no-link > a { cursor: default; } #eut-main-header.eut-header-side .eut-main-menu .eut-menu-no-link > a { cursor: pointer; } /* Hidden Menu Item */ #eut-header .eut-horizontal-menu .eut-hidden-menu-item > a { display: none !important; } /* Menu Label */ #eut-header .eut-main-menu .eut-item .label, #eut-hidden-menu .eut-item .label { display: inline-block; vertical-align: middle; font-size: 9px; margin-left: 8px; position: relative; line-height: 1.3; text-transform: uppercase; letter-spacing: 1px; padding: 3px 5px; -webkit-border-radius: 2px; border-radius: 2px; } /* ============================================================================= --- Split Main Menu ============================================================================= */ #eut-header .eut-split-menu .eut-menu, #eut-header .eut-split-menu .eut-logo { display: inline-block; } #eut-header .eut-split-menu .eut-logo .eut-wrapper { display: block; padding: 0 20px; } /* ============================================================================= --- Main Menu Types ============================================================================= */ /* Button Type */ #eut-header .eut-main-menu.eut-menu-type-button .eut-wrapper > ul > li > a { padding: 0 3px; } #eut-header .eut-main-menu.eut-menu-type-button .eut-wrapper > ul > li > a .eut-item { border: 1px solid; border-color: transparent; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition : border-color 0.3s; -moz-transition : border-color 0.3s; -ms-transition : border-color 0.3s; -o-transition : border-color 0.3s; transition : border-color 0.3s; } .eut-menu-type-button > a .eut-item { padding: 12px 15px; -webkit-border-radius: 3px; border-radius: 3px; } .eut-hidden-area .eut-menu-type-button > a .eut-item , .eut-header-side .eut-menu-type-button > a .eut-item , .sub-menu .eut-menu-type-button > a .eut-item { padding: 8px 9px; display: inline-block; } #eut-header .eut-main-menu.eut-menu-type-button .eut-wrapper > ul > li > a .eut-item { padding: 4px 12px; } /* Underline Type */ #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li > a .eut-item { position: relative; } #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li > a .eut-item:after { content: ""; opacity: 0; width: 0; height: 2px; left: 0; bottom: -4px; position: absolute; -webkit-transition : opacity 0.4s ease, width 0.4s ease; -moz-transition : opacity 0.4s ease, width 0.4s ease; -ms-transition : opacity 0.4s ease, width 0.4s ease; -o-transition : opacity 0.4s ease, width 0.4s ease; transition : opacity 0.4s ease, width 0.4s ease; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li.current-menu-item > a .eut-item:after, #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li.current-menu-ancestor > a .eut-item:after, #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li:hover > a .eut-item:after, #eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li.active > a .eut-item:after { opacity: 1; width: 100%; } /* ============================================================================= --- Mega Menu ============================================================================= */ #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu { position: static; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu > ul.sub-menu { width: 100%; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu > .sub-menu > li { border-right: 1px solid; float: left; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu > .sub-menu > li:last-child { border-right: none; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu ul.sub-menu ul { display: block !important; opacity: 1 !important; position: relative; left: 0; top: 0; width: 100%; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Hide Arrows */ #eut-header .eut-horizontal-menu.eut-arrow ul.eut-menu .megamenu ul .menu-item-has-children a:after, #eut-header .eut-horizontal-menu.eut-arrow-not-first-level ul.eut-menu .megamenu ul .menu-item-has-children a:after { display: none; } /* Columns */ #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-6 > ul.sub-menu > li { width: 16.666668%; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-5 > ul.sub-menu > li { width: 20%; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-4 > ul.sub-menu > li { width: 25%; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-3 > ul.sub-menu > li { width: 33.333336%; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-2 > ul.sub-menu > li { width: 50%; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-3, #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-2 { position: relative; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-3 > ul.sub-menu { width: 650px; } #eut-header .eut-horizontal-menu ul.eut-menu li.megamenu.column-2 > ul.sub-menu { width: 500px; } /* ============================================================================= --- Menu Description ============================================================================= */ #eut-header .eut-main-menu .eut-menu-description, #eut-hidden-menu .eut-menu-description { display: block; white-space: normal; line-height: 1.8; margin-top: 10px; } #eut-header .eut-main-menu .eut-first-level > a .eut-menu-description { margin-top: -10%; } /* ============================================================================= --- Assign Menu ============================================================================= */ .eut-no-assigned-menu a { line-height: 36px; padding: 0 20px; background-color: #000000; color: #ffffff; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 15px; } .eut-header-side .eut-no-assigned-menu { text-align: center; display: block; line-height: 20px; } .eut-header-side .eut-no-assigned-menu a { margin-left: 0; margin-top: 15px; } /* ============================================================================= --- Responsive Menu ============================================================================= */ #eut-responsive-menu-wrapper { display: none; } .eut-menu-wrapper { margin-bottom: 6em; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* ============================================================================= --- Slide or Toggle Menu ============================================================================= */ /* Toggle */ .eut-toggle-menu ul { list-style: none; margin: 0; } .eut-toggle-menu ul.eut-menu ul, #eut-main-header.eut-toggle-menu ul.eut-menu ul { margin-left: 20px; } .eut-toggle-menu ul.eut-menu li a { padding-top: 1.154em; padding-bottom: 1.154em; border-bottom: 1px solid; display: block; position: relative; overflow: hidden; } .eut-toggle-menu ul.eut-menu li.eut-hidden-menu-item > a { display: none !important; } .eut-toggle-menu ul.eut-menu li.menu-item-has-children a { padding-right: 40px; } .eut-toggle-menu ul.eut-menu li ul { display: none; } /* Toggle Arrows */ .eut-toggle-menu ul.eut-menu li a .eut-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: inline-block; line-height: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-toggle-menu ul.eut-menu li a .eut-arrow:after, .eut-toggle-menu ul.eut-menu li a .eut-arrow:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition : all 0.3s ease 0.3s; -moz-transition : all 0.3s ease 0.3s; -ms-transition : all 0.3s ease 0.3s; -o-transition : all 0.3s ease 0.3s; transition : all 0.3s ease 0.3s; background-color: #333333; } .eut-toggle-menu ul.eut-menu li a .eut-arrow:after { width: 9px; height: 1px; margin-left: -5px; margin-top: -1px; } .eut-toggle-menu ul.eut-menu li a .eut-arrow:before { width: 1px; height: 9px; margin-left: -1px; margin-top: -5px; } .eut-toggle-menu ul.eut-menu li.open > a .eut-arrow:after, .eut-toggle-menu ul.eut-menu li.open > a .eut-arrow:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .eut-toggle-menu .eut-main-menu.eut-align-center ul li { text-align: center; } .eut-toggle-menu .eut-main-menu.eut-align-center li.menu-item-has-children a { padding-left: 20px; padding-right: 20px; } #eut-main-header.eut-toggle-menu .eut-align-center ul.eut-menu ul { margin-right: 10px; margin-left: 10px; } .eut-toggle-menu ul.eut-menu li.eut-hidden-menu-item ul { display: block; } /* Slide */ .eut-slide-menu .eut-main-menu .sub-menu .eut-menu-description { margin-top: 0; } .eut-slide-menu .eut-main-menu > .eut-wrapper { overflow: hidden; } .eut-slide-menu ul.eut-menu li a { padding-top: 25px; padding-bottom: 25px; line-height: 1.2em; display: inline-block; vertical-align: middle; position: relative; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-slide-menu ul.eut-menu .sub-menu li a { padding-left: 30px; } .eut-slide-menu ul.eut-menu, .eut-slide-menu ul.eut-menu ul { display: inline-block; position: relative; height: auto; width: 100%; vertical-align: top; margin: 0; } .eut-slide-menu ul.eut-menu li { position: relative; display: inline-block; width: 100%; padding: 0; margin: 0; vertical-align: top; border-bottom: 1px solid; } .eut-slide-menu ul.eut-menu li.eut-hidden-menu-item { display: block !important; } .eut-slide-menu ul.eut-menu { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-slide-menu ul.eut-menu ul { position: absolute; display: none; top: 0; left: 100%; right: 0; margin: 0; opacity: 0; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slide_menu_animation; -moz-animation-name: slide_menu_animation; -o-animation-name: slide_menu_animation; animation-name: slide_menu_animation; } .eut-slide-menu ul.eut-menu ul.show { display: block; z-index: 1; } @-webkit-keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slide_menu_animation { 0% { opacity: 0; } 100% { opacity: 1; } } .eut-slide-menu ul.eut-menu .eut-goback a { padding-left: 30px; } .eut-slide-menu ul.eut-menu .eut-arrow { width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: right; vertical-align: middle; cursor: pointer; margin-top: -2px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-slide-menu ul.eut-menu .eut-goback .eut-arrow { position: absolute; top: 50%; left: 0; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .eut-slide-menu ul.eut-menu .eut-arrow:after { content: ""; font-family: "fildisi-icons" !important; font-size: 18px; } .eut-slide-menu ul.eut-menu .eut-goback .eut-arrow:after { content: ""; } /* ============================================================================= - Header Elements ============================================================================= */ .eut-header-elements, .eut-hidden-menu-btn { position: relative; z-index: 2; } .eut-header-elements + .eut-header-elements { border-left: none; margin-left: 0; } .eut-header-elements ul { list-style: none; margin: 0; } .eut-header-element { float: left; font-size: 0; } .eut-header-element > a { display: inline-block; padding-left: 1.563rem; } .eut-header-element > a span.eut-label, .eut-hidden-menu-btn a span.eut-label { margin-left: 5px; } .eut-header-element .eut-item { line-height: inherit; display: inline-block; vertical-align: middle; position: relative; } .eut-header-element .eut-item:not(.eut-with-text) { font-size: 20px; line-height: 1em; width: 1em; height: 1em; text-align: center; } .eut-header-element .eut-item i { display: block; font-size: inherit; line-height: inherit; } /* Purchased Items */ .eut-header-element .eut-purchased-items { font-size: 12px; display: inline-block; line-height: 20px; margin-right: 5px; } /* Burger Icon */ @media only screen and (max-width: 1200px) { .eut-hidden-menu-btn a .eut-item { font-size: 15px; } } .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) { width: 1.3em; } .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) span { left: 0; height: 0.1em; opacity: 1; -webkit-transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1); transition: all 0.3s cubic-bezier(0.215,0.61,0.355,1); width: 100%; position: absolute; top: 0; display: block; } .eut-hidden-menu-btn a .eut-item span:nth-child(2) { top: 0.4em; } .eut-hidden-menu-btn a .eut-item span:nth-child(3) { top: 0.8em; } #eut-header:not(.eut-advanced-hidden-menu) .eut-hidden-menu-btn a .eut-item:hover span:nth-child(1) { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #eut-header:not(.eut-advanced-hidden-menu) .eut-hidden-menu-btn a .eut-item:hover span:nth-child(3) { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } /* ============================================================================= - Responsive Header Elements ============================================================================= */ .eut-header-responsive-elements { display: none; } .eut-header-responsive-elements { margin-bottom: 3.077em; } .eut-header-responsive-elements ul { margin: 0; display: block; list-style: none; } .eut-header-responsive-element { height: 25px; line-height: 25px; float: left; font-size: 0; } .eut-header-responsive-element > a { display: inline-block; padding: 0 10px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-header-responsive-element .eut-item { line-height: inherit; display: inline-block; vertical-align: middle; } .eut-header-responsive-element .eut-item i { display: block; font-size: 18px; } /* ============================================================================= - Page Title & Feature Section ============================================================================= */ .eut-page-title, #eut-feature-section { position: relative; overflow: hidden; z-index: 5; clear: both; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-page-title .eut-title > span:empty { display: none; } .eut-page-title .eut-content, #eut-feature-section .eut-content { opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-page-title .eut-content.show, #eut-feature-section .eut-content.show { opacity: 1; } .eut-page-title .eut-wrapper, #eut-feature-section .eut-wrapper { display: table; width: 100%; position: relative; z-index: 5; } .eut-page-title .eut-content, #eut-feature-section .eut-content { display: table-cell; width: 100%; } .eut-page-title .eut-subheading, .eut-page-title .eut-title, .eut-page-title .eut-description, #eut-feature-section .eut-subheading, #eut-feature-section .eut-title, #eut-feature-section .eut-description { display: block; position: relative; } .eut-page-title .eut-title, #eut-feature-section .eut-title, #eut-feature-section .eut-subheading, .eut-page-title .eut-subheading { margin-bottom: 18px; } .eut-page-title .eut-title:last-child, #eut-feature-section .eut-title:last-child { margin-bottom: 0; } .eut-page-title .eut-description, #eut-feature-section .eut-description { margin-bottom: 18px; } .eut-page-title .eut-description:last-child, #eut-feature-section .eut-description:last-child { margin-bottom: 0; } .eut-page-title .eut-subheading, .eut-page-title .eut-description, #eut-feature-section .eut-subheading, #eut-feature-section .eut-description { z-index: 10; } .eut-page-title .eut-subheading.eut-text-light, .eut-page-title .eut-title.eut-text-light, .eut-page-title .eut-description.eut-text-light, #eut-feature-section .eut-subheading.eut-text-light, #eut-feature-section .eut-title.eut-text-light, #eut-feature-section .eut-description.eut-text-light { color: #ffffff; } .eut-page-title .eut-subheading.eut-text-dark, .eut-page-title .eut-title.eut-text-dark, .eut-page-title .eut-description.eut-text-dark, #eut-feature-section .eut-subheading.eut-text-dark, #eut-feature-section .eut-title.eut-text-dark, #eut-feature-section .eut-description.eut-text-dark { color: #000000; } /* Fullscreen Feature Load Height */ .eut-page-title.eut-fullscreen .eut-wrapper, #eut-feature-section.eut-fullscreen .eut-wrapper { height: 100vh; } /* Feature Prallax Wrapper and Open Safe Button Area */ body.eut-open-safebutton-area #eut-feature-section .eut-parallax-wrapper { position: relative !important; } /* ============================================================================= --- Page Title & Feature Section Custom Heights ============================================================================= */ /* Small Size */ .eut-page-title.eut-small-height, #eut-feature-section.eut-small-height, .eut-page-title.eut-small-height .eut-wrapper, #eut-feature-section.eut-small-height .eut-wrapper { height: 350px; } /* Medium Size */ .eut-page-title.eut-medium-height, #eut-feature-section.eut-medium-height, .eut-page-title.eut-medium-height .eut-wrapper, #eut-feature-section.eut-medium-height .eut-wrapper { height: 500px; } /* Large Size */ .eut-page-title.eut-large-height, #eut-feature-section.eut-large-height, .eut-page-title.eut-large-height .eut-wrapper, #eut-feature-section.eut-large-height .eut-wrapper { height: 700px; } /* Tablet Landscape */ @media only screen and (max-width: 1200px) { /* Medium Size */ .eut-page-title.eut-medium-height, #eut-feature-section.eut-medium-height, .eut-page-title.eut-medium-height .eut-wrapper, #eut-feature-section.eut-medium-height .eut-wrapper { height: 400px; } /* Large Size */ .eut-page-title.eut-large-height, #eut-feature-section.eut-large-height, .eut-page-title.eut-large-height .eut-wrapper, #eut-feature-section.eut-large-height .eut-wrapper { height: 500px; } } /* Tablet Portait */ @media only screen and (max-width: 1023px) { /* Medium Size */ .eut-page-title.eut-medium-height, #eut-feature-section.eut-medium-height, .eut-page-title.eut-medium-height .eut-wrapper, #eut-feature-section.eut-medium-height .eut-wrapper { height: 350px; } /* Large Size */ .eut-page-title.eut-large-height, #eut-feature-section.eut-large-height, .eut-page-title.eut-large-height .eut-wrapper, #eut-feature-section.eut-large-height .eut-wrapper { height: 450px; } } /* Mobidle Size */ @media only screen and (max-width: 767px) { /* Small Size */ .eut-page-title.eut-small-height, #eut-feature-section.eut-small-height, .eut-page-title.eut-small-height .eut-wrapper, #eut-feature-section.eut-small-height .eut-wrapper { height: 250px; } /* Medium Size */ .eut-page-title.eut-medium-height, #eut-feature-section.eut-medium-height, .eut-page-title.eut-medium-height .eut-wrapper, #eut-feature-section.eut-medium-height .eut-wrapper { height: 300px; } /* Large Size */ .eut-page-title.eut-large-height, #eut-feature-section.eut-large-height, .eut-page-title.eut-large-height .eut-wrapper, #eut-feature-section.eut-large-height .eut-wrapper { height: 350px; } } /* ============================================================================= --- Page Title & Feature Section Positions ============================================================================= */ .eut-content.eut-align-left-center, .eut-content.eut-align-center-center, .eut-content.eut-align-right-center { vertical-align: middle; } .eut-content.eut-align-left-top, .eut-content.eut-align-center-top, .eut-content.eut-align-right-top { vertical-align: top; padding-top: 5%; } .eut-content.eut-align-left-bottom, .eut-content.eut-align-center-bottom, .eut-content.eut-align-right-bottom { vertical-align: bottom; padding-bottom: 5%; } .eut-content.eut-align-left-center, .eut-content.eut-align-left-top, .eut-content.eut-align-left-bottom { text-align: left; } .eut-content.eut-align-right-center, .eut-content.eut-align-right-top, .eut-content.eut-align-right-bottom { text-align: right; } .eut-content.eut-align-center-center, .eut-content.eut-align-center-top, .eut-content.eut-align-center-bottom { text-align: center; } /* ============================================================================= --- Page Title & Feature Section Content Wrapper ============================================================================= */ .eut-title-content-wrapper:not(.eut-bg-none) { display: inline-block; vertical-align: middle; padding: 4% 5%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* ============================================================================= --- Page Title & Feature Content Sizes ============================================================================= */ .eut-page-title .eut-fullwidth .eut-container, #eut-feature-section .eut-fullwidth .eut-container { padding-left: 5%; padding-right: 5%; } .eut-page-title .eut-title-content-wrapper, #eut-feature-section .eut-title-content-wrapper { display: inline-block; vertical-align: middle; position: relative; } .eut-page-title .eut-title-content-wrapper.eut-content-small, #eut-feature-section .eut-title-content-wrapper.eut-content-small { max-width: 400px; } .eut-page-title .eut-title-content-wrapper.eut-content-medium, #eut-feature-section .eut-title-content-wrapper.eut-content-medium { max-width: 700px; } .eut-page-title .eut-title-content-wrapper.eut-content-large, #eut-feature-section .eut-title-content-wrapper.eut-content-large { max-width: 1170px; } .eut-boxed .eut-page-title .eut-title-content-wrapper.eut-content-large, .eut-boxed #eut-feature-section .eut-title-content-wrapper.eut-content-large { max-width: 900px; } @media only screen and (max-width: 767px) { .eut-page-title .eut-title-content-wrapper.eut-content-small, .eut-page-title .eut-title-content-wrapper.eut-content-medium, #eut-feature-section .eut-title-content-wrapper.eut-content-small, #eut-feature-section .eut-title-content-wrapper.eut-content-medium { width: 100%; max-width: none; } } /* ============================================================================= --- Feature Section Buttons ============================================================================= */ #eut-feature-section .eut-button-wrapper { margin-top: 27px; } /* ============================================================================= --- Feature Section Graphic ============================================================================= */ .eut-graphic { margin-bottom: 40px; display: inline-block; vertical-align: top; } .eut-circle-graphic .eut-graphic img { -webkit-border-radius: 50%; border-radius: 50%; } .eut-content .eut-graphic img { max-height: 150px; width: auto; display: block; position: relative; } /* ============================================================================= --- Feature Animation Content ============================================================================= */ .eut-title-content-wrapper:not(.eut-bg-none), .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-graphic, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-graphic, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-subheading, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-subheading, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-title, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-title, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-description, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-title-meta-content, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-title-meta, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-title-meta, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-description, .eut-page-title .eut-title-content-wrapper.eut-bg-none .eut-btn, #eut-feature-section .eut-title-content-wrapper.eut-bg-none .eut-btn, #eut-feature-section #eut-goto-section-wrapper { opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-animation-duration : 0.5s; -moz-animation-duration : 0.5s; -o-animation-duration : 0.5s; animation-duration : 0.5s; -webkit-animation-fill-mode : both; -moz-animation-fill-mode : both; -o-animation-fill-mode : both; animation-fill-mode : both; -webkit-animation-timing-function : ease-out; -moz-animation-timing-function : ease-out; -o-animation-timing-function : ease-out; animation-timing-function : ease-out; } .eut-page-title .eut-content[data-animation="none"] .eut-graphic, #eut-feature-section .eut-content[data-animation="none"] .eut-graphic, .eut-page-title .eut-content[data-animation="none"] .eut-subheading, #eut-feature-section .eut-content[data-animation="none"] .eut-subheading, .eut-page-title .eut-content[data-animation="none"] .eut-title-meta-content, .eut-page-title .eut-content[data-animation="none"] .eut-title, #eut-feature-section .eut-content[data-animation="none"] .eut-title, .eut-page-title .eut-content[data-animation="none"] .eut-description, #eut-post-title .eut-content[data-animation="none"] .eut-title-meta, #eut-feature-section .eut-content[data-animation="none"] .eut-description, .eut-page-title .eut-content[data-animation="none"] .eut-btn, #eut-feature-section .eut-content[data-animation="none"] .eut-btn, #eut-feature-section .eut-content[data-animation="none"] #eut-goto-section-wrapper { opacity: 1; } html.ie9 .eut-title-content-wrapper:not(.eut-bg-none), html.ie9 .eut-page-title .eut-graphic, html.ie9 #eut-feature-section .eut-graphic, html.ie9 .eut-page-title .eut-subheading, html.ie9 #eut-feature-section .eut-subheading, html.ie9 .eut-page-title .eut-title-meta-content, html.ie9 .eut-page-title .eut-title, html.ie9 #eut-feature-section .eut-title, html.ie9 .eut-page-title .eut-description, html.ie9 #eut-post-title .eut-title-meta, html.ie9 #eut-feature-section .eut-description, html.ie9 .eut-page-title .eut-btn, html.ie9 #eut-feature-section .eut-btn { opacity: 1; } /* Fade In */ @-webkit-keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes content_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } /* Fade In Up */ @-webkit-keyframes content_fade_up { 0% { opacity: 0; -webkit-transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes content_fade_up { 0% { opacity: 0; -moz-transform: translateY(100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes content_fade_up { 0% { opacity: 0; -o-transform: translateY(100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes content_fade_up { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } } /* Fade In Down */ @-webkit-keyframes content_fade_down { 0% { opacity: 0; -webkit-transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes content_fade_down { 0% { opacity: 0; -moz-transform: translateY(-100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes content_fade_down { 0% { opacity: 0; -o-transform: translateY(-100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes content_fade_down { 0% { opacity: 0; transform: translateY(-100px); } 100% { opacity: 1; transform: translateY(0); } } /* Fade In Left */ @-webkit-keyframes content_fade_left { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes content_fade_left { 0% { opacity: 0; -moz-transform: translateX(-100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes content_fade_left { 0% { opacity: 0; -o-transform: translateX(-100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes content_fade_left { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } /* Fade In Right */ @-webkit-keyframes content_fade_right { 0% { opacity: 0; -webkit-transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes content_fade_right { 0% { opacity: 0; -moz-transform: translateX(100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes content_fade_right { 0% { opacity: 0; -o-transform: translateX(100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes content_fade_right { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } /*Zoom In */ @-webkit-keyframes content_zoom_in { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } @keyframes content_zoom_in { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } /*Zoom Out */ @-webkit-keyframes content_zoom_out { from { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); } 100% { opacity: 1; } } @keyframes content_zoom_out { from { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); } 100% { opacity: 1; } } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-fade-in, .eut-page-title .eut-animate-fade-in, #eut-feature-section .eut-animate-fade-in { -webkit-animation-name: content_fade_in; -moz-animation-name: content_fade_in; -o-animation-name: content_fade_in; animation-name: content_fade_in; } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-fade-in-up, .eut-page-title .eut-animate-fade-in-up, #eut-feature-section .eut-animate-fade-in-up { -webkit-animation-name: content_fade_up; -moz-animation-name: content_fade_up; -o-animation-name: content_fade_up; animation-name: content_fade_up; } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-fade-in-down, .eut-page-title .eut-animate-fade-in-down, #eut-feature-section .eut-animate-fade-in-down { -webkit-animation-name: content_fade_down; -moz-animation-name: content_fade_down; -o-animation-name: content_fade_down; animation-name: content_fade_down; } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-fade-in-left, .eut-page-title .eut-animate-fade-in-left, #eut-feature-section .eut-animate-fade-in-left { -webkit-animation-name: content_fade_left; -moz-animation-name: content_fade_left; -o-animation-name: content_fade_left; animation-name: content_fade_left; } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-fade-in-right, .eut-page-title .eut-animate-fade-in-right, #eut-feature-section .eut-animate-fade-in-right { -webkit-animation-name: content_fade_right; -moz-animation-name: content_fade_right; -o-animation-name: content_fade_right; animation-name: content_fade_right; } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-zoom-in, .eut-page-title .eut-animate-zoom-in, #eut-feature-section .eut-animate-zoom-in { -webkit-animation-name: content_zoom_in; -moz-animation-name: content_zoom_in; -o-animation-name: content_zoom_in; animation-name: content_zoom_in; } .eut-title-content-wrapper:not(.eut-bg-none).eut-animate-zoom-out, .eut-page-title .eut-animate-zoom-out, #eut-feature-section .eut-animate-zoom-out { -webkit-animation-name: content_zoom_out; -moz-animation-name: content_zoom_out; -o-animation-name: content_zoom_out; animation-name: content_zoom_out; } /* ============================================================================= --- Feature Slider Navigation ============================================================================= */ #eut-feature-section .eut-carousel-buttons div { font-size: 24px; cursor: pointer; width: 60px; height: 60px; line-height: 60px; display: inline-block; vertical-align: middle; text-align: center; position: absolute; top: 50%; z-index: 10; font-size: 24px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .eut-carousel-buttons div i { font-size: inherit; line-height: inherit; } #eut-feature-section .eut-carousel-buttons .eut-carousel-prev { left: 0; } #eut-feature-section .eut-carousel-buttons .eut-carousel-next { right: 0; } /* Hide & Show Feature Navigation */ #eut-feature-section .eut-carousel-buttons .eut-carousel-prev { left: -60px; } #eut-feature-section .eut-carousel-buttons .eut-carousel-next { right: -60px; } #eut-feature-section:hover .eut-carousel-buttons .eut-carousel-prev { left: 0; } #eut-feature-section:hover .eut-carousel-buttons .eut-carousel-next { right: 0; } /* Style 2 */ #eut-feature-section .eut-navigation-2 .eut-carousel-buttons div { border: 1px solid; opacity: 1; -webkit-border-radius: 50px; border-radius: 50px; } #eut-feature-section .eut-navigation-2 .eut-carousel-buttons div:hover { -webkit-transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); -o-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } #eut-feature-section:hover .eut-navigation-2 .eut-carousel-buttons .eut-carousel-prev { left: 15px; } #eut-feature-section:hover .eut-navigation-2 .eut-carousel-buttons .eut-carousel-next { right: 15px; } /* Style 3 */ #eut-feature-section .eut-navigation-3 .eut-carousel-buttons div { width: 50px; height: 70px; line-height: 70px; opacity: 1; } #eut-feature-section .eut-navigation-3 .eut-carousel-buttons div:hover { width: 70px; } #eut-feature-section .eut-navigation-3.eut-light .eut-carousel-buttons div, #eut-feature-section .eut-navigation-3.eut-default .eut-carousel-buttons div { color: #000000; background-color: #ffffff; } #eut-feature-section .eut-navigation-3.eut-dark .eut-carousel-buttons div { color: #ffffff; background-color: #000000; } /* ============================================================================= - Single Post ============================================================================= */ .single-post #eut-content:not(.eut-right-sidebar):not(.eut-left-sidebar) #eut-single-content .eut-container { padding-left: 5%; padding-right: 5%; } .single-post #eut-content:not(.eut-right-sidebar):not(.eut-left-sidebar) #eut-single-content img.aligncenter { margin-left: -18%; width: calc(100% + 36%); max-width: initial; } /* Single Wrapper */ .eut-single-wrapper { position: relative; z-index: 5; } .eut-single-wrapper:before, .eut-single-wrapper:after { display: table; content: " "; } .eut-single-wrapper:after { clear: both; } /* ============================================================================= --- Single Post Title ============================================================================= */ #eut-post-title .eut-title-meta, #eut-feature-section .eut-title-meta { display: block; } #eut-post-title .eut-post-meta li, #eut-feature-section .eut-post-meta li { opacity: 1; } /* Title Categories */ #eut-post-title .eut-title-categories { margin-bottom: 8px; } #eut-post-title .eut-categories, #eut-feature-section .eut-categories { margin: 0; list-style: none; } #eut-post-title .eut-categories li, #eut-feature-section .eut-categories li { display: inline-block; } #eut-post-title .eut-categories li a, #eut-feature-section .eut-categories li a { color: inherit; } #eut-post-title .eut-content.eut-align-center-center .eut-categories li, #eut-post-title .eut-content.eut-align-center-top .eut-categories li, #eut-post-title .eut-content.eut-align-center-bottom .eut-categories li, #eut-feature-section .eut-content.eut-align-center-center .eut-categories li, #eut-feature-section .eut-content.eut-align-center-top .eut-categories li, #eut-feature-section .eut-content.eut-align-center-bottom .eut-categories li { padding: 0 8px; } #eut-post-title .eut-content.eut-align-left-center .eut-categories li, #eut-post-title .eut-content.eut-align-left-top .eut-categories li, #eut-post-title .eut-content.eut-align-left-bottom .eut-categories li, #eut-feature-section .eut-content.eut-align-left-center .eut-categories li, #eut-feature-section .eut-content.eut-align-left-top .eut-categories li, #eut-feature-section .eut-content.eut-align-left-bottom .eut-categories li { padding-right: 16px; } #eut-post-title .eut-content.eut-align-right-center .eut-categories li, #eut-post-title .eut-content.eut-align-right-top .eut-categories li, #eut-post-title .eut-content.eut-align-right-bottom .eut-categories li, #eut-feature-section .eut-content.eut-align-right-center .eut-categories li, #eut-feature-section .eut-content.eut-align-right-top .eut-categories li, #eut-feature-section .eut-content.eut-align-right-bottom .eut-categories li { padding-left: 16px; } /* Simple Title */ .eut-post-title-wrapper .eut-single-simple-title { margin-bottom: 0; line-height: 1.4em; } .eut-post-title-wrapper .eut-post-meta { margin-bottom: 0; } /* ============================================================================= --- Single Post Media ============================================================================= */ #eut-single-media { margin-bottom: 60px; } #eut-single-media.eut-portfolio-media { margin-bottom: 0; } #eut-single-media.eut-portfolio-media video { width: 100%; } #eut-single-media.eut-fullwidth img { width: 100%; opacity: 0; display: block; } #eut-single-media:not(.eut-fullwidth) img { margin-left: auto; margin-right: auto; } #eut-single-media .eut-gallery { margin: 0; list-style: none; } #eut-single-media .eut-gallery.eut-vertical-gallery li { margin-bottom: 10px; } #eut-single-media .eut-gallery.eut-vertical-gallery li:last-child { margin-bottom: 0; } /* Post Gallery */ ul.eut-post-gallery { overflow: hidden; margin: 0 -15px -30px -15px; list-style: none; } .eut-fullwidth ul.eut-post-gallery { margin: 0 0 -30px 0; padding: 0 15px; } ul.eut-post-gallery:before, ul.eut-post-gallery:after { display: table; content: " "; } ul.eut-post-gallery:after { clear: both; } ul.eut-post-gallery li { float: left; padding: 0 15px; margin-bottom: 30px; width: 33.333336%; } @media only screen and (max-width: 1023px) { ul.eut-post-gallery li { float: none; padding: 0; margin-bottom: 30px; width: 100%; clear: both; } } ul.eut-post-gallery li a { display: block; } ul.eut-post-gallery li { opacity: 1; -webkit-transition : opacity 0.3s; -moz-transition : opacity 0.3s; -ms-transition : opacity 0.3s; -o-transition : opacity 0.3s; transition : opacity 0.3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } ul.eut-post-gallery li.hover { opacity: 0.7; } /* Vertical Gallery */ ul.eut-post-gallery.eut-vertical-style { margin: 0; list-style: none; } .eut-fullwidth ul.eut-post-gallery.eut-vertical-style { padding: 0 30px; } ul.eut-post-gallery.eut-vertical-style li { float: left; padding: 0; width: 100%; } ul.eut-post-gallery.eut-vertical-style li:last-child { margin-bottom: 0; } /* ============================================================================= --- Single Post Tags ============================================================================= */ .eut-single-post-tags ul { list-style: none; margin: 0; text-align: center; } .eut-single-post-tags ul li { margin-right: 14px; display: inline-block; border-color: inherit; } .eut-single-post-tags ul li:last-child { margin-right: 0; } .eut-single-post-tags ul li a { padding: 8px 20px; background-color: #f7f7f7; -webkit-border-radius: 6px; border-radius: 6px; line-height: 1.636em; border-color: inherit; display: block; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-single-post-tags ul li a:hover { background-color: #1C1F21; border-color: #1C1F21; color: #ffffff; } /* ============================================================================= --- Single Post Author ============================================================================= */ #eut-about-author { text-align: center; } #eut-about-author .eut-author-image img { margin: 0 auto; } img.avatar { -webkit-border-radius : 100%; border-radius: 100%; } #eut-about-author .eut-author-info .eut-title { text-transform: capitalize; margin-top: 24px; } #eut-about-author p { max-width: 570px; margin-left: auto; margin-right: auto; } #eut-about-author .eut-author-read-more { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* ============================================================================= --- Single Post Comments ============================================================================= */ #eut-comments .eut-container { border-top: 1px solid; } #eut-comments .eut-comments-list { padding: 0 100px; } @media only screen and (max-width: 767px) { #eut-comments .eut-comments-list { padding: 0; } } #eut-comments .eut-comment-nav li { display: inline-block; vertical-align: top; padding-bottom: 0; margin-bottom: 0; margin-left: 1.154em; } #eut-comments .eut-comment-nav li a { color: inherit; opacity: 0.3; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } #eut-comments .eut-comment-nav li a:hover { opacity: 1; } #eut-comments .eut-comment-text { margin-bottom: 18px; } #eut-comments .eut-comment-text p { font-size: 14px; line-height: 24px; } #eut-comments ul { margin: 0; list-style: none; } #eut-comments ul li { margin-bottom: 2.5rem; padding-bottom: 2.5rem; } #eut-comments ul.children li{ margin-left: 2.5rem; margin-top: 2.5rem; padding-top: 2.5rem; } #eut-comments ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .eut-comment-item { border-bottom: 1px solid; } .children .eut-comment-item { border-top: 1px solid; border-bottom: none; } .eut-comment-item:last-child { border-bottom: none; } #eut-comments .eut-comment-header { display: table; width: 100%; margin-bottom: 15px; } #eut-comments .eut-author-image { display: table-cell; width: 50px; vertical-align: middle; } #eut-comments .eut-author-image img { display: block; max-width: 50px; } #eut-comments .eut-comment-title { display: table-cell; vertical-align: middle; padding-left: 20px; } #eut-comments .eut-comment-date { line-height: 1em; float: left; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } #eut-comments .eut-comment-date:hover { opacity: 1; } #eut-comments .eut-author { line-height: 1.2em; margin-bottom: 12px; display: block; } #eut-comments .eut-comment-content { padding-left: 70px; } #eut-comments .eut-reply-edit a { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } #eut-comments .eut-comment-reply + .eut-comment-edit { margin-left: 1.154em; } #eut-comments .comment + #respond { margin-top: 30px; } /* ============================================================================= --- Single Post Comment Form ============================================================================= */ #eut-comment-form { background-color: #f7f7f7; } #eut-comment-form textarea, #eut-comment-form input[type="text"] { background-color: #ffffff; } #eut-comment-form .eut-form-input.eut-half-size { width: 50%; float: left; } #respond { padding: 0 100px; } #eut-comment-form .comment-form { margin: 0 -12px; } #eut-comment-form .eut-form-textarea, #eut-comment-form .eut-form-input { padding: 0 12px; } #eut-comment-form p.form-submit { margin-bottom: 0; } #eut-comment-form #eut-comment-submit-button { margin-top: 40px; } @media only screen and (max-width: 767px) { #respond { padding: 0; } #eut-comment-form .eut-form-input.eut-half-size { width: 100%; float: none; } } #reply-title { line-height: 1.2; margin-bottom: 30px; } #eut-comment-form .logged-in-as { margin-top: -24px; margin-bottom: 30px; } #disqus_thread { margin-left: auto; margin-right: auto; max-width: 1170px; padding: 15px; } /* ============================================================================= --- Single Post Related ============================================================================= */ #eut-related-post .eut-related-title { margin-bottom: 30px; } #eut-related-post .eut-related-title .eut-description { margin-bottom: 6px; } #eut-related-post .eut-related-title .eut-title { margin-bottom: 0; } /* ============================================================================= - Single Portfolio ============================================================================= */ .eut-portfolio-info + .eut-widget { margin-top: 30px; } .eut-portfolio-fields { margin: 0; list-style: none; } .eut-portfolio-fields li { border-color: inherit; line-height: 1.2; padding-bottom: 15px; margin-bottom: 15px; } .eut-portfolio-fields li .eut-fields-description { line-height: 1.2; opacity: 0.6; } .eut-portfolio-fields li span { display: block; } .eut-portfolio-fields li span + span { margin-top: 6px; } .eut-portfolio-fields li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .eut-portfolio-description ul { list-style: none; margin: 0 0 30px 0; } .eut-portfolio-description ul li { margin-bottom: 8px; } .eut-portfolio-description ul li:last-child { margin-bottom: 0; } /* ============================================================================= - Single Related ============================================================================= */ .eut-related .eut-related-title { margin-bottom: 30px; line-height: 1.4em; } .eut-related article { margin-bottom: 30px; } /* ============================================================================= - Single Social Bar ============================================================================= */ .eut-social-bar .eut-socials-bar-title { margin-bottom: 30px; line-height: 1.2em; } .eut-social-bar .eut-bar-socials { list-style: none; margin: 0; display: inline-block; vertical-align: top; } .eut-social-bar .eut-bar-socials li { display: inline-block; vertical-align: middle; margin: 0px 8px; } .eut-social-bar .eut-bar-socials li a { display: block; width: 50px; height: 50px; line-height: 50px; border: 2px solid; text-align: center; -webkit-border-radius: 50px; border-radius: 50px; font-size: 20px; } /* ============================================================================= - Single Navigation Bar ============================================================================= */ .eut-post-bar-item:before, .eut-post-bar-item:after { display: table; content: " "; } .eut-post-bar-item:after { clear: both; } .eut-navigation-bar { border-top: 1px solid; border-bottom: 1px solid; } .eut-navigation-bar .eut-arrow { display: inline-block; vertical-align: middle; text-align: center; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-navigation-bar .eut-prev .eut-arrow { margin-right: 5px; } .eut-navigation-bar .eut-next .eut-arrow { margin-left: 5px; } @media only screen and (min-width: 768px) { .eut-navigation-bar .eut-prev:hover .eut-arrow { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } .eut-navigation-bar .eut-next:hover .eut-arrow { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } } .eut-navigation-bar .eut-title { display: inline-block; vertical-align: middle; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 70%; max-width: calc(100% - 40px); } .eut-navigation-bar a { display: inline-block; vertical-align: middle; } .eut-navigation-bar .eut-nav-item { width: 25%; } .eut-navigation-bar .eut-prev { float: left; text-align: left; } .eut-navigation-bar .eut-next { float: right; text-align: right; } @media only screen and (max-width: 767px) { .eut-navigation-bar .eut-title { display: none; } .eut-navigation-bar .eut-nav-item { padding: 5px; width: 35px; } .eut-navigation-bar .eut-arrow { margin: 0; text-align: center; } } .eut-navigation-bar .eut-backlink { font-size: 20px; width: 3em; height: 3em; position: absolute; top: 50%; left: 50%; margin-left: -1.5em; margin-top: -1.5em; } .eut-navigation-bar .eut-backlink-icon { position: relative; width: 0.4em; height: 0.4em; display: block; transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); left: 1.05em; top: 1.05em; background-color: #888; box-shadow: 0.5em 0 #888, 0 0.5em #888, 0.5em 0.5em #888; } .eut-navigation-bar .eut-backlink:hover .eut-backlink-icon { left: 0.9em; top: 0.9em; box-shadow: 0.8em 0 #888, 0 0.8em #888, 0.8em 0.8em #888; } /* ============================================================================= - Pagination ============================================================================= */ .eut-pagination { margin-top: 2.5rem; } .eut-pagination ul { list-style: none; margin: 0; text-align: center; } .eut-pagination ul li { display: inline-block; vertical-align: top; margin: 0 4px; text-align: center; } .eut-pagination ul li > span, .eut-pagination ul li a { display: block; color: inherit; border: 1px solid; width: 40px; height: 40px; line-height: 38px; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-pagination ul li a { opacity: 0.3; } .eut-pagination li .current a, .eut-pagination li a:hover { opacity: 1; } .eut-pagination ul li i { font-size: 18px; line-height: inherit; } /* ============================================================================= - Breadcrumbs ============================================================================= */ .eut-breadcrumbs { border-top: 1px solid; border-bottom: 1px solid; position: relative; z-index: 5; } .eut-breadcrumbs.eut-fullwidth { padding: 0 20px; } .eut-breadcrumbs ul { list-style: none; margin: 0; } .eut-breadcrumbs ul li { display: inline-block; } .eut-breadcrumbs ul li a:hover { text-decoration: underline; } /* ============================================================================= - Page With Sidebar ============================================================================= */ #eut-content.eut-left-sidebar, #eut-content.eut-right-sidebar { overflow: hidden; } #eut-content.eut-left-sidebar .eut-content-wrapper, #eut-content.eut-right-sidebar .eut-content-wrapper { max-width: 1220px; margin-right: auto; margin-left: auto; position: relative; } @media only screen and (min-width: 1201px) and (max-width: 1400px) { body:not(.eut-boxed).single-post #eut-theme-wrapper:not(.eut-header-side) #eut-content.eut-left-sidebar .eut-content-wrapper, body:not(.eut-boxed).single-post #eut-theme-wrapper:not(.eut-header-side) #eut-content.eut-right-sidebar .eut-content-wrapper { padding-left: 100px; padding-right: 100px; } } #eut-content.eut-right-sidebar .eut-content-wrapper:before, #eut-content.eut-right-sidebar .eut-content-wrapper:after, #eut-content.eut-left-sidebar .eut-content-wrapper:before, #eut-content.eut-left-sidebar .eut-content-wrapper:after { display: table; content: " "; } #eut-content.eut-right-sidebar .eut-content-wrapper:after, #eut-content.eut-left-sidebar .eut-content-wrapper:after { clear: both; } #eut-content.eut-left-sidebar .eut-container, #eut-content.eut-right-sidebar .eut-container { padding-left: 0; padding-right: 0; width: 100%; } #eut-content.eut-left-sidebar #eut-main-content { width: 70%; float: right; padding-left: 30px; } #eut-content.eut-right-sidebar #eut-main-content { width: 70%; float: left; padding-right: 30px; } #eut-sidebar { position: relative; z-index: 5; } #eut-sidebar.eut-fixed-sidebar { visibility: hidden; } #eut-content.eut-left-sidebar #eut-sidebar { width: 30.000002%; padding-right: 20px; float: left; } #eut-content.eut-right-sidebar #eut-sidebar { width: 30.000002%; padding-left: 20px; float: right; } @media only screen and (max-width: 1023px) { #eut-content.eut-right-sidebar #eut-main-content, #eut-content.eut-left-sidebar #eut-main-content { width: auto; padding-left: 0; padding-right: 0; float: none; } #eut-content.eut-right-sidebar #eut-sidebar, #eut-content.eut-left-sidebar #eut-sidebar { width: 90%; float: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; padding-top: 30px !important; padding-bottom: 30px !important; } } /* ============================================================================= - Hidden Area ( Side Area & Responsive Menu ) ============================================================================= */ .eut-hidden-area { display: none; position: fixed; width: 650px; height: 100%; top: 0; right: -30px; bottom: 0; z-index: 10000; background-color: #ffffff; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-hidden-area.open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eut-hiddenarea-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding-right: 30px; padding-bottom: 90px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .eut-hidden-area.prepare-anim { display: block; } .eut-hidden-area .eut-hiddenarea-content { width: 50%; min-width: 270px; margin: 0 auto; display: block; overflow: hidden; } .eut-hidden-area .eut-hidden-menu-text { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; -moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; -o-transition: -o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s; opacity: 0; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); } .eut-hidden-area.open .eut-hidden-menu-text { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-hidden-area .eut-hidden-menu-text + .eut-header-responsive-elements { margin-top: 60px; } .eut-hidden-area .eut-scroller { padding: 0 30px 0 0; } .eut-toggle-sidearea { cursor: pointer; } .eut-scroller { overflow: auto; position: relative; } .eut-hidden-area .eut-close-btn { -webkit-transform: translate3d(0, -200%, 0); -moz-transform: translate3d(0, -200%, 0); -ms-transform: translate3d(0, -200%, 0); -o-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; -moz-transition: -moz-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; -o-transition: -o-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s; } .eut-hidden-area.open .eut-close-btn { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .eut-hidden-area.eut-animated-menu-items ul.eut-menu .eut-first-level { opacity: 0; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-hidden-area.eut-animated-menu-items ul.eut-menu .eut-first-level.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* ============================================================================= - Close Button ============================================================================= */ .eut-close-btn-wrapper { display: block; margin: 30px auto 60px auto; width: 50%; min-width: 270px; } .eut-close-btn { width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: left; cursor: pointer; display: inline-block; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-close-btn i { font-size: inherit; line-height: inherit; } /* Arrow Transform */ .eut-close-btn.eut-close-arrow:hover span { width: 40px; } .eut-close-btn.eut-close-arrow:hover:before { width: 15px; -webkit-transform: translateX(2px) translateY(-5px) rotate(-45deg); -moz-transform: translateX(2px) translateY(-5px) rotate(-45deg); -ms-transform: translateX(2px) translateY(-5px) rotate(-45deg); -o-transform: translateX(2px) translateY(-5px) rotate(-45deg); transform: translateX(2px) translateY(-5px) rotate(-45deg); } .eut-close-btn.eut-close-arrow:hover:after { width: 15px; -webkit-transform: translateX(2px) translateY(5px) rotate(-135deg); -moz-transform: translateX(2px) translateY(5px) rotate(-135deg); -ms-transform: translateX(2px) translateY(5px) rotate(-135deg); -o-transform: translateX(2px) translateY(5px) rotate(-135deg); transform: translateX(2px) translateY(5px) rotate(-135deg); } /* ============================================================================= - Page Modal ============================================================================= */ .eut-close-modal { width: 60px; height: 60px; line-height: 60px; font-size: 24px; text-align: center; cursor: pointer; display: inline-block; position: fixed; top: 0; right: 0; z-index: 9999; } .eut-modal-dialog .eut-close-modal { position: absolute; top: 0px; right: 0px; font-size: 24px; } .eut-close-modal i { font-size: inherit; line-height: inherit; } .eut-modal { display: none; visibility: hidden; opacity: 0; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; overflow-x: hidden; overflow-y: auto; -webkit-filter: blur(0); -webkit-overflow-scrolling: touch; outline: 0; height: 100%; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-modal-wrapper { position: relative; max-width: 600px; width: 100%; height: 100%; display: table; margin: 0 auto; } .eut-modal-content { position: relative; display: table-cell; vertical-align: middle; padding: 100px 15px; } .eut-modal.prepare-anim { display: block; } .eut-modal.animate { display: block; visibility: visible; opacity: 1; } /* ============================================================================= --- Search Modal ============================================================================= */ #eut-search-modal .eut-search { max-width: 100%; position: relative; text-align: center; } #eut-theme-wrapper .eut-modal .eut-search input[type="text"] { background: none; padding: 20px; border: none; border-bottom: 1px solid; border-color: inherit; line-height: 1.2 !important; height: auto; text-align: center; z-index: 4; margin-bottom: 11%; } #eut-theme-wrapper .eut-modal .eut-search .eut-search-input-wrapper { position: relative; } #eut-search-modal ::-webkit-input-placeholder { color: inherit; } #eut-search-modal :-moz-placeholder { /* Firefox 18- */ color: inherit; } #eut-search-modal ::-moz-placeholder { /* Firefox 19+ */ color: inherit; } #eut-search-modal :-ms-input-placeholder { color: inherit; } /* ============================================================================= --- Socials Modal ============================================================================= */ #eut-socials-modal .eut-social { margin: 0; margin-bottom: -15px; list-style: none; } #eut-socials-modal .eut-social li { display: inline-block; margin: 0px 8px 15px 8px; } #eut-socials-modal .eut-social li a { width: 56px; height: 56px; line-height: 52px; text-align: center; border: 2px solid; font-size: 18px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* ============================================================================= --- Language Modal ============================================================================= */ #eut-language-modal { text-align: center; } #eut-language-modal ul { display: block; list-style: none; margin: 0; } #eut-language-modal ul li { display: inline-block; } #eut-language-modal ul li a { display: block; padding: 0px 20px; line-height: 40px; margin: 10px; border: 2px solid; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* ============================================================================= --- Login Modal ============================================================================= */ #eut-login-modal .eut-modal-item { width: 320px; } #eut-login-modal .eut-login-modal-footer { padding-top: 20px; } #eut-login-modal .eut-form-errors { padding: 15px 0; } #eut-login-modal .eut-form-field, #eut-login-modal .eut-login-form-title { display: block; text-align: center; } #eut-login-modal .eut-login-form-description { display: block; margin-bottom: 15px; } #eut-theme-wrapper #eut-login-modal input[type="text"], #eut-theme-wrapper #eut-login-modal input[type="email"], #eut-theme-wrapper #eut-login-modal input[type="password"] { border-top: none; border-left: none; border-right: none; text-align: center; } #eut-theme-wrapper #eut-login-modal button[type="submit"] { margin-bottom: 2.222rem; } #eut-theme-wrapper .eut-reset-password-form-btn, #eut-theme-wrapper .eut-login-link a, #eut-theme-wrapper .eut-alert-info a { display: inline-block; color: inherit; opacity: 0.5; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } #eut-theme-wrapper .eut-reset-password-form-btn:hover, #eut-theme-wrapper .eut-login-link a:hover, #eut-theme-wrapper .eut-alert-info a:hover { opacity: 1; } /* ============================================================================= - Animate Page Mask ============================================================================= */ .eut-mask-wrapper { width: 100vw; height: 100vh; position: fixed; z-index: 9999; bottom: 100%; left: 0; visibility: hidden; pointer-events: none; } .eut-mask-wrapper.eut-layer-animate { visibility: visible; } .eut-mask-layer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998; } .eut-layer-animate .eut-mask-layer { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: anim-layer-1 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards; animation: anim-layer-1 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards; } .eut-layer-animate .eut-layer-2 { -webkit-animation-name: anim-layer-2; animation-name: anim-layer-2; } .eut-layer-animate .eut-layer-3 { -webkit-animation-name: anim-layer-3; animation-name: anim-layer-3; } @-webkit-keyframes anim-layer-1 { 0% { -webkit-transform: translate3d(0, 0, 0); } 25%, 75% { -webkit-transform: translate3d(0, 100%, 0); -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: translate3d(0, 200%, 0); } } @keyframes anim-layer-1 { 0% { transform: translate3d(0, 0, 0); } 25%, 75% { transform: translate3d(0, 100%, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: translate3d(0, 200%, 0); } } @-webkit-keyframes anim-layer-2 { 0%, 12.5% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 37.5%, 62.5% { -webkit-transform: translate3d(0, 100%, 0); -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 87.5%, 100% { -webkit-transform: translate3d(0, 200%, 0); } } @keyframes anim-layer-2 { 0%, 12.5% { transform: translate3d(0, 0, 0); } 37.5%, 62.5% { transform: translate3d(0, 100%, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 87.5%, 100% { transform: translate3d(0, 200%, 0); } } @-webkit-keyframes anim-layer-3 { 0%, 25% { -webkit-transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 75%, 100% { -webkit-transform: translate3d(0, 200%, 0); } } @keyframes anim-layer-3 { 0%, 25% { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 75%, 100% { transform: translate3d(0, 200%, 0); } } .eut-safebutton-logo { position: absolute; top: 150%; left: 50%; z-index: 9999; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: mask-logo-anim 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards; animation: mask-logo-anim 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards; display: none; } .eut-safebutton-logo.show { display: block; } @-webkit-keyframes mask-logo-anim { 0% { -webkit-transform: translate(-50%, -50%); opacity: 0; } 35%, 75% { -webkit-transform: translate(-50%, -50%); opacity: 1; } 100% { -webkit-transform: translate(-50%, 50%); opacity: 0; } } @keyframes mask-logo-anim { 0% { transform: translate(-50%, -50%); opacity: 0; } 35%, 75% { transform: translate(-50%, -50%); opacity: 1; } 100% { transform: translate(-50%, 50%); opacity: 0; } } /* ============================================================================= - Contact Form Styles ============================================================================= */ .wpcf7 { position: relative; } span.wpcf7-form-control-wrap { display: block; width: 100%; } span.wpcf7-not-valid-tip, div.wpcf7-mail-sent-ok { left: 0; border: none; margin: -10px 0 10px 0; z-index: 1; color: #f00000 !important; } div.wpcf7-validation-errors { border: none; margin: 20px 0 0 0; text-align: center; left: 0; z-index: 1; color: #f00000 !important; } div.wpcf7-mail-sent-ok { border: none; margin: 20px 0 0 0; text-align: center; left: 0; z-index: 1; color: #79ca99 !important; } /* Form Columns */ .eut-one-third { width: 33.333336%; float: left; } .eut-one-half { width: 50%; float: left; } @media only screen and (max-width: 767px) { .eut-one-third, .eut-one-half { width: 100%; float: none; } } .eut-last-column + * { clear: both; } .eut-fields-wrapper div { padding: 0 10px; } .eut-fields-wrapper { margin: 0 -10px; } .eut-fields-wrapper:before, .eut-fields-wrapper:after { display: table; content: " "; } .eut-fields-wrapper:after { clear: both; } #eut-theme-wrapper .eut-modal p, #eut-theme-wrapper .eut-modal input[type="text"], #eut-theme-wrapper .eut-modal input[type="input"], #eut-theme-wrapper .eut-modal input[type="password"], #eut-theme-wrapper .eut-modal input[type="email"], #eut-theme-wrapper .eut-modal input[type="number"], #eut-theme-wrapper .eut-modal input[type="url"], #eut-theme-wrapper .eut-modal input[type="tel"], #eut-theme-wrapper .eut-modal input[type="search"], #eut-theme-wrapper .eut-modal textarea, #eut-theme-wrapper .eut-modal select { color: inherit; border-color: inherit; } /* Fields Background */ #eut-theme-wrapper .eut-fields-white-bg input, #eut-theme-wrapper .eut-fields-white-bg textarea, #eut-theme-wrapper .eut-fields-white-bg select { background-color: #ffffff; } #eut-theme-wrapper .eut-fields-grey-bg input, #eut-theme-wrapper .eut-fields-grey-bg textarea, #eut-theme-wrapper .eut-fields-grey-bg select { background-color: #f7f7f7; } /* Fields Shape */ #eut-theme-wrapper .eut-fields-round input, #eut-theme-wrapper .eut-fields-round textarea, #eut-theme-wrapper .eut-fields-round select { -webkit-border-radius: 3px; border-radius: 3px; } #eut-theme-wrapper .eut-fields-extra-round input, #eut-theme-wrapper .eut-fields-extra-round textarea, #eut-theme-wrapper .eut-fields-extra-round select { -webkit-border-radius: 50px; border-radius: 50px; } /* Fields Underline */ #eut-theme-wrapper .eut-underline input, #eut-theme-wrapper .eut-underline textarea, #eut-theme-wrapper .eut-underline select { border: none; border-bottom: 1px solid; border-color: inherit; } /* Fields Light */ #eut-theme-wrapper .eut-form-light div span { color: #ffffff; border-color: rgba(255,255,255,0.3); } /* Newsletter */ .eut-newsletter .eut-fields-wrapper { margin-left: -5px; margin-right: -5px; } .eut-newsletter .eut-fields-wrapper div { padding: 0 5px; } .eut-body #eut-theme-wrapper .eut-newsletter input[type="submit"] { -webkit-border-radius: 0; border-radius: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 51px; width: 100%; } /* Form with icons */ .wpcf7-form .eut-with-icon { position: relative; } .wpcf7-form .eut-with-icon i { position: absolute; top: 14px; left: 16px; width: 40px; text-align: center; } #eut-theme-wrapper .wpcf7-form .eut-with-icon input { padding-left: 40px; } /* ============================================================================= - Anchor Menu ============================================================================= */ .eut-anchor-menu { position: relative; } .eut-anchor-menu .eut-anchor-wrapper { width: 100%; z-index: 999; border-top: 1px solid; border-bottom: 1px solid; position: relative; } .eut-anchor-menu .eut-container, .eut-anchor-menu > ul > li { line-height: inherit; } .eut-anchor-menu ul { margin: 0; list-style: none; font-size: 0; line-height: inherit; } .eut-anchor-menu ul li { text-align: left; } .eut-anchor-menu .eut-container ul.sub-menu li { display: block; } .eut-anchor-menu .eut-container a { position: relative; } .eut-anchor-menu .eut-container ul.sub-menu li a { padding: 15px 20px; display: block; } .eut-anchor-menu .eut-anchor-btn { text-align: center; vertical-align: top; font-size: 18px; display: inline-block; } .eut-anchor-menu .eut-anchor-btn i { display: inline-block; vertical-align: middle; } .eut-anchor-menu .eut-container > ul > li > a { display: block; padding: 0 20px; } .eut-anchor-menu .eut-container ul.sub-menu { line-height: 1.4; display: none; } /* Arrows */ .eut-anchor-menu a .eut-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 100%; z-index: 10; margin-top: 1px; display: inline-block; line-height: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } .eut-anchor-menu a .eut-arrow:after, .eut-anchor-menu a .eut-arrow:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition : all 0.3s ease 0.3s; -moz-transition : all 0.3s ease 0.3s; -ms-transition : all 0.3s ease 0.3s; -o-transition : all 0.3s ease 0.3s; transition : all 0.3s ease 0.3s; background-color: #333333; } .eut-anchor-menu a .eut-arrow:after { width: 9px; height: 1px; margin-left: -5px; margin-top: -1px; } .eut-anchor-menu a .eut-arrow:before { width: 1px; height: 9px; margin-left: -1px; margin-top: -5px; } .eut-anchor-menu .open > a .eut-arrow:after, .eut-anchor-menu .open > a .eut-arrow:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .eut-anchor-menu .eut-anchor-btn { display: none; } .eut-anchor-menu ul li { display: inline-block; vertical-align: top; position: relative; } .eut-anchor-menu a .eut-arrow { display: none; } .eut-anchor-menu .eut-container > ul > li > a { border-left: 1px solid; } .eut-anchor-menu .eut-container > ul > li:last-child > a { border-right: 1px solid; } .eut-anchor-menu .eut-container ul.sub-menu { position: absolute; top: 100%; left: 0; min-width: 200px; -webkit-animation-duration: 0.15s; -moz-animation-duration: 0.15s; -o-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: menu_animation; -moz-animation-name: menu_animation; -o-animation-name: menu_animation; animation-name: menu_animation; } .eut-anchor-menu .eut-container li:hover > ul.sub-menu { display: block; } .eut-anchor-menu .eut-container ul.sub-menu ul { top: 0; left: 100%; } /* Responsive */ @media only screen and (max-width: 1023px) { .eut-anchor-menu .eut-container > ul { display: none; } } .eut-anchor-responsive.eut-anchor-menu .eut-anchor-btn { display: inline-block; } .eut-anchor-responsive.eut-anchor-menu ul li, .eut-anchor-responsive.eut-anchor-menu .eut-container ul.sub-menu { display: block; position: static; } .eut-anchor-responsive.eut-anchor-menu .eut-container > ul > li > a { border-left: none; border-bottom: 1px solid; padding: 0; } /* Sticky Anchor */ .eut-anchor-menu .eut-anchor-wrapper.eut-sticky { position: fixed; left: auto; width: 100%; } .eut-anchor-menu .eut-anchor-wrapper.eut-sticky.eut-go-down { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .eut-anchor-menu .eut-anchor-wrapper.eut-sticky.eut-go-up { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .eut-anchor-menu .eut-anchor-wrapper.eut-sticky.eut-go-up.eut-fildisi-anchor { -webkit-transition : transform 0.3s 0.3s, left 0.3s, right 0.3s, line-height 0.3s 0.3s; -moz-transition : transform 0.3s 0.3s, left 0.3s, right 0.3s, line-height 0.3s 0.3s; -ms-transition : transform 0.3s 0.3s, left 0.3s, right 0.3s, line-height 0.3s 0.3s; -o-transition : transform 0.3s 0.3s, left 0.3s, right 0.3s, line-height 0.3s 0.3s; transition : transform 0.3s 0.3s, left 0.3s, right 0.3s, line-height 0.3s 0.3s; } .eut-anchor-menu .eut-anchor-wrapper.eut-sticky.eut-go-down.eut-fildisi-anchor { -webkit-transition : transform 0.3s 0.3s, line-height 0.3s 0.3s; -moz-transition : transform 0.3s 0.3s, line-height 0.3s 0.3s; -ms-transition : transform 0.3s 0.3s, line-height 0.3s 0.3s; -o-transition : transform 0.3s 0.3s, line-height 0.3s 0.3s; transition : transform 0.3s 0.3s, line-height 0.3s 0.3s; } .eut-body.eut-boxed .eut-anchor-menu .eut-anchor-wrapper.eut-sticky { max-width: 1220px; } /* ============================================================================= - Section Navigation ============================================================================= */ #eut-section-nav { z-index: 999; width: 30px; height: 100vh; position: fixed; top: 0; left: 30px; overflow: hidden; } @media only screen and (max-width: 1200px) { #eut-section-nav { display: none; } } #eut-section-nav .eut-inner-nav { position: absolute; top: 50%; white-space: nowrap; -webkit-transform: rotate(-90deg) translateX(-50%); -moz-transform: rotate(-90deg) translateX(-50%); -ms-transform: rotate(-90deg) translateX(-50%); -o-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; } #eut-section-nav .eut-nav-item { position: relative; display: inline-block; line-height: 2; color: #bbb; } #eut-section-nav .eut-nav-item + .eut-nav-item { margin-left: 35px; } @media only screen and (max-width: 1900px) { #eut-section-nav .eut-nav-item + .eut-nav-item { margin-left: 20px; } } #eut-section-nav .eut-nav-item:after { content: ""; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; margin-top: -1px; background: #bbb; -webkit-transition : -webkit-transform 0.4s cubic-bezier(0.19,1,0.22,1),background 0.4s; -moz-transition : -moz-transform 0.4s cubic-bezier(0.19,1,0.22,1),background 0.4s; -ms-transition : -ms-transform 0.4s cubic-bezier(0.19,1,0.22,1),background 0.4s; -o-transition : -o-transform 0.4s cubic-bezier(0.19,1,0.22,1),background 0.4s; transition : transform 0.4s cubic-bezier(0.19,1,0.22,1),background 0.4s; } #eut-section-nav .eut-nav-item.active:after, #eut-section-nav .eut-nav-item:hover:after { background: #000; -webkit-transform: translateY(1em) scaleX(1.2); -moz-transform: translateY(1em) scaleX(1.2); -ms-transform: translateY(1em) scaleX(1.2); -o-transform: translateY(1em) scaleX(1.2); transform: translateY(1em) scaleX(1.2); } /* ============================================================================= - Main Content ============================================================================= */ #eut-content { position: relative; z-index: 100; overflow: hidden; clear: both; } #eut-main-content .eut-main-content-wrapper { position: relative; } /* ============================================================================= - Footer ============================================================================= */ #eut-footer .eut-footer-wrapper { position: relative; } .eut-body:not(.eut-open-safebutton-area) #eut-footer.eut-fixed-footer { position: fixed; z-index: 1; width: 100%; bottom: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-body.eut-boxed #eut-footer.eut-fixed-footer { max-width: 1220px; } #eut-footer .eut-widget-area .eut-container { border-bottom: 1px solid; } #eut-footer .eut-widget-area:last-child .eut-container { border-bottom: none; } #eut-footer .eut-widget-area.eut-fullwidth .eut-container { padding-left: 1.875rem; padding-right: 1.875rem; } @media only screen and (max-width: 1200px) { #eut-footer .eut-tablet-column-1-2:nth-child(2n+1){ clear: both; } #eut-footer .eut-column { margin-top: 30px; margin-bottom: 30px; } } /* ============================================================================= --- Footer Bar ============================================================================= */ #eut-footer .eut-footer-bar { position: relative; z-index: 3; } #eut-footer .eut-footer-bar ul { margin: 0; text-align: right; list-style: none; } #eut-footer .eut-footer-bar ul li { display: inline-block; margin-left: 15px; } #eut-footer .eut-footer-bar .eut-left-side { float: left; text-align: left; width: 50%; font-size: 12px; line-height: 2em; } #eut-footer .eut-footer-bar .eut-right-side { float: right; text-align: right; width: 50%; font-size: 12px; line-height: 2em; } #eut-footer .eut-footer-bar[data-align-center="yes"] .eut-left-side, #eut-footer .eut-footer-bar[data-align-center="yes"] .eut-right-side { float: none; text-align: center; width: 100%; } #eut-footer .eut-footer-bar[data-align-center="yes"] ul { margin: 0 8px; text-align: center; } #eut-footer .eut-footer-bar[data-align-center="yes"] .eut-left-side + .eut-right-side { margin-top: 25px; } #eut-footer .eut-footer-bar.eut-fullwidth .eut-left-side, #eut-footer .eut-footer-bar.eut-fullwidth .eut-right-side { padding-left: 1.875rem; padding-right: 1.875rem; } /* Tablet (portrait) ----------- */ @media only screen and (max-width: 959px) { #eut-footer .eut-footer-bar .eut-left-side, #eut-footer .eut-footer-bar .eut-right-side { float: none; text-align: center; width: 100%; padding: 0; } #eut-footer .eut-footer-bar ul { margin: 0 8px; text-align: center; } #eut-footer .eut-footer-bar .eut-left-side + .eut-right-side { margin-top: 25px; } } /* ============================================================================= - Paraller ============================================================================= */ .eut-paraller, .eut-paraller-2 { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /* ============================================================================= - Background Image ============================================================================= */ .eut-background-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .eut-bg-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; opacity: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition : opacity 0.4s ease; -moz-transition : opacity 0.4s ease; -ms-transition : opacity 0.4s ease; -o-transition : opacity 0.4s ease; transition : opacity 0.4s ease; } /* Pattern Bg */ .eut-bg-pattern .eut-bg-image { background-repeat: repeat; background-size: inherit; } /* Fixed Bg */ .eut-section.eut-bg-fixed .eut-bg-image { background-attachment: fixed; } @media only screen and (max-width: 1200px) { .eut-section.eut-bg-fixed .eut-bg-image { background-attachment: scroll; } } /* Parallax Bg */ .eut-section.eut-bg-parallax .eut-bg-image { visibility: hidden; } /* Animated Bg */ #eut-feature-section.eut-bg-animated .eut-bg-image, #eut-feature-section.eut-bg-animated .eut-bg-video, .eut-bg-animated .eut-bg-image, .eut-bg-animated .eut-bg-video { -webkit-transform : scale(1); -moz-transform : scale(1); -o-transform : scale(1); transform : scale(1); -webkit-transition : -webkit-transform 20s ease, opacity 0.4s; -moz-transition : -moz-transform 20s ease, opacity 0.4s; -ms-transition : -ms-transform 20s ease, opacity 0.4s; -o-transition : -o-transform 20s ease, opacity 0.4s; transition : transform 20s ease, opacity 0.4s; } #eut-feature-section.eut-bg-animated:hover .eut-bg-image, #eut-feature-section.eut-bg-animated:hover .eut-bg-video, .eut-bg-animated.zoom .eut-bg-image, .eut-bg-animated.zoom .eut-bg-video { -webkit-transform : scale(1.4); -moz-transform : scale(1.4); -o-transform : scale(1.4); transform : scale(1.4); } .eut-bg-horizontal .eut-bg-image { background-size: contain; } .eut-bg-image.show { opacity: 1; } .eut-bg-image.lazyloaded { opacity: 1; } /* Background Positions */ .eut-bg-image.eut-bg-left-top { background-position: left top; } .eut-bg-image.eut-bg-left-center { background-position: left center; } .eut-bg-image.eut-bg-left-bottom { background-position: left bottom; } .eut-bg-image.eut-bg-center-top { background-position: center top; } .eut-bg-image.eut-bg-center-center { background-position: center center; } .eut-bg-image.eut-bg-center-bottom { background-position: center bottom; } .eut-bg-image.eut-bg-right-top { background-position: right top; } .eut-bg-image.eut-bg-right-center { background-position: right center; } .eut-bg-image.eut-bg-right-bottom { background-position: right bottom; } /* ============================================================================= - Background Image Sizes ============================================================================= */ #eut-theme-wrapper .eut-bg-wrapper-item img { display: none; } .eut-bg-wrapper { position: relative; } .eut-bg-wrapper:before { display: block; content: ""; } .eut-bg-wrapper.eut-full-size { height: 100%; } .eut-bg-wrapper.eut-custom-size { padding-bottom: 75%; } .eut-bg-wrapper.eut-large-rect-horizontal { padding-bottom: 56.23932%; } .eut-bg-wrapper.eut-small-square { padding-bottom: 100%; } .eut-bg-wrapper.eut-small-rect-horizontal { padding-bottom: 75%; } .eut-bg-wrapper.eut-small-rect-horizontal-wide { padding-bottom: 56.25%; } .eut-bg-wrapper.eut-small-rect-vertical { padding-bottom: 133.33334%; } .eut-bg-wrapper.eut-medium-rect-vertical { padding-bottom: 200%; } .eut-bg-wrapper.eut-medium-square { padding-bottom: 100%; } /* ============================================================================= - Background Video ============================================================================= */ .eut-bg-video, .eut-bg-video-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition : opacity 0.4s ease; -moz-transition : opacity 0.4s ease; -ms-transition : opacity 0.4s ease; -o-transition : opacity 0.4s ease; transition : opacity 0.4s ease; } .eut-section .eut-bg-video, .eut-bg-video.show { opacity: 1; } .eut-bg-video video, .eut-bg-video iframe { position: absolute; max-width: none; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .eut-bg-video + .eut-bg-image.show { opacity: 0 !important; } .eut-bg-video-wrapper { opacity: 1; } .eut-bg-video-wrapper .vc_hidden-xs { display: block !important; } .eut-yt-bg-video, .eut-iframe-bg-video { pointer-events: none; } .eut-background-wrapper .eut-video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } .eut-background-wrapper .eut-icon-left-top { top: 45px; left: 45px; } .eut-background-wrapper .eut-icon-right-top { top: 45px; left: initial; right: 15px; } .eut-background-wrapper .eut-icon-left-bottom { top: initial; left: 45px; bottom: 15px; } .eut-background-wrapper .eut-icon-right-bottom { top: initial; left: initial; right: 15px; bottom: 15px; } /* ============================================================================= - Background Overlay ============================================================================= */ .eut-bg-overlay { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-content .eut-bg-overlay { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-page-title .eut-bg-overlay, #eut-feature-section .eut-bg-overlay, .eut-hover-style-3.eut-image-hover.hover .eut-hover-overlay, .eut-hover-style-5.eut-image-hover.hover .eut-hover-overlay { opacity: 0; } .eut-page-title .eut-bg-overlay.show, #eut-feature-section .eut-bg-overlay.show { opacity: 1; } .eut-opacity-10, .eut-image-hover.hover .eut-opacity-10, .eut-hover-style-3.eut-image-hover .eut-opacity-10, .eut-hover-style-5.eut-image-hover .eut-opacity-10 { opacity: 0.1; } .eut-opacity-20, .eut-image-hover.hover .eut-opacity-20, .eut-hover-style-3.eut-image-hover .eut-opacity-20, .eut-hover-style-5.eut-image-hover .eut-opacity-20 { opacity: 0.2; } .eut-opacity-30, .eut-image-hover.hover .eut-opacity-30, .eut-hover-style-3.eut-image-hover .eut-opacity-30, .eut-hover-style-5.eut-image-hover .eut-opacity-30 { opacity: 0.3; } .eut-opacity-40, .eut-image-hover.hover .eut-opacity-40, .eut-hover-style-3.eut-image-hover .eut-opacity-40, .eut-hover-style-5.eut-image-hover .eut-opacity-40 { opacity: 0.4; } .eut-opacity-50, .eut-image-hover.hover .eut-opacity-50, .eut-hover-style-3.eut-image-hover .eut-opacity-50, .eut-hover-style-5.eut-image-hover .eut-opacity-50 { opacity: 0.5; } .eut-opacity-60, .eut-image-hover.hover .eut-opacity-60, .eut-hover-style-3.eut-image-hover .eut-opacity-60, .eut-hover-style-5.eut-image-hover .eut-opacity-60 { opacity: 0.6; } .eut-opacity-70, .eut-image-hover.hover .eut-opacity-70, .eut-hover-style-3.eut-image-hover .eut-opacity-70, .eut-hover-style-5.eut-image-hover .eut-opacity-70 { opacity: 0.7; } .eut-opacity-80, .eut-image-hover.hover .eut-opacity-80, .eut-hover-style-3.eut-image-hover .eut-opacity-80, .eut-hover-style-5.eut-image-hover .eut-opacity-80 { opacity: 0.8; } .eut-opacity-90, .eut-image-hover.hover .eut-opacity-90, .eut-hover-style-3.eut-image-hover .eut-opacity-90, .eut-hover-style-5.eut-image-hover .eut-opacity-90 { opacity: 0.9; } .eut-opacity-100, .eut-image-hover.hover .eut-opacity-100, .eut-hover-style-3.eut-image-hover .eut-opacity-100, .eut-hover-style-5.eut-image-hover .eut-opacity-100 { opacity: 1; } /* Patterns & Overlays */ .eut-pattern { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABkdpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6SXB0YzR4bXBDb3JlPSJodHRwOi8vaXB0Yy5vcmcvc3RkL0lwdGM0eG1wQ29yZS8xLjAveG1sbnMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpNb2RpZnlEYXRlPSIyMDEzLTEwLTEyVDIzOjAzOjE0KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDEzLTEwLTEyVDIzOjAzOjE0KzAzOjAwIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMy0xMC0xMVQyMTo0MDoyNyswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpBdXRob3JzUG9zaXRpb249IkFpc2ggZGVzaWduIiB4bXBSaWdodHM6TWFya2VkPSJUcnVlIiB4bXBSaWdodHM6V2ViU3RhdGVtZW50PSJ3d3cuYWlzaC5nciIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1M0M4OEM5QTMzNzkxMUUzQURBNkE4MzI4NkQ0Q0RGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1M0M4OEM5QjMzNzkxMUUzQURBNkE4MzI4NkQ0Q0RGMyI+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QWlzaCBkZXNpZ248L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8ZGM6c3ViamVjdD4gPHJkZjpCYWc+IDxyZGY6bGk+QWlzaDwvcmRmOmxpPiA8cmRmOmxpPkdyZWF0aXZlczwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvZGM6c3ViamVjdD4gPGRjOmNyZWF0b3I+IDxyZGY6U2VxPiA8cmRmOmxpPkFpc2ggZGVzaWduPC9yZGY6bGk+IDwvcmRmOlNlcT4gPC9kYzpjcmVhdG9yPiA8SXB0YzR4bXBDb3JlOkNyZWF0b3JDb250YWN0SW5mbyBJcHRjNHhtcENvcmU6Q2lBZHJDaXR5PSJBdGhlbnMiLz4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTNDODhDOTgzMzc5MTFFM0FEQTZBODMyODZENENERjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTNDODhDOTkzMzc5MTFFM0FEQTZBODMyODZENENERjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xBYqIAAAAHElEQVR42mJgYGAw/P//PwM6zQjlYAW01gEQYAAxICWZJgAu/QAAAABJRU5ErkJggg=="); background-repeat: repeat; } /* ============================================================================= - Section Separators ============================================================================= */ .eut-separator-top { position: absolute; top: -1px; left: 0; width: 100%; height: 0; z-index: 1; } .eut-separator-bottom { position: absolute; bottom: -1px; left: 0; width: 100%; height: 0; z-index: 0; } .eut-separator { position: absolute; bottom: -1px; left: 0; } .eut-separator-top .eut-separator { top: -1px; bottom: auto; -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1); } .eut-section.eut-separator-fullheight { visibility: hidden; } /* Round Split Separator */ .eut-separator-top .eut-separator.eut-round-split-separator { top: 0; } .eut-separator-bottom .eut-separator.eut-round-split-separator { bottom: 0; } .eut-separator-top .eut-separator.eut-round-split-separator { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .eut-separator-bottom .eut-separator.eut-round-split-separator { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* ============================================================================= - Feature Section Separators ============================================================================= */ #eut-feature-section .eut-separator-bottom { z-index: 2; } #eut-feature-section.eut-with-map .eut-separator-bottom { z-index: 6; } /* ============================================================================= - Page Overlay ============================================================================= */ .eut-body-overlay { background-color: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none; cursor: pointer; z-index: 9999; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /* ============================================================================= - Hover Overlay ============================================================================= */ .eut-image-hover, .eut-image-hover .eut-media { position: relative; overflow: hidden; } /* Layout 1 */ .eut-item-details { margin-top: 30px; } /* Layout 2 */ .eut-image-hover.eut-layout-2 figcaption { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; z-index: 3; word-spacing: -0.26em; } .eut-image-hover.eut-layout-2 figcaption:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .eut-image-hover.eut-layout-2 .eut-item-details { width: 100%; height: auto; display: inline-block; vertical-align: middle; padding: 0 30px; margin: 0; } .eut-image-hover .eut-hover-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; opacity: 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .eut-gradient-overlay:after { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: " "; display: block; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; opacity: 1; z-index: 4; -webkit-border-radius: inherit; border-radius: inherit; background-image: -webkit-linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background-image: -moz-linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background-image: linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); } /* ============================================================================= - Hover Zoom Effect ============================================================================= */ /* Image General Settings */ .eut-image-hover img { position: relative; display: block; max-width: none; width: 100%; -webkit-border-radius: inherit; border-radius: inherit; } .eut-image-hover img { -webkit-transition : -webkit-transform 0.35s; -moz-transition : -moz-transform 0.35s; -ms-transition : -ms-transform 0.35s; -o-transition : -o-transform 0.35s; transition : transform 0.35s; } /* Image Zoom In */ .eut-image-hover.eut-zoom-in img { -webkit-transform: scale(1); transform: scale(1); } .eut-image-hover.eut-zoom-in.hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } /* Zoom In for Lanscape Image */ .eut-element:not(.eut-isotope-column-1) .eut-image-landscape .eut-image-hover.eut-zoom-in img { -webkit-transform: scale(1) translate(0, -50%); -moz-transform: scale(1) translate(0, -50%); -ms-transform: scale(1) translate(0, -50%); -o-transform: scale(1) translate(0, -50%); transform: scale(1) translate(0, -50%); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .eut-element:not(.eut-isotope-column-1) .eut-image-landscape .eut-image-hover.eut-zoom-in.hover img { -webkit-transform: scale(1.12) translate(0, -50%); -moz-transform: scale(1.12) translate(0, -50%); -ms-transform: scale(1.12) translate(0, -50%); -o-transform: scale(1.12) translate(0, -50%); transform: scale(1.12) translate(0, -50%); } /* Zoom In for Portrait Image */ .eut-element:not(.eut-isotope-column-1) .eut-image-portrait .eut-image-hover.eut-zoom-in img { -webkit-transform: scale(1) translate(-50%, 0); -moz-transform: scale(1) translate(-50%, 0); -ms-transform: scale(1) translate(-50%, 0); -o-transform: scale(1) translate(-50%, 0); transform: scale(1) translate(-50%, 0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .eut-element:not(.eut-isotope-column-1) .eut-image-portrait .eut-image-hover.eut-zoom-in.hover img { -webkit-transform: scale(1.12) translate(-50%, 0); -moz-transform: scale(1.12) translate(-50%, 0); -ms-transform: scale(1.12) translate(-50%, 0); -o-transform: scale(1.12) translate(-50%, 0); transform: scale(1.12) translate(-50%, 0); } /* Image Zoom Out */ .eut-image-hover.eut-zoom-out img { -webkit-transform: scale(1.12); transform: scale(1.12); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .eut-image-hover.eut-zoom-out.hover img { -webkit-transform: scale(1); transform: scale(1); } /* Zoom Out for Lanscape Image */ .eut-element:not(.eut-isotope-column-1) .eut-image-landscape .eut-image-hover.eut-zoom-out img { -webkit-transform: scale(1.12) translate(0, -50%); -moz-transform: scale(1.12) translate(0, -50%); -ms-transform: scale(1.12) translate(0, -50%); -o-transform: scale(1.12) translate(0, -50%); transform: scale(1.12) translate(0, -50%); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .eut-element:not(.eut-isotope-column-1) .eut-image-landscape .eut-image-hover.eut-zoom-out.hover img { -webkit-transform: scale(1) translate(0, -50%); -moz-transform: scale(1) translate(0, -50%); -ms-transform: scale(1) translate(0, -50%); -o-transform: scale(1) translate(0, -50%); transform: scale(1) translate(0, -50%); } /* Zoom Out for Portrait Image */ .eut-element:not(.eut-isotope-column-1) .eut-image-portrait .eut-image-hover.eut-zoom-out img { -webkit-transform: scale(1.12) translate(-50%, 0); -moz-transform: scale(1.12) translate(-50%, 0); -ms-transform: scale(1.12) translate(-50%, 0); -o-transform: scale(1.12) translate(-50%, 0); transform: scale(1.12) translate(-50%, 0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .eut-element:not(.eut-isotope-column-1) .eut-image-portrait .eut-image-hover.eut-zoom-out.hover img { -webkit-transform: scale(1) translate(-50%, 0); -moz-transform: scale(1) translate(-50%, 0); -ms-transform: scale(1) translate(-50%, 0); -o-transform: scale(1) translate(-50%, 0); transform: scale(1) translate(-50%, 0); } /* ============================================================================= - Grayscale Effect ============================================================================= */ .eut-grayscale-image img, .eut-grayscale-image-hover img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-grayscale-image-hover:hover img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: none; filter: grayscale(0); } /* ============================================================================= - Image Hover General Settings ============================================================================= */ .eut-hover-item .eut-item-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; } .eut-hover-item .eut-content .eut-title { line-height: 1.4em; margin-bottom: 6px; } .eut-hover-item .eut-content .eut-title:last-child { margin-bottom: 0; } .eut-hover-item .eut-content { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /* Like Counter Animation */ .eut-hover-item .eut-like-counter i { padding: 2px; -webkit-animation: like_counter_animation 1.5s infinite; -moz-animation: like_counter_animation 1.5s infinite; -o-animation: like_counter_animation 1.5s infinite; animation: like_counter_animation 1.5s infinite; } @-webkit-keyframes like_counter_animation { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes like_counter_animation { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes like_counter_animation { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes like_counter_animation { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } /* ============================================================================= --- Hover 01 ============================================================================= */ .eut-hover-item.eut-hover-style-1 figure + .eut-content { margin-top: 30px; } .eut-hover-item.eut-hover-style-1.eut-isotope-item-inner, .eut-hover-item.eut-hover-style-1 .eut-isotope-item-inner { margin-bottom: 30px; } #eut-theme-wrapper .eut-hover-item .eut-title.eut-text-black { color: #000000; } /* ============================================================================= --- Hover 02 ============================================================================= */ .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) { position: absolute; padding: 30px; top: 50%; left: 0; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Title */ .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-title { opacity: 0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition : all 0.7s; -moz-transition : all 0.7s; -ms-transition : all 0.7s; -o-transition : all 0.7s; transition : all 0.7s; } /* Description */ .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-description { position: relative; display: block; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition : all 0.7s; -moz-transition : all 0.7s; -ms-transition : all 0.7s; -o-transition : all 0.7s; transition : all 0.7s; } /* Hover Title & Description */ .eut-hover-item.eut-hover-style-2 .hover .eut-content:not(.eut-custom-overview) .eut-title, .eut-hover-item.eut-hover-style-2 .hover .eut-content:not(.eut-custom-overview) .eut-description { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } /* Counter */ .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-like-counter { position: absolute; bottom: 100%; left: 0; width: 100%; opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-hover-item.eut-hover-style-2 .hover .eut-content:not(.eut-custom-overview) .eut-like-counter { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-like-counter i { font-size: 18px; margin-bottom: 6px; } .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-like-counter span { display: block; } /* Line Divider */ .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-line { display: block; font-size: 0px; margin-top: 14px; margin-bottom: 20px; opacity: 0.5; line-height: 1; } .eut-hover-item.eut-hover-style-2 .eut-content:not(.eut-custom-overview) .eut-line span { display: inline-block; vertical-align: top; border-top: 1px solid; width: 0; -webkit-transition : all 0.6s; -moz-transition : all 0.6s; -ms-transition : all 0.6s; -o-transition : all 0.6s; transition : all 0.6s; } .eut-hover-item.eut-hover-style-2 .hover .eut-content:not(.eut-custom-overview) .eut-line span { width: 50px; } /* ============================================================================= --- Hover 03 ============================================================================= */ .eut-hover-item.eut-hover-style-3 .eut-hover-overlay { top: 10px; left: 10px; bottom: 10px; right: 10px; } .eut-hover-item.eut-hover-style-3 .eut-content:not(.eut-custom-overview) { position: absolute; padding: 30px; top: 50%; left: 0; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Title */ .eut-hover-item.eut-hover-style-3 .eut-content:not(.eut-custom-overview) .eut-title { opacity: 0; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* Description */ .eut-hover-item.eut-hover-style-3 .eut-content:not(.eut-custom-overview) .eut-description { position: relative; display: block; opacity: 0; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* Hover Title & Description */ .eut-hover-item.eut-hover-style-3 .hover .eut-content:not(.eut-custom-overview) .eut-title, .eut-hover-item.eut-hover-style-3 .hover .eut-content:not(.eut-custom-overview) .eut-description { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } /* Counter */ .eut-hover-item.eut-hover-style-3 .eut-content:not(.eut-custom-overview) .eut-like-counter { margin-top: 30px; opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-hover-item.eut-hover-style-3 .hover .eut-content:not(.eut-custom-overview) .eut-like-counter { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .eut-hover-item.eut-hover-style-3 .eut-content:not(.eut-custom-overview) .eut-like-counter i { font-size: 24px; margin-bottom: 6px; } .eut-hover-item.eut-hover-style-3 .eut-content:not(.eut-custom-overview) .eut-like-counter span { display: block; } /* ============================================================================= --- Hover 04 ============================================================================= */ .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) { position: absolute; padding: 30px; left: 20px; bottom: 20px; right: 20px; z-index: 2; } /* ============================================================================= --- Hover 05 ============================================================================= */ .eut-hover-item.eut-hover-style-5 .eut-content:not(.eut-custom-overview) { position: absolute; padding: 30px; left: 0; bottom: 0; right: 0; z-index: 2; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0) !important; -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0) !important; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0) !important; -webkit-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -moz-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -ms-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -o-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -webkit-transform: translateY(110%); -moz-transform: translateY(110%); -ms-transform: translateY(110%); -o-transform: translateY(110%); transform: translateY(110%); } .eut-hover-item.eut-hover-style-5 .hover .eut-content:not(.eut-custom-overview) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-hover-item.eut-hover-style-5 .eut-content:not(.eut-custom-overview) .eut-title, .eut-hover-item.eut-hover-style-5 .eut-content:not(.eut-custom-overview) .eut-description { opacity: 0; -webkit-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -moz-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -ms-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -o-transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); transition : all 0.3s cubic-bezier(0.05,0.8,0.5,1); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .eut-hover-item.eut-hover-style-5 .hover .eut-content:not(.eut-custom-overview) .eut-title { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .eut-hover-item.eut-hover-style-5 .hover .eut-content:not(.eut-custom-overview) .eut-description { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } /* ============================================================================= --- Hover 06 ============================================================================= */ .eut-hover-item.eut-hover-style-6 .eut-content:not(.eut-custom-overview) { position: absolute; padding: 0 30px; left: 0; bottom: 30px; right: 0; z-index: 5; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-hover-item.eut-hover-style-6 .eut-content:not(.eut-custom-overview) .eut-title, .eut-hover-item.eut-hover-style-6 .eut-content:not(.eut-custom-overview) .eut-description { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; text-shadow: 0px 2px 4px rgba(0,0,0,0.1); } .eut-hover-item.eut-hover-style-6 .hover .eut-content:not(.eut-custom-overview) .eut-title, .eut-hover-item.eut-hover-style-6 .hover .eut-content:not(.eut-custom-overview) .eut-description { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; text-shadow: 0px 2px 4px rgba(0,0,0,0.4); } .eut-hover-item.eut-hover-style-6 .hover .eut-content:not(.eut-custom-overview) { bottom: 50%; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .eut-hover-item.eut-hover-style-6 .eut-gradient-overlay { position: absolute; bottom: -1px; left: 0; width: 100%; height: 50%; opacity: 0.5; z-index: 2; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-hover-item.eut-hover-style-6 .hover .eut-gradient-overlay { opacity: 1; height: 100%; } .eut-hover-item.eut-hover-style-6 img { -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /* ============================================================================= --- Hover 07 ============================================================================= */ #eut-theme-wrapper .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) { position: absolute; padding: 30px; left: 25%; bottom: 0; right: 0; display: inline-block; z-index: 5; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0); } #eut-theme-wrapper .eut-hover-item.eut-hover-style-7 .hover .eut-content:not(.eut-custom-overview) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); } /* Counter */ .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) .eut-like-counter { opacity: 0; margin-top: 8px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .eut-hover-item.eut-hover-style-7 .hover .eut-content:not(.eut-custom-overview) .eut-like-counter { opacity: 1; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) .eut-like-counter i { font-size: 14px; display: inline-block; vertical-align: middle; } .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) .eut-like-counter span { display: inline-block; vertical-align: middle; margin-left: 5px; } /* Title */ .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) .eut-title { padding-top: 0; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } /* Description */ .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) .eut-description { opacity: 0; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .eut-hover-item.eut-hover-style-7 .hover .eut-content:not(.eut-custom-overview) .eut-description { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } /* ============================================================================= - Main Loader ============================================================================= */ #eut-loader-overflow { display:block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 99999; } /* Page Transition */ #eut-loader-overflow.eut-page-transition { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.6s; -moz-animation-duration:0.6s; -ms-animation-duration:0.6s; -o-animation-duration:0.6s; animation-duration:0.6s; } /* Zoom In */ #eut-loader-overflow.eut-fade-in-transition.eut-visible { -webkit-animation-name: eut_fade_in_transition; -moz-animation-name: eut_fade_in_transition; -o-animation-name: eut_fade_in_transition; animation-name: eut_fade_in_transition; } #eut-loader-overflow.eut-fade-in-transition.eut-hide { -webkit-animation-name: eut_fade_out_transition; -moz-animation-name: eut_fade_out_transition; -o-animation-name: eut_fade_out_transition; animation-name: eut_fade_out_transition; } /* Left To Right */ #eut-loader-overflow.eut-left-to-right-transition.eut-visible { -webkit-animation-name: eut_left_to_right_transition; -moz-animation-name: eut_left_to_right_transition; -o-animation-name: eut_left_to_right_transition; animation-name: eut_left_to_right_transition; } #eut-loader-overflow.eut-left-to-right-transition.eut-hide { -webkit-animation-name: eut_left_to_right_out_transition; -moz-animation-name: eut_left_to_right_out_transition; -o-animation-name: eut_left_to_right_out_transition; animation-name: eut_left_to_right_out_transition; } /* Right To Left */ #eut-loader-overflow.eut-right-to-left-transition.eut-visible { -webkit-animation-name: eut_right_to_left_transition; -moz-animation-name: eut_right_to_left_transition; -o-animation-name: eut_right_to_left_transition; animation-name: eut_right_to_left_transition; } #eut-loader-overflow.eut-right-to-left-transition.eut-hide { -webkit-animation-name: eut_right_to_left_out_transition; -moz-animation-name: eut_right_to_left_out_transition; -o-animation-name: eut_right_to_left_out_transition; animation-name: eut_right_to_left_out_transition; } /* Top to Bottom */ #eut-loader-overflow.eut-top-to-bottom-transition.eut-visible { -webkit-animation-name: eut_top_to_bottom_transition; -moz-animation-name: eut_top_to_bottom_transition; -o-animation-name: eut_top_to_bottom_transition; animation-name: eut_top_to_bottom_transition; } #eut-loader-overflow.eut-top-to-bottom-transition.eut-hide { -webkit-animation-name: eut_top_to_bottom_out_transition; -moz-animation-name: eut_top_to_bottom_out_transition; -o-animation-name: eut_top_to_bottom_out_transition; animation-name: eut_top_to_bottom_out_transition; } /* Bottom to Top */ #eut-loader-overflow.eut-bottom-to-top-transition.eut-visible { -webkit-animation-name: eut_bottom_to_top_transition; -moz-animation-name: eut_bottom_to_top_transition; -o-animation-name: eut_bottom_to_top_transition; animation-name: eut_bottom_to_top_transition; } #eut-loader-overflow.eut-bottom-to-top-transition.eut-hide { -webkit-animation-name: eut_bottom_to_top_out_transition; -moz-animation-name: eut_bottom_to_top_out_transition; -o-animation-name: eut_bottom_to_top_out_transition; animation-name: eut_bottom_to_top_out_transition; } /* Fade In */ @-webkit-keyframes eut_fade_in_transition { 0% {opacity: 0; visibility: hidden;} 100% {opacity: 1; visibility: visible;} } @-moz-keyframes eut_fade_in_transition { 0% {opacity: 0; visibility: hidden;} 100% {opacity: 1; visibility: visible;} } @-o-keyframes eut_fade_in_transition { 0% {opacity: 0; visibility: hidden;} 100% {opacity: 1; visibility: visible;} } @keyframes eut_fade_in_transition { 0% {opacity: 0; visibility: hidden;} 100% {opacity: 1; visibility: visible;} } /* Fade Out */ @-webkit-keyframes eut_fade_out_transition { 0% {opacity: 1; visibility: visible;} 100% {opacity: 0; visibility: hidden;} } @-moz-keyframes eut_fade_out_transition { 0% {opacity: 1; visibility: visible;} 100% {opacity: 0; visibility: hidden;} } @-o-keyframes eut_fade_out_transition { 0% {opacity: 1; visibility: visible;} 100% {opacity: 0; visibility: hidden;} } @keyframes eut_fade_out_transition { 0% {opacity: 1; visibility: visible;} 100% {opacity: 0; visibility: hidden;} } /* Left to Right */ @-webkit-keyframes eut_left_to_right_transition { 0% {-webkit-transform: translateX(-100%); visibility: hidden;} 100% {-webkit-transform: translateX(0); visibility: visible;} } @-moz-keyframes eut_left_to_right_transition { 0% {-moz-transform: translateX(-100%); visibility: hidden;} 100% {-moz-transform: translateX(0); visibility: visible;} } @-o-keyframes eut_left_to_right_transition { 0% {-o-transform: translateX(-100%); visibility: hidden;} 100% {-o-transform: translateX(0); visibility: visible;} } @keyframes eut_left_to_right_transition { 0% {transform: translateX(-100%); visibility: hidden;} 100% {transform: translateX(0); visibility: visible;} } /* Left to Right Out */ @-webkit-keyframes eut_left_to_right_out_transition { 0% {-webkit-transform: translateX(0); visibility: visible;} 100% {-webkit-transform: translateX(100%); visibility: hidden;} } @-moz-keyframes eut_left_to_right_out_transition { 0% {-moz-transform: translateX(0); visibility: visible;} 100% {-moz-transform: translateX(100%); visibility: hidden;} } @-o-keyframes eut_left_to_right_out_transition { 0% {-o-transform: translateX(0); visibility: visible;} 100% {-o-transform: translateX(100%); visibility: hidden;} } @keyframes eut_left_to_right_out_transition { 0% {transform: translateX(0); visibility: visible;} 100% {transform: translateX(100%); visibility: hidden;} } /* Right to Left */ @-webkit-keyframes eut_right_to_left_transition { 0% {-webkit-transform: translateX(100%); visibility: hidden;} 100% {-webkit-transform: translateX(0); visibility: visible;} } @-moz-keyframes eut_right_to_left_transition { 0% {-moz-transform: translateX(100%); visibility: hidden;} 100% {-moz-transform: translateX(0); visibility: visible;} } @-o-keyframes eut_right_to_left_transition { 0% {-o-transform: translateX(100%); visibility: hidden;} 100% {-o-transform: translateX(0); visibility: visible;} } @keyframes eut_right_to_left_transition { 0% {transform: translateX(100%); visibility: hidden;} 100% {transform: translateX(0); visibility: visible;} } /* Right to Left Out */ @-webkit-keyframes eut_right_to_left_out_transition { 0% {-webkit-transform: translateX(0); visibility: visible;} 100% {-webkit-transform: translateX(-100%); visibility: hidden;} } @-moz-keyframes eut_right_to_left_out_transition { 0% {-moz-transform: translateX(0); visibility: visible;} 100% {-moz-transform: translateX(-100%); visibility: hidden;} } @-o-keyframes eut_right_to_left_out_transition { 0% {-o-transform: translateX(0); visibility: visible;} 100% {-o-transform: translateX(-100%); visibility: hidden;} } @keyframes eut_right_to_left_out_transition { 0% {transform: translateX(0); visibility: visible;} 100% {transform: translateX(-100%); visibility: hidden;} } /* Top to Bottom */ @-webkit-keyframes eut_top_to_bottom_transition { 0% {-webkit-transform: translateY(-100%); visibility: hidden;} 100% {-webkit-transform: translateY(0); visibility: visible;} } @-moz-keyframes eut_top_to_bottom_transition { 0% {-moz-transform: translateY(-100%); visibility: hidden;} 100% {-moz-transform: translateY(0); visibility: visible;} } @-o-keyframes eut_top_to_bottom_transition { 0% {-o-transform: translateY(-100%); visibility: hidden;} 100% {-o-transform: translateY(0); visibility: visible;} } @keyframes eut_top_to_bottom_transition { 0% {transform: translateY(-100%); visibility: hidden;} 100% {transform: translateY(0); visibility: visible;} } /* Top to Bottom Out */ @-webkit-keyframes eut_top_to_bottom_out_transition { 0% {-webkit-transform: translateY(0); visibility: visible;} 100% {-webkit-transform: translateY(100%); visibility: hidden;} } @-moz-keyframes eut_top_to_bottom_out_transition { 0% {-moz-transform: translateY(0); visibility: visible;} 100% {-moz-transform: translateY(100%); visibility: hidden;} } @-o-keyframes eut_top_to_bottom_out_transition { 0% {-o-transform: translateY(0); visibility: visible;} 100% {-o-transform: translateY(100%); visibility: hidden;} } @keyframes eut_top_to_bottom_out_transition { 0% {transform: translateY(0); visibility: visible;} 100% {transform: translateY(100%); visibility: hidden;} } /* Bottom to Top */ @-webkit-keyframes eut_bottom_to_top_transition { 0% {-webkit-transform: translateY(100%); visibility: hidden;} 100% {-webkit-transform: translateY(0); visibility: visible;} } @-moz-keyframes eut_bottom_to_top_transition { 0% {-moz-transform: translateY(100%); visibility: hidden;} 100% {-moz-transform: translateY(0); visibility: visible;} } @-o-keyframes eut_bottom_to_top_transition { 0% {-o-transform: translateY(100%); visibility: hidden;} 100% {-o-transform: translateY(0); visibility: visible;} } @keyframes eut_bottom_to_top_transition { 0% {transform: translateY(100%); visibility: hidden;} 100% {transform: translateY(0); visibility: visible;} } /* Bottom to Top Out */ @-webkit-keyframes eut_bottom_to_top_out_transition { 0% {-webkit-transform: translateY(0); visibility: visible;} 100% {-webkit-transform: translateY(-100%); visibility: hidden;} } @-moz-keyframes eut_bottom_to_top_out_transition { 0% {-moz-transform: translateY(0); visibility: visible;} 100% {-moz-transform: translateY(-100%); visibility: hidden;} } @-o-keyframes eut_bottom_to_top_out_transition { 0% {-o-transform: translateY(0); visibility: visible;} 100% {-o-transform: translateY(-100%); visibility: hidden;} } @keyframes eut_bottom_to_top_out_transition { 0% {transform: translateY(0); visibility: visible;} 100% {transform: translateY(-100%); visibility: hidden;} } /* Zoom Out */ #eut-loader-overflow.eut-zoom-out-transition.eut-visible { -webkit-animation-name: eut_fade_in_transition; -moz-animation-name: eut_fade_in_transition; -o-animation-name: eut_fade_in_transition; animation-name: eut_fade_in_transition; } #eut-loader-overflow.eut-zoom-out-transition.eut-hide { -webkit-animation-name: eut_fade_out_transition; -moz-animation-name: eut_fade_out_transition; -o-animation-name: eut_fade_out_transition; animation-name: eut_fade_out_transition; } #eut-loader-overflow.eut-zoom-out-transition.eut-visible + #eut-theme-wrapper { height: 100vh; overflow: hidden; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-name: eut_zoom_out_transition; -moz-animation-name: eut_zoom_out_transition; -o-animation-name: eut_zoom_out_transition; animation-name: eut_zoom_out_transition; } #eut-loader-overflow.eut-zoom-out-transition.eut-hide + #eut-theme-wrapper { -webkit-animation-name: eut_fade_in_transition; -moz-animation-name: eut_fade_in_transition; -o-animation-name: eut_fade_in_transition; animation-name: eut_fade_in_transition; } /* Zoom Out */ @-webkit-keyframes eut_zoom_out_transition { 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.5);} } @-moz-keyframes eut_zoom_out_transition { 0% {-moz-transform: scale(1);} 100% {-moz-transform: scale(0.5);} } @-o-keyframes eut_zoom_out_transition { 0% {-o-transform: scale(1);} 100% {-o-transform: scale(0.5);} } @keyframes eut_zoom_out_transition { 0% {transform: scale(1);} 100% {transform: scale(0.5);} } /* ============================================================================= - Zoom Effect ============================================================================= */ .eut-zoom-effect { overflow: hidden; } .eut-zoom-effect img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } .eut-zoom-effect:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* ============================================================================= - Go to Section ============================================================================= */ #eut-goto-section-wrapper { position: relative; height: 60px; z-index: 100; margin-top: 30px; } .eut-align-left-center #eut-goto-section-wrapper, .eut-align-right-center #eut-goto-section-wrapper, .eut-align-center-center #eut-goto-section-wrapper { position: absolute; top: 100%; left: 0; width: 100%; } #eut-goto-section { cursor: pointer; font-size: 24px; border: 1px solid; text-align: center; -webkit-border-radius: 50px; border-radius: 50px; width: 60px; height: 60px; line-height: 60px; display: inline-block; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; opacity: 1; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-goto-section:hover { opacity: 0.9; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media only screen and (max-width: 959px) { #eut-goto-section-wrapper { display: none; } } /* ============================================================================= - Back to Top ============================================================================= */ .eut-back-top { position: fixed; width: 30px; height: 30px; bottom: -60px; right: 20px; text-align: center; z-index: 900; cursor: pointer; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; -webkit-transition : all 0.3s ease; -moz-transition : all 0.3s ease; -ms-transition : all 0.3s ease; -o-transition : all 0.3s ease; transition : all 0.3s ease; } .eut-back-top i { font-size: 16px; line-height: 30px; display: block; } .eut-back-top.show { -webkit-transform: translate(0, -80px); -moz-transform: translate(0, -80px); -ms-transform: translate(0, -80px); -o-transform: translate(0, -80px); transform: translate(0, -80px); } @media only screen and (max-width: 767px) { .eut-back-top span { display: none; } } /* ============================================================================= - Basic Shapes ( Round - Extra Round - Circle ) ============================================================================= */ .eut-round { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .eut-extra-round { -webkit-border-radius: 50px !important; border-radius: 50px !important; } .eut-circle { -webkit-border-radius: 50% !important; border-radius: 50% !important; } /* ============================================================================= - Fildisi Icon Library ============================================================================= */ @font-face { font-family: "fildisi-icons"; src:url("data:application/vnd.ms-fontobject;base64,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"); src:url("data:application/vnd.ms-fontobject;base64,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#iefix&v=1.0.0") format("embedded-opentype"), url("data:application/font-woff;base64,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") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9Im1vdmVkby1pY29ucyIgaG9yaXotYWR2LXg9IjEwMjQiPgo8Zm9udC1mYWNlIHVuaXRzLXBlci1lbT0iMTAyNCIgYXNjZW50PSI5NjAiIGRlc2NlbnQ9Ii02NCIgLz4KPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjEwMjQiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMDsiIGhvcml6LWFkdi14PSI1MTIiIGQ9IiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDA7IiBnbHlwaC1uYW1lPSJuYXYtbGVmdC1sYXJnZSIgaG9yaXotYWR2LXg9IjIwNDgiIGQ9Ik0yMDQ3Ljk4NCA0NzkuOTY4aC0xOTI1LjQ4OGwxMjYuMzg0IDEyNi4zODQtNDUuMjQ4IDQ1LjI2NC0yMDMuNjQ4LTIwMy42NDggMjAzLjY0OC0yMDMuNjMyIDQ1LjI0OCA0NS4yNDgtMTI2LjM4NCAxMjYuMzg0aDE5MjUuNDg4eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDE7IiBnbHlwaC1uYW1lPSJuYXYtbGVmdCIgZD0iTTM4Ni44NDggMjc2LjYyNGwtMTM3LjcyOCAxMzguNGg2NDcuODI0djY0LjAxNmgtNjQ3LjgwOGwxMzcuNzEyIDEzOC40LTQ1LjM3NiA0NS4xNTItMjE0LjQ2NC0yMTUuNTY4IDIxNC40NjQtMjE1LjUyeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDI7IiBnbHlwaC1uYW1lPSJuYXYtcmlnaHQtbGFyZ2UiIGhvcml6LWFkdi14PSIyMDQ4IiBkPSJNMCA0MTZoMTkyNS40ODhsLTEyNi40LTEyNi4zODQgNDUuMjQ4LTQ1LjI2NCAyMDMuNjY0IDIwMy42NDgtMjAzLjY2NCAyMDMuNjQ4LTQ1LjI0OC00NS4yNjQgMTI2LjQtMTI2LjM4NGgtMTkyNS40ODh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMzsiIGdseXBoLW5hbWU9Im5hdi1yaWdodCIgZD0iTTYzNy4xMDQgNjE3LjQ1NmwxMzcuNzI4LTEzOC40aC02NDcuODI0di02NC4wMTZoNjQ3LjgwOGwtMTM3LjcxMi0xMzguNCA0NS4zNzYtNDUuMTM2IDIxNC40NjQgMjE1LjU1Mi0yMTQuNDY0IDIxNS41MzZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNDsiIGdseXBoLW5hbWU9InBsdXMiIGQ9Ik04OTYgNDgwaC0zNTJ2MzUyaC02NHYtMzUyaC0zNTJ2LTY0aDM1MnYtMzUyaDY0djM1MmgzNTJ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNTsiIGdseXBoLW5hbWU9InNlYXJjaCIgZD0iTTkxOC42MjQgODYuNjI0bC0xOTUuNjE2IDE5NS42MTZjNDguMDY0IDU4LjExMiA3Ni45OTIgMTMyLjYyNCA3Ni45OTIgMjEzLjc2IDAgMTg1LjI4LTE1MC43MzYgMzM2LTMzNiAzMzYtMTg1LjI4IDAtMzM2LTE1MC43Mi0zMzYtMzM2IDAtMTg1LjI2NCAxNTAuNzItMzM2IDMzNi0zMzYgODEuMTM2IDAgMTU1LjY0OCAyOC45MjggMjEzLjc2IDc2Ljk5MmwxOTUuNjE2LTE5NS42MTYgNDUuMjQ4IDQ1LjI0OHpNMTkyIDQ5NmMwIDE0OS45ODQgMTIyLjAxNiAyNzIgMjcyIDI3MnMyNzItMTIyLjAxNiAyNzItMjcyLTEyMi4wMTYtMjcyLTI3Mi0yNzItMjcyIDEyMi4wMTYtMjcyIDI3MnoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTA2OyIgZ2x5cGgtbmFtZT0ibWVudSIgZD0iTTEyOCA0ODBoNzY4di02NGgtNzY4djY0ek0xMjggNzM2aDc2OHYtNjRoLTc2OHY2NHpNMTI4IDIyNGg3Njh2LTY0aC03Njh2NjR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNzsiIGdseXBoLW5hbWU9Imdsb2JlIiBkPSJNNTEyIDgzMmMtMjExLjc0NCAwLTM4NC0xNzIuMjU2LTM4NC0zODQgMC0yMTEuNzI4IDE3Mi4yNTYtMzg0IDM4NC0zODQgMjExLjcyOCAwIDM4NCAxNzIuMjcyIDM4NCAzODQgMCAyMTEuNzQ0LTE3Mi4yNzIgMzg0LTM4NCAzODR6TTgzMC4zNjggNDgwaC0xNjUuMDQwYy0zLjIzMiAxMDQuMTkyLTIyLjE5MiAyMDUuNzQ0LTU2LjExMiAyNzIuOCAxMTkuMjY0LTM4LjEyOCAyMDguMzUyLTE0NC4zNjggMjIxLjE1Mi0yNzIuOHpNNjAxLjI2NCA0ODBoLTE3OC41NDRjNS43MjggMTg2LjU3NiA2MC40IDI4OCA4OS4yOCAyODhzODMuNTUyLTEwMS40MjQgODkuMjY0LTI4OHpNNDE0Ljc4NCA3NTIuOGMtMzMuOTItNjcuMDU2LTUyLjg5Ni0xNjguNjA4LTU2LjExMi0yNzIuOGgtMTY1LjA0MGMxMi44IDEyOC40MzIgMTAxLjg4OCAyMzQuNjcyIDIyMS4xNTIgMjcyLjh6TTE5My42MzIgNDE2aDE2NS4wNTZjMy4yMTYtMTA0LjE5MiAyMi4xOTItMjA1Ljc0NCA1Ni4xMTItMjcyLjgtMTE5LjI4IDM4LjEyOC0yMDguMzY4IDE0NC4zNjgtMjIxLjE2OCAyNzIuOHpNNDIyLjcyIDQxNmgxNzguNTQ0Yy01LjcxMi0xODYuNTYtNjAuMzg0LTI4OC04OS4yNjQtMjg4cy04My41NTIgMTAxLjQ0LTg5LjI4IDI4OHpNNjA5LjIxNiAxNDMuMmMzMy45MiA2Ny4wNDAgNTIuODggMTY4LjYwOCA1Ni4xMTIgMjcyLjhoMTY1LjA0MGMtMTIuOC0xMjguNDMyLTEwMS44ODgtMjM0LjY3Mi0yMjEuMTUyLTI3Mi44eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDg7IiBnbHlwaC1uYW1lPSJzaG9wIiBkPSJNODYzLjk4NCA0OTcuNDRjLTAuNzY4IDQzLjQ1Ni0zNi4zMzYgNzguNTYtNzkuOTg0IDc4LjU2aC04MHY5NmMwIDg4LjIyNC04Ni4xNDQgMTYwLTE5Mi4wMTYgMTYwLTEwNS44NTYgMC0xOTEuOTg0LTcxLjc3Ni0xOTEuOTg0LTE2MHYtOTZoLTgwYy00My42MzIgMC03OS4yMTYtMzUuMTA0LTc5Ljk4NC03OC41NmwtMzQuNjg4LTQzMy40NGg3NzMuMzI4bC0zNC42NzIgNDMzLjQ0ek0zODQgNjcyYzAgNTIuOTQ0IDU3LjQwOCA5NiAxMjcuOTg0IDk2IDcwLjU5MiAwIDEyOC4wMTYtNDMuMDU2IDEyOC4wMTYtOTZ2LTk2aC0yNTZ2OTZ6TTE5NC42NzIgMTI4bDI5LjIzMiAzNjUuNDQgMC4wOTYgMi41NmMwIDguNjcyIDcuMzI4IDE2IDE2IDE2aDgwdi02NGg2NHY2NGgyNTZ2LTY0aDY0djY0aDgwYzguNjcyIDAgMTYtNy4zMjggMTYtMTZsMjkuMzQ0LTM2OGgtNjM0LjY3MnoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTA5OyIgZ2x5cGgtbmFtZT0idmlkZW8iIGQ9Ik0yODggNjUuODA4djc2NC4zNjhsNTM1LjA1Ni0zODIuMTc2LTUzNS4wNTYtMzgyLjE5MnpNMzUyIDcwNS44MjR2LTUxNS42MzJsMzYwLjk0NCAyNTcuODA4LTM2MC45NDQgMjU3LjgyNHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTBhOyIgZ2x5cGgtbmFtZT0iZW52ZWxvcGUiIGQ9Ik0xMjggNzM2di01NzZoNzY4djU3NmgtNzY4ek03NjUuNTg0IDY3MmwtMjUzLjU4NC0xODQuNDMyLTI1My42IDE4NC40MzJoNTA3LjE4NHpNMTkyIDIyNHY0MTcuMTUybDMyMC0yMzIuNzIgMzIwIDIzMi43MnYtNDE3LjE1MmgtNjQweiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGI7IiBnbHlwaC1uYW1lPSJuYXYtdXAiIGQ9Ik0zNDEuNTg0IDU3Mi4xNzZsMTM4LjQxNiAxMzcuNzEydi02NDcuODA4aDY0djY0Ny43OTJsMTM4LjQtMTM3LjY5NiA0NS4xNTIgNDUuMzc2LTIxNS41NTIgMjE0LjQ0OC0yMTUuNTUyLTIxNC40NDh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYzsiIGdseXBoLW5hbWU9Im5hdi1kb3duIiBkPSJNNjgyLjQxNiAzMjEuOTA0bC0xMzguNDE2LTEzNy43MTJ2NjQ3LjgwOGgtNjR2LTY0Ny43OTJsLTEzOC40IDEzNy42OTYtNDUuMTUyLTQ1LjM3NiAyMTUuNTUyLTIxNC40NDggMjE1LjU1MiAyMTQuNDQ4eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGQ7IiBnbHlwaC1uYW1lPSJzb2NpYWxzIiBkPSJNNzM2IDYwOGMtNTEuMDA4IDAtOTYuMzg0LTI0LjA2NC0xMjUuNzEyLTYxLjM2bC0xNjcuOTA0IDgzLjk1MmMzLjU1MiAxMy4yMzIgNS42MTYgMjcuMDcyIDUuNjE2IDQxLjQwOCAwIDg4LjIyNC03MS43NzYgMTYwLTE2MCAxNjBzLTE2MC03MS43NzYtMTYwLTE2MCA3MS43NzYtMTYwIDE2MC0xNjBjNTEuMDA4IDAgOTYuNCAyNC4wNjQgMTI1LjcxMiA2MS4zNmwxNjcuOTA0LTgzLjk1MmMtMy41MzYtMTMuMjMyLTUuNjE2LTI3LjA3Mi01LjYxNi00MS40MDhzMi4wODAtMjguMTc2IDUuNjMyLTQxLjQwOGwtMTY3LjkwNC04My45NTJjLTI5LjMyOCAzNy4yOC03NC43MiA2MS4zNi0xMjUuNzI4IDYxLjM2LTg4LjIyNCAwLTE2MC03MS43NzYtMTYwLTE2MHM3MS43NzYtMTYwIDE2MC0xNjAgMTYwIDcxLjc3NiAxNjAgMTYwYzAgMTQuMzM2LTIuMDY0IDI4LjE3Ni01LjYzMiA0MS40MDhsMTY3LjkwNCA4My45NTJjMjkuMzQ0LTM3LjI4IDc0LjcyLTYxLjM2IDEyNS43MjgtNjEuMzYgODguMjI0IDAgMTYwIDcxLjc3NiAxNjAgMTYwcy03MS43NzYgMTYwLTE2MCAxNjB6TTI4OCA1NzZjLTUyLjk0NCAwLTk2IDQzLjA1Ni05NiA5NnM0My4wNTYgOTYgOTYgOTYgOTYtNDMuMDU2IDk2LTk2LTQzLjA1Ni05Ni05Ni05NnpNMjg4IDEyOGMtNTIuOTQ0IDAtOTYgNDMuMDU2LTk2IDk2czQzLjA1NiA5NiA5NiA5NiA5Ni00My4wNTYgOTYtOTYtNDMuMDU2LTk2LTk2LTk2ek03MzYgMzUyYy01Mi45NDQgMC05NiA0My4wNTYtOTYgOTZzNDMuMDU2IDk2IDk2IDk2IDk2LTQzLjA1NiA5Ni05Ni00My4wNTYtOTYtOTYtOTZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwZTsiIGdseXBoLW5hbWU9InRoLWxhcmdlIiBkPSJNNDgwIDQ4MGgtMzUydjM1MmgzNTJ2LTM1MnpNMTkyIDU0NGgyMjR2MjI0aC0yMjR2LTIyNHpNODk2IDQ4MGgtMzUydjM1MmgzNTJ2LTM1MnpNNjA4IDU0NGgyMjR2MjI0aC0yMjR2LTIyNHpNNDgwIDY0aC0zNTJ2MzUyaDM1MnYtMzUyek0xOTIgMTI4aDIyNHYyMjRoLTIyNHYtMjI0ek04OTYgNjRoLTM1MnYzNTJoMzUydi0zNTJ6TTYwOCAxMjhoMjI0djIyNGgtMjI0di0yMjR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwZjsiIGdseXBoLW5hbWU9InVzZXIiIGQ9Ik04NjQgNjRoLTcwNHYxNTZjMCA2MC43MDQgNDMuMzc2IDExNC42MDggMTI4Ljk0NCAxNjAuMjQgMzEuMTM2IDE2LjYwOCA3NC4wODAgMjYuNjcyIDEwMC4wNjQgMzEuNjQ4bDcuMDg4IDM0LjkxMmMtNDkuMjggMzQuNTEyLTc2LjA5NiA5Ni4zNjgtNzYuMDk2IDE3Ny4yIDAgMTE0LjY3MiA4Ni4xMjggMjA4IDE5MiAyMDhzMTkyLTkzLjMyOCAxOTItMjA4YzAtODAuODMyLTI2LjgxNi0xNDIuNzA0LTc2LjExMi0xNzcuMjE2bDcuMDg4LTM0LjkxMmMyNS45ODQtNC45NzYgNjguOTI4LTE1LjAyNCAxMDAuMDY0LTMxLjY0OCA4NS41NjgtNDUuNjE2IDEyOC45Ni05OS41MiAxMjguOTYtMTYwLjIyNHYtMTU2ek0yMjQgMTI4aDU3NnY5MmMwIDM1LjIxNi0zMS45ODQgNzAuMTI4LTk1LjA1NiAxMDMuNzYtMzAuMjQgMTYuMTI4LTgzLjM3NiAyNi4wNjQtMTAxLjI5NiAyOC41MjhsLTIyLjQ2NCAzLjA4OC0yNS40ODggMTI1LjM5MiAyMi40MzIgMTAuOGM1MS4xMzYgMjQuNjA4IDYxLjg3MiA4NS42IDYxLjg3MiAxMzIuNDMyIDAgNzkuMzkyLTU3LjQyNCAxNDQtMTI4IDE0NHMtMTI4LTY0LjYwOC0xMjgtMTQ0YzAtNDYuODMyIDEwLjczNi0xMDcuODI0IDYxLjg3Mi0xMzIuNDE2bDIyLjQ0OC0xMC44LTI1LjQ3Mi0xMjUuMzkyLTIyLjQ5Ni0zLjA4OGMtMTcuOTItMi40NjQtNzEuMDU2LTEyLjQtMTAxLjI5Ni0yOC41MjgtNjMuMDcyLTMzLjY0OC05NS4wNTYtNjguNTYtOTUuMDU2LTEwMy43NzZ2LTkyeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MTA7IiBnbHlwaC1uYW1lPSJkYXRlIiBkPSJNNTEyIDgzMmMtMjExLjc0NCAwLTM4NC0xNzIuMjU2LTM4NC0zODQgMC0yMTEuNzI4IDE3Mi4yNTYtMzg0IDM4NC0zODQgMjExLjcyOCAwIDM4NCAxNzIuMjcyIDM4NCAzODQgMCAyMTEuNzQ0LTE3Mi4yNzIgMzg0LTM4NCAzODR6TTUxMiAxMjhjLTE3Ni40NDggMC0zMjAgMTQzLjU1Mi0zMjAgMzIwczE0My41NTIgMzIwIDMyMCAzMjBjMTc2LjQ0OCAwIDMyMC0xNDMuNTUyIDMyMC0zMjBzLTE0My41NTItMzIwLTMyMC0zMjB6TTU0NCA2NDBoLTY0di0yMDUuMjY0bDEzNy4zNzYtMTM3LjM2IDQ1LjI0OCA0NS4yNDgtMTE4LjYyNCAxMTguNjR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkxMTsiIGdseXBoLW5hbWU9InNhZmVidXR0b24iIGQ9Ik0xMjggNDgwaDc2OHYtNjRoLTc2OHY2NHpNMTI4IDczNmg1MTJ2LTY0aC01MTJ2NjR6TTcwNCA3MzZoMTkydi02NGgtMTkydjY0ek0xMjggMjI0aDE5MnYtNjRoLTE5MnY2NHpNMzg0IDIyNGg1MTJ2LTY0aC01MTJ2NjR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkxMjsiIGdseXBoLW5hbWU9ImNsb3NlIiBkPSJNODk2IDc4Ni43ODRsLTQ1LjI4IDQ1LjIxNi0zMzguNzItMzM4Ljc1Mi0zMzguNzIgMzM4Ljc1Mi00NS4yOC00NS4yMTYgMzM4Ljc1Mi0zMzguNzg0LTMzOC43NTItMzM4Ljc4NCA0NS4yOC00NS4yMTYgMzM4LjcyIDMzOC43NTIgMzM4LjcyLTMzOC43NTIgNDUuMjggNDUuMjE2LTMzOC43NTIgMzM4Ljc4NHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTEzOyIgZ2x5cGgtbmFtZT0iaGVhcnQtbyIgZD0iTTUxMiA4OGMtMTUuNDcyIDAtMzAuMzY4IDYuNTkyLTQwLjg5NiAxOC4wOTZsLTI0NC41MjggMjU2LjQ4Yy0xMS40ODggMTEuNDQtOTguNTc2IDEwMi4xMTItOTguNTc2IDIxMy41NjggMCAxNDMuMDA4IDg0LjIyNCAyMzEuODU2IDIxOS43NzYgMjMxLjg1NiA2NS4zMjggMCAxMjUuMDQwLTQyLjU2IDE2NC4yMDgtNzkuMDA4IDM5LjE4NCAzNi40NDggOTguOTEyIDc5LjAwOCAxNjQuMjQgNzkuMDA4IDEzNS41NTIgMCAyMTkuNzc2LTg4Ljg0OCAyMTkuNzc2LTIzMS44NTYgMC0xMDMuMzYtNzUuMTItMTg5LjYtOTguMTQ0LTIxMy41NTJsLTI0NS40NC0yNTYuOTkyYy0xMC4wNjQtMTEuMDA4LTI0Ljk2LTE3LjYtNDAuNDE2LTE3LjZ6TTM0Ny43NzYgNzQ0Yy05OC45OTIgMC0xNTUuNzc2LTYxLjE4NC0xNTUuNzc2LTE2Ny44NTYgMC04OC44OTYgNzguNzg0LTE2Ny4zMTIgNzkuNTg0LTE2OC4wODBsMS4xNjgtMS4xNjggMjM5LjI0OC0yNTAuOTc2IDIzOC44NDggMjUwLjExMmMxNC4yNTYgMTQuODQ4IDgxLjE1MiA4OC42MDggODEuMTUyIDE3MC4xMTIgMCAxMDYuNjcyLTU2Ljc4NCAxNjcuODU2LTE1NS43NzYgMTY3Ljg1Ni01OC4wOTYgMC0xMTcuODI0LTU3LjM3Ni0xNDAuODE2LTgyLjA0OGwtMjMuNDA4LTI1LjEzNi0yMy40MDggMjUuMTM2Yy0yMi45OTIgMjQuNjcyLTgyLjcyIDgyLjA0OC0xNDAuODE2IDgyLjA0OHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTE0OyIgZ2x5cGgtbmFtZT0iaGVhcnQiIGQ9Ik01MTIgODcuODU2Yy0xNS40NzIgMC0zMC4zNjggNi41OTItNDAuODk2IDE4LjA5NmwtMjQ0LjUyOCAyNTYuNDhjLTExLjQ4OCAxMS40NC05OC41NzYgMTAyLjExMi05OC41NzYgMjEzLjU2OCAwIDE0My4wMDggODQuMjI0IDIzMS44NTYgMjE5Ljc3NiAyMzEuODU2IDY1LjMyOCAwIDEyNS4wNDAtNDIuNTYgMTY0LjIwOC03OS4wMDggMzkuMTg0IDM2LjQ2NCA5OC44OTYgNzkuMDA4IDE2NC4yMjQgNzkuMDA4IDEzNS41NjggMCAyMTkuNzkyLTg4Ljg0OCAyMTkuNzkyLTIzMS44NTYgMC0xMDMuMzYtNzUuMTItMTg5LjYtOTguMTQ0LTIxMy41NTJsLTI0NS40NC0yNTYuOTkyYy0xMC4wNjQtMTEuMDA4LTI0Ljk2LTE3LjYtNDAuNDE2LTE3LjZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkxNTsiIGdseXBoLW5hbWU9ImNvbW1lbnQiIGQ9Ik00MTguNTkyIDIwMS41MzZjLTE2OS40NTYgMzUuMjE2LTI5MC41OTIgMTYzLjQwOC0yOTAuNTkyIDMxMC40NjQgMCAxNzYuNDQ4IDE3Mi4yNTYgMzIwIDM4NCAzMjAgMjExLjcyOCAwIDM4NC0xNDMuNTUyIDM4NC0zMjAgMC0xNDcuMzI4LTEyMy4yNDgtMjc2LjAxNi0yOTEuOTY4LTMxMC43MzYgMC03My4yNjQgMTAyLjcyLTEzNy4yNjQgOTkuOTY4LTEzNy4yNjQtMTI1LjI0OC0wLjE5Mi0yNDMuMjggNDMuODI0LTI4NS40MDggMTM3LjUzNnpNNTEyIDc2OGMtMTc2LjQ0OCAwLTMyMC0xMTQuODQ4LTMyMC0yNTYgMC0xMjAuNzg0IDEwNy4yNjQtMjI2LjIwOCAyNTUuMDI0LTI1MC42ODhsMTguODMyLTMuMTA0IDYuMjA4LTE4LjA2NGMxNC41MjgtNDIuMzIgNDguMjg4LTczLjUzNiA4My4wNzItOTIuMTQ0LTguNjI0IDIwLjQ0OC0xNi40OCA0NS4wNTYtMjEuNDcyIDczLjgwOGwtNS43NDQgMzMuMDg4IDMzLjMyOCA0LjEyOGMxNTQuMzY4IDE5LjE2OCAyNzAuNzUyIDEyNy45MiAyNzAuNzUyIDI1Mi45NzYgMCAxNDEuMTUyLTE0My41NTIgMjU2LTMyMCAyNTZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkxNjsiIGdseXBoLW5hbWU9InF1b3RlIiBkPSJNMzM2LjM2OCA0MDkuNjMyYy0yNS4yNDggMC00OC45Ni02LjcyLTY5LjU2OC0xOC41NzYtMTQuMTEyIDEwLjE0NC0yMS4xNTIgMzQuOTkyLTIxLjE1MiA3NC41MTIgMCAxMDMuMzI4IDY3LjEzNiAxOTEuODA4IDIwMS40NzIgMjY1LjYxNnY1Mi44MTZjLTkxLjYzMi0zMS4wNDAtMTY2LjE5Mi04MC41MjgtMjIzLjY0OC0xNDguMzUyLTYzLjY4LTc1LjIzMi05NS40NzItMTYxLjA0MC05NS40NzItMjU3LjUzNiAwLTY3LjA0MCAxNS4yNDgtMTI2Ljg5NiA1MC43ODQtMTgwLjA5NiAzMi42NTYtNDguOTQ0IDg4LjU5Mi04Ni4wMTYgMTU3LjU4NC04Ni4wMTYgNzkuMzEyIDAgMTQzLjYzMiA2Ni42MDggMTQzLjYzMiAxNDguODE2cy02NC4zMiAxNDguODE2LTE0My42MzIgMTQ4LjgxNnpNNzUyLjM1MiA0MDkuNjMyYy0yNS4yMTYgMC00OC45NzYtNi43Mi02OS41NjgtMTguNTc2LTE0LjEyOCAxMC4xNDQtMjEuMTUyIDM0Ljk5Mi0yMS4xNTIgNzQuNTEyIDAgMTAzLjMyOCA2Ny4xMzYgMTkxLjgwOCAyMDEuNTIgMjY1LjYxNnY1Mi44MTZjLTkxLjY2NC0zMS4wNDAtMTY2LjIwOC04MC41MjgtMjIzLjY4LTE0OC4zNTItNjMuNjgtNzUuMjMyLTk1LjQ3Mi0xNjEuMDQwLTk1LjQ3Mi0yNTcuNTM2IDAtNjcuMDQwIDE1LjI0OC0xMjYuODk2IDUwLjgtMTgwLjA5NiAzMi42NTYtNDguOTQ0IDg4LjU5Mi04Ni4wMTYgMTU3LjU1Mi04Ni4wMTYgNzkuMzEyIDAgMTQzLjY0OCA2Ni42MDggMTQzLjY0OCAxNDguODE2cy02NC4zMzYgMTQ4LjgxNi0xNDMuNjQ4IDE0OC44MTZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkxNzsiIGdseXBoLW5hbWU9ImxpbmsiIGQ9Ik02NTYgNjRjLTEzMi4zMzYgMC0yNDAgMTA3LjY2NC0yNDAgMjQwIDAgODQuMTc2IDM4LjMwNCAxMjcuMjQ4IDcyLjA4MCAxNjUuMjY0IDMxLjI0OCAzNS4xMzYgNTUuOTIgNjIuODk2IDU1LjkyIDEyMi43MzYgMCA5Ny4wNDAtNzguOTYgMTc2LTE3NiAxNzZzLTE3Ni03OC45Ni0xNzYtMTc2IDc4Ljk2LTE3NiAxNzYtMTc2di02NGMtMTMyLjMzNiAwLTI0MCAxMDcuNjY0LTI0MCAyNDBzMTA3LjY2NCAyNDAgMjQwIDI0MCAyNDAtMTA3LjY2NCAyNDAtMjQwYzAtODQuMTYtMzguMzA0LTEyNy4yNDgtNzIuMDgwLTE2NS4yNjQtMzEuMjQ4LTM1LjEzNi01NS45Mi02Mi45MTItNTUuOTItMTIyLjczNiAwLTk3LjA0MCA3OC45Ni0xNzYgMTc2LTE3NnMxNzYgNzguOTYgMTc2IDE3Ni03OC45NiAxNzYtMTc2IDE3NnY2NGMxMzIuMzM2IDAgMjQwLTEwNy42NjQgMjQwLTI0MHMtMTA3LjY2NC0yNDAtMjQwLTI0MHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTE4OyIgZ2x5cGgtbmFtZT0icGVuY2lsIiBkPSJNMzQ1Ljg4OCA4MzJsLTIxNy44ODgtMjE3LjkwNCA1NTAuMDQ4LTU1MC4wOTZoMjE3Ljk1MnYyMTcuODI0bC01NTAuMTEyIDU1MC4xNzZ6TTM0NS44ODggNzQxLjY0OGw0MC0zOS45ODQtMTI3LjUzNi0xMjcuNTUyLTQwIDQwIDEyNy41MzYgMTI3LjUzNnpNODMyLjA0OCAxMjcuODA4aC0xMjcuNDU2bC00MDEuMDcyIDQwMS4xMiAxMjcuNTM2IDEyNy41NTIgNDAwLjk5Mi00MDEuMDU2di0xMjcuNjE2eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MTk7IiBnbHlwaC1uYW1lPSJuYXYtZG93bi1zbWFsbCIgZD0iTTc4OS45MDQgNjI2LjUyOGgtNzguNjU2bC0xOTkuMjQ4LTI3OC45NDQtMTk5LjIzMiAyNzguOTQ0aC03OC42NzJsMjc3LjkwNC0zODkuMDcyeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MWE7IiBnbHlwaC1uYW1lPSJuYXYtbGVmdC1zbWFsbCIgZD0iTTY5MC41MTIgMTcwLjA5NnY3OC42NGwtMjc4LjkyOCAxOTkuMjQ4IDI3OC45MjggMTk5LjIzMnY3OC42NzJsLTM4OS4wNTYtMjc3LjkwNHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTFiOyIgZ2x5cGgtbmFtZT0ibmF2LXJpZ2h0LXNtYWxsIiBkPSJNMzMzLjQ3MiA3MjUuODg4di03OC42NGwyNzguOTQ0LTE5OS4yNDgtMjc4Ljk0NC0xOTkuMjMydi03OC42NzJsMzg5LjA3MiAyNzcuOTA0eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MWM7IiBnbHlwaC1uYW1lPSJuYXYtdXAtc21hbGwiIGQ9Ik0yMzQuMDk2IDI2OS40ODhoNzguNjU2bDE5OS4yNDggMjc4LjkyOCAxOTkuMjMyLTI3OC45MjhoNzguNjcybC0yNzcuOTA0IDM4OS4wNTZ6IiAvPgo8L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==#fildisi-icons") format("svg"); font-weight: normal; font-style: normal; } [class^="eut-icon-"], [class*=" eut-icon-"] { font-family: "fildisi-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; /* Better Font Rendering =========== */ text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eut-icon-nav-left-small:before { content: ""; } .eut-icon-nav-right-small:before { content: ""; } .eut-icon-nav-down-small:before { content: ""; } .eut-icon-nav-up-small:before { content: ""; } .eut-icon-nav-left:before { content: ""; } .eut-icon-nav-right:before { content: ""; } .eut-icon-nav-up:before { content: ""; } .eut-icon-nav-down:before { content: ""; } .eut-icon-nav-left-large:before { content: ""; } .eut-icon-nav-right-large:before { content: ""; } .eut-icon-search:before { content: ""; } .eut-icon-socials:before { content: ""; } .eut-icon-envelope:before { content: ""; } .eut-icon-globe:before { content: ""; } .eut-icon-shop:before { content: ""; } .eut-icon-user:before { content: ""; } .eut-icon-date:before { content: ""; } .eut-icon-safebutton:before { content: ""; } .eut-icon-menu:before { content: ""; } .eut-icon-plus:before { content: ""; } .eut-icon-close:before { content: ""; } .eut-icon-video:before { content: ""; } .eut-icon-heart-o:before { content: ""; } .eut-icon-heart:before { content: ""; } .eut-icon-comment:before { content: ""; } .eut-icon-quote:before { content: ""; } .eut-icon-link:before { content: ""; } .eut-icon-pencil:before { content: ""; } .eut-icon-th-large:before { content: ""; } /* ============================================================================= - Video Icon ============================================================================= */ .eut-video-icon { width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 30px; display: block; z-index: 3; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition : color 0.3s; -moz-transition : color 0.3s; -ms-transition : color 0.3s; -o-transition : color 0.3s; transition : color 0.3s; } /* ============================================================================= - Magnific Popup ============================================================================= */ .mfp-container { opacity: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; overflow: hidden; position: fixed; background: #000000; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {} .mfp-close:before { content: ""; font-family: "fildisi-icons"; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { cursor: pointer !important; } .mfp-close:hover, .mfp-close:focus {} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {} .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: fixed; margin: 0; right: 0; padding: 0; width: 60px; height: 60px; } button.mfp-arrow { width: 60px; height: 60px; font-size: 24px; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } button.mfp-arrow:before { font-family: "fildisi-icons" !important; } .mfp-arrow-left { top: 61px; } .mfp-arrow-right { top: 122px; } .mfp-arrow-left:before { content: ""; } .mfp-arrow-right:before { content: ""; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1280px; } @media only screen and (max-width: 1400px) { .mfp-iframe-holder .mfp-content { max-width: 1024px; } } @media only screen and (max-width: 1200px) { .mfp-iframe-holder .mfp-content { max-width: 900px; } } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0 70px; margin: 0 auto; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -55px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .eut-framed .mfp-bottom-bar { margin-top: -70px; } .mfp-title { text-align: left; line-height: 24px; color: #ffffff; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { top: 0; } .mfp-arrow-left { right: 122px } .mfp-arrow-right { right: 61px } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* ============================================================================= - Animations ============================================================================= */ .eut-animated-item { opacity: 0; } html.ie9 .eut-animated-item { opacity: 1; } .eut-animated { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.8s; -moz-animation-duration:0.8s; -ms-animation-duration:0.8s; -o-animation-duration:0.8s; animation-duration:0.8s; opacity: 1; } .eut-animated.eut-duration-very-fast { -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:0.4s; animation-duration:0.4s; } .eut-animated.eut-duration-fast { -webkit-animation-duration:0.6s; -moz-animation-duration:0.6s; -ms-animation-duration:0.6s; -o-animation-duration:0.6s; animation-duration:0.6s; } .eut-animated.eut-duration-slow { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .eut-animated.eut-duration-very-slow { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; } /* Fade In */ @-webkit-keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes eut_fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } .eut-fade-in.eut-animated { -webkit-animation-name: eut_fade_in; -moz-animation-name: eut_fade_in; -o-animation-name: eut_fade_in; animation-name: eut_fade_in; } /* Fade In Up */ @-webkit-keyframes eut_fade_in_up { 0% { opacity: 0; -webkit-transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes eut_fade_in_up { 0% { opacity: 0; -moz-transform: translateY(100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes eut_fade_in_up { 0% { opacity: 0; -o-transform: translateY(100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes eut_fade_in_up { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } } .eut-fade-in-up.eut-animated { -webkit-animation-name: eut_fade_in_up; -moz-animation-name: eut_fade_in_up; -o-animation-name: eut_fade_in_up; animation-name: eut_fade_in_up; } /* Fade In Up Big */ @-webkit-keyframes eut_fade_in_up_big { 0% { opacity: 0; -webkit-transform: translateY(500px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes eut_fade_in_up_big { 0% { opacity: 0; -moz-transform: translateY(500px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes eut_fade_in_up_big { 0% { opacity: 0; -o-transform: translateY(500px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes eut_fade_in_up_big { 0% { opacity: 0; transform: translateY(500px); } 100% { opacity: 1; transform: translateY(0); } } .eut-fade-in-up-big.eut-animated { -webkit-animation-name: eut_fade_in_up_big; -moz-animation-name: eut_fade_in_up_big; -o-animation-name: eut_fade_in_up_big; animation-name: eut_fade_in_up_big; } /* Fade In Down */ @-webkit-keyframes eut_fade_in_down { 0% { opacity: 0; -webkit-transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes eut_fade_in_down { 0% { opacity: 0; -moz-transform: translateY(-100px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes eut_fade_in_down { 0% { opacity: 0; -o-transform: translateY(-100px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes eut_fade_in_down { 0% { opacity: 0; transform: translateY(-100px); } 100% { opacity: 1; transform: translateY(0); } } .eut-fade-in-down.eut-animated { -webkit-animation-name: eut_fade_in_down; -moz-animation-name: eut_fade_in_down; -o-animation-name: eut_fade_in_down; animation-name: eut_fade_in_down; } /* Fade In Down Big */ @-webkit-keyframes eut_fade_in_down_big { 0% { opacity: 0; -webkit-transform: translateY(-500px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes eut_fade_in_down_big { 0% { opacity: 0; -moz-transform: translateY(-500px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes eut_fade_in_down_big { 0% { opacity: 0; -o-transform: translateY(-500px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes eut_fade_in_down_big { 0% { opacity: 0; transform: translateY(-500px); } 100% { opacity: 1; transform: translateY(0); } } .eut-fade-in-down-big.eut-animated { -webkit-animation-name: eut_fade_in_down_big; -moz-animation-name: eut_fade_in_down_big; -o-animation-name: eut_fade_in_down_big; animation-name: eut_fade_in_down_big; } /* Fade In Left */ @-webkit-keyframes eut_fade_in_left { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes eut_fade_in_left { 0% { opacity: 0; -moz-transform: translateX(-100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes eut_fade_in_left { 0% { opacity: 0; -o-transform: translateX(-100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes eut_fade_in_left { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } .eut-fade-in-left.eut-animated { -webkit-animation-name: eut_fade_in_left; -moz-animation-name: eut_fade_in_left; -o-animation-name: eut_fade_in_left; animation-name: eut_fade_in_left; } /* Fade In Left Big */ @-webkit-keyframes eut_fade_in_left_big { 0% { opacity: 0; -webkit-transform: translateX(-500px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes eut_fade_in_left_big { 0% { opacity: 0; -moz-transform: translateX(-500px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes eut_fade_in_left_big { 0% { opacity: 0; -o-transform: translateX(-500px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes eut_fade_in_left_big { 0% { opacity: 0; transform: translateX(-500px); } 100% { opacity: 1; transform: translateX(0); } } .eut-fade-in-left-big.eut-animated { -webkit-animation-name: eut_fade_in_left_big; -moz-animation-name: eut_fade_in_left_big; -o-animation-name: eut_fade_in_left_big; animation-name: eut_fade_in_left_big; } /* Fade In Right */ @-webkit-keyframes eut_fade_in_right { 0% { opacity: 0; -webkit-transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes eut_fade_in_right { 0% { opacity: 0; -moz-transform: translateX(100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes eut_fade_in_right { 0% { opacity: 0; -o-transform: translateX(100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes eut_fade_in_right { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } .eut-fade-in-right.eut-animated { -webkit-animation-name: eut_fade_in_right; -moz-animation-name: eut_fade_in_right; -o-animation-name: eut_fade_in_right; animation-name: eut_fade_in_right; } /* Fade In Right Big */ @-webkit-keyframes eut_fade_in_right_big { 0% { opacity: 0; -webkit-transform: translateX(500px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes eut_fade_in_right_big { 0% { opacity: 0; -moz-transform: translateX(500px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes eut_fade_in_right_big { 0% { opacity: 0; -o-transform: translateX(500px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes eut_fade_in_right_big { 0% { opacity: 0; transform: translateX(500px); } 100% { opacity: 1; transform: translateX(0); } } .eut-fade-in-right-big.eut-animated { -webkit-animation-name: eut_fade_in_right_big; -moz-animation-name: eut_fade_in_right_big; -o-animation-name: eut_fade_in_right_big; animation-name: eut_fade_in_right_big; } /* Zoom In */ @-webkit-keyframes eut_zoom_in { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } @keyframes eut_zoom_in { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } .eut-zoom-in.eut-animated { -webkit-animation-name: eut_zoom_in; animation-name: eut_zoom_in; } /* ============================================================================= - Full Page ============================================================================= */ #eut-fullpage { /*margin-top: -80px;*/ } #eut-fullpage .eut-section { height: 100vh; } #eut-fullpage .eut-section { margin-bottom: 0; } #eut-fullpage .eut-section > div { visibility: hidden; } html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller{ overflow: hidden; } .iScrollIndicator{ border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #000000; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav.eut-dark ul li a span { background-color: #000000; } #fp-nav.eut-light ul li a span { background-color: #ffffff; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } #fp-nav .fp-tooltip { background-color: rgba(0,0,0,0.8); color: #ffffff; font-size: 11px; line-height: 1.2em; padding: 5px 8px; -webkit-border-radius: 3px; border-radius: 3px; } /* ============================================================================= - Pilling Page ============================================================================= */ #eut-pilling-page { position: relative; height: 100vh; } #eut-pilling-page .eut-section { height: 100vh; position: absolute; } #eut-pilling-page .eut-section { margin-bottom: 0; } #eut-pilling-page .eut-section { visibility: hidden; } html.fp-enabled #eut-pilling-page .eut-section { visibility: visible; } /* Disable on device */ #eut-pilling-page.eut-disable-on-device { height: auto; } #eut-pilling-page.eut-disable-on-device .eut-section { visibility: visible; min-height: 100vh; position: relative; display: table; width: 100%; } html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } .pp-section { height:100%; position:absolute; width:100%; } .pp-easing { -webkit-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99); -moz-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99); -o-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99); transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99); -moz-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99); transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99); /* custom */ } #pp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #pp-nav.right { right: 17px; } #pp-nav.left { left: 17px; } .pp-section.pp-table{ display: table; } .pp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .pp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .pp-slidesNav.bottom { bottom: 17px; } .pp-slidesNav.top { top: 17px; } #pp-nav ul, .pp-slidesNav ul { margin: 0; padding: 0; } #pp-nav li, .pp-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .pp-slidesNav li { display: inline-block; } #pp-nav li a, .pp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #pp-nav li .active span, .pp-slidesNav .active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #pp-nav span, .pp-slidesNav span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #000000; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #pp-nav.eut-dark li span { background-color: #000000; } #pp-nav.eut-light li span { background-color: #ffffff; } #pp-nav ul li .pp-tooltip { position: absolute; top: -7px; color: #fff; font-size: 14px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; } #pp-nav ul li:hover .pp-tooltip, #pp-nav.pp-show-active a.active + .pp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #pp-nav .pp-tooltip { background-color: rgba(0,0,0,0.8); color: #ffffff; font-size: 11px; line-height: 1.2em; padding: 5px 8px; -webkit-border-radius: 3px; border-radius: 3px; } .pp-tooltip.right { right: 20px; } .pp-tooltip.left { left: 20px; } .pp-scrollable{ overflow-y: scroll; height: 100%; } /* ============================================================================= - Framed Layout ============================================================================= */ body.eut-framed #eut-theme-wrapper { width: 100%; margin: 0; overflow-y: hidden; } .eut-frame { position: fixed; z-index: 99999; } /* ============================================================================= - Grid Settings ============================================================================= */ #eut-theme-wrapper { position: relative; float: none; width: 1220px; margin: 0 auto; } body.eut-boxed #eut-theme-wrapper { -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); } body.eut-stretched #eut-theme-wrapper { width: 100%; margin: 0; overflow-y: hidden; } .eut-container { max-width: 1170px; width: 100%; margin-right: auto; margin-left: auto; position: relative; } .eut-container:before, .eut-container:after { display: table; content: " "; } .eut-container:after { clear: both; } /* ============================================================================= --- Flex Settings ============================================================================= */ .eut-flex-column-wrapper { width: 100%; } .eut-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .eut-flex-position-top { align-items: flex-start; } .eut-flex-position-middle { align-items: center; } .eut-flex-position-bottom { align-items: flex-end; } /* ============================================================================= --- Section Settings ============================================================================= */ .eut-section { position: relative; } /* Full Width Section */ .eut-fullwidth .eut-container { width: 100% !important; max-width: 100% !important; display: block; } #eut-content.eut-left-sidebar .eut-section.eut-fullwidth, #eut-content.eut-right-sidebar .eut-section.eut-fullwidth, #eut-content.eut-left-sidebar .eut-section.eut-fullwidth-background, #eut-content.eut-right-sidebar .eut-section.eut-fullwidth-background { visibility: hidden; } /* Small Width Section */ .eut-smallwidth .eut-container { padding-left: 200px; padding-right: 200px; } #eut-theme-wrapper.eut-header-side .eut-smallwidth .eut-container { padding-left: 90px; padding-right: 90px; } /* ============================================================================= --- Row Settings ============================================================================= */ .eut-row:before, .eut-row:after, .eut-row-inner:before, .eut-row-inner:after { display: table; content: " "; } .eut-row:after, .eut-row-inner:after { clear: both; } .eut-column .eut-column-wrapper { position: relative; } /* Full Width Section */ .eut-fullwidth .eut-row { margin-right: 0; margin-left: 0; } .eut-fullwidth .eut-row-inner { width: 100%; } .eut-fullwidth .eut-row .eut-column { padding-right: 0; padding-left: 0; } .eut-section.eut-custom-height { visibility: hidden; } .eut-section.eut-custom-height.eut-show-custom-height { visibility: visible; } .eut-section .eut-column.eut-middle { display: table; } .eut-section .eut-column.eut-middle .eut-column-wrapper { display: table-cell; vertical-align: middle; width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .eut-section .eut-column.eut-middle { table-layout: fixed; } } html.ie9 .eut-section .eut-column.eut-middle { table-layout: fixed; } /* ============================================================================= --- Columns ============================================================================= */ .eut-column-1-12, .eut-column-5-12, .eut-column-7-12, .eut-column-11-12, .eut-column-1-6, .eut-column-1-5, .eut-column-2-5, .eut-column-3-5, .eut-column-1-4, .eut-column-1-2, .eut-column-1-3, .eut-column-2-3, .eut-column-3-4, .eut-column-4-5, .eut-column-5-6, .eut-column-1 { float: left; position: relative; min-height: 1px; z-index: 1; } .eut-column-1-12 { width: 8.333334%; } .eut-column-5-12 { width: 41.666664%; } .eut-column-7-12 { width: 58.333332%; } .eut-column-11-12 { width: 91.66667%; } .eut-column-1-6 { width: 16.666668%; } .eut-column-1-5 { width: 20%; } .eut-column-2-5 { width: 40%; } .eut-column-3-5 { width: 60.000004%; } .eut-column-1-4 { width: 25%; } .eut-column-1-3 { width: 33.333336%; } .eut-column-1-2 { width: 50%; } .eut-column-2-3 { width: 66.66667%; } .eut-column-3-4 { width: 75%; } .eut-column-4-5 { width: 80%; } .eut-column-5-6 { width: 83.33333%; } .eut-column-1 { width: 100%; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Column Fullheight */ @media only screen and (min-width: 1200px) { .eut-with-fullheight { height: 100vh; } } .eut-column-fullheight { visibility: hidden; } .eut-column-fullheight.eut-show-custom-height { visibility: visible; } /* ============================================================================= --- Columns Gap ============================================================================= */ /* No Gap */ .eut-row.eut-columns-gap-none { margin: 0; } .eut-row.eut-columns-gap-none .eut-column { padding: 0; } .eut-section.eut-fullwidth .eut-row:not(.eut-columns-gap-none) { margin-right: 0; margin-left: 0; } /* ============================================================================= --- Responsive Columns Positions ============================================================================= */ /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .eut-custom-position.eut-tablet-landscape-position-none { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .eut-custom-position.eut-tablet-portrait-position-none { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 767px) { .eut-custom-position.eut-mobile-position-none { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; } } /* ============================================================================= --- Grid Responsive ============================================================================= */ /* Desktops and laptops ----------- */ @media screen and (min-width: 1201px) { .eut-desktop-column-hide, .eut-desktop-row-hide { display: none !important; } } /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .eut-tablet-column-hide, .eut-tablet-row-hide { display: none !important; } } @media only screen and (max-width: 1200px) { .eut-smallwidth .eut-container { padding-left: 90px; padding-right: 90px; } /* Tablet Columns */ .eut-tablet-column-1-12 { width: 8.333334%; } .eut-tablet-column-5-12 { width: 41.666664%; } .eut-tablet-column-7-12 { width: 58.333332%; } .eut-tablet-column-11-12 { width: 91.66667%; } .eut-tablet-column-1-6 { width: 16.666668%; } .eut-tablet-column-1-5 { width: 20%; } .eut-tablet-column-2-5 { width: 40%; } .eut-tablet-column-3-5 { width: 60.000004%; } .eut-tablet-column-1-4 { width: 25%; } .eut-tablet-column-1-3 { width: 33.333336%; } .eut-tablet-column-1-2 { width: 50%; } .eut-tablet-column-2-3{ width: 66.66667%; } .eut-tablet-column-3-4 { width: 75%; } .eut-tablet-column-4-5 { width: 80%; } .eut-tablet-column-5-6 { width: 83.33333%; } .eut-tablet-column-1 { width: 100%; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .eut-tablet-sm-column-hide, .eut-tablet-sm-row-hide { display: none !important; } } @media only screen and (max-width: 959px) { .eut-container { max-width: 90% !important; } /* Tablet Columns */ .eut-tablet-sm-column-1-12 { width: 8.333334%; } .eut-tablet-sm-column-5-12 { width: 41.666664%; } .eut-tablet-sm-column-7-12 { width: 58.333332%; } .eut-tablet-sm-column-11-12 { width: 91.66667%; } .eut-tablet-sm-column-1-6 { width: 16.666668%; } .eut-tablet-sm-column-1-5 { width: 20%; } .eut-tablet-sm-column-2-5 { width: 40%; } .eut-tablet-sm-column-3-5 { width: 60.000004%; } .eut-tablet-sm-column-1-4 { width: 25%; } .eut-tablet-sm-column-1-3 { width: 33.333336%; } .eut-tablet-sm-column-1-2 { width: 50%; } .eut-tablet-sm-column-2-3{ width: 66.66667%; } .eut-tablet-sm-column-3-4 { width: 75%; } .eut-tablet-sm-column-4-5 { width: 80%; } .eut-tablet-sm-column-5-6 { width: 83.33333%; } .eut-tablet-sm-column-1 { width: 100%; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 767px) { .eut-mobile-column-hide, .eut-mobile-row-hide { display: none !important; } .eut-smallwidth .eut-container { padding-left: 1.875rem; padding-right: 1.875rem; } .eut-column-1-12, .eut-column-5-12, .eut-column-7-12, .eut-column-11-12, .eut-column-1-6, .eut-column-1-5, .eut-column-2-5, .eut-column-3-5, .eut-column-1-4, .eut-column-1-2, .eut-column-1-3, .eut-column-2-3, .eut-column-3-4, .eut-column-4-5, .eut-column-5-6, .eut-column-1 { width: 100%; } .eut-mobile-column-1-5 { width: 20%; } .eut-mobile-column-2-5 { width: 40%; } .eut-mobile-column-3-5 { width: 60.000004%; } .eut-mobile-column-4-5 { width: 80%; } .eut-mobile-column-1-4 { width: 25%; } .eut-mobile-column-1-3 { width: 33.333336%; } .eut-mobile-column-1-2 { width: 50%; } .eut-mobile-column-1 { width: 100%; } #eut-main-content .eut-column-1-12, #eut-main-content .eut-column-5-12, #eut-main-content .eut-column-7-12, #eut-main-content .eut-column-11-12, #eut-main-content .eut-column-1-6, #eut-main-content .eut-column-1-5, #eut-main-content .eut-column-2-5, #eut-main-content .eut-column-3-5, #eut-main-content .eut-column-1-4, #eut-main-content .eut-column-1-2, #eut-main-content .eut-column-1-3, #eut-main-content .eut-column-2-3, #eut-main-content .eut-column-3-4, #eut-main-content .eut-column-4-5, #eut-main-content .eut-column-5-6, #eut-main-content .eut-column-1 { border: none !important; } .eut-column-wrapper { padding-right: 0; padding-left: 0; } .eut-section.eut-fullwidth .eut-row { padding-right: 0 !important; padding-left: 0 !important; } .eut-fullwidth .eut-row:not(.eut-columns-gap-none) .eut-column { padding-right: 15px; padding-left: 15px; } } /* Smartphones (portrait) ----------- */ @media only screen and (max-width: 479px) { .eut-mobile-sm-column-1-4 { width: 25%; } .eut-mobile-sm-column-1-3 { width: 33.333336%; } .eut-mobile-sm-column-1-2 { width: 50%; } .eut-mobile-sm-column-1 { width: 100%; } } /* ============================================================================= - Plugin Community Event ============================================================================= */ #eut-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-end_date, #eut-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-start_date { width: 100px; margin-bottom: 0; } #eut-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-end_time, #eut-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-start_time { width: 100px; margin-bottom: 0; } #eut-theme-wrapper .ui-timepicker-wrapper { width: 100px; } #eut-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-timezone { margin-top: 0; width: auto; } #eut-theme-wrapper .choose-file.tribe-button.tribe-button-secondary { color: #ffffff; } #eut-theme-wrapper .tribe-section-content tr, #eut-theme-wrapper .tribe-section-content td { border: none; text-align: left; } #eut-theme-wrapper .tribe-community-events .tribe-section table.tribe-section-content td { padding: 10px 20px; } #eut-theme-wrapper .tribe-community-events .select2-choice { margin-bottom: 0; height: auto; } #eut-theme-wrapper .tribe-section-content .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } #eut-theme-wrapper .tribe-community-events .events-community-post-content > input, #eut-theme-wrapper .tribe-community-events .events-community-post-content > textarea, #eut-theme-wrapper .tribe-community-events .events-community-post-title > input, #eut-theme-wrapper .tribe-community-events .events-community-post-title > textarea { background-color: #fff; } #eut-theme-wrapper .select2-container .select2-choice .select2-arrow { background-color: #ccc; border-left: 1px solid #ccc; border-radius: 0; } #eut-theme-wrapper .select2-container .select2-choice .select2-arrow b { background-position: 0 10px; } #eut-theme-wrapper .select2-container .select2-choice abbr { top: 15px; } #eut-theme-wrapper .select2-container.select2-allowclear .select2-choice span.select2-chosen { margin-right: 42px; } #eut-theme-wrapper .tribe-button, #eut-theme-wrapper a.tribe-button, #eut-theme-wrapper button.tribe-button, #eut-theme-wrapper input.tribe-button { margin: 0; } #eut-theme-wrapper .tribe_community_edit .eut-page-title { background-color: #000; } #eut-theme-wrapper .tribe_community_edit .eut-page-title .eut-title { color: #fff; } #ui-datepicker-div { z-index: 100 !important; } /* ============================================================================= - GDPR Privacy ============================================================================= */ #eut-privacy-bar { background: rgba(0, 0, 0, 0.9); color: #ffffff; left: 5%; right: 5%; bottom: 4%; position: fixed; width: 100%; max-width: 90%; z-index: 9999999; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: none; } .eut-privacy-wrapper { padding: 30px; position: relative; font-size: 12px; line-height: 16px; overflow: hidden; } .eut-privacy-content { padding-right: 300px; } .eut-privacy-buttons-wrapper { position: absolute; z-index: 3; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .eut-privacy-btn { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border-width: 0; -webkit-box-shadow: none; box-shadow: none; line-height: 20px; padding: 10px 27px 10px 27px; text-shadow: none; text-transform: none; cursor: pointer; background-color: #2bc137; color: #ffffff; outline: 0; letter-spacing: 0 !important; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-privacy-btn + .eut-privacy-btn { margin-left: 24px; } .eut-privacy-preferences { background-color: transparent; color: #ffffff; padding-left: 0px; padding-right: 0px; } .eut-privacy-preferences:hover { opacity: 0.6; color: inherit; } .eut-privacy-agreement:hover, .eut-privacy-refresh-btn:hover { background-color: #17a523; } /* Position Left / Right */ #eut-privacy-bar.eut-bar-position-left { left: 15px; right: auto; bottom: 15px; width: 30.000002%; } #eut-privacy-bar.eut-bar-position-right { left: auto; right: 15px; bottom: 15px; width: 30.000002%; } #eut-privacy-bar.eut-bar-position-left .eut-privacy-content, #eut-privacy-bar.eut-bar-position-right .eut-privacy-content { padding: 0; margin-bottom: 24px; } #eut-privacy-bar.eut-bar-position-left .eut-privacy-buttons-wrapper, #eut-privacy-bar.eut-bar-position-right .eut-privacy-buttons-wrapper { position: relative; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #eut-privacy-bar.eut-bar-position-left .eut-privacy-agreement, #eut-privacy-bar.eut-bar-position-right .eut-privacy-agreement { float: right; } #eut-privacy-bar.eut-bar-position-left .eut-privacy-refresh-btn, #eut-privacy-bar.eut-bar-position-right .eut-privacy-refresh-btn { width: 100%; } @media only screen and (max-width: 1023px) { #eut-privacy-bar.eut-bar-position-left, #eut-privacy-bar.eut-bar-position-right { width: 50%; } } @media only screen and (max-width: 767px) { #eut-privacy-bar.eut-bar-position-left, #eut-privacy-bar.eut-bar-position-right { left: 5%; right: 5%; bottom: 15px; width: 100%; } .eut-privacy-content { padding: 0; margin-bottom: 24px; } .eut-privacy-buttons-wrapper { position: relative; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .eut-privacy-agreement { float: right; } .eut-privacy-refresh-btn { width: 100%; } } /* Fallback */ .eut-privacy-fallback-content { padding: 25% 12%; color: #ffffff; background-color: #252525; background-size: 13px; background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGqADAAQAAAABAAAAGgAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgAGgAaAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMAAQEBAQEBAgEBAgMCAgIDBAMDAwMEBQQEBAQEBQYFBQUFBQUGBgYGBgYGBgcHBwcHBwgICAgICQkJCQkJCQkJCf/bAEMBAQEBAgICBAICBAkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCf/dAAQAAv/aAAwDAQACEQMRAD8A/kzZltlMcZzIeGYdvYf1P4DjrDFF5mWY7UX7zen+JPYURReZlmO1F+83p/iT2FEsu/CINqL0H9T7n/PFABLLvwiDai9B/U+5/wA8U9bO7ZQyxOQeQQp/wpyItuommGWPKqf5n29B3+nWBppWYszEk8nmgD//0P5LZZd+EQbUXoP6n3P+eKlRFt1E0wyx5VT/ADPt6Dv9OrbNVa7iVhkF1BB+tRTMzSszHJJPJoAUCW4l7szGrHk2Q4aY574TI/DkUQ8WUzDrlBn2OeP0qlQB/9k="); } #eut-feature-section .eut-privacy-fallback-content, .eut-map .eut-privacy-fallback-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; padding-bottom: 0; } #eut-feature-section .eut-map .eut-privacy-fallback-content { height: 100vh; } #eut-feature-section .eut-privacy-fallback-inner, .eut-map .eut-privacy-fallback-inner { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .eut-privacy-fallback-content a { color: inherit; -webkit-transition : all 0.3s; -moz-transition : all 0.3s; -ms-transition : all 0.3s; -o-transition : all 0.3s; transition : all 0.3s; } .eut-privacy-fallback-content a:hover { opacity: 0.6; color: inherit; } .eut-privacy-fallback-icon { display: block; margin: 0 auto 12px auto; width: 36px; } /* ============================================================================= --- GDPR Privacy Popup ============================================================================= */ #eut-privacy-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; opacity: 0.9; z-index: 100000000; display: none; } #eut-privacy-popup { position: fixed; top: 50%; left: 50%; width: 100%; height: 100%; max-height: 700px; max-width: 800px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000000000; padding: 36px; display: none; } .eut-privacy-popup-wrapper { width: 100%; height: 100%; background-color: #ffffff; font-size: 14px; line-height: 24px; font-weight: normal; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .eut-privacy-popup-inner { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 76px; } .eut-privacy-popup-content { max-height: 100%; padding: 48px 36px 36px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .eut-close-privacy-popup { width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0px; color: #ffffff; } .eut-close-privacy-popup:before { content: ""; font-family: "fildisi-icons"; } .eut-privacy-refresh-btn-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; padding: 18px 36px; background-color: #f7f7f7; } /* ============================================================================= --- GDPR Privacy Switcher ============================================================================= */ .eut-privacy-switch { border-bottom: 1px solid #eaeaea; margin-bottom: 18px; padding-bottom: 18px; position: relative; } .eut-privacy-switch .eut-switch { position: absolute; display: inline-block; font-size: 16px; width: 3em; height: 1.625em; top: 2px; right: 0; } .eut-privacy-switch .eut-switch.eut-switch-text { width: auto; } .eut-privacy-switch .eut-switch input[type="checkbox"] { font-size: inherit; position: relative; z-index: 2; opacity: 0; cursor: pointer; width: 3em; height: 1.625em; margin: 0; } .eut-privacy-switch .eut-switch-value { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; } .eut-privacy-switch .eut-switch-label { display: inline-block; vertical-align: middle; line-height: 24px; max-width: 70%; font-weight: bold; } .eut-privacy-switch .eut-switch .eut-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: 0.4s; transition: 0.4s; -webkit-border-radius: 1.625em; border-radius: 1.625em; width: 3em; } .eut-privacy-switch .eut-switch .eut-switch-slider:before { position: absolute; content: ""; height: 1.125em; width: 1.125em; left: 0.25em; bottom: 0.25em; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; -webkit-border-radius: 50%; border-radius: 50%; } .eut-privacy-switch .eut-switch input[type="checkbox"]:checked + .eut-switch-slider { background-color: #2bc137; } .eut-privacy-switch .eut-switch input[type="checkbox"]:checked + .eut-switch-slider:before { -webkit-transform: translateX(1.375em); -ms-transform: translateX(1.375em); transform: translateX(1.375em); } /* ============================================================================= - Print ============================================================================= */ @media print { /* ============================================================================= --- General Print ============================================================================= */ @page { margin: 3.5cm; } img { max-height: 200px !important; width: auto !important; } .eut-body { background-color: #ffffff !important; } /* ============================================================================= --- Print Typography ============================================================================= */ body, .eut-quote-text, blockquote p, .single-post #eut-single-content { font-size: 12pt !important; font-family: Georgia, "Times New Roman", Times, serif !important; line-height: 1.3 !important; } h1, h2, h3, h4, h5, h6, .eut-title, .eut-description, .eut-subheading, .eut-link-text { font-family: Georgia, "Times New Roman", Times, serif !important; } p a:link:after, p a:visited:after { content:" [" attr(href) "] "; } .eut-element { margin-bottom: 40px !important; } .vc_empty_space { display: none; } .eut-animated-item { opacity: 1; } .eut-background-wrapper { display: none; } #eut-footer, #eut-sidebar, .eut-single-post-tags, #eut-about-author, #eut-comment-form, .eut-navigation-bar, .eut-back-top { display: none; } #eut-header, .eut-hidden-area, .eut-modal, .eut-mask-wrapper { display: none !important; } .eut-page-title, .eut-page-title .eut-wrapper { height: 200px !important; min-height: 200px !important; background-color: #ffffff; position: static; display: block; } .eut-page-title .eut-title-content-wrapper { background-color: #ffffff !important; max-width: 100% !important; text-align: left; } .eut-page-title .eut-subheading, .eut-page-title .eut-title, .eut-page-title .eut-title-meta-content { color: #000000 !important; } #eut-content.eut-right-sidebar #eut-main-content, #eut-content.eut-left-sidebar #eut-main-content { width: 100%; float: none; } #eut-header.eut-fullwidth #eut-main-header:not(.eut-side-default) .eut-container { padding: 0; } }