/
home
/
rekodeb
/
osteo
/
wp-content
/
themes
/
zuperla
/
css
/
Upload File
HOME
/* =========================================================================== */ /* - Typography - Increase Headings - Inputs - Top Bar - Main Header --- Responsive Header --- Sticky Header --- Sticky Header Add Transition --- Simple Sticky Header --- Shrink Sticky Header --- Scroll Up 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 - Shadow Mode - 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 ) - Zuperla Icon Library - Video Icon - Magnific Popup - Animations - Full Page - Pilling Page - Show List Items - Framed Layout - Grid Settings --- Section Settings --- Percentage Height --- 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; } #eut-theme-wrapper .eut-bold-text { font-weight: 600; } /* 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; } @media only screen and (max-width: 767px) { br.hidden { display: none; } } /* 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.300em; } /** * 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; border: 0 !important; line-height: 16px; text-indent: 2px; border-radius: 0 !important; min-width: auto !important; 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.500rem; } .eut-margin-bottom-sm { margin-bottom: 2.500rem; } .eut-margin-top-md { margin-top: 5.000rem; } .eut-margin-bottom-md { margin-bottom: 5.000rem; } .eut-padding-top-sm { padding-top: 2.500rem; } .eut-padding-bottom-sm { padding-bottom: 2.500rem; } .eut-padding-top-md { padding-top: 5.000rem; } .eut-padding-bottom-md { padding-bottom: 5.000rem; } /* 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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; background-color: #000000; } .eut-hover-underline:hover:after { visibility: visible; width: 100%; } .eut-drop-shadow { -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); } /* Shadows */ .eut-with-shadow { -webkit-transition : box-shadow 0.3s ease-in-out; -moz-transition : box-shadow 0.3s ease-in-out; -ms-transition : box-shadow 0.3s ease-in-out; -o-transition : box-shadow 0.3s ease-in-out; transition : box-shadow 0.3s ease-in-out; } .eut-shadow-small { -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.2); box-shadow: 0 8px 15px rgba(0,0,0,0.2); } .eut-shadow-medium { -webkit-box-shadow: 0 15px 25px rgba(0,0,0,0.2); -moz-box-shadow: 0 15px 25px rgba(0,0,0,0.2); box-shadow: 0 15px 25px rgba(0,0,0,0.2); } .eut-shadow-large { -webkit-box-shadow: 0 25px 60px rgba(0,0,0,0.2); -moz-box-shadow: 0 25px 60px rgba(0,0,0,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } #eut-theme-wrapper .eut-clipping-animation .eut-with-shadow, #eut-theme-wrapper .eut-clipping-animation.eut-drop-shadow .eut-column-wrapper, #eut-theme-wrapper .eut-clipping-animation .eut-drop-shadow, #eut-theme-wrapper .eut-clipping-animation.eut-drop-shadow-large .eut-column-wrapper, #eut-theme-wrapper .eut-clipping-animation .eut-drop-shadow-large { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ============================================================================= - 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.200em; } .eut-increase-heading.eut-heading-120 > span { font-size: 120%; } .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: 13px; font-family: inherit; margin-bottom: 20px; background: transparent; border-radius: 0; border-color: inherit; min-height: 42px; display: block; } #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; } #eut-theme-wrapper .select2-choice { padding: 10px 14px; } ::-webkit-input-placeholder { color: inherit; opacity: 0.8; } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 0.8; } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 0.8; } :-ms-input-placeholder { color: inherit; opacity: 0.8; } #eut-theme-wrapper select { background-image: url(../images/graphics/select-icon.png); 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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); -webkit-animation-duration: .15s; -moz-animation-duration: .15s; -o-animation-duration: .15s; animation-duration: .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.20); box-shadow: 0px 0px 5px rgba(0,0,0,0.20); -webkit-animation-duration: .15s; -moz-animation-duration: .15s; -o-animation-duration: .15s; animation-duration: .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 .7s, border-color .7s; -moz-transition : background-color .7s, border-color .7s; -ms-transition : background-color .7s, border-color .7s; -o-transition : background-color .7s, border-color .7s; transition : background-color .7s, border-color .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 .7s, visibility .7s; -moz-transition : opacity .7s, visibility .7s; -ms-transition : opacity .7s, visibility .7s; -o-transition : opacity .7s, visibility .7s; transition : opacity .7s, visibility .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 .7s; -moz-transition : all .7s; -ms-transition : all .7s; -o-transition : all .7s; transition : all .7s; } #eut-header.eut-advanced-hidden-menu #eut-main-header .eut-header-elements-wrapper.show { opacity: 1; visibility: visible; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } /* ============================================================================= --- Sticky Header ============================================================================= */ #eut-header.eut-fixed #eut-main-header.eut-header-default, #eut-header.eut-fixed #eut-main-header.eut-header-logo-top #eut-bottom-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%; } /* Wp Bar */ body.admin-bar #eut-header.eut-fixed #eut-main-header.eut-header-default, body.admin-bar #eut-header.eut-fixed #eut-main-header.eut-header-logo-top #eut-bottom-header { top: 32px; } /* ============================================================================= --- Sticky Header Add Transition ============================================================================= */ #eut-header #eut-main-header .eut-logo, #eut-header #eut-main-menu .eut-wrapper > ul > li > a, #eut-header .eut-header-element > a, .eut-no-assigned-menu { -webkit-transition : height, background, color, border, line-height; -moz-transition : height, background, color, border, line-height; -ms-transition : height, background, color, border, line-height; -o-transition : height, background, color, border, line-height; transition : height, background, color, border, line-height; -webkit-transition-duration : 500ms; -moz-transition-duration : 500ms; -ms-transition-duration : 500ms; -o-transition-duration : 500ms; transition-duration : 500ms; -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, border; -moz-transition : background, border; -ms-transition : background, border; -o-transition : background, border; transition : background, border; -webkit-transition-duration : 500ms; -moz-transition-duration : 500ms; -ms-transition-duration : 500ms; -o-transition-duration : 500ms; transition-duration : 500ms; } /* ============================================================================= --- Shrink Sticky Header ============================================================================= */ #eut-header #eut-main-header.eut-shrink-sticky.eut-header-default, #eut-header #eut-main-header.eut-shrink-sticky.eut-header-logo-top, #eut-header #eut-main-header.eut-shrink-sticky #eut-bottom-header { -webkit-transition : height, background, border, line-height; -moz-transition : height, background, border, line-height; -ms-transition : height, background, border, line-height; -o-transition : height, background, border, line-height; transition : height, background, border, line-height; -webkit-transition-duration : 500ms; -moz-transition-duration : 500ms; -ms-transition-duration : 500ms; -o-transition-duration : 500ms; transition-duration : 500ms; } /* ============================================================================= --- Scroll Up Sticky Header ============================================================================= */ #eut-header #eut-main-header.eut-scrollup-sticky .eut-logo, #eut-header .eut-scrollup-sticky #eut-main-menu .eut-wrapper > ul > li > a, #eut-header .eut-scrollup-sticky .eut-header-element > a, .eut-scrollup-sticky .eut-no-assigned-menu { -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } #eut-header.eut-scroll-up #eut-main-header.eut-scrollup-sticky.eut-header-default, #eut-header.eut-scroll-down #eut-main-header.eut-scrollup-sticky.eut-header-default, #eut-header.eut-scroll-up #eut-main-header.eut-scrollup-sticky #eut-bottom-header, #eut-header.eut-scroll-down #eut-main-header.eut-scrollup-sticky #eut-bottom-header { -webkit-transition : -webkit-transform; -moz-transition : -moz-transform; -ms-transition : -ms-transform; -o-transition : -o-transform; transition : transform; -webkit-transition-duration : 500ms; -moz-transition-duration : 500ms; -ms-transition-duration : 500ms; -o-transition-duration : 500ms; transition-duration : 500ms; } /* ============================================================================= --- 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; left: 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); 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, .eut-logo .eut-wrapper img.eut-sticky { 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: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; } #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: 0px 0.313em 0px 0.313em; margin: 0px 0.313em 0px 0.313em; text-decoration: none; zoom: 1; /* IE7 */ } /* Menu Align Spaces */ #eut-header .eut-horizontal-menu.eut-position-left ul.eut-menu > li > a { padding: 0px 0.313em 0px 0.313em; margin: 0px 0.625em 0px 0px; } #eut-header .eut-horizontal-menu.eut-position-left ul.eut-menu > li:first-child-child > a { padding: 0px 0.313em 0px 0px; } #eut-header .eut-horizontal-menu.eut-position-right ul.eut-menu > li > a { padding: 0px 0.313em 0px 0.313em; margin: 0px 0px 0px 0.625em; } #eut-header .eut-horizontal-menu.eut-position-right ul.eut-menu > li:last-child > a { padding: 0px 0px 0px 0.313em; } #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 .3s; -moz-transition : color .3s; -ms-transition : color .3s; -o-transition : color .3s; transition : color .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; } /* styling for both css and generated arrows */ #eut-header .eut-horizontal-menu.eut-arrow ul.eut-menu .menu-item-has-children > a::after { content: '\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; 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: '\f105'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; margin-top: -1px; top: 10px; right: 0.500em; 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-header-split-menu #eut-main-header > .eut-wrapper, #eut-header.eut-header-split-menu #eut-main-header > .eut-wrapper > .eut-container { height: inherit; } #eut-header .eut-split-menu .eut-menu, #eut-header .eut-split-menu .eut-logo { display: inline-block; vertical-align: top; } #eut-header .eut-split-menu .eut-logo-text { vertical-align: top; } #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 .3s; -moz-transition : border-color .3s; -ms-transition : border-color .3s; -o-transition : border-color .3s; transition : border-color .3s; } .eut-menu-type-button > a .eut-item { padding: 0.563em 1.250em; -webkit-transition : color .5s ease, background-color .5s ease, border-color .5s ease; -moz-transition : color .5s ease, background-color .5s ease, border-color .5s ease; -o-transition : color .5s ease, background-color .5s ease, border-color .5s ease; -ms-transition : color .5s ease, background-color .5s ease, border-color .5s ease; transition : color .5s ease, background-color .5s ease, border-color .5s ease; } .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 .4s ease, width .4s ease; -moz-transition : opacity .4s ease, width .4s ease; -ms-transition : opacity .4s ease, width .4s ease; -o-transition : opacity .4s ease, width .4s ease; transition : opacity .4s ease, width .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.66666667%; } #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.33333333%; } #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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 15px; } .eut-no-assigned-menu a:hover { color: #f7f7f7; } .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; } #eut-main-header.eut-light .eut-no-assigned-menu { color: #ffffff; } #eut-main-header.eut-dark .eut-no-assigned-menu { color: #000000; } /* ============================================================================= --- Responsive Menu ============================================================================= */ #eut-responsive-menu-wrapper { display: none; } .eut-menu-wrapper { margin-bottom: 6.000em; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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; display: block; position: relative; overflow: hidden; } .eut-toggle-menu ul.eut-menu li { border-bottom: 1px solid; } .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 .3s ease .3s; -moz-transition : all .3s ease .3s; -ms-transition : all .3s ease .3s; -o-transition : all .3s ease .3s; transition : all .3s ease .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.200em; display: inline-block; vertical-align: middle; position: relative; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .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: '\e903'; font-family: 'zuperla-icons' !important; font-size: 18px; } .eut-slide-menu ul.eut-menu .eut-goback .eut-arrow:after { content: '\e901'; } /* ============================================================================= - 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.300em; } .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) span { left: 0; height: 0.100em; opacity: 1; -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1); transition: all .3s cubic-bezier(.215,.61,.355,1); width: 100%; position: absolute; top: 0; display: block; } .eut-hidden-menu-btn a .eut-item span:nth-child(2) { top: 0.400em; } .eut-hidden-menu-btn a .eut-item span:nth-child(3) { top: 0.800em; } #eut-header:not(.eut-advanced-hidden-menu) .eut-hidden-menu-btn a .eut-item:hover span:nth-child(1) { width: 60%; } #eut-header:not(.eut-advanced-hidden-menu) .eut-hidden-menu-btn a .eut-item:hover span:nth-child(3) { width: 60%; } /* ============================================================================= - Sidearea Button ============================================================================= */ .eut-sidearea-btn.eut-out-canvas { position: absolute; top: 50%; right: 36px; width: 24px; height: 24px; margin-top: -12px; overflow: hidden; -webkit-transition : width .3s; -moz-transition : width .3s; -ms-transition : width .3s; -o-transition : width .3s; transition : width .3s; } .eut-sidearea-btn.eut-out-canvas:hover { width: 48px; } /* ============================================================================= - 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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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; clip: rect(0, auto, auto, 0); -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-feature-section .eut-feature-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0, auto, auto, 0); } .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-feature-section a + .eut-description { margin-top: 18px; } .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; } @media only screen and (max-width: 1440px) { .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: 550px; } } /* 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); } @media only screen and (max-width: 1023px) { #eut-feature-section .eut-content { padding-top: 30px; padding-bottom: 30px; } } /* ============================================================================= --- 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: 790px; } .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; } @media only screen and (max-width: 1023px) { .eut-content.eut-align-left-center .eut-graphic, .eut-content.eut-align-center-center .eut-graphic, .eut-content.eut-align-right-center .eut-graphic { 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 : .5s; -moz-animation-duration : .5s; -o-animation-duration : .5s; animation-duration : .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(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 1; } } @keyframes content_zoom_in { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .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; margin-top: -30px; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .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: 30px; } #eut-feature-section:hover .eut-carousel-buttons .eut-carousel-next { right: 30px; } /* ============================================================================= - Single Post ============================================================================= */ .single-post #eut-content:not(.eut-right-sidebar):not(.eut-left-sidebar) #eut-single-content .eut-container { padding-left: 0; padding-right: 0; } .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; } #eut-post-title .eut-title-meta-content, #eut-feature-section .eut-title-meta-content { margin-top: 30px; } #eut-post-title .eut-post-meta li:after, #eut-feature-section .eut-post-meta li:after { content: ''; width: 36px; display: inline-block; border-top: 1px solid; vertical-align: middle; opacity: 0.25; margin: -2px 9px 0 9px; } #eut-post-title .eut-post-meta li:last-child:after, #eut-feature-section .eut-post-meta li:last-child:after { display: none; } @media only screen and (max-width: 767px) { #eut-post-title .eut-post-meta li:after, #eut-feature-section .eut-post-meta li:after { display: none; } #eut-post-title .eut-post-meta li, #eut-feature-section .eut-post-meta li { margin-right: 18px; } #eut-post-title .eut-post-meta li:last-child, #eut-feature-section .eut-post-meta li:last-child { margin-right: 0; } } /* Title Categories */ #eut-post-title .eut-title-categories { margin-bottom: 18px; } #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; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-post-title .eut-categories li a:hover, #eut-feature-section .eut-categories li a:hover { opacity: 0.5; } #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.400em; } .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.33333333%; } @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 .3s; -moz-transition : opacity .3s; -ms-transition : opacity .3s; -o-transition : opacity .3s; transition : opacity .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: 6px; 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: 5px 10px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 1.2em; border: 1px solid; border-color: inherit; display: block; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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; border-top: 1px solid; } #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 .eut-author-read-more { -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* ============================================================================= --- Single Post Comments ============================================================================= */ #eut-comments { border-top: 1px solid; } #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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .eut-comments-list, #eut-comments .children { margin: 0; list-style: none; } #eut-comments .eut-comment-item { margin-bottom: 2.500rem; padding-bottom: 2.500rem; } #eut-comments .children .eut-comment-item { margin-left: 2.500rem; margin-top: 2.500rem; padding-top: 2.500rem; padding-bottom: 0; } #eut-comments .eut-comment-item: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: 18px; } #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: 1.2em; font-size: 13px; float: left; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-comments .eut-comment-date:hover { opacity: 1; } #eut-comments .eut-author { line-height: 1.2em; margin-bottom: 6px; display: block; } #eut-comments .eut-comment-content { padding-left: 70px; } #eut-comments .eut-reply-edit a { -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } #eut-comments .eut-comment-reply + .eut-comment-edit { margin-left: 1.154em; } #eut-comments .comment + #respond { margin-top: 30px; } #eut-comments .eut-comment-nav ul { list-style: none; margin: 0; } @media only screen and (max-width: 767px) { #eut-comments .eut-author-image { display: block; margin-bottom: 6px; } #eut-comments .eut-comment-title { display: block; padding: 0px; } #eut-comments .eut-comment-content { padding: 0; } } /* ============================================================================= --- Single Post Comment Form ============================================================================= */ #eut-comment-form { border-top: 1px solid; } #eut-comment-form .eut-form-input.eut-half-size { width: 50%; float: left; } #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; } #eut-comment-form .eut-form-input { width: 100%; float: none; margin-right: 0; } } #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 { border-bottom: 1px solid; padding-bottom: 30px; } .eut-portfolio-info:last-child { border-bottom: none; padding-bottom: 0; } .eut-portfolio-info + .eut-widget { padding-top: 30px; } .eut-portfolio-fields { margin: 0; list-style: none; } .eut-portfolio-fields li { border-color: inherit; line-height: 1.2; margin-bottom: 15px; display: table; table-layout: fixed; width: 100%; } .eut-portfolio-fields li .eut-fields-description { line-height: 1.2; } .eut-portfolio-fields li span { display: table-cell; } .eut-portfolio-fields .eut-field-label { width: 150px; } .eut-portfolio-info .eut-portfolio-fields, .eut-portfolio-info #eut-portfolio-social-bar { border-top: 1px solid; margin-top: 30px; padding-top: 30px; } .eut-portfolio-info .eut-portfolio-fields:first-child, .eut-portfolio-info #eut-portfolio-social-bar:first-child { border-top: none; padding-top: 0; } /* Socials */ .eut-portfolio-info #eut-portfolio-social-bar { display: table; table-layout: fixed; width: 100%; } .eut-portfolio-info .eut-social-bar .eut-socials-bar-title { margin-bottom: 0; display: table-cell; vertical-align: middle; width: 150px; } .eut-portfolio-info .eut-social-bar .eut-bar-socials { display: table-cell; vertical-align: middle; line-height: 1.2; } .eut-portfolio-info .eut-social-bar .eut-bar-socials li { margin: 0 8px 0 0; } /* ============================================================================= - Single Related ============================================================================= */ .eut-related { border-top: 1px solid; } #eut-comments-section +.eut-related { border-top: none; } .eut-related .eut-related-title { margin-bottom: 30px; line-height: 1.400em; } .eut-related article { margin-bottom: 30px; } /* ============================================================================= - Single Social Bar ============================================================================= */ .eut-single-post-tags + .eut-social-bar { border-top: 1px solid; } .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; position: relative; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: inherit; opacity: 1; -webkit-transition : opacity .3s; -moz-transition : opacity .3s; -ms-transition : opacity .3s; -o-transition : opacity .3s; transition : opacity .3s; } .eut-social-bar .eut-bar-socials li a:hover { opacity: 0.4; } .eut-social-bar .eut-like-counter { position: absolute; top: 2px; left: 100%; margin-left: 2px; text-align: left; font-size: 12px; line-height: 1.2; } /* ============================================================================= - 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 .eut-arrow { display: inline-block; vertical-align: middle; text-align: center; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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% - 70px); } .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; min-width: 70px; } .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: .4em; height: .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.050em; top: 1.050em; background-color: #888; box-shadow: .5em 0 #888, 0 .5em #888, .5em .5em #888; } .eut-navigation-bar .eut-backlink:hover .eut-backlink-icon { left: .9em; top: .9em; box-shadow: .8em 0 #888, 0 .8em #888, .8em .8em #888; } /* ============================================================================= - Pagination ============================================================================= */ .eut-pagination { margin-top: 2.500rem; } .eut-pagination ul { list-style: none; margin: 0; text-align: center; } .eut-pagination ul li { display: inline-block; vertical-align: top; margin: 0 16px; text-align: center; } .eut-pagination ul li > span, .eut-pagination ul li a { display: block; color: inherit; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: inherit; 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%; padding-right: 20px; float: left; } #eut-content.eut-right-sidebar #eut-sidebar { width: 30%; 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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: 30px; right: 30px; z-index: 9999; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } .eut-modal-dialog .eut-close-modal { position: absolute; top: 0px; right: 0px; font-size: 24px; } .eut-close-modal:before { font-size: inherit; line-height: inherit; } .eut-close-modal:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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.550, 0.055, 0.675, 0.190) forwards; animation: anim-layer-1 1.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) 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.610, 0.355, 1.000); } 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.610, 0.355, 1.000); } 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.610, 0.355, 1.000); } 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.610, 0.355, 1.000); } 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.000); } 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.000); } 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.550, 0.055, 0.675, 0.190) forwards; animation: mask-logo-anim 1s cubic-bezier(0.550, 0.055, 0.675, 0.190) 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.33333333%; 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; } @media only screen and (max-width: 900px) { .eut-one-third, .eut-one-half { width: 100%; float: none; } } #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'] { 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; line-height: inherit !important; } .eut-anchor-menu .eut-container ul.sub-menu li a { padding: 15px 20px; display: block; } .eut-anchor-menu .eut-anchor-btn { text-align: left; vertical-align: top; font-size: 18px; display: 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 .3s ease .3s; -moz-transition : all .3s ease .3s; -ms-transition : all .3s ease .3s; -o-transition : all .3s ease .3s; transition : all .3s ease .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 li a { border-left: 1px solid; } .eut-anchor-menu 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: .15s; -moz-animation-duration: .15s; -o-animation-duration: .15s; animation-duration: .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 */ .eut-anchor-responsive.eut-anchor-menu .eut-container > ul { display: none; } .eut-anchor-responsive.eut-anchor-menu .eut-anchor-btn { display: 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-bottom: 1px solid; padding: 0; } .eut-anchor-responsive.eut-anchor-menu li a { border-left: none; border-right: none; } /* Sticky Anchor */ .eut-anchor-menu .eut-anchor-wrapper.eut-sticky { position: fixed; left: auto; width: 100%; } .eut-anchor-menu.eut-go-down .eut-anchor-wrapper.eut-sticky { -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .eut-anchor-menu.eut-go-up .eut-anchor-wrapper.eut-sticky { -webkit-transition-delay: .0s; -moz-transition-delay: .0s; -ms-transition-delay: .0s; -o-transition-delay: .0s; transition-delay: .0s; } /* ============================================================================= - 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: #bbbbbb; -webkit-transition : color .3s; -moz-transition : color .3s; -ms-transition : color .3s; -o-transition : color .3s; transition : color .3s; } #eut-section-nav .eut-nav-item:after { content: ""; width: 36px; border-color: #bbbbbb; border-top: 1px solid; display: inline-block; vertical-align: middle; margin: 0px 5px 2px 5px; opacity: 0.3; } #eut-section-nav .eut-nav-item.active, #eut-section-nav .eut-nav-item:hover { color: #757575; } #eut-section-nav .eut-nav-item.active:after, #eut-section-nav .eut-nav-item:hover:after { border-color: #bbbbbb !important; } @media only screen and (max-width: 1900px) { #eut-section-nav .eut-nav-item:after { width: 26px; } } #eut-section-nav .eut-nav-item:last-child:after { display: none; } /* ============================================================================= - Main Content ============================================================================= */ #eut-content { position: relative; z-index: 100; overflow: hidden; clear: both; } #eut-main-content .eut-main-content-wrapper { position: relative; } #eut-theme-content { position: relative; z-index: 2; } /* ============================================================================= - 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-footer-wrapper .eut-tablet-column-1-2:nth-child(2n+1){ clear: both; } #eut-footer .eut-footer-wrapper .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: 13px; line-height: 2.000em; } #eut-footer .eut-footer-bar .eut-right-side { float: right; text-align: right; width: 50%; font-size: 13px; line-height: 2.000em; } #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 .4s ease; -moz-transition : opacity .4s ease; -ms-transition : opacity .4s ease; -o-transition : opacity .4s ease; transition : opacity .4s ease; } /* Pattern Bg */ .eut-bg-pattern .eut-bg-image { background-repeat: repeat; background-size: inherit; } /* Fixed Bg */ .eut-bg-fixed .eut-bg-image { background-attachment: fixed; } @media only screen and (max-width: 1200px) { .eut-bg-fixed .eut-bg-image { background-attachment: scroll; } } /* 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.0); -moz-transform : scale(1.0); -o-transform : scale(1.0); transform : scale(1.0); -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; } @media only screen and (max-width: 1023px) { .eut-bg-image.eut-bg-tablet-sm-left-top { background-position: left top; } .eut-bg-image.eut-bg-tablet-sm-left-center { background-position: left center; } .eut-bg-image.eut-bg-tablet-sm-left-bottom { background-position: left bottom; } .eut-bg-image.eut-bg-tablet-sm-center-top { background-position: center top; } .eut-bg-image.eut-bg-tablet-sm-center-center { background-position: center center; } .eut-bg-image.eut-bg-tablet-sm-center-bottom { background-position: center bottom; } .eut-bg-image.eut-bg-tablet-sm-right-top { background-position: right top; } .eut-bg-image.eut-bg-tablet-sm-right-center { background-position: right center; } .eut-bg-image.eut-bg-tablet-sm-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.239316%; } .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.3333333%; } .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; object-fit: cover; -webkit-backface-visibility: hidden; -webkit-transition : opacity .4s ease; -moz-transition : opacity .4s ease; -ms-transition : opacity .4s ease; -o-transition : opacity .4s ease; transition : opacity .4s ease; } .eut-section .eut-bg-video, .eut-bg-video.show { opacity: 1; } .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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(../images/graphics/pattern.png); 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; } /* ============================================================================= - Shadow Mode ============================================================================= */ .eut-shadow-wrapper { -webkit-box-shadow: 0px 40px 80px -40px rgba(0,0,0,0.4); -moz-box-shadow: 0px 40px 80px -40px rgba(0,0,0,0.4); box-shadow: 0px 40px 80px -40px rgba(0,0,0,0.4); } /* ============================================================================= - 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 .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .eut-gradient-overlay:after { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ' '; display: block; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; opacity: 1; z-index: 4; -webkit-border-radius: inherit; border-radius: inherit; background-image: -webkit-linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 100%); background-image: -moz-linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 100%); background-image: -ms-linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 100%); background-image: -o-linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 100%); background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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.400em; 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, .eut-hover-item.eut-hover-style-1 .eut-shadow-wrapper + .eut-content { margin-top: 30px; } .eut-hover-item.eut-hover-style-1 .eut-content { margin-bottom: 30px; } .eut-hover-item.eut-hover-style-1 .eut-shadow-wrapper + .eut-content { padding-top: 10px; margin-bottom: 40px; } #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 .7s; -moz-transition : all .7s; -ms-transition : all .7s; -o-transition : all .7s; transition : all .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 .7s; -moz-transition : all .7s; -ms-transition : all .7s; -o-transition : all .7s; transition : all .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: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .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 .6s; -moz-transition : all .6s; -ms-transition : all .6s; -o-transition : all .6s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .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(.05,.8,.5,1); -moz-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -ms-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -o-transition : all 0.3s cubic-bezier(.05,.8,.5,1); transition : all 0.3s cubic-bezier(.05,.8,.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(.05,.8,.5,1); -moz-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -ms-transition : all 0.3s cubic-bezier(.05,.8,.5,1); -o-transition : all 0.3s cubic-bezier(.05,.8,.5,1); transition : all 0.3s cubic-bezier(.05,.8,.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: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .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: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .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: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; } /* Description */ .eut-hover-item.eut-hover-style-7 .eut-content:not(.eut-custom-overview) .eut-description { opacity: 0; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .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:.6s; -moz-animation-duration:.6s; -ms-animation-duration:.6s; -o-animation-duration:.6s; animation-duration:.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:.5s; -moz-animation-duration:.5s; -ms-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.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; text-align: center; -webkit-border-radius: 50px; border-radius: 50px; width: 60px; height: 60px; line-height: 60px; display: inline-block; -webkit-transition : all .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .3s; opacity: 1; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } #eut-goto-section:hover { opacity: 0.9; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } @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 .3s ease; -moz-transition : all .3s ease; -ms-transition : all .3s ease; -o-transition : all .3s ease; transition : all .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; } /* ============================================================================= - Zuperla Icon Library ============================================================================= */ @font-face { font-family: 'zuperla-icons'; src:url('../fonts/zuperla-icons.eot?v=1.0.0'); src:url('../fonts/zuperla-icons.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../fonts/zuperla-icons.woff?v=1.0.0') format('woff'), url('../fonts/zuperla-icons.ttf?v=1.0.0') format('truetype'), url('../fonts/zuperla-icons.svg?v=1.0.0#zuperla-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="eut-icon-"], [class*=" eut-icon-"] { font-family: 'zuperla-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: "\e91a"; } .eut-icon-nav-right-small:before { content: "\e91b"; } .eut-icon-nav-down-small:before { content: "\e919"; } .eut-icon-nav-up-small:before { content: "\e91c"; } .eut-icon-nav-left:before { content: "\e901"; } .eut-icon-nav-right:before { content: "\e903"; } .eut-icon-nav-up:before { content: "\e90b"; } .eut-icon-nav-down:before { content: "\e90c"; } .eut-icon-nav-left-large:before { content: "\e900"; } .eut-icon-nav-right-large:before { content: "\e902"; } .eut-icon-search:before { content: "\e905"; } .eut-icon-socials:before { content: "\e90d"; } .eut-icon-envelope:before { content: "\e90a"; } .eut-icon-globe:before { content: "\e907"; } .eut-icon-shop:before { content: "\e908"; } .eut-icon-user:before { content: "\e90f"; } .eut-icon-date:before { content: "\e910"; } .eut-icon-safebutton:before { content: "\e911"; } .eut-icon-menu:before { content: "\e906"; } .eut-icon-plus:before { content: "\e904"; } .eut-icon-close:before { content: "\e912"; } .eut-icon-video:before { content: "\e909"; } .eut-icon-heart-o:before { content: "\e913"; } .eut-icon-heart:before { content: "\e914"; } .eut-icon-comment:before { content: "\e915"; } .eut-icon-quote:before { content: "\e916"; } .eut-icon-link:before { content: "\e917"; } .eut-icon-pencil:before { content: "\e918"; } .eut-icon-th-large:before { content: "\e90e"; } /* ============================================================================= - 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 .3s; -moz-transition : color .3s; -ms-transition : color .3s; -o-transition : color .3s; transition : color .3s; } /* ============================================================================= - Popup HTML5 Video ============================================================================= */ .eut-html5-video-popup-container { max-width: 900px; margin: 0 auto; } .eut-html5-video-popup-container video { width: 100%; } /* ============================================================================= - 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: "\e912"; font-family: 'zuperla-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; padding: 0; width: 60px; height: 60px; } button.mfp-arrow { width: 60px; height: 60px; font-size: 24px; overflow: hidden; top: 50%; margin-top: -30px; } button.mfp-arrow:before { font-family: 'zuperla-icons' !important; -webkit-transition : all .2s; -moz-transition : all .2s; -ms-transition : all .2s; -o-transition : all .2s; transition : all .2s; } .mfp-arrow-left { left: 30px; } .mfp-arrow-right { right: 30px; } .mfp-arrow-left:before { content: '\e900'; } .mfp-arrow-right:before { content: '\e902'; } .mfp-arrow-left:before { position: absolute; left: 30px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .mfp-arrow-left:hover:before { -webkit-transform: translate(-18px, -50%); -moz-transform: translate(-18px, -50%); -ms-transform: translate(-18px, -50%); -o-transform: translate(-18px, -50%); transform: translate(-18px, -50%); } .mfp-arrow-right:before { position: absolute; top: 50%; left: -18px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .mfp-arrow-right:hover:before { -webkit-transform: translate(18px, -50%); -moz-transform: translate(18px, -50%); -ms-transform: translate(18px, -50%); -o-transform: translate(18px, -50%); transform: translate(18px, -50%); } .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; } .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 { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .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:.8s; -moz-animation-duration:.8s; -ms-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; opacity: 1; } .eut-animated.eut-duration-very-fast { -webkit-animation-duration:.4s; -moz-animation-duration:.4s; -ms-animation-duration:.4s; -o-animation-duration:.4s; animation-duration:.4s; } .eut-animated.eut-duration-fast { -webkit-animation-duration:.6s; -moz-animation-duration:.6s; -ms-animation-duration:.6s; -o-animation-duration:.6s; animation-duration:.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(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 1; } } @keyframes eut_zoom_in { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .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.550, 0.085, 0.000, 0.990); -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); /* 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%; } /* ============================================================================= - Show List Items ============================================================================= */ .eut-show-list:not(.eut-responsive) > li { opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition : all .5s cubic-bezier(.215,.61,.355,1); -moz-transition : all .5s cubic-bezier(.215,.61,.355,1); -ms-transition : all .5s cubic-bezier(.215,.61,.355,1); -o-transition : all .5s cubic-bezier(.215,.61,.355,1); transition : all .5s cubic-bezier(.215,.61,.355,1); } .eut-show-list > li.eut-show { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* ============================================================================= - 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; } /* ============================================================================= --- Section Settings ============================================================================= */ .eut-section, .eut-inner-section { position: relative; } .eut-section.eut-custom-height .eut-row { visibility: hidden; } /* Full Width Section */ .eut-fullwidth .eut-container { width: 100% !important; max-width: 100% !important; display: block; } #eut-header.eut-fullwidth #eut-main-header:not(.eut-side-default).eut-with-sidearea .eut-container, .eut-boxed #eut-header.eut-fullwidth #eut-main-header:not(.eut-side-default).eut-with-sidearea .eut-container { padding-right: 130px; } .eut-boxed #eut-header #eut-main-header:not(.eut-side-default).eut-with-sidearea .eut-container { padding-right: 80px; } #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; } /* ============================================================================= --- Percentage Height ============================================================================= */ .eut-percentage-height.eut-loading-height { visibility: hidden; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="10"] { min-height: 10vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="20"] { min-height: 20vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="30"] { min-height: 30vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="40"] { min-height: 40vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="50"] { min-height: 50vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="60"] { min-height: 60vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="70"] { min-height: 70vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="80"] { min-height: 80vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="90"] { min-height: 90vh; } .eut-section.eut-percentage-height.eut-loading-height[data-height-ratio="100"] { min-height: 100vh; } /* ============================================================================= --- Row Settings ============================================================================= */ .eut-row, .eut-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .eut-column .eut-column-wrapper, .eut-column-inner .eut-column-wrapper-inner { position: relative; } .eut-column-content, .eut-column-inner-content { width: 100%; z-index: 1; } /* Full Width Section */ .eut-fullwidth .eut-row { margin-right: 0; margin-left: 0; } .eut-fullwidth .eut-row .eut-column { padding-right: 0; padding-left: 0; } /* Equal Columns */ .eut-section.eut-equal-columns .eut-column, .eut-inner-section.eut-equal-columns .eut-column-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .eut-section .eut-column .eut-column-wrapper, .eut-inner-section .eut-column-inner .eut-column-wrapper-inner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .eut-section.eut-tablet-landscape-not-equal-columns .eut-column, .eut-inner-section.eut-tablet-landscape-not-equal-columns .eut-column-inner { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .eut-section.eut-tablet-portrait-not-equal-columns .eut-column, .eut-inner-section.eut-tablet-portrait-not-equal-columns .eut-column-inner { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } } /* Horizontal Position */ .eut-column.eut-horizontal-position-center .eut-column-content, .eut-column-inner.eut-horizontal-position-center .eut-column-inner-content { margin-left: auto; margin-right: auto; } .eut-column.eut-horizontal-position-right .eut-column-content, .eut-column-inner.eut-horizontal-position-right .eut-column-inner-content { margin-left: auto; margin-right: 0; } /* Tablet (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1200px) { .eut-column.eut-tablet-reset-content-width .eut-column-content, .eut-column-inner.eut-tablet-reset-content-width .eut-column-inner-content { max-width: 100% !important; } } /* Tablet (portrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .eut-column.eut-tablet-sm-reset-content-width .eut-column-content, .eut-column-inner.eut-tablet-sm-reset-content-width .eut-column-inner-content { max-width: 100% !important; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width: 767px) { .eut-column.eut-mobile-reset-content-width .eut-column-content, .eut-column-inner.eut-mobile-reset-content-width .eut-column-inner-content { max-width: 100% !important; } } /* Vertical Position */ .eut-section:not(.eut-equal-columns) .eut-column:not(.eut-column-fullheight).eut-vertical-position-bottom, .eut-section .eut-column.eut-vertical-position-bottom .eut-column-content, .eut-inner-section:not(.eut-equal-columns) .eut-column-inner:not(.eut-column-fullheight).eut-vertical-position-bottom, .eut-inner-section .eut-column-inner.eut-vertical-position-bottom .eut-column-inner-content { -webkit-align-self: flex-end; align-self: flex-end; } .eut-section:not(.eut-equal-columns) .eut-column:not(.eut-column-fullheight).eut-vertical-position-middle, .eut-section .eut-column.eut-vertical-position-middle .eut-column-content, .eut-inner-section:not(.eut-equal-columns) .eut-column-inner:not(.eut-column-fullheight).eut-vertical-position-middle, .eut-inner-section .eut-column-inner.eut-vertical-position-middle .eut-column-inner-content { -webkit-align-self: center; align-self: center; } .eut-section:not(.eut-equal-columns) .eut-column-fullheight .eut-column-wrapper, .eut-section:not(.eut-equal-columns) .eut-column-fullheight .eut-column-wrapper-inner { height: 100%; } /* ============================================================================= --- 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 { position: relative; min-height: 1px; z-index: 1; } .eut-column-1-12 { width: 8.33333333%; } .eut-column-5-12 { width: 41.66666667%; } .eut-column-7-12 { width: 58.33333333%; } .eut-column-11-12 { width: 91.66666667%; } .eut-column-1-6 { width: 16.66666667%; } .eut-column-1-5 { width: 20%; } .eut-column-2-5 { width: 40%; } .eut-column-3-5 { width: 60%; } .eut-column-1-4 { width: 25%; } .eut-column-1-3 { width: 33.33333333%; } .eut-column-1-2 { width: 50.0%; } .eut-column-2-3 { width: 66.66666667%; } .eut-column-3-4 { width: 75.0%; } .eut-column-4-5 { width: 80.0%; } .eut-column-5-6 { width: 83.33333333%; } .eut-column-1 { width: 100.0%; } .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; } } /* ============================================================================= --- 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.33333333%; } .eut-tablet-column-5-12 { width: 41.66666667%; } .eut-tablet-column-7-12 { width: 58.33333333%; } .eut-tablet-column-11-12 { width: 91.66666667%; } .eut-tablet-column-1-6 { width: 16.66666667%; } .eut-tablet-column-1-5 { width: 20%; } .eut-tablet-column-2-5 { width: 40%; } .eut-tablet-column-3-5 { width: 60%; } .eut-tablet-column-1-4 { width: 25%; } .eut-tablet-column-1-3 { width: 33.33333333%; } .eut-tablet-column-1-2 { width: 50.0%; } .eut-tablet-column-2-3{ width: 66.66666667%; } .eut-tablet-column-3-4 { width: 75.0%; } .eut-tablet-column-4-5 { width: 80.0%; } .eut-tablet-column-5-6 { width: 83.33333333%; } .eut-tablet-column-1 { width: 100.0%; } } /* 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.33333333%; } .eut-tablet-sm-column-5-12 { width: 41.66666667%; } .eut-tablet-sm-column-7-12 { width: 58.33333333%; } .eut-tablet-sm-column-11-12 { width: 91.66666667%; } .eut-tablet-sm-column-1-6 { width: 16.66666667%; } .eut-tablet-sm-column-1-5 { width: 20%; } .eut-tablet-sm-column-2-5 { width: 40%; } .eut-tablet-sm-column-3-5 { width: 60%; } .eut-tablet-sm-column-1-4 { width: 25%; } .eut-tablet-sm-column-1-3 { width: 33.33333333%; } .eut-tablet-sm-column-1-2 { width: 50.0%; } .eut-tablet-sm-column-2-3{ width: 66.66666667%; } .eut-tablet-sm-column-3-4 { width: 75.0%; } .eut-tablet-sm-column-4-5 { width: 80.0%; } .eut-tablet-sm-column-5-6 { width: 83.33333333%; } .eut-tablet-sm-column-1 { width: 100.0%; } } /* 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%; } .eut-mobile-column-4-5 { width: 80%; } .eut-mobile-column-1-4 { width: 25%; } .eut-mobile-column-1-3 { width: 33.33333333%; } .eut-mobile-column-1-2 { width: 50.0%; } .eut-mobile-column-1 { width: 100.0%; } #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-hide, .eut-mobile-sm-row-hide { display: none; } .eut-mobile-sm-column-1-4 { width: 25%; } .eut-mobile-sm-column-1-3 { width: 33.33333333%; } .eut-mobile-sm-column-1-2 { width: 50.0%; } .eut-mobile-sm-column-1 { width: 100.0%; } } /* ============================================================================= - 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; } /* ============================================================================= - Plugin Events Calendar ============================================================================= */ #eut-theme-wrapper #tribe-events-events-bar-keyword { border: none; padding: 12px 40px; margin: 0; } #eut-theme-wrapper button.tribe-events-c-top-bar__datepicker-button, #eut-theme-wrapper button.tribe-events-c-top-bar__nav-link, #eut-theme-wrapper button.tribe-events-c-nav__next, #eut-theme-wrapper button.tribe-events-c-nav__prev, #eut-theme-wrapper button.tribe-events-c-events-bar__search-button, #eut-theme-wrapper button.tribe-events-c-view-selector__button, #eut-theme-wrapper button.tribe-events-calendar-month__day-cell { background-color: inherit !important; color: inherit !important; padding: inherit !important; border: none !important; font-size: 16px !important; font-weight: 400 !important; text-transform: capitalize !important; font-family: Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif !important; } #eut-theme-wrapper button.tribe-events-c-top-bar__datepicker-button, #eut-theme-wrapper button.tribe-events-c-nav__next, #eut-theme-wrapper button.tribe-events-c-nav__prev { display: flex !important; } #eut-theme-wrapper button.tribe-events-c-top-bar__nav-link { margin: 6px 0 !important; } #eut-theme-wrapper button.tribe-events-c-top-bar__nav-link, #eut-theme-wrapper button.tribe-events-c-nav__next, #eut-theme-wrapper button.tribe-events-c-nav__prev { color: grey !important; cursor: default !important; } #eut-theme-wrapper button.tribe-events-c-nav__next, #eut-theme-wrapper button.tribe-events-c-nav__prev, #eut-theme-wrapper a.tribe-events-c-nav__next, #eut-theme-wrapper a.tribe-events-c-nav__prev { font-size: 14px !important; } #eut-theme-wrapper #tribe-bar-form .tribe-bar-submit input[type=submit] { padding-top: 0; padding-bottom: 0; line-height: 49px; margin: 0; } #eut-theme-wrapper #tribe-bar-form .tribe-bar-toggle-text { color: #ffffff; } #eut-theme-wrapper #tribe-bar-form .tribe-bar-toggle-arrow:after { vertical-align: middle; margin-top: -4px; } #eut-theme-wrapper #tribe-bar-views-toggle { text-align: left; color: inherit; background-color: transparent; padding: 0 15px; line-height: 49px; margin: 0; } #eut-theme-wrapper .tribe-bar-views span[class^=tribe-icon-] { vertical-align: middle; margin-top: -4px; } #eut-theme-wrapper #tribe-bar-views-toggle:after { border-top-color: rgba(0,0,0,0.6); border-width: 4px; top: 50%; margin-top: -2px; } #eut-theme-wrapper #tribe-bar-views .tribe-bar-views-list { outline: none; padding: 0; } @media only screen and (max-width: 1023px) { #eut-theme-wrapper .tribe-events-page-title { margin-bottom: 60px; } #eut-theme-wrapper #tribe-bar-views-toggle { padding: 0; } #eut-theme-wrapper .tribe-bar-submit { margin-left: 0; } } /* ============================================================================= - 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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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%; } #eut-privacy-bar.eut-bar-position-right { left: auto; right: 15px; bottom: 15px; width: 30%; } #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(../images/privacy/fallback-pattern.jpg); } #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 .3s; -moz-transition : all .3s; -ms-transition : all .3s; -o-transition : all .3s; transition : all .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: 99999999; 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: 999999999; padding: 36px; display: none; } .eut-privacy-popup-wrapper { width: 100%; height: 100%; color: #000000; 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: "\e912"; font-family: 'zuperla-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: 3.000em; 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: 3.000em; 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: .4s; transition: .4s; -webkit-border-radius: 1.625em; border-radius: 1.625em; width: 3.000em; } .eut-privacy-switch .eut-switch .eut-switch-slider:before { position: absolute; content: ""; height: 1.125em; width: 1.125em; left: 0.250em; bottom: 0.250em; background-color: white; -webkit-transition: .4s; transition: .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; } }